@charset "utf-8";


@media screen and (max-width: 1199px) {
	h2 {font-size:33px;}
	h3 {font-size:31px;}
	h4 {font-size:23px; line-height:36px;}
	h5 {font-size:21px;}
	h6 {font-size:19px; line-height:28px;}

	/*=*=*=*=*=*=*=* 헤더 *=*=*=*=*=*=*=*/
	#header {height:80px; box-sizing:border-box; padding:0px;}
	#header .headBox {width:100%;}
	#header h1 { /*width:100px;*/  top:20px;left:3%;margin-left: 0px;}
	#header h1 img { width:100%; }
	#glob { right:3%;margin-right: 0px;}
    #header .left-wrap {display:none;} 
	#header .right-wrap {float: left;}

	/*메뉴*/
	#gnb {display:none;}
	
	.menu_close {width:50px; height:50px; top:20px; right:20px;}
	.menu_close span {margin-top:15%;}
	
	#gnbM {width:100%; padding:80px 20px 0 20px; background-size:80%; background-position: bottom 20px right 20px;}	
	#gnbNavigation > ul > li {width:100%; padding:0; margin-bottom:0; min-height:auto; border-bottom:1px solid rgba(255,255,255,0.3);}
	#gnbNavigation > ul > li span {font-size:1.6rem; padding:10px 0; border-bottom:0;}
	#gnbNavigation > ul > li .gnb-2dep {display:none; padding:0; padding-left:15px; border-left:1px solid rgba(255,255,255,0.3); margin-bottom:20px;}
	#gnbNavigation > ul > li .gnb-2dep li a {opacity:.7;}


	/*=*=*=*=*=*=*=* 콘텐츠 *=*=*=*=*=*=*=*/
	#container {margin-top:0px;}
	#container .contents {width:100%;}
	
	.main_section {padding:40px 15px !important; box-sizing:border-box;}
	.sub_section {position:relative; width:100%; overflow:hidden; padding:30px 10px; box-sizing:border-box; }
	.section_title p {font-size:13px;}
	
	.slide01 .visual_txt {left: 20px; margin-left: 0; width: 40%}
	.slide01 .visual_txt img {width: 100%;}
	.slide01 .location_map {margin-right: 0px;}
	

	/*=*=*=*=*=*=*=* 서브 콘텐츠 *=*=*=*=*=*=*=*/
	#sub_title { width:auto; margin:30px 15px 15px 10px; box-sizing:border-box; overflow:hidden; }
	#sub_title h4 {color:#333; letter-spacing:-1px; line-height:1.5; text-align:center;}
	
	.gray_box { width:auto; margin:15px; padding:20px;  }
	
	/*=*=*=*=*=*=*=* 푸터 *=*=*=*=*=*=*=*/
	
	.fnb { display:none; }
	.m_fnb { display:block; padding:0 10px; box-sizing:border-box; overflow:hidden;  }
	
	#footer {width:100%; }
	#footer .footBox { width:100%; }
	
	#fnbList { position:relative; width:100%; height:auto; text-align:center; padding:5px 0;}
	#fnbList ul.m_fnb li { position:relative; float:left; line-height:23px; text-align:center; font-size:12px; padding:0 5px;}
	#fnbList ul.m_fnb li::after { position:absolute; top:15px; left:0; width:1px; height:13px; opacity:0.3; content:'';}
	#fnbList ul.m_fnb li:first-of-type::after {display:none;}
	#fnbList ul.m_fnb li:first-of-type {padding-left:5px;}
	#fnbList ul.m_fnb li a {color:#fff;} 
	#fnbList .top_btn { display:none; }
	
	#foot_info { padding:30px 15px; box-sizing:border-box; overflow:hidden; }
	#foot_info .f_logo { width:180px; float:none; margin-right:0px; margin-bottom:10px; }
	#foot_info .f_logo img { width:100%; }
	
	#foot_info .f_cont { float:left; line-height:20px; }
	#foot_info .f_cont p { font-size:13px; color:#b1b1b1; padding-bottom:0px;s display:block; }
	#foot_info .f_cont p.copyright {color:#b1b1b1;}
	 
	/*family-site*/
	.family-site { display:none; position:static; top:-15px; right:202px; float:left; width:30%; height:45px; box-sizing:border-box; font-size:15px; background:url(../_img/icon/arrow_down-point.png) no-repeat right 10px top 11px, #fff; border:1px solid #ddd; color:#b3b3b3 ; background-size:10px; cursor:pointer; z-index:9999; }
	.family-site span {display:block; line-height:43px; color:#aaa; font-size:13px; background:url(../_img/icon/down-arrow.png) no-repeat center right 15px; background-size:12px; padding:0 15px; cursor:pointer;}
	
	.family-site ul {display:none; position:static; top:42px; left:-1px; width:100%; border:1px solid #ddd;}
	.family-site ul li {  background:#fff; border-top:1px solid #ddd; padding:5px 15px; }
	.family-site ul li:first-of-type { border-top:none; }
	.family-site ul li a {display:block; width:100%; color:#fff; font-size:13px; box-sizing:border-box;}
	
	.family-site.group { position:static; top:-15px; right:2px; float:left; width:70%; height:45px; box-sizing:border-box; font-size:15px; background:url(../_img/icon/arrow_down-point.png) no-repeat right 10px top 11px, #fff; border:1px solid #ddd; border-left:none; color:#b3b3b3 ; background-size:10px; cursor:pointer; z-index:9999; }

	/*sns_list*/
	.sns_list { float:left; position:static; top:0px; margin-top:10px; right:0;}
	



 p.g_txt1{font-size:24px; line-height:30px; padding-right:0px;}

	

	

}

@media screen and (max-width: 980px) {
	#main_visual {height: auto;}
	
	
	.intro_greeings{ padding:0 10px}
	
	
	.ori {display:none;}
	.res {display:block;}
	
	.ori-img {display:none;}
	.res-img {display:block;}
	
	
	.swiper-button-next,.swiper-button-prev {position:absolute;top:50%;width:50px !important;height:50px !important;margin-top:-22px; background-size:50px !important; }
	
	#glob .home { display:none; line-height:60px; font-size:13px; }
	#glob .page { float:left; }
	
	
	/*===== main_sec01 =====*/
	#main_sec01 { padding:0px !important;}
	
	.uist_tit { position:static; top:0px; }
	.uist_tit .res-img { width:100%;}
	
	ul.uist_list {/*display:none;*/}
	ul.res-uist_list { display:block; }
	
	ul.res-uist_list { width:100%; font-size:0; box-sizing:border-box; overflow:hidden; padding:10px 0; padding-bottom:20px;  }
	ul.res-uist_list li { position:relative; float:left; padding:15px 0; font-size:16px; width:33%; text-align:center; box-sizing:border-box; overflow:hidden; }
	ul.res-uist_list li::after { display:none; position:absolute; top:50px; left:0; width:1px; height:80px; background:#ccc; content:'';}
	ul.res-uist_list li.u_bn01::after, li.u_bn04::after, li.u_bn07::after { display:none; }
	ul.res-uist_list li a {display:block; color:#212121; padding:90px 0px 0px 0px; background-repeat:no-repeat; background-position:center top; text-decoration:none; }
	
	ul.res-uist_list li.u_bn01 a {background-image:url(../_img/main/Icon_001.png);}
	ul.res-uist_list li.u_bn02 a {background-image:url(../_img/main/Icon_002.png);}
	ul.res-uist_list li.u_bn03 a {background-image:url(../_img/main/Icon_003.png);}
	ul.res-uist_list li.u_bn04 a {background-image:url(../_img/main/Icon_004.png);}
	ul.res-uist_list li.u_bn05 a {background-image:url(../_img/main/Icon_005.png);}
	ul.res-uist_list li.u_bn06 a {background-image:url(../_img/main/Icon_006.png);}
	
	
	
	/*===== main_sec02 =====*/
	#main_sec02 { padding:20px 15px !important;}
	
	/*tabs*/
	 ul.tabs {}
	 ul.tabs li { float:left;width:20%; font-size:20px; padding:5px; }
	 ul.tabs li::after { top:15px; }
	 
	 /*tinner_sec*/
	.inner_sec { width:100% !important; padding:20px 0; }
	.inner_secion-title span { display:none; }
	.inner_sec#boards .inner_secion-title {padding-right:0px; box-sizing:border-box;}
	
	 /*boards*/
	 #boards {}
	 .noticeBox ul li.new .date { font-size:18px;}
	 .noticeBox ul li.new a { font-size:18px; }
	 .noticeBox ul li a { font-size:18px; }
	 
	 /*magazine*/
	 #magazine img { width:100%; }
	 
	 /*gallery*/
	 #gallery {}
	.main_gallery-slider { float:right;  width:100% !important; height:100%; box-sizing:border-box; overflow:hidden;  }
	.main_gallery-slider .item { float:left;   width:100%; height:100%; }
	.owl-item { width:100%; height:100%; }
	
	.popupzone {background:#243037;color:#fff; padding:5px 10px; text-align:left; font-size:16px;}
	.main_gallery-controlBox {position:relative; width:100%; height:30px; box-sizing:border-box; overflow:hidden; background:#243037; }
	.main_gallery-controlBox a {position:absolute; top:0; display:block; float:left; width:30px; height:30px; text-indent:-9999999px; background-position:center; background-repeat:no-repeat; background-size:25%; box-sizing:border-box; z-index:999; cursor:pointer !important;}
	
	.main_gallery-controlBox a.gallery_play {background-image:url(../_img/icon/play_btn.png); right:60px;}
	.main_gallery-controlBox a.gallery_play:hover, .main_gallery-controlBox a.gallery_play.on {background-image:url(../_img/icon/play_btn-on.png);}
	.main_gallery-controlBox a.gallery_stop {background-image:url(../_img/icon/pause_btn.png); right:30px; border-left:1px solid #ccc;}
	.main_gallery-controlBox a.gallery_stop:hover, .main_gallery-controlBox a.gallery_stop.on {background-image:url(../_img/icon/pause_btn-on.png);}
	
	.main_gallery-slider .owl-nav { display:none; position:absolute; left:0; bottom:-30px; margin-top:0 !important; height:30px; width:100%;}
	.main_gallery-slider .owl-nav button {position:absolute; top:0; width:30px; height:30px; background-size:20% !important; background-position:center !important; background-repeat:no-repeat !important; background-color:transparent !important; border-radius:0 !important; margin:0 !important; box-sizing:border-box;}
	.main_gallery-slider .owl-nav button.owl-next {right:0; background-image:url(../_img/icon/arrow01-next.png); border-left:1px solid #ccc !important;}
	.main_gallery-slider .owl-nav button.owl-prev {right:90px; background-image:url(../_img/icon/arrow01-prev.png); border-right:1px solid #ccc !important;}
	.main_gallery-slider .owl-nav button span {text-indent:-99999px; display:block;}
	

	
	/*===== 활동 =====*/
	#sub03_02-sec01 { padding:0px 10px; margin-bottom:30px; }
	
	ul.PR_board { }
	ul.PR_board li { width:100%; padding:20px; }
	ul.PR_board li .pic { position:static; width:100%; height:150px; overflow:hidden; box-sizing:border-box; }
	ul.PR_board li .pic img { position:relative; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%;}
	ul.PR_board li .cont {width:100%; padding:20px 0; }
	
	
	
	/*===== 이메일집단수집거부 =====*/
	.email_section { width:100%; box-sizing:border-box; overflow:hidden; padding:50px 20px; margin:0px auto; background:#fff; }
	.email_pic { padding-bottom:20px; }

	.email_Top { padding:30px 0; font-size:15px; line-height:25px; }
	
	.email_Txt { padding:30px 15px; font-size:15px; line-height:25px; border:1px solid #ddd;  }
	.email_Txt h6 { font-size:20px; font-weight:500; color:#000; letter-spacing:-1px; margin-bottom:30px;  }
	
	.email_List { }
	.email_List li {position:relative; font-size:15px; margin-left:0; line-height:25px; padding:0 0 7px 38px;  }
	.email_List li .num {display:block; position:absolute; left:0; top:5px;
	background-color:#1b4692; border-radius:50%; width:25px; height:25px; color:#fff; 
	font-size:15px; font-weight:700; text-align:center; line-height:24px; box-sizing:border-box}

	 
}


@media screen and (max-width: 767px) {

	
}


@media screen and (max-width: 640px) {
	#sub_title { width:auto; margin:15px 15px 15px 10px; box-sizing:border-box; overflow:hidden; }
  
}
 

@media screen and (max-width: 480px) {
	#sub_title { width:auto; margin:15px 15px 0px 15px; box-sizing:border-box; overflow:hidden; }
	.slide01 .visual_txt {top: 10px;}
	.slide01 { height:400px !important;}
	.slide01 {background: url(/_img/main/res-visual01_bg.jpg) no-repeat center; background-size:cover; overflow: hidden}
	.slide01 .location_map .locationBox a {font-size: 12px;}
	.slide01 .location_map {width:100%; height:400px !important; background: url(../_img/main/res-visual01_map.png) no-repeat center top; background-size:100%; margin-top:0px; padding-top:-500px; }
	.slide01 .location_map .locationBox {position: absolute; left: 50%; }
	.slide01 .location_map .locationBox a {font-size:13px;}
	 .slide01 .location_map .locationBox a span {color:#114243; }
	.slide01 .location_map .locationBox.nu01 {top:120px; margin-left: 65px; text-align: center}
	.slide01 .location_map .locationBox.nu01 span {display: block;}
	.slide01 .location_map .locationBox.nu02 {top:200px; margin-left: -40px;}
	.slide01 .location_map .locationBox.nu03 {top:250px; margin-left: -100px;}
	.slide01 .location_map .locationBox.nu04 {top:270px; margin-left: 90px;}
	.slide01 .location_map .locationBox.nu05 {top:325px; margin-left: -70px;}
	.slide01 .location_map .locationBox.nu06 {top:390px; margin-left: -100px;}
	.slide01 .location_map .locationBox.nu07 {top:355px; margin-left: 30px;}
	.slide01 .location_map .locationBox.nu08 { width:100%; top:373px; margin-left:130px;}
	.slide01 .location_map .locationBox.nu08 span {}
	.slide01 .location_map .locationBox.nu09 {top:465px; margin-left: -100px;}

	.map-box { position:relative; left:-50px; margin-top:-100px; }
	.locationBox img { width:30px; }
	
	

}