/* BASIC css start */
body{min-width:1580px; max-width:1903px; margin:0 auto}
#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 }
#wrap{max-width: 1920px; min-width: 1280px; width: 100%; margin: 0 auto;}

/* header */
#header { position:relative; width: 100%; margin: 0 auto; background:#1a1e20; z-index:100 }
#header.fix{position: fixed; top:0; width:100%; max-width:1903px;}
#header .headerTnb {position:relative; width: 95%; max-width: 1500px; margin:0 auto; text-align: center; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft {position: relative; float:left; padding: 25px 0 0; z-index: 10; }
#header .headerTnb .tnbRight {position: relative; float:right; padding: 25px 0 0; z-index: 10;}
#header .headerTnb .tnbRight ul li{float: left; margin: 0 0 0 36px;}
#header .headerTnb .tnbRight ul li:first-of-type{margin:0}
#header .headerTnb .tnbRight ul li.basket{position: relative;}
#header .headerTnb .tnbRight ul li.basket a span.user_basket_quantity{position: absolute; bottom: 0; right: -7px; width: 14px; height: 14px; line-height: 14px; border-radius: 50%; color: #000; font-size: 10px; background: #fff; text-align: center;}
#header .headerTnb .tnbRight ul li.menuicon{cursor: pointer;}

#header .headerGnb {width: 100%; }
#header .headerGnb .gnbInner { margin:0 auto; position:relative; }
#header .headerGnb .gnbInner ul { font-size: 0; *zoom:1 }
#header .headerGnb .gnbInner ul li {  display: inline-block; position:relative; margin:0 29px; }
#header .headerGnb .gnbInner ul li a { display:block; height:41px; font-size:14px; color:#fff; line-height:41px; padding: 15px 0; font-family: 'Noto Sans KR', 'Roboto', sans-serif; font-weight: 300; white-space:nowrap;}

#header .headerGnb .gnbInner ul li.first { padding-left:0 }
#header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px }

/* 햄버거 메뉴 */
#header .downmenu{ position: absolute; right: 0; padding: 32px 27px 10px; border: 1px solid #d9dade; background: #fff; text-align: center;}
#header .downmenu.hamdw{display:none;}
#header .downmenu div a{display: inline-block; width:180px; height:43px; line-height: 43px; margin-bottom: 13px; border: 1px solid #1a1e21; color: #1a1e21; font-size: 14px; font-family: 'Roboto','Noto Sans KR',sans-serif;}
#header .downmenu div:nth-of-type(2) a{background:#1a1e20; color:#fff}
#header .downmenu p a{color: #7e7e7f; font-size: 13px; font-family: 'Noto Sans KR', sans-serif;}
#header .downmenu .findme a{padding: 10px 0; border: 0; color: #7e7e7f; font-size: 13px; font-family: 'Noto Sans KR', sans-serif;}
#header .downmenu .menuinArea{margin: 18px 0 0;}
#header .downmenu .menuinArea li{padding: 11px 0; border-bottom: 1px solid #d9dade;}
#header .downmenu .menuinArea li:last-of-type{border-bottom:0}
#header .downmenu .menuinArea li a{color: #252529; font-size: 14px; font-family: 'Roboto','Noto Sans KR',sans-serif;}

/*메뉴 중분류 풍선*/
.dn {
	display: none !important
}

#header .headerGnb .gnbInner ul.depth2 {position: absolute; top: 60px; left: 50%; transform: translateX(-50%); margin-top: 11px; border: 1px solid #e0e1e5; border-top: 0; border-bottom: 0; background: #fff; text-align: center; z-index: 10;}
#header .headerGnb .gnbInner ul.depth2 > li {display: block; float: none; margin: 0; border-bottom: 1px solid #e0e1e5;}
#header .headerGnb .gnbInner ul.depth2 > li a {color: #1a1e21; font-family: 'Noto Sans KR', 'Roboto', sans-serif; font-size: 14px; padding: 0 25px;}
#header .headerGnb .gnbInner ul.depth2 > li a:hover {background: #1a1e20; color:#fff}
#header .headerGnb .gnbInner ul.depth2 > li a span {
	display: block;
    color: #fff;
    font-family: 'Roboto','나눔고딕','NanumGothic', sans-serif;
}
#header .headerGnb .gnbInner ul.depth3 {
	position: absolute;
}
#header .headerGnb .gnbInner ul:after {
	display: block;
	clear: both;
	content: ''
}


/* BASIC css end */