/* =========================================================
   iceland_unique_hotels.css
   스코프 : #event_iceland_unique_hotels
   컨셉   : 사진 중심 다크 톤. 호텔 섹션은 sticky 배경이
            스크롤에 따라 다음 호텔로 자연스럽게 전환
   폰트   : 210처음처럼(cheoeumcheoreom-210, Adobe) 전체 / Rix스탬프(rixstamp-pro) 강조 — Pretendard 는 폴백
   팔레트
     night  #0b1218  배경
     mist   #e9eef2  본문 텍스트
     ice    #9fd3ea  포인트
   ========================================================= */

#event_header { background-color: #0b121855; }

#event_iceland_unique_hotels {
    --f-en: 'cheoeumcheoreom-210', 'Josefin Sans', 'Pretendard', sans-serif;
    --f: 'cheoeumcheoreom-210', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
    --f-em: 'rixstamp-pro', 'cheoeumcheoreom-210', 'Pretendard', sans-serif;
    --night: #0b1218;
    --mist: #e9eef2;
    --dim: rgba(233,238,242,.72);
    --ice: #9fd3ea;
    --water: #5fb7e8;
    --fire: #ff6b4a;
    --aurora: linear-gradient(90deg, #5fe0b0 0%, #6cc9e6 50%, #b08cf5 100%);
    --mw: 1200px;

    margin: 0 auto;
    overflow: clip; /* hidden 이면 스크롤 컨테이너가 되어 호텔 sticky 배경이 안 먹음 */
    background: var(--night);
    color: var(--mist);
    font-family: var(--f);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.85;
    letter-spacing: -0.02em;
    word-break: keep-all;
    -webkit-font-smoothing: antialiased;
}
#event_iceland_unique_hotels * { font-family: var(--f); font-weight: 300; box-sizing: border-box; } /* 본문 300, 제목·강조·라벨 400 */
#event_iceland_unique_hotels .iuh_eyebrow,
#event_iceland_unique_hotels .en,
#event_iceland_unique_hotels .hero_en,
#event_iceland_unique_hotels .outro_en,
#event_iceland_unique_hotels .senses dt span { font-family: var(--f-en); font-weight: 400; letter-spacing: 0; }

/* 물 · 불 · 빛 색 : --el 로 아이콘·제목·세로바에 적용 (빛은 그라디에이션 텍스트) */
#event_iceland_unique_hotels .el_water { --el: var(--water); }
#event_iceland_unique_hotels .el_fire { --el: var(--fire); }
#event_iceland_unique_hotels .el_light { --el: #5fe0b0; }
#event_iceland_unique_hotels .el_light .iuh_eyebrow,
#event_iceland_unique_hotels .el_light .hotel_panel h2,
#event_iceland_unique_hotels span.el_light { background: var(--aurora); -webkit-background-clip: text; background-clip: text; color: transparent; text-transform: uppercase; }
#event_iceland_unique_hotels .el_light .iuh_eyebrow .pict { color: #6cc9e6; }
#event_iceland_unique_hotels span.el_water { color: var(--water); }
#event_iceland_unique_hotels span.el_fire { color: var(--fire); }
#event_iceland_unique_hotels h1, #event_iceland_unique_hotels h2 { margin: 0; font-weight: 400; line-height: 1.35; color: #fff; }
#event_iceland_unique_hotels p { margin: 0; }
#event_iceland_unique_hotels ul, #event_iceland_unique_hotels dl { margin: 0; padding: 0; list-style: none; }
#event_iceland_unique_hotels img { display: block; max-width: 100%; }
#event_iceland_unique_hotels a { color: inherit; text-decoration: none; }
#event_iceland_unique_hotels .only_pc, #event_iceland_unique_hotels br.only_pc { display: none; }

#event_iceland_unique_hotels .iuh_wrap { max-width: var(--mw); margin: 0 auto; padding: 0 20px; }
#event_iceland_unique_hotels .iuh_sec { padding: 90px 0; }
#event_iceland_unique_hotels .iuh_head { text-align: center; }
#event_iceland_unique_hotels .iuh_head h2 { font-size: 22px; }
#event_iceland_unique_hotels .iuh_head h2.en { font-size: 26px; letter-spacing: 0; }
#event_iceland_unique_hotels .iuh_lead { margin-top: 20px; font-size: 15px; color: var(--dim); }
#event_iceland_unique_hotels .iuh_lead + .iuh_lead { margin-top: 28px; }
#event_iceland_unique_hotels .iuh_eyebrow { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--el, var(--ice)); text-transform: uppercase; }

