/* BASIC css start */
#header { margin:0 auto; position:absolute;top:30px;left:0;right:0; z-index:100 }
#header.headerFix { position:fixed;top:0;left:0;right:0; }

#header .headerTop { position:relative;float:right; text-align:right; }
#header .headerTop ul.hdMenu { display:inline-block; position:relative; margin:36px 30px 0 0;}
#header .headerTop ul.hdMenu li { position:relative; float:left; padding:7px 0 0 20px; }
#header .headerTop ul.hdMenu li a { font-size:13px; }
#header .headerTop ul.hdMenu li a:hover { text-decoration:underline; }
#header .headerTop ul.hdMenu li span.point { background:url('/design/mixkor/12991/tem166/point_bg.png') no-repeat; position:absolute;bottom:19px;left:20px;width:49px;height:27px;color:#fff;text-align:center;line-height:22px;}

#header .headerBox { width:1200px;height:127px;margin:0 auto; position:relative; background: rgba(255,255,255,0.9);  }
#header .headerBox .logoArea { width:250px; float:left; z-index:10;margin:40px 0 0 30px;}
#header .headerBox .logoArea .logo a { font-size:38px; font-weight:bold; color:#2c2c2c; }

/* 카테고리 */
#header .headerTop .cateWrap {position: relative; margin:0 60px 0 0; }
#header .headerTop .cateWrap a:hover { border-bottom:1px solid #2d2d2d }
#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 14px;}
#header .headerTop .cateWrap .tmenu a { font-size:14px; line-height:64px; }
#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;}
#header .headerTop .cateWrap .tmenu .depth2 li a {font-size: 13px; line-height: 26px; }
#header .headerTop .cateWrap .tmenu .depth2 li a:hover { color:#2d2d2d; }
#header .headerTop .menuAllBtn { position:absolute; right:20px; bottom:5px; width:45px; height:45px; font-size:30px; text-align:center; cursor:pointer }

/* 우측 퀵 버튼 */
.rightQuick { position:fixed;top: 40%;right:23px; z-index:200; display:block; width:48px;text-align:center; }
.rightQuick i { vertical-align:top; margin-top:10px;color:#2c2c2c; font-size:26px }
.rightQuick:hover {color:#000; }
.rightQuick li { position:relative; }
.rightQuick .cart span {position:absolute; top:2px;right:5px;background:#2c2c2c;border-radius:50%; color:#fff;width:20px;height:20px;line-height:22px;}
.rightQuick li a.searchOpen { font-size:24px;cursor:pointer;vertical-align:top; }
.rightQuick .searchArea { display:none; position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,0.9); z-index:10;padding:10px 0 0; }
.rightQuick .search { position:relative; width:45%; margin:10% auto 0; border-bottom:2px solid #2e2e2e;padding:10px 0 0; }
.rightQuick .search input { width: 100%; height:44px; margin: 20% 0 0 0; border:none; font-size:20px;  background:transparent; }
.rightQuick .search .btnSch { position:absolute; bottom:10px; right:4px; color:#2e2e2e; font-size:30px }
.rightQuick .search .searchClose { position:absolute; top:0; right:50%; font-size:24px; }

/* 전체메뉴 레이어 */
.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: 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:7px;font-size:14px;height:30px;line-height:30px;}
.allMenu .allMenuWrap .allMenuList dl dd a {display: block;padding: 6px 0 3px 7px;color: #777; 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;} 
.allMenu .allMenuWrap .csInfo span { padding: 0 0.5% } 
/* BASIC css end */