/* BASIC css start */
/* 전체메뉴 레이어 */
.allMenu {display:none;background:#fff;position: fixed;left: 60px;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 201;}
.allMenu .allMenuWrap {width: 75%;margin: 0 auto;}
.allMenu .allMenuWrap a:hover {text-decoration: underline; }
.allMenu .allMenuWrap h3 {font-size: 16px;font-weight: bold;padding: 1% 0 0.5% 1%;}
.allMenu .allMenuWrap .closeBtn {display: block;margin: 4% 0 3%;font-size: 40px; text-align:center }
.allMenu .allMenuWrap .allMenuList { *zoom:1;}
.allMenu .allMenuWrap .allMenuList:after { display:block; clear:both; content:'' }
.allMenu .allMenuWrap .allMenuList dl {padding: 0 1% 3%;float:left;width: 14.6%;}
.allMenu .allMenuWrap .allMenuList dl dt {border-bottom: 1px solid #ddd;margin-bottom: 4px;}
.allMenu .allMenuWrap .allMenuList dl dt a {padding-left:5px;font-size:14px;height:30px;line-height:30px;}
.allMenu .allMenuWrap .allMenuList dl dd a {display: block;padding: 3px 0 3px 5px;color: #777;}
.allMenu .allMenuWrap .allMenuList dl dd a:hover {background:#f8f8f8; color:#111;}
.allMenu .allMenuWrap .boardList:after { display:block; clear:both; content:''}
.allMenu .allMenuWrap .boardList li { float: left; padding: 0 1%; }
.allMenu .allMenuWrap .csInfo {padding: 2% 0 0 1%;} 
.allMenu .allMenuWrap .csInfo span { padding: 0 0.5% } 

/* 좌측 고정 메뉴 css */
#asideMenu {position:fixed;top:0;left: 0;width: 59px;height:100%;background:#fff;z-index: 202;border-right: 1px solid #e0e0e0;}
#asideMenu span {position: relative;display: block;width: 60px;height: 60px;line-height: 60px;text-align: center;}
#asideMenu span a {font-size: 28px; }
#asideMenu span a:hover i { color:#5a5a5a;}
#asideMenu .quickHome {position: absolute;top: 5%;left: 50%;margin-left: -31px;} 
#asideMenu .quickAll {position: absolute;top: 35%;left: 50%;margin-left: -31px;} 
#asideMenu .quickMenu {position: absolute;top: 55%;left: 50%;margin-left: -31px;}
#asideMenu .qucikUpDown {position: absolute;bottom: 2%;left: 50%;margin-left: -18px;} 
#asideMenu .qucikUpDown a {display: block;width: 34px;height: 34px;line-height: 36px;text-align: center;border: 1px solid #ddd;border-radius: 100%;font-size: 18px;margin: 8px 0;} 
#asideMenu .user_basket_quantity {position: absolute;right: 12px;top: 14px;width: 14px;height: 14px;line-height: 14px;border-radius: 14px;background-color: #d8d8d8;text-align: center;font-size:11px;}
#asideMenu .searchArea {display:none;position:absolute;top: 12px;left: 50px;width: 210px;height:33px;}
#asideMenu .searchArea form{height:100%;}
#asideMenu .searchArea .searchWrap{position:relative;display:block;border:1px solid #ddd;padding-right:37px;height: 33px;background: #fff;}
#asideMenu .searchArea input{border:0;height:100%;padding: 0 0 0 10px;width: 160px;line-height:33px;float: left;}
#asideMenu .searchArea .searhBtn{position:absolute;top: 2px;right:0;bottom:0;display:block;width:37px;text-align:center;color:#111;font-size: 24px;}
#asideMenu .searchArea .searhBtn:after{content:"";display:block;position:absolute;top:4px;bottom:4px;left:0;width:1px;background-color:#ddd;}

#hdWrap {position: relative;height: 170px;min-width: 1100px;}

/* 최상단 영역  */
#hdWrap .hdTop:after {content:"";display:block;clear:both;}
#hdWrap .hdTop .listWrap {float:left;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#hdWrap .hdTop .listWrap .list {float:left;padding: 6px 0;}
#hdWrap .hdTop .listWrap .link {position: relative;display:block;padding: 0 10px;height: 37px;line-height: 37px;}
#hdWrap .hdTop .listWrap .list:first-child .link { padding-left:0; }
#hdWrap .hdTop .listWrap .link:hover { text-decoration: underline; }
#hdWrap .hdTop .ht_left {float:left;margin-left: 40px;}
#hdWrap .hdTop .ht_left .ht_home {display:none; position:absolute; left:0; top:0; } 
#hdWrap .hdTop .ht_left .ht_home a {display:block;width: 50px;height:50px;line-height:50px;font-size:22px;text-align:center;}
#hdWrap .hdTop .ht_right {float:right;margin-right: 40px;}
#hdWrap .hdTop .ht_right .user_basket_quantity {width: 16px;height: 16px;line-height: 16px;border-radius: 16px;background-color: #eaeaea;text-align: center;font-size:11px;display: inline-block;}

/* 중앙 로고 영역  */
#hdWrap .hdMid {text-align:center;height:60px; line-height:60px;}
#hdWrap .hdMid:after {content:"";display:block;clear:both;}
#hdWrap .hdMid .hd_logo {font-size: 46px;}

/* 카테고리, 전체메뉴 */
#hdWrap .hdBtm {height: 50px;padding-top: 10px;border-bottom: 1px solid #e0e0e0;}

/* 카테고리 */
#hdWrap .hdBtm .cateWrap {text-align:center;position: relative;}
#hdWrap .hdBtm .cateWrap:after {content:"";display:block;clear:both;}
#hdWrap .hdBtm .cateWrap a:hover { border-bottom:1px solid #000 }
#hdWrap .hdBtm .cateWrap .tmenu {position: relative;padding: 17px 32px;display: inline-block;}
#hdWrap .hdBtm .cateWrap .tmenu .depth2 { display:none; position: absolute;background: #fff;top: 50px;left: 50%;width: 118px;margin-left: -60px;padding: 10px 0;border: 1px solid #ddd;z-index: 97;}
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li a { display: block; font-size: 12px; line-height: 24px; }
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li a:hover {background:#eaeaea; color:#111; border-bottom: 0 }


/* BASIC css end */

