/* BASIC css start */
/* BASIC css start */
.m_title {width:100%;text-align:center;margin:60px auto 15px;}
.m_title p { font-size:1.2em;font-weight:bold;letter-spacing:-1px;color:#565656;padding:0;margin:0; }
.m_title span { font-size:1em;color:#a8a8a8;letter-spacing:0px;}
.m_best_wrap { position:relative; }
.m_best_wrap .swiper-container_best { width:100%;margin:0 auto;overflow:hidden;padding:0 0; }
.m_best_wrap .swiper-container_best .swiper-slide li { text-align:left; }
.m_best_wrap .swiper-container_best .swiper-slide li .listPic {width:100%;}
.m_best_wrap .swiper-container_best .swiper-slide li p { margin:0 ;}
.m_best_wrap .swiper-pagination {bottom: -20px;;right:0;left:0;}
.m_best_wrap .swiper-pagination-bullet { width:10px;height:3px;background:#c2c2c2;border-radius:10px;margin:0 1%;opacity:1; }
.m_best_wrap .swiper-pagination-bullet-active {background:#383838;width:30px;}
.m_best_wrap .swiper-button-next, .m_best_wrap .swiper-button-prev {width:10px;height:15px;background-size:100%;}
.m_best_wrap .swiper-button-next { background-image:url('http://www.nanasalon.com/design/nanasalon/mk/images/m/next_btn.png');}
.m_best_wrap .swiper-button-prev { background-image:url('http://www.nanasalon.com/design/nanasalon/mk/images/m/prev_btn.png');}
.m_best_wrap .swiper-container_best .swiper-slide .list_shoppingInfo { line-height:14px; }
.m_best_wrap .swiper-container_best .swiper-slide li:hover .listPic{opacity:0.5;}


.listName {font-family: Roboto,"Nanum Gothic", sans-serif;font-size:11px;padding:0;margin:0;}
.listPrice {font-family:Roboto, ³ª´®¹Ù¸¥°íµñ, NanumBarunGothic, µ¸¿ò, Dotum !important; font-weight:bold;font-size:12px;}
.listPrice strike {color:#9b9b9b;padding-right:5px;font-size:11px;font-weight:normal;}
.items-wrap .items li dl dd.prd_brand {font-size:11px;text-align:left!important;padding-bottom:0px;display:block;}
.items-wrap .items[data-type=horizontal] .price-strike, .smartskinListPageContentContainer span.smartskinListProductPrice del, .items-wrap .items[data-type=horizontal] .price del {font-family: Roboto, campton_light, campton_bold, Kanit, "Century Gothic", ³ª´®¹Ù¸¥°íµñ, NanumBarunGothic, µ¸¿ò, Dotum !important;color:#aaa!important;}
.items-wrap .items[data-type=horizontal] .pname, .smartskinListPageContentContainer span.smartskinListProductName { color:#333!important;}
.items-wrap .items[data-type=horizontal] .price, .smartskinListPageContentContainer span.smartskinListProductPrice {font-family: Roboto, campton_light, campton_bold, Kanit, "Century Gothic", ³ª´®¹Ù¸¥°íµñ, NanumBarunGothic, µ¸¿ò, Dotum !important; font-weight:bold; }
.items-wrap .items li dl dd.smartskinProductSubName {padding-top:6px; line-height:1.25; color:#666;} 
.items-wrap .items li dl .iconWrap{padding-top:0 8px 0 0;}
.items-wrap .items li dl dd { text-align:left!important;}
.smartSkinmainDisplayMorebtn span{width:110px; height:35px; margin:-15px 0 0; padding:7px 0; border:1px solid #e2e2e2; font-family:'Cardo',serif; font-weight:500; font-size:13px; color:#1f1f1f; letter-spacing:0; background:#f6f4ee;}
.prd_engname{line-height:100%; margin-bottom:5px; font-weight:bold; font-size:11px; color:#3c3c3c; text-align:left!important;}
.sub3{margin:0; font-weight:bold; font-size:11px; color:#f25757;}


.items-wrap ul.items[data-type=horizontal] > li {margin-bottom:35px;}
span.MK-product-icons { float:none!important; padding-right:1px;}

.m_bn_wrap1 {padding-top:10px;overflow:hidden;text-align:center;}
/*.m_bn_wrap1 li { float:left;border-bottom:1px solid #d7d7d7;width:100%; }*/
.m_bn_wrap1 li img { width:100%; }
.m_bn_wrap1 li.last { float:right;}
.m_bn_wrap1 li dd {padding:0px;color:#222;}
.m_bn_wrap1 li dd a {color:#222;font-size:12px;font-weight:100;}


.m_bn_wrap {padding-top:5px;overflow:hidden;text-align:center;margin-bottom:30px;}
.m_bn_wrap li { float:left;border-bottom:1px solid #fff;width:49%; }
.m_bn_wrap li img { width:100%; }
.m_bn_wrap li.last { float:right;}
.m_bn_wrap li dd {padding:0px;color:#222;}
.m_bn_wrap li dd a {color:#222;font-size:12px;font-weight:100;}

.m015{margin:0 auto 15px;}
.main_banner_wrap{overflow:hidden; width:100vw; margin-top:20px; margin-bottom:40px;}
.main_banner_wrap .main_bn_wrap_inner{width:140vw;}
.main_banner_wrap .main_bn_wrap_inner .swiper-slide img{display:block; width:100%;}
.main_banner_wrap .main_bn_wrap_inner .swiper-slide a{display:block; width:100%;}
.main_banner_wrap .main_bn_wrap_inner .swiper-container{padding-bottom:15px;}
.main_banner_wrap .main_bn_wrap_inner .swiper-pagination{top:auto; bottom:0; width:100vw; background:#f3f3f3;}
.main_banner_wrap .main_bn_wrap_inner .swiper-pagination.swiper-pagination-progressbar{height:2px;}
.main_banner_wrap .main_bn_wrap_inner .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#434348;}
div#footer_container{margin-top:30px;}


/* koweb */
.ko_today_best.m_title{margin-bottom:0; margin-top:10px;}
.ko_today_best h2{padding: 0 0 14px;}
.ko_today_best .item-wrap .item-cont{width:100%; clear:both; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.ko_today_best .item-wrap .item-cont .item-list{float:left; width:50%; padding:0 4px 4px 0; min-height:auto;}
.ko_today_best .item-wrap .item-cont .item-list:first-child{padding-left:0;}
.ko_today_best .item-wrap .item-cont .item-list:last-child{padding-right:0; padding-left:4px;}
.ko_today_best .item-wrap .item-cont .item-list .thumb_wrap{position:relative; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.ko_today_best .item-wrap .item-cont .item-list .thumb{margin:0;}
.ko_today_best .item-wrap .item-cont .item-list .thumb_info{display:block; opacity:0; position:absolute; bottom:-100px; width:100%; min-height:136px; padding:15px 20px; text-align:left; background:rgba(255, 255, 255, 0.85); -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box; transition: all 0.4s;}
.ko_today_best .item-wrap .item-cont .item-list .thumb_info .prd-icon{display:inline-block; padding-bottom:0;}
 .prd-icon2{display:inline-block; padding-bottom:0px;margin-left:-5px;}
.ko_today_best .item-wrap .item-cont .item-list .thumb_info .dsc a,
.m_best_wrap .swiper-container_best .swiper-slide li p.listName{line-height:1.25; font-size:12px; color:#000;}
.ko_today_best .item-wrap .item-cont .item-list .thumb_info .sub2{padding-top:4px; font-size:12px; color:rgb(170, 170, 170);}
.ko_today_best .item-wrap .item-cont .item-list .thumb_wrap:hover .thumb img{opacity:0.6; -webkit-transition:all .4ms ease-in-out; -moz-transition:all .4ms ease-in-out; -o-transition:all .4ms ease-in-out; transition:all .4ms ease-in-out;}
.ko_today_best .item-wrap .item-cont .item-list .thumb_wrap:hover .thumb_info{opacity:1; bottom:0; }
.ko_today_best .item-wrap .item-cont li.item-list:nth-child(n+3):nth-child(-n+100) {display:none;}
.ko_today_best .item-wrap .item-cont .item-list .thumb a{display:block; width:100%;}
.ko_today_best .item-wrap .item-cont .item-list .thumb img{width:100%;}
.ko_today_best .item-wrap .item-cont .item-list .dsc .brand_prd{position:relative; top:auto; right:auto; font-size:13px;}

.ko_today_best .content,
.m_best_wrap{margin:0 3%;}

.special_price_wrap h2{text-align:center; padding-bottom:20px;padding-top: 30px;}
.special_price_wrap .item-wrap .item-cont{margin:0 auto; text-align:center;}
.special_price_wrap .item-wrap .item-cont::after{display:block; content:""; clear:both; overflow:hidden;}
.special_price_wrap .item-wrap .item-cont .item-list{display:inline-block;}
.special_price_wrap .item-wrap .item-cont .item-list .thumb{margin:0 auto 20px;}
.special_price_wrap .item-wrap .item-cont .item-list .thumb a{display:block; width:100%;}
.special_price_wrap .item-wrap .item-cont .item-list .thumb a img{display:block; width:100%;}
.special_price_wrap .item-wrap .item-cont .item-list .dsc{width:100%; margin:0;}
.special_price_wrap .item-wrap .item-cont .item-list .title{display:block; padding-bottom:10px; font-weight:600; font-size:11px; color:#000; letter-spacing:-1px;}
.special_price_wrap .item-wrap .item-cont .item-list .title::after{display:inline-block; content:">"; padding-left:5px;}
.special_price_wrap .item-wrap .item-cont .item-list .date{padding-bottom:20px; font-size:16px; font-weight:800;}
.special_price_wrap .item-wrap .item-cont .item-list .date::after{display:inline-block; content:"³²À½"; padding-left:4px; font-size:12px;}
.special_price_wrap .item-wrap .item-cont .item-list .date_desc{display:inline-block; margin-right:2px; padding:4px 4px; color:#fff; font-size:12px; border-radius:2px; background-color:#cfcfcf;}
.special_price_wrap .item-wrap .item-cont .item-list .unit{display:inline-block; padding-right:2px; color:#000; font-size:12px;}
.special_price_wrap .item-wrap .item-cont .item-list .unit.hours,
.special_price_wrap .item-wrap .item-cont .item-list .unit.minutes,
.special_price_wrap .item-wrap .item-cont .item-list .unit.seconds{display:none;}
.special_price_wrap .item-wrap .item-cont .item-list .unit.semicolon{padding:0 4px; color:#cfcfcf;}
.special_price_wrap .item-wrap .item-cont .item-list .content_wrap{text-align:left; margin:0; padding:0;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.special_price_wrap .item-wrap .item-cont .item-list .prd-price{margin:0; padding-bottom:8px;}
.special_price_wrap .item-wrap .item-cont .item-list .prd-price .num_discount{display:inline-block; padding-right:2px; font-size:14px; font-weight:800; color:#000;}
.special_price_wrap .item-wrap .item-cont .item-list .prd-price .num_count{display:inline-block; padding-right:6px; font-size:12px; font-weight:400; color:#b2b6b7;}
.special_price_wrap .item-wrap .item-cont .item-list .prd-price .num_percent{display:inline-block; font-size:14px; font-weight:800; color:#dc6868;}
.special_price_wrap .item-wrap .item-cont .item-list .dsc{margin:0; padding-bottom:6px;}
.special_price_wrap .item-wrap .item-cont .item-list .dsc a{font-size:13px; color:#000;}
.special_price_wrap .item-wrap .item-cont .item-list .sub2{padding:0 0 10px 0;font-size:11px; line-height:1.45;}
.special_price_wrap .item-wrap .item-cont .item-list .prd-icon{display:none;}


.ko_banner_event h2{padding:0 0 20px; text-align:center;}
.ko_banner_event .content{width:100%; clear:both; overflow:hidden;}
.ko_banner_event .content .column{width:50%; float:left; padding-right:6px;}
.ko_banner_event .content .column.last{padding-right:5px;}
.ko_banner_event .content .column a{display:block; overflow:hidden; width:100%; line-height:0;}
.ko_banner_event .content .column a img{width:100%; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; -webkit-transform:translateZ(0); image-rendering:-webkit-optimize-contrast;}
.ko_banner_event .content .column a:hover img{transform: scale(1.10);-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);}
.ko_banner_event .content .column .first{margin-bottom:4px;}
.ko_banner_event .content .column .third a{height:100%}



#SMS_Topmodule_05_1 {display:none;}


.m_best_wrap .list_shopping2x ul{padding:0;}
.m_best_wrap .list_shopping2x li{padding-bottom:10px !important;}
.m_best_wrap .list_shopping2x li a{padding:0 0 18px; 0;}
.m_best_wrap .swiper-container_best{padding-bottom:0;}
.m_best_wrap .swiper-container_best .swiper-slide li{padding:0 4px;}
.m_best_wrap .swiper-container_best .swiper-slide li:first-child,
.m_best_wrap .swiper-container_best .swiper-slide li:nth-child(3){padding-left:0;}
.m_best_wrap .swiper-container_best .swiper-slide li:nth-child(2n),
.m_best_wrap .swiper-container_best .swiper-slide li:last-child{padding-right:0;}
.m_best_wrap .list_shopping2x ul > li{position:relative; padding-bottom:30px;}
.m_best_wrap .list_shopping2x ul .thumb{line-height:0;}
.m_best_wrap .list_shopping2x ul .thumb_info{display: block; opacity: 0; position: absolute; bottom: -100px; width: 100%; min-height: 136px; padding: 15px 20px; text-align: left; background: rgba(255, 255, 255, 0.85); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.4s;}
.m_best_wrap .list_shopping2x ul li:hover .thumb_info{opacity:1; bottom:0; }

.m_best_wrap.week_best_wrap .list_shopping2x ul .thumb_info{min-height:126px;}
.m_best_wrap.week_best_wrap .list_shopping2x ul .thumb_info .prd-icon,
.m_best_wrap.week_best_wrap .list_shopping2x ul .thumb_info .prd-icon2{display:inline-block;}
.m_best_wrap.week_best_wrap .dsc{padding:5px 0 6px 0;}

.items-wrap .items[data-type=horizontal] .pname,
.smartskinListPageContentContainer span.smartskinListProductName{border:0;}
.MK-product-icons img{padding:0 1px;}
.MK-product-icons img:first-child{padding-left:0;}
#container.main .items-wrap .items[data-type=tile],
#container.main .items-wrap .items[data-type=horizontal]{padding:0;}
.items-wrap ul.items[data-type=horizontal] > li:first-child,
.items-wrap ul.items[data-type=horizontal] > li:nth-child(2n+1){padding-left:0;}
.items-wrap ul.items[data-type=horizontal] > li:nth-child(2n),
.items-wrap ul.items[data-type=horizontal] > li:last-child{padding-right:0;}
.items-wrap .items[data-type=horizontal] .pname{margin:0;padding: 8px 0 1px;font-size:11px;color:#000;}
.items-wrap .items[data-type=horizontal] dd[class^="price"]{display:inline-block;}



.items-wrap .items[data-type=horizontal] .price, 
.smartskinListPageContentContainer span.smartskinListProductPrice,
.ko_today_best .item-wrap .item-cont .item-list .thumb_info .prd-price,
.m_best_wrap .swiper-container_best .swiper-slide li p{font-size: 11px; font-family: Roboto; font-weight: 800; color: #925051;}

.ko_view_title{display:block;}
.ko_view_title ul li{display: inline-block; width:16px; height:16px; margin-right:6px; text-align: center; background: #fff url(/design/nanasalon/koweb/images/icon_display_view2.png) no-repeat; cursor:pointer;}

.ko_view_title ul li.second{background-position:center 0;}
.ko_view_title ul li.third{background-position:-52px 0; margin-right:0;}

.ko_view_title ul li.active{background: #fff url(/design/nanasalon/koweb/images/icon_display_view2_active.png) no-repeat;}
.ko_view_title ul li.active.first{background-position:0 0}
.ko_view_title ul li.active.second{background-position:center 0;}
.ko_view_title ul li.active.third{background-position:-52px 0;}

.smartSkinmainDisplayMorebtn{margin-bottom:80px;}

#smartSkinmainDisplayPrd1.first .items-wrap ul.items[data-type=horizontal] > li,
#smartSkinmainDisplayPrd2.first .items-wrap ul.items[data-type=horizontal] > li,
.items-wrap.first ul.items[data-type=horizontal] > li{width:100%; padding:0;}


#smartSkinmainDisplayPrd1.third .items-wrap ul.items[data-type=horizontal] > li,
#smartSkinmainDisplayPrd2.third .items-wrap ul.items[data-type=horizontal] > li,
.items-wrap.third ul.items[data-type=horizontal] > li{width:31.9%; padding:0; margin:0 8px 35px 0;}

#smartSkinmainDisplayPrd1.third .items-wrap ul.items[data-type=horizontal] > li:first-child,
#smartSkinmainDisplayPrd1.third .items-wrap ul.items[data-type=horizontal] > li:nth-child(3n+1),
#smartSkinmainDisplayPrd2.third .items-wrap ul.items[data-type=horizontal] > li:first-child,
#smartSkinmainDisplayPrd2.third .items-wrap ul.items[data-type=horizontal] > li:nth-child(3n+1),
.items-wrap.third ul.items[data-type=horizontal] > li:first-child,
.items-wrap.third ul.items[data-type=horizontal] > li:nth-child(3n+1){padding:0; margin-left:0;}
#smartSkinmainDisplayPrd1.third .items-wrap ul.items[data-type=horizontal] > li:nth-child(3n),
#smartSkinmainDisplayPrd2.third .items-wrap ul.items[data-type=horizontal] > li:nth-child(3n),
.items-wrap.third ul.items[data-type=horizontal] > li:nth-child(3n){padding:0; margin-right:0;}



.special_price_wrap .swiper-container .brand_prd{font-size:13px;}


.special_price_wrap .swiper-container{width:97%; height:100%; margin-left:3% !important;}
.special_price_wrap .swiper-slide{display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:center; align-items:center; background:#fff; font-size:18px; text-align:center;display:-webkit-box; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center;}


.special_price_wrap .swiper-slide img {display: block; object-fit: cover;}
.special_price_wrap .swiper-slide,
.special_price_wrap .swiper-slide:nth-child(2),
.special_price_wrap .swiper-slide:nth-child(3n) {width: 70% !important;}
.ko_best_item_wrap{padding-top:0px;}
.ko_product_wrap{text-align:left;padding: 0 0 0 4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.items-wrap .items[data-type=horizontal] .smartskinProductSubName{padding: 4px 0 5px;line-height: 1.25;color: #999;font-size: 10px;font-weight: normal;}


[class^="price"] {
    display: inline-block;
}

.price-strike {
    margin-right: 3px;
}
/*.smartskinProductSubName.iconWrap.none {
    display: none;
}*/

.swiper-container_best .prd-icon2 {

    margin-left: -4px;
}
@media screen and (min-width: 420px) and (max-width: 767px){
	.m_best_wrap .list_shopping2x li{width:50%;}
}

@media screen and (max-width:390px){
#smartSkinmainDisplayPrd1.third .items-wrap ul.items[data-type=horizontal] > li,
#smartSkinmainDisplayPrd2.third .items-wrap ul.items[data-type=horizontal] > li,
.items-wrap.third ul.items[data-type=horizontal] > li{width:31.7%;}


}





/* BASIC css end */