@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/nanumpenscript.css');

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

.intro {  width:100%; max-width:1230px; line-height:1; margin:0 auto; padding:clamp(40px, 10vw, 60px) 15px clamp(70px, 12vw, 90px);; text-align:center;  font-size:16px; }
.intro_tit { font-size:clamp(20px, 3vw, 40px); font-weight: 700; color: #000; letter-spacing:-0.05em; }
.intro_txt { margin:0 auto; margin-top:min(15px, 2%); font-size:clamp(15px, 3vw, 26px); letter-spacing:-0.05em; color:#878787; word-break:keep-all; }

.staff_tab_wrap { display:flex; align-items:center; justify-content:center; width:100%; max-width:1200px; height:clamp(45px, 4vw, 60px); margin:0 auto; border-radius:0; background:#f7f7f7; overflow:hidden; }
.staff_tab_btn { display:flex; align-items:center; justify-content:center; flex:1; height:100%; padding:0 15px; border:0; background:transparent; font-size:clamp(14px, 2.2vw, 22px); font-weight:500; color:#aaa; letter-spacing:-0.02em; cursor:pointer; transition:all 0.25s ease; }
.staff_tab_btn.active { background:#fff; border:1px solid #ddd; font-weight:600; color:#1d438a; }

.staff_contents { display:flex; align-items:flex-start; justify-content:center; gap:clamp(45px, 6vw, 80px); width:100%; max-width:1200px; margin:clamp(30px, 5vw, 80px) auto 0; text-align:left; }

.staff_profile { width:35%; max-width:340px; flex:0 0 35%; }
.staff_img { width:100%; border-radius:clamp(8px, 1vw, 14px); overflow:hidden; background:#eee; }
.staff_img img { display:block; width:100%; }

.staff_name { margin-top:clamp(25px, 4vw, 50px); }
.staff_name strong { display:block; line-height:1.1; font-size:clamp(30px, 4vw, 46px); font-weight:700; color:#111; letter-spacing:-0.02em; }
.staff_name strong span { margin-left:6px; font-size:clamp(16px, 2.2vw, 24px); font-weight:600; letter-spacing:-0.02em; }
.staff_name em { display:block; margin-top:8px; line-height:1.2; font-size:16px; font-style:normal; font-weight:400; color:#888; letter-spacing:-0.02em; }

.staff_position { width:100%; margin-top:clamp(15px, 2vw, 22px); padding-top:clamp(15px, 2vw, 22px); border-top:1px solid #999; line-height:1.3; font-size:clamp(18px, 2.2vw, 24px); font-weight:600; color:#111; letter-spacing:-0.02em; }

.staff_cate_wrap { display:flex; flex-flow:column; align-items:flex-start; gap:clamp(8px, 1.2vw, 14px); margin-top:clamp(25px, 4vw, 50px); }
.staff_cate_btn {
	display:flex; align-items:center; justify-content:center; min-width:clamp(145px, 16vw, 230px); min-height:clamp(38px, 3vw, 46px); padding:0 clamp(15px, 2vw, 24px); border:1px solid #0065b3; border-radius:5px; background:#fff;
	font-size:clamp(14px, 1.4vw, 16px); font-weight:600; color:#1d438a; letter-spacing:-0.02em; cursor:pointer; transition:all 0.25s ease;
}
.staff_cate_btn.active { background:linear-gradient(to right, #2c5aa0 0%, #1d438a 100%);; color:#fff; }

.staff_text { flex:1; min-width:0; line-height:1.9; padding:clamp(20px, 3vw, 40px); border-radius:clamp(8px, 1vw, 14px); background:#f7f7f7; font-size:clamp(14px, 2.2vw, 20px); font-weight:300; color:#111; letter-spacing:-0.02em; }
.staff_text p { margin:0; padding:0; word-break:keep-all; }
.staff_text br { display:block; }

.career_panel { display:none; }
.career_panel.active { display:block; }


/* 반응형 */
@media (max-width: 1450px){
	
}

@media (max-width: 1250px){

}

@media (max-width: 1200px){

}

@media (max-width: 980px){

}

@media (max-width: 870px){

}

@media (max-width: 760px){

	.staff_contents { flex-flow:column; align-items:center; gap:20px; text-align:center; }
	.staff_profile { width:100%; max-width:none; flex:none; }
	.staff_text { width:100%; padding:20px 15px; text-align:left; }
	.staff_cate_wrap { width:100%; align-items:stretch; }
	.staff_cate_btn { width:100%; min-width:0; min-height:48px; }

}

@media (max-width: 650px){

}

@media (max-width: 540px){

}

@media (max-width: 430px){

}