/* =========================================================
   iceland2.css
   스코프 : #event_iceland2
   컨셉   : 극야(Polar Night) 다크 ↔ 서리(Frost) 라이트 섹션 교차
            명소 = 가로 확장 아코디언, 오로라 = CSS 커튼 애니메이션
   폰트   : Pretendard / Jost / DeoUahanSerif(더 우아한 세리프, 한글 제목) — 굵기 500 이하
   팔레트
     night  #070d14  극야 (다크 섹션)
     navy   #0d1a26  딥 네이비 (딥 섹션)
     frost  #eef4f8  서리 (라이트 섹션)
     ice    #9fd3ea  아이스 블루
     aurora #5fe0b0  오로라 그린
     violet #9b8cf5  오로라 바이올렛
   ========================================================= */

/* 더 우아한 세리프 (눈누 font_page/1992) — 한글 제목 전용 */
@font-face {
    font-family: 'DeoUahanSerif';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/2610132210@deouahanserif/deouahanserif/DeoUahanSerif.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

#event_header { background-color: #070d1455; }

#event_iceland2 {
    --f-en: 'Jost', 'Pretendard', sans-serif;
    --f-title: 'DeoUahanSerif', 'Pretendard', serif;
    --f: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
    --night: #070d14;
    --navy: #0d1a26;
    --frost: #eef4f8;
    --ink: #0e1a23;
    --ice: #9fd3ea;
    --ice-deep: #2f6f8f;
    --aurora: #5fe0b0;
    --violet: #9b8cf5;
    --pink: #e58fc4;
    --mw: 1240px;
    --aurora-grad: linear-gradient(90deg, #5fe0b0 0%, #6cc9e6 50%, #b08cf5 100%);

    margin: 0 auto;
    overflow: hidden;
    background: var(--night);
    color: #fff;
    font-family: var(--f);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: -0.02em;
    word-break: keep-all;
    -webkit-font-smoothing: antialiased;
}
#event_iceland2 * { font-family: var(--f); font-weight: 300; }
#event_iceland2 .ic2_eyebrow,
#event_iceland2 .spot_no,
#event_iceland2 .spot_en,
#event_iceland2 .bf_no,
#event_iceland2 .hero_meta span { font-family: var(--f-en); font-weight: 500; }
#event_iceland2 h1, #event_iceland2 h2, #event_iceland2 h3, #event_iceland2 h4,
#event_iceland2 .spot_name {
    font-family: var(--f-title);
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.03em;
    margin: 0;
}
#event_iceland2 p { margin: 0; }
#event_iceland2 img { display: block; max-width: 100%; }
#event_iceland2 a { color: inherit; text-decoration: none; }
#event_iceland2 em { font-style: normal; color: var(--aurora); }
#event_iceland2 strong { font-weight: 500; color: var(--ice); }
#event_iceland2 ul, #event_iceland2 ol { list-style: none; margin: 0; padding: 0; }

#event_iceland2 .only_m { display: block !important; }
#event_iceland2 .only_pc { display: none !important; }
#event_iceland2 br.only_m { display: inline !important; }

/* ---------- 공통 ---------- */
#event_iceland2 .ic2_wrap { max-width: var(--mw); margin: 0 auto; padding: 0 20px; }
#event_iceland2 .ic2_sec { position: relative; padding: 90px 0; }
#event_iceland2 .ic2_sec.night { background: var(--night); color: #fff; }
#event_iceland2 .ic2_sec.night.deep { background: linear-gradient(180deg, var(--night) 0%, var(--navy) 100%); }
#event_iceland2 .ic2_sec.frost { background: var(--frost); color: var(--ink); }
#event_iceland2 .ic2_sec.frost em { color: var(--ice-deep); }

#event_iceland2 .ic2_eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 13px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ice);
}
#event_iceland2 .ic2_eyebrow::before { content: ''; width: 28px; height: 1px; background: var(--aurora-grad); }
#event_iceland2 .frost .ic2_eyebrow { color: var(--ice-deep); }

#event_iceland2 .ic2_sec h2 { font-size: 26px; line-height: 1.4; }
#event_iceland2 .ic2_lead { margin-top: 20px; font-size: 15px; opacity: .85; }
#event_iceland2 .ic2_head { max-width: 760px; }

#event_iceland2 .ic2_figure { margin: 40px 0 0; border-radius: 10px; overflow: hidden; background: #070d14; }
#event_iceland2 .ic2_figure img { width: 100%; }

