@charset "UTF-8";

/* 2027 대학교 메인: 기본 스타일 → 768px → 1024px → 1440px → 모션 설정 */
@keyframes rn-bar-fill {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@keyframes rn-kv-zoom {
    from {
        transform: scale(1);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes reverseRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    touch-action: pan-x pan-y !important;
    -ms-touch-action: pan-x pan-y !important;
}

[data-aos] {
    pointer-events: none;
}

[data-aos].aos-animate {
    pointer-events: auto;
}

[data-aos^="fade"] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: none;
}

[data-aos="fade-up"] {
    transform: translate3d(0, 60px, 0);
}

[data-aos="fade-left"] {
    transform: translate3d(60px, 0, 0);
}

body[data-aos-duration="900"] [data-aos], [data-aos][data-aos-duration="900"] {
    transition-duration: 900ms;
}

body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos-easing="ease-out-cubic"] {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.rn-pride__board .rn-pride__card[data-aos="fade-up"] {
    transition-property: width, opacity, transform;
}

.rn-pride__board .rn-pride__card[data-aos-delay="0"].aos-animate {
    transition-delay: 0ms;
}

.rn-pride__board .rn-pride__card[data-aos-delay="200"].aos-animate {
    transition-delay: 200ms;
}

.rn-pride__board .rn-pride__card[data-aos-delay="400"].aos-animate {
    transition-delay: 400ms;
}

.rn-pride__board .rn-pride__card[data-aos-delay="600"].aos-animate {
    transition-delay: 600ms;
}

.rn-pride__board .rn-pride__card[data-aos-delay="800"].aos-animate {
    transition-delay: 800ms;
}

.rn-pride__board .rn-pride__card[data-aos-delay="1000"].aos-animate {
    transition-delay: 1000ms;
}

/* 혜택 일러스트 — 서류가방 → 장학 → 졸업 순서로 하나씩 올라온다.
   이 프로젝트는 aos.css 를 안 쓰고 위 규칙들로 대신하므로,
   쓰는 data-aos-delay 값마다 여기에 짝을 만들어 줘야 지연이 먹는다 */
.rn-benefit__art[data-aos-delay="0"].aos-animate {
    transition-delay: 0ms;
}

.rn-benefit__art[data-aos-delay="400"].aos-animate {
    transition-delay: 400ms;
}

.rn-benefit__art[data-aos-delay="800"].aos-animate {
    transition-delay: 800ms;
}


:is(.rn-news__tit, .rn-dept__tit, .rn-acad__tit, .rn-pride__tit, .rn-people__tit, .rn-sns__tit) {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
}

:is(.rn-dept__more, .rn-acad__more, .rn-pride__more, .rn-people__more) {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 600;
    line-height: 1.48;
    letter-spacing: -0.32px;
    color: #222;
    text-decoration: none;
}

:is(.rn-dept__more, .rn-acad__more, .rn-pride__more, .rn-people__more)::after {
    content: "";
    width: 14px;
    height: 14px;
    background: url("/type/KOR_2027/img/renewal/main/people/ico-next.svg") no-repeat center / 12.2px 9.2px;
}

:is(.rn-dept__bar, .rn-people__bar) {
    position: relative;
    width: 56px;
    height: 5px;
    overflow: hidden;
    border: 1px solid rgba(34, 34, 34, 0.8);
    border-radius: 2px;
}

:is(.rn-dept__bar span, .rn-people__bar span) {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: #222;
}

:is(.rn-kv__bar, .rn-dept__bar, .rn-people__bar) > span {
    transform: scaleX(0);
    transform-origin: left center;
    animation: rn-bar-fill var(--rn-bar-dur, 6s) linear forwards;
    animation-play-state: paused;
}

.is-playing :is(.rn-kv__bar, .rn-dept__bar, .rn-people__bar) > span {
    animation-play-state: running;
}

:is(.rn-kv-card, .rn-benefit__card, .rn-dept__card, .rn-pride__card) {
    position: relative;
    overflow: hidden;
}

:is(.rn-kv, .rn-link, .rn-benefit, .rn-news, .rn-dept, .rn-acad, .rn-pride, .rn-people, .rn-sns) {
    font-family: "Pretendard", "Pretendard Variable", sans-serif;
}

:is(.rn-kv, .rn-link, .rn-benefit, .rn-news, .rn-dept, .rn-acad, .rn-pride, .rn-people, .rn-sns) *, :is(.rn-kv, .rn-link, .rn-benefit, .rn-news, .rn-dept, .rn-acad, .rn-pride, .rn-people, .rn-sns) *::before, :is(.rn-kv, .rn-link, .rn-benefit, .rn-news, .rn-dept, .rn-acad, .rn-pride, .rn-people, .rn-sns) *::after {
    box-sizing: border-box;
}

:is(.rn-benefit__sub, .rn-news__sub, .rn-dept__sub, .rn-acad__sub, .rn-pride__sub, .rn-people__sub, .rn-sns__sub) {
    font-weight: 300;
    line-height: 1.48;
    letter-spacing: -0.02em;
}

:is(.rn-news, .rn-dept) [hidden] {
    display: none !important;
}

:is(.rn-news, .rn-dept) .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.rn-main section, .rn-main nav {
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
}

.rn-kv {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
    margin: 0 15px 8px;
}

.rn-kv :where(h1, h2, p) {
    margin: 0;
    padding: 0;
}

.rn-kv__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 16px;
    border-radius: 10px;
    background: #f4f1ef;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.48;
    letter-spacing: -0.02em;
    color: #222;
    text-decoration: none;
    white-space: nowrap;
}

.rn-kv__btn::after {
    content: "";
    width: 14px;
    height: 14px;
    background: url("/type/KOR_2027/img/renewal/main/kv/arrow.svg") no-repeat 50% 50% / 12.2px 9.2px;
}

.rn-kv__btn--white {
    background: #fff;
}

.rn-kv__main {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    /* 시안 11/5 수정: 인디케이터 가림 → 640 에서 560 */
    height: 560px;
}

.rn-kv__track {
    position: absolute;
    inset: 0;
}

.rn-kv-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease, visibility 1s;
}

.rn-kv-slide.is-active {
    opacity: 1;
    visibility: visible;
}

.rn-kv-slide__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0;
    transform: scale(1.08);
    transform-origin: 50% 0;
}

.rn-kv-slide.is-active .rn-kv-slide__img {
    animation: rn-kv-zoom 6s ease-out;
}

.rn-kv__main.is-paused .rn-kv-slide.is-active .rn-kv-slide__img {
    animation-play-state: paused;
}

.rn-kv-slide::before {
    content: "";
    position: absolute;
    z-index: 1;
    background: url("/type/KOR_2027/img/renewal/main/kv/shade.svg") no-repeat 0 0 / 100% 100%;
    pointer-events: none;
    left: -243px;
    top: 270px;
    width: 612px;
    height: 612px;
}

.rn-kv-slide__copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
    gap: 16px;
    padding: 40px 24px 0;
}

.rn-kv-slide__title {
    font-weight: 600;
    word-break: keep-all;
    line-height: 124%;
    /* 시안 모바일 -1.5%, PC -2% (1440~) */
    letter-spacing: -0.015em;
    font-size: 38px;
}

.rn-kv-slide__sub {
    font-weight: 500;
    letter-spacing: -0.02em;
    word-break: keep-all;
    font-size: 18px;
    line-height: 1.5;
}

.rn-kv__num {
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.02em;
}

.rn-kv__num--curr {
    font-weight: 600;
}

.rn-kv__bar {
    position: relative;
    overflow: hidden;
    width: 56px;
    height: 5px;
    margin: 0 8px;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 500px;
    backdrop-filter: blur(5px);
}

.rn-kv__bar span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.rn-kv__sep {
    width: 1px;
    height: 14px;
    margin: 0 12px 0 24px;
    background: rgba(255, 255, 255, .6);
    display: none;
}

.rn-kv__nav {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.rn-kv__nav[data-rn-slider-prev] {
    background: url("/type/KOR_2027/img/renewal/main/kv/indi-prev.svg") no-repeat center / 14px 14px;
}

.rn-kv__nav[data-rn-slider-next] {
    background: url("/type/KOR_2027/img/renewal/main/kv/indi-next.svg") no-repeat center / 14px 14px;
}

.rn-kv__nav:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 0px;
}

.rn-kv__toggle::before, .rn-kv__toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 2px;
    height: 12px;
    margin-top: -6px;
    border-radius: 100px;
    background: #fff;
}

.rn-kv__toggle::before {
    left: 9px;
}

.rn-kv__toggle::after {
    left: 15px;
}

.rn-kv__main.is-paused .rn-kv__toggle::before {
    left: 9px;
    width: 0;
    height: 0;
    margin-top: -6px;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #fff;
    border-radius: 0;
    background: none;
}

.rn-kv__main.is-paused .rn-kv__toggle::after {
    display: none;
}

.rn-kv-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
    background: #fff;
    color: #222;
    min-height: 280px;
    padding: 24px;
}

.rn-kv-card > :not(.rn-kv-card__art) {
    position: relative;
    z-index: 1;
}

.rn-kv-card__cate {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.48;
    letter-spacing: 0;
}

.rn-kv-card__tit {
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: -0.015em;
    word-break: keep-all;
    font-size: 26px;
    margin-top: 16px;
}

.rn-kv-card__sub {
    font-weight: 300;
    letter-spacing: -0.015em;
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.48;
}

.rn-kv-card .rn-kv__btn {
    position: absolute;
    left: 12px;
    right: 18px;
    bottom: 16px;
    margin-top: 0;
    height: 44px;
    text-align: center;
    justify-content: center;
}

.rn-kv-card--ai .rn-kv__btn {
    left: 18px;
    right: 12px;
}

.rn-kv-card__art {
    position: absolute;
    width: 244px;
    height: 195px;
    transform: scale(var(--rn-kv-art, .7));
    transform-origin: 100% 100%;
    background: url("/type/KOR_2027/img/renewal/main/kv/cert-art.png") no-repeat 0 0 / 100% 100%;
    right: 20.5px;
    bottom: 72px;
    --rn-kv-art: .48;
}

.rn-link__list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    grid-template-columns: minmax(0, 1fr);
}

.rn-link__list > li {
    display: flex;
    min-width: 0;
}

.rn-link__item {
    --rn-ico: .8;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex: 1;
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
    color: #222;
    text-decoration: none;
    flex-direction: row;
    align-items: center;
    min-height: 88px;
    padding: 0 72px 0 24px;
}

.rn-link__item:focus-visible {
    outline: 2px solid #002DAD;
    outline-offset: 2px;
}

.rn-link__txt {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.48;
    letter-spacing: -0.3px;
}

.rn-link__item::after {
    content: "";
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    background: url("/type/KOR_2027/img/renewal/main/people/ico-next.svg") no-repeat center / 12.2px 9.2px #F4F1EF;
    transition: background-color 0.2s, background-position var(--rn-arrow-dur);
    width: 40px;
    height: 40px;
    top: 50%;
    right: 24px;
    bottom: auto;
    transform: translateY(-50%);
}

.rn-link__item:hover::after, .rn-link__item:focus-visible::after {
    background-position: calc(50% + var(--rn-arrow-shift)) center;
}

