/* =========================================================
   충북대학교 식물자원학과
   교육목표
   교육목표 + 4대 핵심목표
   PC / MOBILE 1열 4개
========================================================= */
.cbu-goal,
.cbu-goal * {
    box-sizing: border-box;
}
.cbu-goal {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 20px 70px;
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Malgun Gothic",
        sans-serif;
    color: #333;
}
/* =========================================================
   HEADER
========================================================= */
.cbu-goal-head {    position: relative;    margin-bottom: 42px;   padding-left: 20px;}
.cbu-goal-head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 64px;
    border-radius: 10px;
    background:
        linear-gradient(
            180deg,
            #2f735c 0%,
            #82a58f 100%
        );
}
.cbu-goal-head .eng {
    display: block;
    margin-bottom: 7px;
    color: #789585;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}
.cbu-goal-head h2 {
    margin: 0;
    color: #203d31;
    font-size: 35px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -1.5px;
}
.cbu-goal-head p {
    margin: 9px 0 0;
    color: #78827c;
    font-size: 14px;
    line-height: 1.8;
    word-break: keep-all;
}
/* =========================================================
   EDUCATION GOAL
========================================================= */
.cbu-goal-main {
    position: relative;
    overflow: hidden;
    margin-bottom: 55px;
    padding: 45px 55px;
    border-radius: 20px;
    background:
        linear-gradient(
            135deg,
            #244f3b 0%,
            #396c54 58%,
            #507f65 100%
        );
    box-shadow:
        0 16px 38px rgba(37,79,59,.16);
}
/* 배경 장식 */
.cbu-goal-main::before {
    content: "PLANT";
    position: absolute;
    right: 35px;
    bottom: -30px;
    color: rgba(255,255,255,.055);
    font-family: Georgia, serif;
    font-size: 115px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}
/* 영문 라벨 */
.cbu-goal-main .label {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 14px;
    border:
        1px solid rgba(255,255,255,.25);
    border-radius: 20px;
    color: #dcebe2;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}
/* 제목 */
.cbu-goal-main h3 {
    position: relative;
    z-index: 2;
    margin: 18px 0 14px;
    color: #fff;
    font-size: 27px;
    line-height: 1.55;
    font-weight: 700;
    letter-spacing: -1px;
    word-break: keep-all;
}
/* 설명 */
.cbu-goal-main p {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0;
    color: rgba(255,255,255,.87);
    font-size: 16px;
    line-height: 2;
    word-break: keep-all;
}
/* =========================================================
   4대 핵심목표 TITLE
========================================================= */
.cbu-goal-section-title {
    margin-bottom: 28px;
    text-align: center;
}
.cbu-goal-section-title .eng {
    display: block;
    margin-bottom: 7px;
    color: #82a08e;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.5px;
}
.cbu-goal-section-title h3 {
    margin: 0;
    color: #294938;
    font-size: 23px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -.7px;
}
/* =========================================================
   4대 핵심목표
   ★ PC에서도 아래로 1개씩
========================================================= */
.cbu-goal-grid {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
}
/* =========================================================
   GOAL CARD
========================================================= */
.cbu-goal-card {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 150px;
    padding: 28px 34px;
    border:
        1px solid #e0e9e3;
    border-radius: 17px;
    background: #fff;
    box-shadow:
        0 8px 25px rgba(40,73,55,.055);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}
/* 카드 왼쪽 포인트 */
.cbu-goal-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background:
        linear-gradient(
            180deg,
            #315f4b,
            #82a58f
        );
}
/* 카드 하단 장식 */
.cbu-goal-card::after {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -45px;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    background:
        rgba(47,115,92,.045);
    pointer-events: none;
}
/* Hover */
.cbu-goal-card:hover {
    transform: translateY(-4px);
    border-color: #c6dacf;
    box-shadow:
        0 15px 32px rgba(40,73,55,.11);
}
/* =========================================================
   NUMBER
========================================================= */
.cbu-goal-number {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-right: 28px;
    border-radius: 15px;
    background:
        linear-gradient(
            135deg,
            #315f4b,
            #5d8b70
        );
    color: #fff;
    font-family: Georgia, serif;
    font-size: 18px;
    font-weight: 700;
    box-shadow:
        0 7px 17px rgba(49,95,75,.18);
}
/* =========================================================
   CONTENT
========================================================= */
.cbu-goal-card-content {
    position: relative;
    z-index: 2;
    flex: 1;
    min-width: 0;
}
/* =========================================================
   CARD TITLE
========================================================= */
.cbu-goal-card h4 {
    margin: 0 0 8px;
    color: #294938;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -.5px;
    word-break: keep-all;
}
/* =========================================================
   DESCRIPTION
========================================================= */
.cbu-goal-card p {
    max-width: 900px;
    margin: 0;
    color: #68736d;
    font-size: 16px;
    line-height: 1.85;
    word-break: keep-all;
}
/* =========================================================
   카드별 번호 포인트
========================================================= */
.cbu-goal-card:nth-child(1) .cbu-goal-number {
    background:
        linear-gradient(
            135deg,
            #315f4b,
            #5d8b70
        );
}
.cbu-goal-card:nth-child(2) .cbu-goal-number {
    background:
        linear-gradient(
            135deg,
            #3d6e55,
            #70957f
        );
}
.cbu-goal-card:nth-child(3) .cbu-goal-number {
    background:
        linear-gradient(
            135deg,
            #426f5a,
            #78a087
        );
}
.cbu-goal-card:nth-child(4) .cbu-goal-number {
    background:
        linear-gradient(
            135deg,
            #315f4b,
            #688f79
        );
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 700px) {
    .cbu-goal {
        padding:
            12px
            12px
            55px;
    }
    /* HEADER */
    .cbu-goal-head {
        margin-bottom: 34px;
        padding-left: 16px;
    }
    .cbu-goal-head::before {
        width: 3px;
        height: 50px;
    }
    .cbu-goal-head .eng {
        margin-bottom: 6px;
        font-size: 9px;
        letter-spacing: 2px;
    }
    .cbu-goal-head h2 {
        font-size: 27px;
        letter-spacing: -1px;
    }
    .cbu-goal-head p {
        font-size: 14px;
    }
    /* =====================================================
       MAIN
    ===================================================== */
    .cbu-goal-main {
        margin-bottom: 42px;
        padding:
            29px
            22px;
        border-radius: 15px;
    }
    .cbu-goal-main .label {
        height: 26px;
        padding: 0 12px;
        font-size: 8px;
    }
    .cbu-goal-main h3 {
        margin:
            15px
            0
            12px;
        font-size: 20px;
        line-height: 1.6;
    }
    .cbu-goal-main p {
        font-size: 16px;
        line-height: 1.9;
    }
    .cbu-goal-main::before {
        right: 5px;
        bottom: -15px;
        font-size: 65px;
    }
    /* =====================================================
       SECTION TITLE
    ===================================================== */
    .cbu-goal-section-title {
        margin-bottom: 20px;
    }
    .cbu-goal-section-title .eng {
        font-size: 13px;
        letter-spacing: 2px;
    }
    .cbu-goal-section-title h3 {
        font-size: 19px;
    }
    /* =====================================================
       4대 핵심목표
    ===================================================== */
    .cbu-goal-grid {
        display: flex;
        flex-direction: column;
        gap: 13px;
    }
    /* =====================================================
       CARD
    ===================================================== */
    .cbu-goal-card {
        display: flex;
        align-items: flex-start;
        min-height: 0;
        padding:
            22px
            20px;
        border-radius: 14px;
    }
    .cbu-goal-card::before {
        width: 3px;
    }
    /* NUMBER */
    .cbu-goal-number {
        width: 43px;
        height: 43px;
        margin-right: 15px;
        border-radius: 11px;
        font-size: 15px;
    }
    /* CONTENT */
    .cbu-goal-card h4 {
        margin-bottom: 7px;
        font-size: 16px;
    }
    .cbu-goal-card p {
        font-size: 16px;
        line-height: 1.8;
    }
}
/* =========================================================
   380px 이하
========================================================= */
@media (max-width: 380px) {
    .cbu-goal {
        padding-left: 9px;
        padding-right: 9px;
    }
    .cbu-goal-head h2 {
        font-size: 24px;
    }
    .cbu-goal-main {
        padding:
            25px
            18px;
    }
    .cbu-goal-main h3 {
        font-size: 18px;
    }
    .cbu-goal-card {
        padding:
            20px
            17px;
    }
    .cbu-goal-number {
        width: 40px;
        height: 40px;
        margin-right: 12px;
    }
    .cbu-goal-card h4 {
        font-size: 15px;
    }
    .cbu-goal-card p {
        font-size: 15px;
    }
}
/* =========================================================
   충북대학교 식물자원학과
   학과연혁 FULL CODE
   FINAL VERSION
   - 년/월과 컨텐츠 세로 중앙 정렬
   - 중앙 DOT와 연결선 정확히 정렬
   - PC 좌우 대칭
   - MOBILE 오류 방지
========================================================= */
.cbu-history,
.cbu-history * {
    box-sizing: border-box;
}
.cbu-history {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 20px 80px;
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Malgun Gothic",
        sans-serif;
    color: #333;
}
/* =========================================================
   HEADER
========================================================= */
.cbu-history-head {
    position: relative;
    margin: 0 0 45px;
    padding-left: 20px;
}
.cbu-history-head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 64px;
    border-radius: 10px;
    background: linear-gradient(
        180deg,
        #2f735c 0%,
        #82a58f 100%
    );
}
.cbu-history-head .eng {
    display: block;
    margin-bottom: 7px;
    color: #789585;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}
.cbu-history-head h2 {
    margin: 0;
    color: #203d31;
    font-size: 35px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -1.5px;
}
.cbu-history-head p {
    margin: 9px 0 0;
    color: #78827c;
    font-size: 14px;
    line-height: 1.8;
}
/* =========================================================
   INTRO
========================================================= */
.cbu-history .cbu-history-intro {
    position: relative;
    overflow: hidden;
    margin-bottom: 65px;
    padding: 32px 38px;
    border: 1px solid #dce8e0;
    border-radius: 17px;
    background: linear-gradient(
        135deg,
        #f2f8f4 0%,
        #fbfdfb 100%
    );
}
.cbu-history .cbu-history-intro::after {
    content: "HISTORY";
    position: absolute;
    right: 25px;
    bottom: -30px;
    color: rgba(47,115,92,.045);
    font-family: Georgia, serif;
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
}
.cbu-history .cbu-history-intro .small {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 8px;
    color: #70917d;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}
.cbu-history .cbu-history-intro h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 8px;
    color: #294938;
    font-size: 21px;
    line-height: 1.5;
    font-weight: 700;
}
.cbu-history .cbu-history-intro p {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0;
    color: #69756e;
    font-size: 16px;
    line-height: 1.9;
    word-break: keep-all;
}
/* =========================================================
   TIMELINE
========================================================= */
.cbu-history .cbu-history-timeline {
    position: relative;
    width: 100%;
    padding: 5px 0 20px;
}
/* =========================================================
   중앙 세로선
========================================================= */
.cbu-history .cbu-history-timeline::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 42px;
    bottom: 42px;
    width: 2px;
    transform: translateX(-50%);
    background: #cbdad1;
}
/* =========================================================
   START
========================================================= */
.cbu-history .cbu-history-start {
    position: relative;
    z-index: 10;
    width: 100%;
    margin-bottom: 28px;
    text-align: center;
}
.cbu-history .cbu-history-start span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 125px;
    height: 32px;
    padding: 0 18px;
    border: 1px solid #d8e5dc;
    border-radius: 20px;
    background: #f7faf8;
    color: #6b8977;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px;
}
/* =========================================================
   ITEM
   ★ 각 ITEM 자체가 중앙 DOT 위치의 기준
========================================================= */
.cbu-history .cbu-history-item {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns:
        1fr 1fr;
    width: 100%;
    min-height: 155px;
    margin: 0;
}
/* =========================================================
   SIDE
========================================================= */
.cbu-history .cbu-history-side {
    position: relative;
    width: 100%;
}
/* =========================================================
   LEFT
========================================================= */
.cbu-history .cbu-history-item.left .cbu-history-side.left {
    padding-right: 58px;
    text-align: right;
}
/* =========================================================
   RIGHT
========================================================= */
.cbu-history .cbu-history-item.right .cbu-history-side.right {
    padding-left: 58px;
    text-align: left;
}
/* =========================================================
   YEAR
   ★ 카드와 같은 영역 안에 배치
========================================================= */
.cbu-history .cbu-history-year {
    position: relative;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    min-width: 84px;
    margin: 0 0 8px;
    padding: 0 15px;
    border-radius: 20px;
    background: #315f4b;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    box-shadow:
        0 5px 14px rgba(49,95,75,.14);
}
/* =========================================================
   CARD
========================================================= */
.cbu-history .cbu-history-card {
    position: relative;
    z-index: 4;
    width: 100%;
    max-width: 455px;
    padding: 19px 22px;
    border: 1px solid #e0e9e3;
    border-radius: 13px;
    background: #fff;
    box-shadow:
        0 7px 24px rgba(40,73,55,.055);
    text-align: left;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}
