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

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

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


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

}
/* 디바이스 1100px 이하에서 적용*/
@media all and (max-width:1200px)
{
	#header nav ul li a{padding:0 20px; font-size:16px;}
}
/* 디바이스 980px 이하에서 적용*/
@media all and (max-width:980px)
{
	
	html.ovfH,body.ovfH{overflow:hidden; }
	.mobileNone{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; }


	#header nav ul li{display:none;}
	#header nav, 
	#header nav ul {height:51px;margin:0px; padding:0px; overflow:hidden;}

	
	#header aside{padding:0px; position:fixed; top:9px; right:60px; z-index:99999999;}
	#header aside a{display:block; padding:0 20px; color:#fff; font-size:12px; height:32px; line-height:30px; letter-spacing:1px;}

	
	#header #logo a{display:block; height:50px;}
	#header #logo a img{display:block;height:50px; margin:0px;}


	/* 좌측메뉴를 모바일전용메뉴로 */	
	#snbOpen,
	#snbOpen:focus{display:block; width:52px; height:51px; line-height:50px; text-align:center; background:none;  position:fixed; right:0px; top:0px; z-index:99999999; cursor:pointer; border:0px;outline:0;}
	.scDown #snbOpen{background:#1a1536;}
	
	#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:block; 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: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);}

	#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:#1a1536; 
		-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:60px; text-align:left; overflow:hidden;}
	#sideBar #snb li{padding:0px;}
	#sideBar #snb li a{display:block;padding:10px 50px; color:#fff; font-size:23px; font-weight:500; position:relative;}


	
	#sideBar #snb li.on a{color:#a43594;}
	#sideBar #snb li.on a:after{content:'';display:block; border-radius:50%; position:absolute; left:25px; top:50%; margin-top:-6px; background:#a43594; width:12px; height:12px;}

	#sideBar #snbB{padding-top:30px;margin:30px; text-align:center; border-top:1px solid RGBA(255,255,255,0.1);}

	
	#sideBar #snbB a{display:inline-block; width:36px;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
	#sideBar #snbB a img{display:block;}
	#sideBar #snbB a:nth-child(2){margin:0 20px;}
	#sideBar #snbB a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }

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

	

	/* footer */
	#footer {padding:0px; overflow:hidden;}
	#footer > dl{position:static; text-align:center;width:100%;margin-top:0px; padding:20px; background:RGBA(0,0,0,0.3)}
	#footer > dl > dt{float:none; margin:0 auto;border-right:0px;}
	#footer > dl > dt img{display:block;width:200px; margin:0 auto; height:auto;}
	#footer > dl > dd{float:none; padding:0; }
	#footer > dl > dd a{display:inline-block; padding:0 10px; float:none;}
	#footer > dl > dd a img{display:block;width:auto; height:30px;}
	#footer h2{font-size:14px; color:#fff; text-align:center; margin-top:40px;}
	#footer ul{overflow:hidden; padding:30px 0; width:90%; max-width:400px; margin:0 auto;text-align:center;}
	#footer ul li{ display:block; width:33%;}
	#footer ul li:after{display:none;}
	#footer ul li:nth-child(4){clear:both;}
	#footer ul li a{display:block; float:none; font-size:11px; padding:12px 0; text-align:center;}
	#footer address{font-size:12px; text-align:center;padding:0 20px 50px;}
	#footer address span{display:block; padding:5px 0;}
	#footer address span:after{display:none; }

	
	#page_title .page_title_in{padding:180px 20px 130px; }
	#page_title .page_title_in h2 > strong{font-size:40px;}
	#page_title .page_title_in h2 .titleBbar { font-size:16px;}

}

/* 디바이스 850px 이하에서 적용*/
@media all and (max-width:850px)
{
	/* contents */
	#page_title .page_title_in{padding:140px 20px 100px; }
	#page_title .page_title_in h2 > strong{font-size:40px;}
	#page_title .page_title_in h2 .titleBbar { font-size:14px;}

}
/* 디바이스 650px 이하에서 적용*/
@media all and (max-width:650px)
{
	/* contents */
	#page_title .page_title_in{padding:120px 20px 80px; }
	#page_title .page_title_in h2 > strong{font-size:30px;}
	#page_title .page_title_in h2 .titleBbar { font-size:12px;}


}

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

}