@charset "utf-8";
@import url(/user/hsc/style/css/NotoSans.css);
* {font-family: "Noto Sans", "Noto Sans KR", "NotoSans-DemiLight", sans-serif  !important;letter-spacing:-0.8px;}	
	
#header h1 a{padding: 0px 26px 10px 0 !important;}
#header h1 a img{height: 23px !important;padding-top: 10px;}
#header h1::before {background:none !important;}


/*배너*/

.banner-zone h2{overflow: hidden; visibility: hidden;margin: 0;padding: 0;width: 0;height: 0;line-height: 0;font-size: 0;}
.banner-zone ul{padding: 0;margin: 0;padding:13px 11px;background:#e5f5ff}		
.banner-zone ul:after{content: "";display: block;clear: both;}
.banner-zone ul li{float:left;list-style: none;width:25%}	
.banner-zone ul li a{display:block}	
.banner-zone ul li img{display: block;margin: 0 auto;width: 100%;height:100%;border: 0 none;}	
.tab_list>ul>li>a span{font-size:16px}	
.tab_list>ul>li>a span.over{color: #3fa298;}
.banner ul li+li {border-top: none !important;}
#content-container .content-path{background-color: #1898ff;}


/*고객의소리*/
#siteFunction_menu_6_3Mobile_1559538250174100{}
#siteFunction_menu_6_3Mobile_1559538250174100 .weekWrite{}
#siteFunction_menu_6_3Mobile_1559538250174100 .weekWrite form{}
#siteFunction_menu_6_3Mobile_1559538250174100 .weekWrite form .write{}
#siteFunction_menu_6_3Mobile_1559538250174100 .weekWrite form .write table{table-layout: fixed;}
#siteFunction_menu_6_3Mobile_1559538250174100 .weekWrite form .write table tbody th{padding:2px 0 2px 4px !important;font-size:14px;letter-spacing: -1px;}
#siteFunction_menu_6_3Mobile_1559538250174100 .weekWrite form .write table tbody td{padding:2px 0 2px 4px !important;}
#siteFunction_menu_6_3Mobile_1559538250174100 .weekWrite form .write table tbody td textarea{width:96%}
#title{width:94% !important}
#userName{width: 96%;}
#mail1, #mail2, #mailDomain{width: 27%;}
#phone1, #phone2, #phone3{width: 27%;}

/* 고객문의게시판*/
#inquiry_form{}
#inquiry_form .write table tbody tr td textarea{width:97%!important}
#inquiry_form .write table tbody tr th{padding-left: 4px !important;font-size: 12px;}


/*상단 고정메뉴*/
.sub-category-wrap{position: absolute;top:42px;width: 100%;z-index: 1;}
.sub-category-wrap h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.sub-category-wrap ul{display:inline-table;margin: 0; padding: 0;width: 100%;;}
.sub-category-wrap ul li{display: table-cell;background: #000;list-style: none; width:auto}
.sub-category-wrap ul li.bg{background: #333333 !important;}
.sub-category-wrap ul li a{letter-spacing:-0.5px;position: relative;display: block; height: 40px;line-height: 40px; text-align: center;; color: #ffffff; font-size: 13px;white-space:nowrap;}
.sub-category-wrap ul li+li:after{content:"";position:absolute;width:1px;top:0px;height:40px;background: rgba(255,255,255,0.3);}
.sub-category-wrap ul li.item-01{width:auto;font-weight:bold;}
.sub-category-wrap ul li.item-04{width:auto;}
.sub-category-wrap ul li.item-05{width:auto;}
.sub-category-wrap ul li.item-06{width:auto;}



/*메인 전체상품 */
#shopping_Mlist{margin:10px 0;text-align: center;}
#shopping_Mlist .listContents{}
#shopping_Mlist .listContents ul:after{content:"";display:block;clear:both}
#shopping_Mlist .listContents ul{width:100% !important;}
#shopping_Mlist .listContents li{float:left;position:relative;width:33.3%;margin-bottom: 20px;}
#shopping_Mlist .listContents li a{display:block;text-align:center;padding: 0 1px;}
#shopping_Mlist .listContents li .img{border: 1px solid #ddd;}
#shopping_Mlist .listContents li .img img{width:100% !important;}
#shopping_Mlist .listContents li .category {height:5px !important;;}
#shopping_Mlist .listContents li dl{height:57px}
#shopping_Mlist .listContents li dl dt{text-overflow: ellipsis;white-space: normal;word-break: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#shopping_Mlist .listContents li dl dd {color:#ff0000;font-size:16px;}
#shopping_Mlist .listContents li dl dd span{display:none;}
#shopping_Tab{border-bottom: none !important}						

/* 하단 고객센터 계좌번호 */
.order-info {margin:20px 0 10px 10px;}
.order-info ul{margin:0;padding: 0;}
.order-info .call {position: relative;color:#000;padding-left:45px;line-height: 1;list-style: none;}
.order-info .call:after{content:"";background-image:url('/user/hsc/mycodyimages/bg_call.png');background-repeat:no-repeat;background-position:0 0;width:35px;height:35px;top: 0;left: 0;position: absolute;background-size:cover;}
.order-info .account{position: relative;color:#333;padding-left:45px;;;line-height: 1;margin-top: 15px;}
.order-info .account:after{content:"";background-image:url('/user/hsc/mycodyimages/bg_bank.png');background-repeat:no-repeat;background-position:0 0;width:35px;height:35px;top: 0;left: 0;position: absolute;background-size:cover;}
.order-info .call strong, .order-info .account strong{display:block;font-size:20px;color:#000;}		
.order-info .call strong a, .order-info .account strong a{color:#000}
.order-info .call strong a:hover, .order-info .account strong a:hover{color:#000}
.order-info .call span, .order-info .account span{line-height:22px;font-size: 12px;letter-spacing: -0.5px;}

#footer-container{background: #fff;}		
.btn span{background-color: transparent !important;}						

/* 메인 타이틀 */
.mobile-edit {position:relative;margin: 40px 0 20px}
.mobile-edit h2{height: 28px !important;line-height: 1 !important; font-size: 22px !important;color: #000 !important;;text-align: center;font-weight:normal !important;}
.mobile-edit h2 span{position: relative;}
.mobile-edit h2 span:after{content: "";position: absolute;bottom: -10px;left: 50%;height: 3px;background: #666;width: 100px;margin-left: -50px;}			
								
.visual-area{margin:40px 0 20px 0;}
								
/* 신상품 */			
.bx-viewport{overflow:visible !important;}	
.goodsZone h2{}
.goodsZone .item-display .item .thumbnail{width:80px !important;height: 80px !important}
.goodsZone .item-display .item .item-body{padding:0 !important;}
.goodsZone .item-display .item .item-body .data-head{overflow:visible !important;white-space:normal !important;}				
.goodsZone .item-display .item .item-body .data-head>.title{line-height:1.5;width:100% !important;letter-spacing:-0.5px;text-overflow: ellipsis;white-space: normal;font-size:12px !important;word-break: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 36px;width:90%}								
.goodsZone .item-display .item .item-body .data-foot .price .price-selling .value{color:#ff0000 !important;}

.goodsZone{background-color: transparent !important;}

#footer .support-service ul li{width:20% !important}