.rn-link__item::before {
    content: "";
    order: 1;
    flex: none;
    width: calc(80px * var(--rn-ico, .75));
    height: calc(60px * var(--rn-ico, .75));
    margin-right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

@media screen and (max-width: 375px) {
    .rn-link__item {
        --rn-ico: .6;
    }
}

.rn-kv-card--cert .rn-kv-card__cate {
    color: var(--text-font-color-category, rgba(34, 34, 34, 0.50));
}

.rn-link__item--cert::before {
    background-image: url("/type/KOR_2027/img/renewal/main/link/ico-cert.svg");
}

.rn-link__item--campus::before {
    background-image: url("/type/KOR_2027/img/renewal/main/link/ico-campus.svg");
}

.rn-link__item--job::before {
    background-image: url("/type/KOR_2027/img/renewal/main/link/ico-ring.svg");
}

.rn-link__item--books::before {
    background-image: url("/type/KOR_2027/img/renewal/main/link/ico-books.svg");
    background-size: 80.25725% 83.95617%;
}

.rn-benefit {
    --rn-art: 0.6;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
    margin: 0 15px;
}

.rn-benefit :where(h2, p) {
    margin: 0;
}

.rn-benefit__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
    color: #222;
    min-height: 240px;
    padding: 32px 12px 16px;
}

.rn-benefit__card--work {
    background: #fff;
    padding-top: 24px;
    padding-bottom: 17px;
}

.rn-benefit__card--scholar {
    background: var(--rn-univ-dark);
    color: #fff;
    padding-bottom: 12px;
}

.rn-benefit__card--scholar .rn-benefit__tit {
    color: var(--rn-univ-sky);
}

.rn-benefit__card--grad {
    background: var(--rn-univ-navy);
    color: #fff;
    min-height: 400px;
}

.rn-benefit__tit, .rn-benefit__sub, .rn-benefit__desc, .rn-benefit__btns {
    position: relative;
    z-index: 1;
}

.rn-benefit__tit {
    font-weight: 600;
    letter-spacing: -0.02em;
    font-size: 28px;
    line-height: 1.36;
}

.rn-benefit__desc {
    margin-top: auto;
    font-weight: 300;
    line-height: 1.48;
    color: #222;
    word-break: keep-all;
    padding-top: 160px;
    font-size: 14px;
    letter-spacing: -0.02em;
    display: none;
}

.rn-benefit__card--scholar .rn-benefit__desc, .rn-benefit__card--grad .rn-benefit__desc {
    color: #fff;
}

.rn-benefit__btns {
    display: flex;
    align-self: stretch;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}

.rn-benefit__card--work .rn-benefit__btns, .rn-benefit__card--scholar .rn-benefit__btns {
    margin-left: 6px;
}

.rn-benefit__btns a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 10px;
    background: #fff;
    font-weight: 600;
    line-height: 1.48;
    letter-spacing: -0.32px;
    color: #222;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s;
    flex: none;
    height: 44px;
    font-size: 16px;
}

.rn-benefit__card--work .rn-benefit__btns a {
    background: var(--rn-univ-sky);
    color: var(--rn-univ-dark);
}

.rn-benefit__card--work .rn-benefit__btns a::after {
    background: url("/type/KOR_2027/img/renewal/main/benefit/arrow-navy.svg") no-repeat center / 12.2px 9.2px;
}

.rn-benefit__btns a::after {
    content: "";
    width: 14px;
    height: 14px;
    background: url("/type/KOR_2027/img/renewal/main/people/ico-next.svg") no-repeat center / 12.2px 9.2px;
}

.rn-benefit__btns a:hover, .rn-benefit__btns a:focus-visible {
    background: #f1f1f1;
}

.rn-benefit__card--work .rn-benefit__btns a:hover, .rn-benefit__card--work .rn-benefit__btns a:focus-visible {
    background: #70c8ed;
}

.rn-benefit__art {
    position: absolute;
    width: 400px;
    height: 340px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scale(var(--rn-art));
    transform-origin: right bottom;
    pointer-events: none;
}

.rn-benefit .rn-benefit__art[data-aos] {
    transition-duration: 1200ms;
}

.rn-benefit__art[data-aos-delay="100"].aos-animate {
    transition-delay: 100ms;
}

.rn-benefit__art[data-aos-delay="1300"].aos-animate {
    transition-delay: 1300ms;
}

.rn-benefit__art[data-aos-delay="2500"].aos-animate {
    transition-delay: 2500ms;
}

.rn-benefit__art[data-aos="fade-left"] {
    transform: translate3d(40px, 0, 0) scale(var(--rn-art));
}

.rn-benefit__art[data-aos="fade-up"] {
    transform: translate3d(0, 40px, 0) scale(var(--rn-art));
}

.rn-benefit__art[data-aos].aos-animate {
    transform: translate3d(0, 0, 0) scale(var(--rn-art));
    pointer-events: none;
}

.rn-benefit__card--work .rn-benefit__art {
    background-image: url("/type/KOR_2027/img/renewal/main/benefit/benefit01.png");
    right: 0;
    bottom: 35px;
    --rn-art: 0.5;
    background-size: contain;
}

.rn-benefit__card--scholar .rn-benefit__art {
    background-image: url("/type/KOR_2027/img/renewal/main/benefit/scholar-pig.svg"), url("/type/KOR_2027/img/renewal/main/benefit/scholar-books.svg");
    background-position: 184px 17px, 39px 132px;
    background-size: 211.132px 152.013px, 410px 199px;
    right: 0;
    bottom: 35px;
    --rn-art: 0.5;
}

.rn-benefit__card--grad .rn-benefit__art {
    width: 840px;
    height: 340px;
    background-image: url("/type/KOR_2027/img/renewal/main/benefit/graduate.png"),
                      url("/type/KOR_2027/img/renewal/main/benefit/graduate-shadow-left.svg"),
                      url("/type/KOR_2027/img/renewal/main/benefit/graduate-shadow-center.svg"),
                      url("/type/KOR_2027/img/renewal/main/benefit/graduate-shadow-right.svg");
    background-position: 39px 16px, 39px 311px, 192px 299px, 636px 313px;
    background-size: 771px 308px, 106px 14px, 444px 14px, 168px 14px;
    right: 24px;
    bottom: 116px;
    --rn-art: 0.378571;
}

/* 좁은 모바일에서는 문구·버튼 공간을 확보하고 AOS 배율도 함께 줄인다. */
@media screen and (max-width: 375px) {
    .rn-benefit__card--work .rn-benefit__art,
    .rn-benefit__card--scholar .rn-benefit__art {
        --rn-art: .42;
        right: 12px;
        bottom: 56px;
    }

    .rn-benefit__card--grad .rn-benefit__art {
        --rn-art: .34;
        right: 16px;
    }
}

.rn-news {
    border-radius: 10px;
    background: var(--rn-univ-blue);
    color: #fff;
    margin: 0 15px;
    padding: 32px 24px;
}

.rn-news :where(h2, p, ul) {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rn-news__cols {
    display: flex;
    flex-direction: column;
    gap: 56px;
    margin-top: 40px;
}

.rn-news__col {
    min-width: 0;
}

.rn-news__col *:focus {
    outline-color: #fff;
}

.rn-news__col a {
    padding-right: 4px;
}

.rn-news__bar {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.rn-news__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
}

.rn-news__tab {
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: color 0.2s;
    letter-spacing: -0.02em;
    font-size: 18px;
    line-height: 1;
}

.rn-news__tab:hover, .rn-news__tab:focus-visible {
    color: #fff;
}

.rn-news__tab.is-active {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 2px;
}

.rn-news__more {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    line-height: 1.48;
    letter-spacing: -0.32px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    height: 28px;
}

.rn-news__more::after {
    content: "";
    width: 14px;
    height: 14px;
    background: url("/type/KOR_2027/img/renewal/main/news/ico-more.svg") no-repeat center / 12.2px 9.2px;
}

.rn-news__more:hover, .rn-news__more:focus-visible {
    text-decoration: underline;
}

.rn-news__list li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: 20px;
    padding-top: 19px;
}

.rn-news__list a {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    gap: 16px;
}

.rn-news__date {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    font-weight: 600;
    line-height: 1.48;
    color: var(--rn-univ-blue);
    width: 56px;
    height: 56px;
    font-size: 14px;
    letter-spacing: -0.28px;
}

.rn-news__subject {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 20px;
    line-height: 1.48;
    letter-spacing: -0.4px;
    white-space: normal;
    word-break: keep-all;
}

.rn-news__list a::after {
    content: "";
    flex: none;
    width: 40px;
    height: 40px;
    background: url("/type/KOR_2027/img/renewal/main/news/ico-arrow-24.svg") no-repeat center / 20.1333px 15.1333px;
    display: none;
}

