@charset "utf-8";

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

#sub_cont{margin-top:0;margin-bottom:7%}


.sub_visual{width:100%;height:auto;}
.sub_visual figure{width:inherit;height:auto;}
.sub_visual figure img{width:100%;height:auto;}

.sub_cont{padding:5vw 0}
.sub_cont h4{font-size:3em;font-weight:800;font-family: 'SUIT';margin-bottom: 1em;}
.sub_cont h4 span{font-weight:800;font-family: "Montserrat", serif;}
.sub_cont h5{font-size:1.3em;font-weight:600;padding-bottom: 1vw}
.profile01{display:grid;grid-template-columns: 30% auto;column-gap:3vw}
.profile_img_sub{width:100%;height:auto;aspect-ratio:5/3.2;background:#eee;overflow:hidden;border-radius:1em}
.profile_img_sub figure{width:100%;height:100%;object-fit:cover}
.profile_img_sub figure img{width:100%;height:100%;object-fit:cover}
.profile01 .profile_main dl{display:grid;grid-template-columns: auto 1fr;gap:1em;margin-top: 1.5em}
.profile01 .profile_main h4 span{color:orange}
.profile02 aside{display:grid;grid-template-columns: 1fr 1fr 1fr;margin-top:1vw;row-gap:2.4em}
.profile03 aside{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;margin-top:1vw;row-gap: 2.4em;}
.list_wrap dl{display:grid;grid-template-columns: 1fr 1fr;row-gap: 1em}
.profile03 aside ul li{display:flex;flex-wrap:wrap;align-items:center;gap:1em}



@media (max-width:1400px){
	.sub_cont h4{font-size:2.5em;margin-bottom:1em}

}

@media (max-width:1200px){
	.sub_cont h4{font-size:2em;margin-bottom:1em}
	
	.profile02 aside{;grid-template-columns: 1fr 1fr}
	.profile03 aside{;grid-template-columns: 1fr 1fr 1fr;row-gap: 2em}
}
@media (max-width:1024px){
.profile01{grid-template-columns: 1fr}
.profile_img_sub{margin-bottom:2em}
}
@media (max-width:768px){
	.sub_cont h5{padding-bottom:1.2em}
	.profile01{grid-template-columns: 1fr}
	.profile02 .list_wrap dl{grid-template-columns: 1fr;}
	
	.profile03 aside{;grid-template-columns: 1fr 1fr;row-gap: 2em}
	
}
@media (max-width:650px){
	.profile02 aside{;grid-template-columns:  1fr;row-gap: 2em} 
}