/* BASIC css start */
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}



* {font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', Pretendard, Roboto, 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', sans-serif;}

#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }
.comm-w {width:1244px; margin:0 auto;}

/* 상단 띠배너 */
.top_evt_banner {width:100%; height:0; text-align: center; overflow:hidden; position:relative; z-index:1;}
.top_evt_banner.cookie {height: 101px;}
.top_evt_banner .in_b{position:absolute; top:0px; left:50%; z-index:1; width:1920px; margin-left:-960px; border-bottom:1px solid #e3e3e3;}
.top_evt_banner .closebtnWrap{ width:1244px; height:100px; margin:0 auto; position: relative; }
.top_evt_banner .closebtnWrap .close_box {position:absolute; right:11px; top:33px; z-index:5;}





/* header */
#header {position:relative;}
#header .hd-f {   -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
#header .hd-f.fixed {position:fixed; top: 0px;left: 0; z-index: 50; width:100%; background:#ffffff}
#header .hd-f.fixed .logo {padding:20px 0 23px; width:125px;}
#header .hd-wrap .hd-top { position:relative; padding-top:12px; }
#header .hd-wrap .hd-top .top-left { float:left; }
#header .hd-wrap .hd-top .top-left ul {font-size:0; letter-spacing:0; word-spacing:0;}
#header .hd-wrap .hd-top .top-left ul li {display:inline-block;zoom:1;*display:inline;_display:inline;}
#header .hd-wrap .hd-top .top-left ul li span > a { color:#737373; font-size:14px; line-height:14px;}
#header .hd-wrap .hd-top .top-left ul li.favo {padding-right:20px;}
#header .hd-wrap .hd-top .top-left ul li.favo > a {font-family: 'Montserrat', sans-serif;}
#header .hd-wrap .hd-top .top-left ul li.favo > a > span {padding-right:6px;}
#header .hd-wrap .hd-top .top-left ul li.fabook {margin-right:15px;}
#header .hd-wrap .hd-top .top-left ul li.insta > a {font-size:17px; line-height:17px;}
#header .hd-wrap .hd-top .top-right { float:right }
#header .hd-wrap .hd-top .top-right ul {font-size:0; letter-spacing:0; word-spacing:0;}
#header .hd-wrap .hd-top .top-right ul li {display:inline-block;zoom:1;*display:inline;_display:inline;}
#header .hd-wrap .hd-top .top-right ul li a {color:#737373; padding:0 16px; border-right:1px solid #e7e7e7; font-size:13px; line-height:13px;}
#header .hd-wrap .hd-top .top-right ul li.login > a {border-right:0px; padding-right:0px;}

#header .logo { width:166px; margin:0 auto; padding:7px 0 31px; text-align:center;-khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;}
#header .logo a img {width:100%; height:auto;}


#hdWrap #header .hd-search { position:absolute; right:0; top:5px; width:180px; border-bottom: 1px solid #ddd;}
#hdWrap #header .hd-search .input-keyword { float:left; border:none; width: 160px; padding:3px 0 0 2px;}
#hdWrap #header .hd-search input { vertical-align:middle; }
#hdWrap #header .MS_search_word {width: 200px;height: 29px;}

/* category */
.hd-cate {border-top:1px solid #fdfdfd; border-bottom:1px solid #fdfdfd;}
.hd-cate .cate-wrap {width:900px; margin:0 auto;  display: flex;  justify-content: center;}
.hd-cate .cate-wrap > ul {font-size:0; letter-spacing:0; word-spacing:0;}
.hd-cate .cate-wrap > ul > li {position: relative;  display:inline-block; margin:0 22px; vertical-align: top;  text-align:center; }
/*
.hd-cate .cate-wrap > ul > li:nth-child(2) {width:20%;}
.hd-cate .cate-wrap > ul > li:nth-child(3) {width:20%;}
.hd-cate .cate-wrap > ul > li:nth-child(5) {width:20%;}
.hd-cate .cate-wrap > ul > li:nth-child(6) {width:20%;}
 */
.hd-cate .cate-wrap > ul > li:hover > a { color:#f04b3c }
.hd-cate .cate-wrap > ul > li > a {display:block; padding:16px 0; font-size: 14px; font-weight: 500; color: #000;}
.hd-cate .cate-wrap > ul > li > ul.sub-cate {display:none; position: absolute;top: 50px;left: 50%; margin-left:-86.5px; background: #fff; padding: 20px 0px; z-index:99; width:173px; border:1px solid #fff; box-sizing:border-box; text-align:center;}
.hd-cate .cate-wrap > ul > li > ul.sub-cate > li {padding:11px 0px;}
.hd-cate .cate-wrap > ul > li > ul.sub-cate > li > a {display: block; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight:400; color: #313131;}
.hd-cate .cate-wrap > ul > li > ul.sub-cate > li > a:hover {opacity:0.6;}
.hd-cate .cate-wrap > ul > li.cart .pushcount {display: inline-block;min-width: 18px; ;min-height: 18px; line-height: 18px; background-color: #f04b3c;color: #fff; font-size: 13px; border-radius: 10px; text-align: center;}


/** 우측 최근본 상품 **/
.fakeload{ width: 100%; height: 100%; display: block;position: fixed;background: #fff;z-index: 99999;}

.scroll_list_wrap{position: absolute; z-index: 11; top: 330px;left: 50%;margin: 0 0 0 650px;text-align: center;width:105px;overflow:hidden;}
.scroll_list_wrap .scroll_inn {border: 1px solid #d9d9d9;width:105px;overflow:hidden;}
.scroll_list_wrap div.top_bottom_wrap { background:#f3f3f3;}
.scroll_list_wrap div.top_bottom_wrap > a{display: block;width:87px;height: 36px; line-height: 36px; text-align: left;padding-left: 16px; border-top: 1px solid #d9d9d9;cursor: pointer; font-size:12px; color:#000;font-family: 'Montserrat', sans-serif;}
.scroll_list_wrap #today .title{font-size:13px; color:#252525;}
.scroll_list_wrap #today li{margin-top: 10px;}
.scroll_list_wrap #today li img{width: 73px;}
#todayWrap{width:0;overflow:hidden;}
.top_btn {background:url(/design/iblank/wib/img/common/scroll_top.png)no-repeat 75px center; background-size:12px 6px;}
.bottom_btn {background:url(/design/iblank/wib/img/common/scroll_bottom.png)no-repeat 75px center; background-size:12px 6px;}




/* custom */
#header .MS_search_word{border:1px solid #737373;}

.speechbubble{ position: absolute; top: 32px; left: 1095px; width: 74px; height: 34px; line-height: 34px; background: url(/design/iblank/wib/img/join.png) no-repeat 0 0; color: #fff; font-size: 12px; font-family: tahoma; font-weight: bold; text-align: center;z-index:999999; }
/* BASIC css end */