.rn-news__list a:hover .rn-news__subject, .rn-news__list a:focus-visible .rn-news__subject {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.rn-dept :where(h2, h3, p, ul) {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rn-dept__head {
    position: relative;
    flex-direction: column;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    padding: 0 12px;
}

.rn-dept__ctrl {
    align-items: center;
    gap: 24px;
    display: contents;
}

.rn-dept__count {
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.32px;
    display: none;
}

.rn-dept__cur {
    width: 18px;
    font-weight: 600;
}

.rn-dept__total {
    font-weight: 300;
}

.rn-dept__btns {
    display: flex;
    align-items: center;
    grid-area: 3 / 2 / 4 / 3;
    justify-self: end;
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    margin-top: 24px;
    padding: 0 12px;
    border-left: 0;
}

.rn-dept__btns button {
    position: relative;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.rn-dept__btns .rn-dept__prev {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-prev.svg");
}

.rn-dept__btns .rn-dept__next {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-next.svg");
}

.rn-dept__play::before, .rn-dept__play::after {
    content: "";
    position: absolute;
    top: 1px;
    width: 2px;
    height: 12px;
    background: #222;
    display: none;
}

.rn-dept.is-paused .rn-dept__play::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #222;
    background: none;
}

.rn-dept.is-paused .rn-dept__play::after {
    display: none;
}

.rn-dept__more {
    background: #f4f1ef;
    transition: background-color 0.2s;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    height: 48px;
    margin-top: 24px;
    font-size: 16px;
}

.rn-dept__more:hover, .rn-dept__more:focus-visible {
    background: #e9e4e0;
}

.rn-dept__pages {
    overflow: hidden;
}

.rn-dept__track {
    position: relative;
    display: flex;
    transition: transform var(--rn-slide-dur, .9s) var(--rn-slide-ease, ease);
    gap: 8px;
    margin-left: 0;
}

.rn-dept__page {
    flex: 0 0 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
}

.rn-dept__card.dept04, .rn-dept__card.dept08, .rn-dept__card.dept12 {
    position: relative;
}

.rn-dept__card.dept04 video, .rn-dept__card.dept08 video, .rn-dept__card.dept12 video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rn-dept__card.dept04::after, .rn-dept__card.dept08::after, .rn-dept__card.dept12::after {
    content: '';
    position: absolute;
    z-index: 1;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
}

.rn-dept__card:hover .rn-dept__info .rn-dept__name, .rn-dept__card:hover .rn-dept__info .rn-dept__desc, .rn-dept__card:hover .rn-dept__list li a {
    color: #ffffff;
}

.rn-dept__card:hover .rn-dept__list a::after {
    width: 14px;
    height: 14px;
    background: url("/type/KOR_2027/img/renewal/main/news/ico-arrow-24.svg") no-repeat center center;
    background-size: contain;
}

.rn-dept__info, .rn-dept__list {
    position: relative;
    z-index: 1;
}

.rn-dept__name {
    font-weight: 600;
    line-height: 1.36;
    font-size: 24px;
    letter-spacing: -0.36px;
}

.rn-dept__name a {
    color: inherit;
    text-decoration: none;
}

.rn-dept__desc {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.48;
    letter-spacing: -0.3px;
    color: #545454;
    word-break: keep-all;
}

.rn-dept__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rn-dept__list a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    line-height: 1.48;
    color: #222;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: -0.3px;
    padding-right: 4px;
}

.rn-dept__list a:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.rn-dept__list a::after {
    content: "";
    width: 14px;
    height: 14px;
    background: url("/type/KOR_2027/img/renewal/main/news/ico-arrow-24.svg") no-repeat center center;
    background-size: contain;
}

.rn-dept__card--wide {
    color: #fff;
    transition: all 0.7s;
    min-height: 320px;
}

.rn-dept__card--wide:hover {
    background-size: 110%;
    transition: all 0.7s;
}

.rn-dept__card--wide::before {
    background: none;
}

.rn-dept__card--wide .rn-dept__info, .rn-dept__card--wide .rn-dept__list {
    z-index: 2;
}

.rn-dept__card--wide .rn-dept__desc, .rn-dept__card--wide .rn-dept__name a {
    color: #fff;
}

.rn-dept__card--wide .rn-dept__list a {
    font-weight: 500;
    color: #fff;
}

.rn-dept__card--wide .rn-dept__list a::after {
    width: 14px;
    height: 14px;
    background: url("/type/KOR_2027/img/renewal/main/news/ico-arrow-24.svg") no-repeat center center;
    background-size: contain;
}

.rn-dept__go {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #fff url("/type/KOR_2027/img/renewal/main/people/ico-next.svg") no-repeat center / 12.2px 9.2px;
}

.rn-acad :where(h2, p, ul, ol) {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rn-acad__nav {
    display: flex;
    align-items: center;
    gap: 6px;
    grid-area: 3 / 2 / 4 / 3;
    justify-self: end;
    margin-top: 24px;
    padding: 0 12px;
}

.rn-acad__nav button {
    padding: 0;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.rn-acad__nav button:disabled {
    opacity: 0.3;
    cursor: default;
}

.rn-acad__nav .rn-acad__prev {
    position: relative;
    background-image: url("/type/KOR_2027/img/renewal/main/acad/ctrl-prev.svg");
    margin-right: 6px;
}

.rn-acad__nav .rn-acad__prev::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.3);
    top: 5px;
    right: -7px;
}

.rn-acad__nav .rn-acad__next {
    background-image: url("/type/KOR_2027/img/renewal/main/acad/ctrl-next.svg");
}

.rn-acad__more {
    background: #fff;
    transition: background-color 0.2s;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    height: 48px;
    margin-top: 24px;
    font-size: 16px;
}

.rn-acad__more:hover, .rn-acad__more:focus-visible {
    background: #e8f1fd;
}

.rn-acad__empty {
    width: 370px;
    height: 370px;
    background-image: url("/type/KOR_2027/img/renewal/main/acad/none-schedule.png");
    background-position: center;
    background-size: 303px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 48px;
    overflow: hidden;
}

.rn-acad__empty p {
    width: 370px;
    font-size: 22px;
    letter-spacing: -0.33px;
    margin-left: 78px;
}

.rn-acad__viewport {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.rn-acad__viewport::-webkit-scrollbar {
    display: none;
}

.rn-acad__track {
    display: flex;
    justify-content: flex-start;
    transition: transform var(--rn-slide-dur, .9s) var(--rn-slide-ease, ease);
}

.rn-acad__item {
    scroll-snap-align: start;
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: var(--rn-acad-card);
    height: var(--rn-acad-card);
    border-radius: 10px 140px 140px 10px;
    background: #fff;
    color: #222;
    justify-content: center;
    padding: 24px;
}

.rn-acad__item:nth-child(4n+2) {
    border-radius: 140px;
}

.rn-acad__item:nth-child(4n+3) {
    border-radius: 10px 10px 140px 140px;
}

.rn-acad__item:nth-child(4n+4) {
    border-radius: 100px 10px 100px 10px;
}

.rn-acad__date {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: -0.02em;
}

.rn-acad__type {
    border: 1px solid var(--rn-univ-blue);
    border-radius: 100px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.3px;
    color: var(--rn-univ-blue);
    /* 시안 태그 높이 27 (테두리 포함) */
    padding: 5px 9px;
    font-size: 15px;
}

.rn-acad__subject {
    font-weight: 500;
    word-break: keep-all;
    letter-spacing: -0.02em;
    margin-top: 8px;
    font-size: 20px;
    line-height: 1.48;
}

.rn-acad__item.is-holiday .rn-acad__type {
    border-color: #f14f52;
    color: #f14f52;
}

.rn-acad__item.is-holiday .rn-acad__subject {
    color: #f14f52;
}

.rn-pride {
    overflow: hidden;
    color: #222;
    margin: 0 15px;
    padding: 48px 0 24px;
}

.rn-pride :where(h2, p, ul) {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rn-pride__head {
    display: flex;
    justify-content: space-between;
    max-width: 1248px;
    margin: 0 auto 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 40px;
    padding: 0 24px;
}

.rn-pride__tit {
    line-height: 1.38;
}

.rn-pride__more {
    flex: none;
    background: #fff;
    height: 48px;
    padding: 8px 12px;
    font-size: 15px;
}

.rn-pride__more:hover, .rn-pride__more:focus-visible {
    background: #e9e4e0;
}

.rn-pride__num {
    z-index: 1;
    display: block;
    font-weight: 300;
    line-height: 1;
    white-space: nowrap;
    position: relative;
    font-size: 80px;
    letter-spacing: -0.06em;
}

.rn-pride__txt {
    z-index: 1;
    font-weight: 500;
    line-height: 1.36;
    position: relative;
    font-size: 16px;
    letter-spacing: -0.015em;
}
.rn-pride__txt span{
    display: block;
    font-size: 14px;
    font-weight: 300;
}
.rn-pride__card--26, .rn-pride__card--11052 {
    grid-column: 1 / -1;
    width: 100%;
    overflow: hidden;
    transition: width 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.rn-pride__board:not(.is-in) .rn-pride__card--26, .rn-pride__board:not(.is-in) .rn-pride__card--11052 {
    width: 0;
}

.rn-pride__card--26 > *, .rn-pride__card--11052 > * {
    width: max-content;
}

.rn-pride__board.is-in .rn-pride__card[data-aos-delay="400"] {
    transition-delay: 400ms;
}

.rn-pride__card--26 {
    background: #020b0c url("/type/KOR_2027/img/renewal/main/pride/pride-26.png") no-repeat 60% 30% / cover;
    grid-area: 1 / 1 / 2 / 2;
    border-radius: 10px 110px 110px 10px;
}

.rn-pride__card--26::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 19, 41, 0.3);
}

.rn-pride__card.rn-pride__card--52 {
    aspect-ratio: 1;
    align-items: center;
    border-radius: 50%;
    background: var(--rn-univ-sky);
    color: var(--rn-univ-dark);
    text-align: center;
    justify-content: center;
    grid-area: 1 / 3 / 2 / 4;
    gap: 2px;
}

.rn-pride__card.rn-pride__card--37 {
    aspect-ratio: 1;
    padding: 0;
    background: url("/type/KOR_2027/img/renewal/main/pride/shape-37.svg") no-repeat center / contain;
    border-radius: 0;
    animation: rotate 10s linear infinite;
    overflow: visible;
    transform-origin: center center;
    grid-area: 1 / 5 / 2 / 6;
}

.rn-pride__card--37 > * {
    animation: reverseRotate 10s linear infinite;
    transform-origin: center center;
}

.rn-pride__card--37 .rn-pride__in {
    background: none;
    -webkit-mask: none;
    mask: none;
    overflow: visible;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    text-align: center;
    display: flex;
}

.rn-pride__card--37 > .rn-pride__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    -webkit-mask: url("/type/KOR_2027/img/renewal/main/pride/shape-37.svg")
                    no-repeat center / contain;
    mask: url("/type/KOR_2027/img/renewal/main/pride/shape-37.svg")
            no-repeat center / contain;
    animation: none;
    transform: none;
}

.rn-pride__bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/type/KOR_2027/img/renewal/main/pride/pride-37-in.png")
                    no-repeat bottom center / 100% auto;
    transform-origin: center;
    animation: reverseRotate 10s linear infinite;
}

.rn-pride__card.rn-pride__card--100 {
    background: url("/type/KOR_2027/img/renewal/main/pride/online-doodle.svg") no-repeat right bottom 18px / 91.778% auto var(--rn-univ-blue);
    text-align: center;
    align-items: center;
    grid-area: 1 / 7 / 4 / 8;
    justify-content: flex-start;
    gap: 4px;
    border-radius: 10px 10px 50% 50%;
}

.rn-pride__card--11052 {
    min-height: 260px;
    background: url("/type/KOR_2027/img/renewal/main/pride/student-star.svg") no-repeat 41.94% top / auto 96.154%, url("/type/KOR_2027/img/renewal/main/pride/student-globe.png") no-repeat 92.4% 69px / auto 93.077% var(--rn-univ-navy);
    color: #fff;
    grid-area: 3 / 1 / 6 / 6;
    order: 0;
    border-radius: 10px 144px 144px 10px;
}

.rn-pride__card--17 {
    border-radius: 10px 10px 120px 10px;
    background: #0a2240 url("/type/KOR_2027/img/renewal/main/pride/pride-17-2027.png") no-repeat 0 0 / cover;
    grid-area: 5 / 7 / 6 / 8;
    justify-content: flex-start;
}

.rn-pride__card--17::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 69.686%);
}

.rn-people :where(h2, p, ul) {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rn-people__head {
    max-width: 1248px;
    margin: 0 auto;
    display: contents;
}

.rn-people__ctrl {
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    display: flex;
    margin: 24px 24px 0;
}

.rn-people__indicator {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
}

.rn-people__count {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.32px;
}

.rn-people__cur {
    font-weight: 600;
}

.rn-people__total {
    font-weight: 300;
}

.rn-people__btns {
    display: flex;
    align-items: center;
    /* gap: 16px; */
}

.rn-people__btns button {
    position: relative;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.rn-people__btns .rn-people__prev {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-prev.svg");
}

.rn-people__btns .rn-people__next {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-next.svg");
}

.rn-people__play::before, .rn-people__play::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 2px;
    height: 12px;
    margin-top: -6px;
    background: #222;
    display: none;
}

.rn-people__play::before {
    left: calc(50% - 4px);
}

.rn-people__play::after {
    left: calc(50% + 2px);
}

.rn-people__play.is-paused::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #222;
    background: none;
    display: block;
    left: calc(50% - 5px);
}

