@charset "UTF-8";
/* ============================================================
   glo PICK 2026.09 — "10초, 짧은 찰나가 나만의 시간이 되는 순간"
   ============================================================ */

/* CMS(brand.css)의 .bat-wrapper max-width 제약 무력화 */
body .bat-wrapper { max-width: unset; }
.aem-Grid-Container--xxl { max-width: unset; margin: 0; }

/* ---------- 0. 스코프 루트 / 리셋 ---------- */
.gpsep__wrap { --gpsep-unit: 0.0520833vw; --font-en: "Mont"; --font-kr: "Onemobile"; --inv-shift: 0.107em; position: relative; width: 100%; min-width: 750px; overflow: hidden; background: #ffffff; font-family: var(--font-en), var(--font-kr), sans-serif; color: #111111; word-break: keep-all; }
.gpsep__wrap, .gpsep__wrap * { box-sizing: border-box; }
.gpsep__wrap img { max-width: 100%; display: block; }
.gpsep__wrap p, .gpsep__wrap h2, .gpsep__wrap h3, .gpsep__wrap ul, .gpsep__wrap li { margin: 0; padding: 0; }

/* 공통 인라인 토큰 */
.gpsep__num { font-family: var(--font-en); font-style: normal; }
.gpsep__wrap h2 .gpsep__num, .gpsep__wrap h3 .gpsep__num, .gpsep__wrap strong .gpsep__num, .gpsep__wrap b .gpsep__num { font-weight: 600; }
.gpsep__point { color: #fe5000; font-style: normal; }   /* 오렌지 강조 */
/* 오렌지 하이라이트 — 별도 사각형 대신 텍스트 자체의 배경으로 처리한다.
   inline-block + line-height 로 박스 높이를 만들고, 글자는 그 안에서
   가로/세로 모두 가운데에 놓인다(바깥 텍스트와는 baseline 정렬).
   폰트 폭이 달라져도 박스가 텍스트를 따라가므로 어긋나지 않고,
   reveal 애니메이션도 텍스트와 함께 움직인다.
   원본(피그마) 기준: 52px 텍스트에 박스 높이 59px ≈ 1.13em, 좌우 여백 ≈ 0.12em */
.gpsep__inv { position: relative; z-index: 0; display: inline-block; color: #ffffff; font-style: normal; line-height: 1.13; padding: 0 0.15em; vertical-align: baseline; }
.gpsep__inv::before { content: ""; position: absolute; left: 0; right: 0; top: calc(-1 * var(--inv-shift)); bottom: var(--inv-shift); background: #fe5000; z-index: -1; }

.gpsep__disc { position: absolute; font-family: var(--font-en), "NotoSans", sans-serif; font-size: calc(14 * var(--gpsep-unit)); font-weight: 400; line-height: 1.3; letter-spacing: -0.02em; color: #000000; white-space: nowrap; }

/* ---------- 0-1. 스크롤 리빌 (mcs_common.js) ---------- */
/* 주의: 이 블록은 컴포넌트 규칙보다 "앞"에 와야 한다.
   자체 transform(translateX 등)을 가진 요소가 뒤에서 덮어쓰면서
   translateY(var(--reveal-y)) 를 직접 합성할 수 있게 하기 위함. */
.reveal { --reveal-y: calc(80 * var(--gpsep-unit, 0.0520833vw)); opacity: 0; transform: translateY(var(--reveal-y, 0)); transition: opacity 1.4s ease, transform 1.4s ease; will-change: opacity, transform; }
.reveal.is-visible { --reveal-y: 0px; opacity: 1; }
.fx__tran_05 { transition-delay: 0.05s; }
.fx__tran_10 { transition-delay: 0.10s; }
.fx__tran_15 { transition-delay: 0.15s; }
.fx__tran_20 { transition-delay: 0.20s; }
.fx__tran_25 { transition-delay: 0.25s; }
.fx__tran_30 { transition-delay: 0.30s; }

.gpsep__pc-only { display: block; }
.gpsep__mo-only { display: none; }
.gpsep__wrap img.gpsep__pc-only { display: block; }
.gpsep__wrap img.gpsep__mo-only { display: none; }
.gpsep__mo-only-br { display: none; }

/* ============================================================
   01. KV — 원본 1920 x 1008
   ============================================================ */
.gpsep__kv { position: relative; width: 100%; height: calc(1008 * var(--gpsep-unit)); background: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/kv_bg.png") no-repeat center top / 100% 100%; margin-bottom: -1px; }
/* 로고 원본 194 x 136.41 */
.gpsep__kv-logo { position: absolute; left: calc(77.76 * var(--gpsep-unit)); top: calc(49.66 * var(--gpsep-unit)); width: calc(194 * var(--gpsep-unit)); }
.gpsep__kv-pill { position: absolute; left: calc(240 * var(--gpsep-unit)); top: calc(320.35 * var(--gpsep-unit)); width: calc(250 * var(--gpsep-unit)); height: calc(63 * var(--gpsep-unit)); border-radius: calc(100 * var(--gpsep-unit)); background: #fe5000; display: flex; align-items: center; justify-content: center; }
.gpsep__kv-pill span { font-family: var(--font-en); font-weight: 700; font-size: calc(30 * var(--gpsep-unit)); line-height: 1.2; color: #ffffff; }
.gpsep__kv-title { position: absolute; left: calc(240 * var(--gpsep-unit)); top: calc(407.35 * var(--gpsep-unit)); width: calc(854 * var(--gpsep-unit)); font-size: calc(68 * var(--gpsep-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.03em; color: #191919; }
.gpsep__kv-sub { position: absolute; left: calc(240 * var(--gpsep-unit)); top: calc(607.35 * var(--gpsep-unit)); width: calc(854 * var(--gpsep-unit)); font-size: calc(36 * var(--gpsep-unit)); font-weight: 400; line-height: 1.45; letter-spacing: -0.02em; color: #000000; }
.gpsep__kv-disc { left: calc(60 * var(--gpsep-unit)); top: calc(950 * var(--gpsep-unit)); }

/* ============================================================
   02. INTRO — 원본 1920 x 1238
   ============================================================ */
.gpsep__intro { position: relative; width: 100%; height: calc(1238 * var(--gpsep-unit)); background: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/sec02_bg.png") no-repeat center top / 100% 100%; margin-bottom: -1px; }
.gpsep__brand { position: absolute; left: calc(1649 * var(--gpsep-unit)); top: calc(60 * var(--gpsep-unit)); display: flex; align-items: center; }
.gpsep__brand-logo { width: calc(83 * var(--gpsep-unit)); }
.gpsep__brand-txt { margin-left: calc(12 * var(--gpsep-unit)); font-family: var(--font-en); font-weight: 600; font-size: calc(46.32 * var(--gpsep-unit)); line-height: 1.2; letter-spacing: -0.02em; color: #000000; }
/* 인트로 이미지 원본 1288 x 590 */
.gpsep__intro-img { position: absolute; left: calc(316 * var(--gpsep-unit)); top: calc(150 * var(--gpsep-unit)); width: calc(1288 * var(--gpsep-unit)); border-radius: calc(20 * var(--gpsep-unit)); }
.gpsep__intro-txt { position: absolute; left: calc(534 * var(--gpsep-unit)); top: calc(800 * var(--gpsep-unit)); width: calc(852 * var(--gpsep-unit)); text-align: center; font-size: calc(36 * var(--gpsep-unit)); font-weight: 400; line-height: 1.15; letter-spacing: -0.02em; color: #0a0a0a; }
.gpsep__intro-txt p + p { margin-top: calc(20 * var(--gpsep-unit)); }
.gpsep__intro-txt b { font-weight: 700; }

/* ============================================================
   03. MOMENT — 원본 1920 x 1129
   ============================================================ */
.gpsep__moment { position: relative; width: 100%; height: calc(1129 * var(--gpsep-unit)); background: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/sec03_bg.png") no-repeat center top / 100% 100%; margin-bottom: -1px; }
.gpsep__moment-desc { position: absolute; left: calc(596.5 * var(--gpsep-unit)); top: calc(150 * var(--gpsep-unit)); width: calc(727 * var(--gpsep-unit)); text-align: center; font-size: calc(28 * var(--gpsep-unit)); font-weight: 400; line-height: 1.4; letter-spacing: -0.02em; color: #0a0a0a; }
.gpsep__moment-title { position: absolute; left: calc(364 * var(--gpsep-unit)); top: calc(258 * var(--gpsep-unit)); width: calc(1192 * var(--gpsep-unit)); text-align: center; font-size: calc(52 * var(--gpsep-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #0a0a0a; z-index: 2; }
/* 카드 원본 373 x 460 */
.gpsep__card { position: absolute; width: calc(373 * var(--gpsep-unit)); height: calc(460 * var(--gpsep-unit)); border-radius: calc(18 * var(--gpsep-unit)); overflow: hidden; }
.gpsep__card img, .gpsep__card-m img { width: 100%; height: 100%; object-fit: cover; }
.gpsep__card-dim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.53); }
.gpsep__card-label { position: absolute; left: 0; top: calc(196.37 * var(--gpsep-unit)); width: 100%; text-align: center; font-size: calc(52.31 * var(--gpsep-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #ffffff; text-shadow: 0 calc(3.737 * var(--gpsep-unit)) calc(7.473 * var(--gpsep-unit)) rgba(0, 0, 0, 0.55); }
.gpsep__moment-card--01 { left: calc(362 * var(--gpsep-unit)); top: calc(503 * var(--gpsep-unit)); }
.gpsep__moment-card--02 { left: calc(774 * var(--gpsep-unit)); top: calc(503 * var(--gpsep-unit)); }
.gpsep__moment-card--03 { left: calc(1186 * var(--gpsep-unit)); top: calc(503 * var(--gpsep-unit)); }
.gpsep__moment-disc { left: calc(60 * var(--gpsep-unit)); top: calc(1071 * var(--gpsep-unit)); }

/* ============================================================
   04~06. EPISODE 01/02/03 — 원본 1920 x 1105 (배경 단색 #fdf4eb)
   ============================================================ */
.gpsep__ep { position: relative; width: 100%; height: calc(1105 * var(--gpsep-unit)); background: #fdf4eb; margin-bottom: -1px; }
.gpsep__bar { position: absolute; left: calc(923 * var(--gpsep-unit)); top: calc(105 * var(--gpsep-unit)); width: calc(75 * var(--gpsep-unit)); height: calc(5 * var(--gpsep-unit)); background: #fe5000; }
.gpsep__ep-title { position: absolute; left: 0; top: calc(150 * var(--gpsep-unit)); width: 100%; text-align: center; font-size: calc(52 * var(--gpsep-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #000000; z-index: 2; }
/* 카드 원본 586 x 494 / 카드 좌상단 기준 배치 */
.gpsep__ep-item { position: absolute; top: calc(277 * var(--gpsep-unit)); width: calc(586 * var(--gpsep-unit)); }
.gpsep__ep-item--left { left: calc(362 * var(--gpsep-unit)); }
.gpsep__ep-item--right { left: calc(972 * var(--gpsep-unit)); }
.gpsep__ep-img { width: calc(586 * var(--gpsep-unit)); height: calc(494 * var(--gpsep-unit)); object-fit: cover; border-radius: calc(18 * var(--gpsep-unit)); }
/* 텍스트는 카드 중심(카드left+293) 기준 가운데정렬. 좌우 100px씩 여유를 줘서 줄바꿈 방지 */
.gpsep__ep-name { position: absolute; left: calc(-100 * var(--gpsep-unit)); top: calc(537 * var(--gpsep-unit)); width: calc(786 * var(--gpsep-unit)); text-align: center; font-size: calc(38 * var(--gpsep-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #000000; }
.gpsep__ep-desc { position: absolute; left: calc(-100 * var(--gpsep-unit)); top: calc(599 * var(--gpsep-unit)); width: calc(786 * var(--gpsep-unit)); text-align: center; font-size: calc(26 * var(--gpsep-unit)); font-weight: 400; line-height: 1.3; letter-spacing: -0.02em; color: #000000; }

/* ============================================================
   07. TECH — 원본 1920 x 1255 (그라데이션 #fdf4eb → #7bdaa8)
   ============================================================ */
.gpsep__tech { position: relative; width: 100%; height: calc(1255 * var(--gpsep-unit)); background: linear-gradient(180deg, #fdf4eb 0%, #7bdaa8 100%); margin-bottom: -1px; }
/* 비주얼 카드 원본 1196 x 531 */
.gpsep__tech-visual { position: absolute; left: calc(362 * var(--gpsep-unit)); top: calc(277 * var(--gpsep-unit)); width: calc(1196 * var(--gpsep-unit)); height: calc(531 * var(--gpsep-unit)); border-radius: calc(20 * var(--gpsep-unit)); overflow: hidden; }
.gpsep__tech-img { width: 100%; height: 100%; object-fit: cover; }
.gpsep__tech-dim { position: absolute; left: 0; top: 0; width: 100%; height: calc(413 * var(--gpsep-unit)); background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); }
.gpsep__tech-copy { position: absolute; left: 0; top: calc(50 * var(--gpsep-unit)); width: 100%; text-align: center; }
.gpsep__tech-icon { width: calc(62.81 * var(--gpsep-unit)); margin: 0 auto; }
.gpsep__tech-brand { margin-top: calc(17.95 * var(--gpsep-unit)); font-family: var(--font-en); font-weight: 700; font-size: calc(30.51 * var(--gpsep-unit)); line-height: 1.4; letter-spacing: -0.01em; color: #ffffff; }
.gpsep__tech-brand sup { font-size: calc(19.68 * var(--gpsep-unit)); vertical-align: super; }
.gpsep__tech-lead { margin-top: calc(17.95 * var(--gpsep-unit)); font-weight: 700; font-size: calc(48.46 * var(--gpsep-unit)); line-height: 1.4; letter-spacing: -0.01em; color: #ffffff; }
.gpsep__tech-lead sup { font-size: calc(31.25 * var(--gpsep-unit)); vertical-align: super; }
.gpsep__tech-note { position: absolute; left: calc(39 * var(--gpsep-unit)); top: calc(482 * var(--gpsep-unit)); font-family: var(--font-en), "NotoSans", sans-serif; font-size: calc(20 * var(--gpsep-unit)); line-height: 1.3; letter-spacing: -0.02em; color: #ffffff; white-space: nowrap; }
.gpsep__tech-headline { position: absolute; left: 0; top: calc(858 * var(--gpsep-unit)); width: 100%; text-align: center; font-size: calc(42 * var(--gpsep-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #000000; }
.gpsep__tech-body { position: absolute; left: calc(314 * var(--gpsep-unit)); top: calc(943 * var(--gpsep-unit)); width: calc(1292 * var(--gpsep-unit)); text-align: center; font-size: calc(28 * var(--gpsep-unit)); font-weight: 400; line-height: 1.5; letter-spacing: -0.02em; color: #000000; }

/* ============================================================
   08. VOICE — 원본 1920 x 1155 (배경 그라데이션 + 파동 → 이미지)
   ============================================================ */
.gpsep__voice { position: relative; width: 100%; height: calc(1155 * var(--gpsep-unit)); background: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/voice_bg.png") no-repeat center top / 100% 100%; margin-bottom: -1px; }
.gpsep__voice-title { position: absolute; left: 0; top: calc(150 * var(--gpsep-unit)); width: 100%; text-align: center; font-size: calc(52 * var(--gpsep-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #000000; z-index: 2; }
/* 메모지 + 디바이스 묶음 원본 1158.23 x 736.28 (피그마 x437 / y326.89 기준) */
.gpsep__voice-visual { position: absolute; left: calc(437 * var(--gpsep-unit)); top: calc(326.89 * var(--gpsep-unit)); width: calc(1158.23 * var(--gpsep-unit)); }
.gpsep__voice-disc { left: calc(60 * var(--gpsep-unit)); top: calc(1097 * var(--gpsep-unit)); }

/* ============================================================
   09. MESSAGE — 원본 1920 x 508
   ============================================================ */
.gpsep__msg { position: relative; width: 100%; height: calc(508 * var(--gpsep-unit)); background: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/msg_bg.png") no-repeat center top / 100% 100%; margin-bottom: -1px; }
.gpsep__msg-lead { position: absolute; left: 0; top: calc(171 * var(--gpsep-unit)); width: 100%; text-align: center; font-size: calc(28 * var(--gpsep-unit)); font-weight: 400; line-height: 1.5; letter-spacing: -0.02em; color: #ffffff; }
.gpsep__msg-body { position: absolute; left: calc(378.5 * var(--gpsep-unit)); top: calc(229 * var(--gpsep-unit)); width: calc(1162 * var(--gpsep-unit)); text-align: center; font-size: calc(36 * var(--gpsep-unit)); font-weight: 400; line-height: 1.5; letter-spacing: -0.02em; color: #ffffff; }
.gpsep__msg-body b, .gpsep__msg-body-m b { font-weight: 700; }
/* "플러스(  )" 괄호 안 + 아이콘 원본 25.81 x 26.14 */
.gpsep__msg-plus { display: inline-block; position: relative; width: calc(36 * var(--gpsep-unit)); }
.gpsep__msg-plus img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(25.81 * var(--gpsep-unit)); }

/* ============================================================
   10. PRIZE — 원본 1920 x 1251
   ============================================================ */
.gpsep__prize { position: relative; width: 100%; height: calc(1251 * var(--gpsep-unit)); background: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/prize_bg.png") no-repeat center top / 100% 100%; margin-bottom: -1px; }
.gpsep__prize-title { position: absolute; left: calc(510 * var(--gpsep-unit)); top: calc(112 * var(--gpsep-unit)); width: calc(901 * var(--gpsep-unit)); text-align: center; font-size: calc(52 * var(--gpsep-unit)); font-weight: 700; line-height: 1.5; color: #ffffff; }
.gpsep__prize-desc { position: absolute; left: calc(519 * var(--gpsep-unit)); top: calc(288 * var(--gpsep-unit)); width: calc(883 * var(--gpsep-unit)); text-align: center; font-size: calc(28 * var(--gpsep-unit)); font-weight: 400; line-height: 1.5; letter-spacing: -0.02em; color: #ffffff; }
.gpsep__prize-desc b, .gpsep__prize-desc-m b { font-weight: 700; }
.gpsep__info { position: absolute; left: calc(699 * var(--gpsep-unit)); top: calc(416 * var(--gpsep-unit)); width: calc(524 * var(--gpsep-unit)); }
.gpsep__info-row { position: relative; display: flex; align-items: center; height: calc(36 * var(--gpsep-unit)); }
.gpsep__info-row--02 { margin-top: calc(17 * var(--gpsep-unit)); }
.gpsep__info-pill { flex: 0 0 calc(142 * var(--gpsep-unit)); height: calc(36 * var(--gpsep-unit)); border-radius: calc(50 * var(--gpsep-unit)); background: #44ad6b; color: #ffffff; font-size: calc(22 * var(--gpsep-unit)); font-weight: 700; letter-spacing: -0.02em; line-height: 1; display: flex; align-items: center; justify-content: center; }
.gpsep__info-date { margin-left: calc(14 * var(--gpsep-unit)); font-family: var(--font-en); font-weight: 600; font-size: calc(32 * var(--gpsep-unit)); line-height: 1; color: #ffffff; }
/* 경품 박스 원본 1195 x 440 */
.gpsep__prize-box { position: absolute; left: calc(363 * var(--gpsep-unit)); top: calc(578 * var(--gpsep-unit)); width: calc(1195 * var(--gpsep-unit)); height: calc(440 * var(--gpsep-unit)); border-radius: calc(20 * var(--gpsep-unit)); background: rgba(38, 38, 38, 0.7); }
.gpsep__prize-chip { position: absolute; left: calc(288.3 * var(--gpsep-unit)); top: calc(137 * var(--gpsep-unit)); width: calc(166.76 * var(--gpsep-unit)); height: calc(51.54 * var(--gpsep-unit)); border: calc(2.192 * var(--gpsep-unit)) solid #44ad6b; border-radius: calc(10 * var(--gpsep-unit)); color: #44ad6b; font-size: calc(26 * var(--gpsep-unit)); font-weight: 700; letter-spacing: -0.02em; line-height: 1; display: flex; align-items: center; justify-content: center; }
/* 경품 이미지 원본 229.89 x 376 */
.gpsep__prize-item { position: absolute; left: calc(656 * var(--gpsep-unit)); top: calc(32 * var(--gpsep-unit)); width: calc(229.89 * var(--gpsep-unit)); }
.gpsep__prize-badge { position: absolute; left: calc(827.23 * var(--gpsep-unit)); top: calc(40.24 * var(--gpsep-unit)); width: calc(140 * var(--gpsep-unit)); height: calc(140 * var(--gpsep-unit)); border-radius: 50%; background: #fe5000; color: #ffffff; font-size: calc(45 * var(--gpsep-unit)); font-weight: 700; letter-spacing: -0.02em; line-height: 0.93; display: flex; align-items: center; justify-content: center; }
.gpsep__prize-name { position: absolute; left: calc(288 * var(--gpsep-unit)); top: calc(218.54 * var(--gpsep-unit)); width: calc(400 * var(--gpsep-unit)); font-size: calc(32 * var(--gpsep-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #ffffff; }
.gpsep__cta { position: absolute; left: calc(855.5 * var(--gpsep-unit)); top: calc(1098.08 * var(--gpsep-unit)); width: calc(210 * var(--gpsep-unit)); height: calc(53 * var(--gpsep-unit)); border-radius: calc(60 * var(--gpsep-unit)); background: #fe5000; color: #ffffff; font-size: calc(20 * var(--gpsep-unit)); font-weight: 700; letter-spacing: -0.02em; line-height: 1; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.gpsep__prize-disc { left: calc(60 * var(--gpsep-unit)); top: calc(1193 * var(--gpsep-unit)); color: #ffffff; }

/* ============================================================
   11. NOTIFY (카카오 채널 / 목록으로) — 원본 1920 x 592
   ============================================================ */
.gpsep__notify { position: relative; width: 100%; }
.gpsep__notify-top { position: relative; width: 100%; height: calc(430 * var(--gpsep-unit)); background: #f3f3f3; }
.gpsep__notify-txt { position: absolute; left: 0; top: calc(100 * var(--gpsep-unit)); width: 100%; text-align: center; font-size: calc(42 * var(--gpsep-unit)); font-weight: 400; line-height: 1.5; letter-spacing: -0.02em; color: #191919; }
.gpsep__kakao { position: absolute; left: calc(735 * var(--gpsep-unit)); top: calc(256 * var(--gpsep-unit)); width: calc(450 * var(--gpsep-unit)); height: calc(74 * var(--gpsep-unit)); background: #fae300; display: flex; align-items: center; justify-content: center; gap: calc(19 * var(--gpsep-unit)); text-decoration: none; }
.gpsep__kakao img { width: calc(42.13 * var(--gpsep-unit)); }
.gpsep__kakao span { font-size: calc(22 * var(--gpsep-unit)); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; color: #391b1b; }
.gpsep__notify-bottom { position: relative; width: 100%; height: calc(162 * var(--gpsep-unit)); background: #ffffff; }
.gpsep__list-btn { position: absolute; left: calc(830 * var(--gpsep-unit)); top: calc(50 * var(--gpsep-unit)); width: calc(261 * var(--gpsep-unit)); height: calc(62 * var(--gpsep-unit)); border: calc(2 * var(--gpsep-unit)) solid rgba(0, 0, 0, 0.4); border-radius: calc(80 * var(--gpsep-unit)); background: rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; font-size: calc(22 * var(--gpsep-unit)); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; color: #000000; text-decoration: none; }

/* ============================================================
   12. gp-notice (공통 유의사항 아코디언) —  6번
   ============================================================ */
.gp-notice { position: relative; width: 100%; font-family: var(--font-en), "NotoSans", sans-serif; }
.gp-notice__top { position: relative; width: 100%; height: calc(120 * var(--gpsep-unit)); background: #262626; }
.gp-notice__top-left { position: absolute; left: calc(238 * var(--gpsep-unit)); top: calc(35 * var(--gpsep-unit)); display: flex; align-items: center; }
.gp-notice__icon { width: calc(50 * var(--gpsep-unit)); height: calc(50 * var(--gpsep-unit)); }
.gp-notice__label { margin-left: calc(33 * var(--gpsep-unit)); font-size: calc(28 * var(--gpsep-unit)); font-weight: 700; letter-spacing: -0.02em; line-height: 1; color: #ffffff; }
.gp-notice__arrow { position: absolute; left: calc(1708 * var(--gpsep-unit)); top: calc(48 * var(--gpsep-unit)); width: calc(20 * var(--gpsep-unit)); height: calc(20 * var(--gpsep-unit)); padding: 0; border: none; border-right: calc(3 * var(--gpsep-unit)) solid #ffffff; border-bottom: calc(3 * var(--gpsep-unit)) solid #ffffff; background: transparent; cursor: pointer; transform: rotate(45deg); transition: transform 0.3s ease; }
.gp-notice.is-closed .gp-notice__arrow { transform: rotate(-135deg); }
.gp-notice__bottom { width: 100%; max-height: 0; background: #333333; overflow: hidden; padding: 0 calc(227.55 * var(--gpsep-unit)); transition: max-height 0.8s cubic-bezier(0.65, 0, 0.35, 1), padding 0.8s cubic-bezier(0.65, 0, 0.35, 1); }
.gp-notice:not(.is-closed) .gp-notice__bottom { padding: calc(60 * var(--gpsep-unit)) calc(227.55 * var(--gpsep-unit)); }
.gp-notice__title { font-size: calc(28 * var(--gpsep-unit)); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; color: #ffffff; text-align: left; }
.gp-notice__list { margin-top: calc(24 * var(--gpsep-unit)); list-style: none; }
.gp-notice__list li { position: relative; padding-left: calc(30 * var(--gpsep-unit)); font-size: calc(20 * var(--gpsep-unit)); font-weight: 400; line-height: 1.7; letter-spacing: -0.02em; color: #ffffff; text-align: left; }
.gp-notice__list li::before { content: ""; position: absolute; left: calc(10 * var(--gpsep-unit)); top: calc(14 * var(--gpsep-unit)); width: calc(6 * var(--gpsep-unit)); height: calc(6 * var(--gpsep-unit)); border-radius: 50%; background: #ffffff; }

/* ---------- 줄바꿈 고정 ----------
   디자인(피그마)에서 whitespace-nowrap 으로 잡힌 텍스트들.
   HTML의 <br> 위치에서만 줄바꿈되게 고정해, 폰트 로딩 전/후나
   브라우저별 글자폭 차이로 줄이 밀리는 것을 막는다. */
.gpsep__kv-title, .gpsep__kv-sub, .gpsep__intro-txt, .gpsep__moment-desc, .gpsep__moment-title,
.gpsep__ep-title, .gpsep__ep-name, .gpsep__ep-desc, .gpsep__tech-brand, .gpsep__tech-lead,
.gpsep__tech-headline, .gpsep__tech-body, .gpsep__voice-title, .gpsep__msg-lead, .gpsep__msg-body,
.gpsep__prize-title, .gpsep__prize-desc, .gpsep__prize-name, .gpsep__notify-txt,
.gpsep__kv-title-m, .gpsep__kv-sub-m, .gpsep__intro-txt-m, .gpsep__moment-eyebrow-m,
.gpsep__moment-title-m, .gpsep__moment-desc-m, .gpsep__ep-title-m, .gpsep__voice-title-m,
.gpsep__msg-lead-m, .gpsep__prize-title-m, .gpsep__prize-desc-m { white-space: nowrap; }

/* ============================================================
   MOBILE — 피그마 "9월 글로픽 MO" 375px 기준 × 2 = 750px 좌표계
   ============================================================ */
@media (max-width: 750px) {
  .gpsep__wrap { --gpsep-unit: 0.133333vw; min-width: 0; }
  .gpsep__pc-only { display: none !important; }
  .gpsep__mo-only { display: block; }
  .gpsep__wrap img.gpsep__pc-only { display: none; }
  .gpsep__wrap img.gpsep__mo-only { display: block; }
  .gpsep__mo-only-br { display: inline; }
  .gpsep__disc { font-size: calc(20 * var(--gpsep-unit)); }

  /* ---- 01. KV : 619 x 2 = 1238 ---- */
  .gpsep__kv { height: calc(1238 * var(--gpsep-unit)); background-image: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/kv_bg_m.png"); }
  .gpsep__kv-logo-m { position: absolute; left: calc(51.3 * var(--gpsep-unit)); top: calc(32.76 * var(--gpsep-unit)); width: calc(128 * var(--gpsep-unit)); }
  .gpsep__kv-pill-m { position: absolute; left: calc(52 * var(--gpsep-unit)); top: calc(216 * var(--gpsep-unit)); width: calc(241.69 * var(--gpsep-unit)); height: calc(60.91 * var(--gpsep-unit)); border-radius: calc(96.68 * var(--gpsep-unit)); background: #fe5000; display: flex; align-items: center; justify-content: center; }
  .gpsep__kv-pill-m span { font-family: var(--font-en); font-weight: 700; font-size: calc(29 * var(--gpsep-unit)); line-height: 1.2; color: #ffffff; }
  .gpsep__kv-title-m { position: absolute; left: calc(52 * var(--gpsep-unit)); top: calc(300.11 * var(--gpsep-unit)); width: calc(620 * var(--gpsep-unit)); font-size: calc(56 * var(--gpsep-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.03em; color: #191919; }
  .gpsep__kv-sub-m { position: absolute; left: calc(52 * var(--gpsep-unit)); top: calc(470 * var(--gpsep-unit)); width: calc(620 * var(--gpsep-unit)); font-size: calc(32 * var(--gpsep-unit)); font-weight: 400; line-height: 1.55; letter-spacing: -0.02em; color: #000000; }
  .gpsep__kv-disc-m { left: calc(40 * var(--gpsep-unit)); top: calc(1172 * var(--gpsep-unit)); }

  /* ---- 02. INTRO : 828 x 2 = 1656 ---- */
  .gpsep__intro { height: calc(1656 * var(--gpsep-unit)); background-image: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/sec02_bg_m.png"); }
  .gpsep__brand-m { position: absolute; left: calc(256 * var(--gpsep-unit)); top: calc(200 * var(--gpsep-unit)); display: flex; align-items: center; }
  .gpsep__brand-logo-m { width: calc(98.77 * var(--gpsep-unit)); }
  .gpsep__brand-txt-m { margin-left: calc(12.3 * var(--gpsep-unit)); font-family: var(--font-en); font-weight: 600; font-size: calc(56 * var(--gpsep-unit)); line-height: 1.2; letter-spacing: -0.02em; color: #000000; }
  .gpsep__intro-img-m { position: absolute; left: calc(48 * var(--gpsep-unit)); top: calc(350.5 * var(--gpsep-unit)); width: calc(654 * var(--gpsep-unit)); border-radius: calc(23 * var(--gpsep-unit)); }
  .gpsep__intro-txt-m { position: absolute; left: calc(50 * var(--gpsep-unit)); top: calc(1252.5 * var(--gpsep-unit)); width: calc(652 * var(--gpsep-unit)); text-align: center; font-size: calc(28 * var(--gpsep-unit)); font-weight: 400; line-height: 1.6; letter-spacing: -0.02em; color: #0a0a0a; }
  .gpsep__intro-txt-m p + p { margin-top: calc(40 * var(--gpsep-unit)); }
  .gpsep__intro-txt-m b { font-weight: 700; }

  /* ---- 03. MOMENT : 1019 x 2 = 2038 ---- */
  .gpsep__moment { height: calc(2038 * var(--gpsep-unit)); background-image: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/sec03_bg_m.png"); }
  .gpsep__moment-eyebrow-m { position: absolute; left: calc(48 * var(--gpsep-unit)); top: calc(100 * var(--gpsep-unit)); width: calc(654 * var(--gpsep-unit)); text-align: center; font-size: calc(30 * var(--gpsep-unit)); font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; color: #0a0a0a; }
  .gpsep__moment-title-m { position: absolute; left: calc(48 * var(--gpsep-unit)); top: calc(150 * var(--gpsep-unit)); width: calc(654 * var(--gpsep-unit)); text-align: center; font-size: calc(48 * var(--gpsep-unit)); font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; color: #0a0a0a; z-index: 2; }
  .gpsep__moment-desc-m { position: absolute; left: calc(28 * var(--gpsep-unit)); top: calc(326 * var(--gpsep-unit)); width: calc(696 * var(--gpsep-unit)); text-align: center; font-size: calc(28 * var(--gpsep-unit)); font-weight: 400; line-height: 1.6; letter-spacing: -0.02em; color: #0a0a0a; }
  .gpsep__card-m { position: absolute; left: calc(48 * var(--gpsep-unit)); width: calc(654 * var(--gpsep-unit)); height: calc(400 * var(--gpsep-unit)); border-radius: calc(23 * var(--gpsep-unit)); overflow: hidden; }
  .gpsep__card-label-m { position: absolute; left: 0; top: calc(164 * var(--gpsep-unit)); width: 100%; text-align: center; font-size: calc(56 * var(--gpsep-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #ffffff; text-shadow: 0 calc(4.76 * var(--gpsep-unit)) calc(9.52 * var(--gpsep-unit)) rgba(0, 0, 0, 0.55); }
  .gpsep__moment-card-m--01 { top: calc(538 * var(--gpsep-unit)); }
  .gpsep__moment-card-m--02 { top: calc(988 * var(--gpsep-unit)); }
  .gpsep__moment-card-m--03 { top: calc(1438 * var(--gpsep-unit)); }
  .gpsep__moment-disc-m { left: calc(40 * var(--gpsep-unit)); top: calc(1972 * var(--gpsep-unit)); }

  /* ---- 04~06. EPISODE ---- */
  .gpsep__ep--01 { height: calc(1748 * var(--gpsep-unit)); }
  .gpsep__ep--02 { height: calc(1730 * var(--gpsep-unit)); }
  .gpsep__ep--03 { height: calc(1692 * var(--gpsep-unit)); }
  .gpsep__bar { left: calc(336 * var(--gpsep-unit)); width: calc(80 * var(--gpsep-unit)); height: calc(4 * var(--gpsep-unit)); }
  .gpsep__ep--01 .gpsep__bar { top: calc(160 * var(--gpsep-unit)); }
  .gpsep__ep--02 .gpsep__bar, .gpsep__ep--03 .gpsep__bar, .gpsep__tech .gpsep__bar { top: calc(60 * var(--gpsep-unit)); }
  .gpsep__ep-title-m { position: absolute; left: 0; width: 100%; text-align: center; font-size: calc(48 * var(--gpsep-unit)); font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; color: #0a0a0a; z-index: 2; }
  .gpsep__ep--01 .gpsep__ep-title-m { top: calc(200 * var(--gpsep-unit)); }
  .gpsep__ep--02 .gpsep__ep-title-m, .gpsep__ep--03 .gpsep__ep-title-m, .gpsep__tech .gpsep__ep-title-m { top: calc(100 * var(--gpsep-unit)); }
  .gpsep__ep-item { left: calc(48 * var(--gpsep-unit)); width: calc(654 * var(--gpsep-unit)); }
  .gpsep__ep-item--left, .gpsep__ep-item--right { left: calc(48 * var(--gpsep-unit)); }
  .gpsep__ep--01 .gpsep__ep-item--left { top: calc(348 * var(--gpsep-unit)); }
  .gpsep__ep--01 .gpsep__ep-item--right { top: calc(1038 * var(--gpsep-unit)); }
  .gpsep__ep--02 .gpsep__ep-item--left, .gpsep__ep--03 .gpsep__ep-item--left { top: calc(316 * var(--gpsep-unit)); }
  .gpsep__ep--02 .gpsep__ep-item--right, .gpsep__ep--03 .gpsep__ep-item--right { top: calc(994 * var(--gpsep-unit)); }
  .gpsep__ep-img { width: calc(654 * var(--gpsep-unit)); height: calc(400 * var(--gpsep-unit)); border-radius: calc(23 * var(--gpsep-unit)); }
  .gpsep__ep-name { left: 0; top: calc(450 * var(--gpsep-unit)); width: 100%; font-size: calc(40 * var(--gpsep-unit)); line-height: 1.4; }
  .gpsep__ep-desc { left: 0; top: calc(522 * var(--gpsep-unit)); width: 100%; font-size: calc(24 * var(--gpsep-unit)); line-height: 1.6; }

  /* ---- 07. TECH : 632 x 2 = 1264 ---- */
  .gpsep__tech { height: calc(1264 * var(--gpsep-unit)); }
  .gpsep__tech-visual { left: calc(48 * var(--gpsep-unit)); top: calc(248 * var(--gpsep-unit)); width: calc(654 * var(--gpsep-unit)); height: calc(400 * var(--gpsep-unit)); border-radius: calc(23 * var(--gpsep-unit)); }
  .gpsep__tech-dim { height: calc(314.95 * var(--gpsep-unit)); }
  .gpsep__tech-copy { top: calc(47.78 * var(--gpsep-unit)); }
  .gpsep__tech-icon { width: calc(47.9 * var(--gpsep-unit)); }
  .gpsep__tech-brand { margin-top: calc(13.69 * var(--gpsep-unit)); font-size: calc(23.27 * var(--gpsep-unit)); }
  .gpsep__tech-brand sup { font-size: calc(15 * var(--gpsep-unit)); }
  .gpsep__tech-lead { margin-top: calc(13.69 * var(--gpsep-unit)); font-size: calc(36.95 * var(--gpsep-unit)); }
  .gpsep__tech-lead sup { font-size: calc(23.83 * var(--gpsep-unit)); }
  .gpsep__tech-note { left: calc(24 * var(--gpsep-unit)); top: calc(362 * var(--gpsep-unit)); font-size: calc(16 * var(--gpsep-unit)); }
  .gpsep__tech-headline { top: calc(728 * var(--gpsep-unit)); font-size: calc(40 * var(--gpsep-unit)); line-height: 1.4; }
  .gpsep__tech-body { left: calc(96 * var(--gpsep-unit)); top: calc(860 * var(--gpsep-unit)); width: calc(558 * var(--gpsep-unit)); font-size: calc(24 * var(--gpsep-unit)); line-height: 1.6; }

  /* ---- 08. VOICE : 672 x 2 = 1344 ---- */
  .gpsep__voice { height: calc(1344 * var(--gpsep-unit)); background-image: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/voice_bg_m.png"); }
  .gpsep__voice-title-m { position: absolute; left: calc(124 * var(--gpsep-unit)); top: calc(100 * var(--gpsep-unit)); width: calc(502 * var(--gpsep-unit)); text-align: center; font-size: calc(48 * var(--gpsep-unit)); font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; color: #000000; z-index: 2; }
  /* 메모지 묶음 원본 700.67 x 926.02 (피그마 x13.77 / y145.38 × 2) */
  .gpsep__voice-visual-m { position: absolute; left: calc(27.54 * var(--gpsep-unit)); top: calc(290.76 * var(--gpsep-unit)); width: calc(700.67 * var(--gpsep-unit)); }
  .gpsep__voice-disc-m { left: calc(40 * var(--gpsep-unit)); top: calc(1278 * var(--gpsep-unit)); }

  /* ---- 09. MESSAGE : 372 x 2 = 744 ---- */
  .gpsep__msg { height: calc(744 * var(--gpsep-unit)); background-image: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/msg_bg_m.png"); }
  .gpsep__msg-lead-m { position: absolute; left: 0; top: calc(200 * var(--gpsep-unit)); width: 100%; text-align: center; font-size: calc(32 * var(--gpsep-unit)); font-weight: 400; line-height: 1.6; letter-spacing: -0.02em; color: #ffffff; }
  .gpsep__msg-body-m { position: absolute; left: calc(96 * var(--gpsep-unit)); top: calc(344 * var(--gpsep-unit)); width: calc(558 * var(--gpsep-unit)); text-align: center; font-size: calc(36 * var(--gpsep-unit)); font-weight: 400; line-height: 1.4; letter-spacing: -0.02em; color: #ffffff; }
  .gpsep__msg-plus-m { display: inline-block; position: relative; width: calc(36 * var(--gpsep-unit)); }
  .gpsep__msg-plus-m img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(22.2 * var(--gpsep-unit)); }

  /* ---- 10. PRIZE : 1035 x 2 = 2070 ---- */
  .gpsep__prize { height: calc(2070 * var(--gpsep-unit)); background-image: url("/content/dam/glo-kr/mcs/images/glo_pick/culture/260917/prize_bg_m.png"); }
  .gpsep__prize-title-m { position: absolute; left: calc(48 * var(--gpsep-unit)); top: calc(200 * var(--gpsep-unit)); width: calc(654 * var(--gpsep-unit)); text-align: center; font-size: calc(48 * var(--gpsep-unit)); font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; color: #ffffff; }
  .gpsep__prize-desc-m { position: absolute; left: calc(48 * var(--gpsep-unit)); top: calc(424 * var(--gpsep-unit)); width: calc(654 * var(--gpsep-unit)); text-align: center; font-size: calc(24 * var(--gpsep-unit)); font-weight: 400; line-height: 1.6; letter-spacing: -0.02em; color: #ffffff; }
  .gpsep__info { left: calc(48 * var(--gpsep-unit)); top: calc(618 * var(--gpsep-unit)); width: calc(654 * var(--gpsep-unit)); height: calc(280 * var(--gpsep-unit)); }
  .gpsep__info-row { position: absolute; left: 0; width: 100%; display: block; height: auto; }
  .gpsep__info-row--01 { top: 0; }
  .gpsep__info-row--02 { top: calc(155.89 * var(--gpsep-unit)); margin-top: 0; }
  .gpsep__info-pill { display: flex; flex: none; width: calc(181.02 * var(--gpsep-unit)); height: calc(45.89 * var(--gpsep-unit)); margin: 0 auto; border-radius: calc(63.74 * var(--gpsep-unit)); font-size: calc(28 * var(--gpsep-unit)); }
  .gpsep__info-date { display: block; margin: calc(28 * var(--gpsep-unit)) auto 0; text-align: center; font-size: calc(32 * var(--gpsep-unit)); }
  .gpsep__prize-box { left: calc(48 * var(--gpsep-unit)); top: calc(949.79 * var(--gpsep-unit)); width: calc(654 * var(--gpsep-unit)); height: calc(786 * var(--gpsep-unit)); border-radius: calc(24 * var(--gpsep-unit)); }
  .gpsep__prize-chip { left: calc(470 * var(--gpsep-unit)); top: calc(26 * var(--gpsep-unit)); width: calc(156.03 * var(--gpsep-unit)); height: calc(48.54 * var(--gpsep-unit)); border-width: calc(2.07 * var(--gpsep-unit)); border-radius: calc(9.43 * var(--gpsep-unit)); font-size: calc(24 * var(--gpsep-unit)); }
  .gpsep__prize-item { left: calc(206 * var(--gpsep-unit)); top: calc(82.21 * var(--gpsep-unit)); width: calc(244 * var(--gpsep-unit)); }
  .gpsep__prize-badge { left: calc(360 * var(--gpsep-unit)); top: calc(430 * var(--gpsep-unit)); width: calc(130.45 * var(--gpsep-unit)); height: calc(130.45 * var(--gpsep-unit)); font-size: calc(41.93 * var(--gpsep-unit)); }
  .gpsep__prize-name { left: 0; top: calc(628 * var(--gpsep-unit)); width: 100%; text-align: center; font-size: calc(36 * var(--gpsep-unit)); line-height: 1.5; }
  .gpsep__cta { left: calc(204 * var(--gpsep-unit)); top: calc(1816 * var(--gpsep-unit)); width: calc(342 * var(--gpsep-unit)); height: calc(88 * var(--gpsep-unit)); border-radius: calc(97.7 * var(--gpsep-unit)); font-size: calc(32 * var(--gpsep-unit)); }
  .gpsep__prize-disc-m { left: calc(40 * var(--gpsep-unit)); top: calc(2004 * var(--gpsep-unit)); color: #ffffff; }

  /* ---- 11. NOTIFY : 283 x 2 = 566 / 하단 흰 영역 276 ---- */
  .gpsep__notify-top { height: calc(566 * var(--gpsep-unit)); }
  .gpsep__notify-txt { top: calc(100 * var(--gpsep-unit)); font-size: calc(44 * var(--gpsep-unit)); line-height: 1.5; }
  .gpsep__kakao { left: calc(100 * var(--gpsep-unit)); top: calc(378 * var(--gpsep-unit)); width: calc(550.1 * var(--gpsep-unit)); height: calc(88 * var(--gpsep-unit)); gap: calc(22 * var(--gpsep-unit)); }
  .gpsep__kakao img { width: calc(50.1 * var(--gpsep-unit)); }
  .gpsep__kakao span { font-size: calc(26.16 * var(--gpsep-unit)); }
  .gpsep__notify-bottom { height: calc(276 * var(--gpsep-unit)); }
  .gpsep__list-btn { left: calc(216 * var(--gpsep-unit)); top: calc(100 * var(--gpsep-unit)); width: calc(320 * var(--gpsep-unit)); height: calc(76 * var(--gpsep-unit)); border-width: calc(2.45 * var(--gpsep-unit)); border-radius: calc(98 * var(--gpsep-unit)); font-size: calc(26.97 * var(--gpsep-unit)); }

  /* ---- 12. gp-notice ---- */
  .gp-notice__top { height: calc(140 * var(--gpsep-unit)); }
  .gp-notice__top-left { left: calc(48 * var(--gpsep-unit)); top: calc(38 * var(--gpsep-unit)); }
  .gp-notice__icon { width: calc(64 * var(--gpsep-unit)); height: calc(64 * var(--gpsep-unit)); }
  .gp-notice__label { margin-left: calc(20 * var(--gpsep-unit)); font-size: calc(40 * var(--gpsep-unit)); }
  .gp-notice__arrow { left: calc(638 * var(--gpsep-unit)); top: calc(48 * var(--gpsep-unit)); width: calc(24 * var(--gpsep-unit)); height: calc(24 * var(--gpsep-unit)); border-right-width: calc(4 * var(--gpsep-unit)); border-bottom-width: calc(4 * var(--gpsep-unit)); }
  .gp-notice__bottom { padding: 0 calc(36 * var(--gpsep-unit)); }
  .gp-notice:not(.is-closed) .gp-notice__bottom { padding: calc(48 * var(--gpsep-unit)) calc(36 * var(--gpsep-unit)); }
  .gp-notice__title { font-size: calc(32 * var(--gpsep-unit)); }
  .gp-notice__list { margin-top: calc(26 * var(--gpsep-unit)); }
  .gp-notice__list li { padding-left: calc(33 * var(--gpsep-unit)); font-size: calc(22 * var(--gpsep-unit)); }
  .gp-notice__list li::before { left: calc(11 * var(--gpsep-unit)); top: calc(15 * var(--gpsep-unit)); width: calc(7 * var(--gpsep-unit)); height: calc(7 * var(--gpsep-unit)); }
}