/* 스크롤 페이드업 */
#event_iceland2 .fade_up { opacity: 0; transform: translateY(28px); transition: opacity .9s ease, transform .9s ease; }
#event_iceland2 .fade_up.is_in { opacity: 1; transform: none; }

/* 오로라 커튼 : 블러 그라데이션 3장이 천천히 흔들림 */
#event_iceland2 .aurora_sky { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
#event_iceland2 .aurora_sky i {
    position: absolute;
    top: -20%;
    width: 60%;
    height: 70%;
    border-radius: 50%;
    filter: blur(70px);
    opacity: .45;
    mix-blend-mode: screen;
    animation: ic2_sway 14s ease-in-out infinite alternate;
}
#event_iceland2 .aurora_sky i:nth-child(1) { left: -10%; background: radial-gradient(closest-side, #5fe0b0, transparent); }
#event_iceland2 .aurora_sky i:nth-child(2) { left: 25%; background: radial-gradient(closest-side, #6cc9e6, transparent); animation-duration: 18s; animation-delay: -6s; }
#event_iceland2 .aurora_sky i:nth-child(3) { left: 55%; background: radial-gradient(closest-side, #9b8cf5, transparent); animation-duration: 22s; animation-delay: -11s; }
@keyframes ic2_sway {
    0%   { transform: translate(0, 0) skewX(-8deg) scaleY(1); }
    100% { transform: translate(8%, 6%) skewX(8deg) scaleY(1.15); }
}


/* =========================================================
   1. HERO
   ========================================================= */
#event_iceland2 #ic2_hero {
    position: relative;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: var(--night);
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
}
#event_iceland2 .hero_video { position: absolute; inset: 0; overflow: hidden; }
#event_iceland2 .hero_video iframe {
    position: absolute;
    top: 50%; left: 50%;
    width: 177.78vh; height: 100vh;
    min-width: 100%; min-height: 56.25vw;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
#event_iceland2 #ic2_hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7,13,20,.35) 0%, rgba(7,13,20,.1) 40%, rgba(7,13,20,.85) 100%);
}
#event_iceland2 .hero_in {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: var(--mw);
    margin: 0 auto;
    padding: 110px 20px 72px;
}
#event_iceland2 .hero_logo { width: 120px; margin-bottom: 40px; opacity: .9; }
#event_iceland2 #ic2_hero h1 {
    font-size: 40px;
    line-height: 1.18;
}
#event_iceland2 .hero_sub { margin-top: 18px; font-size: 15px; opacity: .85; }
#event_iceland2 .hero_meta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 20px;
    margin-top: 40px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.2);
    font-size: 14px;
}
#event_iceland2 .hero_meta span { display: block; font-size: 11px; letter-spacing: .14em; color: var(--ice); }
#event_iceland2 .hero_scroll {
    position: absolute;
    right: 20px; bottom: 24px;
    z-index: 2;
    width: 1px; height: 56px;
    background: rgba(255,255,255,.25);
    overflow: hidden;
}
#event_iceland2 .hero_scroll i {
    position: absolute; left: 0; top: 0;
    width: 100%; height: 40%;
    background: #fff;
    animation: ic2_drop 1.8s ease-in-out infinite;
}
@keyframes ic2_drop { 0% { transform: translateY(-100%); } 100% { transform: translateY(260%); } }


/* =========================================================
   2. PROLOGUE + MARQUEE
   ========================================================= */
#event_iceland2 #ic2_prologue { padding-bottom: 0; }
#event_iceland2 .prologue_grid { display: grid; gap: 32px; }
#event_iceland2 .prologue_head h2 {
    font-size: 34px;
    line-height: 1.2;
    background: var(--aurora-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
#event_iceland2 .prologue_body p + p { margin-top: 18px; }
#event_iceland2 .prologue_wave { width: 220px; margin-top: 36px; opacity: .8; }

#event_iceland2 .ic2_marquee {
    margin-top: 72px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
#event_iceland2 .marquee_track {
    display: flex;
    gap: 12px;
    width: max-content;
    animation: ic2_marquee 40s linear infinite;
}
#event_iceland2 .marquee_track figure {
    flex: none;
    width: 260px;
    aspect-ratio: 4 / 3;
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
    background: #111c27;
}
#event_iceland2 .marquee_track img { width: 100%; height: 100%; object-fit: cover; }
@keyframes ic2_marquee { to { transform: translateX(-50%); } }
/* 트랙은 4장×2회라 -50% 이동 시 처음과 동일 → 끊김 없음 (gap 포함 폭 = 전체의 절반) */


