/* BASIC css start */
#hdWrap {position: fixed; top:0;left:0;right:0;z-index:100; width: 100%;}
#hdWrap .hdArea {position: relative;top:0;left:0;right:0;height: 75px;z-index:99;font-size: 11px;background:#fff; width:100%;}
#hdWrap .hdArea .clear {margin:0 40px;}
#hdWrap.fix .hdArea {border:none; background: rgba(253,253,253,0.8); -webkit-transition: 0.35s ease-in-out;  -moz-transition: 0.35s ease-in-out;  -o-transition: 0.35s ease-in-out;  transition: 0.35s ease-in-out;}
.minSizeWrap {position: relative; min-width: 1200px; max-width:1400px; margin: 0 auto;}

#hdWrap .allBtn {display:none!important;}
#hdWrap.fix .allBtn {display:inline-block!important;}

/* 상단배너 */
#headerUtil{height:44px; z-index:101; border-bottom:1px solid #dbdbdb; background:#fff;}
#headerUtil .hdCate > ul{font-size:0; text-align:right; min-width: 1300px; margin:0 40px;}
#headerUtil .hdCate > ul li{display:inline-block; height:44px; line-height:44px; position:relative; padding:0 17px; }
#headerUtil .hdCate > ul li:last-child {padding-right:0;}
#headerUtil .hdCate > ul > li:after {content:''; width:1px; height:10px; background:#000; position:absolute; right:0; top:50%; margin-top:-5px;}
#headerUtil .hdCate > ul > li:last-child{padding-right:0;}
#headerUtil .hdCate > ul > li:last-child:after {display:none;}
#headerUtil ul li > a {font-size:12px; display:block; height:44px; line-height:44px;}

#headerUtil ul li.join_eventBtn > a {color:#000000; font-weight: italic; background-color: #d1d1d1;}

#headerUtil ul li .dep {display:none; position:absolute; top:44px; left:50%; width:100px; margin-left:-50px; background:#fff; z-index:101; border-top:1px solid #dbdbdb; }
#headerUtil ul li:hover > .dep {display:block;}
#headerUtil ul li .dep ul {padding:2px 0;}
#headerUtil ul li .dep ul li{display:block; text-align:left; line-height:1.5; height:auto; padding:2px 10px;}
#headerUtil ul li .dep li a{font-size:11px; display:block; padding:2px 0; font-weight:400; line-height:1.5; height:auto;}
#headerUtil ul a.menuAllBtn img {height:16px;}

/* 로고 영역  */

#hdWrap .hdLeft {position: absolute;left: 0;top:27.5px;}
#hdWrap .hdLeft .hd_logo img{height:20px;}
#hdWrap {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    will-change: transform;
    transition: transform 0 linear;
}
#hdWrap.headroom.fix {
    transform: translateY(-55px);
}

/* 카테고리 */
#hdWrap .hdCate { position: relative; min-width:1300px; }
#hdWrap .hdCate .cateWrap {position: absolute; top:0; left:180px;}
#hdWrap .hdCate .cateWrap a:hover { color:#9c9c9c; }
#hdWrap .hdCate .cateWrap .tmenu {position: relative; line-height:75px; padding:0 15px; display: inline-block;}
#hdWrap .hdCate .cateWrap .tmenu a {font-size: 12px; font-weight:400;}
#hdWrap .hdCate .cateWrap .tmenu .depth2 {display:none;position: absolute;background: #fff;top: 75px;left: 50%;width: 118px;margin-left: -60px;padding: 10px 0;z-index: 97;text-align: center;}
#hdWrap .hdCate .cateWrap .tmenu .depth2 li a {display: block;line-height: 24px;font-size:13px; font-weight:400;}
#hdWrap .hdCate .cateWrap .tmenu .depth2 li a:hover {color:#9c9c9c;}

#hdWrap .topRight {position: absolute;right: 0;top: 21px;}
#hdWrap .topRight li {position: relative;padding: 0 8px; line-height:30px; display: inline-block; vertical-align: top;}
#hdWrap .topRight li .dep {display:none; position:absolute; top:30px; left:50%; margin-left:-25px; width:50px; text-align:center; background:#fff;}
#hdWrap .topRight li .dep ul {padding:2px 0;}
#hdWrap .topRight li .dep li{padding:0; display:block;}
#hdWrap .topRight li .dep li a{font-size:12px; display:block; padding:2px 0;}
#hdWrap .topRight li a {font-size: 12px;color:#666;}
#hdWrap .topRight li a img {margin-top:-2px;}
#hdWrap .topRight li a:hover { color:#9c9c9c; }
#hdWrap .topRight li a.searchBtn img{height:16px;}
#hdWrap .topRight li.cartArea a { }
#hdWrap .topRight li.cartArea a img{height:20px;}
#hdWrap .topRight li.cartArea .bsCount {position: absolute;top: 0;right:-4px;width: 16px;height: 16px;line-height: 16px;border-radius: 50%;background-color: #000;text-align: center;font-size:10px;color:#fff;}