/* =========================================================
   LEFT CARD
========================================================= */
.cbu-history .cbu-history-item.left
.cbu-history-side.left
.cbu-history-card {
    margin-left: auto;
}
/* =========================================================
   RIGHT CARD
========================================================= */
.cbu-history .cbu-history-item.right
.cbu-history-side.right
.cbu-history-card {
    margin-right: auto;
}
/* =========================================================
   연결선
   ★ 카드의 정확한 세로 중앙
========================================================= */
.cbu-history .cbu-history-item.left
.cbu-history-side.left
.cbu-history-card::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -58px;
    width: 58px;
    height: 1px;
    transform: translateY(-50%);
    background: #a9bbb0;
}
.cbu-history .cbu-history-item.right
.cbu-history-side.right
.cbu-history-card::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: -58px;
    width: 58px;
    height: 1px;
    transform: translateY(-50%);
    background: #a9bbb0;
}
/* =========================================================
   중앙 DOT
   ★ 카드 연결선과 정확하게 같은 Y값
========================================================= */
.cbu-history .cbu-history-dot {
    position: absolute;
    z-index: 20;
    left: 50%;
    top: 64%;
    width: 17px;
    height: 17px;
    margin: 0;
    transform:
        translate(-50%, -50%);
    border: 4px solid #fff;
    border-radius: 50%;
    background: #5d8b70;
    box-shadow:
        0 0 0 1px #91ad9d,
        0 3px 8px rgba(47,115,92,.18);
}
/* =========================================================
   최신 연혁
========================================================= */
.cbu-history .cbu-history-item.latest .cbu-history-year {
    background:
        linear-gradient(
            135deg,
            #244f3b 0%,
            #4b8264 100%
        );
}
.cbu-history .cbu-history-item.latest .cbu-history-card {
    border-color: #c9ddd1;
    background:
        linear-gradient(
            135deg,
            #f5faf7 0%,
            #ffffff 100%
        );
}
.cbu-history .cbu-history-item.latest .cbu-history-dot {
    width: 21px;
    height: 21px;
    background: #2f735c;
    box-shadow:
        0 0 0 4px rgba(47,115,92,.10),
        0 0 0 1px #709a80;
}
/* =========================================================
   TEXT
========================================================= */
.cbu-history .cbu-history-period {
    display: block;
    margin-bottom: 7px;
    color: #7b9987;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.cbu-history .cbu-history-card strong {
    display: block;
    margin: 0 0 6px;
    color: #294938;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    word-break: keep-all;
}
.cbu-history .cbu-history-card p {
    margin: 0;
    color: #69736d;
    font-size: 15.5px;
    line-height: 1.8;
    word-break: keep-all;
}
/* =========================================================
   HOVER
========================================================= */
.cbu-history .cbu-history-card:hover {
    transform: translateY(-3px);
    box-shadow:
        0 12px 30px rgba(40,73,55,.10);
}
/* =========================================================
   END
========================================================= */
.cbu-history .cbu-history-end {
    position: relative;
    z-index: 10;
    width: 100%;
    margin-top: 28px;
    text-align: center;
}
.cbu-history .cbu-history-end span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 125px;
    height: 32px;
    padding: 0 18px;
    border-radius: 20px;
    background: #315f4b;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px;
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 700px) {
    .cbu-history {
        width: 100%;
        padding:
            12px
            12px
            55px;
    }
    /* HEADER */
    .cbu-history-head {
        margin-bottom: 34px;
        padding-left: 16px;
    }
    .cbu-history-head::before {
        width: 3px;
        height: 50px;
    }
    .cbu-history-head .eng {
        margin-bottom: 6px;
        font-size: 9px;
        letter-spacing: 2px;
    }
    .cbu-history-head h2 {
        font-size: 27px;
        letter-spacing: -1px;
    }
    .cbu-history-head p {
        font-size: 12px;
    }
    /* INTRO */
    .cbu-history .cbu-history-intro {
        margin-bottom: 42px;
        padding:
            23px
            19px;
        border-radius: 13px;
    }
    .cbu-history .cbu-history-intro h3 {
        font-size: 18px;
    }
    .cbu-history .cbu-history-intro p {
        font-size: 16px;
        line-height: 1.85;
    }
    .cbu-history .cbu-history-intro::after {
        right: 15px;
        bottom: -15px;
        font-size: 60px;
    }
    /* =====================================================
       MOBILE TIMELINE
    ===================================================== */
    .cbu-history .cbu-history-timeline {
        padding: 0 0 15px;
    }
    /* 모바일 중앙선 = 왼쪽 기준선 */
    .cbu-history .cbu-history-timeline::before {
        left: 18px;
        top: 40px;
        bottom: 40px;
        width: 2px;
        transform: none;
    }
    /* START */
    .cbu-history .cbu-history-start {
        margin-bottom: 25px;
        padding-left: 42px;
        text-align: left;
    }
    .cbu-history .cbu-history-start span {
        min-width: 110px;
        height: 29px;
        font-size: 11px;
    }
    /* =====================================================
       ITEM
    ===================================================== */
    .cbu-history .cbu-history-item,
    .cbu-history .cbu-history-item.left,
    .cbu-history .cbu-history-item.right {
        display: block;
        width: 100%;
        min-height: 0;
        margin:
            0 0 25px;
        padding:
            0 0 0 43px;
    }
    /* SIDE */
    .cbu-history .cbu-history-side,
    .cbu-history .cbu-history-item.left .cbu-history-side.left,
    .cbu-history .cbu-history-item.right .cbu-history-side.right {
        width: 100%;
        padding: 0;
        text-align: left;
    }
    /* 빈 SIDE */
    .cbu-history .cbu-history-side:empty {
        display: none;
    }
    /* =====================================================
       YEAR
       ★ 모바일에서는 컨텐츠 위에 위치
    ===================================================== */
    .cbu-history .cbu-history-year {
        min-width: 72px;
        height: 29px;
        margin:
            0 0 8px;
        padding:
            0 11px;
        font-size: 12px;
    }
    /* =====================================================
       CARD
    ===================================================== */
    .cbu-history .cbu-history-card,
    .cbu-history .cbu-history-item.left
    .cbu-history-side.left
    .cbu-history-card,
    .cbu-history .cbu-history-item.right
    .cbu-history-side.right
    .cbu-history-card {
        width: 100%;
        max-width: none;
        margin: 0;
        padding:
            16px
            17px;
        border-radius: 11px;
    }
    /* =====================================================
       MOBILE 연결선
       ★ 카드 중앙이 아니라
         DOT 기준선과 정확하게 맞춤
    ===================================================== */
    .cbu-history .cbu-history-item.left
    .cbu-history-side.left
    .cbu-history-card::after,
    .cbu-history .cbu-history-item.right
    .cbu-history-side.right
    .cbu-history-card::after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 14px;
        left: -25px;
        right: auto;
        width: 25px;
        height: 1px;
        transform: none;
        background: #a9bbb0;
    }
    /* =====================================================
       MOBILE DOT
    ===================================================== */
    .cbu-history .cbu-history-dot {
        left: 18px;
        top: 14px;
        width: 14px;
        height: 14px;
        transform:
            translate(-50%, -50%);
        border-width: 3px;
    }
    .cbu-history .cbu-history-item.latest
    .cbu-history-dot {
        left: 18px;
        top: 14px;
        width: 18px;
        height: 18px;
    }
    /* TEXT */
    .cbu-history .cbu-history-period {
        margin-bottom: 5px;
        font-size: 12px;
        letter-spacing: 1.2px;
    }
    .cbu-history .cbu-history-card strong {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 1.5;
    }
    .cbu-history .cbu-history-card p {
        font-size: 16px;
        line-height: 1.78;
    }
    /* END */
    .cbu-history .cbu-history-end {
        margin-top: 22px;
        padding-left: 42px;
        text-align: left;
    }
    .cbu-history .cbu-history-end span {
        min-width: 110px;
        height: 29px;
        font-size: 9px;
    }
}
/* =========================================================
   380px 이하
========================================================= */
@media (max-width: 380px) {
    .cbu-history {
        padding-left: 9px;
        padding-right: 9px;
    }
    .cbu-history-head h2 {
        font-size: 24px;
    }
    .cbu-history .cbu-history-intro {
        padding:
            21px
            17px;
    }
    .cbu-history .cbu-history-timeline::before {
        left: 17px;
    }
    .cbu-history .cbu-history-item,
    .cbu-history .cbu-history-item.left,
    .cbu-history .cbu-history-item.right {
        padding-left: 40px;
    }
    .cbu-history .cbu-history-dot,
    .cbu-history .cbu-history-item.latest .cbu-history-dot {
        left: 17px;
    }
    .cbu-history .cbu-history-item.left
    .cbu-history-side.left
    .cbu-history-card::after,
    .cbu-history .cbu-history-item.right
    .cbu-history-side.right
    .cbu-history-card::after {
        left: -23px;
        width: 23px;
    }
    .cbu-history .cbu-history-start,
    .cbu-history .cbu-history-end {
        padding-left: 40px;
    }
}
/* =========================================================
   PRINT
========================================================= */
@media print {
    .cbu-history {
        max-width: 100%;
        padding: 0;
    }
    .cbu-history .cbu-history-card {
        box-shadow: none;
    }
}
/* =========================================================
   충북대학교 식물자원학과
   교육과정
========================================================= */
.cbu-curriculum,
.cbu-curriculum * {
    box-sizing: border-box;
}
.cbu-curriculum {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 20px 80px;
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Malgun Gothic",
        sans-serif;
    color: #333;
}
/* =========================================================
   HEADER
========================================================= */
.cbu-cur-head {
    position: relative;
    margin-bottom: 42px;
    padding-left: 20px;
}
.cbu-cur-head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 64px;
    border-radius: 10px;
    background:
        linear-gradient(
            180deg,
            #2f735c 0%,
            #82a58f 100%
        );
}
.cbu-cur-head .eng {
    display: block;
    margin-bottom: 7px;
    color: #789585;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}
.cbu-cur-head h2 {
    margin: 0;
    color: #203d31;
    font-size: 35px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -1.5px;
}
.cbu-cur-head p {
    margin: 9px 0 0;
    color: #78827c;
    font-size: 14px;
    line-height: 1.8;
    word-break: keep-all;
}
/* =========================================================
   INTRO
========================================================= */
.cbu-cur-intro {
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    padding: 40px 48px;
    border-radius: 20px;
    background:
        linear-gradient(
            135deg,
            #244f3b 0%,
            #396c54 58%,
            #507f65 100%
        );
    box-shadow:
        0 16px 38px rgba(37,79,59,.15);
}
.cbu-cur-intro::after {
    content: "CURRICULUM";
    position: absolute;
    right: 25px;
    bottom: -22px;
    color: rgba(255,255,255,.05);
    font-family: Georgia, serif;
    font-size: 70px;
    font-weight: 700;
}
.cbu-cur-intro .label {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 20px;
    color: #dcebe2;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}
.cbu-cur-intro h3 {
    position: relative;
    z-index: 2;
    margin: 17px 0 10px;
    color: #fff;
    font-size: 26px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -1px;
    word-break: keep-all;
}
.cbu-cur-intro p {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0;
    color: rgba(255,255,255,.86);
    font-size: 13px;
    line-height: 1.9;
    word-break: keep-all;
}
/* =========================================================
   SECTION TITLE
========================================================= */
.cbu-cur-section {
    margin-bottom: 45px;
}
.cbu-cur-section-title {
    margin-bottom: 24px;
    text-align: center;
}
.cbu-cur-section-title .eng {
    display: block;
    margin-bottom: 6px;
    color: #82a08e;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.5px;
}
.cbu-cur-section-title h3 {
    margin: 0;
    color: #294938;
    font-size: 23px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -.7px;
}
/* =========================================================
   하단 안내
========================================================= */
.cbu-notice {
    margin-top: 15px;
    padding: 18px 21px;
    border-radius: 12px;
    background: #f5f8f6;
    color: #707b75;
    font-size: 16px;
    line-height: 1.8;
}
.cbu-notice strong {
    color: #315f4b;
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 700px) {
    .cbu-curriculum {
        padding:
            12px
            12px
            55px;
    }
    /* HEADER */
    .cbu-cur-head {
        margin-bottom: 32px;
        padding-left: 16px;
    }
    .cbu-cur-head::before {
        width: 3px;
        height: 50px;
    }
    .cbu-cur-head .eng {
        font-size: 9px;
        letter-spacing: 2px;
    }
    .cbu-cur-head h2 {
        font-size: 27px;
        letter-spacing: -1px;
    }
    .cbu-cur-head p {
        font-size: 14px;
    }
    /* INTRO */
    .cbu-cur-intro {
        margin-bottom: 40px;
        padding:
            28px
            21px;
        border-radius: 15px;
    }
    .cbu-cur-intro h3 {
        font-size: 20px;
        line-height: 1.6;
    }
    .cbu-cur-intro p {
        font-size: 16px;
        line-height: 1.85;
    }
    .cbu-cur-intro::after {
        right: 5px;
        bottom: -10px;
        font-size: 40px;
    }
    /* SECTION */
    .cbu-cur-section {
        margin-bottom: 40px;
    }
    .cbu-cur-section-title {
        margin-bottom: 20px;
    }
    .cbu-cur-section-title h3 {
        font-size: 19px;
    }
    /* CREDIT */
    .cbu-credit-box {
        grid-template-columns:
            repeat(2, 1fr);
        gap: 10px;
    }
    .cbu-credit-card {
        padding: 19px 12px;
    }
    .cbu-credit-card strong {
        font-size: 24px;
    }
    /* BASIC */
    .cbu-basic-box {
        border-radius: 14px;
    }
    .cbu-basic-row {
        grid-template-columns:
            105px 1fr 52px;
        min-height: 65px;
    }
    .cbu-basic-row .category {
        padding:
            12px 10px;
        font-size: 10px;
        word-break: keep-all;
    }
    .cbu-basic-row .content {
        padding:
            12px 11px;
        font-size: 10px;
        line-height: 1.65;
    }
    .cbu-basic-row .credit {
        padding:
            12px 5px;
        font-size: 10px;
    }
    /* YEAR */
    .cbu-year-roadmap {
        grid-template-columns:
            repeat(2, 1fr);
        gap: 10px;
    }
    .cbu-year-card {
        min-height: 165px;
        padding:
            21px
            17px;
    }
    .cbu-year-card .year {
        width: 38px;
        height: 38px;
        margin-bottom: 13px;
        border-radius: 10px;
        font-size: 14px;
    }
    .cbu-year-card h4 {
        font-size: 14px;
    }
    .cbu-year-card p {
        font-size: 10px;
    }
    /* MAJOR */
    .cbu-major-head {
        padding:
            17px
            18px;
    }
    .cbu-major-head strong {
        font-size: 14px;
    }
    .cbu-major-head span {
        font-size: 8px;
    }
    .cbu-major-table {
        min-width: 720px;
    }
    .cbu-major-table th {
        padding: 12px 7px;
        font-size: 10px;
    }
    .cbu-major-table td {
        padding: 11px 7px;
        font-size: 10px;
    }
    /* NOTICE */
    .cbu-notice {
        padding:
            15px 16px;
        font-size: 10px;
    }
}
/* =========================================================
   380px 이하
========================================================= */
@media (max-width: 380px) {
    .cbu-curriculum {
        padding-left: 9px;
        padding-right: 9px;
    }
    .cbu-cur-head h2 {
        font-size: 24px;
    }
    .cbu-cur-intro {
        padding:
            25px
            18px;
    }
    .cbu-cur-intro h3 {
        font-size: 18px;
    }
    .cbu-credit-card strong {
        font-size: 22px;
    }
    .cbu-year-card {
        padding:
            18px
            14px;
    }
}
table caption {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    text-indent: -999em;
}
/* data table */
.dams_table {}
.dams_table * {vertical-align:middle;}
.dams_table table {table-layout:fixed; border-collapse:separate; width:100%; border-top:1px solid #333; border-left:1px solid #ddd;}
.dams_table table th,
.dams_table table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10px 16px;}
.dams_table table th {color:#222;}
.dams_table table td {color:#444;}
.dams_table table thead th {font-size:16px; line-height:30px; font-weight:700; letter-spacing:-0.048em; background:#f8f8f8; border-bottom:1px solid #bbb;}
.dams_table table tbody th {background:#fdfdfd;font-size:16px; color:#000;background:#f8f8f8;}
.dams_table table tbody th,
.dams_table table tbody td {font-size:16px; line-height:22px; position:relative;}
.dams_table table tfoot th,
.dams_table table tfoot td {font-size:16px; line-height:22px; font-weight:400; letter-spacing:-0.048em; color:#000; background:#f8f8f8; padding-top:20px; padding-bottom:20px;}
.dams_table .ta_l {text-align:left;}
.dams_table .ta_c {text-align:center;}
.dams_table .ta_r {text-align:right;}
.dams_table .va_t {vertical-align:top;}
.dams_table .ul_list { padding:0px;}
.dams_table + .a_descript, .dams_table + .n_descript {margin-top:8px;}
.dams_table sup {vertical-align:super; font-size:smaller;}
@media (max-width:767px) {
	.dams_table table th,
	.dams_table table td{ /* iphone 모바일에서 text-size 강제 화면에 맞게 조절 제거*/ /* -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; */ }	
}
/* table scroll */
[class*="tbl_scrl_"] {overflow-x:auto; overflow-y:hidden;}
@media (min-width:1220px) {
	.tbl_scrl_p > table {width:1380px;}
}
@media (min-width:768px) and (max-width:1219px) {
	.tbl_scrl_t {position:relative; padding-top:32px; background:url(../images/sub/hand.gif) no-repeat right top;}
	.tbl_scrl_p > table {width:1380px;}
	.tbl_scrl_t > table {width:1380px;}
}
@media (max-width:767px) {
	.tbl_scrl_t {position:relative; padding-top:32px; background:url(../images/sub/hand.gif) no-repeat right top;}
	.tbl_scrl_m {position:relative; padding-top:32px; background:url(../images/sub/hand.gif) no-repeat right top;}
	.tbl_scrl_p > table {width:1380px;}
	.tbl_scrl_t > table {width:1380px;}
	.tbl_scrl_m > table {width:860px;}
}
/* =========================================
   식물자원학과 교과목 설명
   ========================================= */
.crop-subject-wrap{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:20px 0 80px;
    box-sizing:border-box;
    font-family:"Pretendard","Noto Sans KR","맑은 고딕",sans-serif;
    color:#26352d;
}
/* 상단 타이틀 */
.crop-subject-head{
    position:relative;
    margin-bottom:50px;
    padding:48px 50px;
    border-radius:24px;
    overflow:hidden;
    background:
        linear-gradient(135deg,rgba(31,105,69,.97),rgba(68,139,91,.93));
    box-shadow:0 15px 40px rgba(25,85,55,.14);
}
.crop-subject-head:after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-90px;
    top:-110px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
}
.crop-subject-head:before{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    right:90px;
    bottom:-110px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
}
.crop-subject-label{
    position:relative;
    z-index:2;
    display:inline-block;
    margin-bottom:13px;
    padding:6px 14px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:30px;
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
}
.crop-subject-title{
    position:relative;
    z-index:2;
    margin:0;
    color:#fff;
    font-size:34px;
    font-weight:800;
    letter-spacing:-1.5px;
}
.crop-subject-title span{
    display:block;
    margin-top:9px;
    font-size:14px;
    font-weight:400;
    letter-spacing:.8px;
    opacity:.8;
}
.crop-subject-desc{
    position:relative;
    z-index:2;
    max-width:760px;
    margin:22px 0 0;
    color:rgba(255,255,255,.86);
    font-size:15px;
    line-height:1.8;
}
.crop-subject-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:22px;
    align-items:stretch;
}
.crop-subject-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:250px;
    height:100%;
    box-sizing:border-box;
    padding:30px 32px 28px;
    background:#fff;
    border:1px solid #e4ebe6;
    border-radius:20px;
    box-shadow:0 5px 20px rgba(30,70,45,.06);
    overflow:hidden;
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}
/* 왼쪽 포인트 라인 */
.crop-subject-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#4d9469;
    opacity:0;
    transition:opacity .3s ease;
}
/* Hover */
.crop-subject-card:hover{
    transform:translateY(-6px);
    border-color:#c8ddd0;
    box-shadow:0 15px 35px rgba(30,80,50,.12);
}
.crop-subject-card:hover:before{
    opacity:1;
}
/* =========================================
   번호
   ========================================= */
.crop-number{
    position:absolute;
    top:21px;
    right:25px;
    color:#e6eee8;
    font-size:38px;
    line-height:1;
    font-weight:800;
    z-index:0;
}
/* =========================================
   과목 태그
   ========================================= */
.crop-subject-tag{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin-bottom:15px;
    padding:5px 11px;
    background:#edf6f0;
    color:#43805d;
    border-radius:5px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.4px;
}
/* =========================================
   과목명
   ========================================= */
.crop-subject-name{
    position:relative;
    z-index:2;
    margin:0;
    padding-right:55px;
    color:#1f3026;
    font-size:21px;
    font-weight:800;
    line-height:1.45;
    letter-spacing:-.7px;
}
/* 영문명 */
.crop-subject-eng{
    position:relative;
    z-index:2;
    margin-top:5px;
    color:#7b8a80;
    font-size:11px;
    font-weight:500;
    line-height:1.5;
    letter-spacing:.1px;
}
/* =========================================
   설명
   ========================================= */
.crop-subject-text{
    position:relative;
    z-index:2;
    flex:1;
    margin:18px 0 0;
    padding-top:17px;
    border-top:1px solid #edf1ee;
    color:#65736a;
    font-size:16px;
    line-height:1.8;
    word-break:keep-all;
}
/* =========================================
   하단 분야
   ========================================= */
.crop-subject-bottom{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    color:#43805d;
    font-size:12px;
    font-weight:700;
}
.crop-subject-bottom i{
    display:block;
    width:6px;
    height:6px;
    flex:0 0 6px;
    border-radius:50%;
    background:#43805d;
}
/* =========================================
   중요
   highlight 클래스가 혹시 HTML에 남아 있어도
   다른 카드와 완전히 동일하게 처리
   ========================================= */
.crop-subject-card.highlight{
    background:#fff;
    border-color:#e4ebe6;
}
.crop-subject-card.highlight .crop-subject-tag{
    background:#edf6f0;
    color:#43805d;
}
.crop-subject-card.highlight .crop-number{
    color:#e6eee8;
}
/* =========================================
   태블릿
   ========================================= */
@media(max-width:900px){
    .crop-subject-grid{
        grid-template-columns:1fr;
        gap:18px;
    }
    .crop-subject-card{
        min-height:300px;
    }
}
/* =========================================
   모바일
   ========================================= */
@media(max-width:600px){
    .crop-subject-grid{
        grid-template-columns:1fr;
        gap:14px;
    }
    .crop-subject-card{
        min-height:0;
        padding:25px 22px 24px;
        border-radius:16px;
    }
    .crop-number{
        top:18px;
        right:18px;
        font-size:30px;
    }
    .crop-subject-name{
        padding-right:42px;
        font-size:18px;
        line-height:1.45;
    }
    .crop-subject-eng{
        font-size:10px;
    }
    .crop-subject-text{
        margin-top:15px;
        padding-top:14px;
        font-size:16px;
        line-height:1.8;
    }
    .crop-subject-bottom{
        margin-top:16px;
        font-size:11px;
    }
}
/* =========================================================
   식물자원학과 - 졸업 후 진로
   ========================================================= */
.crop-career-only{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:20px 0 70px;
    box-sizing:border-box;
    font-family:"Pretendard","Noto Sans KR","맑은 고딕",sans-serif;
    color:#24352b;
}
/* ===============================
   타이틀
   =============================== */
.crop-career-title{
    text-align:center;
    margin-bottom:45px;
}
.crop-career-title .small{
    display:block;
    margin-bottom:10px;
    color:#4b8a66;
    font-size:18px;
    font-weight:800;
    letter-spacing:3px;
}
.crop-career-title h2{
    margin:0;
    color:#20372a;
    font-size:34px;
    font-weight:800;
    letter-spacing:-1.5px;
}
.crop-career-title p{
    margin:13px 0 0;
    color:#7b8780;
    font-size:14px;
    line-height:1.7;
}
/* ===============================
   진로 카드
   =============================== */
.crop-career-list{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
}
.crop-career-item{
    position:relative;
    min-height:335px;
    padding:30px 23px 27px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #e2eae4;
    border-radius:20px;
    box-shadow:0 6px 22px rgba(31,73,48,.055);
    overflow:hidden;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}
/* 상단 포인트 */
.crop-career-item:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:#478966;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s ease;
}
.crop-career-item:hover{
    transform:translateY(-8px);
    border-color:#c5dacb;
    box-shadow:0 18px 40px rgba(31,83,52,.13);
}
.crop-career-item:hover:before{
    transform:scaleX(1);
}
/* ===============================
   번호
   =============================== */
.crop-career-num{
    position:absolute;
    top:18px;
    right:18px;
    color:#edf3ef;
    font-size:42px;
    font-weight:900;
    line-height:1;
}
/* ===============================
   아이콘
   =============================== */
.crop-career-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    margin-bottom:24px;
    border-radius:17px;
    background:#eef6f1;
    color:#3e7d59;
    font-size:25px;
    transition:.35s ease;
}
.crop-career-item:hover .crop-career-icon{
    transform:scale(1.06);
}
/* ===============================
   제목
   =============================== */
.crop-career-item h3{
    position:relative;
    margin:0;
    color:#20362a;
    font-size:20px;
    font-weight:800;
    letter-spacing:-.8px;
}
.crop-career-item .eng{
    margin-top:6px;
    color:#8a958e;
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
}
/* ===============================
   설명
   =============================== */
.crop-career-item p{
    margin:19px 0 0;
    padding-top:17px;
    border-top:1px solid #edf1ee;
    color:#68766e;
    font-size:16px;
    line-height:1.8;
    word-break:keep-all;
}
/* ===============================
   세부 분야
   =============================== */
.crop-career-tags{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:18px;
}
.crop-career-tags span{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 8px;
    border-radius:5px;
    background:#f4f7f5;
    color:#60756a;
    font-size:14px;
    font-weight:600;
}
/* ===============================
   하단 라인
   =============================== */
.crop-career-bottom{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:20px;
    color:#43805d;
    font-size:10px;
    font-weight:700;
}
.crop-career-bottom i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#43805d;
}
/* ===============================
   카드별 아이콘 색상
   =============================== */