/* =========================================================
   3. NATURE — 아코디언
   ========================================================= */
#event_iceland2 .nature_hint { margin-top: 14px; font-size: 13px; color: var(--ice-deep); }
#event_iceland2 .spot_acc { display: flex; flex-direction: column; gap: 12px; margin-top: 48px; }
#event_iceland2 .spot {
    position: relative;
    min-height: 420px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--navy);
    color: #fff;
    cursor: pointer;
    outline: none;
}
#event_iceland2 .spot:focus-visible { box-shadow: 0 0 0 2px var(--aurora); }
#event_iceland2 .spot_imgs { position: absolute; inset: 0; }
#event_iceland2 .spot_imgs img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: calc(var(--i) * 4s);
    transform: scale(1.04);
    transition: transform 1.2s ease;
}
#event_iceland2 .spot.is_on .spot_imgs img { transform: none; }
/* 장당 4초. 뒤 형제가 위에 쌓이므로 다음 장이 페이드인 → 이전 장은 가려진 뒤 꺼짐 (마지막 장만 첫 장 위에서 페이드아웃) */
#event_iceland2 .spot_imgs.n2 img { animation-name: ic2_xfade2; animation-duration: 8s; }
#event_iceland2 .spot_imgs.n3 img { animation-name: ic2_xfade3; animation-duration: 12s; }
@keyframes ic2_xfade2 { 0% { opacity: 0; } 5% { opacity: 1; } 50% { opacity: 1; } 55% { opacity: 0; } 100% { opacity: 0; } }
@keyframes ic2_xfade3 { 0% { opacity: 0; } 4% { opacity: 1; } 33.3% { opacity: 1; } 37.5% { opacity: 0; } 100% { opacity: 0; } }
#event_iceland2 .spot::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(7,13,20,.1) 30%, rgba(7,13,20,.85) 100%);
}
#event_iceland2 .spot_bar {
    position: absolute; z-index: 2;
    top: 20px; left: 20px;
    display: flex; align-items: center; gap: 10px;
    font-size: 12px;
    letter-spacing: .14em;
    text-transform: uppercase;
}
#event_iceland2 .spot_no { font-size: 18px; color: var(--aurora); }
#event_iceland2 .spot_txt {
    position: absolute; z-index: 2;
    left: 0; right: 0; bottom: 0;
    padding: 20px;
}
#event_iceland2 .spot_name { font-size: 13px; color: var(--ice); }
#event_iceland2 .spot h3 { margin-top: 6px; font-size: 22px; line-height: 1.35; }
#event_iceland2 .spot_desc { margin-top: 12px; font-size: 14px; opacity: .85; }


/* =========================================================
   4. ANOTHER PLANET
   ========================================================= */
#event_iceland2 #ic2_planet {
    position: relative;
    padding: 120px 0;
    background-color: var(--navy);
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}
@supports (-webkit-touch-callout: none) {
    #event_iceland2 #ic2_planet { background-attachment: scroll; } /* iOS Safari */
}
#event_iceland2 #ic2_planet::before { content: ''; position: absolute; inset: 0; background: rgba(7,13,20,.55); }
#event_iceland2 .planet_box {
    position: relative;
    max-width: 560px;
    padding: 36px 28px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    background: rgba(7,13,20,.45);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
#event_iceland2 .planet_box h2 { font-size: 28px; line-height: 1.3; }
#event_iceland2 .planet_box p { margin-top: 18px; font-size: 14px; opacity: .9; }
#event_iceland2 .planet_box .ic2_eyebrow { margin-bottom: 12px; }


/* =========================================================
   5. AURORA
   ========================================================= */
#event_iceland2 #ic2_aurora {
    background-color: var(--night);
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
}
#event_iceland2 #ic2_aurora::before { content: ''; position: absolute; inset: 0; background: rgba(7,13,20,.6); }
#event_iceland2 .aurora_sky.big i { opacity: .35; filter: blur(90px); }
#event_iceland2 .aurora_grid { position: relative; z-index: 2; display: grid; gap: 32px; }
#event_iceland2 .aurora_head h2 { font-size: 30px; line-height: 1.3; }
#event_iceland2 .aurora_body p + p { margin-top: 18px; }
#event_iceland2 .aurora_spec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 36px 0 0;
}
#event_iceland2 .aurora_spec div {
    padding: 14px 12px 12px;
    border-top: 2px solid var(--c);
    background: rgba(255,255,255,.05);
}
#event_iceland2 .aurora_spec .green  { --c: #5fe0b0; }
#event_iceland2 .aurora_spec .red    { --c: #f08a8a; }
#event_iceland2 .aurora_spec .violet { --c: #b08cf5; }
#event_iceland2 .aurora_spec dt { font-size: 11px; letter-spacing: .06em; color: var(--c); }
#event_iceland2 .aurora_spec dd { margin: 6px 0 0; font-size: 14px; }
#event_iceland2 .aurora_spec sub { font-size: .7em; }