/* 페이드업 */
#event_iceland_unique_hotels .fade_up { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s ease; }
#event_iceland_unique_hotels .fade_up.is_in { opacity: 1; transform: none; }

/* 버튼 */
#event_iceland_unique_hotels .iuh_btn {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 14px 28px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 999px;
    color: #fff; font-size: 14px;
    transition: background .3s, color .3s, border-color .3s;
}
#event_iceland_unique_hotels .iuh_btn i { font-style: normal; transition: transform .3s; }
#event_iceland_unique_hotels .iuh_btn:hover,
#event_iceland_unique_hotels .iuh_btn:focus-visible { background: #fff; border-color: #fff; color: var(--night); }
#event_iceland_unique_hotels .iuh_btn:hover i { transform: translateX(4px); }

/* 픽토그램 */
#event_iceland_unique_hotels .pict { display: inline-flex; width: 32px; height: 32px; color: var(--el, var(--ice)); }
#event_iceland_unique_hotels .pict svg { width: 100%; height: 100%; }


/* =========================================================
   1. HERO
   ========================================================= */
#event_iceland_unique_hotels #iuh_hero { position: relative; height: 100svh; }
#event_iceland_unique_hotels .hero_swiper { position: absolute; inset: 0; z-index: 0; } /* swiper 기본 z-index:1 이 그라디언트를 가려서 내림 */
#event_iceland_unique_hotels .hero_swiper .swiper-wrapper, #event_iceland_unique_hotels .hero_swiper .swiper-slide { height: 100%; }
#event_iceland_unique_hotels .hero_swiper img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
#event_iceland_unique_hotels #iuh_hero::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(11,18,24,.15) 0%, rgba(11,18,24,.2) 45%, rgba(11,18,24,.85) 100%); }
#event_iceland_unique_hotels .hero_in { position: absolute; z-index: 2; left: 0; right: 0; top: 68%; transform: translateY(-50%); max-width: var(--mw); margin: 0 auto; padding: 0 24px; }
#event_iceland_unique_hotels .hero_in .iuh_eyebrow { color: var(--mist); letter-spacing: -1px; text-transform: none; font-family: var(--f); font-size: 14px; }
#event_iceland_unique_hotels #iuh_hero h1 { margin-top: 0; font-size: 30px; line-height: 1; letter-spacing: -1px; }
#event_iceland_unique_hotels #iuh_hero h1 em { font-style: normal; font-weight: 400; font-size: 1.2em; color: var(--fire); }
#event_iceland_unique_hotels .hero_side { margin-top: 36px; font-size: 15px; color: var(--mist); }
#event_iceland_unique_hotels .hero_logo { width: 200px; margin: 16px 0 0 auto; }
#event_iceland_unique_hotels .hero_scroll { position: absolute; z-index: 2; right: 24px; bottom: 24px; width: 1px; height: 56px; overflow: hidden; }
#event_iceland_unique_hotels .hero_scroll i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; animation: iuh_scroll 2s ease-in-out infinite; }
@keyframes iuh_scroll { 0% { transform: translateY(-100%); } 50% { transform: translateY(0); } 100% { transform: translateY(100%); } }


/* =========================================================
   2. A STAY FOR THE SENSES / 마퀴
   ========================================================= */
#event_iceland_unique_hotels .iuh_marquee { margin-top: 56px; overflow: hidden; }
#event_iceland_unique_hotels .marquee_track { display: flex; gap: 10px; width: max-content; animation: iuh_marquee 40s linear infinite; }
#event_iceland_unique_hotels .marquee_track figure { flex: 0 0 auto; width: 260px; aspect-ratio: 4 / 3; margin: 0; overflow: hidden; border-radius: 4px; }
#event_iceland_unique_hotels .marquee_track img { width: 100%; height: 100%; object-fit: cover; }
@keyframes iuh_marquee { to { transform: translateX(-50%); } }


/* =========================================================
   3. INTRO 카드
   ========================================================= */
