@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;}
	#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{margin-top:-35px;-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;}

}
/* 디바이스 1340px 이하에서 적용*/
@media all and (max-width:1340px){
.event_row.last li{    width: 100%;}


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

	#topSpacer{height:50px;}

	#gnb{position:fixed;left:0px;top:0px;width:100%;z-index:999;background:#fff;border-bottom:#d7d7d7 1px solid;height: 52px;}

	.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{margin-top:5px}
	#logo a {}
	#logo a img{height: 36px;}

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

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

	.w100{   padding:50px 40px}
	.events_item > div{width:100%}
	.events_item_image img{width:100%}

	#logo a{width:150px;height: 29px;background: url(/img/logo.png);background-size: 100% auto;}
	.go_cont , .go_cont.fixed{display:none}

	/*메인*/
	.slide_text02{margin-top: 10%;}
	.slide_text02 strong{font-size: 1.2em;margin-bottom: 8px;}
	.slide_text02 strong span.line {width: 70px;margin-left: 15px;transform: translateY(-10px);}
	.main_ic01 li{    width: 50%;}
	.main_tit h2{font-size: 30px;}
	.title-line-b{display:none}
	.info_txt{text-align:center; margin-bottom:30px}
    .slide_text02 p {
        font-size: 16px;
        margin-bottom: 5px;
        margin-top: 10px;
    }
	.slide_text02 a.btn01 {font-size: 14px; padding: 12px 10px;margin-top: 10px;width: 190px;}
	.main_tit{padding: 50px 0px 30px;}

	.about-iconblock h4{font-size:15px;}

	.kso-about-2 {padding-top: 0;padding-bottom: 50px;margin-top: 60px;}
	.kso-about-2:before {
        /* right: 0%; */
        position: static;
        height: 150px;
        display: block;
        margin-bottom: 40px;
    }
	.kso-about-2 .section-para img {width: 100px;}
	.kso-about-2 .section-para {font-size: 20px;padding-bottom: 15px; margin-bottom: 15px;}
	.kso-about-2 li strong {font-sizE: 16px;}
	.kso-about-2 li p {font-size: 13px;}

	.sub0101_box .em_tit {
		font-size: 20px;
		margin-top:10px;
	}
	.sect03 {
    padding-bottom: 40px;
}

	.sub0103_btn{display: flex;}

	.px_40{padding-left:0;padding-right:0;}
	.sub0104_logo{width: 115px;}
	ul.map_info {
		border-left: 0;
		margin-top: 20px;
		border-top: 1px solid #e3e3e3;
		padding-top: 20px;
	}
	ul.map_info li .icon {
        font-size: 17px;
        height: 28px;
        width: 28px;
    }
	ul.map_info li {
		margin-bottom: 5px;
		font-size: 16px;
	}
}

/* 디바이스 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;}

	.subpg_tit {font-size: 25px;margin-bottom: 30px;}

	.slide_text strong {
    font-size: 34px;
    margin-bottom: 15px;
}
.slide_text p {
    font-size: 19px;
    line-height: 29px;
}

.main_ic01 li{font-size:13px}
.main_ic01 li a{padding:20px;height: 100%;}
.main_ic01 li a img{width:40px;}
.main_tit h2{    font-size: 20px;}
.main_tit h2 img{width:90px;}
.contact-info > h3{    font-size: 20px;}
.main_ic01 li a strong{font-size:18px;}

.main_ic01 li a b{font-size: 1.1em;}
.main_ic01 li a p {margin-top: 10px;font-size: 13px;}
.main_ic01 li a p br{display:none;}



	.wh_pre {white-space: normal;}
	.sub_con {font-size: 14px;}


	.sub_tit01 {font-size: 19px;margin-bottom: 15px;}
	.sub_tit01:before {top: 0px;}
	.sub_tit02 {font-size: 16px;}
	.sub_tit03 {font-size: 16px;}


	/*공통*/
	.mb_6{margin-bottom:3px;}
	.mb_8{margin-bottom:4px;}
	.mb_10{margin-bottom:5px;}
	.mb_15{margin-bottom:10px;}
	.mb_20{margin-bottom:10px;}
	.mb_30{margin-bottom:15px;}
	.mb_40{margin-bottom:20px;}
	.mb_50{margin-bottom:25px;}
	.mb_60{margin-bottom:30px;}
	.mb_80{margin-bottom:40px;}
	.mt_40{margin-top:20px;}
	.mt_60{margin-top:30px;}
	.mt_80{margin-top:40px;}

	.sub_page {font-size: 14px;}
	.tit_20 { font-size: 16px;}
	.tit_17 { font-size: 15px;}
	.sub0101_box {
		padding: 40px 20px;
		margin-left: -20px;
		margin-right: -20px;
	}
	.sub0101_box .sub0101_sign{width:50%;min-width:200px;}
	.sub0101_box .em_tit img {width: 115px;}




	.map_area.root_daum_roughmap .wrap_map {
		position: relative;
		height: 260px !important;
		overflow: hidden;
	}
	.map_area .wrap_controllers {
		position: absolute;
		bottom: 0;
		z-index: 111;
		width: 100%;
	}

	

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

	.w100{   padding:20px 10px}
	.main_bg{background-size: cover;     height: 400px;}
	.home_title{    font-size: 22px; white-space:normal}
	.w100 h2{font-size: 24px;}
	h4{    font-size: 18px;}
	.w100 h3{    font-size: 14px; margin-bottom: 10px;}
	
	.events_item > div{padding: 0px 0px 30px 0px;}
	.con_info{    float: none;  width: 100%;}
	.contact_info_content ul li span{    margin-left: 10px;   width: 80%;}
	.w1200 .con_info:last-child {margin-top:30px}
	.events_item{    margin-top: 0px;}


		.bxslider li {
		height: 600px;
	}
.slide_text {
    padding: 40px 30px 70px;
    margin-top: 40px;
}
	.pc_view{display:none}
	.m_view{display:block}

	/* footer */
	#footer > dl > dd a,
	#footer address {font-size:11px;letter-spacing:-0.05em;}
	#footer address em{display:none;}
	#footer p span{display:none;}
/*인사말*/
.sub0101{padding:0px}
.sub0101_tit{font-size: 18px; white-space: normal;}
.sub0101_tit b{font-size:1.2em}
.sub0101_txt {font-size:14px; white-space: normal;     margin: 25px 0;}

}

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


	.bxslider li {
	height: 500px;
}
.slide_text {
    padding: 40px 20px 60px;
    margin-top: 40px;
    min-height: 250px;
}
#wrapper .bx-wrapper .bx-pager {
    top: 240px;
    padding: 0 0 0 20px;
}
.slide_text strong {
    font-size: 25px;
    margin-bottom: 10px;
    word-break: keep-all;
    line-height: 32px;
}
.slide_text p {
    font-size: 16px;
    line-height: 23px;
}

.slide_text02{margin-top: 18%;padding: 20px;}
.slide_text02 strong{font-size: 1.2em;     display: block;}
.slide_text02 a.btn01 {padding: 5px 15px;width: auto;}
.slide_text02 p{display:none}
.fa-5x{    font-size: 3em;}


	.company-info li {font-size: 14px;}

/*인사말*/
ul.sub0101_img li {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	ul.sub0101_img li img {width: 50%;}


}