/* BASIC css start */
#content.w1280{width:1280px; }
#content *{font-family: 'Noto Sans KR', sans-serif;}
#content *.ff1{ font-family:"Lato", 'Malgun Gothic', '맑은 고딕', dotum, '돋움';}
#content .paging *{font-family: 'Nanum Gothic', sans-serif;}


#productClass .top_bnr { margin-bottom:30px; }

#productClass .cate-wrap h2.list_title {min-height:34px; text-align: left; padding: 9px 0 0; color: #333333; font-size: 20px; line-height:20px; font-weight:400; margin-bottom:16px; border-bottom:2px solid #222;}


/* 텍스트형(좌측정렬) 상단네이게이션 */
#productClass .list_category3:after {content:""; display:block; clear:both;}
#productClass .list_category3 {margin-bottom:13px; width:100%; overflow:hidden;}
#productClass .list_category3 ul{margin-left:-14px;}
#productClass .list_category3 li {float:left;padding:0 0 0 2px; position:relative; height:34px;}
#productClass .list_category3 li:before{content:""; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; border-right:1px solid #eeeeee; background:#e5e5e5; }
#productClass .list_category3 li a {display:block; font-size:14px; height:34px; line-height:35px; color:#555; padding:0 14px;}
#productClass .list_category3 li a:hover {display:block;color:#000;text-decoration:none;}
#productClass .list_category3 li a.sel  { color:#000;font-weight:bold }


/* .item-wrap */
.item-wrap { width: 100%; }
.item-wrap  > h3.title{height:32px; line-height:26px; font-size:16px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; margin-top:22px;}
.item-wrap .item-hd { margin: 10px 0; padding: 5px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f9f9f9; }

