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

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

	
	.contentTitle{text-align:center;}

	#topSpacer{display:none; }
	.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; }


	#wstWrap{margin-left:300px !important;}
	#logo {display:none;}



}
/* 디바이스 1100px 이하에서 적용*/
@media all and (max-width:1100px)
{
	#gnb .gnb_1dli .gnb_1da{padding:0 8px; }
}
/* 디바이스 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:50px; }


	#logo a{padding:10px; }
	#logo a img{height:30px; }

	/* 좌측메뉴를 모바일전용메뉴로 */	#snbOpen,
	#snbOpen:focus{display:block; width:52px; height:51px; line-height:50px; text-align:center; color:#fff; font-size:24px; background:#000; position:fixed; right:0px; top:0px; 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: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; left:-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{left: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; }

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

	
}

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

	.sideLogo{padding:20px 0;}
	.sideLogo img{width:60%; margin:0 auto; }

}
/* 디바이스 650px 이하에서 적용*/
@media all and (max-width:650px)
{
	/* contents */
	#page_title .page_title_in{padding:40px 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; }

	.contentTitle strong{font-size:20px;}
	.contentTitle .locationBar{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; }
}

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

}