/* 현재 학장 배너 (Figma Group 368, 1520×432) — 탭 아래 / 역대 그리드 위 간격 */
.dean-current-banner {
    display: block;
    width: 100%;
    margin-bottom: 100px;
}

/* 역대학장 그리드는 공용 5열(board.css)의 예외로 4열을 쓴다.
 * 이 파일이 board.css보다 뒤에 로드되므로, 좁은 구간 계단(3 → 2 → 1)까지
 * 여기서 다시 선언해야 공용 미디어쿼리가 가려지지 않는다 */
.content-set[data-view="grid"] {
    grid-template-columns: repeat(4, 1fr);
}


.dean-current {
    position: relative;

    width: 100%;
    height: 335px;

    margin-top: 130px;
    margin-bottom: 60px;

    overflow: visible;
}


/* =========================================================
   01. 배경
   배경 이미지를 변경하려면 여기 URL만 변경
========================================================= */

.dean-current-bg {
    position: absolute;

    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    z-index: 1;

    background-image: url("/pages/medicine_jnu/img/sub/dean_bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    overflow: hidden;
}


/* =========================================================
   02. 학장 사진
   인물 사진 변경 시 여기 URL만 변경
   반드시 배경 없는 PNG 권장
========================================================= */

.dean-current-photo {
    position: absolute;

    left: 39%;
    bottom: 0;

    z-index: 2;

    width: 320px;
    height: 382px;

    transform: translateX(-50%);

    background-image: url("/pages/medicine_jnu/img/sub/dean_37.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;

    pointer-events: none;
}


/* 학장 정보 */

.dean-current-info {
    position: absolute;

    left: 58%;
    top: 50%;

    z-index: 3;

    transform: translateY(-50%);

    color: #fff;
}


/* 현재학장 */
.dean-current-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 106px;
    height: 40px;

    padding: 0 18px;
    margin-bottom: 13px;

    border-radius: 4px;

    background: #fff;

    color: #17584e;

    font-size: 20px;
    font-weight: 700;
}


/* 제37대 의과대학장 */
.dean-current-position {
    margin: 0 0 15px;

    color: #fff;

    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;
}


/* 이름 */
.dean-current-name {
    margin: 0;

    color: #fff;

    font-size: 44px;
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: -1px;
}


/* 학력 / 전공 */
.dean-current-profile {
    margin: 1px 0 0;

    color: rgba(255, 255, 255, 0.75);

    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}


/* 재임기간 */
.dean-current-period {
    margin: 35px 0 0;

    color: #fff;

    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
}


@media (max-width: 1200px) {
    .content-set[data-view="grid"] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .content-set[data-view="grid"] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
  @media (max-width: 600px) {
    .content-set[data-view="grid"] {
        grid-template-columns: repeat(1, 1fr);
    }

 .dean-current {
        height: 480px;
        margin-top: 30px;
        margin-bottom: 40px;
        overflow: hidden;
    }


    /* 모바일용 배경 위치 */
    .dean-current-bg {
        background-position: center;
    }


    /* 텍스트 */
    .dean-current-info {
        left: 25px;
        right: 25px;
        top: 35px;
        transform: none;
        text-align: center;
    }


    .dean-current-label {
        min-width: auto;
        height: 34px;

        padding: 0 14px;

        font-size: 14px;
    }


    .dean-current-position {
        margin-bottom: 8px;

        font-size: 19px;
    }


    .dean-current-name {
        font-size: 34px;
    }


    .dean-current-profile {
        font-size: 14px;
    }


    .dean-current-period {
        margin-top: 14px;

        font-size: 16px;
    }


    /* 인물은 아래 가운데 */
    .dean-current-photo {
        left: 50%;
        bottom: -5px;
        width: 230px;
        height: 290px;
        transform: translateX(-50%);
    }


}