@charset "utf-8";

@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 (max-width:1300px){
#gnb .gnb_1dli .gnb_1da{padding:0 15px;}
}

@media all and (max-width:1250px){
#gnb .gnb_1dli .gnb_1da{padding:0 5px; font-size:13px;}
}

@media all and (max-width:1200px){
#gnb .gnb_1dli .gnb_1da{padding:0 8px;}
}

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

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

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

#topSpacer{height:50px;}

/* 검색 */
.allSchBoxWr{display:block !important;}
#btnSchbox{position:fixed; right:60px; top:5px; width:50px;height:50px;line-height:50px; padding:0px; font-size:18px; text-align:center; z-index:99;}
#allSchBox{position:fixed;top:50px; right:0px;left:0px; margin-top:0px; padding:10px; background:#333;z-index:999;}
#allSchBox fieldset{border-radius:25px; width:100%; margin-right:50px;border-radius:0;}
.allSchBoxWr #btnSchbox{margin-top:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.allSchBoxWr.on #btnSchbox{margin-top:50px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

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

.bNBarMwWrap{width:70%; margin:0 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;}
.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;}
.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:#000; font-size:20px; background:#fff;position:fixed; right:15px; top:27px; z-index:9999; border-radius:2px;}
#hd.fix_hd #snbOpen {background:#000; color:#fff;}

#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;}
#snbMvArBottom .tel{margin:15px; padding:15px 0 15px 20px; background:url("/img/layout/mobile_cus_tel.png") 20px 20px no-repeat; border-radius:2px; line-height:20px; font-size:18px; font-family:notokrM; border:2px solid #ccc; letter-spacing:-0.01em; }
#snbMvArBottom .tel span{font-size:16px; color:#666; line-height:20px;}
#snbMvArBottom .tel a{color:#333;}
#snbMvArBottom .tel a:hover{color:#000;}

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

@media all and (max-width:850px){
/* 타이틀바 */
#page_title .page_title_in {padding:50px 10px; text-align:center;}
#page_title .page_title_in h2{text-align:center;}
}

@media all and (max-width:650px){
/* 타이틀바 */
#page_title .page_title_in{padding:30px 10px;}
#page_title .page_title_in h2 strong{font-size:18px;height:30px;}
#page_title .page_title_in h2 .locationBar span{font-size:10px;}

/* 하단 */
#footer > dl > dd a,
#footer address {font-size:11px;letter-spacing:-0.05em;}
#footer address em{display:none;}
#footer p span{display:none;}
}

@media all and (max-width:420px){
/* 타이틀바 */
#page_title {background-size:auto 100%;}
}