.crop-career-item:nth-child(1)
.crop-career-icon{
    background:#edf6f0;
    color:#397653;
}
.crop-career-item:nth-child(2)
.crop-career-icon{
    background:#f0f4f8;
    color:#486a83;
}
.crop-career-item:nth-child(3)
.crop-career-icon{
    background:#f7f3ed;
    color:#8a6a3f;
}
.crop-career-item:nth-child(4)
.crop-career-icon{
    background:#f6f0f4;
    color:#81516c;
}
.crop-career-item:nth-child(5)
.crop-career-icon{
    background:#f1f3eb;
    color:#687442;
}
/* ===============================
   Tablet
   =============================== */
@media(max-width:1050px){
    .crop-career-only{
        padding:15px 25px 60px;
    }
    .crop-career-list{
        grid-template-columns:repeat(2,1fr);
    }
}
/* ===============================
   Mobile
   =============================== */
@media(max-width:600px){
    .crop-career-only{
        padding:10px 15px 45px;
    }
    .crop-career-title{
        margin-bottom:28px;
    }
    .crop-career-title .small{
        margin-bottom:7px;
        font-size:12px;
        letter-spacing:2px;
    }
    .crop-career-title h2{
        font-size:26px;
        letter-spacing:-1px;
    }
    .crop-career-title p{
        margin-top:9px;
        font-size:11px;
    }
    .crop-career-list{
        grid-template-columns:1fr;
        gap:13px;
    }
    .crop-career-item{
        min-height:0;
        padding:27px 23px 25px;
        border-radius:17px;
    }
    .crop-career-num{
        top:17px;
        right:17px;
        font-size:35px;
    }
    .crop-career-icon{
        width:49px;
        height:49px;
        margin-bottom:17px;
        border-radius:14px;
        font-size:21px;
    }
    .crop-career-item h3{
        font-size:19px;
    }
    .crop-career-item .eng{
        font-size:10px;
    }
    .crop-career-item p{
        margin-top:15px;
        padding-top:14px;
        font-size:16px;
        line-height:1.8;
    }
    .crop-career-tags{
        margin-top:14px;
    }
    .crop-career-tags span{
        min-height:24px;
        padding:0 7px;
        font-size:14px;
    }
    .crop-career-bottom{
        margin-top:16px;
        font-size:10px;
    }
}
/* =========================================================
   충북대학교 식물자원학과
   식물유전공학 실험실
   SITE COLOR SYSTEM
========================================================= */
.pge-lab,
.pge-lab * {
    box-sizing:border-box;
}
.pge-lab {
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:20px 20px 70px;
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "맑은 고딕",
        sans-serif;
    color:#333;
}
/* =========================================================
   제목
========================================================= */
.pge-title {
    position:relative;
    display:block;
    margin-bottom:38px;
    padding-left:20px;
}
.pge-title:before {
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:4px;
    height:62px;
    border-radius:10px;
    background:
        linear-gradient(
            180deg,
            #2f735c 0%,
            #82a58f 100%
        );
}
.pge-title h2 {
    margin:0;
    color:#203d31;
    font-size:34px;
    line-height:1.35;
    font-weight:800;
    letter-spacing:-1.5px;
}
.pge-title-en {
    margin-top:7px;
    color:#789585;
    font-size:10px;
    font-weight:700;
    letter-spacing:2.5px;
}
/* =========================================================
   공통 SECTION
========================================================= */
.pge-section {
    margin-bottom:38px;
}
.pge-section-head {
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:17px;
}
.pge-section-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    overflow:hidden;
    border-radius:12px;
    background:#e7f0ea;
    border:1px solid #d7e4dc;
}
.pge-section-icon img {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}
.pge-section-head h3 {
    margin:0;
    color:#294938;
    font-size:21px;
    font-weight:800;
    line-height:1.45;
    letter-spacing:-.8px;
}
.pge-section-head h3 small {
    display:block;
    margin-top:3px;
    color:#8aa094;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.8px;
}
/* =========================================================
   교수 프로필
========================================================= */
.pge-professor-card {
    display:flex;
    align-items:center;
    width:100%;
    min-height:178px;
    margin-bottom:38px;
    padding:25px 30px;
    border:1px solid #dce8e0;
    border-radius:18px;
    background:
        linear-gradient(
            135deg,
            #f5f8f6 0%,
            #edf4ef 100%
        );
    box-shadow:
        0 8px 25px rgba(40,73,55,.06);
    overflow:hidden;
}
/* =========================================================
   교수 사진
========================================================= */
.pge-professor-card .pge-photo {
    width:110px;
    height:150px;
    flex:0 0 110px;
    margin-right:25px;
    overflow:hidden;
    background:#fff;
    border:5px solid #fff;
    border-radius:14px;
    box-shadow:
        0 7px 18px rgba(40,73,55,.12);
}
.pge-professor-card .pge-photo img {
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
}
/* =========================================================
   교수 기본정보
========================================================= */
.pge-professor-card .pge-prof-info {
    width:190px;
    flex:0 0 190px;
    min-width:0;
}
.pge-professor-card .pge-prof-label {
    margin-bottom:5px;
    color:#527862;
    font-size:13px;
    font-weight:700;
}
.pge-professor-card .pge-prof-name {
    color:#294938;
    font-size:24px;
    font-weight:800;
    line-height:1.3;
    letter-spacing:-1px;
    white-space:nowrap;
}
.pge-professor-card .pge-prof-name span {
    display:block;
    margin-top:5px;
    color:#8aa094;
    font-size:9px;
    font-weight:600;
    line-height:1.3;
    letter-spacing:1px;
    white-space:nowrap;
}
/* =========================================================
   교수 연락처
========================================================= */
.pge-professor-card .pge-contact {
    display:flex;
    flex-wrap:wrap;
    gap:10px 25px;
    min-width:0;
    margin-left:25px;
    padding-left:28px;
    border-left:1px solid #cbdcd1;
}
.pge-professor-card .pge-contact-item {
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    color:#647169;
    font-size:16px;
    line-height:1.6;
    word-break:break-word;
}
.pge-professor-card .pge-contact-item b {
    flex:0 0 auto;
    color:#4f8066;
    font-size:10px;
}
/* =========================================================
   리스트
========================================================= */
.ul_lab {
    margin:9px 0 3px;
    padding-left:18px;
}
.ul_lab li {
    margin:7px 0;
    color:#66726b;
    font-size:16px;
    line-height:1.75;
    word-break:keep-all;
}
.ul_lab li::marker {
    color:#5d8b70;
}
.ul_lab li strong {
    color:#3f624f;
    font-weight:700;
}
/* =========================================================
   우리 실험실은
========================================================= */
.pge-intro {
    position:relative;
    padding:27px 32px 27px 34px;
    border:1px solid #dfe9e2;
    border-radius:17px;
    background:#fff;
    box-shadow:
        0 8px 25px rgba(40,73,55,.05);
}
.pge-intro:before {
    content:"";
    position:absolute;
    left:0;
    top:20px;
    bottom:20px;
    width:4px;
    border-radius:0 5px 5px 0;
    background:
        linear-gradient(
            180deg,
            #315f4b,
            #82a58f
        );
}
.pge-intro-lead {
    margin:0 0 12px;
    color:#315f4b;
    font-size:18px;
    font-weight:800;
    line-height:1.5;
    letter-spacing:-.7px;
}
.pge-intro p {
    margin:0;
    color:#68736d;
    font-size:16px;
    line-height:2;
    word-break:keep-all;
}
/* =========================================================
   연구분야 설명
========================================================= */
.pge-research-intro {
    margin:0 0 16px;
    color:#748079;
    font-size:12px;
    line-height:1.8;
    word-break:keep-all;
}
/* =========================================================
   연구분야
========================================================= */
.pge-research {
    display:flex;
    flex-direction:column;
    gap:12px;
}
.pge-research-item {
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    gap:18px;
    padding:20px 22px;
    border:1px solid #dfe9e2;
    border-radius:15px;
    background:#fff;
    box-shadow:
        0 6px 20px rgba(40,73,55,.045);
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}
.pge-research-item:hover {
    transform:translateX(5px);
    border-color:#bfd5c7;
    box-shadow:
        0 10px 25px rgba(40,73,55,.09);
}
/* =========================================================
   번호
========================================================= */
.pge-number {
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    border-radius:13px;
    background:
        linear-gradient(
            135deg,
            #315f4b,
            #5d8b70
        );
    color:#fff;
    font-family:Georgia,serif;
    font-size:14px;
    font-weight:700;
    box-shadow:
        0 6px 15px rgba(49,95,75,.16);
}
/* =========================================================
   연구 제목
========================================================= */
.pge-research-content h4 {
    margin:1px 0 8px;
    color:#294938;
    font-size:17px;
    font-weight:800;
    line-height:1.5;
    letter-spacing:-.5px;
    word-break:keep-all;
}
.pge-research-content p {
    margin:0;
    color:#69746d;
    font-size:12px;
    line-height:1.8;
    word-break:keep-all;
}
/* =========================================================
   취업분야
========================================================= */
.pge-career {
    margin-top:18px;
    overflow:hidden;
    border:1px solid #dce8e0;
    border-radius:15px;
    background:#f6f9f7;
}
.pge-career-title {
    padding:16px 21px;
    background:
        linear-gradient(
            135deg,
            #294f3e,
            #507963
        );
    color:#fff;
    font-size:16px;
    font-weight:800;
}
.pge-career-body {
    padding:20px 22px;
}
.pge-career-list {
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    gap:8px 25px;
    margin:0;
    padding:0;
    list-style:none;
}
.pge-career-list li {
    position:relative;
    padding-left:15px;
    color:#66736b;
    font-size:16px;
    line-height:2;
    word-break:keep-all;
}
.pge-career-list li:before {
    content:"";
    position:absolute;
    left:0;
    top:10px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#5d8b70;
}
/* =========================================================
   핵심 연구기술
========================================================= */
.pge-tech-section {
    margin-top:30px;
}
.pge-tech-grid {
    display:grid;
    grid-template-columns:
        repeat(5,1fr);
    gap:10px;
}
.pge-tech {
    min-height:90px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:12px 7px;
    border:1px solid #dfe9e2;
    border-radius:13px;
    background:#f7faf8;
    text-align:center;
}
.pge-tech-icon {
    margin-bottom:6px;
    color:#4f8066;
    font-size:18px;
}
.pge-tech strong {
    color:#315f4b;
    font-size:10px;
    font-weight:800;
}
.pge-tech span {
    margin-top:4px;
    color:#8aa094;
    font-size:7px;
    font-weight:700;
}
/* =========================================================
   하단 메시지
========================================================= */
.pge-bottom {
    margin-top:25px;
    padding:27px 30px;
    border-radius:17px;
    background:
        linear-gradient(
            135deg,
            #244f3b 0%,
            #396c54 58%,
            #507f65 100%
        );
    box-shadow:
        0 12px 30px rgba(37,79,59,.13);
    color:#fff;
}
.pge-bottom strong {
    display:block;
    margin-bottom:8px;
    color:#fff;
    font-size:18px;
}
.pge-bottom p {
    margin:0;
    color:rgba(255,255,255,.86);
    font-size:12px;
    line-height:1.85;
    word-break:keep-all;
}
/* =========================================================
   TABLET
========================================================= */
@media(max-width:1000px) {
    .pge-lab {
        padding:
            18px
            22px
            60px;
    }
    .pge-tech-grid {
        grid-template-columns:
            repeat(3,1fr);
    }
    .pge-career-list {
        grid-template-columns:
            repeat(2,1fr);
    }
}
/* =========================================================
   MOBILE
========================================================= */
@media(max-width:680px) {
    .pge-lab {
        width:100%;
        padding:
            12px
            13px
            50px;
    }
    /* -----------------------------------------------------
       제목
    ----------------------------------------------------- */
    .pge-title {
        margin-bottom:28px;
        padding-left:16px;
    }
    .pge-title:before {
        width:3px;
        height:49px;
    }
    .pge-title h2 {
        font-size:25px;
        letter-spacing:-1px;
    }
    .pge-title-en {
        margin-top:5px;
        font-size:11px;
        letter-spacing:1.7px;
    }
    /* -----------------------------------------------------
       교수 프로필
    ----------------------------------------------------- */
    .pge-professor-card {
        display:flex;
        align-items:flex-start;
        flex-wrap:wrap;
        padding:18px;
        margin-bottom:30px;
        border-radius:15px;
    }
    .pge-professor-card .pge-photo {
        width:80px;
        height:100px;
        flex:0 0 80px;
        margin:
            0 15px 0 0;
        border-width:4px;
        border-radius:11px;
    }
    .pge-professor-card .pge-prof-info {
        width:auto;
        flex:1;
        min-width:0;
    }
    .pge-professor-card .pge-prof-label {
        margin-bottom:3px;
        font-size:10px;
    }
    .pge-professor-card .pge-prof-name {
        font-size:19px;
        white-space:normal;
    }
    .pge-professor-card .pge-prof-name span {
        margin-top:4px;
        font-size:7px;
        white-space:normal;
    }
    /* -----------------------------------------------------
       연락처
    ----------------------------------------------------- */
    .pge-professor-card .pge-contact {
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
        width:100%;
        margin:
            15px
            0
            0;
        padding:
            13px
            0
            0;
        border-top:
            1px solid #d7e3dc;
        border-left:0;
    }
    .pge-professor-card .pge-contact-item {
        font-size:15px;
        line-height:1.6;
    }
    /* -----------------------------------------------------
       SECTION
    ----------------------------------------------------- */
    .pge-section {
        margin-bottom:30px;
    }
    .pge-section-head {
        gap:8px;
        margin-bottom:11px;
    }
    .pge-section-icon {
        width:35px;
        height:35px;
        flex-basis:35px;
        border-radius:10px;
    }
    .pge-section-head h3 {
        font-size:20px;
    }
    .pge-section-head h3 small {
        margin-top:2px;
        font-size:11px;
        letter-spacing:1.2px;
    }
    /* -----------------------------------------------------
       실험실 소개
    ----------------------------------------------------- */
    .pge-intro {
        padding:
            20px
            19px
            20px
            21px;
        border-radius:14px;
    }
    .pge-intro:before {
        top:15px;
        bottom:15px;
        width:3px;
    }
    .pge-intro-lead {
        margin-bottom:9px;
        font-size:15px;
        line-height:1.6;
    }
    .pge-intro p {
        font-size:15px;
        line-height:1.9;
    }
    /* -----------------------------------------------------
       연구분야
    ----------------------------------------------------- */
    .pge-research-intro {
        margin-bottom:12px;
        font-size:12px;
        line-height:1.7;
    }
    .pge-research {
        gap:9px;
    }
    .pge-research-item {
        grid-template-columns:
            40px
            minmax(0,1fr);
        gap:12px;
        padding:
            15px
            14px;
        border-radius:13px;
    }
    .pge-research-item:hover {
        transform:none;
    }
    .pge-number {
        width:40px;
        height:40px;
        border-radius:10px;
        font-size:16px;
    }
    .pge-research-content h4 {
        margin:
            1px
            0
            7px;
        font-size:16px;
        line-height:1.55;
    }
    .pge-research-content p {
        font-size:10px;
    }
    .ul_lab {
        margin-top:6px;
        padding-left:16px;
    }
    .ul_lab li {
        margin:5px 0;
        font-size:16px;
        line-height:1.75;
    }
    /* -----------------------------------------------------
       취업분야
    ----------------------------------------------------- */
    .pge-career {
        margin-top:13px;
        border-radius:13px;
    }
    .pge-career-title {
        padding:
            13px
            17px;
        font-size:16px;
    }
    .pge-career-body {
        padding:
            15px
            17px;
    }
    .pge-career-list {
        display:block;
    }
    .pge-career-list li {
        margin:5px 0;
        font-size:16px;
        line-height:1.8;
    }
    .pge-career-list li:before {
        top:9px;
        width:5px;
        height:5px;
    }
    /* -----------------------------------------------------
       핵심기술
    ----------------------------------------------------- */
    .pge-tech-section {
        margin-top:20px;
    }
    .pge-tech-grid {
        grid-template-columns:
            repeat(2,1fr);
        gap:7px;
    }
    .pge-tech {
        min-height:75px;
    }
    .pge-tech strong {
        font-size:9px;
    }
    .pge-tech span {
        font-size:6px;
    }
    /* -----------------------------------------------------
       하단
    ----------------------------------------------------- */
    .pge-bottom {
        margin-top:20px;
        padding:
            21px
            18px;
        border-radius:14px;
    }
    .pge-bottom strong {
        font-size:15px;
    }
    .pge-bottom p {
        font-size:10px;
        line-height:1.8;
    }
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media(max-width:380px) {
    .pge-lab {
        padding-left:10px;
        padding-right:10px;
    }
    .pge-title h2 {
        font-size:22px;
    }
    .pge-professor-card {
        padding:14px;
    }
    .pge-professor-card .pge-photo {
        width:70px;
        height:86px;
        flex-basis:70px;
        margin-right:12px;
    }
    .pge-professor-card .pge-prof-name {
        font-size:17px;
    }
    .pge-section-head h3 {
        font-size:17px;
    }
    .pge-intro-lead {
        font-size:14px;
    }
    .pge-research-content h4 {
        font-size:15px;
    }
    .pge-research-content p {
        font-size:9.5px;
    }
    .ul_lab li {
        font-size:9.5px;
    }
}
/* =========================================================
   식물자원학과 동문회장 인사말
   Premium Responsive Design
========================================================= */
.alumni-greeting {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 0 70px;
    box-sizing: border-box;
    font-family: "Pretendard", "Noto Sans KR", "맑은 고딕", sans-serif;
    color: #333;
}
/* 상단 타이틀 */
.alumni-title {
    position: relative;
    margin-bottom: 42px;
    padding-left: 22px;
}
.alumni-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 48px;
    border-radius: 5px;
    background: linear-gradient(
        to bottom,
        #234d35,
        #6d9d63
    );
}
.alumni-title .eng {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #6d8b73;
    text-transform: uppercase;
}
.alumni-title h2 {
    margin: 0;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
    color: #20372a;
    letter-spacing: -1.5px;
}
.alumni-title p {
    margin: 10px 0 0;
    font-size: 15px;
    color: #777;
    line-height: 1.7;
}
/* 메인 박스 */
.alumni-greeting-box {
    position: relative;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 55px;
    padding: 55px;
    background: #fff;
    border: 1px solid #e7ece8;
    border-radius: 18px;
    box-shadow: 0 15px 45px rgba(31, 65, 43, 0.08);
    overflow: hidden;
}
/* 좌측 장식 */
.alumni-greeting-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        #234d35,
        #80a96f
    );
}
/* 왼쪽 영역 */
.alumni-side {
    position: relative;
    padding: 20px 15px 20px 10px;
}
.alumni-side .number {
    display: block;
    margin-bottom: 18px;
    font-family: Georgia, serif;
    font-size: 17px;
    font-style: italic;
    color: #7c9c80;
}
.alumni-side h3 {
    margin: 0 0 20px;
    font-size: 25px;
    line-height: 1.45;
    font-weight: 700;
    color: #20372a;
    letter-spacing: -1px;
}
.alumni-side .line {
    width: 42px;
    height: 2px;
    margin-bottom: 23px;
    background: #6d9d63;
}
.alumni-side p {
    margin: 0;
    font-size: 14px;
    line-height: 1.9;
    color: #777;
    word-break: keep-all;
}
.alumni-side .leaf {
    position: absolute;
    right: 15px;
    bottom: 5px;
    font-size: 48px;
    color: #edf3ed;
    line-height: 1;
}
/* 오른쪽 본문 */
.alumni-content {
    position: relative;
    padding: 4px 0;
}
.alumni-content .welcome {
    margin: 0 0 28px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e8ece9;
    font-size: 21px;
    line-height: 1.65;
    font-weight: 600;
    color: #234d35;
    letter-spacing: -0.7px;
}
.alumni-content p {
    margin: 0 0 23px;
    font-size: 16px;
    line-height: 2;
    color: #555;
    letter-spacing: -0.25px;
    word-break: keep-all;
}
.alumni-content p strong {
    color: #234d35;
    font-weight: 700;
}
/* 마지막 인사 */
.alumni-closing {
    margin-top: 32px;
    padding: 25px 28px;
    background: #f5f8f4;
    border-radius: 12px;
    border-left: 3px solid #6d9d63;
}
.alumni-closing p {
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    color: #405146;
}
/* 회장 서명 */
.alumni-signature {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}
.alumni-signature .role {
    font-size: 14px;
    color: #777;
}
.alumni-signature .name {
    font-size: 20px;
    font-weight: 700;
    color: #20372a;
}
/* 하단 장식 */
.alumni-bottom {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 45px;
}
.alumni-bottom:before,
.alumni-bottom:after {
    content: "";
    height: 1px;
    flex: 1;
    background: #e2e8e3;
}
.alumni-bottom span {
    font-size: 18px;
    color: #7b9b7e;
}
/* =========================================================
   Tablet
========================================================= */
@media (max-width: 900px) {
    .alumni-greeting {
        padding: 10px 20px 50px;
    }
    .alumni-greeting-box {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 40px;
    }
    .alumni-side {
        padding: 0 0 25px;
        border-bottom: 1px solid #e8ece9;
    }
    .alumni-side .leaf {
        right: 0;
        bottom: 20px;
    }
    .alumni-content {
        padding-top: 10px;
    }
}
/* =========================================================
   Mobile
========================================================= */
@media (max-width: 600px) {
    .alumni-greeting {
        padding: 5px 15px 40px;
    }
    .alumni-title {
        margin-bottom: 25px;
        padding-left: 16px;
    }
    .alumni-title:before {
        width: 3px;
        height: 40px;
    }
    .alumni-title .eng {
        font-size: 11px;
        letter-spacing: 1.5px;
    }
    .alumni-title h2 {
        font-size: 25px;
        letter-spacing: -1px;
    }
    .alumni-title p {
        font-size: 14px;
    }
    .alumni-greeting-box {
        display: block;
        padding: 28px 22px;
        border-radius: 13px;
    }
    .alumni-greeting-box:before {
        width: 4px;
    }
    .alumni-side {
        padding: 0 0 25px;
        margin-bottom: 25px;
    }
    .alumni-side .number {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .alumni-side h3 {
        margin-bottom: 15px;
        font-size: 22px;
    }
    .alumni-side p {
        font-size: 13px;
        line-height: 1.8;
    }
    .alumni-side .leaf {
        font-size: 38px;
        right: 0;
        bottom: 15px;
    }
    .alumni-content .welcome {
        margin-bottom: 22px;
        padding-bottom: 20px;
        font-size: 18px;
        line-height: 1.55;
    }
    .alumni-content p {
        margin-bottom: 18px;
        font-size: 16px;
        line-height: 1.9;
    }
    .alumni-closing {
        margin-top: 25px;
        padding: 20px;
    }
    .alumni-closing p {
        font-size: 16px;
        line-height: 1.8;
    }
    .alumni-signature {
        justify-content: flex-end;
        gap: 9px;
        margin-top: 25px;
    }
    .alumni-signature .role {
        font-size: 14px;
    }
    .alumni-signature .name {
        font-size: 17px;
    }
    .alumni-bottom {
        margin-top: 30px;
    }
}
/* =========================================================
   충북대학교 식물자원학과
   동문회 역사 - FULL VERSION
========================================================= */
.cbu-alumni-history,
.cbu-alumni-history * {
    box-sizing: border-box;
}
.cbu-alumni-history {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 0 80px;
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Malgun Gothic",
        "맑은 고딕",
        sans-serif;
    color: #333;
}
/* =========================================================
   PAGE TITLE
========================================================= */
.cbu-alumni-history .cbu-history-title {
    position: relative;
    margin: 0 0 45px;
    padding-left: 22px;
}
.cbu-alumni-history .cbu-history-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 58px;
    border-radius: 10px;
    background: linear-gradient(
        180deg,
        #315b3d 0%,
        #789b7d 100%
    );
}
.cbu-alumni-history .cbu-history-title .en {
    display: block;
    margin-bottom: 7px;
    color: #78957d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
}
.cbu-alumni-history .cbu-history-title h2 {
    margin: 0;
    color: #20372a;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -1.8px;
}
.cbu-alumni-history .cbu-history-title p {
    margin: 10px 0 0;
    color: #777;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: -0.3px;
}
/* =========================================================
   INTRO BOX
========================================================= */
.cbu-alumni-history .cbu-history-intro {
    position: relative;
    margin-bottom: 65px;
    padding: 35px 42px;
    overflow: hidden;
    border: 1px solid #e1e9e2;
    border-radius: 16px;
    background:
        linear-gradient(
            135deg,
            #f3f7f3 0%,
            #fbfcfb 100%
        );
}
.cbu-alumni-history .cbu-history-intro:after {
    content: "HISTORY";
    position: absolute;
    right: 25px;
    bottom: -17px;
    color: rgba(48, 88, 59, 0.035);
    font-family: Georgia, serif;
    font-size: 86px;
    font-weight: 700;
    letter-spacing: 3px;
    pointer-events: none;
}
.cbu-alumni-history .cbu-history-intro .small-title {
    display: block;
    margin-bottom: 10px;
    color: #648269;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}
.cbu-alumni-history .cbu-history-intro h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 13px;
    color: #294333;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.cbu-alumni-history .cbu-history-intro p {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0;
    color: #68736b;
    font-size: 14px;
    line-height: 1.9;
    word-break: keep-all;
}
/* =========================================================
   TIMELINE
========================================================= */
.cbu-alumni-history .cbu-history-timeline {
    position: relative;
    width: 100%;
    padding: 5px 0 10px;
}
/* 중앙 세로선 */
.cbu-alumni-history .cbu-history-timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        to bottom,
        transparent 0%,
        #cbd8cd 4%,
        #cbd8cd 96%,
        transparent 100%
    );
}
/* =========================================================
   TIMELINE ITEM
========================================================= */
.cbu-alumni-history .cbu-history-item {
    position: relative;
    width: 50%;
    margin-bottom: 50px;
}
/* 왼쪽 */
.cbu-alumni-history .cbu-history-item.left {
    padding-right: 55px;
    text-align: right;
}
/* 오른쪽 */
.cbu-alumni-history .cbu-history-item.right {
    margin-left: 50%;
    padding-left: 55px;
}
/* =========================================================
   중앙 POINT
========================================================= */
.cbu-alumni-history .cbu-history-item:before {
    content: "";
    position: absolute;
    top: 38px;
    width: 16px;
    height: 16px;
    border: 4px solid #6f9274;
    border-radius: 50%;
    background: #fff;
    z-index: 10;
}
/* 왼쪽 점 */
.cbu-alumni-history .cbu-history-item.left:before {
    right: -8px;
}
/* 오른쪽 점 */
.cbu-alumni-history .cbu-history-item.right:before {
    left: -8px;
}
/* =========================================================
   POINT 연결선
========================================================= */
.cbu-alumni-history .cbu-history-item:after {
    content: "";
    position: absolute;
    top: 45px;
    width: 48px;
    height: 1px;
    background: #cbd8cd;
}
/* 왼쪽 연결 */
.cbu-alumni-history .cbu-history-item.left:after {
    right: 0;
}
/* 오른쪽 연결 */
.cbu-alumni-history .cbu-history-item.right:after {
    left: 0;
}
/* =========================================================
   CARD
========================================================= */
.cbu-alumni-history .cbu-history-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #e1e8e2;
    border-radius: 15px;
    background: #fff;
    box-shadow:
        0 8px 28px rgba(35, 67, 46, 0.06);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}
