/* BASIC css start */
/* BASIC css start */
/* 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:17px; z-index:10 } 
#header .headerGnb .logoArea .logo a { font-size:34px; font-weight:700; color:#2d2d2d; line-height:1; } 
#header .headerGnb .logoArea .logo a img { width:120px; } 

/* 카테고리 */
#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 19px; } 
#header .headerGnb .cateWrap .tmenu a {font-size: 16px;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:8px; right:4px; color:#2e2e2e; font-size:24px } 
#header .headerGnb .search .searchClose { position:absolute; top:0; right:-40px; line-height:44px; font-size:28px; background-color:#fff; } 


/* 전체메뉴 레이어 */
.allMenu {display:none;background:#fff;position: fixed;right: 0;top: 80px;width: 100%;height: auto;z-index: 201;padding: 0 0 20px;box-shadow: 0px 13px 13px rgba(0, 0, 0, 0.28) !important;} 
.allMenu .allMenuWrap { display: block; width: 548.91px; float: right; padding: 0 19px; box-sizing: border-box; } 
.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 { display: flex; justify-content: flex-start; } 
.allMenu .allMenuWrap .allMenuList:after { display:block; clear:both; content:'' } 
.allMenu .allMenuWrap .allMenuList dl { } 
.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 {margin-bottom: 12px;} 
.allMenu .allMenuWrap .allMenuList dl dd a { display: block; color: #777; font-size: 14px; text-align: left; } 
.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; } 

.btn_kakao { position:fixed; bottom: 75px; right:23px; z-index:200; display:block; width:48px; height:48px; text-align:center; } 
.btn_kakao img { width:100%; } 

/* 위로가기 버튼 */
.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 */


/* BASIC css end */


/* BASIC css end */