/* BASIC css start */
body{min-width: 1418px;}
#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%; border-bottom: 1px solid #e6e6e6; background:#fff; z-index:1000 }
#header.fix{position: fixed; top:0; left:0; opacity: 0.9; background: #fff;}
#header .headerTnb { margin:14px auto 0; position:relative; width:1400px; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft{float: left; margin: 0 30px 0 0; line-height: 37px;}
#header .headerTnb .tnbLeft a img{width: 159px;}
#header .headerGnb {float: left; }
#header .headerGnb .gnbInner { margin:0 auto; position:relative; }
#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; padding-bottom: 17px; color:#808080; white-space:nowrap; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; line-height: 43px;}
#header .headerGnb .gnbInner ul.depth1 > li:first-of-type a{ font-weight: bold; color: #000;}
#header .headerTnb .tnbRight { float:right; padding: 12px 0 0;}
#header .headerTnb .tnbRight li { padding-left:25px; float:left }
#header .headerTnb .tnbRight li a { display:block; color: #808080; font-family: 'Lato', 'Noto Sans KR', sans-serif;}
#header .headerTnb .tnbRight li a img{vertical-align: sub;}
#header .headerTnb .tnbRight li.search{padding-left: 30px;}

#header .headerTop { margin:0 auto; position:relative; width:1100px; height:77px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }

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

#header .headerGnb .gnbInner ul.depth2 {position: absolute; top: 40px; left: 50%; transform: translateX(-50%); background: #fff; text-align: center; padding: 15px 32px 22px; margin-top: 11px; border: 1px solid #cfcfcf;}
#header .headerGnb .gnbInner ul.depth2:before { content: "　"; width:14px; background: url('//skin.makeshop.co.kr/skin/madeleine/pc/icon/submenu_arrow.png') no-repeat; position: absolute; top: -12px; left: 50%; transform: translateX(-50%);}
#header .headerGnb .gnbInner ul.depth2 > li {display: block; margin: 0; float: none;}
#header .headerGnb .gnbInner ul.depth2 > li a {height: 31px; margin: 0;  padding-bottom: 0; line-height: 31px;}
#header .headerGnb .gnbInner ul.depth2 > li a:hover {color: #a5777f}
#header .headerGnb .gnbInner ul.depth2 > li a span {display: block; color: #4d4d4d;font-family: "맑은 고딕",'Malgun Gothic',sans-serif; font-weight: normal;}
#header .headerGnb .gnbInner ul.depth2 > li a span:hover{ color: #a48f78;}

/* BASIC css end */