/* =========================================================
   6. PROMOTION
   ========================================================= */
#event_iceland2 .promo_logo { width: 140px; margin-bottom: 28px; opacity: .9; }
#event_iceland2 .promo_head { max-width: 760px; }
#event_iceland2 .promo_banner { margin: 48px 0 0; border-radius: 10px; overflow: hidden; background: #111c27; }
#event_iceland2 .promo_banner img { width: 100%; }
#event_iceland2 .benefit_list { display: grid; gap: 14px; margin-top: 20px; }
#event_iceland2 .benefit_list li {
    padding: 26px 22px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    background: rgba(255,255,255,.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: border-color .3s, background .3s;
}
#event_iceland2 .benefit_list li:hover { border-color: rgba(159,211,234,.5); background: rgba(255,255,255,.08); }
#event_iceland2 .bf_no { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--aurora); }
#event_iceland2 .bf_cate { margin-top: 10px; font-size: 13px; color: var(--ice); }
#event_iceland2 .benefit_list h3 { margin-top: 6px; font-size: 19px; line-height: 1.4; }
#event_iceland2 .bf_desc { margin-top: 12px; font-size: 14px; opacity: .8; }


/* =========================================================
   6-1. QUIZ
   ========================================================= */
#event_iceland2 #ic2_quiz { overflow: hidden; }
#event_iceland2 .quiz_wrap { position: relative; z-index: 2; }
#event_iceland2 .quiz_wrap .ic2_head { margin: 0 auto; text-align: center; }
#event_iceland2 .quiz_box {
    position: relative;
    overflow: hidden;
    margin: 40px auto 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    background: rgba(13,26,38,.6);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
#event_iceland2 .quiz_box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--aurora-grad); }
#event_iceland2 .quiz_q { position: relative; height: 460px; overflow: hidden; background: radial-gradient(ellipse at 50% 40%, rgba(159,211,234,.06), transparent 60%); }
#event_iceland2 .tree_canvas {
    position: absolute; left: 0; top: 0;
    width: 1800px; height: 2250px;
    transform-origin: 0 0;
    transition: transform .95s cubic-bezier(.65,0,.3,1);
}
#event_iceland2 .tree_canvas.no_anim { transition: none; }
#event_iceland2 .tree_lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
#event_iceland2 .tree_lines .edge { fill: none; stroke-width: 2.5; stroke-dasharray: 1; stroke-dashoffset: 1; animation: ic2_draw .7s cubic-bezier(.4,0,.2,1) forwards; }
#event_iceland2 .tree_lines .edge.yes { stroke: var(--aurora); }
#event_iceland2 .tree_lines .edge.no  { stroke: var(--ice); }
#event_iceland2 .tree_lines .dot { filter: drop-shadow(0 0 6px currentColor); }
#event_iceland2 .tree_lines .dot.yes { fill: var(--aurora); color: var(--aurora); }
#event_iceland2 .tree_lines .dot.no  { fill: var(--ice); color: var(--ice); }
@keyframes ic2_draw { to { stroke-dashoffset: 0; } }
#event_iceland2 .tnode {
    position: absolute; width: 340px;
    padding: 26px 26px 28px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    background: rgba(13,26,38,.92);
    opacity: .35;
    transform: scale(.94);
    transition: opacity .6s, transform .6s, border-color .6s, box-shadow .6s;
}
#event_iceland2 .tnode.is_on { opacity: 1; transform: none; border-color: rgba(95,224,176,.5); box-shadow: 0 0 0 1px rgba(95,224,176,.25), 0 20px 50px rgba(0,0,0,.45); }
#event_iceland2 .tnode.is_done { opacity: .6; }
#event_iceland2 .tnode:not(.is_on) .quiz_btn { pointer-events: none; }
#event_iceland2 .tnode .quiz_btn.is_pick { color: var(--night); }
#event_iceland2 .tnode .quiz_btn.yes.is_pick { background: var(--aurora); border-color: var(--aurora); }
#event_iceland2 .tnode .quiz_btn.no.is_pick  { background: var(--ice); border-color: var(--ice); }
#event_iceland2 .tend {
    position: absolute; width: 150px;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 14px 0;
    border: 1px dashed rgba(255,255,255,.3);
    border-radius: 999px;
    font-family: var(--f-en); font-weight: 500; font-size: 13px; letter-spacing: .14em; text-transform: uppercase;
    color: rgba(255,255,255,.55);
    opacity: .35;
    transition: opacity .6s, border-color .6s, color .6s;
}
#event_iceland2 .tend svg { width: 16px; height: 16px; }
#event_iceland2 .tend.is_on { opacity: 1; color: var(--aurora); border-style: solid; border-color: var(--aurora); box-shadow: 0 0 24px rgba(95,224,176,.35); }
#event_iceland2 .quiz_icon { width: 52px; height: 52px; margin-bottom: 18px; padding: 12px; border-radius: 14px; border: 1px solid rgba(95,224,176,.35); background: rgba(95,224,176,.08); color: var(--aurora); }
#event_iceland2 .quiz_icon svg, #event_iceland2 .quiz_r_icon svg { width: 100%; height: 100%; display: block; }
#event_iceland2 .quiz_step { font-family: var(--f-en); font-weight: 500; font-size: 13px; letter-spacing: .14em; color: var(--ice); }
#event_iceland2 .quiz_step span { font-size: 22px; color: var(--aurora); }
#event_iceland2 .quiz_text { margin-top: 14px; font-size: 18px; line-height: 1.5; }
#event_iceland2 .quiz_btns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 22px; }
#event_iceland2 .quiz_btn {
    padding: 15px 0;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;
    background: transparent;
    color: #fff;
    font-family: var(--f-en);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .12em;
    cursor: pointer;
    transition: background .25s, border-color .25s, transform .25s;
}
#event_iceland2 .quiz_btn.yes:hover, #event_iceland2 .quiz_btn.yes:focus-visible { background: rgba(95,224,176,.18); border-color: var(--aurora); }
#event_iceland2 .quiz_btn.no:hover,  #event_iceland2 .quiz_btn.no:focus-visible  { background: rgba(159,211,234,.15); border-color: var(--ice); }
#event_iceland2 .quiz_btn:active { transform: scale(.97); }