.cbu-alumni-history .cbu-history-card:hover {
    transform: translateY(-4px);
    border-color: #c8d8ca;
    box-shadow:
        0 16px 36px rgba(35, 67, 46, 0.10);
}
/* =========================================================
   IMAGE AREA
========================================================= */
.cbu-alumni-history .cbu-history-image {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            #edf3ee,
            #f7f9f7
        );
}
/* 이미지 */
.cbu-alumni-history .cbu-history-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform .5s ease;
}
/* 마우스 오버 */
.cbu-alumni-history .cbu-history-card:hover .cbu-alumni-history .cbu-history-image img {
    transform: scale(1.04);
}
/* 이미지 위 어두운 그라데이션 */
.cbu-alumni-history .cbu-history-image:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(
        to top,
        rgba(20, 40, 27, 0.18),
        transparent
    );
    pointer-events: none;
}
/* =========================================================
   CARD CONTENT
========================================================= */
.cbu-alumni-history .cbu-history-content {
    padding: 28px 30px 30px;
}
/* 세대 */
.cbu-alumni-history .cbu-history-generation {
    display: block;
    margin-bottom: 7px;
    color: #9aaa9d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
/* 기간 */
.cbu-alumni-history .cbu-history-period {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 19px;
    padding: 5px 12px;
    border-radius: 30px;
    background: #edf4ee;
    color: #52745a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
/* =========================================================
   PRESIDENT
========================================================= */
.cbu-alumni-history .cbu-history-president {
    margin-bottom: 19px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e9eeea;
}
.cbu-alumni-history .cbu-history-president .label {
    display: block;
    color: #999;
    font-size: 14px;
    font-weight: 500;
}
.cbu-alumni-history .cbu-history-president strong {
    color: #20372a;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.7px;
}
.cbu-alumni-history .cbu-history-president strong em {
    margin-left: 4px;
    color: #819285;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}
/* =========================================================
   MEMBER INFORMATION
========================================================= */
.cbu-alumni-history .cbu-history-info {
    text-align: left;
}
.cbu-alumni-history .cbu-history-item.left .cbu-history-info {
    text-align: right;
}
.cbu-alumni-history .cbu-history-row {
    display: block;
    margin-bottom: 10px;
    line-height: 1.7;
}
.cbu-alumni-history .cbu-history-row:last-child {
    margin-bottom: 0;
}
.cbu-alumni-history .cbu-history-row .label {
    display: inline-block;
    min-width: 60px;
    margin-right: 5px;
    color: #78917d;
    font-size: 12px;
    font-weight: 700;
    /*vertical-align: top;*/
}
.cbu-alumni-history .cbu-history-row .text {
    color: #666;
    font-size: 14px;
    word-break: keep-all;
}
/* =========================================================
   모든 대수 동일 디자인
========================================================= */
.cbu-alumni-history .cbu-history-item.current .cbu-history-card {
    border: 1px solid #e1e8e2;
    background: #fff;
}
.cbu-alumni-history .cbu-history-item.current .cbu-history-generation {
    color: #9aaa9d;
}
.cbu-alumni-history .cbu-history-item.current .cbu-history-period {
    background: #edf4ee;
    color: #52745a;
}
.cbu-alumni-history .cbu-history-item.current:before {
    width: 16px;
    height: 16px;
    top: 38px;
    right: auto;
    border-width: 4px;
    background: #fff;
}
/* =========================================================
   CURRENT 표시
   - 7대도 다른 대수와 동일한 색
========================================================= */
.cbu-alumni-history .cbu-history-current {
    display: inline-block;
    margin-left: 5px;
    padding: 3px 7px;
    border-radius: 20px;
    background: #edf4ee;
    color: #52745a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .3px;
    vertical-align: 2px;
}
/* =========================================================
   BOTTOM MESSAGE
========================================================= */
.cbu-alumni-history .cbu-history-bottom {
    position: relative;
    margin-top: 10px;
    padding: 35px 25px;
    border-radius: 15px;
    background: #f6f9f6;
    text-align: center;
}
.cbu-alumni-history .cbu-history-bottom .symbol {
    display: block;
    margin-bottom: 12px;
    color: #789b7d;
    font-size: 20px;
}
.cbu-alumni-history .cbu-history-bottom p {
    margin: 0;
    color: #667169;
    font-size: 14px;
    line-height: 1.9;
    word-break: keep-all;
}
.cbu-alumni-history .cbu-history-bottom strong {
    color: #315b3d;
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 900px) {
    .cbu-alumni-history {
        padding: 15px 20px 60px;
    }
    .cbu-alumni-history .cbu-history-intro {
        padding: 30px;
    }
    .cbu-alumni-history .cbu-history-item.left {
        padding-right: 38px;
    }
    .cbu-alumni-history .cbu-history-item.right {
        padding-left: 38px;
    }
    .cbu-alumni-history .cbu-history-item.left:after,
    .cbu-alumni-history .cbu-history-item.right:after {
        width: 32px;
    }
    .cbu-alumni-history .cbu-history-content {
        padding: 25px;
    }
    .cbu-alumni-history .cbu-history-image {
        height: 165px;
    }
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 600px) {
    .cbu-alumni-history {
        padding: 5px 15px 45px;
    }
    /* 제목 */
    .cbu-alumni-history .cbu-history-title {
        margin-bottom: 28px;
        padding-left: 16px;
    }
    .cbu-alumni-history .cbu-history-title:before {
        width: 3px;
        height: 44px;
    }
    .cbu-alumni-history .cbu-history-title .en {
        margin-bottom: 5px;
        font-size: 10px;
        letter-spacing: 1.5px;
    }
    .cbu-alumni-history .cbu-history-title h2 {
        font-size: 25px;
        letter-spacing: -1.2px;
    }
    .cbu-alumni-history .cbu-history-title p {
        margin-top: 7px;
        font-size: 13px;
    }
    /* 소개 */
    .cbu-alumni-history .cbu-history-intro {
        margin-bottom: 40px;
        padding: 25px 22px;
        border-radius: 12px;
    }
    .cbu-alumni-history .cbu-history-intro .small-title {
        font-size: 10px;
    }
    .cbu-alumni-history .cbu-history-intro h3 {
        font-size: 19px;
    }
    .cbu-alumni-history .cbu-history-intro p {
        font-size: 13px;
        line-height: 1.85;
    }
    /* =====================================================
       모바일 타임라인
    ===================================================== */
    .cbu-alumni-history .cbu-history-timeline {
        padding-left: 21px;
    }
    /* 왼쪽 선 */
    .cbu-alumni-history .cbu-history-timeline:before {
        left: 6px;
        width: 1px;
        transform: none;
    }
    /* 모든 카드 한 줄 */
    .cbu-alumni-history .cbu-history-item,
    .cbu-alumni-history .cbu-history-item.left,
    .cbu-alumni-history .cbu-history-item.right {
        width: 100%;
        margin-left: 0;
        margin-bottom: 28px;
        padding: 0 0 0 27px;
        text-align: left;
    }
    /* 점 */
    .cbu-alumni-history .cbu-history-item:before,
    .cbu-alumni-history .cbu-history-item.left:before,
    .cbu-alumni-history .cbu-history-item.right:before {
        left: -2px;
        right: auto;
        top: 28px;
        width: 16px;
        height: 16px;
        border-width: 4px;
    }
    /* 연결선 */
    .cbu-alumni-history .cbu-history-item:after,
    .cbu-alumni-history .cbu-history-item.left:after,
    .cbu-alumni-history .cbu-history-item.right:after {
        left: 14px;
        right: auto;
        top: 35px;
        width: 14px;
    }
    /* 카드 */
    .cbu-alumni-history .cbu-history-card {
        border-radius: 12px;
    }
    /* 이미지 */
    .cbu-alumni-history .cbu-history-image {
        height: 145px;
    }
    /* 내용 */
    .cbu-alumni-history .cbu-history-content {
        padding: 21px 20px 23px;
    }
    .cbu-alumni-history .cbu-history-generation {
        margin-bottom: 5px;
        font-size: 10px;
        letter-spacing: 1.2px;
    }
    .cbu-alumni-history .cbu-history-period {
        margin-bottom: 15px;
        padding: 5px 10px;
        font-size: 10px;
    }
    /* 회장 */
    .cbu-alumni-history .cbu-history-president {
        margin-bottom: 15px;
        padding-bottom: 14px;
    }
    .cbu-alumni-history .cbu-history-president .label {
      
        font-size: 12px;
    }
    .cbu-alumni-history .cbu-history-president strong {
        font-size: 18px;
    }
    .cbu-alumni-history .cbu-history-president strong em {
        font-size: 10px;
    }
    /* 임원 */
    .cbu-alumni-history .cbu-history-info,
    .cbu-alumni-history .cbu-history-item.left .cbu-history-info {
        text-align: left;
    }
    .cbu-alumni-history .cbu-history-row {
        margin-bottom: 8px;
        line-height: 1.7;
    }
    .cbu-alumni-history .cbu-history-row .label {
        min-width: 54px;
        margin-right: 3px;
        font-size: 12px;
    }
    .cbu-alumni-history .cbu-history-row .text {
        font-size: 12px;
        line-height: 1.7;
    }
    /* 하단 */
    .cbu-alumni-history .cbu-history-bottom {
        margin-top: 10px;
        padding: 25px 18px;
        border-radius: 12px;
    }
    .cbu-alumni-history .cbu-history-bottom p {
        font-size: 12px;
        line-height: 1.8;
    }
}
/* =========================================================
   아주 작은 모바일
========================================================= */
@media (max-width: 380px) {
    .cbu-alumni-history {
        padding-left: 10px;
        padding-right: 10px;
    }
    .cbu-alumni-history .cbu-history-title h2 {
        font-size: 23px;
    }
    .cbu-alumni-history .cbu-history-image {
        height: 130px;
    }
    .cbu-alumni-history .cbu-history-content {
        padding-left: 17px;
        padding-right: 17px;
    }
    .cbu-alumni-history .cbu-history-row .text {
        font-size: 10.5px;
    }
}
/* =========================================================
   충북대학교 식물자원학과 동문회 조직도
   전체 코드
========================================================= */
.cbu-alumni-org,
.cbu-alumni-org * {
    box-sizing: border-box;
}
.cbu-alumni-org {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 20px 15px 80px;
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Malgun Gothic",
        "맑은 고딕",
        sans-serif;
    color: #333;
}
/* =========================================================
   상단 제목
========================================================= */
.cbu-alumni-header {
    position: relative;
    margin-bottom: 42px;
    padding-left: 21px;
}
.cbu-alumni-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 58px;
    border-radius: 10px;
    background: linear-gradient(
        180deg,
        #2e705a 0%,
        #82aa94 100%
    );
}
.cbu-alumni-header .eng {
    display: block;
    margin-bottom: 7px;
    color: #6e927e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}
.cbu-alumni-header h2 {
    margin: 0;
    color: #203d31;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -1.5px;
}
.cbu-alumni-header p {
    margin: 9px 0 0;
    color: #7a7a7a;
    font-size: 14px;
    line-height: 1.7;
}
/* =========================================================
   INTRO
========================================================= */
.cbu-alumni-intro {
    position: relative;
    padding: 29px 37px;
    overflow: hidden;
    border: 1px solid #dfe8e1;
    border-radius: 16px;
    background:
        linear-gradient(
            135deg,
            #f2f7f3 0%,
            #fbfcfb 100%
        );
}
.cbu-alumni-intro:after {
    content: "ALUMNI";
    position: absolute;
    right: 22px;
    bottom: -20px;
    color: rgba(45,107,87,.035);
    font-family: Georgia, serif;
    font-size: 78px;
    font-weight: 700;
}
.cbu-alumni-intro .small {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 7px;
    color: #719381;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}
.cbu-alumni-intro h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 8px;
    color: #294637;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.cbu-alumni-intro p {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0;
    color: #68756d;
    font-size: 13px;
    line-height: 1.9;
}
/* =========================================================
   조직도 전체
========================================================= */
.cbu-org-tree {
    position: relative;
    width: 100%;
	top: 30px;
}
/* =========================================================
   회장
========================================================= */
.cbu-president {
    position: relative;
    width: 210px;
    margin: 0 auto 70px;
    border: 1px solid #d4ded7;
    border-radius: 13px;
    overflow: visible;
    background: #fff;
    text-align: center;
    box-shadow:
        0 10px 28px rgba(39,75,57,.10);
    z-index: 5;
}
.cbu-president-title {
    padding: 13px 10px;
    border-radius: 12px 12px 0 0;
    background:
        linear-gradient(
            135deg,
            #317e6d 0%,
            #216456 100%
        );
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 5px;
    text-align: center;
}
.cbu-president-name {
    padding: 20px 10px 21px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.cbu-president-name span {
    margin-left: 4px;
    color: #87918a;
    font-size: 12px;
    font-weight: 500;
}
/*
   회장 아래 중앙선
*/
.cbu-president:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -72px;
    width: 1px;
    height: 72px;
    transform: translateX(-50%);
    background: #c5d2c9;
}
/* =========================================================
   고문 / 부회장 / 감사
========================================================= */
.cbu-org-top {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 40px;
    padding-top: 18px;
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 30px;
}
/*
   ★ 회장 → 3개 조직을 연결하는 가로선
   세 박스의 중앙을 지나도록 설정
*/
.cbu-org-top:before {
    content: "";
    position: absolute;
    left: calc(15% + 5px);
    right: calc(15% + 5px);
    top: 0;
    height: 1px;
    background: #c5d2c9;
    z-index: 1;
}
/* =========================================================
   조직 카드
========================================================= */
.cbu-org-card {
    position: relative;
    border: 1px solid #d9e1dc;
    border-radius: 12px;
    background: #fff;
    box-shadow:
        0 8px 25px rgba(39,75,57,.06);
    text-align: center;
    z-index: 2;
}
/*
   가로선 → 각 박스 중앙
*/
.cbu-org-card:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -18px;
    width: 1px;
    height: 18px;
    transform: translateX(-50%);
    background: #c5d2c9;
    z-index: 3;
}
/* =========================================================
   조직 제목
========================================================= */
.cbu-org-card-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 47px;
    padding: 10px;
    border-radius: 11px 11px 0 0;
    background:
        linear-gradient(
            135deg,
            #4ca6bb 0%,
            #238ca5 100%
        );
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 4px;
}
/* =========================================================
   이름 영역
========================================================= */
.cbu-org-card-body {
    min-height: 176px;
    padding: 21px 16px;
    text-align: center;
}
/* =========================================================
   이름 리스트
========================================================= */
.cbu-name-list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.cbu-name-list li {
    margin: 0 0 7px;
    color: #353a36;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    text-align: center;
    white-space: nowrap;
}
.cbu-name-list li:last-child {
    margin-bottom: 0;
}
/* =========================================================
   부회장 2열
========================================================= */
.cbu-name-list.two {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 0;
    text-align: center;
}
.cbu-name-list.two li {
    text-align: center;
}
/* =========================================================
   임원회 + 사무국
========================================================= */
.cbu-middle {
    position: relative;
    width: 210px;
    margin: 0 auto;
    z-index: 3;
}
/*
   상단 조직 → 임원회
   중앙 세로선
*/
.cbu-middle:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -40px;
    width: 1px;
    height: 40px;
    transform: translateX(-50%);
    background: #c5d2c9;
}
/* =========================================================
   임원회
========================================================= */
.cbu-executive {
    position: relative;
    width: 100%;
    padding: 12px 10px;
    border: 1px solid #d1d8df;
    border-radius: 8px;
    background:
        linear-gradient(
            135deg,
            #5d6eaa 0%,
            #485b99 100%
        );
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 5px;
    box-shadow:
        0 8px 20px rgba(64,78,139,.12);
}
/*
   임원회 → 사무국
*/
.cbu-executive:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -23px;
    width: 1px;
    height: 23px;
    transform: translateX(-50%);
    background: #c5d2c9;
}
/* =========================================================
   사무국
========================================================= */
.cbu-office {
    position: relative;
    margin-top: 23px;
    border: 1px solid #d4dae0;
    border-radius: 9px;
    overflow: hidden;
    background: #fff;
    box-shadow:
        0 8px 24px rgba(39,75,57,.07);
    text-align: center;
}
.cbu-office-title {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 47px;
    padding: 11px 10px;
    background:
        linear-gradient(
            135deg,
            #8b99cf 0%,
            #7484c0 100%
        );
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 4px;
}
.cbu-office-body {
    padding: 19px 12px 20px;
    text-align: center;
}
.cbu-office-body p {
    margin: 0 0 7px;
    color: #363b37;
    font-size: 13px;
    line-height: 1.65;
    text-align: center;
}
.cbu-office-body p:last-child {
    margin-bottom: 0;
}
.cbu-office-body strong {
    font-weight: 700;
}
/* =========================================================
   하단 부서
========================================================= */
.cbu-bottom {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 65px auto 0;
    padding-top: 15px;
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 30px;
}
/*
   사무국 → 하단 가로선
*/
.cbu-bottom:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -65px;
    width: 1px;
    height: 65px;
    transform: translateX(-50%);
    background: #c5d2c9;
    z-index: 1;
}
/*
   사무국하단 가로 연결선
*/
.cbu-bottom:after {
    content: "";
    position: absolute;
    left: calc(15% + 5px);
    right: calc(15% + 5px);
    top: 0;
    height: 1px;
    background: #c5d2c9;
    z-index: 1;
}
/* =========================================================
   하단 부서 박스
========================================================= */
.cbu-department {
    position: relative;
    min-height: 105px;
    border: 1px solid #ddd6e4;
    border-radius: 12px;
    background: #fff;
    box-shadow:
        0 8px 24px rgba(71,51,90,.06);
    text-align: center;
    z-index: 2;
}
/*
   하단 가로선 → 각 부서
*/
.cbu-department:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -15px;
    width: 1px;
    height: 15px;
    transform: translateX(-50%);
    background: #c5d2c9;
    z-index: 3;
}
/* 부서 제목 */
.cbu-department-title {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 47px;
    padding: 11px 10px;
    border-radius: 11px 11px 0 0;
    background:
        linear-gradient(
            135deg,
            #ab8acb 0%,
            #9673bb 100%
        );
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
}
/* =========================================================
   정보 영역
========================================================= */
.cbu-alumni-info {
    width: 100%;
    max-width: 1000px;
    margin: 35px auto 0;
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 22px;
}
/* 정보 카드 */
.cbu-info-box {
    position: relative;
    padding: 28px 30px;
    border: 1px solid #dfe7e1;
    border-radius: 15px;
    background:
        linear-gradient(
            135deg,
            #f8faf8,
            #ffffff
        );
    box-shadow:
        0 7px 22px rgba(39,75,57,.04);
}
/* 정보 제목 */
.cbu-info-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: #315b3d;
    font-size: 16px;
    font-weight: 700;
}
.cbu-info-title:before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 5px;
    background: #6f9274;
}
/* 정보 내용 */
.cbu-info-box p {
    margin: 0 0 7px;
    color: #666;
    font-size: 13px;
    line-height: 1.8;
    word-break: keep-all;
}
.cbu-info-box p:last-child {
    margin-bottom: 0;
}
.cbu-info-box strong {
    color: #315b3d;
    font-weight: 700;
}
/* =========================================================
   동문회 사무실
========================================================= */
.cbu-office-info {
    width: 100%;
    max-width: 1000px;
    margin: 22px auto 0;
    padding: 28px 30px;
    border: 1px solid #dce7df;
    border-radius: 15px;
    background:
        linear-gradient(
            135deg,
            #f3f8f4 0%,
            #fbfcfb 100%
        );
}
/* 제목 */
.cbu-office-info-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 17px;
}
.cbu-office-info-title {
    color: #315b3d;
    font-size: 17px;
    font-weight: 700;
}
.cbu-office-badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 30px;
    background: #e7f0e9;
    color: #52745a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}
