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




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