@charset "utf-8";

/* 내용관리 */
#ctt {margin:0px 0;padding:0px;background:#fff}
.ctt_admin {text-align:right; position:absolute; float:right;width:100%;  }
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center 	; overflow: hidden;}



.sub_title_flex {
position: absolute;
    width: 100%;
    display: flex;
    top: 250px;
	 align-items: center; 
}
.sub_title_flex > div {
 display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container.sub4_3 {padding-top:20px;}
.sub_content.sub4_3 {padding-top:20px;} 


.sub_title_flex h1 {font-size:2.4rem; color:#fff; }
.sub_title_flex h4 {font-size:1.0rem; color:#eee; }
.sub_title_flex p { color:#eee }


.sub_con_h3 {padding:30px 0 ; font-size:1.5rem; color:#000; font-weight:bold;  }
.sub43_img1 {width:100%; display:flex;  }
.sub43_img1 .img_item {flex:1; text-align:center;  }					

	/* mobile */
	@media (min-width: 1px) and (max-width: 979px) {
		.about-bg{background-image:url('/pages/img/1.jpg');width:100%;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-position:center; background-size: cover; background-repeat:no-repeat;color:#fff;height:100%;padding-top: 70px;}.ml-auto,.mx-auto{padding-top:10px;padding-bottom:10px}.lead{font-size:12px;font-weight:300}.display-4{ font-size:1.5rem;font-weight:300;}.btn,a.btn{line-height:20px!important;height:20px!important;padding:0 5px;text-align:center;font-weight:700;border:0;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}.btn-outline-secondary{font-size:11px;padding:0 5px}
		.sub_title_flex {  
			top: 160px;
		}
		.ctt_img { 
			height: 200px; overflow: hidden;
		}
		.sub_title_flex h1 {
			font-size: 1.8rem !important;
		}
		.sub_title_flex p {
			font-size: 1.1rem !important;
		}	
		
	}



	/* mobile */
	@media (min-width: 980px) and (max-width: 1089px) {
		.about-bg{background-image:url('/pages/img/1.jpg');
		width:100%;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;
		background-position:center; 
		background-size: cover; 
		background-repeat:no-repeat;
		color:#fff;height:100%;
		padding-top: 70px;
		}
		
		.ml-auto,.mx-auto{padding-top:10px;padding-bottom:10px}.lead{font-size:12px;font-weight:300}.display-4{ font-size:1.5rem;font-weight:300;}.btn,a.btn{line-height:20px!important;height:20px!important;padding:0 5px;text-align:center;font-weight:700;border:0;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}.btn-outline-secondary{font-size:11px;padding:0 5px}
		.sub_title_flex {  
			top: 200px;
		}
		
		.sub_title_flex h1 {
			font-size: 2.8rem !important;
		}
		.sub_title_flex p {
			font-size: 2.1rem !important;
		}
	
		
		
	}
	/* desktop */
	@media (min-width: 1090px) {
		.about-bg{
			background-image:url('/pages/img/1.jpg');
			background-position:center center;
			background-repeat:no-repeat;
			color:#fff;
			height:300px;
		}
		
		.lead{
			font-size:1.25rem;
			font-weight:300;
		}
		.display-4{
			font-size:2.5rem;
			font-weight:300;
			line-height:1.2;
		}

		.ctt_img { 
			min-height: 300px; overflow: hidden;
		}
	}


	@media only screen and (max-width: 320px) {
		.SF_board{
			overflow-x: auto;white-space: nowrap;
		}
	}

	@media only screen and (min-width: 321px) and (max-width: 768px){
		.SF_board{
			overflow-x: auto;white-space: nowrap;
		}
	}





#tab_wrap {position:relative; width: 100%; margin:0 auto; max-width:1300px; }
#tab_wrap .tab_container1 { clear: both;width:100%;  }
#tab_wrap .tab_content { position:relative;width:100%;}


#tabmenu {
	display: flex;
	margin: 0; padding: 0; list-style-type: none;
}
#tabmenu a {
	flex: auto;
	text-align:center; 
	margin:20px 5px; 
	padding: 10px 10px; border: 1px solid #ccc;
	font-size: 1.3rem;  color: #333; text-decoration: none;
}



#tabmenu  a.over {
	color: #fff;
	background: #068CF2;
}
#tabmenu  a.selected {
	color: #fff;
	background: #068CF2;
}

#tabcontents {	
	padding: 30px 0 ;
}

.tabcontent h2 {
	margin: 0; padding: 10px 0 5px 0; font-size: 11px;
}
.tabcontent ul {
	margin: 0; padding: 0; list-style-type: none;
}



#tabcontents .tabcontent .sub4_imgs.tabimg2{width:100%; display:block}
#tabcontents .tabcontent .sub4_imgs.tabimg2 ul{display:flex}
#tabcontents .tabcontent .sub4_imgs.tabimg2 li.img_item{ 
	flex:1; text-align:center; margin-bottom:40px;margin-left:10px; margin-right:10px; }

#tabcontents .tabcontent .sub4_imgs.tabimg3{width:100%; display:block}
#tabcontents .tabcontent .sub4_imgs.tabimg3 ul{display:flex}
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item{ 
	flex:1; text-align:center; margin-bottom:40px;margin-left:10px; margin-right:10px; }