.cbu-office-info p {
    margin: 0;
    color: #68736b;
    font-size: 13px;
    line-height: 1.9;
    word-break: keep-all;
}
.cbu-office-info strong {
    color: #315b3d;
}
/* =========================================================
   계좌번호
========================================================= */
.cbu-account {
    width: 100%;
    max-width: 1000px;
    margin: 22px auto 0;
    padding: 25px 30px;
    border-radius: 14px;
    background:
        linear-gradient(
            135deg,
            #315b3d 0%,
            #244b34 100%
        );
    color: #fff;
    box-shadow:
        0 10px 25px rgba(39,75,57,.12);
}
.cbu-account-title {
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.cbu-account p {
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 13px;
    line-height: 1.8;
    word-break: keep-all;
}
.cbu-account strong {
    color: #fff;
    font-weight: 700;
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 850px) {
    .cbu-org-top,
    .cbu-bottom {
        gap: 18px;
    }
    .cbu-org-card-body {
        padding-left: 12px;
        padding-right: 12px;
    }
    .cbu-name-list li {
        font-size: 13px;
    }
    .cbu-name-list.two {
        column-gap: 4px;
    }
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 600px) {
    .cbu-alumni-org {
        padding: 10px 12px 55px;
    }
    /* -----------------------------------------------------
       제목
    ----------------------------------------------------- */
    .cbu-alumni-header {
        margin-bottom: 35px;
        padding-left: 16px;
    }
    .cbu-alumni-header:before {
        width: 3px;
        height: 45px;
    }
    .cbu-alumni-header .eng {
        font-size: 9px;
        letter-spacing: 1.7px;
    }
    .cbu-alumni-header h2 {
        font-size: 26px;
    }
    .cbu-alumni-header p {
        font-size: 12px;
    }
    /* -----------------------------------------------------
       Intro
    ----------------------------------------------------- */
    .cbu-alumni-intro {
        margin-bottom: 45px;
        padding: 24px 20px;
        border-radius: 13px;
    }
    .cbu-alumni-intro h3 {
        font-size: 18px;
    }
    .cbu-alumni-intro p {
        font-size: 12px;
        line-height: 1.85;
    }
    /* -----------------------------------------------------
       회장
    ----------------------------------------------------- */
    .cbu-president {
        width: 190px;
        margin-bottom: 50px;
    }
    .cbu-president-title {
        font-size: 17px;
    }
    .cbu-president-name {
        padding: 18px 8px;
        font-size: 15px;
    }
    .cbu-president:after {
        bottom: -50px;
        height: 50px;
    }
    /* -----------------------------------------------------
       고문 / 부회장 / 감사
    ----------------------------------------------------- */
    .cbu-org-top {
        display: block;
        width: 100%;
        margin-bottom: 40px;
        padding-top: 0;
        padding-left: 24px;
    }
    /* PC 가로선 제거 */
    .cbu-org-top:before {
        display: none;
    }
    /* 모바일 왼쪽 세로선 */
    .cbu-org-top:after {
        content: "";
        position: absolute;
        left: 6px;
        top: 0;
        bottom: 35px;
        width: 1px;
        background: #c5d2c9;
        z-index: 1;
    }
    /* 카드 */
    .cbu-org-card {
        margin-bottom: 25px;
    }
    .cbu-org-card:last-child {
        margin-bottom: 0;
    }
    /* 모바일 연결선 */
    .cbu-org-card:before {
        left: -18px;
        top: 31px;
        width: 18px;
        height: 1px;
        transform: none;
    }
    .cbu-org-card-body {
        min-height: auto;
        padding: 18px 15px;
        text-align: center;
    }
    .cbu-name-list li {
        font-size: 13px;
        text-align: center;
    }
    /* 부회장 2열 */
    .cbu-name-list.two {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        column-gap: 10px;
    }
    /* -----------------------------------------------------
       임원회 / 사무국
    ----------------------------------------------------- */
    .cbu-middle {
        width: 190px;
    }
    .cbu-middle:before {
        top: -40px;
        height: 40px;
    }
    .cbu-executive {
        font-size: 15px;
        letter-spacing: 4px;
    }
    .cbu-office-title {
        font-size: 16px;
    }
    .cbu-office-body p {
        font-size: 12px;
    }
    /* -----------------------------------------------------
       하단 부서
    ----------------------------------------------------- */
    .cbu-bottom {
        display: block;
        width: 100%;
        margin-top: 50px;
        padding-top: 0;
        padding-left: 24px;
    }
    /* PC 가로선 제거 */
    .cbu-bottom:after {
        display: none;
    }
    /* 왼쪽 세로선 */
    .cbu-bottom:before {
        left: 6px;
        top: -50px;
        width: 1px;
        height: calc(100% + 25px);
        transform: none;
    }
    .cbu-department {
        min-height: 85px;
        margin-bottom: 22px;
    }
    .cbu-department:last-child {
        margin-bottom: 0;
    }
    /* 모바일 연결선 */
    .cbu-department:before {
        left: -18px;
        top: 29px;
        width: 18px;
        height: 1px;
        transform: none;
    }
    /* -----------------------------------------------------
       정보 영역
    ----------------------------------------------------- */
    .cbu-alumni-info {
        display: block;
        margin-top: 45px;
    }
    .cbu-info-box {
        margin-bottom: 15px;
        padding: 23px 20px;
        border-radius: 13px;
    }
    .cbu-info-title {
        font-size: 15px;
    }
    .cbu-info-box p {
        font-size: 12px;
    }
    /* -----------------------------------------------------
       사무실
    ----------------------------------------------------- */
    .cbu-office-info {
        padding: 23px 20px;
        border-radius: 13px;
    }
    .cbu-office-info-head {
        display: block;
        margin-bottom: 13px;
    }
    .cbu-office-info-title {
        margin-bottom: 9px;
        font-size: 15px;
    }
    .cbu-office-info p {
        font-size: 12px;
    }
    /* -----------------------------------------------------
       계좌
    ----------------------------------------------------- */
    .cbu-account {
        padding: 22px 20px;
        border-radius: 13px;
    }
    .cbu-account-title {
        font-size: 13px;
    }
    .cbu-account p {
        font-size: 11px;
        line-height: 1.9;
    }
    /* -----------------------------------------------------
       안내
    ----------------------------------------------------- */
    .cbu-alumni-note {
        padding: 18px 15px;
    }
    .cbu-alumni-note p {
        font-size: 11px;
    }
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 380px) {
    .cbu-president,
    .cbu-middle {
        width: 180px;
    }
    .cbu-org-card-body {
        padding: 16px 12px;
    }
    .cbu-name-list li {
        font-size: 12px;
    }
    .cbu-name-list.two {
        column-gap: 5px;
    }
}
/* =========================================================
   충북대학교 식물자원학과 동문회 회칙
   PC / MOBILE 반응형 전체 코드
========================================================= */
.cbu-rules,
.cbu-rules * {
    box-sizing: border-box;
}
.cbu-rules {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 20px 15px 80px;
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Malgun Gothic",
        sans-serif;
    color: #333;
}
/* =========================================================
   HEADER
========================================================= */
.cbu-rules-header {
    position: relative;
    margin-bottom: 42px;
    padding-left: 20px;
}
.cbu-rules-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 60px;
    border-radius: 10px;
    background: linear-gradient(
        180deg,
        #2f735c,
        #83a892
    );
}
.cbu-rules-header .eng {
    display: block;
    margin-bottom: 7px;
    color: #709280;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.8px;
}
.cbu-rules-header h2 {
    margin: 0;
    color: #203d31;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -1.5px;
}
.cbu-rules-header p {
    margin: 10px 0 0;
    color: #7b827d;
    font-size: 14px;
    line-height: 1.7;
}
/* =========================================================
   INTRO
========================================================= */
.cbu-rules-intro {
    position: relative;
    overflow: hidden;
    margin-bottom: 48px;
    padding: 31px 38px;
    border: 1px solid #dfe9e2;
    border-radius: 17px;
    background:
        linear-gradient(
            135deg,
            #f2f8f4 0%,
            #fbfcfb 100%
        );
}
.cbu-rules-intro:after {
    content: "CROP SCIENCE";
    position: absolute;
    right: 25px;
    bottom: -28px;
    color: rgba(47,115,92,.045);
    font-family: Georgia, serif;
    font-size: 80px;
    font-weight: 700;
}
.cbu-rules-intro .small {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 8px;
    color: #71917e;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}
.cbu-rules-intro h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 8px;
    color: #294938;
    font-size: 21px;
    font-weight: 700;
}
.cbu-rules-intro p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #69766e;
    font-size: 14px;
    line-height: 1.9;
}
/* =========================================================
   목차
========================================================= */
.cbu-rules-index {
    margin-bottom: 50px;
}
.cbu-rules-index-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #315a43;
    font-size: 17px;
    font-weight: 700;
}
.cbu-rules-index-title:before {
    content: "";
    width: 4px;
    height: 19px;
    border-radius: 5px;
    background: #71957d;
}
.cbu-rules-index-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.cbu-rules-index-list li {
    min-height: 58px;
    padding: 13px 8px;
    border: 1px solid #e0e8e2;
    border-radius: 11px;
    background: #fff;
    color: #59665e;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
}
.cbu-rules-index-list li strong {
    display: block;
    margin-bottom: 2px;
    color: #4b7a60;
    font-size: 13px;
}
/* =========================================================
   장 SECTION
========================================================= */
.cbu-rule-section {
    margin-bottom: 25px;
    border: 1px solid #e0e7e2;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(39,75,57,.055);
}
/* 장 제목 */
.cbu-rule-section-head {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 73px;
    padding: 15px 25px;
    background: linear-gradient(
        135deg,
        #315f4b 0%,
        #407b62 100%
    );
    color: #fff;
}
.cbu-rule-chapter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 50%;
    background: rgba(255,255,255,.10);
    font-size: 14px;
    font-weight: 700;
}
.cbu-rule-section-head h3 {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.5px;
}
/* =========================================================
   조문
========================================================= */
.cbu-rule-body {
    padding: 7px 25px 20px;
}
.cbu-article {
    position: relative;
    padding: 24px 8px 23px 78px;
    border-bottom: 1px solid #edf0ed;
}
.cbu-article:last-child {
    border-bottom: 0;
}
/* 조 번호 */
.cbu-article-no {
    position: absolute;
    left: 0;
    top: 22px;
    width: 58px;
    padding: 8px 5px;
    border-radius: 9px;
    background: #eef5f0;
    color: #47745b;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}
.cbu-article-title {
    margin: 0 0 11px;
    color: #273d31;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.cbu-article-text {
    margin: 0;
    color: #5f6862;
    font-size: 13px;
    line-height: 1.9;
    word-break: keep-all;
}
/* =========================================================
   항목
========================================================= */
.cbu-rule-items {
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
}
.cbu-rule-items li {
    position: relative;
    margin: 0 0 9px;
    padding-left: 27px;
    color: #616a64;
    font-size: 13px;
    line-height: 1.85;
    word-break: keep-all;
}
.cbu-rule-items li:last-child {
    margin-bottom: 0;
}
.cbu-rule-items li:before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f0f5f1;
    color: #558066;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}
/* =========================================================
   중요 내용 강조
========================================================= */
.cbu-highlight {
    display: inline-block;
    margin: 2px 2px;
    padding: 3px 8px;
    border-radius: 5px;
    background: #f0f6f2;
    color: #477257;
    font-weight: 600;
}
/* =========================================================
   부칙
========================================================= */
.cbu-rules-addendum {
    position: relative;
    margin-top: 34px;
    padding: 27px 30px;
    border: 1px solid #dce6df;
    border-radius: 15px;
    background: linear-gradient(
        135deg,
        #f4f8f5,
        #fbfcfb
    );
}
.cbu-rules-addendum-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #315a43;
    font-size: 16px;
    font-weight: 700;
}
.cbu-rules-addendum-title:before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 5px;
    background: #71957d;
}
.cbu-rules-addendum p {
    margin: 0;
    color: #626d66;
    font-size: 13px;
    line-height: 1.85;
}
/* =========================================================
   FOOTER NOTE
========================================================= */
.cbu-rules-note {
    margin-top: 25px;
    padding: 18px 20px;
    border-radius: 10px;
    background: #fafbfa;
    color: #89918b;
    font-size: 11px;
    line-height: 1.8;
    text-align: center;
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 700px) {
    .cbu-rules {
        padding: 10px 12px 55px;
    }
    /* 제목 */
    .cbu-rules-header {
        margin-bottom: 32px;
        padding-left: 16px;
    }
    .cbu-rules-header:before {
        width: 3px;
        height: 47px;
    }
    .cbu-rules-header .eng {
        font-size: 9px;
        letter-spacing: 1.8px;
    }
    .cbu-rules-header h2 {
        font-size: 26px;
    }
    .cbu-rules-header p {
        font-size: 14px;
    }
    /* 소개 */
    .cbu-rules-intro {
        margin-bottom: 35px;
        padding: 24px 20px;
        border-radius: 13px;
    }
    .cbu-rules-intro h3 {
        font-size: 18px;
    }
    .cbu-rules-intro p {
        font-size: 16px;
        line-height: 1.85;
    }
    /* 목차 */
    .cbu-rules-index {
        margin-bottom: 35px;
    }
    .cbu-rules-index-title {
        font-size: 15px;
    }
    .cbu-rules-index-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .cbu-rules-index-list li {
        min-height: 53px;
        font-size: 16px;
    }
    /* 장 */
    .cbu-rule-section {
        margin-bottom: 18px;
        border-radius: 13px;
    }
    .cbu-rule-section-head {
        min-height: 61px;
        padding: 11px 16px;
        gap: 11px;
    }
    .cbu-rule-chapter {
        flex-basis: 37px;
        width: 37px;
        height: 37px;
        font-size: 10px;
    }
    .cbu-rule-section-head h3 {
        font-size: 16px;
    }
    /* 조문 */
    .cbu-rule-body {
        padding: 3px 15px 12px;
    }
    .cbu-article {
        padding: 21px 3px 21px 58px;
    }
    .cbu-article-no {
        top: 19px;
        width: 46px;
        padding: 7px 3px;
        font-size: 9px;
    }
    .cbu-article-title {
        margin-bottom: 9px;
        font-size: 14px;
    }
    .cbu-article-text {
        font-size: 12px;
        line-height: 1.85;
    }
    /* 항목 */
    .cbu-rule-items {
        margin-top: 11px;
    }
    .cbu-rule-items li {
        margin-bottom: 8px;
        padding-left: 25px;
        font-size: 12px;
        line-height: 1.8;
    }
    .cbu-rule-items li:before {
        width: 19px;
        height: 19px;
        line-height: 19px;
        font-size: 9px;
    }
    /* 부칙 */
    .cbu-rules-addendum {
        margin-top: 22px;
        padding: 21px 19px;
        border-radius: 12px;
    }
    .cbu-rules-addendum-title {
        font-size: 14px;
    }
    .cbu-rules-addendum p {
        font-size: 12px;
    }
    .cbu-rules-note {
        padding: 15px 12px;
        font-size: 10px;
    }
}
/* =========================================================
   380px 이하
========================================================= */
@media (max-width: 380px) {
    .cbu-rules {
        padding-left: 10px;
        padding-right: 10px;
    }
    .cbu-rules-header h2 {
        font-size: 24px;
    }
    .cbu-rule-section-head h3 {
        font-size: 15px;
    }
    .cbu-article {
        padding-left: 54px;
    }
    .cbu-article-no {
        width: 43px;
        font-size: 8px;
    }
}



