*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdfc;color:#171419;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans","Noto Sans Thai",Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:74px;display:flex;align-items:center;gap:36px;padding:0 4.2vw;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #f2e8ed}.brand{display:flex;flex-direction:column;line-height:.85;min-width:170px}.brand>span{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans","Noto Sans Thai",Arial,sans-serif;font-weight:800;font-size:29px;letter-spacing:-1.5px}.brand>span span{color:#ff4e91}.brand small{font-size:8px;letter-spacing:3px;margin-top:7px;font-weight:800}.topbar nav{display:flex;gap:25px;margin:auto;font-size:12px;font-weight:800}.topbar nav a:hover{color:#ff4e91}.actions{display:flex;align-items:center;gap:12px}.langpick{position:relative}.langpick summary{list-style:none;cursor:pointer;font-size:12px;font-weight:800}.langpick>div{position:absolute;right:0;top:28px;background:#fff;padding:8px;border:1px solid #eee;border-radius:12px;box-shadow:0 12px 35px #0002;min-width:130px}.langpick button{display:block;width:100%;border:0;background:none;padding:8px;text-align:left}.menu{font-size:20px}.hero{height:480px;position:relative;overflow:hidden;background:#ffddeb}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.96)}.wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.68) 25%,rgba(255,255,255,.03) 56%,rgba(255,255,255,.02) 100%)}.hero-copy{position:absolute;left:5vw;top:50%;transform:translateY(-50%);max-width:470px}.hero-copy p{font-family:cursive;font-weight:800;font-size:25px;margin:0 0 -4px}.hero-copy h1{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans","Noto Sans Thai",Arial,sans-serif;font-size:64px;line-height:.92;margin:0 0 18px;letter-spacing:-3px}.hero-copy h1 em{font-family:cursive;color:#ff4e91;font-size:86px;font-style:normal}.hero-copy>span{display:block;max-width:390px;font-size:16px;line-height:1.5}.hero-copy>a{display:inline-flex;margin-top:22px;background:#ff79a9;border:2px solid white;border-radius:999px;padding:14px 24px;font-weight:800;box-shadow:0 7px 22px #c52c6a30}.doodle{position:absolute;right:5vw;top:60px;transform:rotate(-5deg);font-family:cursive;font-size:24px;color:#fff;text-shadow:0 2px 12px #0008}.quick{display:grid;grid-template-columns:repeat(6,1fr);padding:20px 5vw 17px;border-bottom:1px solid #f2e8ed;background:#fff;gap:8px}.quick a{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.quick i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffe0ec;color:#ed397e;font-style:normal;font-size:23px}.quick a:nth-child(2) i{background:#e9e5ff;color:#5542b8}.quick a:nth-child(3) i{background:#ffe4ef}.quick a:nth-child(4) i{background:#ffe9dc;color:#e65f25}.quick a:nth-child(5) i{background:#dff2ff;color:#2383c9}.quick a:nth-child(6) i{background:#fff0bf;color:#c58a00}.quick b{font-size:11px}.quick small{font-size:9px;color:#766d72}.stories{padding:32px 4vw 38px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title p{font-family:cursive;color:#ff4e91;font-weight:800;font-size:21px;margin:0}.section-title h2{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans","Noto Sans Thai",Arial,sans-serif;margin:5px 0 0;font-size:28px}.section-title>a{font-size:12px;font-weight:800}.story-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{min-width:0}.photo{height:185px;border-radius:16px;overflow:hidden;background:#f5edf0}.photo img{width:100%;height:100%;object-fit:cover;transition:.35s}.card:hover img{transform:scale(1.035)}.card small{display:block;color:#ff4e91;font-weight:900;font-size:10px;margin-top:11px}.card h3{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans","Noto Sans Thai",Arial,sans-serif;font-size:19px;line-height:1.12;margin:5px 0}.card p{font-size:12px;color:#655e62;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.find{margin:0 4vw 36px;border-radius:20px;background:linear-gradient(110deg,#ffe5ef,#fff4e8);padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.find small{color:#e43e7b;font-weight:900}.find h2{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans","Noto Sans Thai",Arial,sans-serif;font-size:27px;margin:4px 0}.find p{margin:0;color:#655e62}.find>a{white-space:nowrap;background:#ff77a8;border-radius:999px;padding:14px 22px;font-weight:800}footer{border-top:1px solid #eee2e7;padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px}footer strong{font-family:cursive;font-size:22px}footer>div:last-child{display:flex;gap:18px;font-size:11px}.footer .brand{min-width:auto}
@media(max-width:760px){.topbar{height:60px;padding:0 16px}.brand{min-width:auto}.brand>span{font-size:23px}.brand small{font-size:6px}.topbar nav{display:none}.hero{height:475px}.hero>img{object-position:54% center}.wash{background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.05) 45%,rgba(255,255,255,.92) 100%)}.hero-copy{left:22px;right:22px;top:auto;bottom:25px;transform:none;max-width:none}.hero-copy p{font-size:17px}.hero-copy h1{font-size:46px;margin-bottom:7px}.hero-copy h1 em{font-size:60px}.hero-copy>span{font-size:13px;max-width:310px}.hero-copy>a{margin-top:12px;padding:11px 17px;font-size:12px}.doodle{top:20px;right:20px;font-size:16px}.quick{grid-template-columns:repeat(6,72px);overflow-x:auto;padding:15px 14px;justify-content:start}.quick i{width:44px;height:44px}.stories{padding:26px 15px}.section-title h2{font-size:21px}.section-title>a{display:none}.story-list{grid-template-columns:repeat(2,1fr);gap:18px 10px}.photo{height:132px;border-radius:12px}.card h3{font-size:15px}.card p{display:none}.find{margin:0 15px 24px;padding:23px;display:block}.find h2{font-size:24px}.find p{font-size:13px;line-height:1.45}.find>a{display:inline-block;margin-top:16px;font-size:12px}footer{padding:22px 16px;display:block}footer strong{display:block;margin:16px 0}footer>div:last-child{margin-top:10px}}
/* v92 — preserve hero photo composition; avoid aggressive crop */
@media(min-width:761px){
  .hero{height:500px;background:linear-gradient(90deg,#fff8fb 0 38%,#ffddea 38% 100%)}
  .hero>img{left:auto;right:0;width:67%;height:100%;object-fit:contain;object-position:right center;background:#ffddea}
  .wash{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 31%,rgba(255,255,255,.70) 40%,rgba(255,255,255,0) 55%)}
  .hero-copy{max-width:430px}
}
@media(max-width:760px){
  .hero{height:590px;background:#fff8fb;display:flex;flex-direction:column;padding:0}
  .hero>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1457/1080;object-fit:contain;object-position:center top;background:#ffddea;flex:none}
  .wash{background:linear-gradient(180deg,transparent 0 47%,rgba(255,255,255,.55) 57%,#fff8fb 70%);z-index:1}
  .hero-copy{z-index:2;bottom:22px}
  .doodle{z-index:2;top:18px}
}
/* v93 — desktop hero fills the canvas; keep subject visible without a blank right rail */
@media(min-width:761px){
  .hero{height:500px;background:#ffddea}
  .hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;background:#ffddea}
  .wash{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.80) 25%,rgba(255,255,255,.18) 48%,rgba(255,255,255,0) 68%)}
  .hero-copy{max-width:430px}
}
.trailer-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff0f6,#f1eaff)!important;color:#302231;text-align:center}.trailer-card b{font-size:clamp(22px,3vw,36px);line-height:1}.trailer-card span{margin-top:10px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#9b607e}

/* v100 — 대문 이미지 안에 이미 문구가 그려져 있어, 같은 문구를 다시 얹던 HTML 레이어를 화면에서 뺍니다.
   h1과 안내 문장은 검색엔진을 위해 DOM에는 그대로 둡니다(화면에서만 숨김). */
.hero{height:auto;min-height:0;padding:0;display:block;position:relative;overflow:hidden;background:#ffddea}
.hero .hero-link{display:block}
.hero>.hero-link>img,.hero>img{position:relative;inset:auto;display:block;width:100%;max-width:1320px;margin:0 auto;height:auto;aspect-ratio:1457/1080;object-fit:contain;object-position:center;background:#ffddea;filter:none}
.hero .wash,.hero .doodle{display:none}
.hero-copy{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:760px){
  .hero{height:auto}
  .hero>.hero-link>img,.hero>img{aspect-ratio:1457/1080;object-position:center}
}
.trailer-card.is-plain{background:linear-gradient(135deg,#f6f2ec,#efe9f7)!important;color:#5b5260}


/* ===== v102 — 그래픽 교체: v101 Lovely 톤은 유지하고 아이콘/고해상도 대문 표시만 보강 ===== */
.quick i{background:transparent!important;color:inherit!important;width:58px;height:58px;overflow:visible}.quick i img{display:block;width:58px;height:58px;filter:drop-shadow(0 5px 8px rgba(84,45,65,.10));transition:transform .18s ease,filter .18s ease}.quick a:hover i img{transform:translateY(-3px) scale(1.035);filter:drop-shadow(0 9px 12px rgba(84,45,65,.16))}.quick b{margin-top:2px}
.hero>.hero-link>img,.hero>img{max-width:none!important;width:100%!important;aspect-ratio:1672/941!important;object-fit:cover!important;object-position:center center!important;background:#ffddea}
@media(max-width:760px){.quick i,.quick i img{width:52px;height:52px}.hero>.hero-link>img,.hero>img{aspect-ratio:1672/941!important;min-height:0!important;object-fit:cover!important;object-position:56% center!important}.hero .hero-link{overflow:hidden}}

/* ===== v104 — 문구 없는 새 대문. HTML 문구를 다시 화면에 표시하고 7개 언어로 전환합니다. ===== */
.hero{height:480px;min-height:0;padding:0;display:block;position:relative;overflow:hidden;background:#ffddeb}
.hero .hero-link{position:absolute;inset:0;z-index:1;display:block}
.hero picture{display:block;width:100%;height:100%}
.hero .hero-link img,.hero>img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;margin:0;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 42%!important;filter:saturate(.98)}
.hero .wash{display:block;z-index:2;pointer-events:none}
.hero .doodle{display:block;z-index:3}
.hero-copy{position:absolute;left:5vw;top:50%;transform:translateY(-50%);max-width:470px;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;white-space:normal;z-index:3}
.hero-copy>a{position:relative;z-index:4}
@media(max-width:760px){
  .hero{height:500px}
  .hero .hero-link img,.hero>img{object-position:center 34%!important}
  .hero-copy{left:20px;right:20px;top:auto;bottom:22px;transform:none;max-width:none}
}

/* ===== v105 — 휴대폰 대문 문구가 인물·광화문과 겹치던 문제. 세로 여유를 늘리고
   글씨를 사진 아래쪽 여백으로 내립니다. 데스크톱은 v104 그대로입니다. ===== */
@media(max-width:760px){
  .hero{height:580px}
  /* 세로 사진이 잘리지 않고 다 보이도록 */
  .hero .hero-link img,.hero>img{object-position:center top!important}
  /* 위쪽 사진은 그대로 두고 아래 40%만 하얗게 깔아 글씨 자리를 만듭니다 */
  .hero .wash{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(255,255,255,.55) 62%,rgba(255,255,255,.93) 78%,rgba(255,255,255,.99) 100%)}
  .hero-copy{left:20px;right:20px;bottom:18px;top:auto;transform:none;max-width:none}
  .hero-copy p{font-size:15px;margin-bottom:-2px}
  .hero-copy h1{font-size:38px;line-height:.94;margin-bottom:6px}
  .hero-copy h1 em{font-size:52px}
  .hero-copy>span{font-size:13px;line-height:1.45;max-width:none}
  .hero-copy>a{margin-top:11px;padding:10px 18px;font-size:12px;gap:6px}
  .doodle{top:16px;right:18px;font-size:15px}
}
.photo img.fallback-art{object-position:center bottom}

/* ===== v106 — 메뉴 줄이기. 상단바는 스크롤과 함께 올라가고, 아이콘 줄이 상단에 붙어 따라옵니다. ===== */
.topbar{position:static}
.quick{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 1px 0 #f2e8ed,0 6px 18px rgba(84,45,65,.05)}
@media(max-width:760px){
  .quick{padding:10px 14px 9px;gap:4px}
  .quick i{width:40px;height:40px}
  .quick i img{width:40px;height:40px}
  .quick b{font-size:10px;margin-top:1px}
  .quick small{display:none}
}

/* v106b — 상단바 고정을 풀면서 언어 목록이 아이콘 줄과 대문 뒤로 숨던 문제.
   상단바에 쌓임 순서를 다시 부여합니다. */
.topbar{position:relative;z-index:60}
.langpick>div{z-index:70}
.photo img.fallback-art{object-position:center}
.photo img.fallback-art[src*="concert-default"],
.photo img.fallback-art[src*="film-default"],
.photo img.fallback-art[src*="webtoon-anime-default"]{object-position:center bottom}

/* v109b — 분류별 대체 사진 변형(-2)도 라벨이 아래에 있어 아래 기준으로 맞춥니다. */
.photo img.fallback-art[src*="kpop-default-2"],
.photo img.fallback-art[src*="kdrama-default-2"]{object-position:center bottom}

/* v111 — 푸터 권리 표기. 기사 본문은 건드리지 않고 맨 아래에만 작게 둡니다. */
footer .rights-note{margin:14px auto 0;max-width:760px;font-size:11px;line-height:1.6;color:#9a8f95;text-align:center}

/* v113 — PC 화면에서 푸터가 가로 한 줄이라 권리 표기가 눌려 보이지 않던 문제.
   줄바꿈을 허용하고 표기를 아래 한 줄로 내립니다. */
footer{flex-wrap:wrap}
footer .rights-note{flex:1 0 100%;order:10;margin:16px 0 0;padding-top:14px;border-top:1px solid #f6ecf0;text-align:center}

/* v114 — 성능 최적화. picture 는 자리만 차지하고 크기는 안쪽 img 가 그대로 따릅니다. */
.hero picture,.photo picture{display:block;width:100%;height:100%}
.hero .hero-link img{position:absolute;inset:0}

/* v118 — home motion banner replaces legacy shopping CTA */
.home-motion-banner{margin:0 4vw 36px;line-height:0;overflow:hidden;border-radius:20px}
.home-motion-banner video{display:block;width:100%;height:auto;max-width:100%;border:0}
@media(max-width:760px){.home-motion-banner{margin:0 15px 24px;border-radius:16px}}


/* v125 — mobile home polish: softer Korean type + framed motion banner only */
html[lang="ko"] body,
html[lang="ko"] .today,
html[lang="ko"] .today h2,
html[lang="ko"] .today .lead,
html[lang="ko"] .story-card,
html[lang="ko"] .story-card h3,
html[lang="ko"] .story-card .eyebrow,
html[lang="ko"] .story-card .meta,
html[lang="ko"] .story-card .summary{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans","Noto Sans Thai",Arial,sans-serif;
  letter-spacing:-0.02em;
}
html[lang="ko"] .today h2,
html[lang="ko"] .today .lead,
html[lang="ko"] .story-card h3{
  font-weight:600;
}

/* Keep story cards borderless/clean. Only the ToYouPick motion banner gets a thin frame. */
.home-motion-banner{
  margin-top:34px;
  margin-bottom:46px;
  padding:18px 14px;
  border:1px solid rgba(255,91,145,.36);
  border-radius:22px;
  background:#fff;
  overflow:hidden;
}
.home-motion-banner video{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
}
@media(max-width:760px){
  .home-motion-banner{
    margin:38px 15px 50px;
    padding:22px 12px;
    border-radius:22px;
  }
  .home-motion-banner video{border-radius:15px}
}

/* v160 — 한국어는 단어 단위로 줄바꿈. 일본어·중국어·태국어는 띄어쓰기가 없어 제외합니다. */
html[lang="ko"] h1,html[lang="ko"] h2,html[lang="ko"] h3,
html[lang="ko"] p,html[lang="ko"] li,html[lang="ko"] figcaption,
html[lang="ko"] .subtitle,html[lang="ko"] .category-note,
html[lang="ko"] .story h2,html[lang="ko"] .story p,
html[lang="ko"] .card h3,html[lang="ko"] .card p{word-break:keep-all;overflow-wrap:break-word}

/* v161 — 카드 제목 줄을 고르게 나눕니다. */
.story h2,.card h3,.category-head h1,.section-title h2{text-wrap:balance}


/* v168 — newest Solo Leveling card must stay 16:9 instead of being stretched/cropped vertically. */

/* ===== v182 — 메인 개편: 흰 바탕 제목 + 가을 그림, 핑크는 포인트만 ===== */
.hero2{background:#fff;display:grid}
.hero2-copy{padding:26px 22px 18px}
.hero2-eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.16em;color:#6b6168;text-transform:uppercase}
.hero2 h1{margin:0;font-size:clamp(38px,10vw,74px);line-height:1.03;letter-spacing:-.02em;color:#17131a;font-weight:850}
.hero2 h1 em{font-style:normal;color:#ff4e91}
.hero2-sub{margin:12px 0 0;font-size:16px;line-height:1.55;color:#4f474d;max-width:34ch}
.hero2-art img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center 45%}
@media (min-width:900px){
  .hero2{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:36px 5vw}
  .hero2-copy{padding:0}
  .hero2-sub{font-size:18px}
  .hero2-art img{aspect-ratio:4/5;max-height:640px;border-radius:24px}
}

/* ===== v182 — This Week's 3 Picks (숏츠 + 기사 3개) ===== */
.picks{padding:26px 5vw 10px;background:#fff}
.picks-grid{display:grid;gap:14px}
.picks-video{position:relative;border-radius:18px;overflow:hidden;background:#15121a;aspect-ratio:16/9;width:100%}
.picks-video button{all:unset;cursor:pointer;display:block;width:100%;height:100%;position:relative}
.picks-video picture,.picks-video img{display:block;width:100%;height:100%}
.picks-video img{object-fit:cover;object-position:center 32%}
.picks-over{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 22px;color:#fff;background:linear-gradient(90deg,rgba(15,10,20,.72),rgba(15,10,20,.08) 72%)}
.picks-over b{font-size:clamp(20px,5.4vw,28px);line-height:1.15;max-width:12ch}
.picks-over span{font-size:13px;line-height:1.4;max-width:24ch;opacity:.92}
.picks-play{position:absolute;right:16px;bottom:14px;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.94);color:#ff4e91;display:grid;place-items:center;font-style:normal;font-size:19px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.picks-video.on{aspect-ratio:9/16;max-width:360px;margin:0 auto}
.picks-video iframe{display:block;width:100%;height:100%;border:0}
.picks-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pick{display:flex;flex-direction:column;border:1px solid #f0e6eb;border-radius:14px;overflow:hidden;background:#fff;color:inherit;text-decoration:none}
.pick .ph{position:relative;aspect-ratio:4/3;background:#f6f1f3}
.pick .ph picture,.pick .ph img{display:block;width:100%;height:100%;object-fit:cover}
.pick .no{position:absolute;left:8px;top:8px;background:#fff;color:#ff4e91;font-weight:800;font-size:12px;line-height:1;border-radius:7px;padding:4px 7px}
.pick .tx{display:flex;flex-direction:column;gap:6px;padding:10px 11px 12px;flex:1}
.pick h3{margin:0;font-size:14px;line-height:1.32;color:#17131a}
.pick .rd{margin-top:auto;font-size:12px;font-weight:700;color:#ff4e91}
@media (max-width:599px){
  .picks-cards{grid-template-columns:1fr}
  .pick{flex-direction:row;align-items:stretch}
  .pick .ph{width:104px;flex:none;aspect-ratio:1/1}
  .pick .tx{justify-content:center}
}
@media (min-width:900px){
  .picks-grid{grid-template-columns:300px 1fr;align-items:start;gap:22px}
  .picks-video{aspect-ratio:9/16}
  .picks-video.on{max-width:none}
}

/* ===== v183 — 섹션 제목 통일: 핑크 짧은 선 + 작은 라벨 + 굵은 제목 (필기체·하트 제거) ===== */
.section-title{align-items:flex-end}
.section-title p{font-family:inherit!important;font-style:normal;font-size:12px!important;font-weight:700!important;letter-spacing:.16em;text-transform:uppercase;color:#6b6168!important;display:flex;align-items:center;gap:10px;margin:0 0 6px!important}
.section-title p::before{content:"";width:22px;height:2px;border-radius:2px;background:#ff4e91;flex:none}
.section-title h2{font-size:clamp(24px,6.4vw,32px)!important;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:#17131a;margin:0!important}
.kx-head{padding:26px 5vw 0;margin-bottom:12px!important;background:#fff}
.kx6-brand,.kx6-today{display:none!important}
/* v183 — 섹션 좌우 여백을 기사 목록과 맞춤 */
.picks,.kx-head{padding-left:4vw;padding-right:4vw}
@media (max-width:760px){.picks,.kx-head{padding-left:15px;padding-right:15px}}

/* ===== v184 — 모바일: 글자를 그림 위(왼쪽 위)에 얹어 하늘·타워가 보이게 ===== */
@media (max-width:899px){
  .hero2{position:relative;display:block}
  .hero2-art img{aspect-ratio:2/3;object-position:center top}
  .hero2-copy{position:absolute;left:0;top:0;z-index:2;padding:22px 18px 40px;width:66%;
    background:radial-gradient(120% 100% at 0% 0%,rgba(255,255,255,.93) 0%,rgba(255,255,255,.82) 42%,rgba(255,255,255,0) 78%)}
  .hero2-eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:6px;color:#4f474d}
  .hero2 h1{font-size:clamp(32px,9vw,44px);line-height:1.02}
  .hero2-sub{font-size:13.5px;line-height:1.45;margin-top:10px;max-width:22ch;color:#3d363b}
}
/* v184 — 글자 뒤 흰 번짐을 글자 영역보다 넓게 */
@media (max-width:899px){
  .hero2-copy{background:none}
  .hero2-copy::before{content:"";position:absolute;z-index:-1;left:-12%;top:-10%;width:130%;height:128%;
    background:radial-gradient(farthest-side at 38% 44%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.8) 58%,rgba(255,255,255,0) 100%)}
}
/* v184b — 흰 번짐 대신 위쪽만 은은하게 어둡게 + 흰 글자 */
@media (max-width:899px){
  .hero2-copy::before{display:none}
  .hero2-art{position:relative}
  .hero2-art::after{content:"";position:absolute;inset:0 0 auto 0;height:52%;pointer-events:none;
    background:linear-gradient(180deg,rgba(20,12,18,.55) 0%,rgba(20,12,18,.32) 45%,rgba(20,12,18,0) 100%)}
  .hero2-copy{width:78%;text-shadow:0 1px 14px rgba(0,0,0,.35)}
  .hero2-eyebrow{color:rgba(255,255,255,.9)}
  .hero2 h1{color:#fff}
  .hero2 h1 em{color:#ff8fbd}
  .hero2-sub{color:rgba(255,255,255,.95)}
}
/* v184c — 어둡게 하는 범위를 글자 뒤(왼쪽 위)로 좁혀 하늘은 밝게 유지 */
@media (max-width:899px){
  .hero2-art::after{inset:0 auto auto 0;width:92%;height:56%;
    background:radial-gradient(farthest-side at 0% 0%,rgba(24,14,20,.58) 0%,rgba(24,14,20,.38) 50%,rgba(24,14,20,0) 100%)}
  .hero2-copy{text-shadow:0 1px 3px rgba(0,0,0,.35),0 2px 16px rgba(0,0,0,.35)}
}

/* ===== v186 — PC 첫 화면: 그림을 배경으로 스며들게 + 은은한 단풍잎 ===== */
.leaf{display:none}
@media (min-width:900px){
  .hero2{position:relative;overflow:hidden;grid-template-columns:1fr 1.02fr;gap:8px;padding:34px 5vw 38px;
    background:linear-gradient(90deg,#fff7f2 0%,#fffaf6 48%,#fff 100%)}
  .hero2-copy{position:relative;z-index:2}
  .hero2-art{position:relative;z-index:1}
  .hero2-art img{aspect-ratio:1/1;max-height:560px;object-fit:cover;object-position:center 28%;border-radius:0 28px 28px 0;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%)}
  .leaf{display:block;position:absolute;z-index:1;pointer-events:none;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 4 54 20 62 14 58 40 70 28 72 38 88 32 84 48 92 52 70 70 74 82 52 78 51 98 49 98 48 78 26 82 30 70 8 52 16 48 12 32 28 38 30 28 42 40 38 14 46 20Z'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 4 54 20 62 14 58 40 70 28 72 38 88 32 84 48 92 52 70 70 74 82 52 78 51 98 49 98 48 78 26 82 30 70 8 52 16 48 12 32 28 38 30 28 42 40 38 14 46 20Z'/%3E%3C/svg%3E") center/contain no-repeat}
  .lf1{left:2.5%;top:9%;width:34px;height:34px;background:#f07a3a;opacity:.55;transform:rotate(-24deg)}
  .lf2{left:31%;top:6%;width:22px;height:22px;background:#e2462a;opacity:.45;transform:rotate(18deg)}
  .lf3{left:44%;top:34%;width:40px;height:40px;background:#f39a2e;opacity:.5;transform:rotate(-8deg);filter:blur(.6px)}
  .lf4{left:40%;top:72%;width:26px;height:26px;background:#d9412b;opacity:.5;transform:rotate(32deg)}
  .lf5{left:6%;bottom:8%;width:28px;height:28px;background:#f4b33c;opacity:.5;transform:rotate(12deg)}
  .lf6{left:22%;bottom:4%;width:18px;height:18px;background:#e86a2f;opacity:.4;transform:rotate(-30deg);filter:blur(.8px)}
  .lf7{left:49%;top:12%;width:16px;height:16px;background:#f07a3a;opacity:.45;transform:rotate(40deg)}
}

/* ===== v186 — PC 3 Picks: 카드를 세로로 쌓아 영상 높이에 맞춤(빈 공간 제거) ===== */
@media (min-width:900px){
  .picks-grid{grid-template-columns:330px 1fr;align-items:stretch;gap:20px}
  .picks-video{aspect-ratio:9/16;height:auto}
  .picks-cards{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:12px}
  .pick{flex-direction:row;align-items:stretch;min-height:0}
  .pick .ph{flex:0 0 auto;height:100%;aspect-ratio:1/1;width:auto}
  .pick .tx{justify-content:center;gap:10px;padding:14px 22px}
  .pick h3{font-size:clamp(17px,1.5vw,21px);line-height:1.3}
  .pick .rd{margin-top:0;font-size:14px}
}
/* v186 — 카드 3개 전체 높이를 영상(330×16/9)에 고정 */
@media (min-width:900px){
  .picks-grid{align-items:start}
  .picks-video{width:330px;height:587px;aspect-ratio:auto}
  .picks-cards{height:587px;grid-template-rows:repeat(3,minmax(0,1fr))}
  .pick{height:100%;min-height:0;overflow:hidden}
  .pick .ph{height:100%;aspect-ratio:1/1;width:auto}
  .pick .ph picture,.pick .ph img{height:100%;width:100%}
}

/* ===== v187 — PC 첫 화면: 그림을 오른쪽·위·아래 끝까지 꽉 채움(테두리 없음) ===== */
@media (min-width:900px){
  .hero2{grid-template-columns:1fr 1.08fr;gap:0;padding:0;min-height:560px;align-items:stretch}
  .hero2-copy{align-self:center;padding:48px 3vw 48px 5vw}
  .hero2-art{align-self:stretch;min-height:560px}
  .hero2-art picture{display:block;height:100%}
  .hero2-art img{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;object-fit:cover;object-position:center 30%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 10%,#000 26%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 10%,#000 26%)}
  .lf3{left:46%;top:30%}.lf4{left:43%;top:74%}.lf7{left:50%;top:10%}
}

/* ===== v187 — 카드 내용 채우기: 분류 + 숏츠 속 질문 + 요약 + 화살표 (PC만) ===== */
.pick .meta,.pick .sm,.pick .go{display:none}
@media (min-width:900px){
  .pick{position:relative}
  .pick .tx{padding:16px 56px 16px 22px;gap:8px}
  .pick .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .pick .cat{font-size:11px;font-weight:800;letter-spacing:.08em;color:#ff4e91;background:#fff0f6;border-radius:6px;padding:3px 7px}
  .pick .sc{font-size:12.5px;color:#7a6f76;font-style:italic}
  .pick .sm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:14px;line-height:1.5;color:#5b5258}
  .pick .go{display:grid;place-items:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;
    border:1px solid #f0e2e9;color:#ff4e91;font-style:normal;font-size:20px;line-height:1}
  .pick:hover .go{background:#ff4e91;color:#fff;border-color:#ff4e91}
}
/* v187 — 첫 화면 높이 고정(노트북 한 화면 안에) */
@media (min-width:900px){
  .hero2{height:clamp(500px,64vh,620px);min-height:0}
  .hero2-art{min-height:0;height:100%;overflow:hidden}
  .hero2-art img{object-position:center 24%}
}

/* ===== v188 — ☰ 제거 후 언어 선택을 오른쪽 끝으로 ===== */
.topbar .actions{margin-left:auto}

/* v240 홈 로고: TYP 선물상자 (왼쪽, 글자 두 줄 옆) */
.brand:has(.brand-box){display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;justify-content:start}
.brand .brand-box{grid-row:1/3;width:44px;height:44px;object-fit:contain}
.brand:has(.brand-box)>span{grid-column:2}
.brand:has(.brand-box) small{grid-column:2}
footer .brand .brand-box{width:40px;height:40px}
@media(max-width:760px){.brand .brand-box{width:36px;height:36px}footer .brand .brand-box{width:34px;height:34px}}