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

/* 디바이스 1024px 이상에서 적용*/
@media all and (max-width:1024px)
{
    .pc{display:none}
	
	/*header*/
	.mo {display:block;}
	#hd_wrapper{position:fixed;left:0;top:0;width:100%;z-index:100; background:rgba(42, 45, 48, 0.8);}
	.h_sec1 {width:100%;}
	.h_sec1 .logo{text-align:center; float:none; width:60%; margin:0 auto; padding: 22px 0px;}
	.h_sec1 .lnb_open {position:absolute;left:0;top:0;height:100%;background:#000;}
    .h_sec1 .lnb_open img{height:100%}
    .h_sec1 .search{position:absolute;right:0;top:0;height:100%;text-align:right}
    .h_sec1 .search img{height:100%}
	
	
	.lnb{position:fixed;left:-60%;top:0;z-index:90;width:60%;height:100%;background:#2a2d30;transition:.3s;overflow:auto;padding:10% 5%}
	.lnb.on {left:0;transition:.3s}
	.lnb .close{position:absolute;left:10px;top:10px;width:40px;height:40px;background:url('../img/lnb_close.png') no-repeat; display:block;}
	.lnb .lnb_logo {display:block; text-align: center; margin-bottom:20%;}
	.lnb .menu{clear:both}
	.lnb .menu li {margin:13% 0; text-align:center;}
	.lnb .menu li > .bg {display:none;}
	.lnb .menu li > a{display:inline-block;font-size:1.3rem;color:#ddd;line-height:1}
	.lnb .menu dl{margin:10% 0; display:block; background:none;}
	.lnb .menu dd{margin:5% 0}
	.lnb .menu dl dd > a{padding:8px 0;line-height:18px;font-size:1rem;color:#ddd}
    .lnb .menu dl dd > a i{font-size:1rem;color:#888;margin:0 5px}

	.body_bg.on{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:80}
}

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

	#hd{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#hd.scDown{background:#363839;margin-top:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#topSpacer{height:115px;}
	.pc_br{display:block;}

}
/* 디바이스 1100px 이하에서 적용*/
@media all and (max-width:1100px)
{
	#gnb .gnb_1dli .gnb_1da{padding:0 40px;}btnSchbox

}
/* 디바이스 980px 이하에서 적용*/
@media all and (max-width:980px)
{
	
	html.ovfH,body.ovfH{overflow:hidden;}
	.mobileNone{display:none;}


	#topSpacer{height:0px;}

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

	.allSchBoxWr{display:block !important; height:100%;}
	#btnSchbox{position:absolute; right:0px; top:0px; width:auto !important;padding:0px; font-size:18px; text-align:center; z-index:99; height:100%;}
	#btnSchbox img {height:100%;}
	#allSchBox{position:fixed;top:0px; 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:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	
	/* 중간 레이아웃 */
	#ctWrap{ margin:15px auto;}
	#container{width:auto;float:none; padding:15px;}
}

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

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



	/* footer */
	#footer {clear:both; background:#2a2d30;padding:50px 15px;text-align:center; display:block; overflow:hidden;}
	#footer .tail_info {}
	#footer .tail_info li.info {width:50%; float:left;}
}

/* 디바이스 420px 이하에서 적용*/
@media all and (max-width:420px)
{
	/* contents */
	#page_title {background-size:auto 100%;}

}