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

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

/* 카테고리 */
#header .headerGnb .cateWrap {text-align:center;position: relative;     margin-right: 150px; 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:15px; line-height:81px;    font-weight: 600; }
#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 .rtOpenBtn { position:absolute; top:0; right:0; width:80px; height:80px; font-size:32px; text-align:center; line-height:80px; cursor:pointer }
#header .headerGnb .cateWrap .logBtn{   }
#header .headerGnb .cateWrap .logBtn a{line-height:40px; display:block; border: 1px solid #2d2d2d; padding: 0 30px;  }
#header .headerGnb .cateWrap .logBtn a:hover{background:#2d2d2d; color:#fff}

/* 우측메뉴 */
#asideMenu { position: fixed; right:-470px; top: 0; height: 100%; background-color: #fff; width: 200px; z-index:100;     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.28); }

/* 우측 고정 롤링 배너 */
#asideMenu .astSliderWrap { position: relative; width: 182px; height: 300px; overflow:hidden; }
#asideMenu .astSliderWrap .astSlider img{width:100%;}
#asideMenu .astSliderWrap .bx-controls-direction {opacity:0; position:absolute;top:50%;width:100%; z-index:60;text-align:center;}
#asideMenu .astSliderWrap:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#asideMenu .astSliderWrap .bx-prev, #asideMenu .astSliderWrap .bx-next{position:absolute;top:0;margin-top:-13px;font-size:24px;display:inline-block;}
#asideMenu .astSliderWrap .bx-prev{left:2px;}
#asideMenu .astSliderWrap .bx-next{right:2px;}
#asideMenu .astSliderWrap .bx-pager{position:absolute;bottom:8px;left:0;right:0;z-index:60;text-align:center;}
#asideMenu .astSliderWrap .bx-pager-item{transition:all 0.3s ease;display:inline-block;position:relative;}
#asideMenu .astSliderWrap .bx-pager-link{display:inline-block;width:14px;height:3px;font-size:0;margin:2px;background-color: rgba(0,0,0,0.4)}
#asideMenu .astSliderWrap .bx-pager-link.active{width: 24px; background-color: rgba(0,0,0,0.8);}


/*게시판 리스트 */
#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: 25px auto 25px;overflow: hidden; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; width: 180px;}
#asideMenu .asideList li { float: left;  width: 58px;  margin-bottom: -1px;margin-left: -1px;border: 1px solid #ddd;}
#asideMenu .asideList li a { display:block;  text-align:center;height: 58px;line-height: 58px; }
#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: 50px; }
#asideMenu .asideSnsList li a{display:block;  text-align:center;height: 50px;line-height: 50px; }
#asideMenu .asideSnsList li a.facebook{ color:#fff; background:#4267b2;}
#asideMenu .asideSnsList li a.kakao{ color:#f5e433; background:#FFFFFF;}
#asideMenu .asideSnsList li a.naverTalk{ color:#fff; background:#3ac848; }
#asideMenu .asideSnsList li a.insta{ color:#fff; background:#FFFFFF; }


/* 고객센터 */
#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;}


/* 우측메뉴 버튼 */
#asideMenu .asideBtn .asideOpen { color: #fff; font-size: 32px; display: block; width: 60px; height: 60px; background-color: #414141; text-align: center; line-height: 60px;  cursor: pointer; margin-left: -60px; position: absolute; margin-top:10px}
#asideMenu .asideBtn a.topBtn { position:fixed;bottom: 0px;right:0px; z-index:999; display:block; width:50px; height:50px; background-color:#2d2d2d; text-align:center; }
#asideMenu .asideBtn a.topBtn i { vertical-align:top; margin-top:10px;color:#e9e9e9; font-size:28px }
/* BASIC css end */