#event_iceland2 .quiz_r { position: relative; display: grid; gap: 24px; padding: 32px 24px; }
#event_iceland2 .quiz_r_bg {
    position: absolute; right: -8px; top: -10px;
    font-family: var(--f-en); font-weight: 500;
    font-size: 64px; line-height: 1; letter-spacing: -.02em; white-space: nowrap;
    background: var(--aurora-grad); -webkit-background-clip: text; background-clip: text; color: transparent;
    opacity: .07; pointer-events: none; user-select: none;
}
#event_iceland2 .quiz_r_head { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
#event_iceland2 .quiz_r_icon { width: 34px; height: 34px; padding: 7px; border-radius: 10px; background: rgba(95,224,176,.12); color: var(--aurora); flex: none; }
#event_iceland2 .quiz_q[hidden], #event_iceland2 .quiz_r[hidden] { display: none; } /* display:grid 가 hidden 속성을 이기므로 */
#event_iceland2 .quiz_r_img { position: relative; width: 200px; aspect-ratio: 1; margin: 0 auto; padding: 5px; border-radius: 50%; background: var(--aurora-grad); }
#event_iceland2 .quiz_r_img::after { content: ''; position: absolute; inset: -14px; border-radius: 50%; border: 1px solid rgba(255,255,255,.15); }
#event_iceland2 .quiz_r_img img { width: 100%; height: 100%; border-radius: 50%; background: #070d14; }
#event_iceland2 .quiz_r_label { font-size: 13px; color: var(--ice); }
#event_iceland2 .quiz_r_en { font-family: var(--f-en); font-weight: 500; font-size: 20px; letter-spacing: .08em; text-transform: uppercase; color: var(--aurora); }
#event_iceland2 .quiz_r h3 { margin-top: 4px; font-size: 30px; line-height: 1.3; }
#event_iceland2 .quiz_r_desc { margin-top: 14px; font-size: 15px; opacity: .85; }
#event_iceland2 .quiz_r_btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
#event_iceland2 .quiz_retry {
    padding: 14px 24px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}
