@charset "UTF-8";
/* UNHCR 겨울캠페인 — MO (≤768px, 시안 360×640 기준, 1rem = 시안 10px = 2.7778vw) */

html { font-size: 2.7778vw; }

.wrap_unhcr_winter { --k: 1; }
.wrap_unhcr_winter .ver_pc { display: none; }
.wrap_unhcr_winter .ver_mo { display: revert; }
.wrap_unhcr_winter br.ver_mo { display: inline; }

/* 음영 */
.wrap_unhcr_winter .shade_hero_bottom { height: 46.875%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%); }
.wrap_unhcr_winter .shade_candle { height: 46.875%; }

/* 상단 라벨 */
.wrap_unhcr_winter .sec_head { height: 6rem; padding: 0 1.5rem; }
.wrap_unhcr_winter .label { font-size: 1.4rem; }
.wrap_unhcr_winter .label_icon { width: 1.8rem; height: 1.8rem; margin: 0 .2rem 0 -.2rem; }

/* 히어로 (section_01 정의: 100vh) */
.wrap_unhcr_winter .hero_photo img { object-position: 45% 30%; }
.wrap_unhcr_winter .hero_copy { left: 2.4rem; bottom: 10rem; gap: 1.6rem; }
.wrap_unhcr_winter .hero_title { font-weight: 600; font-size: 4.6rem; }
.wrap_unhcr_winter .hero_sub { gap: .2rem; font-size: 1.6rem; }

/* 자막 */
.wrap_unhcr_winter .cap { top: 40.625%; width: 30rem; margin-left: -15rem; gap: .6rem; }
.wrap_unhcr_winter .cap_time { font-weight: 800; font-size: 3.6rem; line-height: 1.4; letter-spacing: -0.014em; /* 웹폰트 폭 보정 */ }
.wrap_unhcr_winter .cap_txt { font-weight: 600; font-size: 1.8rem; line-height: 1.4; letter-spacing: -0.036em; /* 웹폰트 폭 보정(시안 -2%) */ }
.wrap_unhcr_winter .cap_txt + .cap_txt { margin-top: -.2rem; }
.wrap_unhcr_winter .sec03 .cap_sub { font-size: 1.8rem; }
.wrap_unhcr_winter .cap_tonight { top: 32.34%; }
.wrap_unhcr_winter .cap_tonight .cap_time { font-size: 3.6rem; }
.wrap_unhcr_winter .cap_tonight .cap_txt + .cap_txt { margin-top: .4rem; }

/* 버튼 */
.wrap_unhcr_winter .btn_next { top: 61.09%; }
.wrap_unhcr_winter .btn_next i { width: 3.3rem; height: 2.4rem; margin: -1.2rem 0 0 -1.65rem; }
.wrap_unhcr_winter .rewind_wrap { top: 62.19%; gap: .5rem; }
.wrap_unhcr_winter .btn_rewind i { width: 4.3rem; height: 2.7rem; margin-left: -1.95rem; }
.wrap_unhcr_winter .scroll_down { font-size: 1.2rem; }
.wrap_unhcr_winter .scroll_down i { width: 1.5rem; height: 1.5rem; }
.wrap_unhcr_winter .scene > .scroll_down { bottom: 8rem; }
.wrap_unhcr_winter .story_bar { left: 1.5rem; right: 1.5rem; top: .8rem; gap: .4rem; }
.wrap_unhcr_winter .story_bar i { height: 2px; }

/* 체온계 (시안 52×124, 오른쪽 여백 10) */
.wrap_unhcr_winter .thermo { right: 1rem; top: 40.31%; }
.wrap_unhcr_winter .thermo_box { border-radius: 1rem; }
.wrap_unhcr_winter .thermo_warn { bottom: calc(100% + .3rem); padding: 1.1rem 0 1rem; border-radius: 1rem; font-size: 1rem; }

