/* BASIC css start */
a.flex-prev, a.flex-next {display:none !important; }
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */

/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');


@font-face {
  font-family: 'campton_bold';
    src:  url('//www.nanasalon.com/design/nanasalon/mk/font/campton_bold.woff') format('woff'),url('//www.nanasalon.com/design/nanasalon/mk/font/campton_bold.woff2') format('woff2'),
    url('//www.nanasalon.com/design/nanasalon/mk/font/campton_bold.eot'),
    url('//www.nanasalon.com/design/nanasalon/mk/font/campton_bold.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'campton_light';
    src:  url('//www.nanasalon.com/design/nanasalon/mk/font/campton_light.woff') format('woff'),url('//www.nanasalon.com/design/nanasalon/mk/font/campton_light.woff2') format('woff2'),
    url('//www.nanasalon.com/design/nanasalon/mk/font/campton_light.eot'),
    url('//www.nanasalon.com/design/nanasalon/mk/font/campton_light.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face{
font-family:'NanumBarunGothic';
font-style:normal;
font-weight:400;
src:url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
src:url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'),
 url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'),
 url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face{
font-family:'NanumBarunGothic';
font-style:normal;
font-weight:700;
src:url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
src:url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'),
 url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'),
 url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}
@font-face{
font-family:'NanumBarunGothic';
font-style:normal;
font-weight:300;
src:url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
src:url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'),
 url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'),
 url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

body.sub {
    padding-top: 53px;
}

#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100;}
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header {position:relative;width:100%;}
#header .headerTop {position:absolute;left:10px;top:17px; z-index:100;}
#header .headerTop .navicon { background:url('/design/nanasalon/koweb/images/icon_total_menu.svg') no-repeat;width:20px;height:18px;display:inline-block; }
#header .headerTop .times {background-image:url('/design/nanasalon/mk/images/m/m_closed.png');width: 15px;height: 15px;display:inline-block;background-size:100%;/* vertical-align:middle; */display:inline-block;background-size: cover;}
#header .top-pt-01 {position:fixed;left: 82%;top: 0;z-index:10000000;text-align:center;width: 39px;height: 39px;line-height:45px;background:#ffffff;}
#header #menu {width: 22px;}
#header .headerBottom { }
#header .headerBottom h1 {font-size:2.333em; line-height:53px;}
#header .headerBottom .headerBottomLeft { height:50px;width:100%;text-align:center; }
#header .headerBottom .headerBottomLeft a {vertical-align:top; font-size:0.7em;color:#2b2b2b;font-weight:bold; }
#header .headerBottom .headerBottomRight {position:absolute;right:18px;top:15px;}
#header .headerBottom .headerBottomRight a {
    position: relative;
    background-image: url(/design/nanasalon/koweb/images/icon_cart2.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
}
#header .headerBottom .headerBottomRight sup { position:absolute; right:-8px;top:10px;width:15px;height:15px;background:#515151;color:#fff;text-indent:0;text-align:center;line-height:15px;border-radius:50%;font-size:0.6em;}

#header .search {height:42px; position:relative; left:0; right:0; background-color:#ab3e41; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#822023; position:absolute; top:0; right:0; color:#fff; text-align:center;}


aside { position:fixed; width:82%; height:100%; top:0px; left:0; bottom:0; background-color:#f4f4f4; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}
aside.BasementOpen {display:block!important;}
aside nav li { border-bottom:1px solid #e7e7e7; position:relative;}
aside nav li a {font-family: 'Lato', sans-serif;letter-spacing:1px;display: block; height: 35px; line-height:35px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color:#353535;font-size:0.87em;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
aside nav li > ul { background-color:#fff; display:none; border-top:1px solid #e7e7e7;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #e7e7e7;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}
aside .asideBottom { padding:0px 7%;}
aside .asideBottom .tel {color:#181818; font-size:1.2em; font-weight:bold; display: block;padding-bottom:10px;}
aside .asideBottom p {font-family: 'Lato', sans-serif;color:#353535;font-size:0.78em;margin:0 0 5px;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;box-sizing:border-box;background:#fff;overflow:hidden; }
aside .navCommunity li { float:left;width:33.33%;text-align:center;padding:5px 0;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9; }
aside .navCommunity li a {font-family: 'Lato', sans-serif;color:#353535;font-size:0.78em; }
aside .navMypage {border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;box-sizing:border-box;background:#fff;overflow:hidden; }
aside .navMypage li { float:left;width:33.33%;text-align:center;padding:5px 0;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9; }
aside .navMypage li a {font-family: 'Lato', sans-serif;color:#353535;font-size:0.78em; }



#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}


@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}


aside .aside_top { padding:20px 7% 15px;background:#e7e7e7; }
aside .aside_top img { height:20px;}
aside .aside_info { padding:20px 7%;font-size:0.8em;color:#393838; }
aside .aside_loginbox { padding:20px 7% 10px;overflow:hidden; }
aside .aside_loginbox li { float:left;width:50%;text-align:center;}
aside .aside_loginbox li a.gray_btn { font-family: 'Lato', sans-serif;display:inline-block;border:1px solid #3c3c3c;background:#3c3c3c;color:#fff;width:100%;padding:10px 0;font-size:0.8em;letter-spacing:1px;}
aside .aside_loginbox li a.wh_btn { font-family: 'Lato', sans-serif;display:inline-block;border:1px solid #dbdbdb;background:#fff;color:#3d3d3d;width:100%;padding:10px 0;font-size:0.8em;letter-spacing:1px;}
aside .aside_loginbox li a.wh_btn span { color:#e47474; }
aside .aside_search { padding:0 7%;position:relative; }
aside .aside_search .searchBox {}
aside .aside_search .btn_search {position:absolute;right:10%;top:5px;}
aside .aside_search .btn_search .fa-search { font-size:1.5em;color:#444444; }
aside h2 { font-size:1em;font-weight:bold;padding:20px 7% 5px; }
aside .navCategory { margin:0px 7%;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;box-sizing:border-box;background:#fff; }
aside .insta { background:#dcdcdc;text-align:center;padding:10px;margin-top:20px;}
aside .insta img { height:25px; }
aside .line {display:inline-block;border-bottom:1px solid #000;width:20px;margin:0 7%;}
.swiper-slide {background:transparent!important; }
.m_gnb {opacity: 0;position: fixed;top: 50px;left: 0;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;box-shadow: 0px 0px 6px 0 #0000001c;}
.m_gnb a {display:inline-block;font-weight:400;font-size: 13px;font-family:'Open Sans';color: #000;padding: 4px 0;}
.m_gnb .div1 {padding-left:2%;} 
.m_gnb .dlv_today { position:absolute;right:0;top:0;width: 34px;height:34px;line-height:34px;display: inline-block; z-index: 111;background: #fff;text-align: center;border-left: 0 solid #e5e5e5;}
.m_gnb .dlv_today span { width:100%;line-height:34px;color:#555555; }
.det_layer_dlv { display:none; position:absolute; right:0; z-index:599; width:95%; background:#c2c2c2; border:1px solid #c2c2c2; }
.det_layer_dlv .inner {padding:20px 0 0 6%;}
.det_layer_dlv .inner .layer_menu {font-size:11px;  color:#ffffff;padding-bottom:10px; }
.det_layer_dlv .inner .layer_menu a {color:#fff;}
.det_layer_dlv .inner .layer_block { width:100%;overflow:hidden;padding-bottom:20px; }
.det_layer_dlv .inner .layer_block li { width:23%;margin-right:2%;margin-bottom:5px;float:left;background:#fff;text-align:center; }
.det_layer_dlv .inner .layer_block li a {font-size:11px; font-family:'Open Sans'; color:#000;}
.fa-rotate-180 { background:#c2c2c2;color:#fff!important;border:1px solid #c2c2c2; }

.SMS_Topmodule_01 .container_Box ul li .joinAnimation { background:#656565;border:1px solid #656565; }
.SMS_Topmodule_01 .container_Box ul li .joinAnimation p .text { color:#fff; }
.SMS_Topmodule_01 .container_Box ul li .joinAnimation:before {border-color:#656565 transparent; }

.m_gnb.on{position:fixed;top:50px;left:0;border-top: 1px solid #ebebeb;border-bottom:1px solid #fff;z-index: 100;opacity: 1;background-color: rgba(255,255,255,0.95);}

.m_gnb.sub{margin-top:0;}
.m_gnb.sub.on{margin-top:0;}


/* koweb */
h1, h2, h3, h4, h5, h6{font-size:20px; color: #1f1f1f; font-family: 'Cardo',serif; font-weight: 400;}
.MK-product-icons img:first-child{padding-left:0;}
#header .header_fixed{position:fixed;width:100%;top:0;left:0;right:0;z-index:1000;background-color: transparent;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#header .header_fixed.top-pt-02{background-color: rgba(255,255,255,0.95);}
.ko_header_mypage{position:absolute; left:44px; top:15px; z-index:10;}
.ko_header_mypage > img{width:19px;}

.m_gnb.active{position:fixed; top:51px;}
#mask{z-index:191}
.flexslider.sub{display:none;}
.ko_icon_color{padding: 9px 0 5px;line-height:1.25;display: flex;}
.ko_icon_color span{display:inline-block;width: 10px;height: 4px;border: 1px solid #00000017;margin-right: 2px;}

.items-wrap .items[data-type=horizontal] .price{margin: 4px 0 0;}
.smartskinCategoryBestList .smartskinBestListTitle
.smartskinCategoryBestList .smartskinBestListTitle b,{font-family: Roboto, campton_light, campton_bold, Kanit, "Century Gothic", NanumBarunGothic, Dotum; color:#000;}


.m_gnb.v2{width:100%;}
.gnb_inr{display:flex; justify-content:flex-start; z-index:9; margin:0; overflow-x:scroll;}
.gnb_over{display:table-cell; margin-right:21px; white-space:nowrap;}
.gnb_over.nav1{padding-left:2%;}

/*.container.sub {
    margin-top: 50px;
}*/
.prd_brand.smartskinProductSubName {
    padding-bottom: 0 !important;
}

/* BASIC css end */



/* BASIC css end */