@charset "utf-8";

/* ============================================
   임원 안내 (executive) 전용 스타일
   프로필 카드형(사진 + 이름 + 소속) 디자인
   색상/폰트는 레이아웃의 공통 변수(--color 등) 사용
   ============================================ */

/* --- 소제목 헬퍼 --- */
h4 {font-size:1.625rem; margin-bottom:10px;}
.con_tit {display:flex; align-items:flex-start;}
.con_tit::before {content:''; background:url(images/icon_con_tit.png) 0 0 no-repeat; background-size:contain; flex:0 0 1.25rem; width:1.25rem; height:1.25rem; margin:0.5rem 8px 0 0;}

.exec_wrap {--ring:linear-gradient(135deg, #3357a1 0%, #4ec8aa 100%);}
.exec_sec {margin-top:3.125rem;}
.exec_sec:first-child {margin-top:0;}
.exec_sec .con_tit {margin-bottom:1.5rem;}
.exec_sec .con_tit .count {font-size:1rem; font-weight:600; color:var(--color); margin-left:10px; align-self:center;}

/* 프로필 카드 공통 */
.exec_grid {display:grid; gap:1.25rem;}
.exec_card {display:flex; flex-direction:column; align-items:center; background:#fff; border:1px solid #e5e9f0; border-radius:18px; padding:1.75rem 1rem 1.5rem; box-shadow:0 6px 18px rgba(30,50,90,0.06); transition:all .25s ease-out; text-align:center;}
.exec_card:hover {transform:translateY(-5px); box-shadow:0 12px 26px rgba(30,50,90,0.13); border-color:#cdd8ea;}
.exec_card .photo {position:relative; width:120px; height:120px; border-radius:50%; padding:4px; background:var(--ring); margin-bottom:1rem;}
.exec_card .photo img {width:100%; height:100%; border-radius:50%; object-fit:cover; background:#eef2f9; border:3px solid #fff;}
.exec_card .role {display:inline-block; background:#eef3fb; color:var(--color); font-size:0.8125rem; font-weight:700; border-radius:50rem; padding:3px 12px; margin-bottom:0.5rem;}
.exec_card .name {font-size:1.25rem; font-weight:700; color:#222; line-height:1.3;}
.exec_card .name .en {display:block; font-size:0.9375rem; font-weight:500; color:#888; margin-top:2px; letter-spacing:0;}
.exec_card .org {font-size:0.9688rem; color:#666; margin-top:0.375rem; line-height:1.4;}

/* 회장 (대표 카드) */
.exec_head {background:linear-gradient(120deg, #f4f7fd 0%, #eef7f5 100%); border:1px solid #dde6f2; border-radius:24px; padding:2.5rem; display:flex; flex-direction:column; align-items:center; text-align:center; gap:1.25rem;}
.exec_head .photo {position:relative; width:160px; height:160px; border-radius:50%; padding:5px; background:var(--ring); flex:0 0 auto;}
.exec_head .photo img {width:100%; height:100%; border-radius:50%; object-fit:cover; background:#eef2f9; border:4px solid #fff;}
.exec_head .info .role {display:inline-block; background:var(--color); color:#fff; font-size:0.875rem; font-weight:700; border-radius:50rem; padding:4px 16px; margin-bottom:0.75rem;}
.exec_head .info .name {font-size:2rem; font-weight:700; color:#1e2a44; line-height:1.2;}
.exec_head .info .org {font-size:1.125rem; color:#4a5875; margin-top:0.5rem;}
.exec_head .info .desc {max-width:640px; color:#5a6577; margin-top:1rem; line-height:1.6;}

/* 컬럼 수 */
.exec_grid.col6 {grid-template-columns:repeat(3, 1fr);}
.exec_grid.col1 {grid-template-columns:1fr; max-width:220px;}
.exec_grid.col-adv {grid-template-columns:repeat(2, 1fr);}

.exec_note {margin-top:2.5rem;}

@media screen and (min-width:769px) {
	.exec_head {flex-direction:row; text-align:left; gap:2.5rem;}
	.exec_head .info .role {margin-bottom:0.875rem;}
	.exec_grid.col6 {grid-template-columns:repeat(6, 1fr);}
	.exec_grid.col-adv {grid-template-columns:repeat(4, 1fr);}
}

@media (min-width:481px) and (max-width:768px) {
	.exec_grid.col6, .exec_grid.col-adv {grid-template-columns:repeat(3, 1fr);}
	.exec_grid.col1 {grid-template-columns:1fr; max-width:200px;}
}

@media screen and (max-width:480px) {
	.exec_grid {gap:0.875rem;}
	.exec_grid.col6, .exec_grid.col-adv {grid-template-columns:repeat(2, 1fr);}
	.exec_grid.col1 {grid-template-columns:1fr; max-width:170px; margin:0 auto;}
	.exec_card {padding:1.25rem 0.625rem 1.125rem;}
	.exec_card .photo {width:92px; height:92px;}
	.exec_card .name {font-size:1.125rem;}
	.exec_head {padding:1.75rem 1.25rem;}
	.exec_head .photo {width:130px; height:130px;}
	.exec_head .info .name {font-size:1.625rem;}
}

/* 안내문구 */
.exec_note {background:#f7f9fc; border:1px dashed #d3dbe8; border-radius:12px; padding:1rem 1.25rem; color:#667; font-size:0.9375rem; line-height:1.6;}