/* 결과 공개 연출 */
#event_iceland2 .quiz_reveal { position: absolute; inset: 0; z-index: 3; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 28px; background: #070d14; }
#event_iceland2 .quiz_reveal[hidden] { display: none; }
#event_iceland2 .quiz_reveal.is_done { animation: ic2_rv_out .5s ease forwards; }
#event_iceland2 .reveal_stage {
    position: absolute; inset: 0; overflow: hidden;
    -webkit-mask: radial-gradient(circle, #000 40%, rgba(0,0,0,.35) 55%, transparent 72%) 10% 15% / 320px 320px no-repeat;
    mask: radial-gradient(circle, #000 40%, rgba(0,0,0,.35) 55%, transparent 72%) 10% 15% / 320px 320px no-repeat;
    animation: ic2_spot 3s cubic-bezier(.5,0,.3,1) forwards;
}
#event_iceland2 .reveal_stage img {
    position: absolute; inset: 0;
    width: 100%; height: 100%; object-fit: cover;
    transform-origin: center;
    animation: ic2_cam 3s ease-in-out forwards;
}
#event_iceland2 .reveal_txt { position: relative; z-index: 1; font-size: 15px; letter-spacing: .02em; color: rgba(255,255,255,.85); text-shadow: 0 1px 8px rgba(0,0,0,.6); }
#event_iceland2 .reveal_txt span { display: inline-block; animation: ic2_dot 1.2s ease-in-out infinite; }
#event_iceland2 .reveal_txt span:nth-child(2) { animation-delay: .2s; }
#event_iceland2 .reveal_txt span:nth-child(3) { animation-delay: .4s; }
#event_iceland2 .quiz_reveal::after { content: ''; position: absolute; inset: 0; background: #fff; opacity: 0; animation: ic2_flash 3s linear forwards; }
/* 서치라이트 : 좌상 → 우상 → 좌하 → 우하(대각) → 중앙 확대 */
@keyframes ic2_spot {
    0%   { -webkit-mask-position: 10% 15%; mask-position: 10% 15%; }
    24%  { -webkit-mask-position: 90% 20%; mask-position: 90% 20%; }
    48%  { -webkit-mask-position: 12% 85%; mask-position: 12% 85%; }
    70%  { -webkit-mask-position: 88% 82%; mask-position: 88% 82%; }
    84%  { -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 320px 320px; mask-size: 320px 320px; }
    100% { -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 500% 500%; mask-size: 500% 500%; }
}
/* 카메라 : 빛과 반대 방향으로 살짝 밀리며 끝에서 줌아웃 */
@keyframes ic2_cam {
    0%   { transform: scale(1.9) translate(14%, 12%); }
    24%  { transform: scale(1.9) translate(-14%, 10%); }
    48%  { transform: scale(1.8) translate(12%, -12%); }
    70%  { transform: scale(1.7) translate(-12%, -11%); }
    100% { transform: scale(1.05) translate(0, 0); }
}
@keyframes ic2_flash { 0%, 92% { opacity: 0; } 95% { opacity: .85; } 100% { opacity: 0; } }
@keyframes ic2_rv_out { to { opacity: 0; } }
@keyframes ic2_dot { 0%, 100% { opacity: .2; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }
/* 짜잔 : 이미지 팝 + 링 확산 + 텍스트 순차 등장 */
#event_iceland2 .quiz_r.is_pop .quiz_r_img { animation: ic2_pop .8s cubic-bezier(.34,1.56,.64,1) both; }
#event_iceland2 .quiz_r.is_pop .quiz_r_img::after { animation: ic2_ring 1.1s ease-out .15s both; }
#event_iceland2 .quiz_r.is_pop .quiz_r_txt > * { animation: ic2_quiz_in .5s ease both; }
#event_iceland2 .quiz_r.is_pop .quiz_r_txt > :nth-child(2) { animation-delay: .25s; }
#event_iceland2 .quiz_r.is_pop .quiz_r_txt > :nth-child(3) { animation-delay: .4s; }
#event_iceland2 .quiz_r.is_pop .quiz_r_txt > :nth-child(4) { animation-delay: .55s; }
#event_iceland2 .quiz_r.is_pop .quiz_r_txt > :nth-child(5) { animation-delay: .7s; }
@keyframes ic2_pop { 0% { transform: scale(.4); opacity: 0; } 100% { transform: none; opacity: 1; } }
@keyframes ic2_ring { 0% { transform: scale(.6); opacity: 1; border-color: var(--aurora); } 100% { transform: scale(1.6); opacity: 0; } }

/* 질문 전환 페이드 : show() 가 is_in 을 떼었다 붙임 */
#event_iceland2 .quiz_box.is_in .quiz_q,
#event_iceland2 .quiz_box.is_in .quiz_r { animation: ic2_quiz_in .45s ease both; }
@keyframes ic2_quiz_in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }


