/* AM:ME 눈썹 반영구 상세페이지 (최종 · 2026-09-30 확정 컬러) — 첫 화면은 C v2, 나머지는 my-site-section 스킬 · AM:ME 컬러
   ⓒ 마케터 엘제이 · 엘제이뷰(LJ VIEW) 스킬 기반 */

/* ════ 글꼴 — 로컬 파일 우선 ════ */
@font-face { font-family:'Gmarket Sans'; font-weight:300; font-display:swap;
  src:url('/brow/fonts/gmarket-300.woff2') format('woff2'); }
@font-face { font-family:'Gmarket Sans'; font-weight:500; font-display:swap;
  src:url('/fonts/gmarket-500.woff2') format('woff2'); }
@font-face { font-family:'Gmarket Sans'; font-weight:700; font-display:swap;
  src:url('/fonts/gmarket-700.woff2') format('woff2'); }

@font-face { font-family:'SUIT'; font-weight:400; font-display:swap; src:url('/fonts/suit-400.woff2') format('woff2'); }
@font-face { font-family:'SUIT'; font-weight:500; font-display:swap; src:url('/brow/fonts/suit-500.woff2') format('woff2'); }
@font-face { font-family:'SUIT'; font-weight:600; font-display:swap; src:url('/brow/fonts/suit-600.woff2') format('woff2'); }
@font-face { font-family:'SUIT'; font-weight:700; font-display:swap; src:url('/fonts/suit-700.woff2') format('woff2'); }
@font-face { font-family:'Paperlogy'; font-weight:600; font-display:swap; src:url('/brow/fonts/paperlogy-600.woff2') format('woff2'); }
@font-face { font-family:'Paperlogy'; font-weight:800; font-display:swap; src:url('/brow/fonts/paperlogy-800.woff2') format('woff2'); }
@font-face { font-family:'Iropke Batang'; font-weight:400; font-display:swap; src:url('/fonts/iropke-400.woff2') format('woff2'); }
@font-face { font-family:'Onglip Yeongrong'; font-weight:400; font-display:swap; src:url('/fonts/yeongrong-400.woff2') format('woff2'); }

