@charset "utf-8";

/* 디바이스 981px 이상에서 적용*/
@media all and (min-width:981px){
html,body{overflow:auto;}
html.ovfH,body.ovfH{overflow:auto;}
#snbOpen,
#sideBarCover,
#snbMvAr,
#snbMvArBottom{display:none;}
.bNBarMwWrap{display:none;}
}


@media all and (min-width:981px){
#topSpacer, .bNBar{display:none;}
}

@media all and (max-width:980px){
html.ovfH,body.ovfH{overflow:hidden;}
.mobileNone{display:none;}

#hd .allmenu_btn,
.gnb_1dli{display:none;}

#topSpacer{height:50px;}


/* 서브바 모바일 네비 */
.bNBar{display:none;}
.bNBarMwWrap{display:block;}

.bNBarMwWrap{width:90%; margin:0 auto -20px  auto; position:relative; z-index:1;}
.bNBarMwWrap button{display:none; position:absolute; top:0px; left:0px; right:0px; width:100%; background:rgba(0,0,0,0.05); border:0px; height:36px; line-height:36px; overflow:hidden;}
.bNBarMwWrap button i{display:block; width:38px; height:35px; text-align:center; line-height:35px; color:#666; float:right;}
.bNBarMwWrap button.on{display:block; z-index:2;}
.bNBarMwWrap button#mwsbtClose{background:rgba(0,0,0,0.2);}

.bNBarMw h2 sub,
.bNBarMw em{display:none;}
.bNBarMw li a b i{display:block; float:right; height:35px; line-height:35px;}
.bNBarMw {height:35px; margin-top:-18px;}
.bNBarMw > li{display:none;}
.bNBarMw > li.active{display:block;}
.bNBarMw > li h2{width:100%; }
.bNBarMw > li h2 a{display:block; height:35px;line-height:35px; overflow:hidden; padding:0 15px; background:#fff;border:1px solid #ddd; font-size:18px;}
.bNBarMw > li ul{width:100%;display:none;}
.bNBarMw.on > li ul{display:block; box-shadow:0px 0px 15px 5px rgba(0,0,0,0.3); position:relative; z-index:1;}
.bNBarMw > li ul li{}
.bNBarMw > li ul li a{display:block; height:35px; line-height:35px; overflow:hidden; padding:0 15px; background:#fff;border:1px solid #ddd; margin-top:-1px; font-size:14px;}
.bNBarMw > li ul li.active a{border-left:3px solid #000;}
.bNBarMw > li:after{content:'';clear:both;}

/*모바일 메뉴 */
#snbOpen{display:block; width:50px; height:37px; line-height:36px; text-align:center; color:#fff; font-size:20px; background:#000; position:absolute; right:10px; top:22px; z-index:9999; border-radius:5px;}

#snbMvAr{display:block; position:absolute; left:0px;top:0px;right:0px; border-bottom:1px solid #f2f2f2;}
#snbMvAr a#btnHome{background:#fff; padding:0 15px; font-size:14px;height:50px; line-height:50px;}
#snbMvAr a#snbClose{background:#000;border-left:1px solid #f2f2f2;width:50px; height:50px; line-height:50px; text-align:center; color:#fff;font-size:18px; position:absolute;top:0px; right:0px;}

#sideBarCover{display:none;background:rgba(0,0,0,0.6);position:fixed; left:0px; top:0px; bottom:0px;right:0px; z-index:999999;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#sideBarCover.on{display:block;}

#sideBar{display:block; position:fixed; right:-281px; top:0px; bottom:0px; z-index:9999999; width:280px; overflow:auto; background:#fff;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#sideBar.on{right:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#sideBar #snb {margin-top:50px;}
#sideBar #snb .snb{display:block !important;border-bottom:1px solid #f2f2f2;position:relative;}
#sideBar #snb .snb > h2{position:relative;}
#sideBar #snb .snb > h2 a{padding:0 15px; height:50px; line-height:50px; text-align:left; color:#000;background:#fff;}
#sideBar #snb .snb > h2 a b{font-size:14px;padding-right:50px;}
#sideBar #snb .snb > h2 a sub{display:none;}
#sideBar #snb .snb.active > h2{border-left:3px solid #000;}

#sideBar #snb .snb .snb2dDown{display:block;position:absolute; right:0px; top:0px; height:50px;width:50px;overflow:hidden;}
#sideBar #snb .snb .snb2dDown i,
#sideBar #snb .snb .snb2dDown u{text-decoration:none;text-align:center; width:30px; height:30px; line-height:30px; font-size:20px; margin:10px;border-radius:50%;}
#sideBar #snb .snb .snb2dDown i{display:block;background:#efefef;color:#999;}
#sideBar #snb .snb .snb2dDown u{display:none; background:#efefef;color:#000;}
#sideBar #snb .snb.show .snb2dDown i{display:none;}
#sideBar #snb .snb.show .snb2dDown u{display:block;}

#sideBar #snb .snb > ul{display:none;} 
#sideBar #snb .snb > ul > li{border-top:1px dashed #ddd;border-bottom:0px;}
#sideBar #snb .snb > ul > li a{padding:10px 10px 10px 15px;}
#sideBar #snb .snb > ul > li a b{font-size:12px;  color:#999;}
#sideBar #snb .snb > ul > li a b i{display:none;}
#sideBar #snb .snb > ul.snb2dul > li.active a{background:#e8e8e8;}
#sideBar #snb .snb.active > ul.snb2dul{display:block;}

#sideBar #snb li.noInfoPageTit,
#sideBar #snb li.noInfoPageTit.active{display:none !important;}
.snbCS{border:0px;}

.snbMvArBtn{height:50px; overflow:hidden;position:absolute; right:50px; top:0px; padding:10px;}
.snbMvArBtn a{display:inline-block; padding:5px 7px;border:1px solid #ddd;border-radius:3px; font-size:11px;}
#snbMvArBottom{border-top:1px dashed #efefef; padding:10px; text-align:center;}
#snbMvArBottom a{display:inline-block; padding:5px 10px;border:1px solid #ddd;border-radius:3px;}

/* 중간 레이아웃 */
#ctWrap{ margin:15px auto;}
#container{width:auto;float:none; padding:15px; width:auto; float:none; width:96%; margin:30px 2% 0 2%}
}