/* 사용자 정의 css */


body {

padding: 0px !important;
font-size:12px; 
}


/*////////////////////////////////*/
/*----Background Color Styles-----*/
/*////////////////////////////////*/
.icon{			background-color:#262428;										}
.bg-orange{		background-color:#e34e47;			color:#FFFFFF!important;	}
.bg-yellow{		background-color:#ffd100;			color:inherit;				}
.bg-green{		background-color:#518900;			color:#FFFFFF!important;	}
.bg-gray{		background-color:#424242;			color:#FFFFFF!important;	}
.bg-light-gray{	background-color:rgba(0,0,0,0.1); 	color:#333333!important;	}
.bg-dark-gray{	background-color:rgba(0,0,0,0.7);	color:#FFFFFF!important;	}
.bg-light{		background-color:rgba(0,0,0,0.05);  color:#333333!important;	}

.margin5{ margin:5px; }
.margin10{ margin:10px; }
.margin15{ margin:15px; }
.margin20{ margin:20px; }

.padding5{ padding:5px; }
.padding10{ padding:10px; }
.padding15{ padding:15px; }
.padding20{ padding:20px; }

.container {

height:500px;
border:solid 1px black;}


#header {
}

#header .logo{
padding-top:0px;
padding-bottom:0px;
}

#header .default_menu{
padding: 10px;
text-align: center;
border-bottom:solid 1px #e3e3e3;
}

#header .default_menu p{
	display:inline;
	margin: 2px;
}


#container {
width:100%;	
padding-top:4px;
padding-bottom:4px;
}

#container .default_menu{
padding: 10px 6px 10px 6px;
margin-bottom: 4px;
background:#fff;
text-align: center;
color:#999896;
font-weight:bold;
}

#container .default_menu p{
	display:inline;
	margin: 5px;
	color:#999896;
}
#container .default_menu a{
	color:#999896;
	font-weight:bold;
}

#container .sub_menu{
padding: 8px;
margin-bottom: 4px;
text-align: center;
color:#999896;
}

#container .sub_menu a{
	color:#999896;
}

#container .sub_menu span{
padding: 0px 4px 0px 4px;
}

#content{
	width:100%;	
}

#content .main_banner{
padding-bottom:4px;
}

#content .row-main_goods{
	width:100%;	
}

#content .main_goods_half{
	width:50%;	
	display:inline;
}


#footer {

}

#footer .default_menu{
padding: 8px;
border-top:solid 1px #e3e3e3;
border-bottom:solid 1px #e3e3e3;
background:#f2f2f2;
text-align: center;
}

#footer .footer-content{
padding: 6px;
}

#footer .default_menu p{
	display:inline;
	margin: 5px;
}

.reset {
	padding-right: 0;
	padding-left: 0;
}

.full-img{
	height:auto;
	width:100%!important;
	display:block!important;
}

.hlaf-img{
	height:auto;
	width:33%!important;
	display:block!important;
}

.one-full { width: 100%; padding-right: 5px}
.one-half { width: 49%; display:inline-block;}
.one-third { width: 32.2%; display:inline-block;vertical-align:text-top;text-align:center;}

.top-logo { width: 69%; display:inline-block;}
.top-logo-side { width: 30%; display:inline-block;}

.default-input-zip { width: 10%; display:inline-block;}
.default-third-tel { width: 26%; display:inline-block;}

.input-line-set { margin-top:-10px}


.one-half img{ display:inline;}
	



.my_input {
	display: inline;
}

.decoration{
	margin-top:-6px;
	margin-bottom:20px;
	height:1px;
	display:block;
	background-color:rgba(0,0,0,0.15);
}

.button_space{
	margin:20px;
}

.width-full{
	min-width:96%;
	display:block;
}

.cart_list{	
	min-height:140px;
	margin-bottom:30px;
	border-bottom:solid 1px #e8e8e8;
	overflow:hidden;
	position:relative;
	font-size:14px;
}

.goods_list{	
	height:120px;
	margin-bottom:20px;
	border-bottom:solid 1px #e8e8e8;
}
.goods_list img{display: inline;}
.column-icon{
	float:left; padding-right:15px;
}

