/* 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:#000;z-index:1000;display:none;opacity: 0.8;}
#wrap {position:relative;width:100%;min-width:320px;overflow:hidden}
#header { position:fixed; top:0; left:0; right:0; width:100%; z-index:101 }

#gnb { height:52px; background:#000; -webkit-transition:background-color 0.5s; transition:background-color 0.5s }
#gnb.fix { background:#000; border:none !important; -webkit-transition:background-color 1s; transition:background-color 1s }
#gnb .logo { margin-left:-40px; position:absolute; top:0; left:50%; width:80px; text-align:center; z-index:10; -webkit-transition:all 0.3s ease;transition:all 0.3s ease }
#gnb .logo img { width:80px; height:52px }
#gnb p.asideOpen { position:absolute; top:11px; left:5px; width:28px; height:28px; font-size: 20px; color:#fff; line-height:28px; text-align:center; z-index:9999 }
#gnb p.searchBtn { position:absolute; top:11px; right:5px; width:28px;height:28px; font-size: 20px; color:#fff; line-height:28px; text-align:center; z-index:9999 }

#header .searchArea { display:none; padding:5px; height:30px; background:#000 }
#header .searchArea.fix { background:#000 }
#header .searchArea .search { position:relative; height:28px; border:1px solid #000; background:#fff }
#header .searchArea .search .searchBox { margin-right:33px; height:28px }
#header .searchArea .search .searchBox .MS_search_word { padding:0 1%; width:98%; height:28px; vertical-align:middle; border:none; outline:none }
#header .searchArea .search .btn_search { display:block; position:absolute; top:0; right:0; width:33px; height:28px; font-size:20px; text-align:center; line-height:24px }

/* 사이드 메뉴 */
aside { position:fixed; top:0; left:-100%; width:100%; height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:1001 }
aside .asideTop { position:relative; height:46px }
aside .asideTop .asideClose { position:absolute; top:7px; left:5px; width:28px; height:28px; font-size: 20px; color:#fff; line-height:28px; text-align:center }
aside .asideTop .logo { margin-left:-37px; position:absolute; top:0; left:50%; width:74px; text-align:center; z-index:10; -webkit-transition:all 0.3s ease;transition:all 0.3s ease }
aside .asideTop .logo img { width:80px; height:46px }
aside .asideContent { margin:0 10px; background:#fff }
aside .asideContent .asBx { height:75px; background:#e9e9e9 }
aside .asideContent .asBx ul { *zoom:1 }
aside .asideContent .asBx ul:after { display:block; clear:both; content:'' }
aside .asideContent .asBx ul li { float:left; width:25% }
aside .asideContent .asBx ul li a { display:block; height:75px; text-align:center }
aside .asideContent .asBx ul li a i { margin-top:18px; font-size:20px }
aside .asideNav { height:30px; text-align:center; font-size:0 }
aside .asideNav a { display:inline-block; width:50%; height:30px; font-size:13px; color:#fff; font-weight:bold; line-height:30px; background: #c8c8c8 }
aside .asideNav a .fa {margin-top:10px;}
aside .asideNav a.act {color: #333;background: #fff;border-bottom: 1px solid #fff;}
aside .navCategory {  }
aside nav li { margin-top:-1px; position:relative }
aside nav li a { display:block; height:30px; line-height:30px; padding:0 40px 0 20px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
aside nav li:first-child a { border-top:none }
aside nav li .fa {position: absolute; top:0; right: 0; width:40px; text-align: center; height:30px; line-height:30px; z-index:10 }
aside nav li > ul { display:none;}
aside nav li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > a {padding:0 40px 0 30px; margin: 0;  border-top:none; border-bottom:none }
aside nav li > ul > li > ul {border-top:0px none;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li > a {padding:0 0 0 45px;margin: 0;  border-top:none; border-bottom:none}

aside .asideBottom { padding:20px; background: #e9e9e9 }
aside .asideBottom dt { font-size:15px; color:#373737; font-weight:bold }
aside .asideBottom dd { padding:5px 0 10px; color:#373737 }
aside .asideBottom p { text-align:center }
aside .asideBottom p a { display:inline-block; width:40%; height:22px; color:#fff; line-height:21px; text-align:center; background:#373737  }

aside .navCommunity {display:none;}

/* //카테고리 */

/* BASIC css end */