/* BASIC css start */
.main *{font-family: 'Lato', 'Noto Sans KR', sans-serif;}
.main_top_banner{}
.main_top_banner .swiper-container{}
.main_top_banner .swiper-slide{}
.main_top_banner .swiper-slide img{display:block; max-width:100%;}
.main_top_banner .swiper-container .swiper-pagination{font-size:0; line-height:0;}
.main_top_banner .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color:#c9c9c9; opacity:1;}
.main_top_banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#333;}

#ktg_quick{overflow:hidden; margin-bottom:15px;}
#ktg_quick ul{width:100%; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; font-size:0; line-height:0; margin-bottom:-1px; }
#ktg_quick ul li{display:inline-block; width:calc((100% - 3px) / 4); border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; overflow:hidden;}
#ktg_quick ul li:nth-of-type(4n+1){border-left:0;}
#ktg_quick ul li img{display:block; width:100%; margin-bottom:5px;  }
#ktg_quick ul li span.bq_name{display:block; width:100%; height:16px; line-height:12px; color:#333333; text-align:center; font-size:10px; font-weight:300; font-family:Malgun Gothic, '맑은 고딕', dotum, '돋움'; }

.prd_wrap{}
.prd_wrap:before,
.prd_wrap:after{content:""; width:100%; display:table; }
.prd_wrap .prd_head{padding:20px 5px 17px; position:relative;  }
.prd_wrap .prd_head h2{line-height:18px; text-align:center; font-size:14px;  color:#333; }
.prd_wrap .prd_head .btn_more{display:block; height:18px; width:40px; box-sizing:border-box; position:absolute; top: 20px; right:5px; border:1px solid #e3e3e3; line-height:16px; text-align:center; font-size:9px; color:#939393; letter-spacing:-0.5px; }
.prd_wrap .prd_tabs{margin-bottom:15px; background:url(/design/wonha0108/mshop_202007/images_m/bg_prd_tab.png) 0 0 repeat; border-top:1px solid #e3e3e3; box-sizing:border-box; text-align:center; font-size:0; } 
.prd_wrap .prd_tabs span.tab{display:inline-block; vertical-align:top; padding:0 3px; height:31px; margin:0 10px; color:#333; font-size:10px; box-sizing:border-box; line-height:28px;}
.prd_wrap .prd_tabs span.tab:before{content:"#";}
.prd_wrap .prd_tabs span.tab.on{border-bottom:3px solid #333;}


.prd_wrap.prd_time_deal .prd_head h2{height:28px; margin-top:30px; margin-bottom:6px; font-size:0; overflow:hidden; text-indent:-1000px; background:url(/design/wonha0108/mshop_202007/images/tit_time_sale.png) center no-repeat; background-size:auto 27px;}
.prd_wrap.prd_time_deal .prd_head p{margin-top:6px; font-size:10px; line-height:12px; color:#3a3a3a;  font-family:Malgun Gothic, '맑은 고딕', dotum, '돋움'; text-align:center;  }
.prd_wrap.prd_time_deal .prd_head{height:115px; box-sizing:border-box;}

@media screen and (max-width:345px) {
    .prd_wrap .prd_tabs span.tab{margin:0 5px;}

}


.prd_wrap .prd_container{margin:0 5px;}
.prd_wrap.type2 .prd_container{margin:0; overflow:hidden;}
.prd_wrap .prd_container ul.prdList{font-size:0;}
.prd_wrap .prd_container ul.prdList > li{margin-left:5px; margin-bottom:15px; display:inline-block; vertical-align:top; }
.prd_wrap .prd_container .swiper-container{padding-bottom:25px;}
.prd_wrap.plan_product .prd_container .swiper-container{padding-bottom:0;}
.prd_wrap.type2 .prd_container .swiper-container{margin-left:0; margin-right:0;  padding-left: 27px; padding-right: 27px;  width:calc(150% - 27px); box-sizing:border-box;}
.prd_wrap .prd_container .swiper-container .swiper-pagination{line-height:8px; font-size:0; bottom:17px;/* width:100%; height:8px; background:red; */ width:100vw;}
.prd_wrap .prd_container .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color:#c9c9c9; opacity:1; /* width:8px; height:8px; */}
.prd_wrap .prd_container .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#333;}
.prd_wrap.plan_product .swiper-container .swiper-pagination{bottom:auto; top:-13px; opacity:0;}

.prd_wrap .prd_container ul li.swiper-slide{width:auto; margin-left:0;}
.prd_wrap .prd_container ul.grid2 > li{width:calc((100% - 5px) / 2);}
.prd_wrap .prd_container ul.grid3 > li{width:calc((100% - 10px) / 3);}
.prd_wrap .prd_container ul.grid2 > li:nth-of-type(2n+1),
.prd_wrap .prd_container ul.grid3 > li:nth-of-type(3n+1){margin-left:0;}

.prd_wrap .prd_container .prdList .prame_box{border:1px solid #e3e3e3; }
.prd_wrap .prd_container .prdList .prame_box .thumbnail{position:relative; text-align:center; border-bottom:1px solid #e3e3e3;}
.prd_wrap .prd_container .prdList .thumbnail .percent { position:absolute; top:0px;left:0px;width:30px;height:55px;background:#646464;line-height:55px;font-size:13px;font-weight:bold;color:#FFF;text-align:center; font-family:"lato"; }

.prd_wrap .prd_container .prdList .thumbnail a img { width:100%; box-sizing:border-box; }
.prd_wrap .prd_container .prdList .thumbnail .etc_icon { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.prd_wrap .prd_container .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

.prd_wrap .prd_container .prdList .prame_box {background:#FFFFFF; border:1px solid #e3e3e3; overflow:hideen; font-size:10px;}
.prd_wrap .prd_container .prdList .prame_box .thumbnail { position:relative; text-align:center; }
.prd_wrap .prd_container .prdList .prame_box .thumbnail .percent { position:absolute; top:0px;left:0px; width:30px;height:30px; background:#646464;line-height:30px; font-size:11px; font-weight:bold;color:#FFF;text-align:center; }
.prd_wrap .prd_container .prdList .prame_box .thumbnail a img { width:100%; box-sizing:border-box; }

.prd_wrap.best_review_product .prd_container .prdList .prame_box .thumbnail{border-bottom:0;}

.prd_wrap .prd_container .prdList .prame_box .description {margin:0 auto; padding:10px 8px 0; font-size:10px; line-height:15px; text-align:left; }
.prd_wrap .prd_container .prdList .prame_box .description .name { display:block; margin-bottom:3px;font-size: 11px; line-height:15px; color: #333;  font-weight: 500; }
.prd_wrap .prd_container .prdList .prame_box .description .name a {font-size:11px;color: #333; font-weight: 500; line-height:15px; }
.prd_wrap .prd_container .prdList .prame_box .description .sub_names { font-size:10px; color: #878787; line-height:13px; margin-bottom:3px; height:13px; }
.prd_wrap .prd_container .prdList .prame_box .description .sub_names .color1{color:#e31818;}
.prd_wrap .prd_container .prdList .prame_box .description .sub_names .color2{color:#0054a6;}

.prd_wrap .prd_container .prdList .prame_box .description .prd-price .prd-price2 { font-size:11px; color: #0054a6; line-height:15px; margin-bottom:6px;}
.prd_wrap .prd_container .prdList .prame_box .description .prd-price .prd-price2 strike{color:#878787; margin-right:5px;}
.prd_wrap .prd_container .prdList .prame_box .description .prd-price .prd-price2 strong{ color: #0054a6; font-weight:700;}
.prd_wrap .prd_container .prdList .prame_box .description .prd-price .prd-price2 strong.red{color:#d91919;}
.prd_wrap .prd_container .prdList .prame_box .description .prd-price .sold_out_state{margin-bottom:6px;}
.prd_wrap .prd_container .prdList .prame_box .description .spec { font-weight:normal;  }
.prd_wrap .prd_container .prdList .prame_box .description .icon { /*margin:10px 0 15px;*/ /*border-bottom:1px solid #e8e8e8;*/ vertical-align:middle; }
.prd_wrap .prd_container .prdList .prame_box .description .icon:after { content:""; display:block; clear:both; }
.prd_wrap .prd_container .prdList .prame_box .description .promotion { /*float:left; margin:0 0 4px;*/  line-height:0;}
.prd_wrap .prd_container .prdList .prame_box .description .promotion .MK-product-icons{min-height:19px; line-height:19px; display:inline-block; }


.prd_wrap .prd_container .prdList .prame_box .description .add_info{border-top:1px solid #efefef; padding:6px 0 9px; overflow:hidden; min-height:27px; margin-top:7px; box-sizing:border-box;}
.prd_wrap .prd_container .prdList .prame_box .description .add_info .clolor_box{display:block; float:left; max-width:60%; overflow:hidden; font-size:0; margin-top:1px;}
.prd_wrap .prd_container .prdList .prame_box .description .add_info .color_cont{display:inline-block; vertical-align:top; width:10px; height:10px; margin-right:3px; margin-top:3px; box-sizing:border-box; border:1px solid #ddd; }
.prd_wrap .prd_container .prdList .prame_box .description .add_info .review_box{display:block; float:right; height:10px; margin-top:3px; padding-left:17px; background:url(/design/wonha0108/mshop_202007/images/ic_comment.png) 0 center no-repeat; color:#b0b0b0; background-size:auto 10px; font-size:10px; line-height:10px; font-family:"Lato";}

.prd_wrap .prd_container .prdList .prame_box .description2 {margin:0 auto; padding:10px 6px 0; font-size:10px; line-height:15px; text-align:center; }
.prd_wrap .prd_container .prdList .prame_box .description2 .name { display:block; margin-bottom:3px;font-size: 12px; line-height:17px; color: #333;  font-weight: 500; }
.prd_wrap .prd_container .prdList .prame_box .description2 .name a {font-size:12px;color: #333; font-weight: 500; line-height:17px; }
.prd_wrap .prd_container .prdList .prame_box .description2 .sub_names { font-size:9px; color: #878787; line-height:12px; margin-bottom:8px; }
.prd_wrap .prd_container .prdList .prame_box .description2 .sub_names .color1{color:#e31818;}
.prd_wrap .prd_container .prdList .prame_box .description2 .sub_names .color2{color:#0054a6;}

.prd_wrap .prd_container .prdList .prame_box .description2 .prd-price .prd-price2 { margin-bottom:11px; min-height:28px; }
.prd_wrap .prd_container .prdList .prame_box .description2 .prd-price .sold_out_state{margin-bottom:11px;  min-height:28px; }
.prd_wrap .prd_container .prdList .prame_box .description2 .prd-price .prd-price2 strong{display:block; width:100%; font-size:11px; color: #0054a6; font-weight:700; line-height:14px; }
.prd_wrap .prd_container .prdList .prame_box .description2 .prd-price strike{display:block; width:100%; line-height:14px; color:#a9a9a9; font-size:9px; }


.prd_wrap .prd_container .prdList .prame_box .description4 {margin:0 auto; padding:10px 6px 15px; font-size:10px; line-height:15px; text-align:center; }
.prd_wrap .prd_container .prdList .prame_box .description4 .name { display:block; margin-bottom:3px;font-size: 12px; line-height:17px; color: #333;  font-weight: 500; }
.prd_wrap .prd_container .prdList .prame_box .description4 .name a {font-size:12px;color: #333; font-weight: 500; line-height:17px; }
.prd_wrap .prd_container .prdList .prame_box .description4 .writer{ display:block; margin-bottom:3px;font-size:10px; line-height:17px; color: #0054a6;}
.prd_wrap .prd_container .prdList .prame_box .description4 .sub_etc{padding:5px 0; font-size:10px; height:20px; line-height:20px; color:#333; }
.prd_wrap .prd_container .prdList .prame_box .description4 .sub_etc .color1{color: #0054a6;}
.prd_wrap .prd_container .prdList .prame_box .description4 .sub_names { font-size:9px; color: #878787; line-height:12px; margin-bottom:8px; text-align:left; height:26px; overflow:hidden; }
.prd_wrap .prd_container .prdList .prame_box .description4 .btn_more{padding-top:10px; text-align:right; }
.prd_wrap .prd_container .prdList .prame_box .description4 .btn_more a{display:inline-block ; vertical-align:top; padding:3px 10px; border:1px solid #878787; color:#878787; font-size:10px; }



.banner_wrap{padding:22px 0 17px; overflow:hidden; }
.banner_wrap .line_banner{margin-bottom:5px; }
.banner_wrap .line_banner img{display:block; width:100%;}
.banner_wrap .left_banner,
.banner_wrap .today_hot{float:left; width:calc((100% - 5px) /2); padding-top:calc((100% - 5px) /2); position:relative;}
.banner_wrap .left_banner img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; }
.banner_wrap .today_hot{margin-left:5px;}
.banner_wrap .today_hot > .inner{width:100%; height:100%; position:absolute; top:0; left:0; background:#f6f6f8; overflow:hidden;}
.banner_wrap .today_hot > .inner > .content{padding:19px 14px; vertical-align:middle; width:100%; height:100%; box-sizing:border-box;}
.banner_wrap .today_hot > .inner > .content h2{height:33px; box-sizing:border-box; padding-top:5px; position:relative; text-align:center; font-size:11px; line-height:15px; font-weight:700; letter-spacing:2px; color:#333; font-family:"lato";}
.banner_wrap .today_hot > .inner > .content h2:before{position:absolute; top:0; left:50%; margin-left:-10px; width:20px; height:1px; display:block; background:#000; content:""; }
.banner_wrap .today_hot > .inner > .content h2 strong{color:#888483;}

.banner_wrap .today_hot > .inner > .content .swiper-container{height:calc(100% - 33px); box-sizing:border-box; padding:5px 0; text-align:center;}
.banner_wrap .today_hot > .inner > .content .swiper-container .swiper-slide .thumbnail{height:100%; position:relative; display:inline-block;}
.banner_wrap .today_hot > .inner > .content .swiper-container .swiper-slide .thumbnail img.thumb{display:block; width:auto; height:100%; margin:0 auto; border-radius:50%;}
.banner_wrap .today_hot > .inner > .content .swiper-container .swiper-slide .thumbnail .percent{position:absolute; top:0px; right:2px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background:#637b8e; color:#FFF; font-size:12px;}

.banner_wrap .today_hot > .inner > .content .swiper-container .swiper-button-prev{left:0;  outline:0; justify-content:flex-start;}
.banner_wrap .today_hot > .inner > .content .swiper-container .swiper-button-next{right:0; outline:0; justify-content:flex-end;}

.banner_wrap .today_hot > .inner > .content .swiper-container .swiper-button-prev:after,
.banner_wrap .today_hot > .inner > .content .swiper-container .swiper-button-next:after{font-size:20px; color:#cdcdcf;}

.time_sale_wrap{text-align:center; margin-bottom:10px; height:19px; font-size:0;}
.time_sale_wrap span{display:inline-block; height:19px; line-height:19px; box-sizing:border-box; vertical-align:top; overflow:hidden;}
.time_sale_wrap span.bar{width:5px; position:relative; }
.time_sale_wrap span.bar:before,
.time_sale_wrap span.bar:after{display:block; width:2px; height:2px; background:#333; content:""; overflow:hidden; left:50%; margin-left:-1px; position:absolute; }
.time_sale_wrap span.bar:before{top:6px;}
.time_sale_wrap span.bar:after{bottom:6px;}
.time_sale_wrap span.text_day{width:13px; color:#333; font-size:11px; font-weight:500;}
.time_sale_wrap span.timer{width:calc((100% - 26px) / 5.5) ; font-weight:700;  font-size:12px; 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_wrap span.event_state{width:calc(((100% - 26px) / 5.5) * 1.5) ; font-size:11px; background:#d11e1e; color:#FFF;  border-radius:2px; margin-right:3px;}
.time_sale_wrap.end span.event_state{background:#acacac;}
.time_sale_wrap.ready span.event_state{background:#1096db;}


.prd_wrap.prd_time_deal{position:relative; }
.prd_wrap.prd_time_deal .prd_container #coming_soon_box {z-index:10; position:absolute; top:23px; right:8px; display:block; box-sizing:border-box; width:98px; height:97px; padding:51px 0 0 30px; font-size:0; background:url(/design/wonha0108/mshop_202007/images/bg_coming_soon_201207.png) center no-repeat; background-size:98px 97px;}
.prd_wrap.prd_time_deal .prd_container #coming_soon_box > span{display:inline-block; vertical-align:top; width:20px; height:15px; float:left; text-align:center; font-family:"Lato"; font-weight:700; color:#fffb82; font-size:11px; line-height:15px;  }
.prd_wrap.prd_time_deal .prd_container #coming_soon_box > span.day{margin-left:10px;}







/* BASIC css end */