.width-right{
	text-shadow:none;	
	padding:2px 4px 0px 4px;
	float:right;
}

.cate_name {
	font-size:12px;
	border-bottom:solid 1px #e8e8e8;
	height:28px;
	font-weight:bold;
	padding-top:10px;
}

.category_arrow{
	padding-top:2px;
	float:right;
}

.pagination{
	margin-bottom:20px;
	text-align: center;
	font-size:18px;
}
.pagination_span{
	display:inline;
}

.my_title {
	display: inline;
	font-weight:bold;
	font-size: 14px;
	padding-top:30px;
	color:#5e5e5e;
}

.input-line-fix {
	display: inline;
	font-size: 14px;
}

.mypage_order_list{	
	padding:10px 0px 10px 0px;
	border-bottom:solid 1px #e8e8e8;
}

.mypage_order_list a{	
	color:#5e5e5e;
}

.ord_info {
	font-size:12px;
	padding:10px 0px 0px 0px;
}

.ord_info_bottom{	
	margin:10px 0 10px 0px;
	border-bottom:solid 1px #e8e8e8;
}

.ord_info a{
	color:#5e5e5e;
}

.ord_info_left{
	padding:0px 10px 0px 0px;
	margin:0px;
	width:70px;
	float:left;
	text-align: right;
	display:inline;
}

.ord_info_right{
	margin:0px;
	display:inline;
}

.no-bottom{ margin-bottom:0px!important;margin-top:10px;line-height:1;}

.iconColor {
	color: #c45268;
}

.slimScrollDiv { border:1px solid #eee; }

.line_reset ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  padding-right: 0px;
  padding-left: 0px;
  *zoom: 1;
}

.goods_comment { padding-top:4px; }

.my_pay_box {
	display:block;
	overflow:hidden;
	margin:5px;
}

.my_pay_box_left{
	float:left;	width:25%;
}

.my_pay_box_right{
	float:left;	width:70%;
}

.board-content{
	margin-top: -14px;
}

.board_content_list{	
	padding:10px;
	border-bottom:solid 1px #e8e8e8;
}

.board_content_list img{
	display:inline;
}

.board_content_view{
	margin-top: -14px;
}

.board_list_write_btn{
	padding: 0px 0px 30px 0px;
}

/*바디*/
body{font-family:dotum, serif;}
img{display:inline;}
*{box-sizing:border-box;}
a:hover{text-decoration:none;}

/* 헤더 */
#header{overflow-x:hidden;border-top:2px solid #f4979c;}
.location-wrap{width:100%;height:65px;position:relative;padding:0;top:0;}

#header .location-wrap > .logo{width:100%;text-align:center;padding:0;margin-top:15px !important;}
.location-wrap > .logo img{width:160px;}