/* 모바일 : 가로 스냅 스크롤(다음 카드가 살짝 보임), PC : 3열 */
#event_iceland_unique_hotels .intro_cards { display: flex; gap: 14px; margin: 48px -20px 0; padding: 0 20px 8px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
#event_iceland_unique_hotels .intro_cards::-webkit-scrollbar { display: none; }
#event_iceland_unique_hotels .intro_cards li { flex: 0 0 76%; scroll-snap-align: center; }
#event_iceland_unique_hotels .intro_cards a { display: block; text-align: center; }
#event_iceland_unique_hotels .intro_cards figure { position: relative; margin: 0; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 8px; }
#event_iceland_unique_hotels .intro_cards figure::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,18,24,.35) 0%, rgba(11,18,24,0) 35%, rgba(11,18,24,.55) 100%); }
#event_iceland_unique_hotels .intro_cards img { width: 100%; height: 100%; object-fit: cover; }
#event_iceland_unique_hotels .intro_cards .card_no { position: absolute; z-index: 1; top: 16px; left: 16px; font-family: var(--f-en); font-weight: 400; font-size: 12px; letter-spacing: .06em; color: var(--el); }
#event_iceland_unique_hotels .intro_cards .pict { width: 56px; height: 56px; margin: -28px auto 0; padding: 12px; position: relative; z-index: 1; border: 1px solid var(--el); border-radius: 50%; background: var(--night); }
#event_iceland_unique_hotels .intro_cards p { margin-top: 16px; font-size: 16px; line-height: 1.6; color: #fff; }
#event_iceland_unique_hotels .intro_cards .card_hotel { display: inline-block; margin-top: 12px; font-family: var(--f-en); font-weight: 400; font-size: 12px; letter-spacing: .04em; color: var(--el); }
#event_iceland_unique_hotels .intro_cards .card_hotel i { font-style: normal; display: inline-block; transition: transform .3s; }
#event_iceland_unique_hotels .intro_cards a:hover .card_hotel i { transform: translateX(4px); }
#event_iceland_unique_hotels .el_light .card_no, #event_iceland_unique_hotels .el_light .card_hotel { background: var(--aurora); -webkit-background-clip: text; background-clip: text; color: transparent; text-transform: uppercase; }
#event_iceland_unique_hotels .el_light .pict { border-color: #6cc9e6; }


/* =========================================================
   4. HOTEL : sticky 배경 + 스크롤 패널
   ========================================================= */
#event_iceland_unique_hotels .hotel { position: relative; }
/* 모바일 : 80svh 갤러리 → 텍스트 박스 순서로 일반 스크롤. PC(아래 미디어쿼리) : 섹션이 화면에 걸리면 JS 가 .is_fixed 로 고정, 끝나면 .is_end */
#event_iceland_unique_hotels .hotel_bg { position: relative; height: 80svh; z-index: 0; overflow: hidden; }
#event_iceland_unique_hotels .hotel_swiper { height: 100%; --swiper-navigation-color: #fff; --swiper-navigation-size: 28px; --swiper-pagination-color: #fff; --swiper-pagination-bullet-inactive-color: #fff; --swiper-pagination-bullet-inactive-opacity: .4; --swiper-pagination-bottom: 16px; }
#event_iceland_unique_hotels .hotel_swiper .swiper-pagination { z-index: 3; }
#event_iceland_unique_hotels .hotel_swiper img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
#event_iceland_unique_hotels .hotel_swiper .swiper-button-prev,
#event_iceland_unique_hotels .hotel_swiper .swiper-button-next { z-index: 3; width: 48px; height: 48px; margin: 0; transform: translateY(-50%); border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(11,18,24,.35); transition: background .3s; }
#event_iceland_unique_hotels .hotel_swiper .swiper-button-prev:hover,
#event_iceland_unique_hotels .hotel_swiper .swiper-button-next:hover { background: rgba(11,18,24,.7); }
/* 화살표는 인라인 SVG (Swiper 아이콘 폰트가 Safari 에서 안 뜸) */
#event_iceland_unique_hotels .hotel_swiper .swiper-button-prev::after,
#event_iceland_unique_hotels .hotel_swiper .swiper-button-next::after { content: none; }
#event_iceland_unique_hotels .hotel_swiper .swiper-button-prev svg,
#event_iceland_unique_hotels .hotel_swiper .swiper-button-next svg { width: 22px; height: 22px; color: #fff; }
#event_iceland_unique_hotels .hotel_bg::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, rgba(11,18,24,.1) 0%, rgba(11,18,24,.45) 100%); }
/* 패널은 사진 60% 지점에 걸쳐 시작. 사진이 다 넘어갈 때까지(margin-bottom 구간) JS 가 translateY 로 제자리에 붙잡고, 이후 정상 스크롤 */
#event_iceland_unique_hotels .hotel_body { position: relative; z-index: 1; display: flow-root; } /* flow-root : 패널 margin-bottom 이 밖으로 새지 않게 */
/* 배경은 사진을 보여주는 데 쓰고 설명은 그 아래로 올라오는 패널에 담는다 */
#event_iceland_unique_hotels .hotel_panel {
    max-width: var(--mw); margin: 0 auto; padding: 40px 24px 56px;
    background: rgba(11,18,24,.82);
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
#event_iceland_unique_hotels .hotel_panel .iuh_eyebrow { gap: 12px; font-size: 15px; }
#event_iceland_unique_hotels .hotel_panel .pict { width: 40px; height: 40px; }
#event_iceland_unique_hotels .hotel_panel h2 { margin-top: 14px; font-size: 34px; letter-spacing: 0; color: var(--el); }
#event_iceland_unique_hotels .hotel_quote { margin-top: 8px; font-size: 17px; color: #fff; }
#event_iceland_unique_hotels .hotel_desc { margin-top: 24px; font-size: 15px; color: var(--dim); }

