/* 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 }
#gnb.act { position:fixed; top:0; left:0; right:0; background:#fff; z-index:102;  }

#header .tnb { background-color:#f1f1f1; height:34px; line-height:34px; text-align:center; }
#header .tnb li { display:inline-block; width:19%; }

#gnb { position: relative; width:100%; height:65px }
#gnb .logo { margin-left:50px; }
#gnb .logo a { display:block; height:65px; line-height:65px; font-size:25px; color:#2f2f2f; font-weight:bold; }
#gnb .logo a span { font-weight:bold }
#gnb p.asideOpen { position:absolute; top:5px; 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 { position:absolute; top:2px; right:0; width:55%; height:53px; background:#fff; z-index:999 }
#gnb .search .searchBox { padding:8px 0 5px;}
#gnb .search .searchBox input { width:80%; margin: 5px 0 0; border-bottom:2px solid #2e2e2e !important; border:none; outline:none }
#gnb .search .searchBox a { position:absolute; top:14px; right:13px; height:37px; font-size:28px; color:#2e2e2e; text-align:center; line-height:37px; }
 
/* 메인 상단 메뉴 */
#column_tm { position:relative; font-size:0; background-color:#3a3a3a; }
#column_tm a { display:inline-block; margin-left:-1px; width:20%; height:33px; font-size:12px; text-align:center; line-height:33px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; color:#fff; }

/* 사이드 메뉴 */
.asideClose { position:fixed; top:14px; left:-75%; width:38px; height:38px; color:#fff; text-align:center; line-height:38px; z-index:1002 }
.asideClose i { font-size:30px }
aside { position:fixed; top:0; left:-100%; right:0; width:100%; height:100%; background:rgba(0,0,0,0.8); overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:1001 }
aside .asideQuick { padding:45px 45px 0; }
aside .asideQuick ul { overflow:hidden }
aside .asideQuick ul li { margin-right:3.5%; position:relative; float:left; width:22.3%; }
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; background-color:#eee; border-radius:10px; color:#4d4d4d; height:60px; padding-top:11px; }
aside .asideQuick ul li a i { font-size:28px }
aside .asideQuick ul li:last-child { margin-right:0; }

aside .asideNav .navList { position:relative }
aside .asideNav .navList ul { padding:50px 45px 0 }
aside .asideNav .navList ul li { line-height:35px; padding: 8px 0 0; border-bottom: 1px solid #757575; }
aside .asideNav .navList ul li a { font-size:13px; color:#fefefe; }
aside .asideNav .boardList ul { padding:10px 45px 0 }
aside .asideNav .boardList ul li { line-height:35px; padding: 8px 0 0; }
aside .asideNav .boardList ul li a { font-size:13px; font-weight:bold; color:#b8b8b8; }
aside .asideNav .boardList ul li:last-child { border-bottom: 1px solid #757575; }
/* BASIC css end */

