/* ===== 이벤트 게시판 글 511 「얼리버드 학생 이벤트」 HTML 판 (2026-10-30) =====
   벨로테로 시범(42-evh.css)과 같은 방식. 본문 그림 30-f1776bd6da.jpg(1280×6121)·30-c9969e2371.jpg(1280×2864)를 실측해 옮겼다.
   단위 --u = 문서 폭/1280(42-evh.css 의 .evh). 좌표는 원본 픽셀 — 위 그림 A 는 y 0~6121, 아래 그림 B 는 y 0~2864.
   그림 조각 assets/events/html/post-511/ ← _src/build/ev-1030-html-post-511.py (좌표 근거가 거기 있다). 전사 _src/gen/event-html-1029/draft/post-511.txt.
   모든 선택자는 .evh--post-511 로 시작한다. 글 본문 상자(hp.css .hp-post__body)의 p 여백·줄 간격·overflow-wrap:anywhere 가 새어 들어오므로
   맨 앞에서 (0,2,0) 으로 지우고, 각 규칙은 .evh--post-511 .… (0,2,0) 로 그 뒤에 둔다. */

/* 제목 — 배민 주아체(Jua, OFL)를 가로 0.867 로 줄인 조각. 굵기 범위를 열어 둬야 700 대체 글꼴을 쓰는 외국어에서 Jua 가 가짜 굵게 되지 않는다 */
@font-face { font-family: "EvhStJua"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../events/html/post-511/jua.woff2?v=48db7c53") format("woff2"); }
/* 카드 제목 — Pretendard ExtraBold 한글 조각(사이트 부분집합은 700 까지) */
@font-face { font-family: "EvhSt800"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("../events/html/post-511/pret-800-ko.woff2?v=2511e23e") format("woff2"); }
/* 새 가격 — Pretendard Black 숫자·.·~ 를 가로 0.892 로 줄인 조각 */
@font-face { font-family: "EvhStNum"; font-style: normal; font-weight: 900; font-display: swap;
  src: url("../events/html/post-511/pret-900-num.woff2?v=dc9f89aa") format("woff2"); }
/* 지운 가격 — Pretendard ExtraBold 숫자를 가로 0.85 로 줄인 조각 */
@font-face { font-family: "EvhStOld"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("../events/html/post-511/pret-800-num.woff2?v=273d5862") format("woff2"); }
/* 사이트 Pretendard 부분집합에 없는 「았」(주의 문구) — 같은 이름에 그 글자만 덧댄다 */
@font-face { font-family: "Pretendard"; font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+C558;
  src: url("../events/html/post-511/pret-400-add.woff2?v=dc9558c4") format("woff2"); }

.fs-evd-doc .evh--post-511 :where(p, h2, h3, ul, li, section) { margin: 0; padding: 0; list-style: none; }
.fs-evd-doc .evh--post-511 { color: #363636; overflow-wrap: break-word; }
.fs-evd-doc .evh--post-511 img { margin: 0; }

/* ① 머리 그림(A y 0~1940) — 사진·카드·로고·모눈종이·테이프는 그림, 말풍선 글·제목·테이프 글만 HTML */
.evh--post-511 .evh-st-hero { position: relative; }
.fs-evd-doc .evh img.evh-st-hero__bg { display: block; width: 100%; height: auto; }
/* 말풍선 — 흰 풍선 x 825~1180·y 925~993(글자 x 855~1149·y 948~971), 파란 풍선 x 881~1180·y 1020~1087(글자 x 917~1143·y 1042~1065) */
.evh--post-511 .evh-st-bubble {
  position: absolute; display: grid; place-items: center; box-sizing: border-box;
  font-size: max(9.5px, calc(27 * var(--u))); font-weight: 500; line-height: 1; letter-spacing: 0.078em; white-space: nowrap;
}
.evh--post-511 .evh-st-bubble--1 { left: calc(825 * var(--u)); top: calc(925 * var(--u)); width: calc(355 * var(--u)); height: calc(68 * var(--u)); color: #1472F0; }
.evh--post-511 .evh-st-bubble--2 { left: calc(881 * var(--u)); top: calc(1020 * var(--u)); width: calc(299 * var(--u)); height: calc(67 * var(--u)); color: #fff; }
/* 「겨울방학 이벤트」 — 분홍 글자 #FEC6EB(x 127~1140, 위 1616~1626) + 바깥 17px 청록 외곽 #0FAAD2. 상자는 모눈종이(x 100~1160, y 1607~1827).
   원본 「이벤트」 세 글자는 「겨울방학」보다 넓고 붙어 있다 — 띄어쓰기를 14 줄여 글자 가운데를 ±10 안에 맞췄다 */
.evh--post-511 .evh-st-title {
  position: absolute; left: calc(94 * var(--u)); top: calc(1607 * var(--u)); width: calc(1060 * var(--u)); height: calc(220 * var(--u)); word-spacing: -0.07em;
  display: grid; place-items: center;
  font-family: "EvhStJua", var(--fs-font); font-size: calc(200 * var(--u)); font-weight: 400; line-height: 1; letter-spacing: -0.02em; white-space: nowrap;
  color: #FEC6EB; -webkit-text-stroke: calc(34 * var(--u)) #0FAAD2; paint-order: stroke fill;
}
/* 테이프 「얼리버드」 — 마젠타 테이프 -4.3° 위 흰 글자, 글자 중심 (1021, 1839) */
.evh--post-511 .evh-st-tag {
  position: absolute; left: calc(1021 * var(--u)); top: calc(1839 * var(--u)); transform: translate(-50%, -50%) rotate(-4.3deg);
  color: #fff; font-family: "GmarketSans", var(--fs-font); font-size: calc(65.5 * var(--u)); font-weight: 700; line-height: 1; letter-spacing: -0.03em; white-space: nowrap;
}

/* ② 전후사진(A y 1940~6121) — 바탕 그라데이션은 늘린 그림, 안내 줄·라벨 띠·주의 문구는 HTML, 사진은 자르기만 한 원본 */
.evh--post-511 .evh-st-ba { position: relative; padding: 0 calc(119 * var(--u)) calc(71 * var(--u)); }
.fs-evd-doc .evh img.evh-st-ba__bg { position: absolute; inset: 0; width: 100%; height: 100%; }
.evh--post-511 .evh-st-ba > :not(img) { position: relative; }
/* 안내 줄 x 167~1112·y 1967~1997 */
.evh--post-511 .evh-st-info {
  padding-top: calc(21.2 * var(--u)); margin-bottom: calc(58.2 * var(--u)); text-wrap: balance;
  color: #36333B; font-size: max(12px, calc(30.5 * var(--u))); font-weight: 400; line-height: 1.3; letter-spacing: 0.035em;
}
.evh--post-511 .evh-st-row + .evh-st-row { margin-top: calc(44.6 * var(--u)); }
/* 띠 x 119~639 회색 #7F7F7F · 639~1161 그라데이션, 높이 44~45(y 2059~2103 …). 사진은 띠 바로 밑(x 119~1160).
   띠 위 끝 2059 → 5462 = 사진 9장 2601 + (띠 + 사이) 9번 → 띠 44.5 · 사이 44.6 */
.evh--post-511 .evh-st-row__bar { display: grid; grid-template-columns: 520fr 522fr; min-height: calc(44.5 * var(--u)); direction: ltr; }
.evh--post-511 .evh-st-row__bar p {
  display: grid; place-items: center; padding: calc(4 * var(--u)) calc(12 * var(--u)); text-wrap: balance; unicode-bidi: plaintext;
  line-height: 1.1;
}
.evh--post-511 .evh-st-row__bar p:first-child { background: #7F7F7F; color: #E1E1E1; font-size: max(10px, calc(25.1 * var(--u))); font-weight: 400; letter-spacing: 0.027em; }
.evh--post-511 .evh-st-row__bar p:last-child {
  background: linear-gradient(90deg, #C27DBC 0%, #A681BE 20%, #8787C4 40%, #5F94C5 60%, #439BCA 80%, #29A3CC 100%);
  color: #DEEE6E; font-size: max(10px, calc(24 * var(--u))); font-weight: 700; letter-spacing: 0.05em;
}
.fs-evd-doc .evh .evh-st-row img { display: block; width: 100%; height: auto; }
/* 주의 문구 두 줄 — x 265~1013·y 6001~6019 / x 400~892·y 6028~6045, #AFB2BB */
.evh--post-511 .evh-st-note {
  color: #AFB2BB; font-size: max(10.5px, calc(19 * var(--u))); font-weight: 400; line-height: max(1.42em, calc(27 * var(--u))); letter-spacing: 0.13em; text-wrap: balance;
}
.evh--post-511 .evh-st-ba__list + .evh-st-note { margin-top: calc(69 * var(--u)); }
@media (max-width: 599px) { .evh--post-511 .evh-st-note { color: #8A8D99; } }   /* 원본 회색은 좁은 화면 11px 에서 바탕과 1.9:1 — 읽히게만 짙게 */

/* ③ 가격 카드(B, 분홍 #FEC6EB) — 전부 HTML. 알약 바탕만 그림(글자 지운 메시 그라데이션) */
.evh--post-511 .evh-st-price { background: #FEC6EB; padding: calc(130 * var(--u)) 0 calc(234 * var(--u)); }
/* 머리 두 줄 — x 153~1127·y 136~166 / x 329~949·y 176~204, #483D46 */
.evh--post-511 .evh-st-lead { color: #483D46; font-weight: 400; line-height: max(1.25em, calc(40 * var(--u))); text-wrap: balance;
  font-size: max(12px, calc(30.5 * var(--u))); letter-spacing: 0.05em; }
.evh--post-511 .evh-st-lead + .evh-st-lead { margin-top: calc(0.5 * var(--u)); font-size: max(12px, calc(33.1 * var(--u))); letter-spacing: 0.017em; }
/* 카드 x 96~1181, 카드 1 y 239~1564 · 카드 2 y 1660~2629, 모서리 70, 그림자는 오른쪽·아래만 */
.evh--post-511 .evh-st-card {
  margin: calc(28.4 * var(--u)) calc(98 * var(--u)) 0 calc(96 * var(--u)); padding: calc(57 * var(--u)) 0 calc(55.75 * var(--u));
  background: #fff; border-radius: calc(70 * var(--u)); box-shadow: calc(10 * var(--u)) calc(10 * var(--u)) calc(18 * var(--u)) rgba(60, 10, 45, .15);
}
.evh--post-511 .evh-st-card--2 { margin-top: calc(96 * var(--u)); padding-bottom: calc(67.75 * var(--u)); }
/* 「EVENT 01」 알약 x 508~770·y 302~381(그림 상자 500~778 × 296~388), 글자 x 557~722·y 327~355 */
.evh--post-511 .evh-st-pill {
  display: grid; place-items: center; width: calc(278 * var(--u)); height: calc(92 * var(--u)); margin: 0 auto;
  background: url("../events/html/post-511/pill.jpg?v=1343a77f") center / 100% 100% no-repeat;
  color: #fff; font-size: max(11px, calc(39.7 * var(--u))); font-weight: 700; line-height: 1; letter-spacing: -0.036em;
  text-shadow: 0 calc(1 * var(--u)) calc(6 * var(--u)) rgba(90, 80, 170, .35);
}
/* 카드 제목 x 195~1084·y 411~479 / x 165~1118·y 1832~1902, #444 */
.evh--post-511 .evh-st-card__title {
  margin-top: calc(11.5 * var(--u)); padding-left: calc(10 * var(--u)); text-wrap: balance;   /* 원본 제목 가운데 639.5·641 — 카드 가운데 638.5 보다 오른쪽 */
  color: #444; font-family: "EvhSt800", var(--fs-font); font-size: max(17px, calc(77.1 * var(--u))); font-weight: 800; line-height: 1.193; letter-spacing: 0.059em;
}
.evh--post-511 .evh-st-card--2 .evh-st-card__title { font-size: max(17px, calc(79.3 * var(--u))); line-height: 1.16; letter-spacing: 0.029em; }
/* 해시태그 x 291~988·y 516~548 / x 222~1057·y 1937~1970, 넓은 자간 */
.evh--post-511 .evh-st-card__tags {
  margin-top: calc(18.1 * var(--u)); padding-left: 0.26em; text-wrap: balance;
  color: #424242; font-size: max(11.5px, calc(38.4 * var(--u))); font-weight: 400; line-height: 1.2; letter-spacing: 0.26em;
}
/* 줄 — 구분선 x 151~1128, 줄 간격 183.5(첫 줄 글자 가운데 682.5), 이름 x 177 · 새 가격 오른쪽 끝 1101 */
.evh--post-511 .evh-st-card__list { margin: calc(35.3 * var(--u)) calc(53 * var(--u)) 0 calc(55 * var(--u)); }
.evh--post-511 .evh-st-card__list li {
  display: flex; align-items: center; box-sizing: border-box; min-height: calc(183.5 * var(--u)); padding: calc(10 * var(--u)) calc(26 * var(--u)) calc(10 * var(--u)) calc(23 * var(--u));
  text-align: start;
}
.evh--post-511 .evh-st-card__list li + li { border-top: max(1px, calc(1.5 * var(--u))) solid #DDD5E1; }
.evh--post-511 .evh-st-item__name {
  flex: 0 1 auto; min-width: 0; color: #464646; font-size: max(15px, calc(80 * var(--u))); font-weight: 500; line-height: 1.05; letter-spacing: 0.06em; word-spacing: -0.12em; text-wrap: balance;
}
.evh--post-511 .evh-st-item__name small { margin-left: -0.2em; color: #424242; font-size: 0.496em; font-weight: 500; letter-spacing: -0.047em; }
.evh--post-511 .evh-st-item__dots {
  flex: 1 1 0; min-width: calc(30 * var(--u)); height: max(1px, calc(2 * var(--u))); margin: 0 calc(46 * var(--u)) 0 calc(30 * var(--u));
  background: repeating-linear-gradient(90deg, #4D4D4D 0 calc(8 * var(--u)), transparent 0 calc(13 * var(--u)));
}
.evh--post-511 .evh-st-card__list del {
  flex: none; position: relative; top: calc(4 * var(--u));
  color: #C3C3C3; font-family: "EvhStOld", var(--fs-font); font-size: max(10px, calc(52 * var(--u))); font-style: italic; font-weight: 800; line-height: 1; letter-spacing: -0.09em;
  text-decoration: line-through calc(2 * var(--u)) #C3C3C3;
}
.evh--post-511 .evh-st-card__list strong {
  flex: none; margin-left: calc(30 * var(--u)); padding-right: 0.065em;   /* 자간 -0.1em 이 마지막 글자 뒤에도 붙어 글자가 상자 밖으로 나간다 — 그 몫만큼 안쪽 여백(배경 글자 칠이 잘리지 않게) */
  font-family: "EvhStNum", var(--fs-font); font-size: max(18px, calc(95 * var(--u))); font-weight: 900; line-height: 1; letter-spacing: -0.1em;
  background: linear-gradient(90deg, #D586BE, #9490C4 50%, #3BA8D3); -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* ── 외국어(라우터가 lang="ko" 를 떼고 글자를 바꾼다). 한국어 자간·크기는 원본 그림에 맞춘 값이라 라틴·키릴·아랍 글자에는 넓거나 크다 ── */
:root:not(:lang(ko)) .evh--post-511 .evh-st-bubble {
  padding: 0 calc(24 * var(--u)); white-space: normal; text-wrap: balance; text-align: center;
  font-size: max(7.5px, calc(21 * var(--u))); line-height: 1.08; letter-spacing: 0;
}
/* 제목 — 영어는 한 줄로 원본 크기에 들어간다. 중·일은 한 줄(140), 나머지(키릴·태국·베트남·인니·아랍 — Jua 에 없어 사이트 글꼴 700)는
   26자까지 두 줄이 모눈종이 높이(220) 안에 들게 100. 140·112 면 몽골어가 세 줄이 되어 종이 밖으로 넘쳤다 */
:root:not(:lang(ko)) .evh--post-511 .evh-st-title {
  box-sizing: border-box; padding: 0 calc(20 * var(--u)); white-space: normal; text-wrap: balance; text-align: center; word-spacing: normal;
  font-size: calc(100 * var(--u)); font-weight: 700; line-height: 1.02; letter-spacing: 0; -webkit-text-stroke-width: calc(18 * var(--u));
}
:root:is(:lang(ja), :lang(zh-CN), :lang(zh-TW)) .evh--post-511 .evh-st-title { font-size: calc(140 * var(--u)); -webkit-text-stroke-width: calc(24 * var(--u)); }
:root:lang(en) .evh--post-511 .evh-st-title { font-size: calc(200 * var(--u)); letter-spacing: -0.02em; -webkit-text-stroke-width: calc(34 * var(--u)); }
:root:not(:lang(ko)) .evh--post-511 .evh-st-tag { font-size: calc(52 * var(--u)); letter-spacing: 0; }
:root:not(:lang(ko)) .evh--post-511 :is(.evh-st-info, .evh-st-lead, .evh-st-lead + .evh-st-lead) { letter-spacing: 0.01em; }
:root:not(:lang(ko)) .evh--post-511 .evh-st-row__bar p { letter-spacing: 0.01em; }
:root:not(:lang(ko)) .evh--post-511 .evh-st-note { letter-spacing: 0.02em; }
:root:not(:lang(ko)) .evh--post-511 .evh-st-card__title { letter-spacing: 0; }
:root:not(:lang(ko)) .evh--post-511 .evh-st-card__tags { padding-left: 0.03em; letter-spacing: 0.03em; }
:root:not(:lang(ko)) .evh--post-511 .evh-st-item__name { font-size: max(15px, calc(58 * var(--u))); line-height: 1.12; letter-spacing: 0; word-spacing: normal; }
:root:not(:lang(ko)) .evh--post-511 .evh-st-item__name small { margin-left: 0; font-size: 0.6em; }
/* 아랍어 등 오른쪽→왼쪽 글자 안의 라틴(Early Bird·VAT)이 줄 끝으로 밀리지 않게 */
:root:not(:lang(ko)) .evh--post-511 :is(.evh-st-bubble, .evh-st-title, .evh-st-tag, .evh-st-info, .evh-st-note, .evh-st-lead, .evh-st-card__title, .evh-st-card__tags, .evh-st-item__name) { unicode-bidi: plaintext; }