/* BASIC css start */
#header {z-index:100;position:relative;width:100%;background: rgba(255,255,255,1) }

#header .headerTop {height:100px;position:fixed; top:0;left:0;right:0;height:100px;background:#fff;z-index:100;}
#header .headerTop .logoArea { text-align:center; z-index:10;padding:25px 0 0;}
#header .headerTop .logoArea .logo a { font-size:40px; font-weight:bold; color:#2e2e2e; }
#header .headerGnb {position:relative;min-width:1200px;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;margin:100px 0 0;}

/* 로고, 로그인 영역 */
#header .headerTop .loginArea { position:absolute;top:40px;right:30px; }
#header .headerTop .loginArea > li { position:relative; float:left; padding:0 0 0 20px;line-height:22px; }
#header .headerTop .loginArea > li a { font-size:13px;}
#header .headerTop .loginArea > li a:hover { color:#8c8c8c; }
#header .headerTop .loginArea > li .point {position:absolute;top:-24px;left:5px; color:#fff; background:url('/design/sure7904/12923/tem162/bg_point.png') 0 0 no-repeat; width:55px;height:26px;text-align:center; }
#header .headerTop .loginArea > li.cartCount a i { font-size:24px; }
#header .headerTop .loginArea > li a.menuAllBtn i { font-size:24px; }
#header .headerTop li a.searchOpen { font-size:24px;cursor:pointer;vertical-align:top; }
#header .headerTop .searchArea { display:none; position:fixed; top:100px; left:0; right:0; width:100%; height:80px; background-color: #fff; z-index:10;padding:10px 0 0; }
#header .headerTop .search { position:relative; width:45%; margin:0 auto; border-bottom:2px solid #2e2e2e;padding:10px 0 0; }
#header .headerTop .search input { width: 100%; height:44px; margin: 0 95px 0 0; border:none; font-size:20px; }
#header .headerTop .search .btnSch { position:absolute; top:8px; right:4px; color:#2e2e2e; font-size:30px }
#header .headerTop .search .searchClose { position:absolute; top:0; right:-50px; line-height:55px; font-size:24px; background-color:#fff; }

/* 우측 전체메뉴 레이어 */
.allMenu {display:none;position: fixed;right:0;top:0;bottom:0;width: 250px;height:100%;z-index: 201;background:#404040;}
.allMenu .allMenuWrap { margin:40px 0 0;}
.allMenu .allMenuWrap h3 {font-size: 16px;font-weight: bold;padding: 1% 0 0.5% 1%;}
.allMenu .allMenuWrap .allMenuInner { margin: 0 auto;text-align:center; }
.allMenu .allMenuWrap .allMenuList ul {padding: 0 0 3%;}
.allMenu .allMenuWrap .allMenuList ul li span.bar { display: block; width: 1px; height: 10px; background: #777676; margin: 20px auto;}
.allMenu .allMenuWrap .allMenuList ul li a {padding-left:5px;font-size:14px;height:34px;line-height:34px;color: #c5c5c5;}
.allMenu .allMenuWrap .allMenuList ul li a:hover { color: #eee;}
.allMenu .allMenuWrap .closeBtn {display: block;margin: 0 0 40px;font-size: 24px; text-align:center;color:#fff; }

/* 카테고리 */
#header .headerGnb .cateWrap {position: relative; margin:0 auto;text-align:center; }
#header .headerGnb .cateWrap:after {content:"";display:block;clear:both;}
#header .headerGnb .cateWrap a:hover { color:#8c8c8c; }
#header .headerGnb .cateWrap .tmenu {position: relative;display: inline-block; padding:0 15px;}
#header .headerGnb .cateWrap .tmenu a { font-size:15px; line-height:53px; }
#header .headerGnb .cateWrap .tmenu .depth2 { display:none; position: absolute;background: #fff;top:53px;left: 50%;width: 110px;margin-left: -55px;padding: 10px 0; z-index: 97;text-align:center;border:1px solid #cdcdcd;border-top:none;}
#header .headerGnb .cateWrap .tmenu .depth2 li a {font-size: 13px; line-height: 24px; }

/* 위로가기 버튼 */
.topBtn { position:fixed;bottom:40px;right:105px; z-index:200; display:block; background:transparent; text-align:center; }
.topBtn i, 
.downBtn i { vertical-align:top; line-height:34px;color:#c5c5c5; font-size:22px }
.topBtn:hover,
.downBtn:hover {-webkit-transition: all 0.3s ease; transition: all 0.3s ease;color:#fff; }
.downBtn { position:fixed;bottom: 12px;right:105px; z-index:200; display:block; background:transparent; text-align:center; }
/* BASIC css end */