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

#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; z-index:1000; opacity:0.7 }
#wrap { position:relative; width:100%; min-width:320px; overflow:hidden }
#header { position:relative; width:100%; background:#fff; z-index:101 }
#header.act { position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,0.8); z-index:102 }

#gnb { position: relative; width:100%; height:60px }
#gnb .logo { text-align:center; -webkit-transition:all 0.3s ease;transition:all 0.3s ease }
#gnb .logo a { display:block; height:60px; line-height:60px; font-size:29px; color:#2f2f2f }
#gnb .logo a span { font-weight:bold }
#gnb p.asideOpen { position:absolute; top:0; left:0; width:55px; height:60px; font-size:28px; color:#000; line-height:60px; text-align:center; z-index:999 }
#gnb ul { position:absolute; top:0; right:10px; z-index:999 }
#gnb ul li { float:left; position:relative }
#gnb ul li a { display:block; width:40px; height:60px; font-size:28px; color:#000; text-align:center; line-height:60px }
#gnb ul li a .num { padding:2px 5px; position:absolute; top:14px; right:0; font-size:14px; color:#fff; line-height:14px; border-radius:100%; background:#ff0000 }

#gnb .search { display:none; position:absolute; top:60px; left:0; right:0; height:53px; background:#fff; z-index:999 }
#header.act #gnb .search { background:rgba(255,255,255,0.8); }
#gnb .search .searchBox { padding:8px 61px 5px 15px }
#gnb .search .searchBox input { width:100%; height:37px; border:1px solid #c3c3c3; border-right:none; outline:none }
#gnb .search .searchBox a { position:absolute; top:8px; right:15px; width:46px; height:37px; font-size:25px; color:#fff; text-align:center; line-height:37px; background:#383838 }
 
/* 사이드 메뉴 */
.asideClose { position:fixed; top:14px; left:-75%; width:38px; height:38px; color:#fff; text-align:center; line-height:38px; z-index:1001 }
.asideClose i { font-size:30px }
aside { position:fixed; top:0; left:-75%; right:0; width:75%; height:100%; background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:1001 }
aside .asideMsg { padding:20px 20px 10px; font-size:13px }
aside .asideMsg span { font-weight:bold }
aside .asideTop { padding:0 20px; position:relative }
aside .asideTop ul { *zoom:1 }
aside .asideTop ul:after { display:block; clear:both; content:'' }
aside .asideTop ul li { float:left; width:50%; height:30px }
aside .asideTop ul li a { display:block; height:30px; font-size:13px; color:#fff; text-align:center; line-height:30px; background:#8c8c8c }
aside .asideTop ul li.black a { background:#383838 }

aside .asideQuick { padding:20px 10px 20px 5px }
aside .asideQuick ul { *zoom:1; overflow:hidden }
aside .asideQuick ul:after { display:block; clear:both; content:'' }
aside .asideQuick ul li { margin-left:-1px; position:relative; float:left; width:33.33%; border-left:1px solid #d8d8d8 }
aside .asideQuick ul li .num { padding:2px 5px; position:absolute; top:0; left:50%; font-size:14px; color:#fff; line-height:14px; border-radius:100%; background:#ff0000 }
aside .asideQuick ul li a { display:block; text-align:center }
aside .asideQuick ul li a i { font-size:28px }
aside .asideQuick ul li a .tx { display:block }

aside .asideNav { *zoom:1 }
aside .asideNav:after { display:block; clear:both; content:'' } 
aside .asideNav .navList { position:relative }
aside .asideNav .navList h3 { padding:0 20px; height:36px; font-size:14px; color:#8d8d8d; font-weight:bold; line-height:36px; border-top:2px solid #383838; border-bottom:1px solid #d6d6d6 }
aside .asideNav .navList ul { padding:10px 0 }
aside .asideNav .navList ul li { height:30px; line-height:30px }
aside .asideNav .navList ul li a { padding:0 20px; font-size:13px; font-weight:bold }
/* BASIC css end */