.rn-people__play.is-paused::after {
    display: none;
}

.rn-people__more {
    flex: none;
    justify-content: center;
    background: #f4f1ef;
    transition: background-color 0.2s;
    order: -1;
    height: 44px;
    margin: 0;
    font-size: 16px;
}

.rn-people__more:hover, .rn-people__more:focus-visible {
    background: #e9e4e0;
}

.rn-people__viewport {
    display: flex;
    align-items: center;
    height: var(--rn-people-h-active);
    margin-top: 40px;
    width: calc(100% - 6px);
    margin-left: auto;
    margin-right: auto;
}

.rn-people__track {
    display: flex;
    align-items: center;
    gap: var(--rn-people-gap);
    transition: transform var(--rn-slide-dur, .9s) var(--rn-slide-ease, ease);
}

.rn-people__item {
    flex: none;
    position: relative;
    width: var(--rn-people-w);
    height: var(--rn-people-h);
    overflow: hidden;
    border-radius: 10px;
    background: #030303;
    transition: width 0.6s ease, height 0.6s ease;
}

.rn-people__item.is-active {
    width: var(--rn-people-w-active);
    height: var(--rn-people-h-active);
}

.rn-people__item a {
    display: block;
    height: 100%;
    color: #fff;
    text-decoration: none;
}

.rn-people__item a:focus::before {
    content: "";
    position: absolute;
    inset: 3px;
    z-index: 3;
    border: 2px solid #fff;
    border-radius: 7px;
    pointer-events: none;
}

.rn-people__photo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.6s ease;
}

.rn-people__item a:hover .rn-people__photo, .rn-people__item a:focus-visible .rn-people__photo {
    transform: scale(1.06);
}

.rn-people__item a::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    transform: none;
    background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 40%, rgba(34, 34, 34, 0.5) 70%);
}

.rn-people__txt {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    left: 12px;
    right: 12px;
    bottom: 12px;
    gap: 8px;
}

.rn-people__name {
    word-break: keep-all;
    line-height: 1.48;
    max-width: none;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.24px;
}

.rn-people__go {
    background: #fff url("/type/KOR_2027/img/renewal/main/people/ico-next.svg") no-repeat center / 7.6px 5.7px;
    width: 40px;
    height: 40px;
    margin-top: 8px;
    border-radius: 10px;
    background-size: 12.2px 9.2px;
}

.rn-people__item.is-active .rn-people__name {
    max-width: none;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.48;
    letter-spacing: -0.3px;
}

.rn-people__item.is-active .rn-people__headline {
    font-weight: 600;
    display: -webkit-box;
    font-size: 24px;
    line-height: 1.36;
    letter-spacing: -0.36px;
}

.rn-sns :where(h2, p, ul) {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rn-sns__head {
    max-width: 1248px;
    margin: 0 auto;
    padding: 0 24px;
    display: contents;
}

.rn-sns__ctrl {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    margin-top: 24px;
}

.rn-sns__nav {
    display: flex;
    align-items: center;
 
    margin: 0;
}

.rn-sns__nav .rn-sns__prev {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-prev.svg");
}

.rn-sns__nav .rn-sns__play {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-pause.svg");
}

.rn-sns__nav .rn-sns__next {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-next.svg");
}

.rn-sns__nav .rn-sns__play.is-paused {
    background-image: none;
}

.rn-sns__play.is-paused::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    margin-top: -6px;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #222;
}

.rn-sns__links {
    display: flex;
    gap: 8px;
    order: -1;
    flex-wrap: wrap;
    margin: 0;
}

.rn-sns__links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background: #fff;
    transition: background-color 0.2s;
}

.rn-sns__links a:hover, .rn-sns__links a:focus-visible {
    background: #f1f1f1;
}

.rn-sns__links img {
    display: block;
    max-width: none;
}

.rn-sns__track {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 0;
    scrollbar-width: none;
    margin-top: 40px;
    padding: 0 3px;
    scroll-padding: 0 3px;
}

.rn-sns__track::-webkit-scrollbar {
    display: none;
}

.rn-sns__item a {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    color: inherit;
    text-decoration: none;
}

.rn-sns__img {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.rn-sns__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s;
}

.rn-sns__item a:hover .rn-sns__img img, .rn-sns__item a:focus-visible .rn-sns__img img {
    transform: scale(1.2);
}

/* 자동 넘김 중엔 확대를 끈다 — 멈춰 있는 커서 밑으로 카드가 지나가며 1s 확대가 연달아 걸린다 */
.rn-sns__track.is-sliding .rn-sns__img img {
    transition: none;
}

.rn-sns__track.is-sliding .rn-sns__item a:hover .rn-sns__img img {
    transform: none;
}

.rn-sns__txt {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-weight: 600;
    padding: min(24px, 6.6vw);
}

.rn-sns__cate {
    line-height: 1.48;
    color: #707070;
    font-size: 14px;
}

.rn-sns__subject {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    font-weight: 600;
    line-height: 1.48;
    -webkit-line-clamp: 2;
    font-size: min(20px, 5.5vw);
    letter-spacing: -0.3px;
}

.rn-main {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 12px 32px;
}

.rn-link {
    margin: 0 15px;
}

.rn-benefit__sub {
    margin-top: 12px;
    font-size: 16px;
}

.rn-dept {
    /* 학과소개 슬라이드 이동 시간 */
    --rn-slide-dur: 1.8s;
    flex-direction: column;
    border-radius: 10px;
    background: #fff;
    color: #222;
    display: flex;
    margin: 0 15px;
    gap: 40px;
    overflow: hidden;
    padding: 32px 12px;
}

.rn-dept__card::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.7s;
    background: linear-gradient(to right, rgba(34, 34, 34, 0.5), rgba(34, 34, 34, 0.2));
}

.rn-dept__card:hover::before {
    opacity: 1;
}

.rn-dept__card:hover {
    transition: background-size 1.5s ease;
    background-position: center;
    background-size: cover;
}

.rn-dept__name, .rn-dept__desc, .rn-dept__list a {
    color: #fff;
}

.rn-dept__card.dept01 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept01.png");
}

.rn-dept__card.dept02 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept02.png");
}

.rn-dept__card.dept03 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept03.png");
}

.rn-dept__card.dept04 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept04.png");
}

.rn-dept__card.dept05 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept05.png");
}

.rn-dept__card.dept06 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept06.png");
}

.rn-dept__card.dept07 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept07.png");
}

.rn-dept__card.dept08 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept08.png");
}

.rn-dept__card.dept09 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept09.png");
}

.rn-dept__card.dept10 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept10.png");
}

.rn-dept__card.dept11 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept11.png");
}

.rn-dept__card.dept12 {
    background: url("/type/KOR_2027/img/renewal/main/dept/dept12.png");
}

.rn-dept__card.dept01, .rn-dept__card.dept02, .rn-dept__card.dept03, .rn-dept__card.dept04, .rn-dept__card.dept05, .rn-dept__card.dept06, .rn-dept__card.dept07, .rn-dept__card.dept08, .rn-dept__card.dept09, .rn-dept__card.dept10, .rn-dept__card.dept11, .rn-dept__card.dept12 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.rn-dept__card--wide video {
    display: none;
}

.rn-acad__head {
    flex-direction: column;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 0;
    padding-right: 0;
}

.rn-pride__card {
    color: #fff;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    display: flex;
    padding: 24px;
    min-height: 0;
    aspect-ratio: auto;
}

.rn-pride__card--52 .rn-pride__txt, .rn-pride__card--37 .rn-pride__txt {
    font-size: 15px;
}

.rn-pride__pill {
    display: none;
}

.rn-people {
    flex-direction: column;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    color: #222;
    display: flex;
    margin: 0 15px;
    padding: 32px 0 40px;
    --rn-people-gap: 8px;
    --rn-people-w-active: min(320px, 100vw - 70px);
    --rn-people-h-active: calc(var(--rn-people-w-active) * 420 / 320);
    --rn-people-w: calc(var(--rn-people-w-active) * 222 / 320);
    --rn-people-h: calc(var(--rn-people-w) * 292 / 222);
    --rn-people-text-duration: 400ms;
}

.rn-people__tit {
    margin: 0 24px;
    line-height: 1.38;
}

.rn-people__sub {
    margin: 8px 24px 0;
    font-size: 16px;
}

.rn-people__btns .rn-people__play {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-pause.svg");
}

.rn-people__btns .rn-people__play.is-paused {
    background-image: none;
}

.rn-people__headline {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.48;
    letter-spacing: -0.27px;
}

.rn-people__item.is-active .rn-people__txt {
    left: 16px;
    right: 16px;
    bottom: 16px;
}

.rn-people__item.is-active .rn-people__go {
    margin-top: 16px;
}

.rn-sns__tit {
    line-height: 1.38;
    font-size: min(40px, 11vw);
}

.rn-sns__sub {
    margin-top: 8px;
    font-size: 16px;
}

.site-wrap {
    --rn-univ-blue: #002dad;
    --rn-univ-navy: #00105c;
    --rn-univ-dark: #0a2240;
    --rn-univ-sky: #82d4f6;
    background: #f4f1ef;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transform: none !important;
    width: 100% !important;
    position: relative;
    top: 0;
    left: 0;
    /* 고정 헤더 높이 (UNB 42 + GNB 64) */
    margin-top: 106px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.rn-kv-slide__copy .rn-kv__btn {
    margin-top: 24px;
    height: 44px;
}

.rn-kv__ctrl {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    color: #fff;
    right: 24px;
    left: 24px;
    bottom: 32px;
}

.rn-kv__nav[data-rn-slider-prev] {
    margin-left: auto;
}

/* ai-banner.png 는 시안 카드(624×378)를 2배로 자른 이미지 — 카드에 맞춰 채운다 (auto 면 원본 2배로 나옴) */
.rn-kv-card--ai {
    background: #0f2a6b url("/type/KOR_2027/img/renewal/main/kv/ai-banner.png") no-repeat 50% 50% / cover;
    color: #fff;
}

.rn-benefit_title {
    padding: 0 12px;
}

.rn-news__tit {
    font-size: 32px;
    line-height: 1.2;
}

.rn-news__tit br {
    display: none;
}

.rn-news__sub {
    margin-top: 8px;
    font-size: 16px;
}

.rn-news__list {
    margin-top: 32px;
}

.rn-dept__tit {
    grid-area: 1 / 1 / 2 / -1;
    font-size: 32px;
    line-height: 1.2;
}

.rn-dept__sub {
    grid-area: 2 / 1 / 3 / -1;
    margin-top: 8px;
    font-size: 16px;
}

.rn-dept__btns .rn-dept__play {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-pause.svg");
}

.rn-dept.is-paused .rn-dept__play {
    background-image: none;
}

.rn-dept__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    border-radius: 10px;
    overflow: hidden;
    transition: all 1.2s;
    background-position: center;
    background-size: cover;
    color: #fff;
    flex: none;
    width: calc(100% - 6px);
    height: 420px;
    min-height: 420px;
    padding: 40px;
}

.rn-acad {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: var(--rn-univ-blue);
    color: #fff;
    margin: 0 15px;
    --rn-acad-card: 280px;
    display: flex;
    flex-direction: column;
    padding: 32px 12px 40px;
}