/* =========================================================
   7. CONSULT
   ========================================================= */
#event_iceland2 #section_consulting_bar {
    position: relative;
    padding: 72px 20px;
    background-color: var(--night);
    background-position: 50% 40%;
    background-size: cover;
    color: #fff;
    text-align: center;
}
#event_iceland2 #section_consulting_bar::before { content: ''; position: absolute; inset: 0; background: rgba(5,10,16,.7); }
#event_iceland2 #section_consulting_bar .customer_consult { position: relative; }
#event_iceland2 #section_consulting_bar h4 { font-size: 22px; line-height: 1.45; }
#event_iceland2 #section_consulting_bar p { margin-top: 12px; font-size: 14px; color: #fff; }
#event_iceland2 #section_consulting_bar .consult_btn {
    display: inline-block;
    margin-top: 32px;
    padding: 18px 48px;
    border-radius: 999px;
    background: linear-gradient(110deg, #5fe0b0 0%, #6cc9e6 35%, #9b8cf5 70%, #5fe0b0 100%);
    background-size: 220% 100%;
    color: var(--night);
    font-size: 16px;
    font-weight: 500;
    animation: ic2_btn 6s ease-in-out infinite alternate;
    transition: transform .3s;
}
#event_iceland2 #section_consulting_bar .consult_btn:hover,
#event_iceland2 #section_consulting_bar .consult_btn:focus-visible { color: var(--night); transform: translateY(-2px); }
@keyframes ic2_btn { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }

#shotcut_consulting {
    background: var(--ice-deep, #2f6f8f);
    border: 0;
    box-shadow: 0 6px 16px rgba(14,26,35,.25);
}
/* common.202410.css 의 전역 .show { display:block !important } 가 flex 세로 가운데 정렬을 깨뜨려서 되돌림 */
#shotcut_consulting.show { display: flex !important; }
#shotcut_consulting .text svg { height: 24px; }
@media (min-width: 992px) {
    #shotcut_consulting { height: 99px; border-radius: 7px; } /* 위 카카오/1:1 박스(bottom 155px)와 6px 간격, 라디우스는 css/event.css 와 동일 */
    #shotcut_consulting .text { padding: 0; }
}


/* =========================================================
   모션 최소화
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
    #event_iceland2 .fade_up { opacity: 1; transform: none; transition: none; }
    #event_iceland2 .aurora_sky i,
    #event_iceland2 .marquee_track,
    #event_iceland2 .hero_scroll i,
    #event_iceland2 #section_consulting_bar .consult_btn,
    #event_iceland2 .quiz_box.is_in .quiz_q,
    #event_iceland2 .quiz_box.is_in .quiz_r,
    #event_iceland2 .quiz_r.is_pop .quiz_r_img,
    #event_iceland2 .quiz_r.is_pop .quiz_r_img::after,
    #event_iceland2 .quiz_r.is_pop .quiz_r_txt > * { animation: none; }
    #event_iceland2 .tree_canvas { transition: none; }
    #event_iceland2 .tree_lines .edge { animation: none; stroke-dashoffset: 0; }
    #event_iceland2 .spot_imgs img { animation: none; opacity: 0; }
    #event_iceland2 .spot_imgs img:first-child { opacity: 1; }
}


/* =========================================================
   PC
   ========================================================= */