.item-wrap .item-info {overflow: hidden; height:36px; padding:0; margin:0;}
.item-wrap .item-info:after {content: ""; clear: both; display: block; }
.item-wrap .item-info .item-total {float:left; padding-left: 0px; line-height:20px; font-size:13px; color:#808080;}
.item-wrap .item-info .item-order {float: right; overflow:hidden; }
.item-wrap .item-info .item-order  dd{}
.item-wrap .item-info .item-order  dd ul{overflow:hidden; margin-left:-3px;}
.item-wrap .item-info .item-order li{float: left; padding:0 11px 0 13px; position:relative; border-right:0; }
.item-wrap .item-info .item-order li:before{content:""; position:absolute; top:50%; left:0; margin-top:-6px; display:block; width:1px; height:12px; border-right:1px solid #f5f5f5; background:#e3e3e3;}
.item-wrap .item-info .item-order li a{display:inline-block;}
.item-wrap .item-info .item-order li a span{line-height:20px; font-size:13px; color:#808080;}
.item-wrap .item-info .item-order li a span.on{color:#111;}
.item-wrap .item-info .item-order li:nth-last-of-type(1){padding-right:0;}


/* 상품진열 스타일 2 - 기본정보 좌측정렬 */
.ec-base-product_main_01_left {/*margin:22px 0 0;*/ }
.ec-base-product_main_01_left img { vertical-align:middle; }
.ec-base-product_main_01_left .prdList { display:table; width:100%; min-width:756px; margin:0; font-size:0; line-height:0; }
.ec-base-product_main_01_left .prdList .prame_box { background:#FFFFFF; border:1px solid #e3e3e3;}
.ec-base-product_main_01_left .prdList .prame_box:hover { border:1px solid #777; }
.ec-base-product_main_01_left .prdList > li { display:inline-block; color:#757575; vertical-align:top; }

.ec-base-product_main_01_left .prdList .thumbnail { position:relative; text-align:center; }
.ec-base-product_main_01_left .prdList .thumbnail .percent { position:absolute; top:0px;left:0px;width:55px;height:55px;background:#646464;line-height:55px;font-size:13px;font-weight:bold;color:#FFF;text-align:center; }
.ec-base-product_main_01_left .prdList .thumbnail a img { width:100%; box-sizing:border-box; }
/*
.ec-base-product_main_01_left .prdList .thumbnail a .MS_prod_img_m{height:300px; }
*/
.ec-base-product_main_01_left .prdList .thumbnail .etc_icon { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product_main_01_left .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

.ec-base-product_main_01_left .prdList .description { margin:0 auto; padding:20px 20px 0; font-size:12px; line-height:18px; text-align:left; }
.ec-base-product_main_01_left .prdList .description .name { display:block; margin-bottom:5px;font-size: 16px; line-height:20px; color: #333;  font-weight: 500; }
.ec-base-product_main_01_left .prdList .description .name a {font-size:16px;color: #333; font-weight: 500; }
.ec-base-product_main_01_left .prdList .description .sub_names { font-size: 12px; color: #878787; line-height:17px; margin-bottom:10px; height:17px; }
.ec-base-product_main_01_left .prdList .description .sub_names .color1{color:#e31818;}
.ec-base-product_main_01_left .prdList .description .sub_names .color2{color:#0054a6;}

.ec-base-product_main_01_left .prdList .description .prd-price strike{margin-right:5px; }
.ec-base-product_main_01_left .prdList .description .prd-price .prd-price2 { font-size:17px; color: #0054a6; font-weight:500; line-height:22px; margin-bottom:12px;}
.ec-base-product_main_01_left .prdList .description .prd-price strong.prd-price2{display:inline-block; }
.ec-base-product_main_01_left .prdList .description .prd-price .sold_out_state{margin-bottom:12px;}

.ec-base-product_main_01_left .prdList .description .spec { font-weight:normal }
.ec-base-product_main_01_left .prdList .description .icon{ /*margin:10px 0 15px;*/ /*border-bottom:1px solid #e8e8e8;*/ vertical-align:middle; }
.ec-base-product_main_01_left .prdList .description .icon .MK-product-icons{font-size:0; display:block; line-height:19px; min-height:19px; }
.ec-base-product_main_01_left .prdList .description .icon .MK-product-icons img{vertical-align:top; }
.ec-base-product_main_01_left .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product_main_01_left .prdList .description .promotion { /*float:left; margin:0 0 4px;*/  }
.ec-base-product_main_01_left .prdList .description .add_info{border-top:1px solid #efefef; padding:11px 0 15px; overflow:hidden; min-height:15px;}
.ec-base-product_main_01_left .prdList .description .add_info .clolor_box{display:block; float:left; max-width:130px; overflow:hidden; font-size:0; margin-top:1px;  height:18px; overflow:hidden;}
.ec-base-product_main_01_left .prdList .description .add_info .color_cont{display:inline-block; vertical-align:top; width:13px; height:13px; margin-right:5px; margin-top:3px; box-sizing:border-box; border:1px solid #ddd; }

.ec-base-product_main_01_left .prdList .description .add_info .review_box{display:block; float:right; height:16px; margin-top:3px; padding-left:20px; background:url(/design/wonha0108/mshop_202007/images/ic_comment.png) 0 center no-repeat; color:#b0b0b0; font-size:13px; line-height:16px; font-family:"Lato";}



/* 진열방식 */
.ec-base-product_main_01_left ul.grid3 > li { width:33.33%; }
.ec-base-product_main_01_left ul.grid4 > li { width:25%; }
.ec-base-product_main_01_left ul.grid5 > li { width:20%; max-width:236px; margin: 0 0 70px 25px;}
.ec-base-product_main_01_left ul.grid5 > li:nth-of-type(5n+1){margin-left:0;}



.time_sale_box{text-align:center; font-size:0; box-sizing:border-box; padding:10px;}
.time_sale_box span{display:inline-block; height:30px; line-height:30px; box-sizing:border-box; vertical-align:top; overflow:hidden;}
.time_sale_box span.bar{width:9px; position:relative; }
.time_sale_box span.bar:before,
.time_sale_box span.bar:after{display:block; width:2px; height:2px; background:#333; content:""; overflow:hidden; left:50%; margin-left:-1px; position:absolute; }
.time_sale_box span.bar:before{top:6px;}
.time_sale_box span.bar:after{bottom:6px;}
.time_sale_box span.text_day{width:20px; color:#333; font-size:12px; font-weight:500;}
.time_sale_box span.timer{width:calc((100% - 45px) / 5.5) ; font-weight:700;  font-size:13px; color:#FFF; background:url(/design/wonha0108/mshop_202007/images_m/bg_time.png) center no-repeat; background-size:100% 100%; border-radius:2px;  }
.time_sale_box span.event_state{width:calc(((100% - 45px) / 5.5) * 1.5) ; font-size:11px; background:#d11e1e; color:#FFF;  border-radius:2px; margin-right:5px;}
.time_sale_box.end span.event_state{background:#acacac;}
.time_sale_box.ready span.event_state{background:#1096db;}



/* BASIC css end */