.rn-acad__head-top {
    display: contents;
}

.rn-acad__tit {
    grid-area: 1 / 1 / 2 / -1;
    /* padding-left: 12px; */
    font-size: 32px;
    line-height: 1.2;
}

.rn-acad__sub {
    grid-area: 2 / 1 / 3 / -1;
    margin-top: 8px;
    /* padding-left: 12px; */
    font-size: 16px;
}

.rn-acad__body {
    margin-top: 48px;
}

.rn-acad__timeline {
    display: block;
    overflow: hidden;
    margin: 40px 15px 0;
}

.rn-acad__ticks, .rn-acad__months {
    width: 1440px;
    transition: transform var(--rn-slide-dur, .9s) var(--rn-slide-ease, ease);
}

.rn-acad__ticks {
    position: relative;
    height: 20px;
    background: linear-gradient(to right, #3357BD 1.5px, transparent 1.5px) 0 0 / calc(100% / 24) 20px repeat-x,                
                linear-gradient(to right, #3357BD 1.5px, transparent 1.5px) 0 50% / calc(100% / 120) 10px repeat-x
}

.rn-acad__marker {
    position: absolute;
    top: 0;
    width: 3px;
    height: 20px;
    margin-left: -1px;
    background: #fff;
}

.rn-acad__months {
    display: grid;
    grid-template-columns: repeat(12, 120px);
    margin-top: 16px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.48;
}

.rn-acad__months li {
    text-align: center;
}

.rn-acad__months li.is-current {
    font-weight: 600;
}

.rn-pride__sub {
    margin-top: 8px;
    font-size: 16px;
}

.rn-pride__fit {
    padding-top: 4px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.rn-pride__fit::-webkit-scrollbar {
    display: none;
}

.rn-pride__board {
    display: grid;
    grid-template-columns: 350px 8px 220px 8px 220px 8px 250px;
    grid-template-rows: 220px 8px 22px 8px 250px;
    gap: 0;
    width: 1074px;
}

.rn-pride__cap {
    position: absolute;
    left: 0;
    top: 125px;
    display: block;
    width: 249px;
    height: 124px;
    overflow: hidden;
    mix-blend-mode: multiply;
}

.rn-pride__cap img {
    position: absolute;
    left: 9px;
    top: 0;
    width: 345px;
    height: 155px;
    max-width: none;
    object-fit: cover;
}

.rn-sns {
    overflow: hidden;
    border-radius: 10px;
    background: #f4f1ef;
    color: #222;
    margin: 0 15px;
    display: flex;
    flex-direction: column;
    padding: 48px 0 24px;
}

.rn-sns__tit, .rn-sns__sub, .rn-sns__ctrl {
    padding: 0 min(24px, 6.6vw);
}

.rn-sns__sub, .rn-sns__subject {
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.rn-sns__nav button {
    position: relative;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    cursor: pointer;
    flex: none;
    width: 24px;
    height: 24px;
}

.rn-sns__item {
    flex: none;
    scroll-snap-align: start;
    width: 100%;
}

.rn-people__item .rn-people__txt {
    opacity: 1;
    transition: none;
}

.rn-people__item.is-text-hidden .rn-people__txt {
    opacity: 0;
}

.rn-people__item.is-text-return .rn-people__txt {
    opacity: 1;
}

.rn-people__track.is-resetting .rn-people__txt, .rn-people__track.is-resetting .rn-people__name, .rn-people__track.is-resetting .rn-people__headline {
    transition: none;
}
@media screen and (max-width:375px) {
    .rn-pride__head,
    .rn-sns__tit,
    .rn-sns__sub,
    .rn-sns__ctrl{
        padding: 0;
    }
    .rn-dept__more{
        font-size: 14px;
        padding: 8px;
    }
}
@media screen and (min-width: 768px) {
    .rn-benefit__card--work .rn-benefit__btns, .rn-benefit__card--scholar .rn-benefit__btns {
        margin-left: 0;
    }

    .rn-pride__more {
        font-size: 16px;
    }

    .rn-link__item {
        --rn-ico: .75;
    }

    .rn-link__item::before {
        margin-right: 16px;
    }

    .rn-kv-slide__copy .rn-kv__btn {
        height: 48px;
    }

    .rn-news__cols {
        margin-top: 56px;
    }

    .rn-pride__head {
        margin-bottom: 48px;
    }

    .rn-kv__nav {
        width: 24px;
        height: 24px;
    }

    .rn-kv-card .rn-kv__btn, .rn-kv-card--ai .rn-kv__btn {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: auto;
        height: 48px;
    }

    .rn-news__list li + li {
        padding-top: 20px;
    }

    .rn-acad__nav {
        padding: 0;
    }

    .rn-pride__tit {
        line-height: 1.2;
    }

    .rn-people__viewport {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .rn-dept__card {
        color: inherit;
        gap: 32px;
        flex: 0 1 auto;
        width: auto;
        height: auto;
        background-size: 100% auto;
        min-height: 400px;
        padding: 32px;
    }

    .rn-benefit_title {
        padding: 24px;
    }

    .rn-dept__name, .rn-dept__desc, .rn-dept__list a {
        color: #222;
    }

    .rn-dept__card.dept04 {
        background: none;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat;
    }

    .rn-dept__card--wide video {
        display: revert;
    }

    .rn-people__ctrl {
        margin: 0;
        margin-top: 40px;
    }

    .rn-people__more {
        height: auto;
        order: 0;
    }

    .rn-people__btns .rn-people__play {
        background-image: none;
    }

    .rn-people__play::before, .rn-people__play::after {
        display: revert;
    }

    .rn-people__play.is-paused::before {
        display: revert;
        left: auto;
    }

    .rn-people__headline {
        display: revert;
        overflow: visible;
        -webkit-box-orient: initial;
        -webkit-line-clamp: initial;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        letter-spacing: initial;
    }

    .rn-people__go, .rn-people__item.is-active .rn-people__go {
        margin-top: 0;
    }

    html, body {
        touch-action: initial !important;
        -ms-touch-action: initial !important;
    }

    .site-wrap {
        width: auto !important;
        position: static;
        top: auto;
        left: auto;
        margin-top: 0;
    }

    .header {
        position: sticky;
    }

    .rn-kv__ctrl {
        right: auto;
        left: 40px;
        bottom: 36px;
    }

    .rn-kv__sep {
        display: revert;
    }

    .rn-kv__nav[data-rn-slider-prev] {
        margin-left: 0;
    }

    .rn-kv-card__art {
        --rn-kv-art: initial;
        right: 19px;
        bottom: 10px;
    }

    .rn-benefit__card--work {
        padding-top: 0;
    }

    .rn-benefit__card--grad {
        min-height: auto;
        grid-column: 1 / -1;
    }

    .rn-benefit__desc {
        display: revert;
        font-size: 16px;
        letter-spacing: -0.32px;
        padding: 0 24px;
    }

    .rn-benefit__card--work .rn-benefit__art, .rn-benefit__card--scholar .rn-benefit__art {
        --rn-art: inherit;
        right: 0;
        bottom: 204px;
    }

    .rn-benefit__card--grad .rn-benefit__art {
        --rn-art: inherit;
        right: 12px;
        bottom: 214px;
    }

    .rn-news__tit br, .rn-news__list a::after {
        display: revert;
    }

    .rn-news__subject {
        display: revert;
        -webkit-box-orient: initial;
        -webkit-line-clamp: initial;
        word-break: normal;
        line-height: 1.36;
        letter-spacing: -0.02em;
        white-space: nowrap;
    }

    .rn-dept {
        overflow: visible;
        gap: 8px;
        margin: 0 16px;
        padding: 16px;
    }

    .rn-dept__head {
        grid-template-columns: none;
        display: flex;
        align-items: flex-start;
        padding: 40px 24px 32px;
    }

    .rn-dept__tit {
        grid-area: auto;
        font-size: 56px;
    }

    .rn-dept__sub {
        grid-area: auto;
        margin-top: 16px;
        font-size: 18px;
        letter-spacing: -0.36px;
    }

    .rn-dept__more {
        grid-area: auto;
        justify-self: auto;        
        position: absolute;
        right: 24px;
        bottom: 32px;
        margin-top: 0;
    }

    .rn-dept__btns {
        grid-area: auto;
        justify-self: auto;
        margin-top: 0;
        padding: 0;
        border-left: 1px solid rgba(34, 34, 34, 0.3);
        gap: 0;
        padding-left: 24px;
    }

    .rn-dept__btns .rn-dept__play {
        background-image: none;
    }

    .rn-dept__play::before, .rn-dept__play::after {
        display: revert;
    }

    .rn-dept__track {
        gap: normal;
        margin-left: 0;
    }

    .rn-acad {
        display: revert;
        flex-direction: row;
        --rn-acad-card: 320px;
        margin: 0 16px;
        padding: 56px 0 56px 40px;
    }

    .rn-acad__head {
        grid-template-columns: none;
        display: flex;
        gap: 24px;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        padding-right: 40px;
    }

    .rn-acad__head-top {
        display: revert;
    }

    .rn-acad__tit {
        grid-area: auto;
        padding-left: 0;
        font-size: 56px;
    }

    .rn-acad__sub {
        grid-area: auto;
        padding-left: 0;
        margin-top: 16px;
        font-size: 18px;
        letter-spacing: -0.36px;
    }

    .rn-acad__more {
        grid-area: auto;
        justify-self: auto;
        margin-top: 0;
    }

    .rn-acad__nav {
        grid-area: auto;
        justify-self: auto;
        margin-top: 28px;
    }

    .rn-acad__item {
        justify-content: normal;
        padding: 52px;
        border-radius: 10px 170px 170px 10px;
    }

    .rn-acad__timeline {
        overflow: visible;
        margin: 0;
        display: none;
    }

    .rn-acad__ticks, .rn-acad__months {
        width: auto;
        transition: none;
    }

    .rn-acad__ticks {
        position: static;
        height: auto;
        background: none;
    }

    .rn-acad__marker {
        position: static;
        top: auto;
        width: auto;
        height: auto;
        margin-left: 0;
        background: none;
    }

    .rn-acad__months {
        display: revert;
        grid-template-columns: none;
        margin-top: 0;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
    }

    .rn-acad__months li {
        text-align: inherit;
    }

    .rn-acad__months li.is-current {
        font-weight: inherit;
    }

    .rn-pride__head {
        flex-direction: row;
        align-items: flex-end;
        gap: 16px;
        padding: 0 40px;
    }

    .rn-pride__fit {
        overflow-x: initial;
        overscroll-behavior-x: initial;
        scrollbar-width: initial;
        -webkit-overflow-scrolling: initial;
    }

    .rn-pride__fit::-webkit-scrollbar {
        display: revert;
    }

    .rn-pride__board {
        grid-template-rows: none;
        width: auto;
        gap: 8px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rn-pride__card--26 {
        grid-area: auto;
        border-radius: 10px 120px 120px 10px;
    }

    .rn-pride__card--52 {
        grid-area: auto;
        gap: normal;
    }

    .rn-pride__card--37 {
        grid-area: auto;
    }

    .rn-pride__card--11052 {
        grid-area: auto;
        border-radius: 10px 130px 130px 10px;
        order: 1;
    }

    .rn-pride__card--100 {
        grid-area: auto;
        justify-content: normal;
        gap: normal;
        border-radius: 10px 10px 120px 120px;
    }

    .rn-pride__card--17 {
        grid-area: auto;
        justify-content: normal;
    }

    .rn-pride__cap img {
        position: static;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
        object-fit: fill;
    }

    .rn-sns {
        display: revert;
        flex-direction: row;
        margin: 0 16px;
        padding: 96px 0 80px;
    }

    .rn-sns__head {
        display: revert;
        padding: 0 40px;
    }

    .rn-sns__tit, .rn-sns__sub, .rn-sns__ctrl {
        padding: 0;
    }

    .rn-sns__sub, .rn-sns__subject {
        word-break: normal;
        overflow-wrap: initial;
    }

    .rn-sns__links {
        order: 0;
        flex-wrap: nowrap;
    }

    .rn-sns__nav button {
        flex: 0 1 auto;
        width: 24px;
        height: 24px;
    }

    .rn-main {
        gap: 16px;
        padding: 16px 16px 0 16px;
    }

    .rn-main section, .rn-main nav {
        width: calc(1920px - 32px);
    }

    .rn-dept__ctrl {
        display: flex;
        margin-top: 40px;
    }

    .rn-dept__count {
        display: flex;
    }

    .rn-dept__card::before {
        background: #f4f1ef;
    }

    .rn-dept__card.dept01, .rn-dept__card.dept02, .rn-dept__card.dept03 {
        background-size: 100% auto;
    }

    .rn-dept__card.dept04::after, .rn-dept__card.dept08::after, .rn-dept__card.dept12::after {
        background: linear-gradient(90deg, rgba(6, 17, 30, 0.7), rgba(6, 17, 30, 0.15) 50%);
    }

    .rn-dept__card.dept05, .rn-dept__card.dept06, .rn-dept__card.dept07 {
        background-size: 100% auto;
    }

    .rn-dept__card.dept08 {
        background: url("/type/KOR_2027/img/renewal/main/dept/dept-counsel2.png");
        background-size: 100% auto;
    }

    .rn-dept__card.dept09, .rn-dept__card.dept10, .rn-dept__card.dept11 {
        background-size: 100% auto;
    }

    .rn-dept__card.dept12 {
        background: url("/type/KOR_2027/img/renewal/main/dept/dept-counsel3.png");
        background-size: 100% auto;
    }

    .rn-dept__card:hover {
        background-size: 110% auto;
    }

    .rn-dept__card:hover::before {
        opacity: 0;
    }

    .rn-dept__list {
        gap: 12px;
    }

    .rn-dept__list a {
        letter-spacing: -0.36px;
    }

    .rn-dept__list a::after {
        background: url("/type/KOR_2027/img/renewal/main/people/ico-next.svg") no-repeat center / 12.2px 9.2px;
    }

    .rn-people__item a::after {
        background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 40%, rgba(34, 34, 34, 0.4) 70%);
        transform: scale(1.5) !important;
    }

    /* 학과명 + 이름 한 줄 — 카드보다 길면 말줄임 */
    .rn-people__name {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        letter-spacing: -0.32px;
    }

    .rn-people__item.is-active .rn-people__name {
        letter-spacing: -0.44px;
        line-height: 1.36;
    }

    .rn-people__item.is-active .rn-people__headline {
        display: block;
        letter-spacing: -0.64px;
        margin-top: -16px;
        font-size: 28px;
    }

    .rn-kv-slide::before {
        left: -612px;
        top: -451px;
        width: 1507px;
        height: 1507px;
    }

    .rn-kv-slide__sub {
        line-height: 1.36;
    }

    .rn-kv-card__tit {
        margin-top: 24px;
        font-size: 30px;
    }

    .rn-kv-card__sub {
        margin-top: 16px;
        font-size: 16px;
        line-height: 1.48;
    }

    .rn-link__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rn-link__item {
        min-height: 108px;
        padding: 0 64px 0 24px;
    }

    .rn-link__txt {
        font-size: 17px;
        line-height: 1.36;
        letter-spacing: -0.02em;
    }

    .rn-link__item::after {
        right: 16px;
    }

    .rn-benefit__tit {
        line-height: 1.24;
        font-size: 40px;
    }

    .rn-benefit__btns {
        gap: 8px;
        margin-top: 24px;
        flex-direction: row;
    }

    .rn-benefit__btns a {
        flex: 1;
        height: 48px;
    }

    .rn-news__tit {
        line-height: 1.2;
        font-size: 56px;
    }

    .rn-news__cols {
        gap: 48px;
    }

    .rn-news__bar {
        align-items: flex-end;
    }

    .rn-news__tab {
        line-height: 1.36;
        font-size: 24px;
    }

    .rn-news__more {
        height: 36px;
        font-size: 16px;
    }

    .rn-dept__btns button {
        width: 24px;
        height: 24px;
    }

    .rn-dept__play::before {
        left: 3px;
    }

    .rn-dept__play::after {
        left: 9px;
    }

    .rn-dept__page {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rn-dept__name {
        letter-spacing: -0.02em;
        font-size: 28px;
    }

    .rn-acad__nav button {
        width: 24px;
        height: 24px;
    }

    .rn-acad__nav .rn-acad__prev {
        /* margin-right: 13px; */
    }

    .rn-acad__nav .rn-acad__prev::after {
        /* top: 0; */
        /* right: -13px; */
    }

    .rn-acad__date {
        line-height: 1.24;
        margin-bottom: 24px;
    }

    .rn-acad__subject {
        line-height: 1.36;
    }

    .rn-pride__cap {
        position: static;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
        overflow: visible;
        mix-blend-mode: initial;
        display: none;
    }

 
    .rn-kv {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0 16px 8px;
    }

    .rn-kv__main {
        grid-column: 1 / -1;
        height: 560px;
    }

    .rn-kv-slide__copy {
        padding: 56px 40px 0;
        gap: 20px;
    }

    .rn-kv-slide__title {
        font-size: 46px;
    }

    .rn-kv-slide__copy .rn-kv__btn {
        margin-top: 12px;
    }

    .rn-kv-card {
        min-height: 378px;
        padding: 40px 32px;
    }

    .rn-link {
        margin: 0 16px;
    }

    .rn-benefit {
        --rn-art: 0.75;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0 16px;
    }

    .rn-benefit__card {
        min-height: 600px;
        padding: 16px;
    }

    .rn-benefit__sub {
        margin-top: 16px;
        font-size: 18px;
        letter-spacing: -0.36px;
    }

    .rn-news {
        margin: 0 16px;
        padding: 56px 40px;
    }

    .rn-news__sub {
        margin-top: 16px;
        font-size: 18px;
        letter-spacing: -0.36px;
    }

    .rn-news__tabs {
        gap: 4px 24px;
    }

    .rn-news__list {
        margin-top: 40px;
    }

    .rn-news__list a {
        gap: 20px;
    }

    .rn-news__date {
        width: 72px;
        height: 72px;
        font-size: 18px;
        letter-spacing: -0.36px;
    }

    .rn-dept__card--wide {
        grid-column: 1 / -1;
        min-height: 400px;
    }

    .rn-acad__viewport {
        overflow: hidden;
    }

    .rn-acad__item:nth-child(4n+2) {
        border-radius: 170px;
    }

    .rn-acad__item:nth-child(4n+3) {
        border-radius: 10px 10px 170px 170px;
    }

    .rn-acad__item:nth-child(4n+4) {
        border-radius: 140px 10px 140px 10px;
    }

    .rn-pride {
        margin: 0 16px;
        padding: 96px 0 56px;
    }

    .rn-pride__tit {
        font-size: 56px;
    }

    .rn-pride__sub {
        margin-top: 16px;
        font-size: 18px;
        letter-spacing: -0.36px;
    }

    .rn-pride__card {
        min-height: 260px;
        padding: 32px;
    }

    .rn-pride__card--26, .rn-pride__card--11052 {
        grid-column: span 4;
    }

    .rn-pride__num {
        font-size: 96px;
    }

    .rn-pride__txt {
        font-size: 18px;
    }

    .rn-people {
        --rn-people-gap: 6px;
        --rn-people-w: 260px;
        --rn-people-h: 341px;
        --rn-people-w-active: 360px;
        --rn-people-h-active: 473px;
        display: block;
        margin: 0 16px;
        padding: 96px 0 80px;
    }

    .rn-people__head {
        display: block;
        padding: 0 40px;
    }

    .rn-people__tit {
        margin: 0;
        font-size: 56px;
        line-height: 1.2;
    }

    .rn-people__sub {
        margin: 16px 0 0;
        font-size: 18px;
        letter-spacing: -0.36px;
    }

    .rn-people__indicator {
        justify-content: flex-start;
    }

    .rn-people__btns {
        /* gap: 2px; */
        padding-left: 24px;
        border-left: 1px solid rgba(34, 34, 34, 0.3);
    }

    .rn-people__btns button {
        width: 24px;
        height: 24px;
    }

    .rn-people__viewport {
        margin-top: 56px;
    }

    .rn-people__txt {
        left: 16px;
        right: 16px;
        bottom: 16px;
        gap: 16px;
    }

    .rn-people__item.is-active .rn-people__txt {
        left: 32px;
        right: 32px;
        bottom: 32px;
        gap: 24px;
    }

    .rn-sns__tit {
        font-size: 56px;
        line-height: 1.2;
    }

    .rn-sns__sub {
        margin-top: 16px;
        font-size: 18px;
        letter-spacing: -0.36px;
    }

    .rn-sns__ctrl {
        gap: 0;
        margin-top: 40px;
    }

    .rn-sns__track {
        margin-top: 20px;
        padding: 0 16px;
        scroll-padding: 0 16px;
    }

    .rn-sns__item {
        width: 340px;
    }

    .rn-sns__txt {
        padding: 32px;
    }

    .rn-sns__subject {
        font-size: 20px;
        line-height: 1.36;
        letter-spacing: -0.44px;
    }
}

@media screen and (min-width: 1024px) {
    .rn-pride__bg::before {
        animation-duration: 10s;
    }

    .rn-acad__subject {
        margin-top: 16px;
    }

    .rn-kv__main {
        height: 640px;
    }

    /* 시안 PC Btn_Pri — 높이 48 · 좌우 16 (768~ 의 height: auto 는 40 이 됨) */
    :is(.rn-dept__more, .rn-acad__more, .rn-pride__more, .rn-people__more) {
        height: 48px;
        padding: 8px 16px;
    }

    .rn-kv-card .rn-kv__btn, .rn-kv-card--ai .rn-kv__btn {
        height: 48px;
    }

    .rn-kv-slide__title {
        font-size: 62px;
    }

    .rn-kv-slide__sub {
        font-size: 22px;
    }

    .rn-kv-card {
        padding: 40px;
    }

    .rn-kv-card__tit {
        font-size: 36px;
    }

    .rn-kv-card__sub {
        font-size: 18px;
    }

    .rn-kv-card__art {
        --rn-kv-art: .85;
    }

    .rn-link__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rn-link__item {
        --rn-ico: .8;
    }

    .rn-link__txt {
        font-size: 20px;
    }

    .rn-link__item::after {
        width: 48px;
        height: 48px;
    }

    .rn-news__cols {
        flex-direction: row;
    }

    .rn-news__col {
        flex: 1;
    }

    .rn-acad__viewport {
        height: 462px;
    }

    .rn-acad__timeline {
        display: block;
        position: relative;
        padding-right: 56px;
        bottom: 0px;
    }

    .rn-acad__ticks {
        position: relative;
        height: 20px;
        background: linear-gradient(to right, #3357BD 1.5px, transparent 1.5px) 0 0 / calc(100% / 24) 20px repeat-x,                
                    linear-gradient(to right, #3357BD 1.5px, transparent 1.5px) 0 50% / calc(100% / 120) 10px repeat-x
    }

    .rn-acad__marker {
        position: absolute;
        top: 0;
        width: 3px;
        height: 20px;
        margin-left: -1px;
        background: #fff;
        transition: left 0.5s ease;
    }

    .rn-acad__months {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        margin-top: 12px;
        font-size: 15px;
        font-weight: 300;
        line-height: 1.48;
    }

    .rn-acad__months li {
        text-align: center;
    }

    .rn-acad__months li.is-current {
        font-weight: 600;
    }

    .rn-pride {
        padding: 120px 0 100px;
    }

    .rn-pride__head {
        margin-bottom: 100px;
    }

    .rn-pride__tit {
        font-size: 80px;
        letter-spacing: -1.6px;
    }

    .rn-pride__board {
        display: block;
        position: relative;
        width: 1888px;
        height: 908px;
        transform-origin: left top;
        margin: 0 auto;
    }

    .rn-pride__card {
        min-height: 0;
        padding: 0;
        position: absolute;
        display: block;
        text-align: left;
    }

    .rn-pride__num {
        font-size: 150px;
        position: absolute;
        letter-spacing: -9px;
    }

    .rn-pride__txt {
        font-size: 24px;
        position: absolute;
        letter-spacing: -0.48px;
        white-space: nowrap;
    }

    .rn-pride__fit {
        position: relative;
        overflow: hidden;
        padding-top: 4px;
    }

    /* 가로(축소 전 1888px)만 자른다 — 세로까지 자르면 fade-up 으로 올라오는 아래 줄 카드 밑이 잘린다 */
    @supports (overflow: clip) {
        .rn-pride__fit {
            overflow: visible;
            overflow-x: clip;
        }
    }

    .rn-pride__card--26 {
        top: 0;
        left: 0;
        width: 654px;
        height: 380px;
        border-radius: 10px 200px 200px 10px;
        /* pride-26.png 는 시안 카드(654×380) 그대로 자른 이미지 — 늘리거나 옮기지 않는다 */
        background-position: 0 0;
        background-size: 654px 380px;
    }

    /* 시안 PC 는 어둡게 덮지 않음 — 글자는 이미지 어두운 왼쪽에 놓인다 */
    .rn-pride__card--26::before {
        content: none;
    }

    .rn-pride__card--26 .rn-pride__num {
        top: 40px;
        left: 40px;
    }

    .rn-pride__card--26 .rn-pride__txt {
        top: 254px;
        left: 48px;
    }

    .rn-pride__card--52 {
        top: 0;
        left: 662px;
        width: 380px;
        height: 380px;
        display: flex;
        flex-direction: column;
        border-radius: 50%;
        gap: 8px;
        padding: 40px 52px 16px;
        color: #0A2240;
    }

    .rn-pride__card--52 .rn-pride__num, .rn-pride__card--52 .rn-pride__txt {
        position: absolute;
        left: 50%;
        margin: 0;
        transform: translateX(-50%);
        text-align: center;
    }

    .rn-pride__card--52 .rn-pride__num {
        top: 163.28px;
        font-size: 150px;
        font-weight: 300;
        line-height: 1;
        letter-spacing: -9px;
    }

    .rn-pride__card--52 .rn-pride__txt {
        top: 90px;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.36;
        letter-spacing: -0.48px;
    }

    .rn-pride__card--37 {
        top: 0;
        left: 1050px;
        width: 380px;
        height: 380px;
        background-size: 380px 380px;
        animation: rotate 10s linear infinite;
    }

    .rn-pride__card--37 .rn-pride__in {
        display: block;
        position: absolute;
        inset: 0;
    }

    .rn-pride__pill {
        position: absolute;
        display: block;
        padding: 7px 15px;
        border: 1px solid #fff;
        border-radius: 100px;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.36;
        white-space: nowrap;
        opacity: 0.8;
    }

    .rn-pride__pill--solid {
        opacity: 1;
    }

    .rn-pride__card--37 .rn-pride__num {
        top: 55px;
        left: 50%;
        transform: translateX(-50%);
    }

    .rn-pride__card--37 .rn-pride__txt {
        top: 203px;
        left: 50%;
        font-size: 26px;
        letter-spacing: -0.39px;
        text-align: center;
        transform: translateX(-50%);
    }

    .rn-pride__card--100 {
        top: 0;
        left: 1438px;
        width: 450px;
        height: 450px;
        border-radius: 10px 10px 300px 300px;
    }

    .rn-pride__card--100 .rn-pride__num {
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .rn-pride__card--100 .rn-pride__txt {
        top: 206px;
        left: 50%;
        text-align: center;
        transform: translateX(-50%);
    }

    .rn-pride__cap {
        position: absolute;
        top: 225px;
        left: 16px;
        display: block;
        width: 622px;
        height: 280px;
        overflow: hidden;
        mix-blend-mode: multiply;
    }

    .rn-pride__cap img {
        position: absolute;
        top: -0.04%;
        left: 0;
        width: 100%;
        height: 111.81%;
    }

    .rn-pride__card--11052 {
        top: 388px;
        left: 0;
        width: 1430px;
        height: 520px;
        border-radius: 10px 260px 260px 10px;
    }

    .rn-pride__card--11052 .rn-pride__num {
        top: 53px;
        left: 38px;
    }

    .rn-pride__card--11052 .rn-pride__txt {
        top: 392px;
        left: 48px;
    }

    .rn-pride__card--17 {
        top: 458px;
        left: 1438px;
        width: 450px;
        height: 450px;
        border-radius: 10px 10px 200px 10px;
        background-size: 541px 541px;
    }

    .rn-pride__card--17 .rn-pride__num {
        top: 34px;
        left: 38px;
    }

    .rn-pride__card--17 .rn-pride__txt {
        top: 240px;
        left: 45px;
    }
}

@media screen and (min-width: 1440px) {
    .rn-people__btns {
        padding-left: 0;
        border-left: none;
    }

 

    .rn-acad__nav {
        gap: 0;
    }

    .rn-acad__nav .rn-acad__prev {
        /* margin-right: 48px; */
    }

    .rn-acad__nav .rn-acad__prev::after {
        top: 4px;
        right: -7px;
    }

    .rn-kv__sep {
        margin-right: 18px;
    }

    .rn-kv__nav + .rn-kv__nav {
        /* margin-left: 12px; */
    }

    /* 시안 태그→문구 16, 문구 영역 2줄(60) 고정 */
    .rn-acad__subject {
        margin-top: 16px;
        font-size: 22px;
        letter-spacing: -0.33px;
        min-height: 60px;
    }

    .rn-kv {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        height: 764px;
    }

    .rn-kv__main {
        grid-column: span 2;
        height: auto;
        grid-row: span 2;
    }

    .rn-kv-slide__copy {
        padding: 64px 56px 0;
        gap: 24px;
    }

    .rn-kv-slide__title {
        font-size: 74px;
        letter-spacing: -0.02em;
    }

    .rn-kv-slide__sub {
        font-size: 24px;
        line-height: 1.48;
        letter-spacing: -0.015em;
    }

    /* 시안 문구→버튼 64 (gap 24 + 40) */
    .rn-kv-slide__copy .rn-kv__btn {
        margin-top: 40px;
    }

    .rn-kv__ctrl {
        left: 56px;
        bottom: 43px;
    }

    .rn-kv-card {
        min-height: 0;
    }

    .rn-kv-card__tit {
        font-size: 40px;
    }

    .rn-kv-card__art {
        --rn-kv-art: 1;
    }

    .rn-link__item {
        --rn-ico: 1;
        padding: 0 64px 0 32px;
    }

    .rn-link__txt {
        font-size: 24px;
        letter-spacing: -0.36px;
    }

    .rn-benefit {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
    }

    .rn-benefit__card--grad {
        grid-column: auto;
    }

    .rn-benefit__card {
        min-height: 764px;
    }

    .rn-benefit__tit {
        font-size: 48px;
        letter-spacing: -0.96px;
    }

    .rn-benefit__desc {
        padding-top: 0;
        line-height: 1.5;
    }

    /* 시안 설명→버튼 32 */
    .rn-benefit__btns {
        margin-top: 32px;
    }

    .rn-news {
        padding: 56px;
        display: flex;
        gap: clamp(40px, 8.33vw - 80px, 80px);
    }

    .rn-news__tit {
        font-size: 64px;
        letter-spacing: -1.28px;
    }

    .rn-news__cols {
        height: 728px;
        justify-content: flex-start;
        align-items: center;
        margin-top: 0;
        gap: clamp(40px, 10vw - 104px, 88px);
        flex: 1;
        min-width: 0;
        /* 시안 목록 시작 = 제목칸 346 + 80, 오른쪽만 24 */
        padding: 24px 24px 24px 0;
    }

    .rn-news__tab {
        font-size: 28px;
        line-height: 1;
        letter-spacing: -0.42px;
    }

    .rn-news__list {
        margin-top: 48px;
    }

    .rn-news__subject {
        font-size: 22px;
        letter-spacing: -0.33px;
    }

    .rn-news__head {
        flex: none;
        width: clamp(240px, 18.75vw - 14px, 346px);
    }

    /* 시안: 제목칸과 카드 3개가 같은 폭(458) — 1fr:3fr 이면 제목칸이 gap 만큼 넓어짐 */
    .rn-dept {
        display: grid;
        grid-template-columns: calc((100% - 24px) / 4) minmax(0, 1fr);
    }

    .rn-dept__head {
        padding: 40px;
    }

    .rn-dept__tit {
        font-size: 64px;
        letter-spacing: -1.28px;
    }

    .rn-dept__ctrl {
        margin-top: 56px;
    }

    .rn-dept__more {
        right: auto;
        bottom: 40px;
        left: 40px;
    }

    .rn-dept__page {
        grid-template-rows: 454px 454px;
    }

    .rn-dept__card {
        min-height: 0;
        padding: 40px;
    }

    .rn-dept__card--wide {
        min-height: 0;
    }
    .rn-dept__card--wide .rn-dept__name{
        color: #fff;
    }
    .rn-dept__name {       
        font-size: 32px;
        letter-spacing: -0.48px;
    }

    .rn-dept__card:not(.rn-dept__card--wide) .rn-dept__list {
        gap: 16px;
    }

    .rn-acad {
        --rn-acad-card: 370px;
        padding: 56px 0 56px 56px;
        display: flex;
    }

    .rn-acad__head {
        flex-direction: column;
        align-items: flex-start;
        padding-right: 0;
        flex: none;
        width: clamp(300px, 26.25vw - 78px, 426px);
        height: 608px;
    }

    .rn-acad__tit {
        font-size: 64px;
        letter-spacing: -1.28px;
    }

    .rn-acad__body {
        position: relative;
        width: 1350px;
        flex: 1;
        /* 시안 카드 상단 142, 눈금 하단 618 */
        margin: 86px auto 46px;
    }

    .rn-acad__item {
        justify-content: center;
        padding: var(--margin-padding-pad-900, 80px) var(--margin-padding-pad-600, 56px);
        border-radius: 10px 200px 200px 10px;
    }

    /* 버튼 터치 영역 44 는 유지하고 글자 위치는 시안(22)에 맞춤 */
    .rn-acad__months {
        margin: 5px 0 -11px;
    }

    .rn-acad__item:nth-child(4n+2) {
        border-radius: 200px;
    }

    .rn-acad__item:nth-child(4n+3) {
        border-radius: 10px 10px 200px 200px;
    }

    .rn-acad__item:nth-child(4n+4) {
        border-radius: 160px 10px 160px 10px;
    }

    .rn-acad__date {
        font-size: var(--text-font-size-560, 28px);
        font-weight: var(--text-font-weight-medium, 500);
        line-height: 136%;
        letter-spacing: -0.42px;
        margin-bottom: 32px;
    }

    .rn-acad__timeline {
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    .rn-acad__nav {
        margin-top: 56px;
    }

    .rn-pride__txt span {
        display: block;
        font-size: 20px;
        font-weight: 300;
        line-height: 136%;
        letter-spacing: -0.4px;
    }

    /* 시안 제목·버튼이 1248 폭 양끝에 붙음 (PEOPLE·SNS 와 동일). 보드 상단 386 = 100 - fit 여백 6 */
    .rn-pride__head {
        padding: 0;
        margin-bottom: 94px;
    }

    /* fit 높이는 보드 높이(908)라 위 여백 6 만큼 보드가 아래로 넘침 — 하단 100 유지 */
    .rn-pride {
        padding-bottom: 106px;
    }

    .rn-pride__fit {
        padding: 6px 0;
    }

    .rn-pride__card--37 {
        animation: rotate 10s linear infinite;
    }

    .rn-people {
        --rn-people-w: 320px;
        --rn-people-h: 420px;
        --rn-people-w-active: 460px;
        --rn-people-h-active: 604px;
        padding: 120px 0 100px;
    }

    .rn-people__head {
        padding: 0;
    }

    .rn-people__tit {
        font-size: 80px;
        letter-spacing: -1.6px;
    }

    .rn-people__viewport {
        margin-top: 65px;
    }

    .rn-people__headline {
        width: 80%;
        word-wrap: break-word;
        white-space: break-spaces;
        word-break: auto-phrase;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        color: var(--text-font-color-white, #FFF);
        text-overflow: ellipsis;
        font-size: 18px;
        font-weight: 600;
        line-height: 148%;
        letter-spacing: -0.27px;
    }

    .rn-people__item.is-active .rn-people__name {
        font-size: 22px;
    }

    .rn-people__item.is-active .rn-people__headline {
        font-size: 32px;
    }

    /* 시안: 헤더→카드 56, 카드→하단 100 (트랙 위아래 여백 5 포함) */
    .rn-sns {
        padding: 120px 0 95px;
    }

    .rn-sns__head {
        padding: 0;
    }

    .rn-sns__tit {
        font-size: 80px;
        letter-spacing: -1.6px;
    }

    .rn-sns__links a {
        width: 48px;
        height: 48px;
    }

    .rn-sns__track {
        margin-top: 51px;
        padding: 5px 0;
        scroll-padding: 0;
    }

    .rn-sns__item {
        width: 420px;
    }

    .rn-sns__txt {
        padding: 40px;
    }

    .rn-sns__cate {
        letter-spacing: 0;
    }

    .rn-sns__subject {
        font-size: 22px;
        letter-spacing: -0.33px;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .rn-benefit__art[data-aos] {
        transform: scale(var(--rn-art)) !important;
    }

    :is(.rn-kv__bar, .rn-dept__bar, .rn-people__bar) > span, .rn-kv-slide__img {
        transform: none;
        animation: none;
    }

    .rn-dept__track, .rn-pride__card--26, .rn-pride__card--11052, .rn-people__item .rn-people__txt, .rn-people__name, .rn-people__headline {
        transition: none;
    }

    .rn-people__item .rn-people__txt {
        animation: none;
    }
}

/* Academic month navigation */
.rn-acad__months button {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}
.rn-acad__months button:disabled {
    opacity: 0.4;
    cursor: default;
}
.rn-acad__months button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px;
}
@media screen and (max-width: 767px) {
    .rn-acad__timeline {
        overflow-x: auto;
    }
}

/* Keep the mobile PRIDE arrangement through the tablet range. */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .rn-pride__fit {
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rn-pride__fit::-webkit-scrollbar {
        display: none;
    }

    .rn-pride__board {
        width: 1074px;
        grid-template-columns: 360px 8px 220px 8px 220px 8px 250px;
        grid-template-rows: 220px 8px 22px 8px 250px;
        gap: 0;
    }

    .rn-pride__card {
        min-height: 0;
        padding: 24px;
    }

    .rn-pride__card--26 {
        grid-area: 1 / 1 / 2 / 2;
        border-radius: 10px 110px 110px 10px;
    }

    .rn-pride__card--52 {
        grid-area: 1 / 3 / 2 / 4;
        gap: 2px;
    }

    .rn-pride__card--37 {
        grid-area: 1 / 5 / 2 / 6;
    }

    .rn-pride__card--100 {
        grid-area: 1 / 7 / 4 / 8;
        justify-content: flex-start;
        gap: 4px;
    }

    .rn-pride__card--11052 {
        grid-area: 3 / 1 / 6 / 6;
        min-height: 260px;
        border-radius: 10px 144px 144px 10px;
        order: 0;
    }

    .rn-pride__card--17 {
        grid-area: 5 / 7 / 6 / 8;
        justify-content: flex-start;
    }

    .rn-pride__num {
        font-size: 72px;
    }

    .rn-pride__txt {
        font-size: 15px;
    }

    .rn-pride__card--52 .rn-pride__txt,
    .rn-pride__card--37 .rn-pride__txt {
        font-size: 12px;
    }
}

/* Short, simultaneous PRIDE entrances on mobile and tablet. */
@media screen and (max-width: 1023px) {
    .rn-pride .rn-pride__board .rn-pride__card[data-aos] {
        transition-property: opacity, transform;
        transition-duration: 350ms;
        transition-delay: 0ms;
    }

    .rn-pride .rn-pride__card[data-aos="fade-up"] {
        transform: translate3d(0, 16px, 0);
    }

    .rn-pride .rn-pride__card[data-aos="fade-up"].aos-animate {
        transform: none;
    }

    .rn-pride__board:not(.is-in) .rn-pride__card--26,
    .rn-pride__board:not(.is-in) .rn-pride__card--11052 {
        width: 100%;
    }
}

/* Leave a small preview of adjacent department slides on mobile. */
@media screen and (max-width: 767px) {
    .rn-people.is-swiping {
        --rn-slide-dur: 350ms;
    }

    .rn-people.is-swiping .rn-people__item {
        transition-duration: 350ms;
    }

    .rn-dept__track, .rn-people__track {
        /* 가로 스와이프는 슬라이더에서, 세로 스크롤과 확대는 브라우저에서 처리 */
        touch-action: pan-y pinch-zoom;
    }

    .rn-dept__pages {
        margin-right: -12px;
    }

    .rn-dept__track > .rn-dept__card {
        width: calc(100% - 16px);
    }
}

/* Mobile SNS: align at the left edge and preview only the next card. */
@media screen and (max-width: 767px) {
    .rn-sns__track {
        padding-left: 0;
        padding-right: 0;
        scroll-padding: 0;
    }

    .rn-sns__item {
        width: calc(100% - 16px);
    }
}

/* One black pause/play icon set for all main-page content carousels. */
.rn-dept .rn-dept__btns .rn-dept__play,
.rn-people .rn-people__btns .rn-people__play,
.rn-sns .rn-sns__nav .rn-sns__play {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-pause.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
}

.rn-dept.is-paused .rn-dept__btns .rn-dept__play,
.rn-people .rn-people__btns .rn-people__play.is-paused,
.rn-sns .rn-sns__nav .rn-sns__play.is-paused {
    background-image: url("/type/KOR_2027/img/renewal/main/people/ctrl-play.svg");
}

.rn-dept .rn-dept__btns .rn-dept__play::before,
.rn-dept .rn-dept__btns .rn-dept__play::after,
.rn-people .rn-people__btns .rn-people__play::before,
.rn-people .rn-people__btns .rn-people__play::after,
.rn-sns .rn-sns__nav .rn-sns__play::before,
.rn-sns .rn-sns__nav .rn-sns__play::after {
    display: none;
}

/* Mobile academic ruler: approximately seven months across the section. */
@media screen and (max-width: 767px) {
    .rn-acad__timeline {
        margin: 40px -12px 0;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .rn-acad__timeline::-webkit-scrollbar {
        display: none;
    }

    .rn-acad__ticks,
    .rn-acad__months {
        width: 648px;
    }

    .rn-acad__ticks {
    background: linear-gradient(to right, #3357BD 1.5px, transparent 1.5px) 0 0 / calc(100% / 24) 20px repeat-x,                
                linear-gradient(to right, #3357BD 1.5px, transparent 1.5px) 0 50% / calc(100% / 120) 10px repeat-x
    }

    .rn-acad__months {
        grid-template-columns: repeat(12, 54px);
        /* 버튼 터치 영역 44 는 유지하고 글자 위치·섹션 높이는 시안(22)에 맞춤 */
        margin: 5px 0 -11px;
    }

    /* 시안 문구 영역 높이 95 고정 — 한 줄 일정도 날짜 위치가 같도록 */
    .rn-acad__subject {
        min-height: 60px;
    }
}

/* Auto slides: six seconds at rest, then one second in motion. */
.rn-main .rn-dept__pages,
.rn-main .rn-people__track,
.rn-main .rn-people__item,
.rn-main [data-rn-slider-track],
.rn-main [data-rn-slide] { transition-duration: 0.8s; }
.rn-main .rn-people { --rn-people-dur: 0.8s; }
.rn-main .is-in-next, .rn-main .is-in-prev,
.rn-main .is-out-next, .rn-main .is-out-prev { animation-duration: 0.8s; }
@media (prefers-reduced-motion: reduce) {
    .rn-main .rn-dept__pages, .rn-main .rn-people__track,
    .rn-main .rn-people__item, .rn-main [data-rn-slider-track],
    .rn-main [data-rn-slide] { transition-duration: 0s; }
    .rn-main .is-in-next, .rn-main .is-in-prev,
    .rn-main .is-out-next, .rn-main .is-out-prev { animation-duration: 0s; }
}

/* Keep the department track on a composited layer during slide motion. */
.rn-dept__track {
    will-change: transform;
    backface-visibility: hidden;
}

.rn-dept__track {
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
}