/* ------------------------------------------------------ */
/* 10. 역대 회장 페이지 스타일 */
/* ------------------------------------------------------ */
.ex-presidents-grid {
    display: flex;
    flex-wrap: wrap; /* 내용이 넘치면 다음 줄로 이동 */
    gap: 20px; /* 카드 사이 간격 */
    justify-content: flex-start; /* 왼쪽부터 채우기 */
}

.president-card {
    /* (100% - (3 * gap)) / 4 = 한 칸의 너비 */
    width: calc(25% - 15px); /* 💡 가로 4열: 100%를 4등분하고 gap을 보정 */
    background-color: #fff;
    border: 1px solid #eee;
    padding: 15px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.card-photo {
    height: 200px; /* 사진 영역 고정 높이 */
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 4px;
}

.card-photo img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 사진 비율 유지하며 영역 채우기 */
    display: block;
}

.card-info p {
    margin: 3px 0;
    line-height: 1.3;text-align:center;
}

.card-title {
    font-weight: bold;
    color: #0056b3;
    font-size: 1.1em;
}

.card-name {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
}

.card-affiliation {
    font-size: 0.9em;
    color: #666;
}

.blank_line{
    height:200px;
}

/* ------------------------------------------------------ */
/* 모바일 반응형 스타일: 768px 이하 화면 수정 */
/* ------------------------------------------------------ */
@media (max-width: 768px) {
    /* ... (기존 모바일 CSS 유지) ... */
    
    .ex-presidents-grid {
        justify-content: space-around; /* 중앙 정렬 */
    }

    .president-card {
        /* (100% - gap) / 2 = 한 칸의 너비 */
        width: calc(50% - 10px); /* 💡 모바일 가로 2열: 100%를 2등분하고 gap을 보정 */
    }

    .card-photo {
        height: 150px; /* 모바일에서는 사진 높이 줄임 */
    }

    .blank_line{
    height:10px;
    }
}