@media (min-width: 992px) {
    #event_iceland2 { font-size: 16px; }
    #event_iceland2 .only_m, #event_iceland2 br.only_m { display: none !important; }
    #event_iceland2 .only_pc { display: block !important; }
    #event_iceland2 br.only_pc { display: inline !important; }

    #event_iceland2 .ic2_sec { padding: 140px 0; }
    #event_iceland2 .ic2_sec h2 { font-size: 36px; }
    #event_iceland2 .ic2_lead { font-size: 17px; }

    /* HERO */
    #event_iceland2 .hero_in { padding: 140px 40px 90px; }
    #event_iceland2 .hero_logo { width: 160px; margin-bottom: 56px; }
    #event_iceland2 #ic2_hero h1 { font-size: 76px; line-height: 1.1; }
    #event_iceland2 .hero_sub { margin-top: 26px; font-size: 18px; }
    #event_iceland2 .hero_meta { grid-template-columns: repeat(4, max-content); gap: 0 64px; margin-top: 56px; font-size: 16px; }
    #event_iceland2 .hero_scroll { right: 40px; bottom: 36px; height: 72px; }

    /* PROLOGUE */
    #event_iceland2 .prologue_grid { grid-template-columns: 5fr 6fr; gap: 80px; align-items: start; }
    #event_iceland2 .prologue_head { position: sticky; top: 120px; }
    #event_iceland2 .prologue_head h2 { font-size: 64px; }
    #event_iceland2 .prologue_body { padding-top: 24px; font-size: 18px; }
    #event_iceland2 .prologue_wave { width: 300px; margin-top: 56px; }
    #event_iceland2 .ic2_marquee { margin-top: 110px; }
    #event_iceland2 .marquee_track { gap: 16px; }
    #event_iceland2 .marquee_track figure { width: 420px; }

    /* NATURE 아코디언 : 가로 확장 */
    #event_iceland2 .spot_acc { flex-direction: row; height: 620px; gap: 10px; margin-top: 64px; }
    #event_iceland2 .spot { flex: 1; min-height: 0; transition: flex .7s cubic-bezier(.65,0,.35,1); }
    #event_iceland2 .spot.is_on { flex: 3.4; }
    #event_iceland2 .spot_bar { top: 28px; left: 28px; }
    #event_iceland2 .spot_txt { padding: 36px; max-width: 560px; }
    /* 접힌 패널 : 이름만 세로로, 나머지는 숨김 */
    #event_iceland2 .spot:not(.is_on) .spot_txt { left: auto; right: 0; top: 0; bottom: 0; padding: 0 0 28px 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 100%; }
    #event_iceland2 .spot:not(.is_on) .spot_name { writing-mode: vertical-rl; font-size: 18px; color: #fff; letter-spacing: .2em; line-height: 1.3; } /* 세로쓰기 : 글자 간격(letter-spacing)·단 간격(line-height) 넓힘 */
    #event_iceland2 .spot:not(.is_on) h3,
    #event_iceland2 .spot:not(.is_on) .spot_desc { display: none; }
    #event_iceland2 .spot.is_on .spot_name { font-size: 15px; }
    #event_iceland2 .spot h3 { font-size: 30px; }
    #event_iceland2 .spot_desc { font-size: 15px; }
    #event_iceland2 .spot:not(.is_on)::after { background: linear-gradient(180deg, rgba(7,13,20,.25) 0%, rgba(7,13,20,.7) 100%); }

    /* PLANET */
    #event_iceland2 #ic2_planet { padding: 200px 0; }
    #event_iceland2 .planet_box { max-width: 640px; padding: 52px 48px; margin-left: auto; }
    #event_iceland2 .planet_box h2 { font-size: 40px; }
    #event_iceland2 .planet_box p { font-size: 16px; }

    /* AURORA */
    #event_iceland2 .aurora_grid { grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; }
    #event_iceland2 .aurora_head h2 { font-size: 48px; }
    #event_iceland2 .aurora_body { font-size: 17px; }
    #event_iceland2 .aurora_spec dd { font-size: 16px; }

    /* PROMOTION */
    #event_iceland2 .promo_banner { margin-top: 72px; }
    #event_iceland2 .benefit_list { grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 24px; }
    #event_iceland2 .benefit_list li { padding: 32px 34px; }
    #event_iceland2 .benefit_list h3 { font-size: 22px; }
    #event_iceland2 .bf_desc { font-size: 15px; }

    /* QUIZ */
    #event_iceland2 .quiz_box { max-width: 880px; margin-top: 56px; }
    #event_iceland2 .quiz_q { height: 540px; }
    #event_iceland2 .quiz_r { padding: 48px 56px; }
    #event_iceland2 .quiz_r { grid-template-columns: 280px 1fr; gap: 56px; align-items: center; }
    #event_iceland2 .quiz_r_img { width: 280px; }
    #event_iceland2 .quiz_r_bg { font-size: 120px; right: -16px; top: -24px; }
    #event_iceland2 .quiz_r_en { font-size: 24px; }
    #event_iceland2 .quiz_r h3 { font-size: 38px; }

    /* CONSULT */
    #event_iceland2 #section_consulting_bar { padding: 120px 20px; }
    #event_iceland2 #section_consulting_bar h4 { font-size: 32px; }
    #event_iceland2 #section_consulting_bar p { font-size: 16px; }
    #event_iceland2 #section_consulting_bar .consult_btn { padding: 20px 60px; font-size: 17px; }
}