#tabcontents .tabcontent .sub4_imgs.tabimg4{width:100%; display:block}
#tabcontents .tabcontent .sub4_imgs.tabimg4 ul{display:flex}
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item{ 
	flex:1; text-align:center; margin-bottom:40px;margin-left:10px; margin-right:10px; }

#tabcontents .tabcontent .sub4_imgs.tabimg9{width:100%; display:block}
#tabcontents .tabcontent .sub4_imgs.tabimg9 li.img_item{width:33%; float:left;  text-align:center; margin-bottom:40px;  }
#tabcontents .tabcontent .sub4_imgs.tabimg9 .img_item h4 {padding:20px; font-size:1.2rem; min-height: 65px;  }


.sub_group .sub_txt p {
    color: #000;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 160%;
}

.sub_group .sub5_txts p { padding: 0px 0;}
.sub_group .sub5_txts p.tit { padding: 10px 0 0 0; font-size:1.2rem; font-weight:bold}
.sub_group .sub5_txts p.txt { padding: 0px 0 10px 0 ; font-size:1.1rem}



@media only screen and (max-width: 1300px){	
	#tabcontents .tabcontent .sub4_imgs.tabimg9 img{width:100%; max-width:380px; }
}
@media only screen and (max-width: 1200px){	
	#tabcontents .tabcontent .sub4_imgs.tabimg9 img{width:100%; max-width:300px; }
}
@media only screen and (max-width: 991px){	
	#tabcontents .tabcontent .sub4_imgs.tabimg9 li.img_item{width:49%;  }
	#tabcontents .tabcontent .sub4_imgs.tabimg9 img{width:100%; max-width:400px; }
}
@media only screen and (max-width: 876px){	
	#tabcontents .tabcontent .sub4_imgs.tabimg9 li.img_item{width:49%;  }
	#tabcontents .tabcontent .sub4_imgs.tabimg9 img{width:100%; max-width:300px; }
}
@media only screen and (max-width: 680px){	
	#tabcontents .tabcontent .sub4_imgs.tabimg9 li.img_item{width:46%; margin:10px  }
	#tabcontents .tabcontent .sub4_imgs.tabimg9 img{width:100%; max-width:300px; }
	#tabcontents .tabcontent .sub4_imgs.tabim9 .img_item h4 { font-size: 1.1rem; }
}
@media only screen and (max-width: 580px){	
	#tabcontents .tabcontent .sub4_imgs.tabimg9 li.img_item{width:45%; margin:10px  }
	#tabcontents .tabcontent .sub4_imgs.tabimg9 img{width:100%; max-width:300px; }
	#tabcontents .tabcontent .sub4_imgs.tabimg9 .img_item h4 { font-size: 1.0rem; }
	#tabcontents .tabcontent .sub4_imgs.tabimg3{width:100%; display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg3 ul{display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item{ 
		flex:none;
		text-align:center; 
		margin-bottom:40px; 
		width:48% ;
		float:left; 
		margin-left:0px; 
		margin-right:0px; 
	}
	
	#tabcontents .tabcontent .sub4_imgs.tabimg2{width:100%; display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg2 ul{display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg2 li.img_item{ 
		flex:none;
		text-align:center; 
		margin-bottom:40px; 
		width:100% ;
		float:left; 
		margin-left:0px; 
		margin-right:0px; 
	}
	
	#tabcontents .tabcontent .sub4_imgs.tabimg2 li.img_item img{ margin:0 auto; max-width:400px; }	
	#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item img{ margin:0 auto; max-width:200px; }
	#tabcontents .tabcontent .sub4_imgs.tabimg4{width:100%; display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg4 ul{display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item{ 
		flex:none;
		text-align:center; 
		margin-bottom:40px; 
		width:48% ;
		float:left; 
		margin-left:0px; 
		margin-right:0px; 
	}
	#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item img{ margin:0 auto; max-width:200px; }
}



@media only screen and (max-width: 480px){	
	#tabcontents .tabcontent .sub4_imgs.tabimg2{width:100%; display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg2 ul{display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg2 li.img_item{width:98% ;	}
	#tabcontents .tabcontent .sub4_imgs.tabimg2 li.img_item img{ margin:0 auto; max-width:400px;width:98% }
	
	#tabcontents .tabcontent .sub4_imgs.tabimg3{width:100%; display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg3 ul{display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item{width:98% ;	}
	#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item img{ margin:0 auto; max-width:400px;width:98% }

	#tabcontents .tabcontent .sub4_imgs.tabimg4{width:100%; display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg4 ul{display:block}
	#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item{width:98% ;	}
	#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item img{ margin:0 auto; max-width:400px;width:98% }
	
	#tabcontents .tabcontent .sub4_imgs.tabimg9 li.img_item{width:98% ;	}
	#tabcontents .tabcontent .sub4_imgs.tabimg9 li.img_item img{ margin:0 auto; max-width:400px;width:98% }
}


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

	#tabcontents .tabcontent .sub4_imgs.tabimg9 li.img_item{width:98% ;	}
	#tabcontents .tabcontent .sub4_imgs.tabimg9 li.img_item img{ margin:0 auto; max-width:400px;width:98% }


}