/* KRS 이벤트 페이지*/
.krs-event-page .site-header { position: absolute; inset: 0 0 auto; background: transparent; }
.krs-event-page .site-header:not(.is-scrolled) .gnb { color: #fff; }
.krs-event-page .site-header:not(.is-scrolled) .gnb__account { color: rgba(255,255,255,.8); }
.krs-event-page .site-header:not(.is-scrolled) .gnb > a { background: url('../assets/event/eventPage-white-logo.svg') center / contain no-repeat; }
.krs-event-page .site-header:not(.is-scrolled) .gnb__logo { visibility: hidden; }
.krs-event-page .site-header:not(.is-scrolled) .gnb__burger span { background: #fff; }
.krs-event-page.drawer-open .site-header .gnb__burger span { background: var(--text-primary); }
.krs-event-page.drawer-open .site-header .gnb > a { background: none; }
.krs-event-page.drawer-open .site-header .gnb__logo { visibility: visible; }
.krs-event-page .site-header.is-scrolled { position: fixed; background: #fff; }
.krs-event { overflow: hidden; font-family: 'Pretendard', 'Malgun Gothic', sans-serif; color: #000; text-align: center; }
.krs-event img { display: block; }
.krs-event__inner { position: relative; z-index: 1; width: min(1200px, calc(100% - 80px)); margin: 0 auto; }
.krs-event__heading { margin: 0; font-size: 48px; font-weight: 700; line-height: 1.3; letter-spacing: -.02em; }
.krs-event__gradient { color: #0793fb; background: linear-gradient(90deg,#0793fb,#04befc); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.krs-event__deco { position: absolute; pointer-events: none; }
.krs-event__mobile-break { display: none; }

/* section 1 첫 화면 */
.krs-event__hero { position: relative; height: 685px; background: #e8f7ff; }
.krs-event__hero-bg { position: absolute; inset: 0; background: url('../assets/event/eventPage-hero-pc-figma-3x.png') center bottom / cover no-repeat; }
@media (min-width: 1921px) {
    .krs-event__hero-bg { background-position: center; }
}
.krs-event__hero-copy { position: relative; padding-top: 112px; }
.krs-event__badge { display: flex; align-items: center; justify-content: center; width: 400px; height: 60px; margin: 0 auto 40px; border: 1px solid #0c5bac; border-radius: 200px; color: #0c5bac; font-size: 28px; font-weight: 800; line-height: 1.5; }
.krs-event__title { display: flex; justify-content: center; align-items: center; gap: 18px; margin: 0; }
.krs-event__title > img { width: 490px; height: auto; }
.krs-event__title-logo { display: block; width: 220px; height: 112px; background: url('../assets/event/eventPage-title-logo.svg') center / contain no-repeat; }
.krs-event__tagline { margin: 20px 0 0; font-size: 24px; line-height: 32px; font-weight: 600; color: var(--text-secondary); }

/* section 2 무료 체험 혜택 */
.krs-event__benefit { position: relative; background: #fcfcfc; }
.krs-event__benefit-inner { position: relative; z-index: 2; width: min(846px, calc(100% - 48px)); margin: auto; padding: 80px 0 120px; }
.krs-event__delivery { margin: 20px 0; color: var(--text-secondary); font-size: 24px; line-height: 32px; font-weight: 600; }
.krs-event__delivery span { font-size: 20px; font-weight: 400; }
.krs-event__gift { position: relative; width: 94.8%; aspect-ratio: 802 / 462; margin: 0 auto; }
.krs-event__gift-image { width: 100%; height: auto; }
.krs-event__tiger { width: 43.14%; left: -37.28%; top: 15.80%; }
.krs-event__cat { z-index: 2; width: 288px; left: calc(50% + 592px); bottom: -165px; transform: scaleX(-1); }
.krs-event__notice { margin: 40px 0 0; padding: 0; list-style: none; font-weight: 400; font-size: 20px; line-height: 32px; color: var(--text-secondary); }
.krs-event__notice li::before { content: '•'; margin-right: .15em; }
.krs-event__flying-book { z-index: 3; width: 381.75px; left: calc(50% - 877px); top: -130px; transform: rotate(20deg) scaleX(-1); }
.krs-event__confetti-left { width: 207px; height: 372px; left: calc(50% - 862px); top: 217px; background: url('../assets/event/eventPage-confetti-left.svg') center / contain no-repeat; }
.krs-event__confetti-right { width: 368px; height: 207px; left: calc(50% + 453px); top: 88px; background: url('../assets/event/eventPage-confetti-right.svg') center / contain no-repeat; }
.krs-event__idea-book { z-index: 3; width: 544px; right: calc(50% - 982px); bottom: -176px; transform: rotate(-19.26deg) scaleX(-1); }

/* section 3 KRS 소개 */
.krs-event__about { position: relative; padding: 120px 0; color: #fff; background: linear-gradient(118deg,#61a0ff 14.692%,#3ec7ff 85.308%); }
.krs-event__expertise { display: flex; align-items: center; gap: 32px; margin-bottom: 40px; }
.krs-event__expert-card { display: flex; flex: 1; min-width: 0; align-items: center; justify-content: center; gap: 32px; min-height: 168px; padding: 30px 20px; border: 1px solid #0e8fdb; border-radius: var(--radius-24); background: #fff; color: #000; text-align: left; }
.krs-event__expert-card h3 { display: inline; margin: 0; font-size: 24px; font-weight: 700; line-height: 32px; background: linear-gradient(transparent 55%,#a5c8ff66 55%); }
.krs-event__expert-card p { margin: 12px 0 0; font-size: 20px; line-height: 24px; font-weight: 500; opacity: .8; white-space: nowrap; }
.krs-event__expert-icon { display: block; position: relative; width: 80px; height: 80px; flex: 0 0 80px; overflow: hidden; }
.krs-event__expert-icon--reading img { position: absolute; width: 131.17%; max-width: none; left: -15.52%; top: -26.39%; }
.krs-event__expert-icon--tech img { position: absolute; width: 117.5%; max-width: none; left: -6.25%; top: -13.75%; }
.krs-event__expert-plus { flex: 0 0 24px; font-size: 40px; line-height: 1; }
.krs-event__concerns { display: flex; justify-content: center; gap: 40px; margin: 20px 0; padding: 0; list-style: none; }
.krs-event__concerns li { position: relative; width: 280px; aspect-ratio: 1; border-radius: 50%; background: #ffffff66; overflow: hidden; }
.krs-event__concerns p { position: absolute; top: 67.5%; left: 0; right: 0; margin: 0; font-size: 22px; font-weight: 700; line-height: 28px; }
.krs-event__child { position: absolute; display: block; overflow: hidden; }
.krs-event__child img { position: absolute; height: 100%; max-width: none; }
.krs-event__child--one { left: 16.07%; top: 0; width: 63.93%; height: 63.93%; }
.krs-event__child--one img { width: 301.35%; left: -.23%; }
.krs-event__child--two { left: 16.07%; top: 1.43%; width: 67.86%; height: 66.79%; }
.krs-event__child--two img { width: 295.26%; left: -98.71%; }
.krs-event__child--three { left: 12.5%; top: -4.64%; width: 68.93%; height: 69.64%; }
.krs-event__child--three img { width: 302.91%; left: -200.74%; }
.krs-event__cloud-left { width: 460px; left: calc(50% - 1060px); top: 218px; mix-blend-mode: hard-light; }
.krs-event__cloud-right { width: 325px; left: calc(50% + 597px); top: 600px; mix-blend-mode: hard-light; }
.krs-event__turtle { z-index: 3; width: 480px; left: calc(50% + 261px); top: 335px; }

/* section 4 체험 서비스 */
.krs-event__services { position: relative; padding: 120px 0; background: #eff8ff; }
.krs-event__bottom-clouds { inset: 223px 0 0; overflow: hidden; background: url('../assets/event/eventPage-cloud-glow.svg') 45% 356px / 489px 536px no-repeat, url('../assets/event/eventPage-cloud-glow.svg') 61% 393px / 489px 536px no-repeat, url('../assets/event/eventPage-cloud-front.png') left 110px / 1136px 516px no-repeat, url('../assets/event/eventPage-cloud-back.png') right -157px / 1604px 1026px no-repeat; }
.krs-event__bottom-clouds::after { content: ''; position: absolute; inset: 65% 14% -40% 26%; background: #9fe0f8; filter: blur(60px); }
.krs-event__service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; min-height: 367px; }
.krs-event__service h2 { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 99px; margin: 0 0 34px; padding: 18px; border-radius: 60px; background: #a4dcff; font-size: 24px; font-weight: 600; line-height: 28px; }
.krs-event__service-screen { width: calc(100% - 24px); aspect-ratio: 356 / 223; margin: auto; border: 12px solid #fff; border-radius: 10px; object-fit: cover; box-shadow: 0 4px 16px #1a1a1a17; }
.krs-event__books { display: grid; grid-template-columns: repeat(3,20.14%) 39.58%; padding-top: 10px; }
.krs-event__books img { width: 196.55%; max-width: none; aspect-ratio: 150.4167 / 190; object-fit: cover; border-radius: 7px; box-shadow: 0 4px 16px #1a1a1a17; }
.krs-event__books img:last-child { width: 100%; }
.krs-event__closing { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 40px; }
.krs-event__closing img { position: static; width: 80px; height: 80px; }

@media (min-width: 1025px) and (max-width: 1439px) {
    .krs-event__expertise { gap: 20px; }
    .krs-event__expert-card { gap: 16px; }
    .krs-event__expert-card h3 { font-size: 22px; }
    .krs-event__expert-card p { font-size: 16px; white-space: normal; }
    .krs-event__tiger { left: -20%; width: 32%; }
    .krs-event__turtle { left: calc(50% + 280px); width: 350px; top: 390px; }
    .krs-event__cat { left: auto; right: 0; width: 230px; bottom: -130px; }
    .krs-event__heading { font-size: 42px; }
}


@media (max-width: 1024px) {
    .krs-event-page .site-header:not(.is-scrolled) { background: rgba(0,0,0,.1); }
    .krs-event__inner { width: 88.8889%; }
    .krs-event__deco, .krs-event img.krs-event__deco { display: none; }
    .krs-event__mobile-break { display: block; }
    .krs-event__heading { font-size: clamp(24px,6.6667vw,68px); line-height: 1.3; }
    .krs-event__hero { height: auto; aspect-ratio: 900 / 1562; }    
    .krs-event__hero-bg { inset: 0; background: url('../assets/event/eventPage-hero-mobile-figma-3x.png') center / cover no-repeat; }
    .krs-event__hero { overflow: hidden; }
    .krs-event__hero-copy { padding-top: 22.3333%; }
    .krs-event__badge { width: max-content; max-width: 90%; height: auto; padding: 1.3333vw 3.3333vw; margin-bottom: 4.4444vw; font-size: 4.4444vw; line-height: 1.5; }
    .krs-event__title { flex-direction: column; gap: 1.7778vw; }
    .krs-event__title > img { width: 71.7778%; }
    .krs-event__title-logo { width: 33.7778vw; height: 17.3333vw; }
    .krs-event__tagline { margin: 4.4444vw auto 0; width: 84%; font-size: clamp(14px,4.4444vw,44px); line-height: 1.3; }
    .krs-event__benefit-inner { width: 94%; padding: 13.3333vw 0; }
    .krs-event__benefit .krs-event__heading { font-size: clamp(22px,7.1111vw,72px); }
    .krs-event__delivery { margin: 3.1111vw 0 4.4444vw; font-size: clamp(14px,4.4444vw,40px); line-height: 1.25; }
    .krs-event__delivery span { font-size: inherit; }
    .krs-event__notice { margin-top: 6.6667vw; font-size: clamp(14px,3.1111vw,32px); line-height: 1.43; }
    .krs-event__about { padding: 13.3333vw 0; }
    .krs-event__expertise { flex-direction: column; gap: 3.5556vw; margin-bottom: 6.6667vw; }
    .krs-event__expert-card { flex: auto; width: 100%; min-height: 22.4444vw; padding: 4vw; gap: 3.5556vw; border-radius: 2.6667vw; }
    .krs-event__expert-card > div { min-width: 0; }
    .krs-event__expert-card h3 { font-size: 4.4444vw; line-height: 1.2; }
    .krs-event__expert-card p { font-size: clamp(12px,3.3333vw,34px); line-height: 1; margin-top: 1.7778vw; white-space: normal; }
    .krs-event__expert-icon { width: 11.1111vw; height: 11.1111vw; flex-basis: 11.1111vw; }
    .krs-event__expert-plus { flex: auto; font-size: 6.6667vw; line-height: 1; }
    .krs-event__concerns { gap: 2.2222vw; margin: 3.1111vw 0; }
    .krs-event__concerns li { width: calc((100% - 4.4444vw)/3); }
    .krs-event__concerns p { top: 64%; font-size: clamp(10px,2.4444vw,26px); line-height: 1.27; }
    .krs-event__child--one { left: 16.27%; width: 67.46%; height: 67.86%; }
    .krs-event__child--two { left: 17.86%; top: 5.95%; width: 64.29%; height: 63.10%; }
    .krs-event__child--three { left: 13.49%; top: 0; width: 66.27%; height: 67.06%; }
    .krs-event__services { padding: 13.3333vw 0; }
    .krs-event__service-grid { grid-template-columns: 1fr; gap: 11.1111vw; }
    .krs-event__service h2 { display: block; min-height: 0; padding: 3.5556vw 2vw; margin-bottom: 6.6667vw; font-size: 4.4444vw; line-height: 1.25; }
    .krs-event__service h2 br { display: none; }
    .krs-event__service-screen { width: 95%; border-width: 1.3333vw; border-radius: 1.1111vw; }
    .krs-event__books { padding: 0; }
    .krs-event__closing { margin-top: 8.8889vw; }
}

/* 헤더 index 때문에 모바일쪽 메뉴 열릴 때 수정 */
@media (max-width: 1024px) {
    .krs-event-page { --event-drawer-header-height: 72px; }
    .krs-event-page.drawer-open .site-header {
        position: fixed;
        background: #fff;
        color: var(--text-primary);
        box-shadow: 0 1px 0 rgba(26, 26, 26, .08);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        transition: none;
    }
    .krs-event-page.drawer-open .site-header .gnb {
        color: var(--text-primary);
    }
    .krs-event-page.drawer-open .gnb-drawer {
        padding-top: var(--event-drawer-header-height);
        max-height: 100vh;
        max-height: 100dvh;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .krs-event-page.drawer-open .site-header.is-scrolled ~ .gnb-drawer {
        padding-top: var(--gnb-scrolled-h);
    }
}


@media (min-width: 769px) and (max-width: 1024px) {
    .krs-event-page.drawer-open .site-header .gnb__cta { display: none; }
}


@media (max-width: 768px) {
    .krs-event-page .site-header .gnb__cta { display: none; }
    .krs-event-page .gnb-drawer__cta { display: none; }
    body.krs-event-page { padding-bottom: 0; }
}

/* 모바일 화면 최상단 헤더 높이 유지 */
@media (max-width: 480px) {
    .krs-event-page { --event-drawer-header-height: 60px; }
}

/* 이벤트 전용 하단 플로팅 */
body.krs-event-page {
    --event-floating-height: 117px;
    padding-bottom: calc(var(--event-floating-height) + env(safe-area-inset-bottom, 0px));
}
.krs-event__floating {
    position: fixed;
    z-index: 70;
    inset: auto 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(var(--event-floating-height) + env(safe-area-inset-bottom, 0px));
    margin: 0;
    padding: 0 0 env(safe-area-inset-bottom, 0px);
    border: 0;
    border-radius: 40px 40px 0 0;
    overflow: hidden;
    appearance: none;
    background: #0051ff;
    color: #fff;
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.02em;
    text-align: center;
}
.krs-event__floating-label { white-space: nowrap; }
.krs-event__floating-label > span { color: #feffab; }
.krs-event__floating-hand {
    position: absolute;
    top: 3px;
    left: calc(50% + 221.47px);
    width: 107.696px;
    height: 107.696px;
    max-width: none;
    transform: rotate(-9.53deg);
    pointer-events: none;
}
.krs-event__floating:focus-visible { outline: 3px solid #feffab; outline-offset: -6px; }
.krs-event-page.drawer-open .krs-event__floating { visibility: hidden; pointer-events: none; }
@media (max-width: 1024px) {
    body.krs-event-page { --event-floating-height: clamp(52px, 13vw, 117px); }
    .krs-event__floating {
        border-radius: calc(var(--event-floating-height) * .34188) calc(var(--event-floating-height) * .34188) 0 0;
        font-size: calc(var(--event-floating-height) * .410256);
    }
    .krs-event__floating-hand {
        top: calc(var(--event-floating-height) * .025641);
        left: calc(50% + var(--event-floating-height) * 1.95017);
        width: calc(var(--event-floating-height) * .920479);
        height: calc(var(--event-floating-height) * .920479);
    }
}