/* BASIC css start */
.menu_on { height:100%; overflow:hidden;}
.menu_off {height:auto;overflow:initial}

#mask {width:100%;height:100%;position:fixed;top: 0;left:0;right:0;bottom:0;background-color: #111;z-index:1000;display:none;opacity: 0.7;}

#header { position:fixed; width:100%; z-index:101;background-color: #fff; }
#header .gnbWrap { position:relative; height:52px; }
#header .gnbWrap.fix { background:rgba(255,255,255,1);height:92px; -webkit-transition:background-color 0.4s; transition:background-color 0.4s }
#header .gnbWrap.fix #gnb .myMenu { display:block; }

#gnb { position:fixed; top:0; left:0; right:0; height:52px; width:100%;  }
#gnb .myMenu { display:none; }
#gnb .myMenu li { float:left; width:20%;text-align:center; padding:10px 0 6px;}
#gnb .gnbact { position:relative; height:52px }
#gnb .gnbact .logo { height:52px; line-height:52px;text-align:center; }
#gnb .gnbact .logo a { font-size:26px; color:#2e2e2e;font-weight:bold; }
#gnb .gnbact p { font-size:25px; color:#2e2e2e; line-height:57px; text-align:center }
#gnb .gnbact .search { position:absolute; top:0; right:0; width:52px; height:52px }
#gnb .gnbact .search .searchBox { display:none; }
#gnb .gnbact .search .btn_search { display:inline-block; width:52px; height:52px; font-size:25px; color:#2e2e2e; line-height:57px; text-align:center }
#gnb .gnbact p.menuOpen { position:absolute; top:0; left:0; width:52px; height:52px; }

#header .searchArea {height: 65px;background:rgba(255,255,255,1);text-align:center;display:none;z-index:10;}
#header .searchArea .searchBox {width:100%;padding:2% 0 0;}
#header .searchArea .searchBox input {width: 80%;height: 34px;border-width: 0 0 1px 0;border-color: #111;background: transparent; font-size: 14px; font-weight: bold;}
#header .searchArea .btn_search {position: absolute;right: 7%;text-align:center;}
#header .searchArea .btn_search i {width:45px;height: 30px;line-height: 30px;font-size: 24px;}

/* 사이드 메뉴 */
.leftMenu{-webkit-transition:all 0.3s;transition:all 0.3s;position:fixed;top:0;left: -100%;width:100%;bottom:0;height:100%;background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch;z-index:1001;}
.leftMenu.on{left: 0;}
.leftMenu.on .shadow{display:block;}
.leftMenu .menuCnt{position:absolute;top:0;left: 0;bottom:0;z-index:1;width:100%; box-sizing:border-box;background-color: #404040;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.leftMenu .shadow{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.75);}
.leftMenu .asideClose{position:absolute;top: 5px;left: 86%;bottom:0;z-index:1;width: 50px;height: 50px;line-height: 50px;box-sizing:border-box;color:#fff;font-size:24px;text-align:center;}

/* 사이드 메뉴 */
aside .inner { padding:8% 14%; }
aside .inner .logo a { font-size:26px; color:#2e2e2e;font-weight:bold; }
aside .asideTop { margin:8% 0; position:relative; height:35px;}
aside .asideTop li { position:relative; float:left; width:48% }
aside .asideTop li a { display:block; font-weight:bold; line-height:35px; text-align:center }
aside .asideTop li a.black { color:#2c2c2c; background:#fff; border:1px solid #2c2c2c; }
aside .asideTop li:nth-child(2) {float:right; }
aside .asideTop li:nth-child(2) a { color:#6b6b6b; background:#fff; border:1px solid #6b6b6b; }

aside .asideQuick ul { *zoom:1; border-bottom:3px solid #383838; padding:0 0 15px; }
aside .asideQuick ul:after { display:block; clear:both; content:'' }
aside .asideQuick ul li { margin-left:-1px; float:left; width:25% }
aside .asideQuick ul li a { display:block; text-align:center; color:#878787; }
aside .asideQuick ul li a i { margin-top:10px; font-size:30px;color:#1d1d1d; }

aside .asideCate { position:relative }
aside .asideCate ul { padding-top:10px }
aside .asideCate ul li { height:32px; line-height:32px }
aside .asideCate ul li a { font-size:14px }
aside .asideCate ul.community { border-top:2px solid #d6d6d6; border-bottom:1px solid #d6d6d6; margin: 10px 0 20px; padding: 10px 0; }
aside .asideCate ul.community  li a { color:#7f7f7f;}

aside .inner .cscenter { }
aside .inner .cscenter dt { font-size:18px; font-weight:bold; }
aside .inner .cscenter dd a.telBtn { width:100%; height:35px; background-color:#000; color:#fff; text-align:center; line-height:35px; margin:7px 0 0; display:block; }
#asideClose { position:absolute; top:35px; right:12%; font-size:24px; cursor:pointer }

.btn_toggle_area {display: none;position: fixed;bottom: 76px;right: 49px;z-index: 100;}
.btn_toggle_area a {display: block;width: 36px;height: 36px;line-height: 38px;color:#111;font-size: 18px;text-align: center;background-color: rgba( 255, 255, 255, 0.8 );border:1px solid #ddd;border-radius: 100%;}
.btn_toggle_area a.btn_up {position: absolute;bottom: 42px;}
.btn_toggle_area a.btn_down { position: absolute; bottom: 0; }
/* BASIC css end */