@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_4 {padding-top:20px;}
.sub_content.sub4_4 {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 }



	/* 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: 1;
	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 {width:100%; display:flex}
#tabcontents .tabcontent .sub4_imgs .img_item{flex:1 ; text-align:center }
#tabcontents .tabcontent .sub4_imgs img{max-width:400px; }
#tabcontents .tabcontent .sub4_imgs .img_item h4 {padding:20px; font-size:1.2rem  }

.tb_style_header {

    width: 100%;
    border-top: 1px solid #61B61B;
}
.tb_style_header th {
	font-weight:normal;
	text-align:center; 
    border-top: 1px solid #61B61B;
    color: #000;
    padding: 10px 5px;
    font-size: 16px;
    background: #F5FAF5;
    border-bottom: 1px solid #61B61B;
    border-left: 1px solid #61B61B;
}
.tb_style_header td {
	text-align:center; 
    padding: 10px 15px;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;	
}




.sub_cont_group {margin:0 auto; max-width:1100px; }
.info_box {border:1px solid #ddd; padding:20px; background:#f9f9f9 ; border-radius:12px; margin:10px 0 }	
h3.sub_tit { font-size:18px; padding-top:30px }
h3.sub_tit.first { padding-top:0 }
.br_sub4_4 {display:none}

.list_dot li { padding-left:15px; list-style-type: none;}
.list_dot li:before {
    content:"\f0da";
    font-size: 2px;
    color: #333;
    z-index: 1;
    font-family: FontAwesome;
    position: absolute;
	margin-left:-10px;

}


#tab_wrap .sub4_4 > a  { letter-spacing:-1px}
	

	
@media (max-width: 1360px){
	#tabcontents .tabcontent .sub4_imgs {  width: 100%;  display: block;}
}
	
	
@media (max-width: 1280px){
#tabmenu a {font-size: 1.0rem;}
}

@media (max-width: 991px) { 

	#tab_wrap .sub4_4 > a  { margin:0 2px;font-size:15px; padding:13px 2px; letter-spacing:-1px}
	#tab_wrap .sub4_4 > a:nth-child(4)  { letter-spacing:-2px}	
	#tabmenu {  margin-bottom: 15px;}
}		

	
@media (max-width: 768px) { 
	#tab_wrap .sub4_4 {display: block;  width: 100%;  margin-bottom: 30px;  margin-left: 0 !important;  margin-right: 0 !important;}
	
	#tab_wrap .sub4_4 > a  { margin:0 2px;font-size:1.1rem; padding:13px 2px; letter-spacing:-1px}
	#tab_wrap .sub4_4 > a:nth-child(4)  { letter-spacing:-2px}	
	.info_box {font-size:1.0rem; }
	
	#tab_wrap .sub4_4 > a  { margin:0 0px;font-size:1.0rem; padding:10px 2px; letter-spacing:-1px ; line-height:130%}
	#tab_wrap .sub4_4 a{text-align:center;  float:left; width:33%; ;display:inline-block; margin-bottom:-1px; margin-left:-1px; letter-spacing:0px}	
	#tab_wrap .sub4_4 .pc_768 {display:none}

}	


@media (max-width: 680px) {
		
	
	#tabcontents {width: 100%;	}
	#tabcontents .tabcontent {	}
	#tabcontents .tabcontent table {width: 100%;min-width: 100%;}
	table.tb_style_header.sub4_4 thead {
		position: sticky;
		top: 0;
		z-index: 1;
	}
	.tb_style_header th {  padding: 10px 5px;  font-size: 1.0rem;}
	.tb_style_header td {  padding: 10px 5px;  font-size: 1.0rem;}	
}

@media (max-width: 580px) { 
	#tab_wrap .sub4_4 > a  { font-size:1.0rem; padding:10px 2px;}	
	#tab_wrap .sub4_4 a{width:50%; ;}	
	.br_sub4_4   {display:none}
	
} 

@media (max-width: 480px) { 
	.br_sub4_4 {display:block}
	
	.info_box {font-size:0.9rem; }
	#tabcontents .tabcontent .sub4_imgs img { width:100%;  max-width: 400px;}
	#tab_wrap .sub4_4 > a  { font-size:13px; padding:10px 2px;}	
} 



@media (max-width: 360px) { 		
	#tab_wrap .sub4_4 > a  {font-size:0.8rem; }	
	
}

	



#tab_wrap .sub4_4 > a {line-height: 60px;  }
#tab_wrap .sub4_4 > a:last-child {line-height: 130%;  }



.sub43_cont.sub43_pc .sub_con_h3 {padding:50px 0 20px 0}

.sub43_img1 {width:100%; display:flex }	
.sub43_img1 .img_item {flex:1; text-align:center; }
.sub43_img1 .img_item h4 {font-size: 1.5rem;}
.sub43_cont.sub4_imgs {width: 100%;  display: block;}
.sub4_imgs.tabimg3 {  width: 100%;  display: block;}

#tabcontents .tabcontent .sub4_imgs.tabimg3 {  width: 100%;  display: block;}
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item {float:left; width:33%}
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item h4 {   padding: 20px;  font-size: 1.2rem; min-height:100px; }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item h4.no_txt {   padding: 20px;  font-size: 1.2rem; min-height:20px; }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item h4.txt1 {   padding: 20px;  font-size: 1.2rem; min-height:50px; }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item.only_img  {margin-bottom:20px }

#tabcontents .tabcontent .sub4_imgs.tabimg4 {  width: 100%;  display: block;}
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item {float:left; width:25%}
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item h4 {   padding: 20px;  font-size: 1.2rem; min-height:100px; }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item h4.no_txt {   padding: 20px;  font-size: 1.2rem; min-height:20px; }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item h4.txt1 {   padding: 20px;  font-size: 1.2rem; min-height:50px; }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item.only_img  {margin-bottom:20px }

@media (max-width: 1280px) { 
#tab_wrap .sub4_4 > a {line-height: 40px;   }
#tab_wrap .sub4_4 > a:last-child {line-height: 130%;   }
.sub43_img1 .img_item h4 {font-size: 1.2rem;padding-top:10px }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item {float:left; width:48%}
#tabcontents .tabcontent .sub4_imgs.tabimg3 img {  max-width: 400px;width:100%}
#tabcontents .tabcontent .sub4_imgs.tabimg3 li {margin-left:2% }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li:nth-child(1) {margin-left:0% }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li:nth-child(3) {margin-left:0% }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li:nth-child(5) {margin-left:0% }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li:nth-child(7) {margin-left:0% }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li:nth-child(9) {margin-left:0% }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item h4 {   padding: 10px ;  font-size: 1.0rem; min-height:90px; }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item h4.no_txt {   padding: 20px;  font-size: 1.2rem; min-height:20px; }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item h4.txt1 {   padding: 20px;  font-size: 1.2rem; min-height:40px; }




#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item {float:left; width:48%}
#tabcontents .tabcontent .sub4_imgs.tabimg4 img {  max-width: 400px;width:100%}
#tabcontents .tabcontent .sub4_imgs.tabimg4 li {margin-left:2% }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li:nth-child(1) {margin-left:0% }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li:nth-child(3) {margin-left:0% }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li:nth-child(5) {margin-left:0% }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li:nth-child(7) {margin-left:0% }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li:nth-child(9) {margin-left:0% }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item h4 {   padding: 10px ;  font-size: 1.0rem; min-height:90px; }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item h4.no_txt {   padding: 20px;  font-size: 1.2rem; min-height:20px; }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item h4.txt1 {   padding: 20px;  font-size: 1.2rem; min-height:40px; }

}


@media (max-width: 980px) { 
.sub43_img1 .img_item h4 {font-size: 1.1rem;}
.sub43_cont.sub43_pc .sub_con_h3 {font-size: 1.3rem;}


}

@media (max-width: 768px) { 
.sub43_img1 .img_item h4 {font-size: 1.0rem; margin-bottom:20px; }
.sub43_cont.sub43_pc .sub_con_h3 {font-size: 1.2rem;}
.sub43_img1 .img_item img {width:100%; }
.sub43_img1 {width:100%; display:block }	
.sub43_img1.row  {width:100%; display:block }
.sub43_img1 .img_item {width:49%;  text-align:center;float:left }

.sub43_img1 div.img_item {margin-left:2% }
.sub43_img1 div.img_item:nth-child(1) {margin-left:0% }
.sub43_img1 div.img_item:nth-child(3) {margin-left:0% }
.sub43_img1 div.img_item:nth-child(5) {margin-left:0% }
.sub43_img1 div.img_item:nth-child(7) {margin-left:0% }
.sub43_img1 div.img_item:nth-child(9) {margin-left:0% }

#tab_wrap .sub4_4 > a {line-height: 130%;   }
#tab_wrap .sub4_4 > a:last-child {line-height: 130%;  }
}


@media (max-width: 480px) {
.sub43_img1 .img_item {  float: none;   width: 100%;} 
#tabcontents .tabcontent .sub4_imgs.tabimg3 li {  margin-left: 0%;}
#tabcontents .tabcontent .sub4_imgs.tabimg3 li + li {  margin-top: 10px;}
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item { float: none;   width: 100%;}
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item h4 {   padding: 10px ;  font-size: 0.9rem; min-height:70px; }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item h4.no_txt {   padding: 10px;  font-size: 0.9rem; min-height:20px; }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.img_item h4.txt1 {   padding: 10px;  font-size: 0.9rem; min-height:30px; }
#tabcontents .tabcontent .sub4_imgs.tabimg3 li.only_img + li.only_img {  margin-top: 10px;}


#tabcontents .tabcontent .sub4_imgs.tabimg4 li {  margin-left: 0%;}
#tabcontents .tabcontent .sub4_imgs.tabimg4 li + li {  margin-top: 10px;}
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item { float: none;   width: 100%;}
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item h4 {   padding: 10px ;  font-size: 0.9rem; min-height:70px; }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item h4.no_txt {   padding: 10px;  font-size: 0.9rem; min-height:20px; }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.img_item h4.txt1 {   padding: 10px;  font-size: 0.9rem; min-height:30px; }
#tabcontents .tabcontent .sub4_imgs.tabimg4 li.only_img + li.only_img {  margin-top: 10px;}
}