#event_iceland_unique_hotels .senses { margin-top: 36px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.14); }
#event_iceland_unique_hotels .senses dt { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; font-size: 16px; color: #fff; }
#event_iceland_unique_hotels .senses dt span { font-size: 13px; color: var(--el); }
#event_iceland_unique_hotels .senses dd { margin: 6px 0 20px; font-size: 14px; color: var(--dim); }
#event_iceland_unique_hotels .senses dd:last-child { margin-bottom: 0; }

#event_iceland_unique_hotels .hotel_tip { margin-top: 28px; padding: 20px 22px; border-left: 2px solid var(--el); background: rgba(255,255,255,.04); font-size: 14px; color: var(--dim); }
#event_iceland_unique_hotels .el_light .hotel_tip { border-image: linear-gradient(180deg, #5fe0b0, #b08cf5) 1; }
#event_iceland_unique_hotels .tip_t { margin-bottom: 6px; color: #fff; }
#event_iceland_unique_hotels .hotel_panel .iuh_btn { margin-top: 32px; }


/* =========================================================
   5. OUTRO / CONSULT
   ========================================================= */
#event_iceland_unique_hotels #section_consulting_bar {
    position: relative; z-index: 1;
    display: flex; min-height: 100vh; /* 한 화면 가득, 머리글은 위·맺음말은 아래 */
    padding: 110px 0;
    background-color: var(--night);
    background-position: 40% 50%; background-size: cover;
    background-attachment: fixed; /* 스크롤 시 사진은 고정, 내용만 흐르는 효과 */
    color: var(--mist);
}
#event_iceland_unique_hotels #section_consulting_bar::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,18,24,.75) 0%, rgba(11,18,24,.35) 50%, rgba(11,18,24,.8) 100%); }
#event_iceland_unique_hotels .customer_consult { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 100%; }
#event_iceland_unique_hotels .outro_head h2 { font-size: 26px; }
#event_iceland_unique_hotels .outro_head .ln { display: block; overflow: hidden; }
#event_iceland_unique_hotels .outro_head h2 em { font-style: normal; font-size: 1.2em; color: var(--fire); }
#event_iceland_unique_hotels .outro_head .ln i { display: block; font-style: normal; transform: translateY(110%); transition: transform 1s cubic-bezier(.2,.7,.2,1); }
#event_iceland_unique_hotels .outro_head .ln:nth-child(2) i { transition-delay: .15s; }
#event_iceland_unique_hotels .outro_head.is_in .ln i { transform: none; }
#event_iceland_unique_hotels .outro_head .outro_en span { display: inline-block; opacity: 0; transform: translateY(12px); transition: opacity .6s, transform .6s; }
#event_iceland_unique_hotels .outro_head.is_in .outro_en span { opacity: 1; transform: none; }
#event_iceland_unique_hotels .outro_head.is_in .outro_en span:nth-child(1) { transition-delay: .7s; }
#event_iceland_unique_hotels .outro_head.is_in .outro_en span:nth-child(2) { transition-delay: .9s; }
#event_iceland_unique_hotels .outro_head.is_in .outro_en span:nth-child(3) { transition-delay: 1.1s; }
#event_iceland_unique_hotels .outro_head p:not(.outro_en) { opacity: 0; transition: opacity 1s 1.3s; }
#event_iceland_unique_hotels .outro_head.is_in p:not(.outro_en) { opacity: 1; }
/* MAKE IT YOUR ICELAND : 넓게 흩어진 글자가 모이며 선명해진다 */
#event_iceland_unique_hotels .outro_en.big { letter-spacing: .5em; opacity: 0; filter: blur(6px); transition: letter-spacing 1.6s cubic-bezier(.2,.7,.2,1), opacity 1.2s, filter 1.2s; }
#event_iceland_unique_hotels .outro_foot.is_in .outro_en.big { letter-spacing: 0; opacity: 1; filter: none; }
#event_iceland_unique_hotels .outro_foot .consult_btn { opacity: 0; transform: translateY(16px); transition: opacity .8s 1s, transform .8s 1s, background .3s, color .3s; }
#event_iceland_unique_hotels .outro_foot.is_in .consult_btn { opacity: 1; transform: none; }
#event_iceland_unique_hotels .outro_en { margin-top: 14px; font-size: 16px; color: #fff; letter-spacing: .06em; }
#event_iceland_unique_hotels .outro_head .outro_en span { background: none; color: #fff; }
#event_iceland_unique_hotels .outro_head p:not(.outro_en) { margin-top: 20px; font-size: 15px; }
#event_iceland_unique_hotels .outro_foot { margin-top: 140px; text-align: right; }
#event_iceland_unique_hotels .outro_foot p { font-size: 15px; }
#event_iceland_unique_hotels .outro_en.big { margin-top: 12px; font-size: 24px; color: #fff; }
#event_iceland_unique_hotels .consult_btn { margin-top: 32px; background: #fff; border-color: #fff; color: var(--night); }
#event_iceland_unique_hotels .consult_btn:hover,
#event_iceland_unique_hotels .consult_btn:focus-visible { background: var(--ice); border-color: var(--ice); color: var(--night); }