/* =========================================================
   ABOUT DEPARTMENT
   충북대학교 식물자원학과
   ========================================================= */

.about-dept {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 70px 25px 90px;
    font-family: "Pretendard", "Noto Sans KR", "맑은 고딕", sans-serif;
    color: #26382f;
    box-sizing: border-box;
}

.about-dept *,
.about-dept *::before,
.about-dept *::after {
    box-sizing: border-box;
}


/* -------------------------------
   TITLE
-------------------------------- */

.about-dept-title {
    position: relative;
    margin-bottom: 55px;
    padding-left: 25px;
}

.about-dept-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 72px;
    background: #285b46;
}

.about-dept-title .small {
    display: block;
    margin-bottom: 12px;
    color: #6d8b7b;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-dept-title h2 {
    margin: 0;
    color: #173e2e;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -2px;
}

.about-dept-title p {
    margin: 14px 0 0;
    color: #7b8780;
    font-size: 15px;
    line-height: 1.7;
}


/* -------------------------------
   MAIN INTRO
-------------------------------- */

.about-dept-main {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 70px;
    align-items: stretch;
}


/* -------------------------------
   LEFT VISUAL
-------------------------------- */

.about-dept-visual {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    background:
        linear-gradient(
            145deg,
            #e8f0eb 0%,
            #d2e2d8 55%,
            #bfd5c8 100%
        );
}