/* ════ 기본 ════ */
.sx-wrap * { box-sizing:border-box; }
.sx-wrap { color:#132527; word-break:keep-all; overflow-wrap:break-word;
  --brand:#FD7664; --brand-deep:#132527; --brand-hl:#F7EC9F;
  --sky:#BDDBF3; --sky-pale:#BDDBF3; --pink:#FD7664;
  --paper:#F8FAF9; --dark:#132527; --ink:#132527;
  --tone-light:#BDDBF3; --tone-deep:#F8C0D3; }
.sx-container { max-width:1120px; margin:0 auto; padding:0 clamp(28px,7vw,150px); }
.sx-sec { padding:clamp(88px,10vw,132px) 0; }
.sx-sec.paper { background:var(--paper); }
.sx-sec.white { background:#fff; }
.sx-sec.dark  { background:var(--dark); }
.sx-sec h2 { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700;
  font-size:clamp(31px,3.9vw,50px); line-height:1.24; letter-spacing:-0.03em;
  margin:0 0 18px; color:var(--ink); word-break:keep-all; }
.sx-sec h2 .k { color:var(--brand); }
.sx-sec.dark h2 { color:#fff; }
.sx-sec.dark h2 .k { color:var(--brand-hl); }
.sx-lead { font-family:'SUIT','Noto Sans KR',sans-serif;
  font-size:clamp(18px,1.9vw,21px); line-height:1.8; color:rgba(19,37,39,0.78);
  margin:0 0 clamp(44px,5vw,64px); word-break:keep-all; }
.sx-lead strong { font-family:'SUIT','Noto Sans KR',sans-serif; color:var(--ink); font-weight:700; }
.sx-sec.dark .sx-lead { color:rgba(255,255,255,0.75); }
.sx-sec.dark .sx-lead strong { color:#fff; }

/* 작은 라벨 */
.sx-tag { display:inline-block; font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:13px; letter-spacing:0.16em; color:var(--brand-deep); margin-bottom:14px; }
.sx-tag::before { content:""; display:inline-block; width:22px; height:2px;
  background:var(--brand); vertical-align:0.28em; margin-right:10px; }
.sx-sec.dark .sx-tag { color:var(--brand-hl); }
.sx-sec.dark .sx-tag::before { background:var(--brand-hl); }

/* ════ A 히어로 ════ */
.sx-hero { background:#fff; padding:clamp(80px,9vw,116px) 0 0; }
.sx-hero-grid { display:grid; grid-template-columns:1.16fr 0.84fr; gap:clamp(30px,4vw,60px);
  align-items:end; margin-bottom:clamp(30px,3.6vw,50px); }
.sx-hero h1 { font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:clamp(38px,4.5vw,58px); line-height:1.18; letter-spacing:-0.04em;
  margin:0 0 22px; color:var(--ink); word-break:keep-all; }
.sx-hero h1 .k { color:var(--brand); }
.sx-hero-sub { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:clamp(18px,2vw,22px);
  line-height:1.72; color:rgba(19,37,39,0.78); margin:0 0 32px; word-break:keep-all; }
.sx-hero-sub strong { font-family:'SUIT','Noto Sans KR',sans-serif; color:var(--ink); font-weight:700; }
.sx-hero-shot { position:relative; z-index:1; align-self:end; justify-self:center;
  margin-bottom:clamp(-230px,-16vw,-150px); display:flex; justify-content:center; }
.sx-hero-shot img { width:min(112%,430px); height:auto; display:block; }
/* 누끼가 아닌 사진 — 위쪽만 둥글게, 아래는 숫자 바 뒤로 */
.sx-hero-shot.sx-photo img { width:min(100%,420px); aspect-ratio:4/5; object-fit:cover;
  border-radius:26px 26px 0 0; box-shadow:0 30px 70px -44px rgba(19,37,39,0.5); }
.sx-stats { position:relative; z-index:3; background:var(--dark);
  border-radius:26px 26px 0 0; padding:clamp(34px,3.8vw,48px) clamp(22px,3vw,40px);
  display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(18px,2.6vw,30px); }
.sx-stat { text-align:center; color:#fff; position:relative; }
.sx-stat + .sx-stat::before { content:""; position:absolute; left:calc(-1 * clamp(9px,1.3vw,15px));
  top:6px; bottom:6px; width:1px; background:rgba(255,255,255,0.16); }
.sx-stat .n { font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:clamp(32px,3.9vw,50px); line-height:1; letter-spacing:-0.035em; white-space:nowrap; }
.sx-stat .n .suf { font-size:0.42em; margin-left:3px; color:var(--brand-hl); }
.sx-stat .l { font-family:'SUIT','Noto Sans KR',sans-serif; margin:13px 0 0;
  font-size:clamp(14px,1.3vw,16.5px); font-weight:600; color:rgba(255,255,255,0.75); line-height:1.5; }

/* ════ B 대화형 ════ */
.sx-talk { max-width:820px; margin:0 auto; }
.sx-turn { display:flex; gap:14px; margin-bottom:clamp(22px,2.6vw,32px); align-items:flex-end; }
.sx-turn.me { flex-direction:row-reverse; }
.sx-turn .who { flex:0 0 auto; width:54px; height:54px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:12.5px;
  line-height:1.15; text-align:center; letter-spacing:-0.03em; white-space:nowrap; }
.sx-turn.you .who { background:var(--sky-pale); color:var(--ink); }
.sx-turn.me .who { background:var(--brand-deep); color:#fff; }
.sx-bubble { position:relative; max-width:min(78%,560px); border-radius:20px;
  padding:clamp(20px,2.3vw,26px) clamp(22px,2.5vw,30px); word-break:keep-all; }
.sx-turn.you .sx-bubble { background:#fff; border-bottom-left-radius:6px;
  box-shadow:0 18px 44px -34px rgba(19,37,39,0.4); }
.sx-turn.me .sx-bubble { background:var(--brand-deep); border-bottom-right-radius:6px; }
.sx-turn.you .sx-bubble b { display:block; font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:clamp(19px,2.1vw,25px); line-height:1.45; color:var(--ink); letter-spacing:-0.02em; }
.sx-turn.me .sx-bubble p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0;
  font-size:17.5px; line-height:1.8; color:#fff; }
.sx-turn.me .sx-bubble p strong { color:#fff; font-weight:700;
  background:linear-gradient(transparent 62%, rgba(247,236,159,0.35) 62%); }

/* ════ C 타임바 ════ */
.sx-bar { position:relative; display:grid; grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,2.4vw,30px); margin:0 0 clamp(46px,5vw,66px); padding-top:52px; }
.sx-bar::before { content:""; position:absolute; left:8%; right:8%; top:15px; height:3px;
  background:var(--brand); opacity:0.75; border-radius:2px; }
.sx-step { position:relative; text-align:center; }
.sx-step::before { content:""; position:absolute; left:50%; top:-45px; transform:translateX(-50%);
  width:17px; height:17px; border-radius:50%; background:#fff;
  border:4px solid var(--brand); box-shadow:0 0 0 5px #fff; }
.sx-step .min { display:block; font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:clamp(30px,3.4vw,44px); color:var(--brand); line-height:1;
  letter-spacing:-0.03em; margin-bottom:14px; }
.sx-step h3 { font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:21px;
  margin:0 0 10px; color:var(--ink); }
.sx-step p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0 auto; max-width:290px;
  font-size:17px; line-height:1.75; color:rgba(19,37,39,0.78); word-break:keep-all; }
.sx-step .pct { display:inline-block; margin-top:14px; font-family:'SUIT','Noto Sans KR',sans-serif;
  font-size:13px; font-weight:700; letter-spacing:0.06em; color:var(--brand-deep);
  background:rgba(247,236,159,0.85); border-radius:999px; padding:5px 13px; }

/* ════ D 아이콘 카드 ════ */
.sx-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.2vw,24px); }
.sx-card { background:#fff; border-radius:22px; padding:clamp(28px,3vw,36px);
  box-shadow:0 22px 50px -38px rgba(19,37,39,0.42); position:relative; }
.sx-card .ico { width:54px; height:54px; border-radius:16px; background:rgba(247,236,159,0.85);
  display:flex; align-items:center; justify-content:center; color:var(--brand); margin-bottom:20px; }
.sx-card .no { position:absolute; top:clamp(28px,3vw,36px); right:clamp(28px,3vw,36px);
  font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:34px;
  color:var(--brand); opacity:0.3; line-height:1; letter-spacing:-0.03em; }
.sx-card h3 { font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:21px;
  margin:0 0 6px; color:var(--ink); }
.sx-card > p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0 0 20px; font-size:15.5px; color:rgba(19,37,39,0.78); }
.sx-card ul { list-style:none; margin:0; padding:0; }
.sx-card li { font-family:'SUIT','Noto Sans KR',sans-serif; position:relative;
  padding:10px 0 10px 21px; font-size:17px; line-height:1.6; color:var(--ink);
  word-break:keep-all; border-top:1px solid rgba(19,37,39,0.08); }
.sx-card li:first-child { border-top:none; }
.sx-card li::before { content:""; position:absolute; left:2px; top:18px;
  width:7px; height:7px; border-radius:2px; background:var(--brand); }

/* ════ E 가로 행 ════ */
.sx-row { display:grid; grid-template-columns:86px 1fr 230px; gap:clamp(20px,3vw,40px);
  align-items:start; padding:clamp(30px,3.4vw,42px) 0; border-top:1px solid rgba(19,37,39,0.1); }
.sx-row:last-child { border-bottom:1px solid rgba(19,37,39,0.1); }
.sx-row .no { font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:clamp(38px,4.4vw,56px); line-height:0.9; color:var(--brand);
  opacity:0.32; letter-spacing:-0.04em; }
.sx-row b { display:block; font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:clamp(21px,2.3vw,28px); line-height:1.44; color:var(--ink);
  letter-spacing:-0.02em; margin-bottom:12px; word-break:keep-all; }
.sx-row p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0; font-size:17.5px;
  line-height:1.85; color:rgba(19,37,39,0.78); word-break:keep-all; }
.sx-row .side { text-align:right; }
.sx-row .side .tag { display:inline-block; font-family:'SUIT','Noto Sans KR',sans-serif;
  font-size:13px; font-weight:700; letter-spacing:0.06em; color:#fff;
  background:var(--brand-deep); border-radius:6px; padding:5px 13px; margin-bottom:12px; }
.sx-row .side .src { display:block; font-family:'SUIT','Noto Sans KR',sans-serif;
  font-size:15px; font-weight:600; color:rgba(19,37,39,0.78); line-height:1.6; word-break:keep-all; }

/* ════ F 사진 밴드 ════ */
.sx-band { padding:0 0 clamp(88px,10vw,132px); }
.sx-band.top { padding:clamp(88px,10vw,132px) 0 0; }
.sx-band-one { border-radius:26px; overflow:hidden; aspect-ratio:21/9;
  box-shadow:0 34px 70px -40px rgba(19,37,39,0.4); }
.sx-band-one img { width:100%; height:100%; object-fit:cover; display:block; }
.sx-band-two { display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,2vw,22px); }
.sx-band-two > div { border-radius:22px; overflow:hidden; aspect-ratio:4/3;
  box-shadow:0 26px 56px -40px rgba(19,37,39,0.38); }
.sx-band-two img { width:100%; height:100%; object-fit:cover; display:block; }
.sx-band-cap { font-family:'SUIT','Noto Sans KR',sans-serif; margin:18px 0 0;
  font-size:16px; color:rgba(19,37,39,0.78); word-break:keep-all; }

/* 화면 캡처 — 잘리면 내용이 사라진다. cover 가 아니라 contain */
.sx-shot { border-radius:18px; overflow:hidden; background:#fff;
  border:1px solid rgba(19,37,39,0.12); box-shadow:0 22px 50px -34px rgba(19,37,39,0.35);
  display:flex; align-items:center; justify-content:center; }
.sx-shot img { max-width:100%; max-height:100%; width:auto; height:auto; display:block; }

/* ════ G 타임라인 ════ */
.sx-tl-year { display:grid; grid-template-columns:140px 1fr; gap:clamp(20px,3vw,44px);
  padding:28px 0; border-top:1px solid rgba(255,255,255,0.15); }
.sx-tl-year:first-child { border-top:none; padding-top:0; }
.sx-tl-year > .y { font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:clamp(30px,3.4vw,44px); line-height:1; color:var(--brand-hl);
  letter-spacing:-0.035em; }
.sx-tl-year > .y em { display:block; font-style:normal; font-family:'SUIT','Noto Sans KR',sans-serif;
  font-size:14px; font-weight:600; color:rgba(255,255,255,0.55); margin-top:10px; }
.sx-rec { font-family:'SUIT','Noto Sans KR',sans-serif; padding:8px 0; font-size:17px;
  line-height:1.65; color:rgba(255,255,255,0.82); word-break:keep-all; }
.sx-rec .org { font-weight:700; color:#fff; margin-right:10px; }
.sx-creds { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:clamp(48px,5.2vw,68px); }
.sx-cred { background:rgba(255,255,255,0.07); border:1px solid rgba(247,236,159,0.25);
  border-radius:16px; padding:24px; }
.sx-cred .org { display:block; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:14px;
  color:var(--brand-hl); margin-bottom:8px; }
.sx-cred .nm { display:block; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:17.5px;
  font-weight:700; color:#fff; line-height:1.5; word-break:keep-all; }

/* ════ H CTA — 베이비 핑크, 글씨는 딥틸 ════ */
.sx-cta { background:var(--pink); padding:clamp(90px,10vw,128px) 0; text-align:center; }
.sx-cta h2 { font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:clamp(29px,3.7vw,48px); line-height:1.28; margin:0 0 18px; color:var(--ink);
  letter-spacing:-0.03em; word-break:keep-all; }
.sx-cta p { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:clamp(17px,1.8vw,19.5px);
  line-height:1.75; color:var(--ink);
  margin:0 0 clamp(38px,4.4vw,52px); word-break:keep-all; }
.sx-btns { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.sx-btns .b1 { display:inline-flex; align-items:center; gap:10px; background:var(--dark);
  color:#fff; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:17px; font-weight:700;
  padding:18px 34px; border-radius:999px; text-decoration:none;
  box-shadow:0 18px 40px -18px rgba(19,37,39,0.45); transition:transform .22s; }
.sx-btns .b1:hover { transform:translateY(-2px); }
.sx-btns .b2 { display:inline-flex; align-items:center; gap:8px;
  background:transparent; color:var(--ink); font-family:'SUIT','Noto Sans KR',sans-serif;
  font-size:17px; font-weight:600; padding:18px 32px; border-radius:999px;
  border:1.5px solid var(--ink); text-decoration:none; transition:background .22s; }
.sx-btns .b2:hover { background:rgba(255,255,255,0.35); }


/* ══════════════════════════════════════════════
   여기부터 AM:ME 상세페이지용 추가 부품 (스킬 규칙 그대로: sx- 접두사, 보드 색만)
   ══════════════════════════════════════════════ */
.sx-wrap img { display:block; max-width:100%; }
.sx-wrap figure { margin:0; }
.sx-cap { font-family:'SUIT','Noto Sans KR',sans-serif; margin:14px 2px 0; font-size:16px; line-height:1.6;
  font-weight:600; color:rgba(19,37,39,0.78); word-break:keep-all; }
.sx-sec.dark .sx-cap { color:rgba(255,255,255,0.75); }
.sx-note { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:14.5px; line-height:1.6;
  color:rgba(19,37,39,0.78); margin:14px 0 0; }

/* 사진 2장 + 설명 */
.sx-figs { display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,2vw,22px); }
.sx-figs .sx-img { border-radius:22px; overflow:hidden; aspect-ratio:3/2;
  box-shadow:0 26px 56px -40px rgba(19,37,39,0.38); }
.sx-figs img { width:100%; height:100%; object-fit:cover; }

/* ✓ 체크 목록 */
.sx-checks { list-style:none; margin:clamp(30px,3.6vw,44px) 0 0; padding:0;
  display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.sx-checks li { font-family:'SUIT','Noto Sans KR',sans-serif; display:flex; align-items:center; gap:14px;
  background:var(--paper); border-radius:16px; padding:20px 22px;
  font-size:18px; font-weight:600; line-height:1.5; color:var(--ink); word-break:keep-all; }
.sx-checks li::before { content:""; flex:0 0 30px; height:30px; border-radius:50%;
  background:var(--brand-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/15px no-repeat; }
.sx-checks li.on { background:var(--brand-deep); color:#fff; }
.sx-checks li.on::before { background-color:var(--brand-hl);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23132527' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }

/* D 카드 — 사진이 위에 붙는 형 */
.sx-card.sx-pic { padding:0; overflow:hidden; }
.sx-card.sx-pic .sx-card-img { aspect-ratio:1/1; overflow:hidden; }
.sx-card.sx-pic .sx-card-img img { width:100%; height:100%; object-fit:cover; }
.sx-card.sx-pic .sx-card-body { padding:clamp(24px,2.6vw,32px); }
.sx-card .en { display:block; font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:12.5px;
  letter-spacing:0.16em; color:var(--brand-deep); margin-bottom:8px; }
.sx-card .sx-desc { font-family:'SUIT','Noto Sans KR',sans-serif; margin:10px 0 0; font-size:17px;
  line-height:1.75; color:rgba(19,37,39,0.78); word-break:keep-all; }
.sx-card .sx-chip { display:inline-block; margin-top:16px; font-family:'SUIT','Noto Sans KR',sans-serif;
  font-size:13.5px; font-weight:700; color:var(--brand-deep);
  background:rgba(247,236,159,0.85); border-radius:999px; padding:6px 14px; }
.sx-cards.sx-two { grid-template-columns:repeat(2,1fr); }
.sx-card .sx-q { font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:clamp(20px,2vw,23px);
  line-height:1.45; margin:0 60px 14px 0; color:var(--ink); word-break:keep-all; }
.sx-card .sx-a { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0; padding-top:14px;
  border-top:1px solid rgba(19,37,39,0.1); font-size:17.5px; line-height:1.7; color:var(--ink); }
.sx-card .sx-a::before { content:"→ "; color:var(--brand); font-weight:700; }
.sx-card.on { background:var(--brand-deep); }
.sx-card.on .sx-q, .sx-card.on .sx-a { color:#fff; }
.sx-card.on .sx-a { border-top-color:rgba(255,255,255,0.2); }
.sx-card.on .sx-a::before { color:var(--brand-hl); }
.sx-card.on .no { color:var(--brand-hl); opacity:0.6; }

/* 방식 사진 줄 (남성) */
.sx-thumbs { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(12px,1.8vw,20px);
  margin-top:clamp(36px,4vw,52px); }
.sx-thumbs .sx-img { border-radius:18px; overflow:hidden; aspect-ratio:1/1; }
.sx-thumbs img { width:100%; height:100%; object-fit:cover; }
.sx-thumbs .sx-cap b { font-family:'Gmarket Sans',sans-serif; font-weight:700; color:var(--ink); margin-right:6px; }
.sx-subhead { font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:clamp(20px,2.1vw,25px);
  line-height:1.45; color:var(--ink); margin:clamp(52px,6vw,76px) 0 0; letter-spacing:-0.02em; }
.sx-subhead .k { color:var(--brand); }

/* Look 카드 콜라주 */
.sx-look { margin-top:clamp(56px,6vw,84px); background:#fff; border-radius:28px;
  padding:clamp(16px,2.2vw,26px); box-shadow:0 34px 70px -46px rgba(19,37,39,0.42);
  display:grid; grid-template-columns:1.05fr 0.95fr; gap:clamp(14px,2vw,24px); }
.sx-look-main { border-radius:20px; overflow:hidden; min-height:100%; }
.sx-look-main img { width:100%; height:100%; object-fit:cover; aspect-ratio:4/5; }
.sx-look-side { display:flex; flex-direction:column; gap:clamp(12px,1.6vw,18px); }
.sx-look-txt { padding:clamp(6px,1.4vw,16px) 6px 4px; }
.sx-look-txt .sx-today { display:block; font-family:'Gmarket Sans',sans-serif; font-weight:300;
  font-size:clamp(38px,4.4vw,58px); line-height:1; letter-spacing:-0.02em; color:var(--brand); }
.sx-look-txt .sx-way { display:block; font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:clamp(15px,1.5vw,18px); letter-spacing:0.14em; color:var(--ink); margin:14px 0 10px; }
.sx-look-txt p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0; font-size:16.5px; line-height:1.7;
  color:rgba(19,37,39,0.78); }
.sx-look-row { display:grid; grid-template-columns:1fr 1fr; gap:clamp(10px,1.4vw,14px); }
.sx-look-row > div, .sx-look-tool { border-radius:16px; overflow:hidden; }
.sx-look-row img { width:100%; aspect-ratio:1/1; object-fit:cover; }
.sx-look-tool { flex:1; min-height:150px; position:relative; }
.sx-look-tool img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sx-look-tool span { position:absolute; left:12px; bottom:12px; font-family:'SUIT','Noto Sans KR',sans-serif;
  font-size:13px; font-weight:700; color:var(--ink); background:#fff; border-radius:999px; padding:6px 12px; }

/* 사진 + 글 나란히 (왁싱·위생) */
.sx-pair { display:grid; grid-template-columns:0.92fr 1.08fr; gap:clamp(30px,5vw,72px); align-items:center; }
.sx-pair.rev { grid-template-columns:1.08fr 0.92fr; }
.sx-pair.rev > .sx-pair-pic { order:2; }
.sx-pair-pic .sx-img { border-radius:26px; overflow:hidden; aspect-ratio:4/5;
  box-shadow:0 34px 70px -44px rgba(19,37,39,0.45); }
.sx-pair-pic.wide .sx-img { aspect-ratio:4/3; }
.sx-pair-pic img { width:100%; height:100%; object-fit:cover; }
.sx-pair-pic .sx-sub-img { margin-top:14px; display:grid; grid-template-columns:120px 1fr; gap:16px; align-items:center; }
.sx-pair-pic .sx-sub-img > div { border-radius:14px; overflow:hidden; aspect-ratio:1/1; }
.sx-pair-pic .sx-sub-img p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0; font-size:16px; line-height:1.6;
  font-weight:600; color:rgba(19,37,39,0.78); }
.sx-reasons { list-style:none; margin:0; padding:0; counter-reset:sxr; }
.sx-reasons li { counter-increment:sxr; display:grid; grid-template-columns:44px 1fr; gap:16px;
  padding:20px 0; border-top:1px solid rgba(19,37,39,0.1); }
.sx-reasons li:last-child { border-bottom:1px solid rgba(19,37,39,0.1); }
.sx-reasons li::before { content:counter(sxr, decimal-leading-zero); font-family:'Gmarket Sans',sans-serif;
  font-weight:700; font-size:22px; line-height:1.3; color:var(--brand); }
.sx-reasons b { display:block; font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:19.5px;
  line-height:1.5; color:var(--ink); margin-bottom:4px; letter-spacing:-0.01em; }
.sx-reasons p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0; font-size:17px; line-height:1.7;
  color:rgba(19,37,39,0.78); }
.sx-reasons li.on b { background:linear-gradient(transparent 60%, rgba(247,236,159,0.85) 60%); display:inline; }

/* 6단계 흐름 (사진 + 번호 목록) */
.sx-flow { display:grid; grid-template-columns:0.8fr 1.2fr; gap:clamp(28px,4.4vw,64px); align-items:center; }
.sx-flow .sx-img { border-radius:24px; overflow:hidden; aspect-ratio:1/1;
  box-shadow:0 30px 64px -44px rgba(19,37,39,0.42); }
.sx-flow img { width:100%; height:100%; object-fit:cover; }
.sx-flow ol { list-style:none; margin:0; padding:0; counter-reset:sxf; }
.sx-flow li { counter-increment:sxf; display:flex; align-items:center; gap:16px;
  font-family:'SUIT','Noto Sans KR',sans-serif; font-size:18px; font-weight:600; line-height:1.5; color:var(--ink);
  padding:15px 18px; border-radius:14px; }
.sx-flow li + li { margin-top:6px; }
.sx-flow li::before { content:counter(sxf); flex:0 0 34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-family:'Gmarket Sans',sans-serif;
  font-weight:700; font-size:15px; color:var(--brand-deep); background:rgba(247,236,159,0.85); }
.sx-flow li small { display:block; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15px; font-weight:500; color:rgba(19,37,39,0.78); margin-top:2px; }
.sx-flow li.on small { color:rgba(255,255,255,0.75); }
.sx-flow li.on { background:var(--brand-deep); color:#fff; }
.sx-flow li.on::before { background:var(--brand-hl); color:var(--ink); }

/* 회복 과정 (딥틸) */
.sx-heal { display:grid; grid-template-columns:1.12fr 0.88fr; gap:clamp(34px,5vw,72px); align-items:start; }
.sx-tl-year.on { background:rgba(247,236,159,0.1); border-radius:18px; border-top-color:transparent;
  padding:26px 20px; margin:0 -20px; }
.sx-tl-year.on + .sx-tl-year { border-top-color:transparent; }
.sx-tl-year.on .sx-rec { color:#fff; font-weight:700; }
.sx-heal-note { font-family:'SUIT','Noto Sans KR',sans-serif; margin:30px 0 0; font-size:18px; line-height:1.7; color:#fff; }
.sx-heal-note::before { content:""; display:inline-block; width:8px; height:8px; border-radius:50%;
  background:var(--brand-hl); margin-right:12px; vertical-align:0.15em; }
.sx-ba { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.sx-ba figure { position:relative; }
.sx-ba .sx-img { border-radius:18px; overflow:hidden; aspect-ratio:3/4; }
.sx-ba img { width:100%; height:100%; object-fit:cover; }
.sx-ba .sx-lbl { position:absolute; left:12px; top:12px; font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:12px; letter-spacing:0.14em; color:var(--ink); background:#fff; border-radius:999px; padding:7px 12px; }
.sx-ba figure + figure .sx-lbl { background:var(--brand-hl); }
.sx-ba-cap { font-family:'SUIT','Noto Sans KR',sans-serif; grid-column:1 / -1; margin:6px 2px 0; font-size:14.5px;
  line-height:1.6; color:rgba(255,255,255,0.7); }

/* 체크 상자 2개 (사후관리 · 시술 전) */
.sx-boxes { display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,2.2vw,26px); }
.sx-box { background:var(--paper); border-radius:24px; padding:clamp(28px,3.2vw,42px); }
.sx-box .sx-box-tag { display:inline-block; font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:12.5px;
  letter-spacing:0.14em; color:var(--brand-deep); margin-bottom:10px; }
.sx-box h3 { font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:clamp(22px,2.3vw,27px);
  line-height:1.4; color:var(--ink); margin:0 0 20px; letter-spacing:-0.02em; }
.sx-box ul { list-style:none; margin:0; padding:0; }
.sx-box li { font-family:'SUIT','Noto Sans KR',sans-serif; position:relative; padding:13px 0 13px 38px;
  font-size:17.5px; line-height:1.6; color:var(--ink); border-top:1px solid rgba(19,37,39,0.08); }
.sx-box li:first-child { border-top:none; }
.sx-box li::before { content:""; position:absolute; left:0; top:14px; width:24px; height:24px; border-radius:50%;
  background:var(--brand-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat; }
.sx-box.warn li::before { background:var(--sky-pale); content:"!"; display:flex; align-items:center; justify-content:center;
  font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:13px; color:var(--ink); }
.sx-box li strong { font-weight:700; background:linear-gradient(transparent 60%, rgba(247,236,159,0.85) 60%); }
.sx-box .sx-box-foot { font-family:'SUIT','Noto Sans KR',sans-serif; margin:20px 0 0; padding:16px 18px; border-radius:14px;
  background:#fff; font-size:16.5px; line-height:1.6; font-weight:700; color:var(--brand-deep); }

/* 위생 포인트 */
.sx-points { list-style:none; margin:0; padding:0; }
.sx-points li { font-family:'SUIT','Noto Sans KR',sans-serif; display:flex; gap:16px; align-items:flex-start;
  padding:20px 0; border-top:1px solid rgba(19,37,39,0.1); font-size:18px; line-height:1.6; color:var(--ink); }
.sx-points li:last-child { border-bottom:1px solid rgba(19,37,39,0.1); }
.sx-points li .i { flex:0 0 auto; font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:13px;
  letter-spacing:0.1em; color:var(--brand-deep); background:rgba(247,236,159,0.85); border-radius:6px;
  padding:5px 10px; margin-top:2px; }
.sx-points li.on { font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:clamp(20px,2.1vw,24px); }
.sx-points li.on .i { background:var(--brand-deep); color:#fff; }

/* 원장 + 이유 5가지 */
.sx-why { display:grid; grid-template-columns:0.78fr 1.22fr; gap:clamp(30px,5vw,72px); align-items:start; }
.sx-why .sx-img { border-radius:26px; overflow:hidden; aspect-ratio:3/4;
  box-shadow:0 34px 70px -44px rgba(19,37,39,0.45); }
.sx-why img { width:100%; height:100%; object-fit:cover; object-position:center 20%; }

/* AM:ME MOOD — 블러 배경 + 세로 타이포 */
.sx-mood { position:relative; overflow:hidden; background:var(--dark); padding:clamp(88px,10vw,132px) 0; }
.sx-mood-bg { position:absolute; inset:-60px; z-index:0; }
.sx-mood-bg img { width:100%; height:100%; object-fit:cover; filter:blur(26px); opacity:0.6; }
.sx-mood::after { content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(160deg, rgba(19,37,39,0.55), rgba(19,37,39,0.86)); }
.sx-mood .sx-container { position:relative; z-index:2; }
.sx-mood-grid { display:grid; grid-template-columns:auto 0.95fr 1.05fr; gap:clamp(24px,4vw,60px); align-items:center; }
.sx-mood-v { writing-mode:vertical-rl; transform:rotate(180deg); font-family:'Gmarket Sans',sans-serif;
  font-weight:700; font-size:clamp(64px,8.4vw,116px); line-height:1; letter-spacing:0.14em;
  color:transparent; -webkit-text-stroke:1.5px var(--brand-hl); margin:0; user-select:none; }
.sx-mood-pic { position:relative; margin-bottom:40px; }
.sx-mood-pic > .sx-img { border-radius:26px; overflow:hidden; aspect-ratio:4/5;
  box-shadow:0 40px 80px -40px rgba(19,37,39,0.7); }
.sx-mood-pic > .sx-img img { width:100%; height:100%; object-fit:cover; }
.sx-mood-card { position:absolute; right:-14px; bottom:-40px; width:48%; background:#fff;
  border-radius:18px; padding:10px 10px 12px; box-shadow:0 30px 60px -30px rgba(19,37,39,0.6); }
.sx-mood-card .sx-img { border-radius:12px; overflow:hidden; aspect-ratio:1/1; }
.sx-mood-card .sx-img img { width:100%; height:100%; object-fit:cover; }
.sx-mood-id { display:flex; align-items:center; gap:9px; margin-top:10px; }
.sx-mood-id img { width:32px; height:32px; border-radius:50%; border:1px solid rgba(19,37,39,0.12); object-fit:cover; }
.sx-mood-id span { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:13.5px; font-weight:700; color:var(--ink); line-height:1.3; }
.sx-mood-id small { display:block; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:12px; font-weight:500; color:rgba(19,37,39,0.78); }
.sx-mood h2 { font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:clamp(31px,3.9vw,50px);
  line-height:1.24; letter-spacing:-0.03em; margin:0 0 18px; color:#fff; }
.sx-mood h2 .k { color:var(--brand-hl); }
.sx-mood .sx-tag { color:var(--brand-hl); }
.sx-mood .sx-tag::before { background:var(--brand-hl); }
.sx-mood-txt > p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0; font-size:18px; line-height:1.8; color:rgba(255,255,255,0.82); }
.sx-hls { display:flex; flex-wrap:wrap; gap:18px; margin:34px 0 32px; }
.sx-hl { text-align:center; }
.sx-hl .sx-ring { width:74px; height:74px; border-radius:50%; padding:3px; border:2px solid var(--brand-hl); }
.sx-hl .sx-ring img, .sx-hl .sx-ring span { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.sx-hl .sx-ring span { display:flex; align-items:center; justify-content:center; background:var(--brand-deep);
  font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:14px; color:#fff; }
.sx-hl p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:8px 0 0; font-size:13.5px; font-weight:600; color:rgba(255,255,255,0.82); }
.sx-link { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:17.5px; font-weight:700; color:var(--brand-hl);
  text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1.5px; }

/* 가격 */
.sx-price { display:grid; grid-template-columns:0.82fr 1.18fr; background:#fff; border-radius:28px; overflow:hidden;
  box-shadow:0 34px 70px -48px rgba(19,37,39,0.42); }
.sx-price-main { background:var(--dark); padding:clamp(34px,4vw,54px); display:flex; flex-direction:column; justify-content:center; }
.sx-price-main .sx-pname { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:16px; font-weight:700; color:rgba(255,255,255,0.75); margin:0 0 12px; }
.sx-price-main .sx-pnum { font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:clamp(58px,7vw,88px);
  line-height:1; letter-spacing:-0.04em; color:#fff; margin:0; white-space:nowrap; }
.sx-price-main .sx-pnum span { font-size:0.36em; margin-left:6px; color:var(--brand-hl); letter-spacing:-0.02em; }
.sx-price-main .sx-pfree { display:inline-block; align-self:flex-start; margin-top:22px; font-family:'SUIT','Noto Sans KR',sans-serif;
  font-size:15.5px; font-weight:700; color:var(--ink); background:var(--brand-hl); border-radius:999px; padding:8px 16px; }
.sx-price dl { margin:0; padding:clamp(22px,3vw,40px) clamp(24px,3.4vw,48px); }
.sx-price dl > div { display:grid; grid-template-columns:118px 1fr; gap:16px; padding:18px 0;
  border-top:1px solid rgba(19,37,39,0.1); }
.sx-price dl > div:first-child { border-top:none; }
.sx-price dt { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15.5px; font-weight:700; color:var(--brand-deep); line-height:1.65; }
.sx-price dd { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0; font-size:17.5px; line-height:1.65; color:var(--ink); }
.sx-price dd small { display:block; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15px; color:rgba(19,37,39,0.78); }

/* FAQ 아코디언 */
.sx-faq { max-width:880px; }
.sx-faq details { border-top:1px solid rgba(19,37,39,0.12); }
.sx-faq details:last-child { border-bottom:1px solid rgba(19,37,39,0.12); }
.sx-faq summary { list-style:none; cursor:pointer; display:grid; grid-template-columns:36px 1fr 28px; gap:10px;
  align-items:center; padding:24px 0; font-family:'Gmarket Sans',sans-serif; font-weight:700;
  font-size:clamp(19px,2vw,22px); line-height:1.45; color:var(--ink); }
.sx-faq summary::-webkit-details-marker { display:none; }
.sx-faq summary .q { font-family:'Gmarket Sans',sans-serif; color:var(--brand); font-size:1.1em; }
.sx-faq summary::after { content:"+"; font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:400; font-size:30px;
  line-height:1; color:var(--brand-deep); text-align:center; transition:transform .25s; }
.sx-faq details[open] summary::after { transform:rotate(45deg); }
.sx-faq .sx-ans { display:grid; grid-template-columns:36px 1fr; gap:10px; padding:0 28px 26px 0; }
.sx-faq .sx-ans .a { font-family:'Gmarket Sans',sans-serif; font-weight:700; font-size:20px; color:var(--brand-deep); line-height:1.5; }
.sx-faq .sx-ans p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0; font-size:17.5px; line-height:1.8; color:rgba(19,37,39,0.78); }

/* CTA 안쪽 — 사진 + 글 */
.sx-cta-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,5vw,70px); align-items:center; text-align:left; }
.sx-cta-grid .sx-img { border-radius:26px; overflow:hidden; aspect-ratio:4/3; box-shadow:0 34px 70px -44px rgba(19,37,39,0.5); }
.sx-cta-grid .sx-img img { width:100%; height:100%; object-fit:cover; }
.sx-cta .sx-btns { justify-content:flex-start; }
.sx-cta .sx-hours { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:16px; font-weight:700; color:var(--ink);
  display:inline-block; background:#fff; border-radius:999px; padding:8px 16px; margin:0 0 18px; }
.sx-contact { font-family:'SUIT','Noto Sans KR',sans-serif; display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px;
  margin:22px 0 0; font-size:16.5px; font-weight:600; color:var(--ink); }
.sx-contact a { font-family:'SUIT','Noto Sans KR',sans-serif; color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.sx-contact .sx-soon { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:14px; font-weight:700; color:var(--ink);
  background:rgba(255,255,255,0.6); border-radius:999px; padding:6px 13px; }

/* 모바일에서만 줄을 바꾸는 br */
.sx-mbr { display:none; }

/* ════ 반응형 ════ */
@media (max-width:1020px) {
  .sx-hero-grid { grid-template-columns:1fr; gap:34px; }
  .sx-cards { grid-template-columns:repeat(2,1fr); }
  .sx-creds { grid-template-columns:repeat(2,1fr); }
  .sx-row { grid-template-columns:70px 1fr; }
  .sx-row .side { grid-column:2; text-align:left; margin-top:16px; }
  .sx-mood-grid { grid-template-columns:0.95fr 1.05fr; }
  .sx-mood-v { grid-column:1 / -1; writing-mode:horizontal-tb; transform:none; font-size:clamp(56px,12vw,96px); }
  .sx-heal { grid-template-columns:1fr; }
  .sx-ba { max-width:560px; }
}
@media (max-width:820px) {
  .sx-hero-shot { margin-bottom:-90px; }
  .sx-hero-shot img { width:min(76%,300px); }
  .sx-hero-shot.sx-photo img { width:min(84%,330px); }
  .sx-stats { grid-template-columns:repeat(2,1fr); gap:30px 16px; }
  .sx-stat + .sx-stat::before { display:none; }
  .sx-bar { grid-template-columns:1fr; gap:34px; padding-top:0; }
  .sx-bar::before { display:none; }
  .sx-step { text-align:left; padding-left:30px; }
  .sx-step::before { left:0; top:6px; transform:none; }
  .sx-step p { margin:0; }
  .sx-cards { grid-template-columns:1fr; }
  .sx-band-two { grid-template-columns:1fr; }
  .sx-band-one { aspect-ratio:3/2; }
  .sx-tl-year { grid-template-columns:1fr; gap:12px; }
  .sx-tl-year > .y em { display:inline; margin:0 0 0 10px; }

  .sx-figs, .sx-checks, .sx-cards.sx-two, .sx-look, .sx-pair, .sx-pair.rev, .sx-flow,
  .sx-boxes, .sx-why, .sx-mood-grid, .sx-price, .sx-cta-grid { grid-template-columns:1fr; }
  .sx-pair.rev > .sx-pair-pic { order:0; }
  .sx-checks li { font-size:17.5px; padding:18px 18px; }
  .sx-thumbs { gap:10px; }
  .sx-thumbs .sx-cap { font-size:14.5px; }
  .sx-look-tool { min-height:170px; }
  .sx-why .sx-img { aspect-ratio:4/5; max-width:420px; }
  .sx-mood-pic { margin:0 22px 56px 0; }
  .sx-mood-card { right:-22px; width:52%; }
  .sx-price dl > div { grid-template-columns:96px 1fr; gap:12px; }
  .sx-faq summary { grid-template-columns:30px 1fr 24px; }
  .sx-faq .sx-ans { grid-template-columns:30px 1fr; padding-right:0; }
  .sx-cta { text-align:left; }
  .sx-mbr { display:inline; }
  .sx-row p br { display:none; }
  .sx-box { padding:26px 22px; }
  .sx-hls { gap:12px; }
  .sx-hl .sx-ring { width:62px; height:62px; }
  .sx-thumbs .sx-cap b { display:block; margin:0 0 2px; }
  .sx-points li.on { font-size:20px; }
}


/* ══════════════════════════════════════════════
   첫 화면 ~ 1:1 숫자 — 상세페이지_C_v2 구성을 그대로, 색만 AM:ME 보드로
   ══════════════════════════════════════════════ */
.sx-wrap { --sx-pad:clamp(28px,7vw,150px); }
.sx-topbar { position:fixed; inset:0 0 auto 0; z-index:50; display:flex; justify-content:space-between; align-items:center;
  padding:22px max(var(--sx-pad), calc((100% - 1120px) / 2 + var(--sx-pad))); mix-blend-mode:difference; }
.sx-topbar span, .sx-topbar a { font-family:'Gmarket Sans',sans-serif; font-weight:500; font-size:13px; letter-spacing:0.16em;
  color:#fff; text-decoration:none; }
.sx-label { display:inline-block; font-family:'Gmarket Sans',sans-serif; font-weight:500; font-size:12px; letter-spacing:0.3em;
  text-transform:uppercase; color:var(--brand-deep); }

.sx-v2hero { position:relative; height:100svh; min-height:560px; overflow:hidden; background:var(--dark); }
.sx-v2hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sx-v2hero::after { content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(19,37,39,0.1) 0%, rgba(19,37,39,0.05) 35%, rgba(19,37,39,0.58) 100%); }
.sx-v2hero .sx-cap-box { position:absolute; z-index:2; left:max(var(--sx-pad), calc((100% - 1120px) / 2 + var(--sx-pad)));
  right:var(--sx-pad); bottom:clamp(32px,6vw,64px); color:#fff; }
.sx-v2hero .sx-label { color:#fff; text-shadow:0 1px 3px rgba(19,37,39,0.7), 0 2px 10px rgba(19,37,39,0.4); }
.sx-v2hero h1 { font-family:'Iropke Batang','Noto Serif KR',serif; font-weight:400; font-size:clamp(32px,4.6vw,56px);
  line-height:1.3; letter-spacing:-0.02em; margin:14px 0 0; color:#fff; word-break:keep-all;
  text-shadow:0 1px 3px rgba(19,37,39,0.75), 0 4px 18px rgba(19,37,39,0.45); }
.sx-v2hero .sx-sub { font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:500; font-size:clamp(16.5px,1.7vw,19px);
  line-height:1.75; margin:16px 0 0; color:#fff; text-shadow:0 1px 3px rgba(19,37,39,0.7), 0 2px 12px rgba(19,37,39,0.4); }
/* 남성 히어로: 세로 사진을 넓은 화면에선 자르지 않고 가운데에 통째로 */
@media (min-aspect-ratio: 1/1) {
  .sx-v2hero.sx-fit { background:linear-gradient(180deg, var(--tone-light) 0%, #F8FAF9 100%); }
  .sx-v2hero.sx-fit::after { display:none; }
  .sx-v2hero.sx-fit > img { left:50%; right:auto; transform:translateX(-55%); width:auto; max-width:none; height:100%;
    aspect-ratio:1122/1402; object-fit:cover;
    -webkit-mask-image:linear-gradient(to right, transparent 0, #132527 18%, #132527 82%, transparent 100%);
    mask-image:linear-gradient(to right, transparent 0, #132527 18%, #132527 82%, transparent 100%); }
  .sx-v2hero.sx-fit .sx-label, .sx-v2hero.sx-fit h1, .sx-v2hero.sx-fit .sx-sub { color:var(--ink); text-shadow:none; }
}

.sx-statement { background:var(--tone-light); padding:clamp(96px,14vw,160px) 0; text-align:center; }
.sx-statement .sx-big { font-family:'Iropke Batang','Noto Serif KR',serif; font-weight:400; font-size:clamp(30px,4.2vw,48px);
  line-height:1.42; letter-spacing:-0.02em; margin:16px 0 0; color:var(--ink); word-break:keep-all; }
.sx-statement .sx-big b { font-weight:400; color:var(--brand); }
.sx-statement .sx-sub { font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:500; font-size:clamp(17px,1.8vw,19.5px);
  line-height:1.9; color:rgba(19,37,39,0.78); margin:28px 0 0; }
.sx-statement .sx-sub b { font-weight:700; color:var(--ink); }
.sx-chat { max-width:580px; margin:clamp(44px,5vw,60px) auto 0; display:flex; flex-direction:column; gap:14px; text-align:left; }
.sx-bub { max-width:82%; }
.sx-bub .sx-who { display:block; font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:23px; line-height:1.2;
  color:var(--ink); margin:0 8px 5px; }
.sx-bub p { font-family:'SUIT','Noto Sans KR',sans-serif; margin:0; font-size:17px; font-weight:500; line-height:1.65;
  padding:15px 19px; border-radius:18px; color:var(--ink); }
.sx-bub.q { align-self:flex-start; }
.sx-bub.q p { background:#fff; border:1px solid rgba(19,37,39,0.08); border-top-left-radius:4px;
  box-shadow:0 14px 34px -28px rgba(19,37,39,0.45); }
.sx-bub.a { align-self:flex-end; text-align:right; }
.sx-bub.a .sx-who { color:var(--brand-deep); }
.sx-bub.a p { background:rgba(247,236,159,0.85); border-top-right-radius:4px; text-align:left; }
.sx-bub.q + .sx-bub.a { margin-bottom:12px; }
.sx-v2stats { display:grid; grid-template-columns:repeat(4,1fr); max-width:780px; margin:clamp(52px,6vw,72px) auto 0;
  border-top:1px solid rgba(19,37,39,0.14); border-bottom:1px solid rgba(19,37,39,0.14); }
.sx-v2stats > div { padding:22px 8px; border-right:1px solid rgba(19,37,39,0.14); }
.sx-v2stats > div:last-child { border-right:none; }
.sx-v2stats b { display:block; font-family:'Paperlogy','Gmarket Sans',sans-serif; font-weight:800; font-size:clamp(24px,3vw,31px);
  line-height:1.2; color:var(--ink); letter-spacing:-0.02em; }
.sx-v2stats b small { font-size:0.55em; font-weight:600; color:var(--brand-deep); margin-left:2px; }
.sx-v2stats span { display:block; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15px; font-weight:500;
  color:rgba(19,37,39,0.78); margin-top:6px; line-height:1.5; }
@media (max-width:640px) {
  .sx-v2stats { grid-template-columns:1fr 1fr; }
  .sx-v2stats > div:nth-child(2) { border-right:none; }
  .sx-v2stats > div:nth-child(-n+2) { border-bottom:1px solid rgba(19,37,39,0.14); }
  .sx-bub { max-width:90%; }
}

/* ══════════════════════════════════════════════
   섹션별 글꼴 — 글꼴 폴더
   제목: Gmarket Sans / 본문: SUIT / 숫자: Paperlogy / 큰 문장: 이롭게바탕 / 손글씨 포인트: 온글잎 영롱
   ══════════════════════════════════════════════ */
.sx-step .min, .sx-tl-year > .y, .sx-row .no, .sx-card .no,
.sx-price-main .sx-pnum, .sx-reasons li::before, .sx-flow li::before {
  font-family:'Paperlogy','Gmarket Sans',sans-serif; font-weight:800; }
.sx-price-main .sx-pnum span { font-family:'Paperlogy','Gmarket Sans',sans-serif; font-weight:600; }
.sx-look-txt .sx-today { font-family:'Onglip Yeongrong','Gmarket Sans',sans-serif; font-weight:400;
  font-size:clamp(50px,5.6vw,72px); letter-spacing:0; }
.sx-heal-note { font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:24px; line-height:1.5; }
.sx-cta .sx-hours { font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:23px; font-weight:400; }
.sx-mood h2, .sx-cta h2 { font-family:'Iropke Batang','Noto Serif KR',serif; font-weight:400; letter-spacing:-0.02em; }
.sx-hl p { font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:20px; font-weight:400; }

/* ══════════════════════════════════════════════
   페이지 톤 — 진미님이 고른 AM:ME 컬러 (2026-09-30)
   (이전 톤 — 아래 "최종 컬러" 블록으로 대체됨: 여성·남성 모두 배경 톤 #BDDBF3 · 메인 #F8C0D3)
   글자 #132527, 포인트 #FD7664, 서브 #F7EC9F
   ══════════════════════════════════════════════ */
.sx-wrap.sx-her { --tone-light:#BDDBF3; --tone-deep:#F8C0D3; }
.sx-wrap.sx-him { --tone-light:#BDDBF3; --tone-deep:#F8C0D3; }

.sx-sec.tone { background:var(--tone-light); }
.sx-sec.deep { background:var(--tone-deep); }

/* 색 배경 위 키워드는 진한 민트 (민트 원색은 흐려짐) */
.sx-sec.tone h2 .k, .sx-sec.deep h2 .k, .sx-statement .sx-big b { color:var(--brand-deep); }
.sx-sec.tone .sx-tag::before, .sx-sec.deep .sx-tag::before { background:var(--brand-deep); }
.sx-sec.tone .sx-reasons li::before { color:var(--brand-deep); }
.sx-sec.tone .sx-box { background:#fff; }
.sx-sec.tone .sx-box .sx-box-foot { background:var(--tone-light); }
.sx-sec.tone .sx-card .sx-chip { background:var(--tone-light); }
.sx-sec.tone .sx-price dl dt { color:var(--brand-deep); }

/* 첫 화면 대화 — 고객 흰 말풍선, AM:ME 진한 톤 말풍선 (글씨 딥틸) */
.sx-bub.a p { background:var(--tone-deep); color:var(--ink); }
.sx-v2stats, .sx-v2stats > div { border-color:rgba(19,37,39,0.18); }

/* 회복 과정 — 진한 톤 배경, 글씨는 딥틸 */
.sx-sec.deep h2 { color:var(--ink); }
.sx-sec.deep .sx-tag { color:var(--brand-deep); }
.sx-sec.deep .sx-lead { color:rgba(19,37,39,0.78); }
.sx-sec.deep .sx-lead strong { color:var(--ink); }
.sx-sec.deep .sx-tl-year { border-top-color:rgba(19,37,39,0.16); }
.sx-sec.deep .sx-tl-year > .y { color:var(--ink); }
.sx-sec.deep .sx-rec { color:var(--ink); }
.sx-sec.deep .sx-tl-year.on { background:rgba(255,255,255,0.45); }
.sx-sec.deep .sx-tl-year.on > .y { color:var(--brand-deep); }
.sx-sec.deep .sx-tl-year.on .sx-rec { color:var(--ink); }
.sx-sec.deep .sx-heal-note { color:var(--ink); }
.sx-sec.deep .sx-heal-note::before { background:var(--brand-deep); }
.sx-sec.deep .sx-ba-cap { color:rgba(19,37,39,0.78); }
.sx-sec.deep .sx-ba figure + figure .sx-lbl { background:var(--brand-hl); }

/* 가격 카드 머리 — 딥틸 대신 진한 톤, 글씨 딥틸 */
.sx-price-main { background:var(--tone-deep); }
.sx-price-main .sx-pname { color:rgba(19,37,39,0.78); }
.sx-price-main .sx-pnum { color:var(--ink); }
.sx-price-main .sx-pnum span { color:var(--brand-deep); }
.sx-price-main .sx-pfree { background:#fff; color:var(--brand-deep); }


/* AM:ME MOOD — 흐린 사진 위에 딥틸 대신 페이지의 진한 톤을 덮고, 글씨는 딥틸 */
.sx-wrap.sx-her { --tone-deep-a1:rgba(189,219,243,0.6); --tone-deep-a2:rgba(189,219,243,0.9); }
.sx-wrap.sx-him { --tone-deep-a1:rgba(189,219,243,0.6); --tone-deep-a2:rgba(189,219,243,0.9); }
.sx-mood { background:var(--tone-deep); }
.sx-mood::after { background:linear-gradient(160deg, var(--tone-deep-a1), var(--tone-deep-a2)); }
.sx-mood-v { -webkit-text-stroke:1.5px var(--brand-deep); }
.sx-mood h2 { color:var(--ink); }
.sx-mood h2 .k { color:var(--brand-deep); }
.sx-mood .sx-tag { color:var(--brand-deep); }
.sx-mood .sx-tag::before { background:var(--brand-deep); }
.sx-mood-txt > p { color:var(--ink); }
.sx-hl .sx-ring { border-color:var(--brand-deep); }
.sx-hl p { color:var(--ink); }
.sx-link { color:var(--brand-deep); }


/* ══════════════════════════════════════════════
   최종 컬러 (2026-09-30 진미님 확정 · 조합 12)
   배경 톤 #BDDBF3 · 메인 #F8C0D3 · 포인트 #FD7664 · 서브 #F7EC9F · 글자 #132527
   흰 #FFFFFF · 크림 #F8FAF9 는 중립. 민트는 쓰지 않는다.
   포인트 코랄은 흰 배경에서 작은 글씨로 읽히지 않으므로 글씨가 아니라
   면(버튼·예약 안내)·선·점·큰 장식 숫자에만 쓴다.
   ══════════════════════════════════════════════ */
/* 키워드: 글자색 + 서브(레몬) 형광펜 */
.sx-sec h2 .k, .sx-sec.dark h2 .k, .sx-sec.tone h2 .k, .sx-sec.deep h2 .k,
.sx-hero h1 .k, .sx-mood h2 .k, .sx-statement .sx-big b, .sx-subhead .k {
  color:var(--ink); background:linear-gradient(transparent 60%, #F7EC9F 60%); }
.sx-sec.tone h2 .k, .sx-mood h2 .k { background:linear-gradient(transparent 60%, #FFFFFF 60%); }
/* 큰 숫자·단계는 글자색, 선·점은 코랄 */
.sx-step .min { color:var(--ink); }
.sx-row .no { color:#FD7664; opacity:0.7; }
.sx-card .no { color:#FD7664; opacity:0.6; }
.sx-reasons li::before, .sx-sec.tone .sx-reasons li::before { color:#FD7664; }
.sx-look-txt .sx-today { color:#FD7664; }
/* 예약 버튼·예약 안내: 코랄 면 + 글자색 */
.sx-cta, .sx-wrap.sx-her .sx-cta, .sx-wrap.sx-him .sx-cta { background:#FD7664; }
.sx-cta .sx-hours { background:#FFFFFF; }
.sx-contact .sx-soon { background:rgba(255,255,255,0.7); }
/* 강조 채움(체크 강조 줄·6단계·NEEDLE·고민 카드)은 글자색 면 + 흰 글씨, 아이콘은 레몬 */
.sx-checks li.on::before, .sx-flow li.on::before { background-color:#F7EC9F; color:var(--ink); }
.sx-points li.on .i { background:var(--ink); color:#FFFFFF; }
/* 회복 과정: 메인 핑크 면 */
.sx-sec.deep .sx-tl-year.on { background:rgba(255,255,255,0.55); }
.sx-sec.deep .sx-tl-year.on > .y { color:var(--ink); }
.sx-sec.deep .sx-heal-note::before { background:#FD7664; }
.sx-ba figure + figure .sx-lbl { background:#F7EC9F; }
/* 첫 화면 대화 말풍선: 메인 핑크 */
.sx-bub.a p { background:#F8C0D3; }
.sx-bub.a .sx-who { color:var(--ink); }
/* 가격 카드 머리: 메인 핑크, 무료 배지는 레몬 */
.sx-price-main .sx-pnum span { color:var(--ink); }
.sx-price-main .sx-pfree { background:#F7EC9F; color:var(--ink); }
/* 시술 전 확인 아이콘·안내 박스 */
.sx-box.warn li::before { background:#F7EC9F; }
.sx-sec.tone .sx-box .sx-box-foot { background:#BDDBF3; color:var(--ink); }
/* MOOD: 배경 톤 블루로 덮고 글자색, 하이라이트 링은 코랄 */
.sx-mood { background:#BDDBF3; }
.sx-mood-v { -webkit-text-stroke:1.5px var(--ink); }
.sx-hl .sx-ring { border-color:#FD7664; }
.sx-hl .sx-ring span { background:#F8C0D3; color:var(--ink); }


/* ══════════════════════════════════════════════
   상단 고정바 — amme.kr 홈페이지 상단 바(스크롤된 상태)와 같은 모양
   AM:ME(이탤릭) · 에이엠미 / 블로그 · 서비스 · 연락처 / 예약 문의(알약 버튼)
   ══════════════════════════════════════════════ */
.sx-nav { position:fixed; inset:0 0 auto 0; z-index:60; display:flex; align-items:center; justify-content:space-between;
  padding:calc(.8rem + env(safe-area-inset-top, 0px)) 2rem .8rem;
  background:rgba(248,250,249,0.9); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  box-shadow:0 1px 0 #DCE3E2; }
.sx-nav .sx-brand { display:inline-flex; align-items:baseline; font-family:'Cormorant Garamond',serif; font-weight:600; font-style:italic;
  font-size:1.3rem; letter-spacing:.04em; color:var(--ink); text-decoration:none; }
.sx-nav .sx-brand .sx-ko { margin-left:.6rem; padding-left:.6rem; border-left:1px solid currentColor;
  font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-style:normal; font-weight:400; font-size:.6rem; letter-spacing:.2em; opacity:.72; }
.sx-nav-links { display:flex; align-items:center; gap:1.8rem; }
.sx-nav-links a { font-family:'Jost','SUIT','Noto Sans KR',sans-serif; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase;
  color:#56666A; text-decoration:none; transition:color .3s ease, background .3s ease, border-color .3s ease; }
.sx-nav-links a:hover { color:#B04A6E; }
.sx-nav-links a.sx-nav-journal { color:#B04A6E; font-weight:600; }
.sx-nav-links a.sx-reserve { border:1px solid currentColor; border-radius:999px; padding:.5rem 1.1rem; color:var(--ink); }
.sx-nav-links a.sx-reserve:hover { background:var(--ink); color:#F8FAF9; border-color:var(--ink); }
.sx-nav a:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
#sx-contact, #mood { scroll-margin-top:72px; }
@media (max-width:640px) {
  .sx-nav { padding:calc(.7rem + env(safe-area-inset-top, 0px)) 1.1rem .7rem; }
  .sx-nav-links a:not(.sx-reserve) { display:none; }
}
@media (max-width:420px) { .sx-nav .sx-brand .sx-ko { display:none; } }


/* ══════════════════════════════════════════════
   첫 화면 — 매거진 커버 (진미님 선택 · 히어로 시안 2)
   PC: 사진은 오른쪽 64%, 왼쪽은 크림으로 번지며 큰 AM:ME 로고 + 바탕체 제목
   폰: 로고 → 사진 → 제목 순서로 쌓는다 (사진 위에 글씨를 올리지 않음)
   ══════════════════════════════════════════════ */
.sx-mag { position:relative; display:flex; min-height:clamp(640px,66vw,800px); padding-top:64px; background:#F8FAF9; overflow:hidden; }
.sx-mag::before { content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, #F8FAF9 0%, rgba(248,250,249,0.94) 36%, rgba(248,250,249,0) 60%); }
.sx-mag-in { flex:1; display:flex; flex-direction:column; justify-content:space-between; gap:40px;
  padding-top:clamp(28px,4vw,52px); padding-bottom:clamp(36px,4.6vw,60px); width:100%; }
.sx-mag-top, .sx-mag-bottom { position:relative; z-index:2; max-width:560px; }
.sx-mag-ph { position:absolute; top:0; right:0; bottom:0; width:64%; z-index:0; }
.sx-mag-ph img { width:100%; height:100%; object-fit:cover; display:block; }
.sx-mag-mast { font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:600;
  font-size:clamp(72px,10vw,140px); line-height:.9; letter-spacing:-0.01em; color:var(--ink); margin:0; }
.sx-mag-issue { display:flex; flex-wrap:wrap; gap:6px 16px; margin:14px 0 0; font-family:'Jost','SUIT',sans-serif;
  font-size:12.5px; letter-spacing:.24em; color:var(--ink); }
.sx-mag-issue i { font-style:normal; color:#B04A6E; }
.sx-mag h1 { font-family:'Iropke Batang','Noto Serif KR',serif; font-weight:400; font-size:clamp(32px,4vw,52px);
  line-height:1.3; letter-spacing:-0.02em; color:var(--ink); margin:0 0 14px; word-break:keep-all; }
.sx-mag-sub { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:clamp(16.5px,1.6vw,18.5px); line-height:1.75;
  color:var(--ink); margin:0 0 26px; }
.sx-mag-line { display:flex; flex-wrap:wrap; gap:8px 22px; margin:26px 0 0; padding-top:12px; border-top:1.5px solid var(--ink);
  font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:13.5px; letter-spacing:.06em; color:var(--ink); }
@media (max-width:760px) {
  .sx-mag { display:block; min-height:0; padding-top:58px; }
  .sx-mag::before { display:none; }
  .sx-mag-in { gap:22px; padding-top:22px; }
  .sx-mag-ph { position:relative; width:100%; aspect-ratio:4/5; border-radius:20px; overflow:hidden; max-width:100%; }
  .sx-mag-mast { font-size:clamp(64px,19vw,92px); }
}


/* ══════════════════════════════════════════════
   02 Why brow — 인스타 DM (진미님 선택 · 시안 3)
   고객 고민 3개가 하나씩 말풍선으로 오고, 마지막에 AM:ME가 한 번에 답하며 "AM:ME(에이엠미)로 오세요"로 마무리
   ══════════════════════════════════════════════ */
.sx-dm { background:#FDEAF0; padding:clamp(80px,9vw,120px) 0; }
.sx-dm-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:clamp(28px,4vw,56px); align-items:center; }
.sx-dm-title { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:clamp(36px,5vw,66px);
  line-height:1.2; letter-spacing:-0.035em; margin:0 0 22px; color:var(--ink); word-break:keep-all; }
.sx-dm-title .k { color:var(--ink); background:linear-gradient(transparent 60%, #F7EC9F 60%); }
.sx-dm-sub { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:clamp(18px,2.1vw,23px); line-height:1.9; color:var(--ink); margin:0; }
.sx-dm-sub b { font-weight:700; color:var(--ink); background:#FD7664; border-radius:6px; padding:.06em .32em; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.sx-dm-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.sx-dm-chips span { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:clamp(15px,1.4vw,17px); font-weight:600; color:var(--ink);
  background:#FFFFFF; border-radius:999px; padding:11px 18px; }
.sx-dm-chips b { font-family:'Paperlogy','Gmarket Sans',sans-serif; font-weight:800; margin-right:5px; }
.sx-dm-phone { background:#FFFFFF; border:8px solid var(--ink); border-radius:36px; overflow:hidden; width:100%; max-width:340px; justify-self:end;
  box-shadow:0 34px 70px -40px rgba(19,37,39,0.55); }
.sx-dm-top { display:flex; align-items:center; gap:10px; padding:14px 16px; border-bottom:1px solid #DCE3E2; }
.sx-dm-top img { width:36px; height:36px; border-radius:50%; border:1px solid #DCE3E2; object-fit:cover; }
.sx-dm-top b { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:14.5px; font-weight:700; color:var(--ink); }
.sx-dm-top small { display:block; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:12px; color:#56666A; }
.sx-dm-msgs { display:flex; flex-direction:column; gap:8px; padding:18px 14px 18px; }
.sx-dm-msgs p { margin:0; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15px; line-height:1.6; color:var(--ink); word-break:keep-all; }
.sx-dm-q { align-self:flex-start; max-width:82%; background:#F8FAF9; border:1px solid #DCE3E2; border-radius:20px 20px 20px 6px; padding:10px 14px; }
.sx-dm-a { align-self:flex-end; max-width:88%; background:#BDDBF3; border-radius:20px 20px 6px 20px; padding:13px 15px; margin-top:10px !important; }
.sx-dm-a b { font-weight:700; background:linear-gradient(transparent 60%, #F7EC9F 60%); }
.sx-dm-link { align-self:flex-end; max-width:88%; display:flex; flex-direction:column; gap:2px; text-decoration:none;
  background:#FFFFFF; border:1px solid #DCE3E2; border-radius:16px; padding:10px 14px; }
.sx-dm-link span { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:12px; color:#56666A; }
.sx-dm-link b { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:14.5px; font-weight:700; color:var(--ink); }
.sx-dm-link:hover b { text-decoration:underline; text-underline-offset:3px; }
.sx-dm-link:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
@media (max-width:860px) { .sx-dm-grid { grid-template-columns:1fr; } .sx-dm-phone { justify-self:center; } }


/* ══════════════════════════════════════════════
   03 이런 분께 — 메모장 (진미님 선택 · 시안 2)
   줄 노트 체크리스트(내용만큼만 넓게) + 폴라로이드 2장(살짝만 겹침)
   ══════════════════════════════════════════════ */
.sx-memo { background:#FCF8DC; padding:clamp(80px,9vw,120px) 0; }
.sx-memo-title { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:clamp(31px,3.9vw,50px);
  line-height:1.24; letter-spacing:-0.03em; margin:0 0 14px; color:var(--ink); }
.sx-memo-title .k { color:var(--ink); background:linear-gradient(transparent 60%, #F7EC9F 60%); }
.sx-memo-lead { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:clamp(17px,1.8vw,20px); line-height:1.8; color:var(--ink); margin:0 0 clamp(34px,4vw,48px); }
.sx-memo-grid { display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(28px,4vw,56px); align-items:center; }
.sx-memo-note { position:relative; background:#FFFFFF; border-radius:6px; padding:30px 28px 18px 24px; max-width:460px;
  box-shadow:0 24px 50px -32px rgba(19,37,39,0.4);
  background-image:repeating-linear-gradient(transparent 0 47px, #DCE3E2 47px 48px); background-position:0 80px; }
.sx-memo-note::before { content:""; position:absolute; top:-12px; left:50%; width:110px; height:24px; transform:translateX(-50%) rotate(-2deg); background:rgba(189,219,243,0.85); }
.sx-memo-h { font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:30px; line-height:1.3; margin:0 0 6px; color:var(--ink); }
.sx-memo-note ul { list-style:none; margin:0; padding:0; }
.sx-memo-note li { min-height:48px; display:flex; align-items:center; gap:12px; font-family:'SUIT','Noto Sans KR',sans-serif;
  font-size:17.5px; font-weight:700; line-height:1.45; color:var(--ink); }
.sx-memo-note li::before { content:"✔"; flex:0 0 22px; font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:24px; color:#FD7664; }
.sx-memo-pols { display:flex; justify-content:center; align-items:flex-start; padding:10px 0 20px; }
.sx-pol { margin:0; width:50%; max-width:300px; background:#FFFFFF; padding:10px 10px 46px; border-radius:4px; position:relative;
  box-shadow:0 22px 44px -26px rgba(19,37,39,0.5); }
.sx-pol-img { aspect-ratio:1/1; overflow:hidden; }
.sx-pol-img img { width:100%; height:100%; object-fit:cover; display:block; }
.sx-pol figcaption { position:absolute; left:8px; right:8px; bottom:11px; text-align:center; font-family:'Onglip Yeongrong','SUIT',sans-serif;
  font-size:19px; line-height:1.2; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sx-pol.a { transform:rotate(-4deg); z-index:1; }
.sx-pol.b { transform:rotate(4deg); margin-left:-4%; margin-top:44px; z-index:2; }
@media (max-width:860px) {
  .sx-memo-grid { grid-template-columns:1fr; }
  .sx-memo-note { max-width:none; }
  .sx-pol figcaption { font-size:16px; }
}

/* ══════════════════════════════════════════════
   한 화면 맞춤 (진미님 요청 · 섹션마다 화면 아래가 잘리지 않게)
   기준: 노트북 1280×720 에서 섹션 하나가 한 화면 안에 들어오게.
   세로 여백·큰 글씨·큰 사진을 화면 높이(vh)에 맞춰 줄인다.
   ══════════════════════════════════════════════ */
.sx-sec, .sx-dm, .sx-memo, .sx-mood, .sx-cta { padding-top:clamp(48px,8vh,96px); padding-bottom:clamp(48px,8vh,96px); }
.sx-sec h2, .sx-memo-title { font-size:clamp(28px,min(3.9vw,6.2vh),50px); margin-bottom:12px; }
.sx-lead, .sx-memo-lead { margin-bottom:clamp(22px,4vh,44px); }

/* 01 첫 화면: 정확히 한 화면 */
.sx-mag { height:100svh; min-height:560px; max-height:960px; }
.sx-mag-in { padding-top:clamp(16px,3vh,40px); padding-bottom:clamp(20px,4vh,48px); gap:clamp(16px,3vh,40px); }
.sx-mag-mast { font-size:clamp(56px,min(10vw,14vh),140px); }
.sx-mag h1 { font-size:clamp(28px,min(4vw,6.4vh),52px); margin-bottom:10px; }
.sx-mag-sub { margin-bottom:clamp(14px,2.6vh,26px); }
.sx-mag-line { margin-top:clamp(14px,2.6vh,26px); }

/* 02 DM: 휴대폰 화면을 화면 높이에 맞춤 */
.sx-dm-title { font-size:clamp(32px,min(5vw,7.6vh),66px); }
.sx-dm-msgs { padding:14px 12px; gap:6px; }
.sx-dm-msgs p { font-size:14px; line-height:1.55; }
.sx-dm-q { padding:8px 12px; }
.sx-dm-a { padding:11px 13px; margin-top:6px !important; }
.sx-dm-top { padding:10px 14px; }

/* 04 방식 카드: 사진을 가로형으로 */
.sx-card.sx-pic .sx-card-img { aspect-ratio:4/3; }
.sx-card.sx-pic .sx-card-body { padding:18px 22px 22px; }
.sx-thumbs .sx-img { aspect-ratio:4/3; }
.sx-cards.sx-two .sx-card { padding:22px 24px; }

/* Look 카드: 메인 사진 높이를 화면에 맞춤 */
.sx-look { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); }
.sx-look-main img { aspect-ratio:auto; height:clamp(360px,64vh,580px); }
.sx-look-row img { aspect-ratio:4/3; }
.sx-look-tool { min-height:120px; }

/* 페이스 왁싱·위생 사진 */
.sx-pair-pic .sx-img { aspect-ratio:auto; height:clamp(320px,64vh,560px); }
.sx-pair-pic.wide .sx-img { height:clamp(240px,46vh,420px); }
.sx-reasons li { padding:14px 0; }

/* 05 디자인 과정: 왼쪽 4단계, 오른쪽 사진 */
.sx-design .sx-container { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); column-gap:clamp(28px,4vw,56px); align-items:start; }
.sx-design .sx-container > .sx-tag, .sx-design .sx-container > h2, .sx-design .sx-container > .sx-lead, .sx-design .sx-rows { grid-column:1; }
.sx-design .sx-design-fig { grid-column:2; grid-row:1 / span 4; margin:0; align-self:center; }
.sx-design .sx-design-fig .sx-band-one { aspect-ratio:auto; height:clamp(320px,66vh,600px); }
.sx-design .sx-row { grid-template-columns:56px 1fr; padding:14px 0; gap:16px; }
.sx-design .sx-row .no { font-size:clamp(30px,3.2vw,40px); }
.sx-design .sx-row b { font-size:clamp(18px,1.8vw,21px); margin-bottom:4px; }
.sx-design .sx-row p { font-size:15.5px; line-height:1.65; }
.sx-design .sx-row p br { display:none; }
.sx-design .sx-row .side { grid-column:2; text-align:left; margin-top:6px; display:flex; gap:8px; align-items:center; }
.sx-design .sx-row .side .tag { margin:0; }

/* 06 진행: 3단 요약 바는 아래 6단계와 내용이 같아 숨기고, 사진 + 6단계를 나란히 */
.sx-sec .sx-bar { display:none; }
.sx-flow .sx-img { aspect-ratio:auto; height:clamp(260px,52vh,440px); }
.sx-flow li { padding:10px 16px; }

/* 07 회복 */
.sx-tl-year { padding:16px 0; }
.sx-tl-year.on { padding:16px 20px; }
.sx-ba .sx-img { aspect-ratio:1/1; }
.sx-heal-note { margin-top:18px; }

/* 08·09 체크리스트 */
.sx-box { padding:24px 26px; }
.sx-box h3 { margin-bottom:12px; }
.sx-box li { padding:9px 0 9px 38px; }
.sx-box li::before { top:10px; }
.sx-box .sx-box-foot { margin-top:12px; padding:12px 16px; }

/* 11 왜 AM:ME: 원장 사진 높이 맞춤 */
.sx-why .sx-img { aspect-ratio:auto; height:clamp(320px,62vh,560px); }

/* 12 가격 · 13 FAQ */
.sx-price dl > div { padding:12px 0; }
.sx-faq summary { padding:18px 0; }

/* 폰: 첫 화면은 한 화면, 나머지는 사진 높이만 화면에 맞춤 */
@media (max-width:860px) {
  .sx-design .sx-container { display:block; }
  .sx-design .sx-design-fig { margin-top:24px; }
  .sx-design .sx-design-fig .sx-band-one { height:auto; aspect-ratio:3/2; }
  .sx-look-main img { height:auto; aspect-ratio:4/5; max-height:70svh; }
  .sx-pair-pic .sx-img { height:auto; aspect-ratio:4/5; max-height:64svh; }
  .sx-pair-pic.wide .sx-img { aspect-ratio:4/3; }
  .sx-why .sx-img { height:auto; aspect-ratio:4/5; max-height:64svh; }
  .sx-flow .sx-img { height:auto; aspect-ratio:4/3; }
}
@media (max-width:760px) {
  .sx-mag { height:auto; min-height:100svh; max-height:none; }
}
@media (max-width:760px) {
  .sx-mag-ph { aspect-ratio:auto; height:38svh; }
  .sx-mag-mast { font-size:clamp(52px,16vw,80px); }
  .sx-mag-in { gap:14px; }
}
/* 한 화면 맞춤 — 2차 다듬기 */
.sx-design .sx-row .side { display:none; }
.sx-design .sx-row { padding:12px 0; }
.sx-flow .sx-img { height:clamp(240px,44vh,400px); }
.sx-flow li { padding:8px 14px; }
.sx-flow li + li { margin-top:4px; }
.sx-card.sx-pic .sx-card-img { aspect-ratio:16/10; }
.sx-card .sx-desc { margin-top:6px; }
.sx-card .sx-chip { margin-top:10px; }
.sx-reasons li { padding:10px 0; }
.sx-reasons b { font-size:18px; }
.sx-reasons p { font-size:15.5px; line-height:1.6; }
.sx-box li { padding:7px 0 7px 38px; }
.sx-box li::before { top:8px; }
.sx-box h3 { font-size:clamp(20px,2vw,24px); }
.sx-price dl > div { padding:10px 0; }
.sx-faq summary { padding:14px 0; }
.sx-sec, .sx-dm, .sx-memo, .sx-mood, .sx-cta { padding-top:clamp(44px,7vh,90px); padding-bottom:clamp(44px,7vh,90px); }


/* ══════════════════════════════════════════════
   04 나에게 맞는 방식 — 사진 카드 4장 (진미님 선택 · 방식 시안 3)
   엠보·수지·콤보 + 눈썹·페이스 왁싱 패키지. 세로 사진 위에 이름·설명
   ══════════════════════════════════════════════ */
.sx-mcards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:clamp(18px,3vh,28px); }
.sx-mcard { position:relative; border-radius:24px; overflow:hidden; height:clamp(320px,52vh,460px); background:#132527; }
.sx-mcard img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.sx-mcard::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(19,37,39,0) 38%, rgba(19,37,39,0.8) 100%); }
.sx-mcard-t { position:absolute; left:18px; right:18px; bottom:18px; z-index:1; color:#FFFFFF; }
.sx-mcard-en { display:block; font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:500; font-size:21px; opacity:.92; }
.sx-mcard h3 { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:22px; margin:2px 0 8px; color:#FFFFFF; }
.sx-mcard p { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:14.5px; line-height:1.6; margin:0 0 10px; color:#FFFFFF; word-break:keep-all; }
.sx-mcard-chip { display:inline-block; font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:13.5px; color:var(--ink);
  background:#FFFFFF; border-radius:999px; padding:6px 12px; }
.sx-mcard:last-child .sx-mcard-chip { background:#F7EC9F; }
@media (max-width:860px) {
  .sx-mcards { grid-template-columns:1fr 1fr; gap:10px; }
  .sx-mcard { height:300px; border-radius:18px; }
  .sx-mcard-t { left:12px; right:12px; bottom:12px; }
  .sx-mcard h3 { font-size:18px; } .sx-mcard p { font-size:13px; } .sx-mcard-en { font-size:17px; }
}


/* ══════════════════════════════════════════════
   Look 카드 — 매거진 스프레드 (진미님 선택 · 남성 Look 시안 2)
   잡지 펼친 면: 왼쪽 큰 사진, 오른쪽 Today + 작은 사진 3장
   ══════════════════════════════════════════════ */
.sx-spread { display:grid; grid-template-columns:1fr 1fr; border:1px solid #DCE3E2; border-radius:6px; overflow:hidden; height:clamp(460px,72vh,600px); background:#FFFFFF; }
.sx-spread-l { position:relative; }
.sx-spread-l img { width:100%; height:100%; object-fit:cover; display:block; }
.sx-spread-l span { position:absolute; left:16px; bottom:14px; font-family:'Jost','SUIT',sans-serif; font-size:12px; letter-spacing:.2em; color:#FFFFFF; text-shadow:0 1px 8px rgba(19,37,39,.5); }
.sx-spread-r { display:grid; grid-template-rows:auto auto 1fr; gap:14px; padding:clamp(24px,3vw,40px); background:#F8FAF9; }
.sx-spread-t { font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:600; font-size:clamp(60px,7vw,96px); line-height:1.05; color:var(--ink); margin:0; }
.sx-spread-way { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:clamp(14px,1.4vw,17px); letter-spacing:.16em; color:var(--ink); margin:16px 0 0; }
.sx-spread-copy { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:16.5px; line-height:1.75; color:var(--ink); margin:0; }
.sx-spread-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; align-self:end; }
.sx-spread-row figure { margin:0; }
.sx-spread-row figure > div { aspect-ratio:4/5; overflow:hidden; border-radius:4px; }
.sx-spread-row img { width:100%; height:100%; object-fit:cover; display:block; }
.sx-spread-row figcaption { font-family:'Jost','SUIT',sans-serif; font-size:11.5px; letter-spacing:.08em; color:#56666A; margin-top:6px; }
@media (max-width:860px) {
  .sx-spread { grid-template-columns:1fr; height:auto; }
  .sx-spread-l { height:min(64svh,420px); }
}


/* ══════════════════════════════════════════════
   Look 카드 — 인스타 피드 (진미님 선택 · 남성 Look 시안 3)
   왼쪽 @jibegagguya 프로필 + Today, 오른쪽 피드처럼 사진 모음
   ══════════════════════════════════════════════ */
.sx-sec.sx-lookfeed { background:#E8F2FB; }
.sx-feed-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(24px,4vw,56px); align-items:center; }
.sx-feed-prof { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.sx-feed-prof img { width:54px; height:54px; border-radius:50%; border:2px solid #FD7664; object-fit:cover; background:#FFFFFF; }
.sx-feed-prof b { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:16px; font-weight:700; color:var(--ink); }
.sx-feed-prof small { display:block; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:13px; color:#56666A; }
.sx-feed-today { font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:clamp(48px,6vw,76px); line-height:1; color:var(--ink); margin:0; }
.sx-feed-way { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:clamp(14px,1.4vw,17px); letter-spacing:.16em; color:var(--ink); margin:10px 0 14px; }
.sx-feed-copy { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:16.5px; line-height:1.75; color:var(--ink); margin:0; }
.sx-feed { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr); gap:6px; height:clamp(380px,64vh,540px); }
.sx-feed > div { overflow:hidden; border-radius:6px; position:relative; }
.sx-feed img { width:100%; height:100%; object-fit:cover; display:block; }
.sx-feed-big { grid-column:1 / span 2; grid-row:1 / span 3; }
.sx-feed-txt { background:#FD7664; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:10px; }
.sx-feed-txt span { font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:clamp(30px,3.6vw,48px); line-height:1; color:var(--ink); }
.sx-feed-txt small { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:11px; letter-spacing:.16em; color:var(--ink); margin-top:6px; }
@media (max-width:860px) {
  .sx-feed-grid { grid-template-columns:1fr; }
  .sx-feed { height:min(70svh,460px); }
}


/* ══════════════════════════════════════════════
   페이스 왁싱 추천 — 사진 띠 + 3칸 (진미님 선택 · 왁싱 시안 3)
   ══════════════════════════════════════════════ */
.sx-wax h2 { margin-bottom:10px; }
.sx-wax .sx-lead { margin-bottom:0; }
.sx-wax-band { border-radius:22px; overflow:hidden; height:clamp(170px,26vh,240px); margin-top:clamp(16px,3vh,24px); }
.sx-wax-band img { width:100%; height:100%; object-fit:cover; object-position:center 35%; display:block; }
.sx-wax-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; }
.sx-wax-three > div { background:#FCF8DC; border-radius:18px; padding:18px 20px; }
.sx-wax-three > div:nth-child(2) { background:#E8F2FB; }
.sx-wax-three > div:nth-child(3) { background:#FDEAF0; }
.sx-wax-ic { display:block; font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:28px; line-height:1; color:#FD7664; }
.sx-wax-three b { display:block; font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:17.5px; line-height:1.45; color:var(--ink); margin:8px 0 6px; }
.sx-wax-three p { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15px; line-height:1.65; color:#56666A; margin:0; }
@media (max-width:860px) {
  .sx-wax-three { grid-template-columns:1fr; }
  .sx-wax-band { height:200px; }
}


/* ══════════════════════════════════════════════
   페이스 왁싱 추천 — 매거진 (진미님 선택 · 남성 왁싱 시안 5)
   바탕체 인용 제목 + 번호 목록, 오른쪽 세로 사진
   ══════════════════════════════════════════════ */
.sx-waxmag-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,5vw,72px); align-items:center; }
.sx-sec h2.sx-waxmag-q { font-family:'Iropke Batang','Noto Serif KR',serif; font-weight:400; font-size:clamp(28px,min(3.4vw,6vh),44px);
  line-height:1.4; letter-spacing:-0.02em; margin:40px 0 22px; position:relative; color:var(--ink); }
.sx-waxmag-q::before { content:"\201C"; position:absolute; left:-.1em; top:-.55em; font-family:'Cormorant Garamond',Georgia,serif; font-size:2.4em; line-height:1; color:#F8C0D3; }
.sx-waxmag-q span { position:relative; }
.sx-waxmag-list { list-style:none; margin:0; padding:0; counter-reset:wm; border-top:1.5px solid var(--ink); }
.sx-waxmag-list li { counter-increment:wm; display:grid; grid-template-columns:48px 1fr; gap:2px 12px; padding:12px 0; border-bottom:1px solid #DCE3E2; }
.sx-waxmag-list li::before { content:"0" counter(wm); font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-size:26px; line-height:1; color:#FD7664; grid-row:span 2; }
.sx-waxmag-list b { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:16.5px; color:var(--ink); }
.sx-waxmag-list span { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15px; line-height:1.6; color:#56666A; }
.sx-waxmag-fig { margin:0; }
.sx-waxmag-fig > div { height:clamp(320px,60vh,540px); overflow:hidden; border-radius:4px; }
.sx-waxmag-fig img { width:100%; height:100%; object-fit:cover; display:block; }
.sx-waxmag-fig figcaption { font-family:'Jost','SUIT',sans-serif; font-size:12px; letter-spacing:.14em; color:#56666A; margin-top:8px; }
@media (max-width:860px) {
  .sx-waxmag-grid { grid-template-columns:1fr; }
  .sx-waxmag-fig > div { height:auto; aspect-ratio:4/5; max-height:62svh; }
}


/* 디자인 과정 — 매거진 (진미님 선택 · 남성 디자인 시안 5). 남성 왁싱 매거진 부품 재사용 */
.sx-sec h2.sx-waxmag-q.sx-noquote { margin-top:14px; margin-bottom:12px; }
.sx-noquote::before { display:none; }
.sx-designmag-lead { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:clamp(16px,1.6vw,18.5px); line-height:1.7; color:var(--ink); margin:0 0 18px; }
.sx-designmag-lead b { font-weight:700; background:#FD7664; border-radius:6px; padding:.04em .3em; }


/* ══════════════════════════════════════════════
   디자인 과정 — 상담지 A 블러쉬 (진미님 선택 · 여성 디자인 시안 3, 흰 배경)
   ══════════════════════════════════════════════ */
.sx-sheet-lead { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:clamp(16px,1.6vw,18.5px); line-height:1.7; color:var(--ink); margin:0; }
.sx-sheet-lead b { font-weight:700; background:#FD7664; border-radius:6px; padding:.04em .3em; }
.sx-sheet-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:center; margin-top:clamp(16px,3vh,24px); }
.sx-sheet { position:relative; background:#FFFFFF; border:1px solid #DCE3E2; border-radius:10px; overflow:hidden; padding-bottom:18px;
  box-shadow:0 24px 50px -32px rgba(19,37,39,0.45); }
.sx-sheet-top { background:#F8C0D3; padding:16px 24px 12px; }
.sx-sheet-h { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:15px; letter-spacing:.14em; color:var(--ink); margin:0 0 2px; }
.sx-sheet-meta { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:12.5px; color:var(--ink); margin:0; }
.sx-sheet ul { list-style:none; margin:0; padding:0 24px; }
.sx-sheet li { display:grid; grid-template-columns:26px 1fr; gap:2px 10px; padding:10px 0; border-bottom:1px dashed #DCE3E2; }
.sx-sheet li::before { content:"✓"; width:22px; height:22px; border-radius:6px; background:#FDEAF0; border:2px solid var(--ink);
  font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:13px; color:var(--ink); display:flex; align-items:center; justify-content:center; grid-row:span 2; }
.sx-sheet li b { font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:15.5px; color:var(--ink); }
.sx-sheet li span { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:13.5px; line-height:1.55; color:#56666A; }
.sx-sheet-stamp { position:absolute; right:18px; bottom:16px; transform:rotate(-10deg); width:92px; height:92px; border-radius:50%;
  border:3px solid #FD7664; background:rgba(255,226,220,0.6); color:#FD7664; display:flex; align-items:center; justify-content:center; text-align:center;
  font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:14px; line-height:1.25; }
.sx-sheet-pic { border-radius:24px; overflow:hidden; height:clamp(300px,54vh,460px); }
.sx-sheet-pic img { width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:860px) {
  .sx-sheet-grid { grid-template-columns:1fr; }
  .sx-sheet-pic { height:auto; aspect-ratio:3/2; }
  .sx-sheet-stamp { width:76px; height:76px; font-size:12px; }
}
.sx-sheet li:nth-last-child(-n+2) { padding-right:96px; }
@media (max-width:860px) { .sx-sheet li:nth-last-child(-n+2) { padding-right:78px; } }


/* ══════════════════════════════════════════════
   진행 과정 — 여성: 날짜별 3칸 (시안 3) · 남성: 매거진 2열 (시안 5)
   ══════════════════════════════════════════════ */
.sx-days h2 { margin-bottom:10px; }
.sx-days-cols { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:clamp(16px,3vh,24px); }
.sx-day { border-radius:20px; padding:18px 20px 20px; display:grid; gap:10px; align-content:start; }
.sx-day:nth-child(1) { background:#E8F2FB; }
.sx-day:nth-child(2) { background:#FDEAF0; }
.sx-day:nth-child(3) { background:#FFE2DC; }
.sx-day-when { font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:30px; line-height:1; color:var(--ink); }
.sx-day h3 { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:19px; margin:0; color:var(--ink); }
.sx-day ul { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.sx-day li { background:#FFFFFF; border-radius:12px; padding:10px 12px; font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:15.5px; color:var(--ink); }
.sx-day li small { display:block; font-weight:500; font-size:13px; color:#56666A; margin-top:2px; }
.sx-days-pic { height:clamp(130px,19vh,190px); border-radius:20px; overflow:hidden; margin-top:14px; }
.sx-days-pic img { width:100%; height:100%; object-fit:cover; object-position:center 45%; display:block; }
.sx-days .sx-note { margin-top:12px; }
@media (max-width:860px) {
  .sx-days-cols { grid-template-columns:1fr; }
  .sx-days-pic { height:auto; aspect-ratio:16/9; }
}
.sx-procmag-list { display:grid; grid-template-columns:1fr 1fr; column-gap:24px; }
.sx-procmag-list li { grid-template-columns:40px 1fr; align-items:baseline; }
.sx-procmag-list li::before { font-size:24px; }
.sx-procmag .sx-note { margin-top:14px; }
@media (max-width:860px) { .sx-procmag-list { grid-template-columns:1fr; } }
.sx-procmag-list span { font-size:14px; white-space:nowrap; }


/* ══════════════════════════════════════════════
   회복 과정 — 남성: 매거진 (회복 시안 5 · 사진 가로 넓게, 정사각 전체 노출)
   ══════════════════════════════════════════════ */
.sx-healmag-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(24px,3vw,40px); align-items:center; }
.sx-healmag .sx-designmag-lead { margin-bottom:0; }
.sx-healmag-dl { margin:18px 0 0; border-top:1.5px solid var(--ink); }
.sx-healmag-dl div { display:grid; grid-template-columns:auto 1fr; column-gap:14px; padding:13px 0; border-bottom:1px solid #DCE3E2; align-items:baseline; }
.sx-healmag-dl dt { white-space:nowrap; min-width:72px; font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:600; font-size:22px; color:#FD7664; }
.sx-healmag-dl dt span { font-family:'SUIT','Noto Sans KR',sans-serif; font-style:normal; font-size:15px; font-weight:700; color:var(--ink); }
.sx-healmag-dl dd { margin:0; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:16px; font-weight:700; color:var(--ink); }
.sx-healmag-note { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15px; color:var(--ink); margin:14px 0 0; }
.sx-healmag-note b { font-weight:700; background:#FD7664; border-radius:6px; padding:.04em .3em; }
.sx-healmag-ba { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sx-healmag-ba figure { margin:0; }
.sx-healmag-ba figure > div { aspect-ratio:1/1; max-height:min(56vh,460px); overflow:hidden; border-radius:4px; }
.sx-healmag-ba img { width:100%; height:100%; object-fit:cover; object-position:center 40%; display:block; }
.sx-healmag-ba figcaption { font-family:'Jost','SUIT',sans-serif; font-size:12px; letter-spacing:.16em; color:#56666A; margin-top:8px; }
.sx-healmag-cap { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:12.5px; color:#56666A; margin:8px 0 0; }
@media (max-width:860px) { .sx-healmag-grid { grid-template-columns:1fr; } }


/* ══════════════════════════════════════════════
   회복 과정 — 여성: 전후 슬라이더 (회복 시안 3 · 배경 흰색, 칸은 스카이로 역할 교체)
   ══════════════════════════════════════════════ */
.sx-healcmp-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:center; }
.sx-healcmp h2 { margin-bottom:10px; }
.sx-healcmp-list { list-style:none; margin:20px 0 0; padding:0; display:grid; gap:8px; }
.sx-healcmp-list li { background:#BDDBF3; border-radius:14px; padding:12px 16px; display:grid; grid-template-columns:72px 1fr; align-items:center; gap:10px;
  font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15.5px; font-weight:700; color:var(--ink); }
.sx-healcmp-list em { font-style:normal; font-family:'Paperlogy','Gmarket Sans',sans-serif; font-weight:800; font-size:17px; }
.sx-healcmp-note { font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:15px; color:var(--ink); margin:14px 0 0; }
.sx-cmp { position:relative; aspect-ratio:1/1; max-height:min(64vh,520px); width:100%; border-radius:24px; overflow:hidden; margin:0 auto; --x:50%; }
.sx-cmp img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.sx-cmp .sx-cmp-after { clip-path:inset(0 0 0 var(--x)); }
.sx-cmp-line { position:absolute; top:0; bottom:0; left:var(--x); width:3px; margin-left:-1.5px; background:#FFFFFF; pointer-events:none; }
.sx-cmp-knob { position:absolute; top:50%; left:var(--x); width:44px; height:44px; margin:-22px 0 0 -22px; border-radius:50%; background:#FD7664; border:3px solid #FFFFFF;
  pointer-events:none; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; color:var(--ink); }
.sx-cmp input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:ew-resize; margin:0; }
.sx-cmp:focus-within .sx-cmp-knob { outline:3px solid var(--ink); outline-offset:2px; }
.sx-cmp-tag { position:absolute; left:10px; top:10px; font-family:'Jost','SUIT',sans-serif; font-weight:500; font-size:11.5px; letter-spacing:.16em; background:#FFFFFF; color:var(--ink); border-radius:999px; padding:5px 10px; }
.sx-cmp-tag.af { left:auto; right:10px; background:#F7EC9F; }
.sx-healcmp-cap { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:12.5px; color:#56666A; margin:8px 0 0; text-align:center; }
@media (max-width:860px) { .sx-healcmp-grid { grid-template-columns:1fr; } }


/* ══════════════════════════════════════════════
   체크리스트 — 여성: 메모지 2장 (시안 1 · 흰 배경) · 남성: 매거진 (시안 5 · 스카이 배경)
   ══════════════════════════════════════════════ */
.sx-memos h2 { margin-bottom:10px; }
.sx-memo-two { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(18px,2.6vw,30px); margin-top:clamp(20px,3.4vh,30px); }
.sx-pin { position:relative; padding:28px 28px 24px; border-radius:4px; box-shadow:0 22px 40px -26px rgba(19,37,39,.5); }
.sx-pin.a { background:#FDEAF0; transform:rotate(-1.2deg); }
.sx-pin.b { background:#FCF8DC; transform:rotate(1deg); }
.sx-pin::before { content:""; position:absolute; top:-10px; left:50%; width:16px; height:16px; margin-left:-8px; border-radius:50%; background:#FD7664; box-shadow:0 3px 0 rgba(19,37,39,.25); }
.sx-pin-tg { display:block; font-family:'Jost','SUIT',sans-serif; font-weight:500; font-size:12px; letter-spacing:.2em; color:var(--ink); margin-bottom:4px; }
.sx-pin-t { font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:32px; line-height:1.15; color:var(--ink); margin:0 0 12px; }
.sx-pin ul { list-style:none; margin:0; padding:0; }
.sx-pin li { position:relative; padding:9px 0 9px 30px; border-top:1px dashed rgba(19,37,39,.2); font-family:'SUIT','Noto Sans KR',sans-serif; font-size:16px; font-weight:700; line-height:1.5; color:var(--ink); }
.sx-pin li:first-child { border-top:none; }
.sx-pin li::before { content:"✓"; position:absolute; left:0; top:9px; font-size:16px; }
.sx-pin.b li::before { content:"!"; left:5px; font-family:'Gmarket Sans','Noto Sans KR',sans-serif; }
.sx-pin-ft { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:14px; color:#56666A; margin:12px 0 0; }
@media (max-width:860px) { .sx-memo-two { grid-template-columns:1fr; } .sx-pin.a, .sx-pin.b { transform:none; } }

.sx-sec.sx-checkmag { background:#BDDBF3; }
.sx-checkmag-two { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(20px,3vw,40px); margin-top:clamp(18px,3vh,26px); }
.sx-checkmag-h { font-family:'Jost','SUIT',sans-serif; font-weight:500; font-size:13px; letter-spacing:.22em; color:var(--ink); margin:0; padding-bottom:10px; border-bottom:1.5px solid var(--ink);
  display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.sx-checkmag-h span { font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:15px; letter-spacing:0; }
.sx-checkmag ol { list-style:none; margin:0; padding:0; counter-reset:ck; }
.sx-checkmag ol li { counter-increment:ck; display:grid; grid-template-columns:40px 1fr; align-items:baseline; padding:11px 0; border-bottom:1px solid rgba(19,37,39,.18);
  font-family:'SUIT','Noto Sans KR',sans-serif; font-size:16px; font-weight:700; color:var(--ink); }
.sx-checkmag ol li::before { content:"0" counter(ck); font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:600; font-size:22px; }
.sx-checkmag-ft { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:14.5px; color:var(--ink); margin:12px 0 0; }
.sx-checkmag-ft b { font-weight:700; background:#FFFFFF; border-radius:6px; padding:.04em .3em; }
@media (max-width:860px) { .sx-checkmag-two { grid-template-columns:1fr; } }


/* ══════════════════════════════════════════════
   위생 — 여성: 분할 화면 (시안 4) · 남성: 매거진 (시안 5)
   ══════════════════════════════════════════════ */
.sx-sec.sx-split { padding:0; }
.sx-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:clamp(440px,70vh,580px); background:#E8F2FB; }
.sx-split-pic { position:relative; overflow:hidden; }
.sx-split-pic > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.sx-split-sub { position:absolute; right:18px; bottom:18px; width:34%; aspect-ratio:1/1; border:6px solid #FFFFFF; border-radius:14px; overflow:hidden; box-shadow:0 18px 30px -20px rgba(19,37,39,.6); }
.sx-split-sub img { width:100%; height:100%; object-fit:cover; display:block; }
.sx-split-txt { padding:clamp(40px,7vh,72px) clamp(28px,5vw,80px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.sx-split-txt h2 { margin-bottom:10px; }
.sx-split-list { list-style:none; margin:22px 0 0; padding:0; align-self:stretch; max-width:460px; }
.sx-split-list li { position:relative; display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid rgba(19,37,39,.15);
  font-family:'SUIT','Noto Sans KR',sans-serif; font-size:17px; font-weight:700; color:var(--ink); }
.sx-split-list li:first-child { border-top:1px solid rgba(19,37,39,.15); }
.sx-split-list em { flex:0 0 46px; height:46px; border-radius:50%; background:#BDDBF3; display:flex; align-items:center; justify-content:center;
  font-style:normal; font-family:'Paperlogy','Gmarket Sans',sans-serif; font-weight:800; font-size:16px; }
@media (max-width:860px) {
  .sx-split { grid-template-columns:1fr; min-height:0; }
  .sx-split-pic { aspect-ratio:4/3; }
}

.sx-hygmag-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(24px,4vw,56px); align-items:center; }
.sx-hygmag .sx-designmag-lead { margin-bottom:0; }
.sx-hygmag-list { list-style:none; margin:18px 0 0; padding:0; border-top:1.5px solid var(--ink); counter-reset:hy; }
.sx-hygmag-list li { counter-increment:hy; display:grid; grid-template-columns:40px 1fr; gap:2px 12px; padding:13px 0; border-bottom:1px solid #DCE3E2; }
.sx-hygmag-list li::before { content:"0" counter(hy); font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:600; font-size:24px; line-height:1; color:#FD7664; grid-row:span 2; }
.sx-hygmag-list i { font-style:normal; font-family:'Jost','SUIT',sans-serif; font-weight:500; font-size:11.5px; letter-spacing:.2em; color:#56666A; }
.sx-hygmag-list b { font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:16.5px; color:var(--ink); }
.sx-hygmag-fig > div { height:clamp(280px,54vh,460px); }
@media (max-width:860px) { .sx-hygmag-grid { grid-template-columns:1fr; } .sx-hygmag-fig > div { height:auto; aspect-ratio:3/2; } }


/* ══════════════════════════════════════════════
   선택 이유 — 여성: 숫자로 보기 (시안 2 · 흰 배경) · 남성: 프로필 시트 (시안 4 · 버터 배경)
   ══════════════════════════════════════════════ */
.sx-whynum-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:clamp(24px,4vw,56px); align-items:center; }
.sx-whynum h2 { margin-bottom:10px; }
.sx-whynum-nums { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:20px; }
.sx-whynum-nums > div { border-radius:18px; padding:16px 18px; display:grid; gap:6px; align-content:start; }
.sx-whynum-nums > div:nth-child(1) { background:#FDEAF0; }
.sx-whynum-nums > div:nth-child(2) { background:#E8F2FB; }
.sx-whynum-nums > div:nth-child(3) { background:#FCF8DC; }
.sx-whynum-nums strong { font-family:'Paperlogy','Gmarket Sans',sans-serif; font-weight:800; font-size:clamp(32px,3.6vw,44px); line-height:1; color:var(--ink); }
.sx-whynum-nums b { font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:15px; line-height:1.45; color:var(--ink); }
.sx-whynum-more { list-style:none; margin:12px 0 0; padding:0; }
.sx-whynum-more li { display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; padding:10px 0; border-bottom:1px solid #DCE3E2; }
.sx-whynum-more b { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:15.5px; color:var(--ink); }
.sx-whynum-more span { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:13.5px; color:#56666A; }
.sx-whynum-pic { margin:0; }
.sx-whynum-pic img { width:100%; height:clamp(300px,56vh,470px); object-fit:cover; object-position:center 20%; border-radius:24px; display:block; }
.sx-whynum-pic figcaption { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:13px; color:#56666A; margin-top:8px; text-align:center; }
@media (max-width:860px) {
  .sx-whynum-grid { grid-template-columns:1fr; }
  .sx-whynum-nums { grid-template-columns:1fr; }
  .sx-whynum-pic img { height:auto; aspect-ratio:4/5; max-height:62svh; }
}

.sx-sec.sx-whysheet { background:#F7EC9F; }
.sx-whysheet h2 { margin-bottom:10px; }
.sx-sec.sx-whysheet h2 .sx-whysheet-k { background:#FFFFFF; border-radius:8px; padding:0 .15em; color:var(--ink); }
.sx-whysheet-card { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); background:#FFFFFF; border-radius:16px; overflow:hidden; margin-top:clamp(16px,3vh,22px);
  box-shadow:0 24px 50px -32px rgba(19,37,39,.45); }
.sx-whysheet-pic { position:relative; min-height:clamp(300px,50vh,420px); }
.sx-whysheet-pic img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 20%; display:block; }
.sx-whysheet-bd { padding:22px 28px; }
.sx-whysheet-hd { display:flex; justify-content:space-between; align-items:baseline; gap:10px; border-bottom:1.5px solid var(--ink); padding-bottom:10px; }
.sx-whysheet-hd b { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:15px; letter-spacing:.14em; color:var(--ink); }
.sx-whysheet-hd span { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:13px; color:#56666A; }
.sx-whysheet dl { margin:0; }
.sx-whysheet dl > div { display:grid; grid-template-columns:96px 1fr; gap:12px; padding:12px 0; border-bottom:1px dashed #DCE3E2; align-items:baseline; }
.sx-whysheet dl > div:last-child { border-bottom:none; }
.sx-whysheet dt { font-family:'Jost','SUIT',sans-serif; font-weight:500; font-size:12px; letter-spacing:.18em; color:#56666A; }
.sx-whysheet dd { margin:0; }
.sx-whysheet dd b { display:block; font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:16px; color:var(--ink); }
.sx-whysheet dd span { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:13.5px; color:#56666A; }
@media (max-width:860px) {
  .sx-whysheet-card { grid-template-columns:1fr; }
  .sx-whysheet-pic { min-height:0; aspect-ratio:4/5; max-height:60svh; }
  .sx-whysheet dl > div { grid-template-columns:1fr; gap:2px; }
}


/* ══════════════════════════════════════════════
   전체 배경 한 톤 연하게 (진미님 요청)
   스카이 #BDDBF3 → #E8F2FB · 버터 #F7EC9F → #FCF8DC · 코랄 #FD7664 → #FFE2DC
   연한 칸(#FDEAF0 · #FCF8DC · #E8F2FB)은 한 단계 더 연하게 #FEF4F7 · #FDFBEC · #F3F8FD
   ══════════════════════════════════════════════ */
.sx-wrap > .sx-sec.tone, .sx-wrap > .sx-sec.sx-checkmag { background:#E8F2FB; }
.sx-wrap > .sx-sec.sx-whysheet { background:#FCF8DC; }
.sx-wrap.sx-her > .sx-cta, .sx-wrap.sx-him > .sx-cta { background:#FFE2DC; }
.sx-wrap > .sx-dm { background:#FEF4F7; }
.sx-wrap > .sx-memo { background:#FDFBEC; }
.sx-wrap > .sx-sec.sx-split, .sx-wrap > .sx-sec.sx-lookfeed { background:#F3F8FD; }
.sx-wrap > .sx-mood { background:#E8F2FB; }
.sx-wrap > .sx-mood::after { background:linear-gradient(160deg, rgba(232,242,251,0.7), rgba(232,242,251,0.92)); }

/* ══════════════════════════════════════════════
   PC: 한 섹션 = 한 화면 (폰은 그대로)
   ══════════════════════════════════════════════ */
@media (min-width:861px) {
  .sx-wrap > section { min-height:100vh; min-height:100svh; }
  .sx-wrap > section:not(.sx-split):not(.sx-mag) { display:flex; flex-direction:column; justify-content:center; }
  .sx-wrap > section:not(.sx-split):not(.sx-mag) > .sx-container { width:100%; }
}

.sx-whynum-nums p { font-family:'SUIT','Noto Sans KR',sans-serif; font-size:13.5px; line-height:1.55; color:#56666A; margin:0; }


/* ══════════════════════════════════════════════
   MOOD — 여성: 콜라주 Today (시안 1) · 남성: 가로 카드 3장 (시안 5)  · 배경은 한 톤 연한 기준
   ══════════════════════════════════════════════ */
.sx-moodgo { display:inline-flex; align-items:center; gap:8px; margin-top:18px; font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:15px; color:var(--ink);
  text-decoration:none; border:1.5px solid var(--ink); border-radius:999px; padding:10px 18px; background:#FFFFFF; }
.sx-moodgo:hover { background:#FCF8DC; }
.sx-moodgo:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }

.sx-sec.sx-collage { position:relative; overflow:hidden; background:#E8F2FB; }
.sx-tear { position:absolute; left:0; right:0; height:26px; z-index:4; pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 26' preserveAspectRatio='none'%3E%3Cpath d='M0 0H400V12L392 16 381 10 370 18 357 11 344 17 333 9 320 15 306 10 295 19 282 12 270 17 258 9 246 16 233 11 220 18 207 10 196 15 183 9 170 17 158 12 145 18 133 10 120 16 108 11 95 19 83 12 70 16 58 9 45 17 33 11 20 16 9 10 0 15Z' fill='%23FFFFFF'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.sx-tear.top { top:0; }
.sx-tear.bot { bottom:0; transform:scaleY(-1); }
.sx-tear.bot { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 26' preserveAspectRatio='none'%3E%3Cpath d='M0 0H400V12L392 16 381 10 370 18 357 11 344 17 333 9 320 15 306 10 295 19 282 12 270 17 258 9 246 16 233 11 220 18 207 10 196 15 183 9 170 17 158 12 145 18 133 10 120 16 108 11 95 19 83 12 70 16 58 9 45 17 33 11 20 16 9 10 0 15Z' fill='%23F8FAF9'/%3E%3C/svg%3E"); }
.sx-collage-bg { position:absolute; inset:-30px; z-index:0; }
.sx-collage-bg img { width:100%; height:100%; object-fit:cover; filter:blur(18px) saturate(.9); opacity:.4; display:block; }
.sx-collage-bg::after { content:""; position:absolute; inset:0; background:rgba(232,242,251,.6); }
.sx-collage-grid { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(20px,3vw,40px); align-items:center; }
.sx-collage h2 { margin-bottom:10px; }
.sx-sec.sx-collage h2 .k { background:linear-gradient(transparent 60%, #F7EC9F 60%); }
.sx-collage-stage { position:relative; height:clamp(380px,60vh,480px); }
.sx-collage-card { position:absolute; left:16%; right:6%; top:0; bottom:6%; background:#FFFFFF; border-radius:6px; padding:14px 16px 16px; box-shadow:0 24px 50px -30px rgba(19,37,39,.6); display:flex; flex-direction:column; }
.sx-collage-k { font-family:'Jost','SUIT',sans-serif; font-weight:500; font-size:11px; letter-spacing:.18em; color:#56666A; }
.sx-collage-t { font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:26px; line-height:1.1; margin:2px 0 10px; color:var(--ink); }
.sx-collage-main { flex:1; position:relative; overflow:hidden; }
.sx-collage-main img, .sx-collage-over img, .sx-collage-in1 img, .sx-collage-in2 img { width:100%; height:100%; object-fit:cover; object-position:center 25%; display:block; }
.sx-collage-main p { position:absolute; left:0; right:0; top:46%; text-align:center; margin:0; font-family:'Jost','SUIT',sans-serif; font-weight:600; font-size:13px; letter-spacing:.2em; color:#FFFFFF; text-shadow:0 1px 8px rgba(19,37,39,.45); }
.sx-collage-over { position:absolute; left:0; top:16%; width:30%; aspect-ratio:3/4; border:6px solid #FFFFFF; box-shadow:0 18px 30px -18px rgba(19,37,39,.6); transform:rotate(-4deg); overflow:hidden; }
.sx-collage-in1 { position:absolute; right:0; top:-14px; width:21%; aspect-ratio:1/1; border:5px solid #FFFFFF; box-shadow:0 14px 26px -16px rgba(19,37,39,.6); overflow:hidden; }
.sx-collage-in2 { position:absolute; left:20%; bottom:2%; width:20%; aspect-ratio:1/1; border:5px solid #FFFFFF; box-shadow:0 14px 26px -16px rgba(19,37,39,.6); overflow:hidden; transform:rotate(3deg); }
.sx-collage-memo { position:absolute; right:10%; bottom:0; width:46%; padding:10px 14px; border-radius:4px; background:#FFFFFF; box-shadow:0 14px 26px -18px rgba(19,37,39,.5);
  font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:20px; line-height:1.3; color:var(--ink); }
.sx-collage-memo small { display:block; font-family:'Jost','SUIT',sans-serif; font-size:10.5px; letter-spacing:.16em; color:#56666A; }
@media (max-width:860px) {
  .sx-collage-grid { grid-template-columns:1fr; }
  .sx-collage-stage { height:420px; margin-top:12px; }
}

.sx-sec.sx-moodrow { background:#F3F8FD; }
.sx-moodrow-top { display:flex; justify-content:space-between; align-items:flex-end; gap:16px 24px; flex-wrap:wrap; }
.sx-moodrow-top h2 { margin-bottom:10px; }
.sx-moodrow-top .sx-moodgo { margin-top:0; }
.sx-moodrow-row { display:grid; grid-template-columns:44px repeat(3,minmax(0,1fr)) 30px; gap:12px; margin-top:clamp(18px,3vh,26px); align-items:stretch; }
.sx-moodrow-rail { background:#FFFFFF; border-radius:999px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; }
.sx-moodrow-rail svg { width:20px; height:20px; stroke:var(--ink); fill:none; stroke-width:1.8; }
.sx-moodrow-cd { position:relative; height:clamp(260px,46vh,380px); border-radius:16px; overflow:hidden; }
.sx-moodrow-cd img { width:100%; height:100%; object-fit:cover; object-position:center 25%; display:block; }
.sx-moodrow-cd::before { content:"\2665"; position:absolute; left:12px; top:8px; color:#FFFFFF; font-size:18px; z-index:2; }
.sx-moodrow-cd p { position:absolute; left:12px; bottom:10px; margin:0; z-index:2; background:#FFFFFF; border-radius:999px; padding:5px 11px; font-family:'Jost','SUIT',sans-serif; font-weight:500; font-size:12px; letter-spacing:.12em; color:var(--ink); }
.sx-moodrow-vt { writing-mode:vertical-rl; font-family:'Jost','SUIT',sans-serif; font-weight:500; font-size:17px; letter-spacing:.06em; color:var(--ink); align-self:center; }
@media (max-width:860px) {
  .sx-moodrow-row { grid-template-columns:1fr; }
  .sx-moodrow-rail, .sx-moodrow-vt { display:none; }
  .sx-moodrow-cd { height:auto; aspect-ratio:4/5; max-height:70svh; }
}

/* ══════════════════════════════════════════════
   남성 = 하늘색 톤 (진미님 요청 2026-10-02) — 핑크 계열 배경·글씨를 스카이로
   ══════════════════════════════════════════════ */
.sx-wrap.sx-him > .sx-dm { background:#F3F8FD; }
.sx-wrap.sx-him > .sx-cta { background:#E8F2FB; }
.sx-wrap.sx-him .sx-price-main { background:#E8F2FB; }
.sx-wrap.sx-him .sx-waxmag-q::before { color:#BDDBF3; }
.sx-wrap.sx-him .sx-nav-links a.sx-nav-journal, .sx-wrap.sx-him .sx-mag-issue i { color:#3D72A6; }

/* 남성 DM: 고민 5개라 말풍선을 촘촘하게 (PC 한 화면 유지) */
.sx-wrap.sx-him .sx-dm-msgs { padding:10px 12px; gap:5px; }
.sx-wrap.sx-him .sx-dm-msgs p { font-size:13.5px; line-height:1.5; }
.sx-wrap.sx-him .sx-dm-q { padding:6px 12px; max-width:88%; }
.sx-wrap.sx-him .sx-dm-a { padding:9px 12px; margin-top:4px !important; }
.sx-wrap.sx-him .sx-dm-top { padding:10px 14px; }


/* ══════════════════════════════════════════════
   가격 · FAQ · 예약 안내
   여성: 영수증(P1) · 2열 펼치기(Q1) · 매거진 백커버(C5)
   남성: 매거진 표(P4) · 매거진 번호 Q&A(Q5) · 매거진 백커버(C5)
   ══════════════════════════════════════════════ */
.sx-sec.sx-receipt { background:#FDFBEC; }
.sx-receipt-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:center; }
.sx-receipt-card { background:#FFFFFF; padding:26px 28px 30px; position:relative; box-shadow:0 24px 50px -30px rgba(19,37,39,.5); max-width:440px; width:100%; justify-self:center; }
.sx-receipt-card::after { content:""; position:absolute; left:0; right:0; bottom:-10px; height:10px; background:radial-gradient(circle at 8px 0, #FFFFFF 7px, transparent 7.5px) 0 0 / 16px 10px repeat-x; }
.sx-receipt-h { text-align:center; font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:17px; letter-spacing:.2em; margin:0; color:var(--ink); }
.sx-receipt-sub { text-align:center; font-family:'Jost','SUIT',sans-serif; font-size:12px; letter-spacing:.14em; color:#56666A; margin:4px 0 14px; }
.sx-receipt-row { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px dashed #DCE3E2; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15.5px; color:var(--ink); font-variant-numeric:tabular-nums; }
.sx-receipt-row b { font-weight:700; }
.sx-receipt-tot { display:flex; justify-content:space-between; align-items:baseline; border-top:1.5px solid var(--ink); border-bottom:1.5px solid var(--ink); padding:12px 0; margin-top:6px; }
.sx-receipt-tot span { font-family:'Jost','SUIT',sans-serif; font-weight:600; letter-spacing:.12em; color:var(--ink); }
.sx-receipt-tot strong { font-family:'Paperlogy','Gmarket Sans',sans-serif; font-weight:800; font-size:30px; color:var(--ink); }
.sx-receipt-thx { text-align:center; font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:22px; margin:14px 0 0; color:var(--ink); }
.sx-receipt h2 { margin-bottom:6px; }
.sx-receipt-side { list-style:none; margin:10px 0 0; padding:0; border-top:1.5px solid var(--ink); }
.sx-receipt-side li { display:flex; gap:14px; padding:13px 0; border-bottom:1px solid #DCE3E2; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:16px; color:var(--ink); }
.sx-receipt-side li b { flex:0 0 84px; font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700; font-size:14.5px; }
@media (max-width:860px) { .sx-receipt-grid { grid-template-columns:1fr; } .sx-receipt-grid > div:last-child { order:-1; } }

.sx-sec.sx-faq2 { background:#F3F8FD; }
.sx-faq2 h2 { margin-bottom:10px; }
.sx-faq2-list { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; margin-top:clamp(18px,3vh,24px); align-items:start; }
.sx-faq2-list details { background:#FFFFFF; border-radius:16px; padding:0 18px; }
.sx-faq2-list summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:12px; padding:16px 0; font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:16.5px; color:var(--ink); }
.sx-faq2-list summary::-webkit-details-marker { display:none; }
.sx-faq2-list summary::before { content:"Q"; flex:0 0 30px; height:30px; border-radius:50%; background:#BDDBF3; display:flex; align-items:center; justify-content:center; font-family:'Jost','SUIT',sans-serif; font-weight:600; font-size:14px; }
.sx-faq2-list summary::after { content:"+"; margin-left:auto; font-size:20px; font-weight:500; }
.sx-faq2-list details[open] summary::after { content:"\2212"; }
.sx-faq2-list summary:focus-visible { outline:2px solid var(--ink); outline-offset:2px; border-radius:8px; }
.sx-faq2-list details p { margin:0 0 16px 42px; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:15px; line-height:1.6; color:#56666A; }
@media (max-width:860px) { .sx-faq2-list { grid-template-columns:1fr; } }

.sx-sec.sx-pricemag { background:#F8FAF9; }
.sx-pricemag-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(24px,5vw,72px); align-items:center; }
.sx-pricemag-nm { font-family:'Iropke Batang','Noto Serif KR',serif; font-size:20px; margin:4px 0 0; color:var(--ink); }
.sx-pricemag-big { font-family:'Paperlogy','Gmarket Sans',sans-serif; font-weight:800; font-size:clamp(80px,10vw,128px); line-height:.9; margin:14px 0 6px; letter-spacing:-0.03em; color:var(--ink); }
.sx-pricemag-big span { font-family:'Iropke Batang','Noto Serif KR',serif; font-weight:400; font-size:.3em; margin-left:6px; letter-spacing:0; }
.sx-pricemag-free { display:inline-block; margin-top:10px; font-family:'Jost','SUIT',sans-serif; font-size:13px; letter-spacing:.14em; color:var(--ink); border-bottom:2px solid #FD7664; padding-bottom:3px; }
.sx-pricemag-dl { margin:0; border-top:1.5px solid var(--ink); counter-reset:pm; }
.sx-pricemag-dl > div { counter-increment:pm; display:grid; grid-template-columns:40px 100px 1fr; align-items:baseline; gap:10px; padding:13px 0; border-bottom:1px solid #DCE3E2; }
.sx-pricemag-dl > div::before { content:"0" counter(pm); font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:600; font-size:22px; color:#FD7664; }
.sx-pricemag-dl dt { font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:14px; color:#56666A; }
.sx-pricemag-dl dd { margin:0; font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:16px; color:var(--ink); }
.sx-pricemag-dl dd small { display:block; font-weight:500; font-size:13px; color:#56666A; }
@media (max-width:860px) { .sx-pricemag-grid { grid-template-columns:1fr; } .sx-pricemag-dl > div { grid-template-columns:36px 1fr; } .sx-pricemag-dl dd { grid-column:2; } }

.sx-faqmag .sx-designmag-lead { margin-bottom:0; }
.sx-faqmag-list { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:32px; margin-top:16px; border-top:1.5px solid var(--ink); counter-reset:fq; }
.sx-faqmag-it { counter-increment:fq; display:grid; grid-template-columns:40px 1fr; gap:4px 10px; padding:14px 0; border-bottom:1px solid #DCE3E2; }
.sx-faqmag-it::before { content:"0" counter(fq); font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:600; font-size:24px; color:#FD7664; grid-row:span 2; line-height:1; }
.sx-faqmag-it b { font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:16px; color:var(--ink); }
.sx-faqmag-it p { margin:0; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:14.5px; line-height:1.6; color:#56666A; }
@media (max-width:860px) { .sx-faqmag-list { grid-template-columns:1fr; } }

.sx-sec.sx-ctamag { background:#F8FAF9; }
.sx-ctamag-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(24px,5vw,72px); align-items:center; }
.sx-ctamag-see { font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:500; font-size:clamp(44px,5.6vw,72px); line-height:1; margin:0 0 14px; color:var(--ink); }
.sx-ctamag-hours { display:inline-block; background:#FFFFFF; border:1px solid #DCE3E2; border-radius:999px; padding:6px 14px; font-family:'Onglip Yeongrong','SUIT',sans-serif; font-size:20px; color:var(--ink); }
.sx-ctamag h2.sx-waxmag-q { margin-top:14px; }
.sx-ctamag .sx-designmag-lead b { background:none; padding:0; }
.sx-ctamag-btns { display:flex; flex-wrap:wrap; gap:10px; }
.sx-ctamag-b1 { display:inline-flex; align-items:center; gap:8px; font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:16px; color:#FFFFFF; background:var(--ink); border-radius:999px; padding:13px 24px; text-decoration:none; }
.sx-ctamag-b2 { display:inline-flex; align-items:center; font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:16px; color:var(--ink); background:#FFFFFF; border:1.5px solid var(--ink); border-radius:999px; padding:12px 22px; text-decoration:none; }
.sx-ctamag-b1:focus-visible, .sx-ctamag-b2:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.sx-ctamag-tel { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:18px 0 0; font-family:'SUIT','Noto Sans KR',sans-serif; font-weight:700; font-size:15.5px; color:var(--ink); }
.sx-ctamag-tel a { color:var(--ink); text-underline-offset:4px; }
.sx-ctamag-tel span { background:#FFFFFF; border:1px solid #DCE3E2; border-radius:999px; padding:5px 11px; font-size:13px; }
.sx-ctamag-fig > div { height:clamp(320px,58vh,480px); }
@media (max-width:860px) { .sx-ctamag-grid { grid-template-columns:1fr; } .sx-ctamag-fig > div { height:auto; aspect-ratio:4/5; max-height:60svh; } }
/* 영수증: 예약금·잔금 나눠 내기 (예약금 2만원은 시술가 20만원에 포함) */
.sx-receipt-pay { display:flex; justify-content:space-between; gap:12px; padding:6px 0 0 12px; font-family:'SUIT','Noto Sans KR',sans-serif; font-size:14px; color:#56666A; font-variant-numeric:tabular-nums; }
.sx-receipt-pay span:first-child::before { content:"└ "; }

/* 모바일 줄바꿈 정리 (2026-10-07) — 한 단어만 남는 줄 줄이기 */
.sx-wrap h1,.sx-wrap h2,.sx-wrap h3,.sx-wrap h4{ text-wrap:balance; }
.sx-wrap p,.sx-wrap li,.sx-wrap figcaption{ text-wrap:pretty; }