/* BASIC css start */
#preview_wrap  {display: none !important}
.hide {display:none;}
 
/*#hdWrap .topmenu {background:#35b946;padding: 8px 0; }

#hdWrap .topmenu li a {color:#fff;font-size:12px; position: relative; padding: 0 10px; vertical-align:top}
#hdWrap .topmenu li a:before {display: inline-block; content: ''; width: 1px; height: 10px; background:#fff; position:absolute; top: 50%; margin-top: -5px; left: 0; opacity: 0.5 }
#hdWrap .topmenu li:first-child a {padding-left: 0}
#hdWrap .topmenu li:first-child a:before {display: none}*/

#hdWrap .topmenu {position: absolute; top: 0; right: 0;}
#hdWrap .topmenu > ul {display: flex; justify-content: flex-end;}
#hdWrap .topmenu > ul > li {display:inline-block; padding: 4px; padding-left: 8px; padding-right: 8px; position:relative; margin-left:0}
#hdWrap .topmenu > ul > li + li:before {display:inline-block; content:''; height:10px; width: 1px; background:#a5a5a5; position: absolute; top: 50%; margin-top: -4px; left: 0;} 
#hdWrap .topmenu > ul > li > a {font-size: 12px}
#hdWrap .topmenu > ul > li.cs { padding-right: 28px}
#hdWrap .topmenu > ul > li.cs:after {display:inline-block; content:''; width: 24px; height: 24px; background: url(/design/dhkang0606/2024re/ico_arrow_round.svg) no-repeat 100% 50%; background-size: 100% auto; position: absolute; right: 0;}

#header {width:1200px; margin:0 auto; position: relative; display: flex; align-items: center;}  
#header .logo {text-align:left; padding:36px 0}
#header .bookmark {float:left; background:url('/design/dhkang0606/2013img/icn_plus.gif') no-repeat; padding-left:16px; color:#999; margin-top:16px;}
#header .sch {margin-left: 100px; margin-right:auto; position:relative}
#header .sch:after { content: ""; display: block; clear: both; }
#header .sch input { float: left; }
#header .sch .keyword {padding-left: 20px; border: 1px solid #dedede; border-radius: 25px; width: 360px; height: 40px; line-height: 40px;}
#header .sch .sch-btn {position: absolute; top: 8px; right: 20px;}

#header .menu {padding-top: 16px}
#header .menu > ul {display:flex; align-items:center}
#header .menu > ul > li {margin-left: 16px; position: relative;}
#header .menu .login a,
#header .menu .logout a {display:inline-block; width: 46px; background: url(/design/dhkang0606/2024re/ico_logout.svg) no-repeat 50% 0; padding-top: 32px; font-size: 12px; letter-spacing: -0.5px;text-align: center;}
#header .menu .join a {display:inline-block; width: 54px; background: url(/design/dhkang0606/2024re/ico_mypage.svg) no-repeat 50% 0; padding-top: 32px; font-size: 12px; letter-spacing: -0.5px;text-align: center;}
#header .menu .basket a {width: 46px; display: inline-block; background: url(/design/dhkang0606/2024re/ico_cart.svg) no-repeat 50% 0; padding-top: 32px; font-size: 12px; letter-spacing: -0.5px;}
#header .menu .zzim a {width: 46px; display: inline-block; background: url(/design/dhkang0606/2024re/ico_zzim.svg) no-repeat 50% 0; padding-top: 32px; font-size: 12px; letter-spacing: -0.5px;}
#header .menu .cs > a {width: 46px; display: inline-block; background: url(/design/dhkang0606/2024re/ico_cs.svg) no-repeat 50% 0; padding-top: 32px; font-size: 12px; letter-spacing: -0.5px;}



/*nav*/
#navWrap {width:100%; min-height:44px; border-top: 1px solid #D6DBE2; border-bottom: 1px solid #EEF3FB}
.nav {border-bottom: 1px solid #ddd;}
.nav .inner {width:1200px; margin:0 auto; display:flex;}
.nav ul li {min-width: 150px}
.nav ul li.cate07 {min-width: 146px}
.nav ul li.cate04 {min-width: 186px}
.nav ul li.cate06 {min-width: 140px; padding-left: 20px; box-sizing: border-box;}
.nav li h2 {text-align:left !important}
.nav li h2,
.nav li h2 > a {color:#000; font-size: 15px; padding: 10px 0; text-align:left; font-weight: 500; }
.nav li h2 > a {cursor: pointer}
.nav li h2 > a:hover {color:#03c75a}
.nav li.cate07 h2 {color:#FD4E6D; position:relative}
.nav li.cate07 h2 span {display:inline-block; position:absolute; top: -20px; left: 0; background: url(/design/dhkang0606/2024re/label01.png) no-repeat; width: 86px; height: 25px; animation:ani 1s infinite alternate;}
@keyframes ani{
   0%{transform:translate(0,0);}
   100%{transform:translate(0,4px);}
}  


.subWrap {width:100%; display:none;}
.sub {background:url('/design/dhkang0606/2013img/bg_nav.png') no-repeat left bottom; overflow:hidden; width:1200px; margin: 0 auto; padding:20px 0 20px; display:flex;}
.sub > ul {min-width: 150px}
.sub > ul.cate04 {min-width: 186px}
.sub > ul.cate06 {min-width: 130px; padding-left: 20px; box-sizing: border-box;}
.sub > ul.cate07 {min-width: 124px;background: rgba(238, 243, 251, 0.3); padding: 10px 0 10px 20px; min-width: 130px; border-radius: 10px 0 0 10px; margin-top: -10px}
.sub > ul.cate08 {background: rgba(238, 243, 251, 0.3); padding: 10px 4px 10px 0; min-width: 130px; border-radius: 0 10px 10px 0; margin-top: -10px}
.sub> ul li + li {margin-top: 2px}
.sub a {height: 24px; display: inline-block; font-size: 14px; color:#666; position:relative}
.sub a:hover {color:#249b33}
.sub a .new {display: inline-block; width: 20px; height: 20px; background: url(/design/dhkang0606/2024img/ico-new.svg) no-repeat; background-size: 100% auto; position: absolute; top: -5px; right: -17px;}
.btn_close {position:absolute; top:138px; right: 50%; margin-right:-550px;cursor:pointer; display: none}

#header .cs_layer {position: absolute; top: 10px; right: 0; width: 130px; padding-top: 20px; display: none; z-index: 2;}
#header .cs_layer > ul {padding: 10px; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(34, 34, 34, 0.08); background-color: #fff; border: 1px solid #e1e1e1; }
#header .cs_layer > ul li a {display: block; height: 20px; padding: 4px 10px; border-radius: 4px; font-size: 13px; color: #333;}
#header .cs_layer > ul li + li {margin-top: 4px}
#header .cs_layer > ul li a:hover {background-color: #eff3fa;}

/* BASIC css end */