.about-dept-visual::before {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    top: -110px;
    right: -120px;
    border: 1px solid rgba(40,91,70,.18);
    border-radius: 50%;
}

.about-dept-visual::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: -100px;
    left: -90px;
    border: 1px solid rgba(40,91,70,.18);
    border-radius: 50%;
}

.about-dept-visual-inner {
    position: absolute;
    left: 42px;
    right: 42px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.about-dept-visual-label {
    display: inline-block;
    margin-bottom: 22px;
    padding: 7px 12px;
    border: 1px solid rgba(40,91,70,.22);
    color: #285b46;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.about-dept-visual h3 {
    margin: 0;
    color: #173e2e;
    font-size: 35px;
    line-height: 1.3;
    letter-spacing: -1.5px;
}

.about-dept-visual p {
    margin: 20px 0 0;
    color: #5e7568;
    font-size: 14px;
    line-height: 1.9;
}


/* -------------------------------
   RIGHT CONTENT
-------------------------------- */

.about-dept-content {
    padding: 5px 0;
}

.about-dept-content .lead {
    margin: 0 0 30px;
    color: #214c39;
    font-size: 22px;
    line-height: 1.65;
    font-weight: 600;
    letter-spacing: -1px;
}

.about-dept-content p {
    margin: 0 0 19px;
    color: #626e68;
    font-size: 16px;
    line-height: 2;
    word-break: keep-all;
}






/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .about-dept {
        padding: 55px 20px 70px;
    }

    .about-dept-main {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .about-dept-visual {
        min-height: 350px;
    }

    .about-dept-content {
        padding: 0;
    }


}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .about-dept {
        padding: 40px 15px 55px;
    }

    .about-dept-title {
        margin-bottom: 38px;
        padding-left: 18px;
    }

    .about-dept-title::before {
        width: 3px;
        height: 58px;
        top: 3px;
    }

    .about-dept-title .small {
        margin-bottom: 8px;
        font-size: 11px;
        letter-spacing: 2px;
    }

    .about-dept-title h2 {
        font-size: 31px;
        letter-spacing: -1.5px;
    }

    .about-dept-title p {
        font-size: 13px;
    }

    .about-dept-main {
        gap: 32px;
    }

    .about-dept-visual {
        min-height: 280px;
    }

    .about-dept-visual-inner {
        left: 28px;
        right: 28px;
    }

    .about-dept-visual h3 {
        font-size: 27px;
    }

    .about-dept-visual p {
        margin-top: 13px;
        font-size: 13px;
    }

    .about-dept-content .lead {
        font-size: 19px;
        line-height: 1.65;
        margin-bottom: 23px;
    }

    .about-dept-content p {
        font-size: 16px;
        line-height: 1.9;
        margin-bottom: 15px;
    }




}