#shotcut_consulting { background: #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; }
    #shotcut_consulting .text { padding: 0; }
}


/* =========================================================
   강조 : Rix스탬프 (400 한 가지)
   ========================================================= */
#event_iceland_unique_hotels #iuh_hero h1 em,
#event_iceland_unique_hotels .outro_head h2 em,
#event_iceland_unique_hotels .hotel_quote { font-family: var(--f-em); font-weight: 400; font-size: 1.4em; }
/* 제목·소제목·버튼은 400 */
#event_iceland_unique_hotels h3, #event_iceland_unique_hotels .senses dt, #event_iceland_unique_hotels .tip_t, #event_iceland_unique_hotels .iuh_btn, #event_iceland_unique_hotels .hotel_quote, #event_iceland_unique_hotels .outro_en, #event_iceland_unique_hotels .hero_en { font-weight: 400; }


/* =========================================================
   모션 최소화
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
    #event_iceland_unique_hotels .fade_up { opacity: 1; transform: none; transition: none; }
    #event_iceland_unique_hotels .marquee_track,
    #event_iceland_unique_hotels .hero_scroll i { animation: none; }
    #event_iceland_unique_hotels .outro_head .ln i, #event_iceland_unique_hotels .outro_head .outro_en span, #event_iceland_unique_hotels .outro_head p,
    #event_iceland_unique_hotels .outro_en.big, #event_iceland_unique_hotels .outro_foot .consult_btn { opacity: 1; transform: none; filter: none; letter-spacing: 0; transition: none; }
    #event_iceland_unique_hotels #section_consulting_bar { background-attachment: scroll; }
}
/* iOS Safari 는 background-attachment: fixed 를 제대로 못 그려 모바일에선 일반 배경으로 */
@media (max-width: 991px) {
    #event_iceland_unique_hotels #section_consulting_bar { background-attachment: scroll; }
}


/* =========================================================
   PC
   ========================================================= */
