/* BASIC css start */
#header {z-index:100;position:fixed;top:0;left:0;right:0;height: 80px;background: #fff;    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.28); }

#header .headerGnb {position:relative;min-width:1200px;}
#header .headerGnb .logoArea { position:absolute; left:80px; top:10px; z-index:10}
#header .headerGnb .logoArea .logo a { font-size:34px; font-weight:700; color:#2d2d2d; }

/* 카테고리 */
#header .headerGnb .cateWrap {text-align:center;position: relative; float: right;}
#header .headerGnb .cateWrap:after {content:"";display:block;clear:both;}
#header .headerGnb .cateWrap a:hover { color:#929292 }
#header .headerGnb .cateWrap .tmenu {position: relative;display: inline-block; padding:0 15px;}
#header .headerGnb .cateWrap .tmenu a { font-size:14px; line-height:81px;  }
#header .headerGnb .cateWrap .tmenu.xiUser a { font-size:30px; }
#header .headerGnb .cateWrap .tmenu .depth2 { display:none; position: absolute;background: #fff;top:80px;left: 50%;width: 118px;margin-left: -60px;padding: 10px 0; z-index: 97; border:1px solid #cfd0d1; border-top:0;    }
#header .headerGnb .cateWrap .tmenu .depth2 li a {font-size: 14px; line-height: 26px; font-weight: 400; }
#header .headerGnb .cateWrap .tmenu .depth2 li a:hover {text-decoration:underbar; color:#2d2d2d; }
#header .headerGnb .menuAllBtn { position:absolute; top:0; left:0; width:80px; height:80px; font-size:30px; text-align:center; line-height:80px; cursor:pointer }

#header .headerGnb .searchOpen { top:10px; right:5px; font-size:30px; text-align:center; cursor:pointer }
#header .headerGnb .search { display:none; position:absolute; top:10px; right:60px; width:240px; height:44px; background-color: #fff; border-bottom:2px solid #2e2e2e;  z-index:10; }
#header .headerGnb .search input { width: 100%; height:44px; margin: 0 95px 0 0; padding-left: 15px; border:none; font-size:14px; }
#header .headerGnb .search .btnSch { position:absolute; top:12px; right:4px; color:#2e2e2e; font-size:24px }
#header .headerGnb .search .searchClose { position:absolute; top:0; right:-40px; line-height:55px; font-size:28px; background-color:#fff; }


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

/*게시판 리스트 */
#asideMenu { position:fixed; top:0; right:-400px; width:240px; height:100%; background:#fff; -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); z-index:200; box-shadow: -3px 0px 3px rgba(135,135,135,0.1); }
#asideMenu .inner { margin:35px 32px 0 26px; position:relative }
#asideMenu .asideList { position: relative; margin: 20px auto 20px;overflow: hidden;    border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
#asideMenu .asideList li { float: left;  width: 89px;  margin-bottom: -1px;margin-left: -1px;border: 1px solid #ddd;}
#asideMenu .asideList li a { display:block;  text-align:center;height: 26px;line-height: 26px;  font-size: 11px;color: #333; }
#asideMenu .asideList li a:hover{background:#dfdfdf;}
#asideMenu .asideList li a.login { color:#fff; background:#424242; }
#asideMenu .asideList li a.join { color:#424242; background:#fff;}
#asideMenu .asideSnsList {position: relative; margin: 20px auto 0px;overflow: hidden; }
#asideMenu .asideSnsList li{float: left;  width: 89px; }
#asideMenu .asideSnsList li a{display:block;  text-align:center;height: 26px;line-height: 26px; }
#asideMenu .asideSnsList li a.facebook{ color:#fff; background:#4267b2;}
#asideMenu .asideSnsList li a.kakao{ color:#f5e433; background:#3a2c23;}
#asideMenu .asideSnsList li a.naverTalk{ color:#fff; background:#3ac848; }
#asideMenu .asideSnsList li a.insta{ color:#fff; background:#595ed4; }

/* 고객센터 */
#asideMenu .infoWrap { position: relative;  overflow: hidden; width: 100%;}
#asideMenu .infoWrap .list{ margin-top: 30px;}
#asideMenu .infoWrap .title{ display: block;  padding: 10px 0px;}
#asideMenu .infoWrap .csNumber { display: block; font-size: 16px; font-weight: bold;}
#asideMenu .infoWrap .subTxt { }

#asideMenu .searchArea {position: relative;height: 30px; border-bottom:1px solid #2d2d2d}
#asideMenu .searchArea form { position: relative; height: 30px; }
#asideMenu .searchArea input {position:relative;z-index:2;height: 25px;width: 140px;;background-color:#fff;padding:0 28px 0 10px; border:0px;}
#asideMenu .searchArea input:focus {background-color: #eaeaea; border:1px solid #eaeaea;}
#asideMenu .searchArea .searchBtn {position:absolute;top: 0;right:1px;width:28px;height:28px;z-index:2;text-align:center;line-height:1;font-size:18px;color:#292929;display:block;}
#asideMenu .searchArea .searchBtn i {padding-top: 4px;}


/* 위로가기 버튼 */
.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; }
/* BASIC css end */