/* 전체 컨테이너 (1400px 중앙 정렬) */
.member-intro-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 120px 20px;
    background-color: #fff;
}

/* 2열 그리드 배치 */
.member-intro-grid {
    display: grid;
    /* 최소 250px 너비를 유지하되, 공간이 부족하면 자동으로 행바꿈 */
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap:50px 26px;
}

/* 개별 인물 아이템 */
.member-item {
    position:relative;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 20px;
    box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.1);
    height: 456px;
    border:1px solid #F0F0F0;
}

/* 프로필 영역 (왼쪽) */
.member-profile {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-shrink: 0;
    text-align: center;
    gap:0 20px;
    padding:0 7px 15px;
}

.profile-img-box {
    width: 100px;
    height: 118px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.profile-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-img {
    background: #f8fafc;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    font-size: 12px;
}

.member-pos {
    font-size: 16px;
    color: #1e293b;
    font-weight: 400;
}

.member-name {
    font-size: 16px;
    color: #1e293b;
    font-weight: 700;
}

/* 상세 정보 영역 (오른쪽) */
.member-details {
    flex-grow: 1;
    padding:15px 7px 0;
    border-top:1px solid #F0F0F0;
    max-height: 258px;
    overflow-y: auto;
}

.detail-wrap + .detail-wrap {
    margin:12px 0 0;
}

.detail-title {
    font-size: 16px;
    font-weight: 600;
    color: #00138E;
    line-height:1.5;
}

.detail-content {
    font-size: 16px;
    min-height: 48px;
    line-height: 1.5;
    color: #333333;
    word-break: keep-all;
    font-weight:400 !important;
}

/* HTML 데이터(p, br 등) 스타일 대응 */
.detail-content p,
.detail-content span{
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
    word-break: keep-all !important;
    margin:0 !important;
    font-weight:400 !important;
}
.detail-content br { display:none; }
.member-details .view-education { position:absolute; left:22px; bottom:15px; }
.member-details .view-education a { font-size:14px; color:#7788af; font-weight:500; transition:all .3s; }
.member-details .view-education a:hover { color:#1144bb; }

/* =========================
   Tablet & Mobile
========================= */

/* 1. 태블릿 (1200px ~ 769px) */
@media (max-width: 1200px) {
}

/* 2. 모바일/태블릿 전환점 (1024px 이하) */
@media (max-width: 1024px) {
    .member-intro-container { padding:70px 15px; }
    .member-intro-grid { gap:24px 26px; }
    .member-item { height:420px; }
    .member-details { max-height:224px; }
    .member-details .view-education a { color:#1144bb; }
    .detail-wrap + .detail-wrap { margin:12px 0 0; }
}

/* 3. 모바일 전용 (768px 이하) */
@media (max-width: 768px) {

}

/* 4. 초소형 기기 (480px 이하) */
@media (max-width: 480px) {
    .member-name { font-size: 15px; }
    .detail-title { font-size: 14px; }
    .detail-content { font-size: 14px; }
    .detail-content p,
    .detail-content span { font-size: 14px !important; }
}