@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;}

}
@media all and (max-width:1440px){
	.slide_text02{
		margin-top: 20%;
	}
}
/* 디바이스 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;}
	.slide_text02{
		margin-top: 13%;
	}
    .sub0201_box figure{
        width:100%; height: auto;
    }
    .sub_0201_txtwrap{
        position:relative; width:100%; bottom:0; padding:40px 50px;
    }
    .sub0201_box{
        margin-bottom: 60px;
    }
}
/* 디바이스 980px 이하에서 적용*/
@media all and (max-width:980px)
{
	
	html.ovfH,body.ovfH{overflow:hidden;}
	.mobileNone{display:none;}
	#page_title{/* display:none; */margin-top: 50px;}
	#tnb,
	.gnb_1dli{display:none;}

	#topSpacer{height:50px;}

	#gnb{position:fixed;left:0px;top:-1px;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: 14px;}
	.scDown #logo{margin-top:6px!important}
	#logo a {}
	#logo a img{width: 110px;}

	/* 좌측메뉴를 모바일전용메뉴로 */
	#snbOpen{display:block;width:50px; height:50px; 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:47px; 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; border-left: 1px solid #ccc;}
	#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:1px; 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: 0px 15px;margin: 40px auto;}

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

	#logo a{background:url('/img/logo2a.png');background-size: 100%; margin-top: -5px;}
	.go_cont , .go_cont.fixed{display:none}

	/*메인*/
	.slide_text02{margin-top: 14%;}
	.slide_text02 strong{font-size: 1.5em;}
	.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: 14px;}
	.main_tit{padding: 50px 0px 30px;}

	.kso-about-2 .section-para,  .kso-about-2 .section-para small{color:#fff; border-left-color: #fff;}
	.kso-about-2 p{color: #fff;
    border-left-color: #fff;
    background-color: rgb(0,0,0,0.3);
    padding: 20px;}

	.kso-about-2:before{right: 0%;}


	
}

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

	.slide_text strong {
        font-size: 34px;
        margin-bottom: 15px;
    }
    .slide_text p {
        font-size: 19px;
        line-height: 29px;
    }     
    .sub0101 .sub0101_img img{
        width:100%;
    }
    .sub0102{
        width:100%;
    }

}
/* 디바이스 650px 이하에서 적용*/
@media all and (max-width:650px){
body{font-size:14px}
	/* contents */
	#page_title .page_title_in{padding:30px 10px;}
	#page_title .page_title_in h2 strong{font-size:18px;height:30px;padding: 0px;}
	#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;}
	.slide_text02 strong br{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;}
	.slide_text02 p{
		margin-top: 10px;
	}
	.slide_text02 a.btn01{
		margin-top: 10px; padding:6px 30px;
		font-size: 14px;
	}
    .sub_0201_txtwrap{
        padding:30px;
    }
    .sub0201_tit{
        font-size: 28px;
    }
    .sub0201_list li{
        font-size: 15px;
    }
    .sub0201_txt{
        font-size: 14px;
    }
    .sub0201_box{
        margin-bottom: 40px;
    }

 .sub0102{font-size:15px}
 .sub0102_tit{    font-size: 20px;}
 .sub0102_txt2 i{padding: 7px;}

 .h3_tit{font-size:18px}
 .tit1{font-size:18px}
 .h4_tit{font-size:16px}
 h5{font-size: 15px;}
.txt_bt{    margin-bottom: 30px;}

}

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

    .mb_hide{
        display: none;
    }
	.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: 14%;}
    .slide_text02 br{display:none}
    .slide_text02 strong{font-size: 1.2em;     display: block;}
    .slide_text02 a.btn01{padding:5px 30px}
    .slide_text02 p{display:none}
    .fa-5x{    font-size: 3em;}

    .main_ic01 li{font-size:13px}
    .main_ic01 li a{       height: auto;
        padding: 20px 0px;}
    .main_tit h2{    font-size: 20px;}
    .contact-info > h3{    font-size: 20px;}
    .main_ic01 li a p{display:none}

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


    .main_ic01 li a b{font-size: 1.1em;}
    
    .main_icon_wrap li:nth-child(1) .main_icon_box img, .main_icon_wrap li:nth-child(2) .main_icon_box img{
        height:55%;
    }
    .main_icon_wrap li:nth-child(3) .main_icon_box img, .main_icon_wrap li:nth-child(4) .main_icon_box img{
        height:70%;
    }
    .sub0201_tit small{
        margin-bottom: 6px;
    }
    .sub0201_tit{
        font-size: 24px;
    }
}
@media all and (max-width:320px){
	.slide_text02{
		margin-top: 16%;
	}
}