/* BASIC css start */
#wrap{   }
#header { margin:0 auto; position:fixed;left:0;right:0; z-index:100;    width: 100%;  background: #fff; }
/*#header.headerFix { position:fixed;top:0;left:0;right:0; }*/

#header .headerBox {width:1200px;margin:0 auto;position:relative;background: rgba(255,255,255,1);height:79px;}
#header .headerBox .logoArea {z-index:10;text-align:center;/* top: 24px; */}
#header .headerBox .logoArea .logo a {font-size: 34px;font-weight:500;}
#header .headerBox .logoArea .logo a img{margin-top: 20px;}
#header .headerBox .menuAllBtn {position:absolute;font-size:24px;text-align:center;cursor:pointer;top: 24px;}
#header .headerBox .menuAllBtn i{color:#000001 !important}

#header .headerBox ul.hdMenu {position: absolute;right: 0;top: 24px;}
#header .headerBox ul.hdMenu li { position:relative; float:left; padding:7px 0 0 20px; }
#header .headerBox ul.hdMenu li a { font-size:13px; }
#header .headerBox ul.hdMenu li a i{font-size:24px;}
#header .headerBox ul.hdMenu li a:hover { text-decoration:none; }
#header .headerBox ul.hdMenu i{color:#000000 !important}

#header .cart span {position:absolute; top:2px;right:-7px;background:#6f7170;border-radius:50%; color:#fff;width:18px;height:18px;line-height:18px;text-align: center;font-size: 10px;}
#header  a.searchOpen { font-size:24px;cursor:pointer;vertical-align:top; }
#header .searchArea { display:none; position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,1); z-index:10;padding:10px 0 0; }
#header .search { position:relative; width:45%; margin:10% auto 0; border-bottom:2px solid #2e2e2e;padding:10px 0 0; }
#header .search input { width: 100%; height:44px; margin: 20% 0 0 0; border:none; font-size:20px;  background:transparent; }
#header .search .btnSch { position:absolute; bottom:10px; right:4px;  font-size:30px }
#header .search .searchClose { position:absolute; top:0; right:50%; font-size:24px; }

#header .headerTop {position: relative;width: 100%;margin: 0 auto;text-align: center;    border-top: 1px solid #e8e8e8;    /*padding: 24px 0;*/}

/* Ä«Å×°í¸® */
#header .headerTop .cateWrap {position: relative; margin:17px auto;width:960px }
#header .headerTop .cateWrap a:hover { border-bottom:1px solid #000000}
#header .headerTop .cateWrap .line { height: 11px;border-left: 1px solid #aaa8a7;  vertical-align: middle; display: inline-block;}
#header .headerTop .cateWrap .tmenu {position: relative;display: inline-block; padding:0 11px;}
#header .headerTop .cateWrap .tmenu a {font-size:16px; line-height:32px;    letter-spacing: 1px; color:#000000}
#header .headerTop .cateWrap .tmenu .depth2 { display:none; position: absolute;background: rgba(255,255,255,0.8);top:64px;left: 50%;width: 110px;margin-left: -55px;padding: 10px 0; z-index: 97;text-align:center;color:#000000}
#header .headerTop .cateWrap .tmenu .depth2 li a { font-size: 13px; line-height: 26px; color:#000000}
#header .headerTop .cateWrap .tmenu .depth2 li a:hover {  }
#header .headerTop .boardWrap{position: relative; margin:14px 0px 0 0;}



/* ¿ìÃø Äü ¹öÆ° */
.rightQuick { position:fixed;bottom: 40px;right:23px; z-index:200; display:block; width:48px;text-align:center; }
.rightQuick i { vertical-align:top; margin-top:10px; font-size:22px }
.rightQuick:hover { }
.rightQuick li { position:relative; }

/* Àüü¸Þ´º ·¹À̾î */
.allMenu {display:none;background:#fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 201;}
.allMenu .allMenuWrap {width: 1000px;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: 10% 0 6%;font-size: 32px; text-align:center}
.allMenu .allMenuWrap .allMenuList { *zoom:1;}
.allMenu .allMenuWrap .allMenuList:after { display:block; clear:both; content:'' }
.allMenu .allMenuWrap .allMenuList dl {padding: 0 1% 6%;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:7px;font-size:14px;height:30px;line-height:30px;}
.allMenu .allMenuWrap .allMenuList dl dd a {display: block;padding: 6px 0 3px 7px;color: #000000; font-size:13px;}
.allMenu .allMenuWrap .allMenuList dl dd a:hover {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%; text-align:center; font-size:13px; color:#000000} 
.allMenu .allMenuWrap .csInfo span { padding: 0 0.5% } 

/* BASIC css end */