.gnb-trigger{display:block;position:absolute;left:20px;top:50%;margin-top:-5.5px;text-align:center;}
.location-wrap a{font-size:10px;}
.location-wrap a:link{text-decoration:none;color:#969696;}
.location-wrap a:visited{text-decoration:none;color:#969696;}
.location-wrapr a:active{text-decoration:none;color:#969696;}

.gnb-trigger img{width:25px;}
.search-trigger{display:block;position:absolute;right:20px;top:50%;margin-top:-8.5px;}
.search-trigger img{width:24px;}

/* 전체메뉴 */
.gnb-wrap{position:absolute;width:100%;height:100%;top:0;z-index:9998;left:-100%;}
.gnb-wrap .gnb-close{position:absolute;top:0;left:305px;width:55px;height:70px; background-size:60px;background:url('../img/close-fullmenu.png') 0 0 no-repeat;z-index:999999;text-indent:-9999px;}

.gnb-wrap .gnb-bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:9998;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity:0.7;}

.gnb-wrap .gnb-container{position:absolute;left:0;top:0;width:305px;background-color:#fff;z-index:9999;padding-bottom:10px;}

.gnb-container .logo{width:190px;margin:10px auto 15px;}
.gnb-container .logo img{width:100%;}

.gnb-container .login-state{color:#000;font-size:13px;text-align:center;margin-bottom:10px;font-weight:bold;}
.gnb-container .login-substance{color:#acacac;font-size:12px;line-height:16px;text-align:center;margin-bottom:15px;}
.gnb-container .login-button-wrap{padding:0 10px;margin-bottom:5px;}
.gnb-container .login-button{display:block;height:35px;line-height:35px;text-align:center;background-color:#222;color:#fff;font-size:14px;}

.gnb-container .gnb-search-wrap{padding:0 10px !important;position:relative;}
.gnb-container .gnb-search-wrap form{margin:0;}
.gnb-container .gnb-search-wrap input{width:100%;height:35px;line-height:35px;padding:0;border:1px solid #ddd;font-size:12px;color:#777;}
.gnb-container .gnb-search-wrap a{position:absolute;right:10px;top:0;display:block;width:35px;height:35px;background:url('../img/gnb-search.png') center center no-repeat;text-indent:-9999px;}

.gnb-pagination > a{display:block;float:left;width:50%;height:44px;line-height:44px;text-align:center;color:#000;font-size:11px;border-top:1px solid #ddd;background-color:#f7f7f7;border-bottom:1px solid #ddd;box-sizing: border-box;}
.gnb-pagination > a:nth-child(1):hover,
.gnb-pagination > a.active.active1{background-color:#fff;border-bottom:1px solid #fff;border-right:1px solid #ddd;}
/*.gnb-pagination > a:nth-child(2):hover,
.gnb-pagination > a.active.active2{background-color:#fff;border-bottom:1px solid #fff;border-right:1px solid #ddd;border-left:1px solid #ddd;}*/
.gnb-pagination > a:nth-child(2):hover,
.gnb-pagination > a.active.active2{background-color:#fff;border-bottom:1px solid #fff;border-left:1px solid #ddd;}

.gnb-list-wrap > .list.blind{display:none;}

.gnb-list-wrap > .gnb{padding:0 10px;margin:0;}

.depth-1, .depth-2{list-style:none;}
.gnb-list-wrap > .gnb > .depth-1 > a{display:block;width:100%;height:38px;line-height:38px;padding-left:5px;color:#000;font-family:'Georgia';font-size:14px;}
.gnb-list-wrap > .gnb > .depth-1 > a.arrow-bg{background:url('../img/gnb-depth-close.jpg') 265px center no-repeat;}
.gnb-list-wrap > .gnb > .depth-1 > a.arrow-bg.active{background:url('../img/gnb-depth-open.jpg') 265px center no-repeat;}
.gnb-list-wrap > .gnb > .depth-1 > a.notice{border-bottom:1px solid #ddd;font-family:'dotum';font-size:12px;}
.gnb-list-wrap > .gnb > .depth-1:last-child > a.notice{border-bottom:0;}
.gnb-list-wrap > .gnb > .depth-1 > a.event{color:#ff93a4;}
.gnb-list-wrap > .gnb > .depth-1 > a.cummunity{color:#b29a5e;}
.gnb-list-wrap > .gnb .depth-2-wrap .depth-2 > a{display:block;height:31px;line-height:31px;padding-left:15px;background-color:#434343;border-bottom:1px solid #656565;color:#fff;font-size:12px;}
.gnb-list-wrap > .gnb .depth-2-wrap{margin:0;}

/* 멤버 메뉴 */
.member-wrap{overflow:hidden;padding:0 10px;position:relative;margin:0 0 5px 0;}
.member-wrap > .member-menu{float:left;width:25%;line-height:13px;list-style:none;}
.member-wrap > .member-menu > a{display:block;text-align:center;border-right:1px solid #ddd;color:#909090;font-size:12px;font-family:'dotum';line-height:13px;margin-top:25px;font-weight:bold;}
.member-wrap > .member-menu > a:hover{text-decoration:none;}
.member-wrap > .member-menu:nth-child(4) > a{border:0;}
.member-wrap .search-form{position:absolute;right:-100%;top:3px;width:100%;height:34px;padding:0 10px;list-style:none;box-sizing:border-box;}
.member-wrap .search-form form{margin:0;}
.member-wrap .search-form input{width:100%;height:25px;line-height:25px;border:1px solid #ddd;padding-left:15px;font-size:14px;color:#777;}
.member-wrap .search-form a{display:block;position:absolute;right:10px;top:0;width:60px;height:34px;line-height:34px;border:1px solid #ddd;border-left:0;font-size:13px;text-align:center;font-weight:500;background-color:#5d5d5d;color:#fff;}

/* 탑메뉴 */
.top-menu-wrap{overflow:hidden;}
.top-menu-container{width:100%;}
.top-menu-container .bl0{border-left:0 !important;}
.top-menu-container th,
.top-menu-container td{padding:0;border:0;}
.top-menu-container thead th{border-left:1px solid #fff;}
.top-menu-container thead th a{display:block;line-height:41px;height:40px;text-align:center;background-color:#fcc2c1;color:#fff;font-weight:600;font-size:12px;}
.top-menu-container thead th a:hover{text-decoration:none !important;}
.top-menu-container tbody th{border-left:1px solid #d9d9d9;border-bottom:1px solid #eaeaea;}
.top-menu-container tbody th a{display:block;line-height:38px;height:38px;text-align:center;background-color:#efebeb;color:#777;font-weight:none;font-size:12px;font-family:'dotum';letter-spacing:-1px;}
.top-menu-container tbody td{text-align:left;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.top-menu-container tbody td a{display:block;line-height:29px;height:29px;text-align:left;background-color:#fff;color:#777;font-weight:500;font-size:12px;padding-left:20px;}

.mainTitleWrap{text-align:center;font-size:0;width:100%;border-bottom:1px solid #d9d9d9;margin-bottom:20px;line-height:18px;}
.mainTitleWrap .mainTitle{display:inline-block;color:#3d3d3d;font-size:12px;font-weight:500;font-family:'Georgia';padding-bottom:5px;position:relative;letter-spacing:0.3em;}
.mainTitleWrap .mainTitle .bar{display:block;width:100%;height:1px;position:absolute;left:0;bottom:-1px;background-color:#3d3d3d;}
.mainConContainer{overflow:hidden;}

/* 메인 리스트 타입 탭*/
.main-type-pagination{text-align:center;font-size:0;overflow:hidden;margin:15px 0;}
.main-type-pagination > a{display:inline-block;width:33px;height:33px;margin:0 1.5px;text-indent:-9999px;}
.main-type-pagination > a.col-1{background:url('../img/view-type1.jpg') 0 0 no-repeat;}
.main-type-pagination > a.col-1:hover,
.main-type-pagination > a.col-1.active{background:url('../img/view-type1-active.jpg') 0 0 no-repeat;}
.main-type-pagination > a.col-2{background:url('../img/view-type2.jpg') 0 0 no-repeat;}
.main-type-pagination > a.col-2:hover,
.main-type-pagination > a.col-2.active{background:url('../img/view-type2-active.jpg') 0 0 no-repeat;}
.main-type-pagination > a.col-3{background:url('../img/view-type3.jpg') 0 0 no-repeat;}
.main-type-pagination > a.col-3:hover,
.main-type-pagination > a.col-3.active{background:url('../img/view-type3-active.jpg') 0 0 no-repeat;}

.mainContainer{margin-top:20px;}

/* 메인 리스트 탭*/
.main-list-pagination{border-top:2px solid #bbbbbb;margin-bottom:15px;}
.main-list-pagination > a{display:block;float:left;width:20%;text-align:center;height:44px;line-height:44px;color:#777;font-size:12px;font-weight:500;border-bottom:1px solid #ddd;background-color:#f7f7f7;font-family:'dotum';}
.main-list-pagination > a:hover,
.main-list-pagination > a.active{background-color:#fcc2c1;border-color:#fcc2c1;color:#fff;}

.list-wrap{overflow:hidden;margin-left:0 !important;list-style:none !important;}
.list-wrap > .list{float:left;margin-bottom:40px;word-break:break-all;}
.list-wrap .list a{display:block;}
.list-wrap .list .list-img{margin-bottom:6px;}
.list-wrap .list .list-img > img{width:100%;}
.list-wrap .list .list-txt1{color:#959595;text-align:center;font-size:12px;line-height:16px;}
.list-wrap .list .list-txt1 span{display:inline-block;}
.list-wrap .list .list-txt2{text-align:center;color:#959595;font-size:12px;line-height:16px;margin-bottom:10px;}
.list-wrap .list .list-price{color:#777;font-size:14px;text-align:center;font-weight:bold;}
.list-wrap .list .list-sub-img{text-align:center;margin-top:4px;}

.list-wrap.list-col1{padding:0 10px;}
.list-wrap.list-col1 .list{width:100%;}

.list-wrap.list-col2{padding:0 5px;}
.list-wrap.list-col2 .list{width:50%;border-left:5px solid #fff;border-right:5px solid #fff;}
.list-wrap.list-col2 .list:nth-child(odd){clear:left;}

.list-wrap.list-col3{padding:0 9px;}
.list-wrap.list-col3 .list{width:33.33%;border-left:1px solid #fff;border-right:1px solid #fff;}
.list-wrap.list-col3 .list:nth-child(3n+1){clear:left;}

.cate_title{height:42px;color:#585858;padding:10px;text-align:center;font-size:14px;}

.cate_list_box {
	color: #585858;
	padding:10px;
	border-top:solid 1px #e3e3e3;
	margin-bottom:8px;
}
/*장바구니*/
.cart_list2{margin-bottom:30px;border-bottom:solid 1px #e8e8e8;}
#content > form{padding:0 10px;}
#content > h5{padding:15px;}
/*게시판*/
.btn-inverse{background:#f6ecea;border-color:#d9d9d9;text-shadow:none;box-shadow:none;color:#000;}
.btn-inverse:hover{background:#f6ecea;border-color:#d9d9d9;text-shadow:none;box-shadow:none;color:#000;}

/* 7 20 모바일 리스트 슬라이드 추가*/
.list-slide-pagination{width:100%;overflow:hidden;margin:20px 0 10px;}
.list-slide-pagination > a,
.list-slide-pagination > h1{float:left;display:block;width:14.285%;height:46px;line-height:46px;border-top:2px solid #bbb;border-bottom:1px solid #ddd;text-align:center;font-size:12px;font-weight:300;letter-spacing:-1px;cursor:pointer;background-color:#f7f7f7;color:#777;font-family:'dotum';}
.list-slide-pagination > a:hover,
.list-slide-pagination > a.active,
.list-slide-pagination > h1{color:#fff;background-color:#fcc2c1;}

.list-slide-container{width:100%;overflow:hidden;display:table;margin:0;}
.list-slide-container a{display:block;position:relative;}
.list-slide-container a img{width:100%;}
.list-slide-container li.slide-list{float:left;position:relative;display:table-cell;}
.list-slide-container li.slide-list:nth-child(1){width:100%;position:relative;padding:0 5px;}
.list-slide-container li.slide-list:nth-child(1) .list-wrap{padding:0 !important;}
.list-slide-container li.slide-list:nth-child(1) .left{width:66.66%;}
.list-slide-container li.slide-list:nth-child(1) .top{width:33.33%;position:absolute;right:5px;top:0;padding-left:5px;}
.list-slide-container li.slide-list:nth-child(1) .bottom{width:33.33%;position:absolute;right:5px;bottom:0;padding-left:5px;}
.list-slide-container li.slide-list:nth-child(1) .top .opbox,
.list-slide-container li.slide-list:nth-child(1) .bottom .opbox{left:5px;border-right:5px solid #fff;}
.list-slide-container li.slide-list:nth-child(1) .bottom img{border-top:5px solid #fff;}
.list-slide-container li.slide-list:nth-child(2){width:100%;margin-top:5px;}
.list-slide-container li.slide-list:nth-child(2) ul{overflow:hidden;}
.list-slide-container li.slide-list:nth-child(2) ul li{width:33.33%;float:left;padding-right:5px;}
.list-slide-container li.slide-list .opbox{position:absolute;left:0;bottom:0;width:100%;min-height:42px;background:url('/mobile/assets/img/op-box-35.png') 0 0 repeat;text-align:center;font-family:'dotum';padding-bottom:5px;}
.list-slide-container li.slide-list .opbox .title{color:#fff;font-size:12px;margin:7px 0 4px;display:block;line-height:14px;}
.list-slide-container li.slide-list .opbox .price{color:#fff;font-size:12px;}