/* section_05 하단 박스 */
.wrap_unhcr_winter .kit { left: 1.5rem; right: 1.5rem; bottom: 2rem; width: auto; margin-left: 0; flex-direction: column; align-items: stretch; gap: 1.5rem; padding: 1.5rem; border-radius: 1.5rem; box-shadow: inset 0 0 0 1px rgba(255,255,255,.15); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.wrap_unhcr_winter .kit_desc { justify-content: center; gap: 1.2rem; }
.wrap_unhcr_winter .kit_title { font-size: 2.4rem; }
.wrap_unhcr_winter .kit_txt { font-size: 1.4rem; letter-spacing: -0.034em; /* 웹폰트 폭 보정 */ }
.wrap_unhcr_winter .kit_btn { flex: 0 0 auto; height: 5.5rem; gap: 1.2rem; padding: 1.2rem 1.2rem 1.2rem 2.4rem; border-radius: .8rem; box-shadow: none; }
.wrap_unhcr_winter .kit_btn_txt { font-size: 2rem; }
.wrap_unhcr_winter .kit_chip { padding: .6rem 1rem; border-radius: .6rem; font-weight: 800; font-size: 1.6rem; }

/* 플로팅 CTA: 하단 전체폭 */
.wrap_unhcr_winter .cta_fixed { left: 0; right: 0; bottom: 0; width: auto; height: calc(6rem + env(safe-area-inset-bottom)); padding: 0 2.4rem env(safe-area-inset-bottom); align-items: center; justify-content: center; gap: 1rem; border-radius: 1.6rem 1.6rem 0 0; box-shadow: none; font-size: 2rem; }
.wrap_unhcr_winter .cta_fixed_last { gap: 1rem; }
.wrap_unhcr_winter .cta_fixed.is-off { transform: translateY(100%); }

/* section_06 */
.wrap_unhcr_winter .sec06 { height: auto; min-height: 73.6rem; padding: 6rem 0 7rem; }
.wrap_unhcr_winter .sec06 .in { max-width: none; }
.wrap_unhcr_winter .sec_title { gap: .6rem; }
.wrap_unhcr_winter .badge { padding: .5rem 1rem; font-weight: 600; font-size: 2rem; color: var(--cream); }
.wrap_unhcr_winter .headline { font-weight: 600; font-size: 4rem; }
.wrap_unhcr_winter .cards { margin-top: 3rem; }
.wrap_unhcr_winter .cards_track { justify-content: flex-start; gap: 2rem; padding: .4rem 3rem 1.2rem; margin: -.4rem 0 -1.2rem; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; }
.wrap_unhcr_winter .cards_track::-webkit-scrollbar { display: none; }
.wrap_unhcr_winter .card_item { flex: 0 0 30rem; scroll-snap-align: center; }
.wrap_unhcr_winter .card { min-height: 34rem; border-radius: 1.2rem; }
.wrap_unhcr_winter .card_photo { height: 21.2rem; }
.wrap_unhcr_winter .card_label { padding: .6rem 0; font-weight: 600; font-size: 1.4rem; }
.wrap_unhcr_winter .card_body { padding: .1rem 0 3.1rem; gap: 1rem; }
.wrap_unhcr_winter .card_head { gap: 1rem; padding: .9rem 0; }
.wrap_unhcr_winter .card_badge { padding: .3rem 1.5rem; font-weight: 600; font-size: 1.8rem; }
.wrap_unhcr_winter .card_amount { font-weight: 800; font-size: 3rem; }
.wrap_unhcr_winter .card_txt { font-size: 1.8rem; }
.wrap_unhcr_winter .card_txt b { font-weight: 800; }
.wrap_unhcr_winter .dots { display: flex; justify-content: center; gap: 1.2rem; margin-top: 1.5rem; }
.wrap_unhcr_winter .dots button { position: relative; width: .6rem; height: .6rem; border-radius: .3rem; background: rgba(24,24,24,.4); transition: width .3s, background-color .3s; }
.wrap_unhcr_winter .dots button::after { content: ''; position: absolute; inset: -1.2rem -.6rem; }
.wrap_unhcr_winter .dots button.is-on { width: 1.8rem; background: #fff; }
.wrap_unhcr_winter .dots button:focus-visible { outline: 2px solid var(--navy); outline-offset: 2px; }
.wrap_unhcr_winter .note { margin-top: 2rem; padding: 0 1.5rem; font-size: 1.2rem; }

/* section_07 */
.wrap_unhcr_winter .sec07 { height: auto; min-height: 69rem; padding-bottom: 4rem; }
.wrap_unhcr_winter .closing_photo { position: relative; width: 100%; height: 50rem; }
.wrap_unhcr_winter .closing_copy { position: relative; left: auto; top: auto; margin: -18.6rem 2rem 0; width: auto; gap: 2rem; }
.wrap_unhcr_winter .closing_copy .sec_title { align-items: center; text-align: center; gap: .6rem; }
.wrap_unhcr_winter .closing_copy .headline { font-size: 4rem; }
.wrap_unhcr_winter .closing_cta { gap: .5rem; padding: 1.4rem 1rem 1.4rem; border-radius: 2rem; box-shadow: inset 0 0 0 2px #fff; }
.wrap_unhcr_winter .fill_tube { width: 30rem; height: 7rem; }
.wrap_unhcr_winter .fill_shape::before { width: 7rem; height: 7rem; }
.wrap_unhcr_winter .fill_shape::after { left: 3.5rem; top: .8rem; bottom: .8rem; }
.wrap_unhcr_winter .fill_bar { left: 3.5rem; top: 1.2rem; width: 25.9rem; height: 4.6rem; padding-left: 2.8rem; }
.wrap_unhcr_winter .fill_label { gap: .5rem; font-size: 1.8rem; }
.wrap_unhcr_winter .fill_label i { width: 2rem; height: 2rem; }
.wrap_unhcr_winter .fill_bulb { left: .5rem; top: .5rem; width: 6rem; height: 6rem; font-size: 1.6rem; }
.wrap_unhcr_winter .fill_meta { font-size: 1.2rem; }

/* 푸터 */
.wrap_unhcr_winter .uw_foot { padding: 4rem 0 4rem; }
.wrap_unhcr_winter .uw_foot .in { flex-direction: column; align-items: center; gap: 1.5rem; text-align: center; }
.wrap_unhcr_winter .uw_foot_info { display: flex; flex-direction: column; align-items: center; }
.wrap_unhcr_winter .uw_foot_list { margin-top: 1.5rem; flex-direction: column; align-items: center; gap: .5rem; }
.wrap_unhcr_winter .uw_foot_copy { margin-top: 4.8rem; }

@supports (width: round(1.5px, 1px)) {
  .wrap_unhcr_winter .thermo { right: round(1rem, 1px); top: round(40.31%, 1px); }
}

/* section_05 박스: 시안 그대로 (제목 칸 87 고정·가운데, 버튼 문구 칸 159 고정, 내용 가운데 정렬) */
.wrap_unhcr_winter .kit_title { flex: 0 0 8.7rem; text-align: center; }
.wrap_unhcr_winter .kit_btn { justify-content: center; }
.wrap_unhcr_winter .kit_btn_txt { flex: 0 0 15.9rem; }

/* 되감기 연출 */
.wrap_unhcr_winter .rewind_hud { top: 40.625%; gap: .6rem; }
.wrap_unhcr_winter .rewind_mark { width: 3rem; height: 1.9rem; }
.wrap_unhcr_winter .rewind_time { font-weight: 800; font-size: 3.6rem; line-height: 1.4; letter-spacing: -0.014em; }

/* 원형 다음 화살표 60% (MO 전 섹션 공통) */
.wrap_unhcr_winter .btn_next { width: 3.6rem; height: 3.6rem; margin-left: -1.8rem; box-shadow: inset 0 0 0 1.5px #fff; }
.wrap_unhcr_winter .btn_next i { width: 1.98rem; height: 1.44rem; margin: -.72rem 0 0 -.99rem; }