@media (min-width: 992px) {
    #event_iceland_unique_hotels { font-size: 16px; }
    #event_iceland_unique_hotels .only_pc { display: block; }
    #event_iceland_unique_hotels br.only_pc { display: inline; }
    #event_iceland_unique_hotels .iuh_sec { padding: 140px 0; }
    #event_iceland_unique_hotels .iuh_head h2 { font-size: 30px; }
    #event_iceland_unique_hotels .iuh_head h2.en { font-size: 34px; }
    #event_iceland_unique_hotels .iuh_lead { font-size: 17px; }

    /* HERO */
    #event_iceland_unique_hotels .hero_in { padding: 0 40px; }
    #event_iceland_unique_hotels .hero_in .iuh_eyebrow { font-size: 22px; }
    #event_iceland_unique_hotels #iuh_hero h1 { font-size: 54px; letter-spacing: -3px; }
    #event_iceland_unique_hotels .hero_side { margin-top: 40px; margin-left: auto; width: max-content; text-align: right; font-size: 17px; }
    #event_iceland_unique_hotels .hero_logo { width: 280px; margin-top: 24px; }
    #event_iceland_unique_hotels .hero_scroll { right: 40px; bottom: 36px; height: 72px; }

    /* 마퀴 */
    #event_iceland_unique_hotels .iuh_marquee { margin-top: 80px; }
    #event_iceland_unique_hotels .marquee_track { gap: 16px; }
    #event_iceland_unique_hotels .marquee_track figure { width: 440px; }

    /* INTRO */
    #event_iceland_unique_hotels .intro_cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 80px 0 0; padding: 0; overflow: visible; }
    #event_iceland_unique_hotels .intro_cards li { flex: none; }
    #event_iceland_unique_hotels .intro_cards p { font-size: 17px; }
    #event_iceland_unique_hotels .intro_cards .pict { width: 64px; height: 64px; margin-top: -32px; padding: 14px; }
    #event_iceland_unique_hotels .intro_cards .card_no, #event_iceland_unique_hotels .intro_cards .card_hotel { font-size: 13px; }

    /* HOTEL : 패널을 좌측에 두고 사진을 넓게 보여준다 */
    /* HOTEL : .hotel_body 가 스크롤 구간(100svh + 사진 수-1 × 50svh). 그 동안 사진·설명 모두 화면 고정, 사진만 넘어감. 아래 20vh 는 검은 여백 */
    #event_iceland_unique_hotels .hotel { padding-bottom: 20vh; background-color: #000; }
    #event_iceland_unique_hotels .hotel_body { height: calc(100svh + (var(--n) - 1) * 50svh); }
    #event_iceland_unique_hotels .hotel_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100svh; }
    #event_iceland_unique_hotels .hotel_bg.is_fixed { position: fixed; }
    #event_iceland_unique_hotels .hotel_bg.is_end { top: auto; bottom: 20vh; }
    #event_iceland_unique_hotels .hotel_swiper .swiper-pagination { display: none; }
    #event_iceland_unique_hotels .hotel_panel { position: absolute; top: 50svh; left: max(24px, calc((100% - var(--mw)) / 2)); transform: translateY(-50%); width: 580px; max-height: calc(100svh - 48px); overflow-y: auto; margin: 0; padding: 36px 44px 40px; border-radius: 6px; line-height: 1.7; }
    #event_iceland_unique_hotels .hotel_panel.is_fixed { position: fixed; }
    #event_iceland_unique_hotels .hotel_panel.is_end { top: auto; bottom: 50svh; transform: translateY(50%); } /* 패널은 .hotel_body 기준이라 아래 여백 제외 */
    #event_iceland_unique_hotels .el_light .hotel_panel { left: auto; right: max(24px, calc((100% - var(--mw)) / 2)); } /* 빛 : 오른편 */
    #event_iceland_unique_hotels .hotel_panel h2 { font-size: 42px; letter-spacing: -1px; }
    #event_iceland_unique_hotels .hotel_quote { font-size: 1.7em; }
    #event_iceland_unique_hotels .hotel_desc { margin-top: 16px; font-size: 16px; }
    #event_iceland_unique_hotels .hotel_panel .senses { margin-top: 20px; padding-top: 18px; }
    #event_iceland_unique_hotels .hotel_panel .senses dt { font-size: 15px; }
    #event_iceland_unique_hotels .hotel_panel .senses dd { margin: 2px 0 12px; font-size: 14px; }
    #event_iceland_unique_hotels .hotel_panel .hotel_tip { margin-top: 18px; padding: 14px 18px; font-size: 14px; }
    #event_iceland_unique_hotels .hotel_panel .iuh_btn { margin-top: 20px; padding: 12px 24px; }

    /* OUTRO */
    #event_iceland_unique_hotels #section_consulting_bar { padding: 50vh 0; }
    #event_iceland_unique_hotels .outro_head h2 { font-size: 40px; }
    #event_iceland_unique_hotels .outro_en { font-size: 20px; }
    #event_iceland_unique_hotels .outro_head p:not(.outro_en) { font-size: 17px; }
    #event_iceland_unique_hotels .outro_foot { margin-top: 200px; }
    #event_iceland_unique_hotels .outro_foot p { font-size: 17px; }
    #event_iceland_unique_hotels .outro_en.big { font-size: 34px; }
}