/* BASIC css start */
#header { margin:0 auto; position:relative; width:90%; min-width:1200px; height:119px; z-index:100 }

#header .headerTop { margin:0 auto; padding:30px 0 20px; position:relative; max-width:1420px; min-width:1200px; height:29px; text-align:right; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop ul { display:inline-block; position:relative; *zoom:1 }
#header .headerTop ul:after { display:block; clear:both; content:'' }
#header .headerTop ul li { position:relative; float:left; padding:7px 0 0 20px; }
#header .headerTop ul li:last-child { padding:0 }
#header .headerTop ul li a { font-size:14px; }
#header .headerTop ul li a:hover { text-decoration:underline; }
#header .headerTop ul li.cartCount a { text-decoration:none; padding:3px 12px 1px; margin:0 0 0 20px; background: rgba(240,240,240,1); border-radius: 18px;  color: #2e2e2e; display:block;}
#header .headerTop ul li.cartCount a:hover { background: rgba(240,240,240,0.7); }
#header .headerTop ul li.cartCount a i { font-size:24px; }
#header .headerTop ul li.cartCount a span { vertical-align: top; margin: 3px 0 0 3px; display: inline-block; }

#header .headerGnb { margin:0 auto; position:relative; max-width:1420px; min-width:1200px;background: rgba(240,240,240,1);  }
#header .headerGnb .logoArea { position:absolute; left:40px; top:10px; z-index:10}
#header .headerGnb .logoArea .logo a { font-size:38px; font-weight:bold; color:#2c2c2c; }

/* 카테고리 */
#header .headerGnb .cateWrap {position: relative; margin:0 0 0 200px; }
#header .headerGnb .cateWrap:after {content:"";display:block;clear:both;}
#header .headerGnb .cateWrap a:hover { border-bottom:1px solid #2d2d2d }
#header .headerGnb .cateWrap .tmenu {position: relative;display: inline-block; padding:0 14px;}
#header .headerGnb .cateWrap .tmenu a { font-size:16px; line-height:70px; }
#header .headerGnb .cateWrap .tmenu .depth2 { display:none; position: absolute;background: rgba(240,240,240,1);top:70px;left: 50%;width: 110px;margin-left: -55px;padding: 10px 0; z-index: 97;text-align:center;}
#header .headerGnb .cateWrap .tmenu .depth2 li a {font-size: 14px; line-height: 26px; }
#header .headerGnb .cateWrap .tmenu .depth2 li a:hover { color:#2d2d2d; }
#header .headerGnb .menuAllBtn { position:absolute; top:20px; right:10px; width:50px; height:50px; font-size:30px; text-align:center; cursor:pointer }


/* 상단 고정 */
#headerFix { display:none; position:fixed; top:0; left:0; right:0; z-index:200;background: #fff; }
#headerFix .headerGnb {position:relative;min-width:1200px;}
#headerFix .headerGnb .logoArea { position:absolute; left:40px; top:15px; z-index:10}
#headerFix .headerGnb .logoArea .logo a { font-size:40px; font-weight:bold; color:#2e2e2e; }

/* 상단 고정 - 카테고리 */
#headerFix .headerGnb .cateWrap {position: relative; margin:0 0 0 200px; }
#headerFix .headerGnb .cateWrap:after {content:"";display:block;clear:both;}
#headerFix .headerGnb .iconArea .tmenu .depth2 li a:hover,
#headerFix .headerGnb .cateWrap a:hover { border-bottom:1px solid #2d2d2d }
#headerFix .headerGnb .cateWrap .tmenu {position: relative;display: inline-block; padding:0 15px;}
#headerFix .headerGnb .cateWrap .tmenu a { font-size:16px; line-height:81px; }
#headerFix .headerGnb .iconArea .tmenu .depth2,
#headerFix .headerGnb .cateWrap .tmenu .depth2 { display:none; position: absolute;background: #fff;top:81px;left: 50%;width: 110px;margin-left: -55px;padding: 10px 0; z-index: 97;text-align:center;}
#headerFix .headerGnb .iconArea .tmenu .depth2 li a,
#headerFix .headerGnb .cateWrap .tmenu .depth2 li a {font-size: 14px; line-height: 26px; }
#headerFix .headerGnb .cateWrap .tmenu .depth2 li a:hover { color:#2d2d2d; }

#headerFix .headerGnb .iconArea {position:absolute;top:0;right:40px; }
#headerFix .headerGnb .iconArea > li { float:left; margin:0 0 0 20px; }
#headerFix .headerGnb .iconArea > li a { font-size:26px;height:81px;line-height:81px; }
#headerFix .headerGnb .iconArea > li a.cartCount { position:relative;}
#headerFix .headerGnb .iconArea > li a.cartCount span { width:17px; height:17px;line-height:17px; background:#000; color:#fff;font-size:12px; border-radius:50%; text-align:center;position:absolute; top:-2px; right:-5px; }
#headerFix .headerGnb .iconArea .tmenu {position: relative; }

#headerFix .headerGnb .searchOpen { width:50px; height:50px; text-align:center; }
#headerFix .headerGnb .searchArea { display:none; position:fixed; top:80px; left:0; right:0; width:100%; height:80px; background-color: #fff; z-index:10; }
#headerFix .headerGnb .search { position:relative; width:45%; margin:0 auto; border-bottom:2px solid #2e2e2e;padding:10px 0 0; }
#headerFix .headerGnb .search input { width: 100%; height:44px; margin: 0 95px 0 0; border:none; font-size:20px; }
#headerFix .headerGnb .search .btnSch { position:absolute; top:8px; right:4px; color:#2e2e2e; font-size:30px }
#headerFix .headerGnb .search .searchClose { position:absolute; top:0; right:-50px; line-height:55px; font-size:24px; background-color:#fff; }
#headerFix .headerGnb .menuAllBtn { width:50px; height:50px; font-size:30px; text-align:center; }

/* 위로가기 버튼 */
.topBtn { position:fixed;bottom: 20px;right:23px; z-index:200; display:block; width:48px; height:48px; background-color:#2a2a2a; text-align:center; }
.topBtn i { vertical-align:top; margin-top:10px;color:#8b8b8b; font-size:28px }
.topBtn:hover {background-color:rgb(197,197,197,0.8); color:#000; }

/* 전체메뉴 레이어 */
.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 */