@charset "utf-8"; 
/* 
	copyright(c) WEBSITE 
	모바일화면 관련 css파일입니다.
	각 넓이에 따른 스타일 설정이 가능합니다.
*/

/* 디바이스 981px 이상에서 적용*/
@media (min-width: 981px)
{
	html,body{overflow:auto; }
	html.ovfH,body.ovfH{overflow:auto; }
	#snbOpen,
	#sideBarCover,
	#snbMvAr,
	#snbMvArBottom,
	.leftMenuUseFlase #sideBar,
	.bNBarMwWrap{display:none; }
	#ctWrap{background:URL(../img/subLine.gif) repeat-y 20% top;}
	.leftMenuUseFlase #ctWrap {background:none !important;}
	.leftMenuUseFlase #container {width:100%;max-width:1100px;margin:0 auto;float:none;/*padding: 15px 0*/padding: 60px 0 60px;}

	
	.leftMenuUseFlase .contentTitle{text-align:center;}
	.leftMenuUseFlase .contentTitle strong{float:none;}
	.leftMenuUseFlase .contentTitle .locationBar{float:none;  }


	#page_title{text-align:right;}
	#page_title.on .page_title_in h2 .titleBbar {float:right;}

	.leftMenuUseFlase  #page_title{text-align:center; display: none}
	.leftMenuUseFlase  #page_title.on .page_title_in h2 .titleBbar {float:none;}

	#hd{-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
	#hd.scDown{background:#f2f2f2;margin-top: 0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#topSpacer{height: 150px;}
	.pc_br{display:block !important; }
	.pc_block{display:block !important; }
	.mobile_block{display:none !important; }
	.pc_inline-block{display:block !important; }
	.mobile_inline-block{display:inline-block !important; }

}
/* 디바이스 1100px 이하에서 적용*/
@media all and (max-width:1400px)
{
	#gnb .gnb_1dli .gnb_1da{font-size:14px; padding:0 15px;}
}
@media all and (max-width:1100px)
{
	#gnb .gnb_1dli .gnb_1da{padding:0 10px; }
}
/* 디바이스 980px 이하에서 적용*/
@media all and (max-width:980px)
{
	html.ovfH,body.ovfH{overflow:hidden; }
	.mobileNone{display:none; }

	#tnb,
	.gnb_1dli{display:none; }

	.pc_block{display:none !important; }
	.mobile_block{display:block !important; }
	.pc_inline-block{display:none !important; }
	.mobile_inline-block{display:inline-block !important; }

	#topSpacer{height:94px; }

	#gnb{position:fixed; left:0px; top:25px; width:100%; z-index:999; background:#000; }

	.allSchBoxWr{display: none !important;}
	#btnSchbox{position:fixed; right:50px; top:25px; 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; }

	#logo a{padding:0px; }
	#logo a img{height:70px; }

	#gnb .gnb_mobile{padding: 0 20px;display: block;}
	#gnb .gnb_mobile ul{display:flex;align-items:center;}
	#gnb .gnb_mobile li{position:relative;}
	#gnb .gnb_mobile li + li{margin-left:10px;padding-left:10px;}
	#gnb .gnb_mobile li + li:before{content:'';position:absolute;top:7px;left:0;width:1px;height:15px;background:#ffffff;}
	#gnb .gnb_mobile li a{color:#ffffff;/*font-size: 13px;*/ font-size: 1.5em}

	/* 좌측메뉴를 모바일전용메뉴로 */
	body #snbOpen {background: transparent !important;}
	#snbOpen,
	#snbOpen:focus{display:block;width: 56px;height: 70px;line-height:50px;text-align:center;color:#fff;font-size:24px;background:transparent !important;position:fixed;right:0px;top:25px;z-index:99999999;cursor:pointer;border:0px;outline:0;}
	#snbOpen b{display:block; width:24px; height:22px; margin:13px 15px; position:relative; overflow:hidden; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
	#snbOpen b i{display:none; width:100%; height:2px; position:absolute; right:50%; margin-right:-50%; width:100%; background:#fff; border-radius:5px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-duration: 0.2s; transition-timing-function: ease-out; }
	/*#snbOpen b i:nth-child(1){top:0px;}*/
	/*#snbOpen b i:nth-child(2){top:50%;margin-top:-1px; width:70%; right:0px; margin-right:0px; -webkit-transition-duration: 0.9s; -webkit-transition-timing-function: ease; transition-duration: 0.9s; transition-timing-function: ease;}*/
	/*#snbOpen b i:nth-child(3){bottom:0px;}*/
	.ovfH #snbOpen {margin-top:-1px;}
	.ovfH #snbOpen b i{display: none;}
	.ovfH #snbOpen b i:nth-child(1){top:50%; transform: rotate(135deg);}
	.ovfH #snbOpen b i:nth-child(2){width:1px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease; transition-duration: 0.1s; transition-timing-function: ease;}
	.ovfH #snbOpen b i:nth-child(3){top:50%; bottom:auto; transform: rotate(-135deg);}

	#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-weight:bold; font-size:14px; height:50px; line-height:50px; }
	#snbMvAr a#snbClose{background:#000; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:30px; position:absolute; top:0px; right:0px; }

	#sideBarCover{display:none;background:rgba(0,0,0,0.6);position:fixed;left:0px;top: 95px;bottom:0px;right:0px;z-index: 9997;-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;text-align:left;margin-top:0px;position:fixed; /*top: -100%;*/ top: 95px; bottom:0px;z-index: 9998;width: 100%;height: 0;overflow:auto;background:#fff;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease-out;transition-duration: 0.2s;transition-timing-function: ease;padding: 0 30px;}
	#sideBar.on{top: 96px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;height: 56vh; padding: 0 30px 20px;}
	#sideBar #sideClose{position:absolute;top:0;right: 30px;display: flex;height: 50px;width: 50px;align-items: center;justify-content: flex-end;cursor: pointer;}
	#sideBar #sideInfo{display: flex;align-items: center;flex-wrap: Wrap;margin: 0 0 20px 0;border-bottom: 4px solid #000;}
	#sideBar #sideInfo a{margin: 0 10px 0 0;line-height: 45px;font-size: 14px;font-weight: 600;}
	#sideBar #sidesearch{margin:0 0 20px 0;}
	#sideBar #sidesearch form{display:flex;border:1px solid #999;height:50px;width: 100%}
	#sideBar #sidesearch input[type="text"]{/*flex:1;*/width:calc(100% - 48px);border:0;padding:0 12px;font-size:16px;}
	#sideBar #sidesearch button[type="submit"]{width: 48px;height: 48px;outline:0;border:0;background: transparent;font-size: 24px;}
	#sideBar #sidesearch button[type="submit"] i{position:relative;top:-2px;}
	#sideBar #sidesearch p{display:flex;margin:5px 0 0 0;align-items:center;justify-content:flex-end;font-size: 11px;font-weight: bold;color: #999;}
	#sideBar #sidesearch p img{margin:0 4px 0 0}
	#sideBar #snb {padding: 0;margin: 0;border-top:1px solid #efefef;}
	#sideBar #snb .snb{display:block !important; margin:0; width:auto; border-bottom:1px solid #f2f2f2; position:relative; }
	#sideBar #snb .snb > h2{position:relative; }
	#sideBar #snb .snb > h2 a{padding: 0;text-align:left;color:#000;background:#fff;display: flex;align-items: center;height: 46px;}
	#sideBar #snb .snb > h2 a b{font-size: 17px;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: 46px;width: 46px;overflow:hidden;display: flex;align-items: center;justify-content: center;}
	#sideBar #snb .snb .snb2dDown:before{content:'';position: absolute;top:50%;left:50%;width: 20px;height:4px;border-radius:28px;background:#000;transform: translate(-50%,-50%);}
	#sideBar #snb .snb .snb2dDown:after{content:'';position: absolute;top:50%;left:50%;width: 4px;height: 20px;border-radius:28px;background:#000;transform: translate(-50%,-50%);}
	#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; background:#efefef; border-radius:50%;}
	#sideBar #snb .snb .snb2dDown i{display: none;color:#999;}
	#sideBar #snb .snb .snb2dDown u{display:none; color:#000; }
	#sideBar #snb .snb.show .snb2dDown i{display:none; }
	#sideBar #snb .snb.show .snb2dDown u{display: none;}
	#sideBar #snb .snb.show .snb2dDown:before{}
	#sideBar #snb .snb.show .snb2dDown:after{display:none;}


	#sideBar #snb .snb > ul{display:none;margin-bottom:0px;background: #000000;flex-direction: column;} 
	#sideBar #snb .snb > ul > li{/* border-top:1px dashed #ddd; *//* border-bottom:0px; */}
	#sideBar #snb .snb > ul > li + li{border-top:1px solid #eeeeee;}
	#sideBar #snb .snb > ul > li a{padding: 0 32px;display: flex;height: 46px;align-items: center;background: #000000 !important;}
	#sideBar #snb .snb > ul > li a b{font-size: 15px;color: #ffffff;}
	#sideBar #snb .snb > ul > li a b i{display:none; }

	#sideBar #snb .snb.active > ul.snb2dul > li{/* border-left:3px solid #eee; */}
	#sideBar #snb .snb > ul.snb2dul > li.active a{background: #eee !important;}
	#sideBar #snb .snb > ul.snb2dul > li.active a b{color:#333;display:block;padding: 0;background: transparent;}
	#sideBar #snb .snb.active > ul.snb2dul{display: flex;}

	#sideBar #snb li.noInfoPageTit,
	#sideBar #snb li.noInfoPageTit.active{display:none !important; }
	.snbCS{border:0px; margin:0;}
	#sideBar .quick{display:flex;margin: 20px 0;}
	#sideBar .quick a{flex:1;display:flex;height: 50px;font-size: 15px;border: 1px solid #8b8b8b;align-items:center;justify-content:center;}
	#sideBar .quick a + a{margin-left:20px;}
	
	#sideBar .snbSNSbtn{padding:20px; text-align:center;}
	#sideBar .snbSNSbtn a{display:inline-block; padding:5px 8px; border:1px solid #ddd; border-radius:3px; font-size:12px; color:#666; margin:2px;}

	.snbMvArBtn{height:51px; overflow:hidden; position:absolute; left:0px;right:0px; top:0px; padding:0 60px 0 0; }
	.snbMvArBtn a{display:inline-block;height:50px;line-height:50px; padding:0 12px; margin-left:-1px; border-left:1px solid RGBA(255,255,255,0.2); font-size:11px; color:#fff; letter-spacing:0.08em;}
	.snbMvArBtn a b.fa{font-size:18px; display:inline-block; padding:3px 5px;}

	#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; }


	/* 서브페이지 상단 모바일 네비 */
	.subTopLocNav{display:block;margin-top:-20px;}
	.subTopLocNav .loc1DA,
	.subTopLocNav .loc2DA{height:40px; line-height:40px;font-size:12px;}
	.subTopLocNav .loc1DA b,
	.subTopLocNav .loc2DA b{display:block; text-align:left; height:40px; line-height:40px; margin:0 36px 0 16px;}
	.bNBar1D, 
	.bNBar2D{top:40px; }
	.bNBar1D .snb h2 a b,
	.bNBar2D .snb2d a b{font-size:12px;}

	
.bNBar1D .snb h2 a b,
.bNBar2D .snb2d a b{padding:12px; font-size:13px;}

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

	
	.contentTitle{border-bottom:0px !important;}
	.contentTitle{padding:10px 0 30px;margin-bottom:30px;text-align:center;position: relative;}
	.contentTitle strong{float:none; color:#333; font-size:30px;}
	.contentTitle .locationBar{float:none; display: none  }
	.contentTitle .locationBar i{padding:0 5px;}

	
	.leftMenuUseFlase .contentTitle.mobile_block{margin-bottom:5px;
		display: flex !important;
		padding: 7px 15px;
		border-bottom: 1px solid #ddd !important;
		align-items: center;
	}
	.leftMenuUseFlase .contentTitle i {font-size: 3em}
	.leftMenuUseFlase .contentTitle strong {width: 100%;font-size: 2.0em;color: #000}
	.leftMenuUseFlase .contentTitle:after{width:45px;margin:15px auto;}

	.mo_head_menu {display: block}
}

/* 디바이스 850px 이하에서 적용*/
@media all and (max-width:850px)
{
	/* contents */
	#page_title .page_title_in {padding:50px 10px; text-align:center; }
	#page_title .page_title_in h2{text-align:center; }

}
/* 디바이스 650px 이하에서 적용*/
@media all and (max-width:650px)
{
	/* contents */
	#page_title .page_title_in{padding:46px 10px; }
	#page_title .page_title_in h2 strong{font-size:18px; height:30px; line-height:60px; padding:20px 0 10px 0; }
	#page_title .page_title_in h2 .locationBar span{font-size:10px; }
	#page_title.on .page_title_in h2 > strong{height:30px; line-height:30px; padding:0 0 10px 0; }
	#page_title.on .page_title_in h2 .titleBbar {margin-top:15px; min-width:30px;}

	
	.contentTitle strong{font-size:20px;}
	.contentTitle .locationBar{margin: 8px 0 0 0;font-size:10px;/*display:inline-block;*/display: block;position: relative;top: unset;left: unset;right: unset;}
	.contentTitle .locationBar i{font-size:12px}

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

	#footer {padding:40px 15px;}
	#footer .bottomSection { text-align:center; margin:0 auto;}
	#footer .bottomSection > dl{text-align:center; }
	#footer .bottomSection > dl > dt{position:static;}
	#footer .bottomSection > dl > dt img{height:auto; width:150px; }

	#footer .bottomSection > dl > dd{padding:15px 0; }
	#footer .bottomSection > dl > dd a{font-size:11px;  }
	#footer .bottomSection address{font-size:11px;}
	#footer .bottomSection address em{display:none; }
	#footer .bottomSection > p{font-size:10px;}
}

/* 디바이스 420px 이하에서 적용*/
@media all and (max-width:420px)
{

}