@charset "utf-8";

/* 내용관리 */
#ctt {margin:0px 0;padding:0px;background:#fff}

.bbs_content_wrap {margin:0 auto; width:100%;  }

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

.center-heading {display:flex; justify-content: flex-start;}
.center-heading h2 {  margin-right: auto;}
.center-heading .path { }
.center-heading .path b{font-weight:600;  }

.bbs_content_wrap .container.sub_content { margin:0 auto; width:100%; max-width:1300px;padding:20px;  }

span.ic-home:before {
	content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	color:#194E78;
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
	margin-left:-24px; 

}







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




.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 }




 .container.sub_content {
    margin: 0 auto;
    width: 100%;
    max-width: 1300px;
    padding: 20px;
}

.bbs_content_wrap .container.sub_content  .sub_body p {  text-align: left;}
.bbs_content_wrap .container.sub_content .sub_body p.long-arrow-down {   text-align: center;}
#ctt_himg.ctt_img{background-size: cover;background-position: 50% 50%;}



	/* 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;
		}	
		.sub_content {padding-top:30px}
	}



	/* 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;
		}
	}




@media only screen and (max-width: 991px) {
.bbs_content_wrap .container.sub_content .sub_text_box .txt_txt2 {font-size: 1.1rem;line-height: 160%;text-align: justify;}

}

@media only screen and (max-width: 680px) {
.bbs_content_wrap .container.sub_content .sub_body p {font-size: 1.0rem;line-height: 160%;text-align: justify;}
.bbs_content_wrap .container.sub_content .sub_text_box .txt_txt2 {font-size: 1.0rem;line-height: 160%;text-align: justify;}
}


@media only screen and (max-width: 480px) {
.bbs_content_wrap .container.sub_content .sub_text_box .txt_txt2.t-indent {	padding-left: 20px;	}
	
}

@media only screen and (max-width: 360px) {
a.tooltip-button {display:block; text-align:center	}
	
}


.Tb_PC {display:block}
.Tb_MO {display:none}


@media only screen and (max-width: 980px) {
.Tb_PC {display:none}
.Tb_MO {display:block}

.Tb_MO_tbaBtn {width:100%; display:flex; margin-bottom:14px; }
.Tb_MO_tbaBtn a {flex:1; text-align:center; border:1px solid #ddd;margin:0 2px; padding:10px 0  }
.Tb_MO_tbaBtn a:hover {color:#ff0000  }
.Tb_MO_tbaBtn a.on {color:#fff!important; background:#333 }
.Tb_MO_tbaBtn a:not([href]):not([tabindex]) { color: #fff;}


}



@media only screen and (max-width: 480px) {
	.Tbstyle_th_top th {padding: 7px 5px !important ;font-size:14px !important}
	.Tbstyle_th_top td {padding: 7px 5px !important ;font-size:13px !important}
	h3.sub_h3 { padding: 10px 0 !important;   font-size: 1.1rem !important}
	.sub6_box { padding: 15px !important; font-size: 1.0rem !important;  }
	.Tb_MO .Tbstyle_th_top th {padding: 7px 3px; font-size:14px !important}
	.Tb_MO .Tbstyle_th_top td {padding: 7px 3px; font-size:13px !important}
	.Tb_MO_tbaBtn a {font-size:14px; padding:4px 0}
	.Tb_MO_tbaBtn a.on {color:#fff!important; background:#333 }
	
	

}