/* BASIC css start */
@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'SpoqaHanSansNeo-Regular';
}

#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 }

/* header */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header .headerWrap{background: linear-gradient(45deg, #ef00ae, #cc00c9);}
#header .headerTnb { margin:0 auto; position:relative; width:1400px; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#header .headerTnb .tnbLeft li { padding-right:22px; float:left }
#header .headerTnb .tnbLeft li a { display:block; color: #fff; font-size: 13px;  font-weight: 300; letter-spacing: 0; }
#header .headerTnb .tnbLeft li.noticeLine { padding-left:23px }
#header .headerTnb .tnbLeft li.noticeLine p { padding-left:21px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/ico_volume.gif) 0 17px no-repeat }
#header .headerTnb .tnbLeft li.noticeLine p a { font-size:11px; color:#7a7a7a; line-height:49px; line-height:53px \0/IE8+9 }
#header .headerTnb .tnbRight { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
#header .headerTnb .tnbRight li { padding-left:10px; float:left }
#header .headerTnb .tnbRight li a { display:block; height:45px; color:#6d6d6d; line-height:45px; font-family:Verdana }

#header .headerTnb .tlogo { width: 230px;margin: auto; padding: 20px 0; }
#header .headerTnb .tlogo img{width: 100%;}
#header .headerTnb .searchArea { width: 160px; height: 28px; float: left; }
#header .headerTnb .searchArea .search { position:relative; width:100%; background: #fff; border-radius: 20px; }
#header .headerTnb .searchArea .search input { width:116px; height:28px; line-height:28px; margin-left: 14px; border:none; background:#fff }
#header .headerTnb .searchArea .search a { display:block; position:absolute; top:50%; right:10px; width:15px; height:15px; transform: translateY(-50%); text-indent:-9999em; background:url(/design/gkskqbxl/blueming/pc/icon/searchicon.png) 0 0 no-repeat; }

#header .headerTnb .basketBox{ position: relative; float: left; margin: 0px 0 0 15px;}
#header .headerTnb .basketBox a .user_basket_quantity{position: absolute; top: -3px; right: -11px; display: block; width: 21px; height: 15px; background: #fff; border-radius: 8px; text-align: center; color: #000; font-family: 'Jost', sans-serif; font-weight: bold;}

#header .headerGnb { position: relative; padding: 22px 0; border-bottom: 1px solid #efefef;}
#header .headerGnb .menu_icon{position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
#header .headerGnb .gnbInner { margin: 0 auto; position:relative; width:1400px }
#header .headerGnb .gnbInner ul { *zoom:1 }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li { margin:0 20px; position:relative; float:left }
#header .headerGnb .gnbInner ul li a { display:block; font-size:14px; color:#000; font-weight:500; }
#header .headerGnb .gnbInner ul li a:hover { color:#ef00ae; }
#header .headerGnb .gnbInner ul li:first { padding-left:0 }
#header .headerGnb .gnbInner ul li:last { padding:0 0 0 40px }



/* 슬라이드 메뉴 */
#header .headerGnb.fix .slideMenu{background: rgba(255,255,255,0.9);}
.slideMenu{ display:none;  position: absolute; left: 50%; transform: translateX(-50%); background-color: #fff; width:100%; max-height: 430px; margin: 22px 0 0; overflow: auto; z-index: 13; border: 1px solid #eee;}
.slideMenu .menuclose{ position: absolute; top: 62px; right: 277px; cursor: pointer;}
.slideMenu .slideIn{ margin: 60px 330px 0;}
.slideIn > ul{font-size: 0;}
.slideIn > ul >li{ display: inline-block; width: 11.71%; margin-right: 3%; padding: 0 0 60px; vertical-align: top;}
.slideIn > ul li:nth-of-type(7n){margin-right: 0;}
.slideIn > ul > li > a { display: block; padding: 0 0 5px; font-size:16px; color: #000; font-weight: bold; word-break: break-word;}
.slideIn .slide_list2 li{margin: 12px 0 0;}
.slideIn .slide_list2 li a{color: #444444; font-size: 14px; font-weight:300; font-family: Lato, 'Noto Sans KR', sans-serif;}
.slideIn .slide_list2 li a:hover{color: #ef00ae;}

/* BASIC css end */