/* BASIC css start */
html{width: 100%;}
body{min-width: 1480px;}
#wrap{min-width: 1453px; width: 100%; margin: 0 auto;}
/* ¶ì¹è³Ê */
#topBnr{display: none; width: 100%; text-align: center}
#topBnr .topWrap{position: relative; min-width: 1302px;}
#topBnr .topWrap > a > img{width: 100%;}
#xbtn{position: absolute; top: 50%; right:69px; transform: translateY(-50%);}
#xbtn img{width: 16px;}

/* header »ó´Ü ¸Þ´º */
#header { position:relative; width:100%; min-width: 1302px; background:#fff; z-index:100 }
#header.act { position:fixed; top:-144px; left:0; right:0 }

#header .headerBottom_wrap{position: absolute; width: 100%; background: #fff; border-bottom:1px solid #e6e6e6; box-shadow: 0px 1px 7px 0 rgb(170 170 170 / 30%);}
#header .headerBottom_wrap.fix{position: fixed; top:0; left:0; opacity: 0.9; border-bottom:1px solid #e6e6e6 !important}
#header .headerBottom { margin:0 auto; position:relative; width:96%; max-width: 1824px; height:77px; text-align: center;}
#header .headerBottom .tlogo {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 170px; line-height: 77px; }
#header .headerBottom .tlogo a img {position: relative; bottom: 10px; }
#header .headerBottom .joinus{position:relative;}

#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .lnb_wrap { width:100%;}
#header .headerBottom .navWrap .lnb_wrap > ul.menulist{width: 966px;}
#header .headerBottom .navWrap .lnb_wrap.active > ul.menulist{width: 100% !important;}
#header .headerBottom .navWrap ul{ font-size: 0;}
#header .headerBottom .navWrap ul .lnb_depth1 { position:relative; display: inline-block; padding: 0 100px 0 0;}
#header .headerBottom .navWrap ul .lnb_depth1 > a { display: inline-block; position: relative; font-size: 17px; color: #333; font-family: 'Noto Sans KR',sans-serif; font-weight: 500; line-height: 77px;}
#header .headerBottom .navWrap ul .lnb_depth1:last-of-type > a{padding-right: 0}
#header .headerBottom .navWrap ul .lnb_depth1:hover > a::after { width: 100%; left: 0;}
#header .headerBottom .navWrap ul .lnb_depth1 > a::after{content: ''; width: 0; height: 2px; position: absolute; left: 50%; bottom: 0; background: #222; transition: all .2s ease-in-out;}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 { display:none; position: absolute; top:78px; left:0; max-height: 140px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left;}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li {margin-bottom: 16px;}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li a { font-size: 15px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li a:hover{color: #000;}

#header .headerBottom .point{ border-radius: 10px; position: absolute; top: 35px; left: 38%; margin-left: -30px; width: 56px; height: 17px; line-height: 17px; background: #323232; color: #fff; text-align: center; }
#header .headerBottom .point span{ position: absolute; top: -11px; left: 22px; width: 8px; height: 4px; color: #424242;}

.dn {
	display: block !important
}

#header .headerBottom .tnbRight {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#header .headerBottom .tnbRight > ul > li{float: left; margin: 0 0 0 26px;}
#header .headerBottom .tnbRight > ul > li:first-of-type{margin:0}
#header .headerBottom .tnbRight > ul > li a{color:#888; font-size: 14px; font-family: 'Noto Sans KR',sans-serif;}
#header .headerBottom .tnbRight ul li.basket{position: relative;}
#header .headerBottom .tnbRight ul li.basket a span.user_basket_quantity{position: absolute; top: -3px; right: -6px; width: 15px; height: 15px; line-height: 15px; border-radius: 50%; color: #fff; font-size: 10px; background: #222; text-align: center;}
#header .headerBottom .tnbRight ul li.menuicon{cursor: pointer; position: relative;}

.navsub_bg{ position: absolute; top: 77px; left: 0; width: 100%; height: 0; border-top: 1px solid #eee; z-index: 300; background-color: #fff; box-shadow: 0px 3px 5px 0 rgb(170 170 170 / 30%); }
.navsub_bg.open{ height: 200px;}

/* Çܹö°Å ¸Þ´º */
#header .downmenu{ position: absolute; top: 48px; left: 50%; transform: translateX(-50%); padding: 28px 23px 16px; border: 1px solid #d9dade; border-top: 2px solid #010101; background: #fff; text-align: left;}
#header .downmenu.hamdw{display:none;}
#header .downmenu li { margin-bottom: 12px;}
#header .downmenu li a{ font-size: 13px; color: #999999; font-family: "¸¼Àº °íµñ",'Malgun Gothic',sans-serif; white-space: nowrap;}
#header .downmenu li:hover a{color:#000}

/* °Ë»öâ */
.searchBox.disblc{display: block;}
.searchBox{ display: none; position: absolute; top: 51px; right: -27px; background: #fff; padding: 40px 55px 30px;}
.searchBox .search{width: 360px; border-bottom: 1px solid #000;}
.searchBox .search .MS_search_word{ width: 89%; height: 28px; margin: 0 3% 3px 0; border: 0;}
.searchBox .search fieldset a{ display: inline-block; margin: 0 0 8px;}

/* Àαâ°Ë»ö¾î */
.popul_search{ margin: 15px 0 0;}
.popul_search li{ float: left; margin-right: 10px;}
.popul_search li:last-of-type{margin-right:0}
.popul_search li b{ color: #232322; font-size: 13px; font-family: "¸¼Àº °íµñ",'Malgun Gothic',sans-serif;}
.popul_search li a{ font-size: 13px; color: #8f8f8f; font-family: "¸¼Àº °íµñ",'Malgun Gothic',sans-serif;}
/* BASIC css end */