/* 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 { margin-top:-95px; position:fixed; top:0; left:0; right:0; z-index:102 }

#tnb { position:relative; height:35px }
#tnb ul { display:table; width:100% }
#tnb ul li { display:table-cell; width:25% }
#tnb ul li a { display:block; font-size:12px; line-height:35px; text-align:center }

#gnb { position: relative; width:100%; height:60px }
#gnb .logo { margin-left:-45px; position:absolute; top:12px; left:50% }
#gnb .logo a { display:block; font-size:30px; font-weight:bold; line-height:30px; letter-spacing:-1px }
#gnb p.asideOpen { position:absolute; top:15px; left:10px; width:25px; height:25px; color:#000; line-height:27px; text-align:center; font-size:24px; z-index:999 }
#gnb .searchBtn { position:absolute; top:18px; right:10px; width:25px; height:25px; color:#000; line-height:27px; text-align:center; font-size:24px; z-index:999 }
 
.headerMenu { height:40px; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } 
.headerMenu .swiper-container { position:relative; padding:0 30px; height:40px }
.headerMenu .swiper-container .swiper-wrapper .swiper-slide { text-align:center }
.headerMenu .swiper-container .swiper-wrapper .swiper-slide a { display:block; height:40px; line-height:38px }
.headerMenu .swiper-container .swiper-button-next { margin:0; top:0; right:0; width:30px; height:40px; font-size:22px; color:#fff; text-align:center; line-height:40px; background:#c8c8c8 }
.headerMenu .swiper-container .swiper-button-prev { margin:0; top:0; left:0; width:30px; height:40px; font-size:22px; color:#fff; text-align:center; line-height:40px; background:#c8c8c8 }
.headerMenu .swiper-container .swiper-button-disabled { opacity:1 }
 
/* 사이드 메뉴 */
aside { position:fixed; top:0; left:-100%; right:0; width:75%; height:100%; background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:1001 }
aside .inner { padding:15px 10px }
aside .loginInfo { text-align:center }
aside .asideTop { margin:15px 0 15px; position:relative; height:28px; border:1px solid #404040 }
aside .asideTop li { float:left; width:50% }
aside .asideTop li a { display:block; font-weight:bold; line-height:28px; text-align:center }
aside .asideTop li a.black { color:#fff; background:#404040 }

aside .asideQuick { margin-bottom:16px; border:1px solid #dedede }
aside .asideQuick ul { *zoom:1 }
aside .asideQuick ul:after { display:block; clear:both; content:'' }
aside .asideQuick ul li { margin-left:-1px; float:left; width:33.33%; border-left:1px solid #dedede }
aside .asideQuick ul li a { display:block; height:61px; color:#8d8d8d; text-align:center }
aside .asideQuick ul li a i { margin-top:10px; font-size:26px }

aside .asideTab { position:relative }
aside .asideTab ul { *zoom:1 }
aside .asideTab ul:after { display:block; clear:both; content:'' }
aside .asideTab ul li { float:left; width:50% }
aside .asideTab ul li a { display:block; height:32px; font-size:13px; color:#8d8d8d; font-weight:bold; line-height:32px; text-align:center; border-bottom:1px solid #000 }
aside .asideTab ul li a.act { height:31px; font-size:13px; color:#212121; line-height:31px; border:1px solid #000; border-bottom:1px solid #fff }

aside nav li {border-bottom:1px solid #ccc; position:relative;}
aside nav li a {display: block; height: 35px; line-height:35px; padding:0 0 0 5px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
aside nav li .fa {position: absolute; top:0; right: 0; width:25px; font-size:16px; text-align: center; height:35px; line-height:35px;}
aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #6e6e6e;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 10px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}

#asideClose { position:fixed; top:13px; left:-100%; width:36px; height:36px; font-size:20px; color:#fff; text-align:center; line-height:36px; z-index:1001 }


/* BASIC css end */