/* 2026.09.03 */
  .cbu-plan-compare{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    margin-bottom:56px;
  }
  .cbu-plan-col{
    background:#fff;
    border:1px solid #e0e7e2;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(39,75,57,0.05);
  }
  .cbu-plan-col-head{
    padding:16px 22px;
    font-size:16px;
    font-weight:800;
    color:#fff;
    background:linear-gradient(135deg,#315f4b 0%,#407b62 100%);
    letter-spacing:.02em;
  }
  .cbu-plan-col-body{padding:22px 24px 8px;}
  .cbu-plan-item{
    display:flex;
    gap:14px;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #edf0ee;
  }
  .cbu-plan-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
  .cbu-plan-item .badge{
    flex:0 0 26px;width:26px;height:26px;border-radius:50%;
    background:#f0f5f1;color:#3f7057;font-size:13px;font-weight:800;
    display:flex;align-items:center;justify-content:center;
  }
  .cbu-plan-item h4{
    margin:2px 0 8px;font-size:16px;font-weight:700;color:#233c30;
  }
  .cbu-plan-item ul{
    margin:0;padding:0;list-style:none;
  }
  .cbu-plan-item ul li{
    position:relative;
    padding-left:14px;
    margin-bottom:6px;
    font-size:16px;
    line-height:1.75;
    color:#5c6660;
  }
  .cbu-plan-item ul li:last-child{margin-bottom:0;}
  .cbu-plan-item ul li::before{
    content:"–";position:absolute;left:0;top:0;color:#8fac9b;
  }

  .cbu-plan-list{margin:0;padding:0;list-style:none;}
  .cbu-plan-list li{
    position:relative;
    padding:11px 0 11px 26px;
    border-bottom:1px solid #eef1ee;
    font-size:16px;
    line-height:1.8;
    color:#4a534d;
  }
  .cbu-plan-list li:last-child{border-bottom:0;}
  .cbu-plan-list li::before{
    content:"";
    position:absolute;left:2px;top:19px;
    width:7px;height:7px;border-radius:50%;
    background:#5a8a6f;
  }

  @media (max-width:760px){
    .cbu-plan-compare{grid-template-columns:1fr;}
  }