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


/* 공통-common */
/*
.f_tt1 { font-size:1.15em; }
.f_tt15 { font-size:1.5em; }
.f_tt2 { font-size:2em; }
.f_tt3 { font-size:3em; }
.f_tt5 { font-size:5em; }
.f_tt7 { font-size:7em; }

.f_c0 { color:#111; }
.f_c1 { color:#6b5892; }
.f_c2 { color:#e7195d; }
.f_cr { color:#ff8c00; }
.f_c8 { color:#888; }
.f_sc8 { font-size:0.95em;color:#888; }
.f_ca { color:#aaa; }
.f_cw { color:#fff; }
.f_s1 { font-size:0.95em; }
.f_s2 { font-size:0.90em; }

.d_center { text-align:center; }
.d_wrap15 { padding:15px; }
.d_a15 { padding:15px; }
.d_a10 { padding:10px; }
.d_a5 { padding:5px; }
.d_tb5 { padding:5px 0; }
.d_tb10 { padding:10px 0; }
.d_tb15 { padding:15px 0; }

.d_clear { display:block;visibility:hidden;clear:both;content:""; }
.d_clear2 { display:block; clear:both;content:"";height:6px;background:#efefef; }
.d_clear2_m { }
*/
.d_bg1 { background:#1e90ff;padding:80px 50px;text-align:center;background-image: url('/img/bg_01.png'); color:#fff; }
.d_bg1 a { color:#fff;  }
.d_bg2 { background:#ff8c00;padding:80px 50px;text-align:center;background-image: url('/img/bg_01.png'); color:#fff; }
.d_bg2 a { color:#fff; }

#bo_cate1 { margin:0; }
#bo_cate1 h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate1 ul {margin:0;zoom:1;display:inline-block;}
#bo_cate1 ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate1 li{float:left;padding:0;margin:5px;}
#bo_cate1 a {display:inline-block;height:34px;line-height:32px;padding:0 15px;border:1px solid #eee; letter-spacing:-0.05em;border-radius:17px; }
#bo_cate1 a:hover {display:inline-block;height:34px;line-height:32px;padding:0 15px;background:#14bad4;border:1px solid #14bad4;color:#fff;letter-spacing:-0.05em;border-radius:17px; }
#bo_cate1 a#bo_cate_on {display:inline-block;background:#14bad4;color:#fff;padding:0 15px;border:1px solid #14bad4;}

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

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

}
/* 디바이스 1100px 이하에서 적용*/
@media all and (max-width:1200px)
{
	#gnb .gnb_1dli .gnb_1da{padding:0 8px; }
}
/* 디바이스 980px 이하에서 적용, 모바일 버전으로 변경크기 */
@media all and (max-width:980px)
{

	/* 공통 */
	.d_bg1 { background:#1e90ff;padding:40px 20px;text-align:center;background-image: url('/img/bg_01.png'); color:#fff; }
	.d_bg1 a { color:#fff;font-size:1.5em; }
	.d_bg2 { background:#ff8c00;padding:40px 20px;text-align:center;background-image: url('/img/bg_01.png'); color:#fff; }
	.d_bg2 a { color:#fff;font-size:1.5em; }

	.d_clear2_m { display:block; clear:both;content:"";height:6px;background:#efefef; }

	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{  }

	#gnb{ width:100%; z-index:999; background:#fff; }

	.allSchBoxWr{display:block !important; }
	#btnSchbox{position:fixed; right:50px; top:0px; 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 { height:50px }	
	#logo a{ padding:15px 20px 0; }
	#logo a img{ width:100px;  }

	/* 좌측메뉴를 모바일전용메뉴로 */
	#snbOpen{display:block; width:36px; height:36px; line-height:34px; border-radius:50%;-webkit-border-radius:50%;text-align:center; color:#111; font-size:18px; background:#f1f1f1; position:fixed; right:8px; top:8px; z-index:9999; }

	#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; 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; border:1px solid #ddd; border-radius:3px; }

	
	/* 서브페이지 상단 모바일 네비 */
	.bNBar{display:none;}
	.bNBarMwWrap{display:block;}

	.bNBarMwWrap{width:70%; margin:0 auto; position:relative;z-index:10;}
	.bNBarMw em {display:block;width:100%; height:35px;line-height:35px; overflow:hidden; position:relative;  padding:0 15px; background:#fff;border:1px solid #ddd;}
	.bNBarMw em b{font-style:normal;}
	.bNBarMw em i,
	.bNBarMw em u{position:absolute; left:0px; top:0px; display:none;width:100%; background:rgba(0,0,0,0.0);border:0px;height:36px;line-height:36px; font-size:18px; overflow:hidden; text-align:right; padding-right:15px; }
	.bNBarMw em i{display:block;text-align:right;color:#666;}
	.bNBarMw.on em i{display:none;}
	.bNBarMw.on em u{display:block;z-index:2;text-decoration:none; background:rgba(0,0,0,0.2); }

	.bNBarMw h2 sub{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{display:none;}
	.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;  overflow:hidden; padding:10px 10px 10px 15px;  height:auto; background:#fff;border:1px solid #ddd;margin-top:-1px;}
	.bNBarMw > li ul li a i{height:20px;line-height:20px;}
	.bNBarMw > li ul li.active a{border-left:3px solid #000;}
	.bNBarMw > li:after{content:'';clear:both;}
	.bNBarMw > li.noInfoPageTit{display:none !important;}

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

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

}

/* 디바이스 768px 미만 모바일모드  Mobile */
@media screen and (max-width:767px){ 
	
}


/* 디바이스 650px 이하에서 적용*/
@media all and (max-width:650px)
{
	#ctWrap{ margin:0 auto; }

	/* contents */
	#page_title { display:none;visibility:hidden; clear:both; content:""; }
	#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; }
	#page_title_bg:after {display:block; visibility:hidden; clear:both; content:""; }

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

	#cnt_prt1 { position:relative;text-align:left;padding-left:10px; }
	#cnt_prt1 .it_prt1 { position:absolute;top:0px;left:140px; }

	
		.item_gnb1 { margin:20px 0;padding:0; }
.item_gnb1 ul { display:block;width:100%; }
.item_gnb1 ul:after {display:block;width:100%;visibility:hidden;clear:both;content:""}
.item_gnb1 li { float:left;display:inline-block;margin:20px 0;width:33.3%;height:100px;padding:0;text-align:center; }
.item_gnb1 li .it_img1 { text-align:center;margin:8px auto;width:40px;height:40px;line-height:40px;border-radius:50%; }
.item_gnb1 li .it_img2 { text-align:center;margin:8px auto;width:60px;height:60px;line-height:60px;border-radius:50%; }
.item_gnb1 li a { display:inline-block;margin:0;padding:0;}
.item_gnb1 li i { font-size:1.4em;color:#148cff;line-height:50px; }
.item_gnb1 li .it_txt1 { padding:8px 15px;line-height:1.3;}

}

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

}