/* 검색창 */
#hdWrap .searchArea {display:inline-block;}
#hdWrap .searchArea .search { position: relative; }
#hdWrap .searchArea .searchWrap .dummy {
    position: absolute;
    top: 0;
    left: 10px;
    right: 30px;
}
#hdWrap .searchArea .search fieldset { position:relative;float:left; margin: 0 auto; }
#hdWrap .searchArea .search input{border:0; background:transparent; width: 120px;height:30px;font-size:13px;font-weight: 300;border-bottom:1px solid #000; color:#000;border-radius:0;padding:0 30px 0 10px;}
#hdWrap .searchArea .search .searhBtn{font-size: 20px;position:absolute; top:5px;right:5px;}
#hdWrap .searchArea .search .searchClose { width:35px;font-size: 20px;float:left;background:#fff;text-align:center;line-height:40px;margin-left:5px;}

@media screen and (max-width:1280px) {    
    #hdWrap .hdCate .cateWrap {margin: 0 100px 0 180px;}
}

/* 전체메뉴 레이어 */
.allMenu {display:none; background:#fff; position: fixed; top:120px; left:50%; margin-left:-700px; width:1400px; z-index: 201;}
.allMenu .allMenuWrap {padding:50px; overflow:hidden;}
.allMenu .allMenuTop .closeBtn {position:absolute; top:20px; right:20px; font-size:20px;}
.allMenu .allMenuWrap a:hover { color:#9c9c9c; }
.allMenu .allMenuWrap h3 {font-size: 16px;font-weight: bold;padding: 1% 0 0.5% 1%;}

.allMenu .allMenuWrap .allMenuList { *zoom:1; margin-bottom:80px;}
.allMenu .allMenuWrap .allMenuList:after { display:block; clear:both; content:'' }
.allMenu .allMenuWrap .allMenuList dl {display:inline-block; width:14.2857%; vertical-align:top;}
.allMenu .allMenuWrap .allMenuList dl dt {border-bottom: 1px solid #cecece; height:30px; margin-bottom:10px;}
.allMenu .allMenuWrap .allMenuList dl dt, .allMenu .allMenuWrap .allMenuList dl dt a{font-size:14px; color:#000; font-weight:600;}
.allMenu .allMenuWrap .allMenuList dl dd a, .allMenu .allMenuWrap .allMenuList dl dd {display: block;padding:2px 0; color: #9b9b9b; font-size:12px;}
.allMenu .allMenuWrap .allMenuList dl dd a:hover {color:#2e2e2e;}
.allMenu .allMenuWrap .allMenuList dl dd b {display:block; color:#000; font-size:15px; margin-bottom:20px;}
.allMenu .allMenuWrap .allMenuList dl dd p{font-size:14px; line-height:1.2; color:#9b9b9b;}
.allMenu .allMenuWrap .allMenuList dl.addr {width:22.5714%;}
.allMenu .allMenuWrap .allMenuList dl.addr dd {font-size:11px!important;}
.allMenu .allMenuWrap .allMenuList dl.cscenter_list {width:17.2857%;}
.allMenu .allMenuWrap .boardList:after { display:block; clear:both; content:''}
.allMenu .allMenuWrap .boardList li { float: left; padding: 0 1%; }
.allMenu .allMenuWrap .csInfo {padding: 4% 0 0; text-align:center; font-size:13px;} 
.allMenu .allMenuWrap .csInfo span { padding: 0 1%; opacity:0.4; } 
.allMenu .allMenuWrap .allMenuLeft{width:12%; float:left;}
.allMenu .allMenuWrap .allMenuLeft ul li{margin-bottom:30px;}
.allMenu .allMenuWrap .allMenuLeft ul li a{font-size:14px; color:#000; font-weight:600;}
.allMenu .allMenuWrap .allMenuRight{width:88%; float:right; font-size:0;}

/* BASIC css end */