/* 라이프체인저스 제이슨 · 토니 로빈스형 (2026-10-19)
   검정·흰 90% / 카드 #F6F6F7 / 알약 버튼 56px / 카드 16px / 상품군별 한 색(시즌 파랑, 코칭 주황, 프로그램 먹·흰) */
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/IBMPlexMono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/IBMPlexMono-500.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/IBMPlexMono-600.woff2) format("woff2")}
:root{
  --k:#000;--w:#fff;--g:#F6F6F7;--g2:#EDEDEF;--line:#E3E3E6;--d:#232325;--d2:#141416;
  --sub:#55555C;--sub-w:rgba(255,255,255,.72);
  --blue:#2764FF;--blue2:#1638C9;--blue3:#0B1D6E;--blue-l:#E9EFFF;
  --org:#FF9700;--org-d:#E07F00;
  --r:16px;--r-s:10px;--hd:72px;
  --sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,var(--sans);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 16px)}
body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.65;color:var(--k);background:var(--w);letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:#fff;color:#000;padding:8px 14px;border-radius:8px}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.wrap{max-width:1600px;margin:0 auto;padding:0 40px}
.narrow{max-width:980px}.narrow2{max-width:880px}
.center{text-align:center}

/* 글자 */
.d0,.d1,.d2,.d3{font-weight:700;letter-spacing:-.045em;text-wrap:balance}
.d0{font-size:clamp(44px,6.4vw,100px);line-height:1.06}
.d1{font-size:clamp(38px,5vw,76px);line-height:1.1;letter-spacing:-.045em}
.d2{font-size:clamp(30px,3.8vw,58px);line-height:1.14;letter-spacing:-.04em}
.d3{font-size:clamp(24px,2.3vw,34px);line-height:1.25;letter-spacing:-.035em;font-weight:700}
.h4{font-size:22px;font-weight:700;letter-spacing:-.03em}
.d0 span,.d1 span,.d2 span{display:block}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.65;color:var(--sub);text-wrap:pretty}
.band-k .lead,.voices .lead,.band-blue .lead,.evhero .lead{color:var(--sub-w)}
.lbl{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;line-height:1.4}
.lbl::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.lbl-w{color:#fff}
.note{font-size:14px;color:var(--sub);margin-top:20px;line-height:1.6}
.note-w{color:var(--sub-w)}
.bigq{font-size:clamp(24px,2.6vw,38px);line-height:1.45;font-weight:600;letter-spacing:-.03em;margin-bottom:24px;text-wrap:pretty}
.bigq.sm{font-size:clamp(20px,1.8vw,26px)}
.empty{padding:40px 0;color:var(--sub);text-align:center}
.crumb{font-size:14px;color:var(--sub);margin-bottom:14px}.crumb a{text-decoration:underline}

/* 버튼 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 30px;border-radius:999px;font-size:16px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:transform .15s,background .2s,opacity .2s;border:0}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:14px;height:14px}
.btn-w{background:#fff;color:#000}
.btn-k{background:#000;color:#fff}
.btn-g{background:var(--g);color:#000}
.btn-d{background:var(--d);color:#fff}
.btn-gl{background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(8px)}
.btn-o{background:var(--org);color:#000}
.btn-sm{height:42px;padding:0 20px;font-size:14px}
.btn.wide{width:100%}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btns.center{justify-content:center}
.btns.col{flex-direction:column}.btns.col .btn{width:100%}
.more{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:600;color:inherit;opacity:.72}
.more:hover{opacity:1}
.more .arr{width:14px;height:14px}
.bdg-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.bdg{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:0}
.bdg-k{background:#000;color:#fff}.bdg-b{background:var(--blue);color:#fff}.bdg-l{background:var(--g2);color:#000}.bdg-o2{background:rgba(255,255,255,.14);color:#fff}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#999;margin-right:6px;vertical-align:1px}
.dot.blog{background:#03C75A}.dot.instagram{background:#E1306C}.dot.threads{background:#000}
.band-k .dot.threads,.pl-panel .dot.threads,.voices .dot.threads,.tc-instagram .dot.threads{background:#fff}.dot.youtube{background:#FF0000}.dot.tiktok{background:#25F4EE;box-shadow:1px 1px 0 #FE2C55}.dot.brunch{background:#FF6B4A}

/* 띠 */
.band-k{background:#000;color:#fff}
.band-g{background:var(--g)}
.band-blue{background:var(--blue);color:#fff}
.sec{padding:120px 0}
.sec-s{padding:88px 0}
.sec-t0{padding-top:0}

/* 공지 띠 + 헤더 */
.tb{font-size:14px;font-weight:500;color:#fff}
.tb-blue{background:linear-gradient(90deg,#1638C9,#2764FF 55%,#4C82FF)}
.tb-orange{background:linear-gradient(90deg,#FF7A00,#FF9700 55%,#FFB547);color:#000}
.tb-ink{background:#1B1B1E}
.tb-in{display:flex;align-items:center;justify-content:center;gap:14px;min-height:40px;padding-top:8px;padding-bottom:8px;text-align:center}
.tb-in b{display:inline-flex;align-items:center;gap:2px;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.tb-in b svg{width:13px;height:13px}
.hd{position:sticky;top:0;z-index:50;background:#000;color:#fff;height:var(--hd)}
.hd-in{height:100%;display:flex;align-items:center;gap:24px}
.logo{font-weight:700;font-size:15px;letter-spacing:.2em;white-space:nowrap;display:flex;gap:.5em}
.logo b{font-weight:700;color:#fff}
.gnav{flex:1;display:flex;justify-content:center}
.gl{display:flex;gap:6px}
.gi{position:relative}
.gb{display:flex;align-items:center;gap:6px;height:var(--hd);padding:0 12px;font-size:15px;font-weight:500;color:#fff;opacity:.92}
.gb:hover,.gi.open .gb,.gb[aria-current]{opacity:1}
.gb[aria-current]{box-shadow:inset 0 -2px 0 #fff}
.chev{width:12px;height:12px;transition:transform .2s}
.gi.open .chev{transform:rotate(180deg)}
.mm{position:absolute;top:calc(var(--hd) - 8px);left:50%;transform:translateX(-50%);padding-top:4px;display:none;z-index:60}
.gi.open .mm{display:block}
@media (hover:hover){.gi:hover .mm{display:block}.gi:hover .chev{transform:rotate(180deg)}}
.mm-card{background:#fff;color:#000;border-radius:var(--r);padding:14px;min-width:260px;box-shadow:0 18px 50px rgba(0,0,0,.25);display:flex;gap:8px}
.mm-card ul{min-width:230px}
.mm-card.two ul+ul{border-left:1px solid var(--line);padding-left:8px}
.mm-card a{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;font-size:15px;font-weight:600;line-height:1.35}
.mm-card a small{font-size:12.5px;font-weight:400;color:var(--sub);margin-top:2px}
.mm-card a:hover{background:var(--g)}
.hd-r{display:flex;align-items:center;gap:10px;margin-left:auto}
.ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%}
.ic svg{width:22px;height:22px}
.ic:hover{background:rgba(255,255,255,.12)}
.burger{display:none;width:44px;height:44px;border-radius:50%;position:relative}
.burger span,.burger span::before,.burger span::after{position:absolute;left:12px;width:20px;height:2px;background:#fff;border-radius:2px;transition:.2s;content:""}
.burger span{top:21px}.burger span::before{top:-7px;left:0}.burger span::after{top:7px;left:0}
body.menu-open .burger span{background:transparent}
body.menu-open .burger span::before{top:0;transform:rotate(45deg)}
body.menu-open .burger span::after{top:0;transform:rotate(-45deg)}
.mpanel{position:fixed;inset:var(--hd) 0 0 0;z-index:49;background:#000;color:#fff;overflow-y:auto;padding:12px 0 40px}
.ma{border-bottom:1px solid rgba(255,255,255,.14)}
.ma summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:20px;font-weight:700;cursor:pointer}
.ma summary::-webkit-details-marker{display:none}
.pm{position:relative;width:14px;height:14px;flex:none}
.pm::before,.pm::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:currentColor;transition:transform .2s}
.pm::after{transform:rotate(90deg)}
details[open]>summary .pm::after{transform:rotate(0)}
.ma ul{padding:0 0 16px}
.ma a{display:flex;flex-direction:column;padding:10px 0;font-size:16px;color:rgba(255,255,255,.86)}
.ma a small{font-size:13px;color:rgba(255,255,255,.55)}
.mp-cta{display:grid;gap:10px;margin-top:28px}

/* 줄 머리 */
.row-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.rh-l{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.center-head{text-align:center;max-width:860px;margin:0 auto 64px}
.center-head .lbl{justify-content:center}
.center-head .lead{margin-top:18px}
.car-nav{display:flex;gap:10px}
.car-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:#000}
.band-k .car-btn{background:#1F1F22;color:#fff}
.car-btn svg{width:16px;height:16px}
.car-btn:disabled{opacity:.35;cursor:default}
.car{overflow:hidden;margin:0 -40px;padding:0 40px}
.car-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
.car-track::-webkit-scrollbar{display:none}
.car-track>*{scroll-snap-align:start;flex:none}
.car-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.car-dots button{width:8px;height:8px;border-radius:50%;background:#C9C9CE}
.car-dots button[aria-current]{background:#000;width:24px;border-radius:8px}

/* 1 히어로 */
.hero{padding:0 20px 20px}
.hero-frame{position:relative;border-radius:var(--r);overflow:hidden;min-height:min(820px,calc(100vh - var(--hd) - 60px));background:#0A0A0B;display:flex}
.hero-img{position:absolute;right:4%;bottom:0;height:100%;width:auto;max-width:none;aspect-ratio:4/5;object-fit:cover;filter:brightness(.9);object-position:center top;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 26%,#000 80%,transparent 100%)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%),linear-gradient(90deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.35) 50%,rgba(0,0,0,0) 70%)}
.hero-in{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;width:100%;padding-top:120px;padding-bottom:48px}
.hero-txt{max-width:820px}
.hero-line{font-size:clamp(17px,1.35vw,20px);color:rgba(255,255,255,.82);margin-top:24px;max-width:560px;line-height:1.65}
.next-card{flex:none;width:380px;background:rgba(18,18,20,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:18px;color:#fff;display:block;transition:transform .2s}
.next-card:hover{transform:translateY(-2px)}
.next-card .lbl{margin-bottom:14px;font-size:12px}
.next-card .lbl::before{display:none}
.live{width:7px;height:7px;border-radius:50%;background:#4C82FF;box-shadow:0 0 0 4px rgba(76,130,255,.25)}
.nc-body{display:flex;gap:14px;align-items:center}
.nc-date{flex:none;width:96px;height:96px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}
.nc-date b{font-size:32px;letter-spacing:-.04em;line-height:1}
.nc-date small{font-family:var(--mono);font-size:12px;margin-top:6px;opacity:.85}
.nc-txt{display:flex;flex-direction:column;gap:4px}
.nc-txt b{font-size:18px;line-height:1.35;letter-spacing:-.02em}
.nc-txt span{font-size:14px;color:var(--sub-w)}
.nc-go{display:flex;align-items:center;gap:4px;margin-top:14px;font-size:14px;font-weight:600;color:var(--sub-w)}
.nc-go svg{width:13px;height:13px}

/* 포스터 (시즌) */
.poster{position:relative;width:min(330px,78vw);aspect-ratio:2/3;border-radius:var(--r);overflow:hidden;color:#fff;display:flex;flex-direction:column;padding:24px;isolation:isolate;transition:transform .25s}
.poster:hover{transform:translateY(-4px)}
.pt-blue1{background:linear-gradient(165deg,#4C82FF 0%,#2764FF 35%,#1638C9 70%,#0B1D6E 100%)}
.pt-blue2{background:#0B1D6E;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(180deg,#1638C9,#0B1D6E);background-size:28px 28px,28px 28px,100% 100%}
.pt-blue3{background:radial-gradient(120% 80% at 80% 0%,#2764FF 0%,#0A0F2E 55%,#000 100%)}
.pt-ink{background:#1A1A1D;border:1px dashed rgba(255,255,255,.28)}
.pt-bgw{position:absolute;right:-12px;bottom:18%;font-size:180px;font-weight:800;letter-spacing:-.06em;line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.22);z-index:-1;white-space:nowrap}
.pt-top{display:flex;justify-content:space-between;align-items:flex-start;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;line-height:1.3}
.pt-no{font-size:13px;opacity:.8}
.pt-big{margin-top:auto;display:flex;flex-direction:column;font-weight:800;font-size:54px;line-height:.98;letter-spacing:-.055em}
.pt-strike{font-size:22px;font-weight:600;letter-spacing:-.02em;text-decoration:line-through;text-decoration-thickness:2px;opacity:.65;margin-bottom:8px}
.pt-line{font-size:16px;font-weight:500;margin-top:16px;line-height:1.45;opacity:.92}
.pt-date{display:flex;align-items:baseline;gap:10px;border-top:1px solid rgba(255,255,255,.3);margin-top:20px;padding-top:14px}
.pt-date b{font-size:26px;letter-spacing:-.03em}
.pt-date span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;opacity:.85}

/* 3 진단 CTA */
.startcta{position:relative;overflow:hidden;min-height:640px;display:flex;align-items:center}
.sc-img{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;width:auto;max-width:none;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) brightness(.6) contrast(1.1);
  -webkit-mask-image:radial-gradient(60% 70% at 50% 40%,#000 40%,transparent 100%);mask-image:radial-gradient(60% 70% at 50% 40%,#000 40%,transparent 100%)}
.sc-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.65))}
.sc-in{position:relative;text-align:center;max-width:900px;padding-top:120px;padding-bottom:120px}
.sc-in .lead{margin-top:20px}

/* 4 일곱 기둥 */
.pillars{position:relative;height:calc(var(--n) * 52vh + 100vh);background:#fff}
.pl-sticky{position:sticky;top:var(--hd);height:calc(100vh - var(--hd));display:flex;align-items:center;overflow:hidden}
.pl-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;width:100%}
.pl-words li{line-height:1}
.pl-words a{display:block;font-size:clamp(40px,5.2vw,82px);font-weight:700;letter-spacing:-.05em;line-height:1.08;color:#000;opacity:.16;transition:opacity .3s}
.pl-words a.on,.pl-words a:hover{opacity:1}
.pl-words small{display:none}
.pl-right{position:relative;height:min(660px,calc(100vh - var(--hd) - 80px))}
.pl-panel{position:absolute;inset:0;border-radius:var(--r);background:#000;color:#fff;padding:40px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;overflow:hidden}
.pl-panel::after{content:"";position:absolute;right:-30%;bottom:-40%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(39,100,255,.55),transparent 65%);pointer-events:none}
.pl-panel.on{opacity:1;visibility:visible}
.pp-top{display:flex;justify-content:space-between;align-items:center}
.pp-top .lbl{margin:0}
.pp-no{font-family:var(--mono);font-size:13px;color:var(--sub-w)}
.pp-ko{font-size:clamp(48px,5vw,80px);font-weight:700;letter-spacing:-.05em;line-height:1.05;margin-top:auto}
.pp-line{font-size:22px;font-weight:600;margin-top:14px;letter-spacing:-.02em}
.pp-desc{color:var(--sub-w);margin-top:10px;max-width:520px}
.pp-posts{margin-top:24px;border-top:1px solid rgba(255,255,255,.16);position:relative;z-index:1}
.pp-posts a{display:flex;align-items:center;gap:6px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:15px}
.pp-posts a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-posts a:hover{color:#9DB8FF}
.pl-panel .btns{margin-top:24px;position:relative;z-index:1}

/* 5 독자의 목소리 */
.voices{background:var(--blue);color:#fff;padding:110px 0 96px;background-image:radial-gradient(80% 120% at 100% 0%,#4C82FF 0%,transparent 60%),radial-gradient(60% 90% at 0% 100%,#1638C9 0%,transparent 70%)}
.vc-stage{position:relative;min-height:340px}
.vc{display:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.vc.on{display:grid;animation:fadeIn .45s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vc-num b{display:block;font-size:clamp(72px,10vw,160px);font-weight:700;letter-spacing:-.06em;line-height:.95}
.vc-num span{display:block;font-family:var(--mono);font-size:13px;letter-spacing:.06em;margin-top:14px;color:rgba(255,255,255,.82)}
.vc blockquote{font-size:clamp(26px,3vw,46px);font-weight:600;line-height:1.3;letter-spacing:-.035em;text-wrap:balance}
.vc figcaption{grid-column:2;margin-top:0;font-size:15px;color:rgba(255,255,255,.82);display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.vc figcaption a{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px}
.vc figcaption svg{width:13px;height:13px}
.vc-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:64px;border-top:1px solid rgba(255,255,255,.3)}
.vt{text-align:left;padding:18px 0 0;position:relative;color:rgba(255,255,255,.6)}
.vt b{display:block;font-size:24px;letter-spacing:-.03em}
.vt span{font-size:13.5px}
.vt i{position:absolute;left:0;top:-1px;height:2px;width:0;background:#fff}
.vt[aria-pressed=true]{color:#fff}
.vt[aria-pressed=true] i{width:100%;transition:width 6s linear}
.voices.paused .vt[aria-pressed=true] i{transition:none}

/* 6 소개 */
.ab-h{max-width:980px;margin-bottom:44px}
.ab-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}
.ab-photo{position:relative;border-radius:var(--r);overflow:hidden;background:#111;aspect-ratio:4/5;max-height:640px;width:100%;max-width:520px}
.ab-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.ab-sign{position:absolute;right:32px;bottom:28px;font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:#fff;text-align:right;line-height:1.6}
.ab-txt p{font-size:18px;line-height:1.7;margin-bottom:28px}
.ab-bottom{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:56px;align-items:end;margin-top:40px}
.ch-k{font-size:17px;color:var(--sub);margin-bottom:16px}
.ch-logos{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:center}
.chl{font-size:clamp(22px,2vw,30px);font-weight:800;letter-spacing:-.04em;color:#A3A3AA;transition:color .2s}
.chl:hover{color:#000}
.chl-brunch,.chl-blog{font-weight:700}
.ab-video{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:#000}
.ab-video img{width:100%;height:100%;object-fit:cover;opacity:.75}
.pill-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;gap:8px;align-items:center;height:48px;padding:0 20px;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);color:#fff;font-weight:600;font-size:14.5px;white-space:nowrap}
.pill-play svg{width:13px;height:13px}

/* 7 숫자 */
.rs-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:48px}
.rs-side p{font-size:18px;line-height:1.7;color:var(--sub)}
.rs-side .btn{margin-top:22px}
.rs-nums{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.rn{background:var(--g);border-radius:var(--r);padding:28px 24px;display:flex;flex-direction:column;min-height:210px}
.rn b{font-size:clamp(36px,3.4vw,54px);font-weight:700;letter-spacing:-.05em;line-height:1}
.rn span{font-weight:600;margin-top:auto;padding-top:24px;line-height:1.4}
.rn small{font-size:13px;color:var(--sub);margin-top:6px;line-height:1.45}
.results .row-head{margin-top:72px}
.tlc{width:260px;min-height:180px;border-radius:var(--r);background:#000;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.tl-d{font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:-.02em}
.tlc p{font-size:16px;line-height:1.5;color:var(--sub-w)}

/* 8 다가오는 일정 */
.car-full .car-track>*{width:100%}
.evb{position:relative;border-radius:var(--r);overflow:hidden;color:#fff;min-height:600px;display:flex;align-items:flex-end;padding:48px}
.evb-big{position:absolute;right:-1%;top:-4%;font-size:clamp(140px,19vw,300px);font-weight:800;letter-spacing:-.07em;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.28)}
.evb-in{position:relative;max-width:760px}
.evb-in .d2{margin-bottom:16px}
.evb-d{font-size:18px;color:rgba(255,255,255,.86);max-width:520px}
.evb-row{display:flex;align-items:flex-end;gap:36px;flex-wrap:wrap;margin-top:32px}
.evb-row dl{display:flex;gap:32px;flex-wrap:wrap}
.evb-row dt,.ev-meta dt{font-family:var(--mono);font-size:12px;letter-spacing:.06em;opacity:.75;text-transform:uppercase}
.evb-row dd{font-size:17px;font-weight:600}
.evb-logo{position:absolute;right:40px;bottom:40px;background:#000;color:#fff;border-radius:12px;padding:16px 22px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;line-height:1.35;display:flex;flex-direction:column}
.evb-logo b{font-family:var(--sans);font-size:30px;letter-spacing:-.02em;font-weight:800}

/* 9 코칭 */
.c9-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px 40px}
.c9-tile{background:var(--org);color:#000;border-radius:var(--r);min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px}
.c9-tile span{font-family:var(--mono);font-size:14px;letter-spacing:.24em;font-weight:600}
.c9-tile b{font-size:clamp(46px,4.6vw,72px);font-weight:900;letter-spacing:-.03em;font-style:italic;line-height:1}
.c9-h{align-self:center}
.c9-left{padding:8px 4px}
.c9-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
.c9-facts b{display:block;font-size:40px;font-weight:600;letter-spacing:-.04em;color:#D9D9DE}
.c9-facts span{display:block;font-size:15px;color:var(--sub-w);line-height:1.45;margin-top:6px}
.c9-left p{color:rgba(255,255,255,.86);font-size:17px}
.c9-card{border-radius:var(--r);padding:40px;background:radial-gradient(70% 90% at 0% 0%,rgba(255,151,0,.75),rgba(255,151,0,0) 60%),#141416}
.cproc li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.cproc li:last-child{border-bottom:0}
.cp-no{font-family:var(--mono);font-size:14px;color:var(--org);padding-top:4px}
.cproc b{font-size:20px;letter-spacing:-.02em}
.cproc p{color:var(--sub-w);margin-top:4px}

/* 10 스토어 카드 */
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);font-size:15px;font-weight:600;background:#fff;display:inline-flex;align-items:center;gap:6px}
.tab small{font-weight:500;color:var(--sub)}
.tab[aria-pressed=true],.tab[aria-selected=true]{background:var(--g);border-color:var(--g)}
.pcard{position:relative;width:320px;background:var(--g);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}
.pcard:hover{transform:translateY(-3px)}
.pc-cv{display:grid;place-items:center;padding:40px 24px 24px;min-height:300px}
.pc-cv img{width:auto;max-height:250px;border-radius:6px;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.pc-b{padding:0 24px 24px;position:relative;margin-top:auto}
.pc-b h3{font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.35;padding-right:48px}
.pc-s{font-size:14.5px;color:var(--sub);margin-top:6px}
.pc-go{position:absolute;right:24px;bottom:24px;width:40px;height:40px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center}
.pc-go svg{width:15px;height:15px}
.pcard[hidden]{display:none}
.pcard-note .pc-type{background:#000;color:#fff;margin:24px 24px 20px;border-radius:12px;min-height:256px;align-content:center;text-align:center;padding:24px}
.pc-type span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;opacity:.7}
.pc-type b{display:block;font-size:24px;letter-spacing:-.03em;line-height:1.35;margin-top:10px}
.pcard-note .pc-b h3{padding-right:0}
.pcard-note .more{margin-top:12px}

/* 11 영상 */
.vid-box{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;background:var(--g);border-radius:var(--r);padding:16px}
.vid-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;background:#fff;border-radius:12px;padding:20px;align-items:center}
.vm-th{border-radius:10px;overflow:hidden;aspect-ratio:4/5;background:#ddd}
.vm-th img{width:100%;height:100%;object-fit:cover}
.vm-b h3{font-size:clamp(22px,2vw,30px);letter-spacing:-.035em;line-height:1.3;margin-bottom:10px}
.vm-b p{color:var(--sub);font-size:14px;margin-bottom:22px}
.vm-b .btn svg{width:12px;height:12px}
.vid-list{background:#fff;border-radius:12px;padding:8px 20px}
.vid-list a{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.vid-list li:last-child a{border-bottom:0}
.vid-list img{width:72px;height:90px;object-fit:cover;border-radius:8px}
.vr-t small{display:block;font-size:12.5px;color:var(--sub)}
.vr-t b{display:block;font-size:16px;line-height:1.4;letter-spacing:-.02em;margin-top:2px}
.pill-s{display:inline-flex;gap:6px;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:var(--g);font-size:13.5px;font-weight:600;white-space:nowrap}
.pill-s svg{width:11px;height:11px}

/* 12 마지막 CTA */
.cta{padding:150px 0;text-align:center}
.cta-big{padding:210px 0;background:radial-gradient(70% 60% at 50% 110%,rgba(39,100,255,.35),transparent 70%),#000}
.cta .d2,.cta .d1{max-width:1100px;margin:0 auto}
.cta .lead{max-width:640px;margin:22px auto 0}
.sec-s.band-k .kcards{margin:0}
.kcards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kcard{background:#141416;border-radius:var(--r);padding:40px;display:flex;flex-direction:column;min-height:280px;transition:background .2s}
.kcard:hover{background:#1D1D20}
.kcard h3{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.04em;line-height:1.2}
.kcard p{color:var(--sub-w);margin-top:12px}
.kcard .more{margin-top:auto;padding-top:24px}

/* 모달 */
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px}
.modal[hidden]{display:none}
.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.modal-card{position:relative;background:#fff;color:#000;border-radius:20px;padding:40px;width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto}
.modal-x{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--g)}
.modal-x svg{width:20px;height:20px}
.mc-l{color:var(--sub);margin:10px 0 24px}
body.modal-open{overflow:hidden}

/* 폼 */
.field{margin-bottom:18px;border:0;padding:0}
.field label,.field legend{display:block;font-size:14px;font-weight:600;margin-bottom:8px;padding:0}
.input,.textarea{width:100%;height:54px;border:1px solid var(--line);border-radius:12px;padding:0 16px;font:inherit;font-size:16px;background:#fff;color:#000}
.textarea{height:160px;padding:14px 16px;resize:vertical}
.input:focus,.textarea:focus{outline:2px solid var(--blue);outline-offset:0;border-color:transparent}
.form-row{display:flex;gap:10px;flex-wrap:wrap}
.form-row .input{flex:1 1 220px}
.agree{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--sub);margin-top:12px;line-height:1.5}
.agree input{margin-top:3px;accent-color:#000}
.form-msg{font-size:14px;margin-top:10px;min-height:1px;font-weight:600}
.fm-d .input{background:#1A1A1D;border-color:#333;color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip,.chip-c span{display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line);font-size:15px;font-weight:600;background:#fff;color:#000;cursor:pointer}
.chips.big .chip{height:52px;padding:0 22px;font-size:17px}
.band-k .chip{background:#141416;color:#fff;border-color:#2A2A2E}
.chip[aria-pressed=true]{background:#000;color:#fff;border-color:#000}
.chip-c{position:relative}
.chip-c input{position:absolute;opacity:0;pointer-events:none}
.chip-c input:checked+span{background:#000;color:#fff;border-color:#000}
.chip-c input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.formbox{background:#fff;border-radius:var(--r);padding:40px}

/* 페이지 히어로 (검정, 2단) */
.phero{padding:100px 0 96px}
.phero-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:end}
.phero .lbl{color:#fff}
.phero-side .lead{font-size:clamp(17px,1.35vw,20px)}
.phero-photo{padding-bottom:0}
.phero-photo .phero-in{align-items:end}
.ph-photo{border-radius:var(--r) var(--r) 0 0;overflow:hidden;max-width:420px;margin-left:auto}
.ph-photo img{filter:grayscale(1) contrast(1.05)}
.phero-prog .infobox{background:#141416;border-radius:var(--r);padding:28px}
.infobox dl{display:grid;gap:14px;margin-bottom:22px}
.infobox dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:12px}
.infobox dt{color:var(--sub-w)}
.infobox dd{font-weight:600;text-align:right}

/* 공용 블록 */
.two-col{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.checks li{position:relative;padding:16px 0 16px 34px;border-bottom:1px solid var(--line);font-size:17px;line-height:1.55}
.checks li::before{content:"";position:absolute;left:4px;top:23px;width:14px;height:8px;border-left:2px solid #000;border-bottom:2px solid #000;transform:rotate(-45deg)}
.toc{counter-reset:t}
.toc li{counter-increment:t;display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16.5px}
.toc li::before{content:counter(t,decimal-leading-zero);font-family:var(--mono);font-size:13px;color:var(--sub);padding-top:3px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps li{background:#fff;border-radius:var(--r);padding:28px;min-height:200px;display:flex;flex-direction:column}
.st-k{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--blue)}
.steps p{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.4;margin-top:auto}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.steps3.four{grid-template-columns:repeat(4,1fr)}
.steps3 li{background:var(--g);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:28px;min-height:200px}
.band-g .steps3 li{background:#fff}
.steps3 b{font-size:20px;letter-spacing:-.02em}
.steps3 p{color:var(--sub);margin-top:6px}
.prev{background:#fff;border-radius:var(--r);padding:24px}
.prev img{margin:0 auto;border-radius:8px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:18px;font-weight:600;cursor:pointer;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq details p{padding:0 0 22px;color:var(--sub);font-size:16px}
.apply{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;background:#fff;border-radius:var(--r);padding:48px}
.sec:not(.band-g) .apply{background:var(--g)}
.apply h2{margin-bottom:12px}
.apply p{color:var(--sub)}
.card{background:var(--g);border-radius:var(--r);padding:28px}
.card h3{font-size:20px;letter-spacing:-.025em;margin-bottom:8px}
.card p{color:var(--sub)}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.band-g .card{background:#fff}

/* 소개: 이야기 */
.alts{display:grid;gap:120px}
.alt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.alt.rev .art{order:2}
.alt-t p{font-size:18px;line-height:1.8;margin-top:14px;color:#222}
.alt-t .d3{margin-bottom:6px}
.art{border-radius:var(--r);aspect-ratio:5/4;display:flex;flex-direction:column;justify-content:center;padding:48px;overflow:hidden;position:relative}
.art-three{background:#000;color:#fff}
.art-three b{font-size:220px;line-height:.8;font-weight:800;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px #fff}
.art-three ul{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.art-three li{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:6px 14px;font-size:15px;text-decoration:line-through;text-decoration-color:rgba(255,255,255,.6)}
.art-three>span{margin-top:18px;font-size:20px;font-weight:600}
.art-count{background:var(--blue);color:#fff}
.ac-k{font-family:var(--mono);font-size:14px;letter-spacing:.06em}
.art-count b{font-size:clamp(90px,10vw,170px);font-weight:800;letter-spacing:-.06em;line-height:1;margin:16px 0 8px}
.art-book{background:var(--g);align-items:center}
.bookmock{width:min(300px,80%);aspect-ratio:3/4.3;background:#fff;border-radius:6px 14px 14px 6px;box-shadow:0 24px 50px rgba(0,0,0,.18),inset 6px 0 0 #E6E6EA;padding:32px 28px;display:flex;flex-direction:column}
.bm-k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--sub)}
.bookmock b{font-size:28px;line-height:1.3;letter-spacing:-.04em;margin-top:18px}
.bm-a{margin-top:auto;font-size:14px;color:var(--sub)}
.kq{font-size:clamp(28px,3.4vw,52px);font-weight:600;line-height:1.35;letter-spacing:-.04em;text-wrap:balance}
.tl li{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:17px}
.tl b{font-family:var(--mono);font-weight:600;font-size:15px;padding-top:2px}
.chans{display:grid;gap:10px}
.chans.three{grid-template-columns:repeat(3,1fr)}
.chan{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;background:#fff;border-radius:12px;padding:18px 20px}
.band-g .chan{background:#fff}
.sec:not(.band-g) .chan{background:var(--g)}
.chan .cn{font-weight:700;font-size:17px}
.chan .cl{grid-column:1;font-size:14px;color:var(--sub)}
.chan .arr{grid-row:1/3;grid-column:2;width:16px;height:16px}

/* 소개: 방법 */
.sys{display:grid;gap:0;max-width:1200px;margin:0 auto}
.sys-l{display:grid;grid-template-columns:64px 1fr;gap:20px;border-radius:var(--r);padding:36px;background:var(--g)}
.sys-l h3{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.04em;line-height:1.2;margin-bottom:10px}
.sys-l p{color:var(--sub);font-size:17px}
.sys-l .lbl{margin-bottom:10px}
.sys-no{font-size:44px;font-weight:300;line-height:1}
.sys-04{background:#000;color:#fff}.sys-04 p{color:var(--sub-w)}
.sys-03{background:var(--blue);color:#fff}.sys-03 p{color:rgba(255,255,255,.86)}
.sys-chips{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.sys-chips span{background:rgba(255,255,255,.16);border-radius:999px;padding:6px 14px;font-weight:600}
.sys-arrow{height:44px;position:relative}
.sys-arrow::before{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:2px;background:#000}
.sys-arrow::after{content:"";position:absolute;left:calc(50% - 6px);bottom:6px;width:10px;height:10px;border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(45deg)}
.sys-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.t3{background:#fff;border-radius:12px;padding:18px}
.t3 .lbl{font-size:11.5px;margin-bottom:8px}
.t3 h4{font-size:18px;letter-spacing:-.02em}
.t3 p{font-size:14px;color:var(--sub);margin-top:6px;line-height:1.5}
.t3 small{display:block;font-size:12.5px;color:var(--blue);font-weight:600;margin-top:8px}
.five{margin-top:18px}
.five li{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.five li>b{font-family:var(--mono);font-size:15px;width:22px;padding-top:2px}
.five h4{font-size:17px;letter-spacing:-.02em}
.five p{font-size:14.5px}
.law-wrap{align-items:center}
.law-card{background:#fff;border-radius:var(--r);padding:24px}
.law{width:100%;height:auto;font-family:var(--sans)}
.parts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.part{background:var(--g);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;min-height:280px;transition:background .2s}
.part:hover{background:var(--g2)}
.part h3{font-size:30px;letter-spacing:-.04em;margin-bottom:10px}
.part p{color:var(--sub)}
.part .more{margin-top:auto;padding-top:20px}

/* 소개: 근거 */
.scis{display:grid;gap:16px}
.sci{display:grid;grid-template-columns:120px 1fr;gap:24px;background:var(--g);border-radius:var(--r);padding:36px}
.sci-l{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.sci-no{font-family:var(--mono);font-size:30px;font-weight:600}
.sci h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.035em;line-height:1.3;margin-bottom:12px}
.sci-b>p{font-size:16.5px;line-height:1.75}
.sci-use{background:#fff;border-radius:12px;padding:18px 20px;margin-top:18px}
.sci-use b{font-size:14px;color:var(--blue)}
.sci-use p{margin-top:4px}
.cite{font-size:13px;color:var(--sub);margin-top:16px;line-height:1.6;font-family:var(--mono);letter-spacing:-.01em}

/* 프로그램 */
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pgc{position:relative;border-radius:var(--r);background:#000;color:#fff;min-height:440px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:transform .2s}
.pgc:hover{transform:translateY(-3px)}
.pgc-w{background:var(--g);color:#000}
.pgc-w .bdg-o2{background:#fff;color:#000}
.pgc-o{background:var(--org);color:#000}
.pgc-o .bdg-l{background:#000;color:#fff}
.pg-art{position:absolute;right:28px;top:20px;text-align:right;line-height:.85}
.pg-art b{display:block;font-size:170px;font-weight:800;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:2px #fff;opacity:.45}
.pgc-w .pg-art b,.pgc-o .pg-art b{-webkit-text-stroke-color:#000;opacity:.3}
.pg-art span{font-family:var(--mono);font-size:14px;letter-spacing:.2em}
.pgc-b{position:relative;max-width:520px}
.pgc-b p{opacity:.8;margin-top:10px;font-size:17px}
.pgc-b .more{margin-top:22px}
.pgrid3{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pgrid3 .pcard{width:auto}
.pd-cover{max-width:220px;margin-bottom:28px}
.pd-cover img{border-radius:8px;box-shadow:0 14px 30px rgba(0,0,0,.18)}

/* 시즌 */
.mgrids{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mgrid{background:var(--g);border-radius:var(--r);padding:28px}
.mg-h{font-family:var(--mono);font-size:22px;font-weight:600;margin-bottom:16px}
.mgrid table{width:100%;border-collapse:separate;border-spacing:4px;table-layout:fixed}
.mgrid th{font-size:13px;color:var(--sub);font-weight:500;padding-bottom:6px}
.mgrid td{height:62px;vertical-align:top;background:#fff;border-radius:8px;padding:6px 8px;font-size:14px}
.mgrid td:empty{background:transparent}
.mgrid td.today{outline:2px solid #000}
.mgrid td.mk{background:var(--blue);color:#fff;padding:0}
.mgrid td.mk-r{background:var(--blue-l);color:var(--blue2)}
.mgrid td.mk a{display:block;height:100%;padding:6px 8px}
.mgrid td small{display:block;font-size:11px;line-height:1.25;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mgrid td.mk-r small{display:none}
.evrs{display:grid;gap:16px}
.evr{display:grid;grid-template-columns:260px 1fr;gap:32px;background:#fff;border-radius:var(--r);padding:16px;align-items:center;transition:transform .2s}
.evr:hover{transform:translateY(-2px)}
.evr-date{border-radius:12px;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}
.evr-date b{font-size:56px;letter-spacing:-.05em;line-height:1}
.evr-date span{font-family:var(--mono);font-size:13px;margin-top:8px;opacity:.85}
.evr-b p{color:var(--sub);margin-top:8px;max-width:640px}
.evr-b .more{margin-top:14px}
.evhero{color:#fff;padding:100px 0}
.evh-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:64px;align-items:center}
.evh-t .lead{margin-top:16px}
.ev-dbig{margin-top:36px}
.ev-dbig b{display:block;font-size:clamp(64px,8vw,128px);font-weight:800;letter-spacing:-.06em;line-height:.95}
.ev-dbig span{font-family:var(--mono);font-size:14px;letter-spacing:.06em;opacity:.85}
.ev-meta{display:grid;grid-template-columns:repeat(4,auto);gap:28px;margin-top:32px;justify-content:start}
.ev-meta dd{font-size:16px;font-weight:600;margin-top:4px}
.evh-p{display:flex;justify-content:center}
.evh-p .poster{width:min(360px,100%);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gcard{background:rgba(255,255,255,.12);border-radius:var(--r);padding:28px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between}
.g-no{font-family:var(--mono);font-size:14px}
.gcard p{font-size:19px;font-weight:600;line-height:1.45;letter-spacing:-.02em}

/* 코칭 */
.cohero{position:relative;overflow:hidden}
.co-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;min-height:680px}
.co-in{padding:120px 0 96px;min-width:0}
.co-h{font-size:clamp(40px,4.2vw,64px)}
.co-h span{display:block}
.co-in .lead{max-width:560px;margin-top:20px}
.co-fig{margin:0;align-self:end;justify-self:end;width:100%;max-width:520px;aspect-ratio:4/5}
.co-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;
  -webkit-mask-image:radial-gradient(ellipse 75% 80% at 55% 38%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 75% 80% at 55% 38%,#000 55%,transparent 100%)}
@media (max-width:900px){
  .co-grid{grid-template-columns:1fr;gap:0;min-height:0}
  .co-fig{order:-1;justify-self:center;max-width:360px;margin-top:32px}
  .co-in{padding:28px 0 64px}
}
.ctcs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.ctc{background:var(--g);border-radius:var(--r);padding:28px;min-height:230px;display:flex;flex-direction:column}
.ctc .lbl{color:var(--org-d)}
.ctc h3{font-size:22px;letter-spacing:-.03em;margin-top:auto}
.ctc p{color:var(--sub);margin-top:8px}
.oband{background:var(--org);color:#000}
.ob-in{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:96px;padding-top:16px;padding-bottom:16px;font-size:19px;font-weight:600;letter-spacing:-.02em}

/* 둘러보기·주제 */
.tpcs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tpc{background:var(--g);border-radius:var(--r);padding:28px;min-height:240px;display:flex;flex-direction:column;transition:background .2s}
.tpc:hover{background:#000;color:#fff}
.tpc:hover .lbl,.tpc:hover p{color:rgba(255,255,255,.75)}
.tpc h3{font-size:clamp(30px,2.8vw,42px);letter-spacing:-.05em;line-height:1.1;margin-top:auto}
.tpc p{color:var(--sub);margin-top:8px}
.tpc .more{margin-top:16px}
.tpcs .tpc:first-child{background:#000;color:#fff}
.tpcs .tpc:first-child p,.tpcs .tpc:first-child .lbl{color:rgba(255,255,255,.75)}
.board-banner{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;background:var(--blue);color:#fff;border-radius:var(--r);padding:48px;flex-wrap:wrap}
.board-banner p{color:rgba(255,255,255,.85);margin-top:10px}
.bigsearch{display:flex;gap:10px;align-items:center;background:#141416;border-radius:999px;padding:6px 6px 6px 22px;margin-top:28px;max-width:720px}
.bigsearch svg{width:22px;height:22px;flex:none;color:#fff}
.bigsearch .input{background:transparent;border:0;color:#fff;font-size:17px;height:50px}
.bigsearch .input::placeholder{color:rgba(255,255,255,.5)}
.bigsearch .input:focus{outline:0}
.qzcs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.qzc{background:#fff;border-radius:var(--r);padding:32px;display:flex;flex-direction:column;min-height:300px;transition:transform .2s}
.sec:not(.band-g) .qzc{background:var(--g)}
.qzc:hover{transform:translateY(-3px)}
.qzc h3{font-size:28px;letter-spacing:-.04em;margin-top:auto}
.qzc p{color:var(--sub);margin-top:8px;margin-bottom:22px}
.qzc .btn{align-self:flex-start;height:48px}
.sec .qzc-k,.qzc-k{background:#000;color:#fff}
.qzc-k p{color:var(--sub-w)}
.sec:not(.band-g) .qzc.qzc-k,.band-g .qzc.qzc-k{background:#000;color:#fff}
.qzc-soon{border:1px dashed #C9C9CE;background:transparent!important}
.qzc-soon .bdg{align-self:flex-start}
.tp-quote{font-size:clamp(28px,3.4vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1.35;max-width:1100px;text-wrap:balance}
.tp-src{margin-top:20px;font-size:15px;color:var(--sub)}
.tp-src a{text-decoration:underline}
.tp-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.relc{background:var(--g);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:10px;min-height:200px}
.relc img{width:72px;border-radius:4px;box-shadow:0 6px 14px rgba(0,0,0,.15)}
.relc h3{font-size:20px;letter-spacing:-.025em;line-height:1.35}
.relc p{color:var(--sub);font-size:14.5px}
.relc .more{margin-top:auto}
.relc-k{background:#000;color:#fff}.relc-k p{color:var(--sub-w)}

/* 글 카드 (게시판) */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.post{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transition:transform .2s}
.post:hover{transform:translateY(-3px)}
.thumb{position:relative;aspect-ratio:16/10;background:var(--g);overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.badge-play{position:absolute;left:12px;bottom:12px;display:inline-flex;gap:5px;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;font-weight:600}
.badge-play svg{width:10px;height:10px}
.tcard{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;background:#000;color:#fff}
.tc-blog,.tc-brunch{background:var(--g);color:#000}
.tc-instagram{background:#111}
.tc-threads{background:#fff;color:#000}
.tc-ch{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;opacity:.7}
.tc-t{font-size:19px;font-weight:700;letter-spacing:-.03em;line-height:1.35;margin-top:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tc-m{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;opacity:.5;margin-top:12px}
.post-meta{font-size:13px;color:var(--sub);padding:16px 18px 0}
.post-title{font-size:17px;font-weight:700;letter-spacing:-.025em;line-height:1.4;padding:6px 18px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-sum{font-size:14px;color:var(--sub);padding:6px 18px 18px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-title:last-of-type{padding-bottom:18px}
.toolbar{display:flex;gap:12px;flex-wrap:wrap}
.search{position:relative;flex:1;max-width:560px}
.search svg{position:absolute;left:16px;top:16px;width:22px;height:22px;color:var(--sub)}
.search .input{padding-left:48px}
#topicChips{margin-top:16px}
.subh{font-size:24px;font-weight:700;letter-spacing:-.03em;margin:48px 0 20px}
.subh small{font-size:15px;color:var(--sub);font-weight:500}
.pop{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pop a{display:flex;gap:16px;background:var(--g);border-radius:var(--r);padding:22px}
.pop .n{font-family:var(--mono);font-size:28px;font-weight:600}
.pop .pt{display:block;font-weight:700;line-height:1.4}
.pop .pm{display:block;font-size:13px;color:var(--sub);margin-top:6px;position:static;width:auto;height:auto}
.pop .pm::before,.pop .pm::after{display:none}
.pager{display:flex;justify-content:center;gap:6px;margin-top:40px;flex-wrap:wrap}
.pager button{min-width:44px;height:44px;border-radius:999px;background:var(--g);font-weight:600}
.pager button[aria-current]{background:#000;color:#fff}
.pager button:disabled{opacity:.35}
.pager .gap{align-self:center;padding:0 4px}

/* 진단 */
.qz-start{padding:96px 0}
.qs-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
.qs-meta{font-family:var(--mono);font-size:13px;color:var(--sub);margin-top:18px;letter-spacing:.02em}
.qs-art{aspect-ratio:1;border-radius:var(--r);background:var(--g);display:flex;flex-direction:column;justify-content:flex-end;padding:40px;overflow:hidden}
.qs-art b{font-size:clamp(60px,7vw,120px);font-weight:800;letter-spacing:-.06em;line-height:.9;color:transparent;-webkit-text-stroke:2px #000;word-break:break-all}
.qs-art span{font-size:22px;font-weight:700;margin-top:16px}
.qs-art.k{background:#000;color:#fff;background-image:radial-gradient(70% 70% at 100% 0%,rgba(39,100,255,.6),transparent 70%)}
.qs-art.k b{-webkit-text-stroke-color:#fff}
.qz-run{padding:72px 0 120px;background:var(--g);min-height:70vh}
.qz-top{margin-bottom:36px}
.qz-step{font-family:var(--mono);font-size:13px;letter-spacing:.06em}
.qz-bar{height:4px;background:#DCDCE0;border-radius:4px;margin-top:12px;overflow:hidden}
.qz-bar i{display:block;height:100%;width:0;background:#000;transition:width .3s}
.qz-q{font-size:clamp(26px,3vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1.25;margin-bottom:28px;text-wrap:balance}
.qz-hint{color:var(--sub);margin:-16px 0 24px}
.qz-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qz-opt{display:flex;align-items:center;gap:14px;min-height:72px;padding:16px 20px;border-radius:14px;background:#fff;border:2px solid transparent;text-align:left;font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.4;transition:border-color .15s}
.qz-opt:hover{border-color:#000}
.qz-opt[aria-pressed=true]{border-color:#000;background:#000;color:#fff}
.qz-opt i{font-family:var(--mono);font-style:normal;font-size:13px;opacity:.6}
.qz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:12px}
.qz-back{font-weight:600;color:var(--sub)}
.qz-res{background:#fff;border-radius:20px;padding:44px}
.qz-res .lbl{color:var(--blue)}
.qz-res h2{margin-bottom:14px}
.qz-res .lead{color:#333}
.qz-care{background:var(--blue-l);border-radius:12px;padding:16px 18px;margin-top:20px;font-size:15px}
.qz-sub{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--sub);margin:36px 0 12px;text-transform:uppercase}
.qz-posts a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.qz-posts .tag{font-size:13px;color:var(--sub);white-space:nowrap}
.qz-posts .t{font-weight:600;line-height:1.45}
.qz-posts .m{font-size:13px;color:var(--sub);white-space:nowrap}
.qz-resl{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qz-resl a{display:flex;gap:14px;align-items:center;background:var(--g);border-radius:12px;padding:16px}
.qz-resl img{width:48px;border-radius:3px}
.qz-resl b{display:block;line-height:1.4}
.qz-resl small{display:block;color:var(--sub);font-size:13px;margin-top:2px}
.qz-mail{background:#000;color:#fff;border-radius:16px;padding:28px;margin-top:36px}
.qz-mail h3{font-size:20px;letter-spacing:-.02em;margin-bottom:6px}
.qz-mail p{color:var(--sub-w);font-size:14.5px;margin-bottom:16px}
.qz-mail .agree{color:var(--sub-w)}
.qz-again{margin-top:24px;font-weight:600;text-decoration:underline;color:var(--sub)}

/* 스토어 상세 */
.pd-top{padding-top:80px}
.pd-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:start}
.pd-cv{background:var(--g);border-radius:var(--r);display:grid;place-items:center;padding:64px;aspect-ratio:1/1.05}
.pd-cv img{max-height:100%;width:auto;border-radius:8px;box-shadow:0 24px 50px rgba(0,0,0,.2)}
.pd-info .d2{margin-bottom:14px}
.spec{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.spec li{background:var(--g);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}
.buy{border-top:1px solid var(--line);padding-top:24px;margin-top:8px}
.pr{font-size:30px;font-weight:700;letter-spacing:-.04em}
.pn{color:var(--sub);margin:6px 0 18px}
.pd-info>.more{margin-top:24px}
.frcs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.frc{display:grid;grid-template-columns:200px 1fr;gap:28px;background:var(--g);border-radius:var(--r);padding:28px;align-items:center}
.fr-cv img{border-radius:6px;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.fr-b p{color:var(--sub);margin-top:8px}
.fr-k{font-family:var(--mono);font-size:12.5px!important}
.fr-b .btns{margin-top:20px;align-items:center}
.empty-box{background:var(--g);border-radius:var(--r);padding:48px;text-align:center;color:var(--sub)}
.nl-word{padding:110px 0 100px;border-bottom:1px solid var(--line)}
.nl-big{font-size:clamp(64px,11vw,190px);font-weight:800;letter-spacing:-.065em;line-height:.95}
.nl-word .lead{margin-top:24px}
.nl-form{max-width:640px;margin-top:28px}
.lines li a{display:block;padding:16px 0;border-bottom:1px solid var(--line)}
.ccards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ccard{background:var(--g);border-radius:var(--r);padding:32px;min-height:240px;display:flex;flex-direction:column}
.ccard h3{font-size:26px;letter-spacing:-.035em;margin-top:auto}
.ccard p{color:var(--sub);margin-top:8px}
.ccard .more{margin-top:18px}
.s-group{margin-bottom:48px}
.s-row{display:block;padding:18px 0;border-bottom:1px solid var(--line)}
.s-row b{display:block;font-size:18px;letter-spacing:-.02em}
.s-row span{display:block;color:var(--sub);font-size:14.5px;margin-top:4px}
.s-row mark{background:#FFF1B8;color:inherit;border-radius:3px}

/* 푸터 */
.ft{padding:88px 0 40px;border-top:1px solid rgba(255,255,255,.1)}
.ft-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}
.ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ft-cols a{display:block;padding:6px 0;color:rgba(255,255,255,.82);font-size:15px}
.ft-cols a:hover{color:#fff}
.ft-cards{display:grid;gap:12px}
.fcard{background:#141416;border-radius:var(--r);padding:22px 24px;display:flex;flex-direction:column;gap:4px}
.fcard b{font-size:17px}
.fcard span{color:var(--sub-w);font-size:14px}
.ft-mid{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:72px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.14);flex-wrap:wrap}
.ft-logo{font-weight:700;letter-spacing:.2em;font-size:15px;display:flex;gap:.5em}
.ft-close{font-size:clamp(22px,2.2vw,32px);font-weight:600;letter-spacing:-.03em}
.ft-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px;font-size:13.5px;color:rgba(255,255,255,.6)}
.ft-bot a{text-decoration:underline}
.ft-biz span{margin-right:12px}

/* ───── 반응형 ───── */
@media (max-width:1280px){
  .rs-nums{grid-template-columns:repeat(3,1fr)}
  .grid{grid-template-columns:repeat(3,1fr)}
  .pgrid3,.tpcs{grid-template-columns:repeat(3,1fr)}
  .ctcs,.parts{grid-template-columns:repeat(2,1fr)}
  .gb{padding:0 9px;font-size:14.5px}
}
@media (max-width:1080px){
  .gnav{display:none}
  .burger{display:block}
  .hd-start{display:none}
  .next-card{width:320px}
  .c9-grid{grid-template-columns:1fr}
  .c9-tile{min-height:180px}
  .vid-box{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps3.four{grid-template-columns:repeat(2,1fr)}
  .evh-in{grid-template-columns:1fr}
  .evh-p{justify-content:flex-start}
  .pd-grid{grid-template-columns:1fr}
  .frcs{grid-template-columns:1fr}
}
@media (max-width:900px){
  .wrap{padding:0 20px}
  .car{margin:0 -20px;padding:0 20px}
  .sec{padding:80px 0}
  .sec-s{padding:64px 0}
  .cta{padding:110px 0}.cta-big{padding:140px 0}
  .phero{padding:64px 0 56px}
  .phero-in,.two-col,.rs-top,.ab-grid,.ab-bottom,.alt,.qs-in,.apply,.ft-top,.vc,.kcards,.sys-pair,.law-wrap{grid-template-columns:1fr}
  .phero-in,.two-col,.rs-top,.alt,.qs-in,.apply,.ft-top,.vc{gap:28px}
  .alt.rev .art{order:0}
  .alts{gap:72px}
  .hero{padding:0 12px 12px}
  .hero-frame{min-height:auto;flex-direction:column}
  .hero-img{position:relative;right:auto;height:auto;width:100%;max-height:60vh;object-position:center top;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
  .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.45) 55%,rgba(0,0,0,.75) 100%)}
  .hero-in{flex-direction:column;align-items:stretch;padding-top:0;margin-top:-90px;padding-bottom:28px;gap:28px}
  .next-card{width:100%}
  .pillars{height:auto}
  .pl-sticky{position:static;height:auto;padding:80px 0;overflow:visible}
  .pl-grid{grid-template-columns:1fr;gap:0}
  .pl-right{display:none}
  .pl-words a{opacity:1;font-size:40px;padding:14px 0;border-bottom:1px solid var(--line)}
  .pl-words small{display:block;font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--sub);margin-top:8px;line-height:1.4}
  .voices{padding:80px 0 72px}
  .vc-stage{min-height:0}
  .vc-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:40px}
  .vt b{font-size:16px}.vt span{display:none}
  .ab-photo{aspect-ratio:4/3}
  .ab-sign{right:18px;bottom:16px;font-size:11px}
  .rs-nums{grid-template-columns:1fr 1fr}
  .rn{min-height:170px;padding:22px 20px}
  .rs-nums .rn:first-child{grid-column:1/-1}
  .evb{min-height:560px;padding:28px;align-items:flex-start;flex-direction:column;justify-content:flex-end}
  .evb-logo{position:static;margin-top:28px;align-self:flex-start}
  .evb-row{gap:20px}
  .evb-row dl{gap:16px 24px}
  .c9-facts b{font-size:30px}
  .c9-card{padding:28px}
  .vid-main{grid-template-columns:1fr}
  .vm-th{max-width:280px}
  .pgrid,.pgrid3,.tpcs,.qzcs,.ccards,.cards3,.cards4,.gcards,.steps,.steps3,.steps3.four,.ctcs,.parts,.mgrids,.chans.three,.tp-rel,.qz-resl,.qz-opts,.pop{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr;gap:12px}
  .pgc{min-height:360px;padding:28px}
  .pg-art b{font-size:120px}
  .evr{grid-template-columns:1fr;gap:16px;padding:12px}
  .evr-date{aspect-ratio:auto;padding:28px 0}
  .ev-meta{grid-template-columns:1fr 1fr;gap:16px}
  .sci{grid-template-columns:1fr;padding:26px;gap:12px}
  .sci-l{flex-direction:row;align-items:center}
  .sys-l{grid-template-columns:1fr;padding:26px;gap:8px}
  .three{grid-template-columns:1fr}
  .art{padding:28px}
  .art-three b{font-size:150px}
  .frc{grid-template-columns:1fr;gap:20px}
  .fr-cv{max-width:180px}
  .pd-cv{padding:32px;aspect-ratio:auto}
  .pd-cv img{max-height:380px}
  .apply{padding:28px}
  .qz-res{padding:26px}
  .formbox,.modal-card{padding:26px}
  .kcard{padding:28px;min-height:220px}
  .ft-cols{grid-template-columns:1fr 1fr}
  .ft-cols ul:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0 20px}
  .ob-in{flex-direction:column;align-items:flex-start;font-size:17px}
  .board-banner{padding:28px}
  .tlc{width:230px}
  .startcta{min-height:560px}
  .sc-in{padding-top:96px;padding-bottom:96px}
  .tb-in{font-size:13px;gap:8px;flex-wrap:wrap}
  .car-nav{display:none}
  .vc figcaption{grid-column:auto}
  .center-head{margin-bottom:40px}
  .results .row-head{margin-top:56px}
}
@media (max-width:420px){
  .btn{height:54px;padding:0 24px;font-size:15.5px}
  .btns .btn{flex:1 1 auto}
  .grid{grid-template-columns:1fr}
  .logo{font-size:13px;letter-spacing:.14em}
  .pl-words a{font-size:36px}
  .mgrid{padding:16px}
  .mgrid td{height:46px;padding:4px;font-size:12.5px}
  .mgrid td small{display:none}
  .mgrid td.mk a{padding:4px}
  .poster{width:78vw}
  .pt-big{font-size:46px}
  .vid-list a{grid-template-columns:60px minmax(0,1fr)}
  .vid-list img{width:60px;height:75px}
  .vid-list .pill-s{display:none}
  .qz-posts a{grid-template-columns:1fr}
  .qz-posts .m{display:none}
  .pcard{width:78vw}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ───── v2 (2026-10-19): 가독성·알맹이·다음 한 걸음 ───── */
p,li,dd,blockquote,figcaption{text-wrap:pretty}
.center p,.center-head p,.cta .lead,.lines,.bigq,.kq{text-wrap:balance}
.center p,.center-head .lead,.cta .lead{max-width:34em;margin-left:auto;margin-right:auto}
.lead,.hero-line,.pp-desc{max-width:36em}
.lines{display:flex;flex-direction:column;gap:2px;font-size:clamp(17px,1.35vw,20px);line-height:1.65;color:var(--sub);margin-top:18px}
.lines span{display:block;max-width:34em;text-wrap:balance}
.center .lines,.center-head .lines{align-items:center;text-align:center}
.lines.lw{color:var(--sub-w)}
.lines.big{font-size:clamp(22px,2.2vw,32px);font-weight:600;color:var(--k);letter-spacing:-.03em;line-height:1.5;gap:6px}
.lines.sub{font-size:16.5px;margin-top:12px}
.band-k .lines.sub,.band-k .lines{color:var(--sub-w)}
.sec-head{margin-bottom:40px;max-width:900px}
.sec-head .d2{margin-top:2px}
/* 인용 카드 */
.qc{background:var(--g);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:18px;margin:0}
.qc blockquote{font-size:clamp(19px,1.5vw,23px);line-height:1.55;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.qc figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px;color:var(--sub);margin-top:auto}
.qc figcaption span{display:inline-flex;align-items:center;gap:6px}
.qc figcaption a{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--k)}
.qc figcaption svg{width:12px;height:12px}
.qc-s{padding:22px;background:#fff;border:1px solid var(--line)}
.band-g .qc-s,.frame.band-g .qc-s{background:#fff}
.qc-s blockquote{font-size:17.5px}
.qc-d{background:#141416;color:#fff}
.qc-d figcaption,.qc-d figcaption a{color:var(--sub-w)}
.qcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* 이야기: 장면 */
.scenes{display:grid;gap:0;border-top:1px solid var(--line)}
.scene{display:grid;grid-template-columns:200px minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding:40px 0;border-bottom:1px solid var(--line);align-items:start}
.sc-when{display:flex;flex-direction:column;gap:6px}
.sc-no{font-family:var(--mono);font-size:13px;color:var(--sub)}
.sc-when b{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.04em;line-height:1.15}
.sc-body h3{font-size:clamp(21px,1.7vw,26px);letter-spacing:-.03em;line-height:1.35;margin-bottom:10px}
.sc-body p{font-size:17px;line-height:1.8;color:#222;margin-top:8px;max-width:34em}
.tl2 li{display:grid;grid-template-columns:110px 1fr;gap:4px 16px}
.tl2 li small{grid-column:2;color:var(--sub);font-size:14px}
/* 방법: 읽는 순서 + 프레임 카드 */
.readorder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:ro}
.readorder li{background:var(--g);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:8px;position:relative}
.readorder li:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--sub);z-index:1}
.ro-no{font-family:var(--mono);font-size:13px;color:var(--blue)}
.readorder b{font-size:22px;letter-spacing:-.03em;line-height:1.3}
.readorder span{color:var(--sub);font-size:16.5px}
.center-chips{justify-content:center;margin-top:28px}
.fr-head{display:flex;gap:28px;align-items:flex-end;margin-bottom:36px}
.fr-no{font-size:clamp(64px,7vw,110px);font-weight:800;letter-spacing:-.06em;line-height:.85;color:transparent;-webkit-text-stroke:2px var(--k)}
.fr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fr-card{background:var(--g);border-radius:var(--r);padding:26px}
.band-g .fr-card{background:#fff}
.fr-card .lines{margin-top:8px;font-size:17px;color:#222}
.fr-k{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:var(--sub);text-transform:uppercase;margin-bottom:6px}
.fr-try{background:#000;color:#fff}.band-g .fr-try{background:#000}
.fr-try .fr-k{color:var(--sub-w)}
.tries{counter-reset:t;display:grid;gap:10px;margin-top:10px}
.tries li{counter-increment:t;display:flex;gap:12px;font-size:16.5px;line-height:1.55}
.tries li::before{content:counter(t);flex:none;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center;margin-top:1px}
.frame .three,.frame .five,.frame .law-card{margin-top:16px}
.frame .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.frame .t3{background:var(--g);border-radius:var(--r);padding:22px}
.band-g .t3{background:#fff}
.frame .five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.frame .five li{background:var(--g);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:8px}
.band-g .five li{background:#fff}
.frame .five b{font-size:28px;font-weight:800;color:var(--blue)}
.frame .five h4{font-size:16.5px}
.frame .five p{font-size:15px;color:var(--sub)}
.fr-foot{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:28px;align-items:start}
.mposts{display:grid;gap:4px}
.mposts a{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;padding:10px 0;border-bottom:1px solid var(--line);align-items:baseline}
.mposts .dot{margin-top:6px}
.mposts span{font-weight:600;line-height:1.45}
.mposts small{grid-column:2;color:var(--sub);font-size:13px}
.mposts a:hover span{text-decoration:underline}
.mress{display:grid;gap:10px}
.mres{display:flex;gap:14px;align-items:center;background:var(--g);border-radius:12px;padding:10px 14px 10px 10px}
.band-g .mres{background:#fff}
.mres img{width:44px;height:auto;border-radius:4px;flex:none}
.mres span{display:flex;flex-direction:column;flex:1;min-width:0}
.mres b{font-size:15px;line-height:1.35}
.mres small{font-size:13px;color:var(--sub)}
.mres svg{width:14px;height:14px;flex:none}
/* 기대는 문장들 */
.bkqs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bkq{border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:14px}
.bkq blockquote{font-size:clamp(19px,1.5vw,22px);font-weight:700;line-height:1.5;letter-spacing:-.03em;text-wrap:balance}
.bk-src{font-size:14.5px;color:var(--sub)}
.bk-mine{background:var(--g);border-radius:12px;padding:16px}
.bk-mine p:last-child{font-size:16px;line-height:1.6}
.bkq .more{margin-top:auto}
.oldws{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.oldw{background:#fff;border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:12px}
.ow-h{font-size:15px;color:var(--sub);letter-spacing:.2em}
.oldw h3{font-size:clamp(30px,3vw,44px);letter-spacing:-.04em}
.dcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dcard{background:var(--g);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:10px}
.d-big{font-size:clamp(40px,4vw,60px);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--blue)}
.dcard h3{font-size:19px;line-height:1.4;letter-spacing:-.02em}
.dcard>p{font-size:15.5px;color:var(--sub)}
.d-mine{background:#fff;border-radius:10px;padding:12px 14px;font-size:15.5px;line-height:1.55}
.d-mine span{display:block;font-family:var(--mono);font-size:12px;color:var(--blue);margin-bottom:2px}
.dcard .cite{margin-top:auto;font-size:12.5px;color:var(--sub)}
.tbl-wrap{overflow-x:auto}
.maptbl{width:100%;border-collapse:collapse;min-width:560px}
.maptbl th,.maptbl td{text-align:left;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.16);font-size:17px;vertical-align:top}
.maptbl th{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--sub-w);text-transform:uppercase}
/* 상세: 고민·변화·주차 */
.worries{display:grid;gap:12px}
.worries li{background:#fff;border-radius:var(--r);padding:20px 24px;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.5}
.sec:not(.band-g) .worries li{background:var(--g)}
.chgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.chg{border-top:3px solid var(--k);padding-top:20px}
.chg b{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.04em;display:block;margin-bottom:8px}
.chg p{font-size:17px;color:#222}
.howdl{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.howdl div{background:#fff;border-radius:var(--r);padding:20px}
.howdl dt{font-family:var(--mono);font-size:12.5px;color:var(--sub);text-transform:uppercase}
.howdl dd{margin:6px 0 0;font-size:17px;font-weight:600;line-height:1.45}
.wks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wk{background:var(--g);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:10px}
.wk-k{font-family:var(--mono);font-size:13px;color:var(--blue)}
.wk h3{font-size:20px;line-height:1.35;letter-spacing:-.03em}
.wk ul{display:grid;gap:6px;margin-top:4px}
.wk li{font-size:15.5px;color:#333;padding-left:14px;position:relative}
.wk li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:2px;background:var(--k)}
.jsig{display:flex;gap:16px;align-items:center;margin-top:24px}
.jsig img{width:64px;height:80px;object-fit:cover;object-position:center top;border-radius:10px}
.jsig p{display:flex;flex-direction:column}
.jsig span{font-size:14px;color:var(--sub)}
.prev-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}
.pgrid3.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.picks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pick{background:var(--g);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:170px;transition:background .2s}
.pick:hover{background:var(--g2)}
.pick span{font-size:17px;font-weight:600;line-height:1.45;letter-spacing:-.02em}
.pick b{display:flex;align-items:center;gap:4px;font-size:15px;color:var(--blue)}
.pick svg{width:13px;height:13px}
.tries2 li p{font-size:17px}
.tp-res{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;align-items:stretch}
.tpc .more{margin-top:auto}
/* 홈 보강 */
.pp-q{margin:18px 0 6px;font-size:clamp(18px,1.5vw,22px);font-weight:600;line-height:1.5;letter-spacing:-.025em;border-left:3px solid #fff;padding-left:16px;text-wrap:balance}
.pp-q small{display:block;font-size:13px;font-weight:400;color:var(--sub-w);margin-top:6px}
.sc-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px auto 4px;max-width:760px}
.sc-steps li{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 16px 8px 8px;font-size:15px}
.sc-steps b{width:24px;height:24px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:13px}
.startcta .lines{align-items:center;text-align:center}
.ab-txt .qc{margin:22px 0 26px}
/* 다음 한 걸음 */
.nextstep{padding:72px 0;background:#fff;border-top:1px solid var(--line)}
.ns-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.ns-main{background:#000;color:#fff;border-radius:var(--r);padding:36px;display:flex;flex-direction:column;gap:12px;min-height:260px;transition:background .2s}
.ns-main:hover{background:#1A1A1D}
.ns-main p{color:var(--sub-w);max-width:30em}
.ns-go{margin-top:auto;display:inline-flex;align-self:flex-start;align-items:center;gap:6px;background:#fff;color:#000;border-radius:999px;height:48px;padding:0 22px;font-weight:700}
.ns-go svg{width:14px;height:14px}
.ns-side{background:var(--g);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:8px;transition:background .2s}
.ns-side:hover{background:var(--g2)}
.ns-side h3{font-size:21px;letter-spacing:-.03em;line-height:1.35}
.ns-side p{font-size:15.5px;color:var(--sub)}
.ns-side .more{margin-top:auto;padding-top:12px}
.ns-nl{background:var(--blue-l)}
/* 뉴스레터 */
.nl-list{border-top:1px solid var(--line)}
.nl-list a{display:grid;grid-template-columns:90px 1fr auto;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
.nl-no{font-family:var(--mono);color:var(--sub)}
.nl-t{display:flex;flex-direction:column;gap:4px}
.nl-t b{font-size:19px;letter-spacing:-.02em}
.nl-t small{color:var(--sub);font-size:15px}
.nl-d{font-family:var(--mono);font-size:13px;color:var(--sub)}
.nl-empty{text-align:left;padding:40px}
.nl-empty h3{font-size:28px;letter-spacing:-.03em}
.prose{margin:40px 0;font-size:18px;line-height:1.85}
.prose p,.prose ul,.prose ol,.prose blockquote,.prose h2,.prose h3{margin:0 0 20px}
.prose h2{font-size:26px;letter-spacing:-.03em}.prose h3{font-size:21px}
.prose ul{list-style:disc;padding-left:22px}.prose ol{list-style:decimal;padding-left:22px}
.prose blockquote{border-left:3px solid var(--k);padding-left:18px;font-weight:600}
.prose a{text-decoration:underline}
.nl-nav{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:20px 0;margin-bottom:24px;font-size:15px}
@media (max-width:1080px){
  .qcs,.bkqs,.dcards{grid-template-columns:1fr 1fr}
  .scene{grid-template-columns:160px 1fr}.sc-q{grid-column:2}
  .wks{grid-template-columns:1fr 1fr}.frame .five{grid-template-columns:1fr 1fr 1fr}
  .picks{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ns-grid{grid-template-columns:1fr 1fr}.ns-main{grid-column:1/-1}
  .fr-foot{grid-template-columns:1fr 1fr}.fr-foot>div:first-child{grid-column:1/-1}
}
@media (max-width:900px){
  .qcs,.qcs.three,.bkqs,.dcards,.oldws,.chgs,.fr-grid,.readorder,.frame .three,.prev-grid,.tp-res,.fr-foot{grid-template-columns:1fr}
  .readorder li:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-20px;transform:translateX(-50%)}
  .readorder{gap:24px}
  .scene{grid-template-columns:1fr;gap:14px;padding:32px 0}.sc-q{grid-column:auto}
  .ab-photo{max-width:none;aspect-ratio:4/5;max-height:520px}
  .ns-grid{grid-template-columns:1fr}
  .howdl{grid-template-columns:1fr}
}
@media (max-width:600px){
  .wks,.frame .five,.picks,.pgrid3.two{grid-template-columns:1fr}
  .fr-head{gap:16px}
  .nl-list a{grid-template-columns:1fr;gap:4px}
  .ns-main,.ns-side{padding:24px}
  .maptbl th,.maptbl td{font-size:15px;padding:14px 10px}
  .qc{padding:22px}
}

.plan{display:grid;gap:12px}
.plan li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:baseline;background:#fff;border-radius:var(--r);padding:20px 24px}
.sec:not(.band-g) .plan li{background:var(--g)}
.plan p{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.5}
@media (max-width:900px){.d1{font-size:clamp(31px,8.6vw,40px)}.d2{font-size:clamp(26px,7.2vw,34px)}.d3{font-size:clamp(21px,5.8vw,26px)}}
@media (max-width:600px){.qc figcaption{flex-direction:column;align-items:flex-start;gap:4px}.plan li{grid-template-columns:1fr;gap:4px}}

/* ── 시즌 색 (2026-10-19) ─────────────────────────────
   전자책 v4 「A 그리드 에디토리얼」 표지 면 색에 맞춘 시즌 3개.
   사이트 기본 색(검정·흰·파랑·주황)은 그대로, 시즌 포스터·시즌 상세 첫 화면·일정 칸·공지 띠만 쓴다.
   lcy = 연말 회고(옐로) · lct = 2027 플래너(다크코코아+토피) · lcc = 다짐 노트(코코아+옐로) */
.pt-lcy{background:#F6E27F;color:#1F1E1C}
.pt-lct{background:#4A3528;color:#fff}
.pt-lcc{background:#5B4232;color:#fff}
.poster.pt-lcy{background:repeating-linear-gradient(90deg,rgba(31,30,28,.07) 0 1px,transparent 1px 55px),#F6E27F}
.poster.pt-lct{background:linear-gradient(180deg,#9A6B3F 0 15%,transparent 15%),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 55px),#4A3528}
.poster.pt-lcc{background:linear-gradient(180deg,#F6E27F 0 6px,transparent 6px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 55px),#5B4232}
.poster.pt-lcc .pt-big{color:#F6E27F}
.pt-lcy .pt-bgw,.pt-lcy .evb-big{-webkit-text-stroke-color:rgba(31,30,28,.2)}
.pt-lcc .pt-bgw,.pt-lcc .evb-big{-webkit-text-stroke-color:rgba(246,226,127,.3)}
.pt-lct .pt-bgw,.pt-lct .evb-big{-webkit-text-stroke-color:rgba(255,255,255,.2)}
.pt-lcy .pt-date{border-top-color:rgba(31,30,28,.3)}
.pt-lcy .lbl-w,.pt-lcy .lead,.pt-lcy .evb-d{color:rgba(31,30,28,.82)}
.pt-lcy .btn-w{background:#1F1E1C;color:#fff}
.pt-lcy .btn-gl{background:rgba(31,30,28,.08);color:#1F1E1C}
.evhero.pt-lcc .ev-dbig b{color:#F6E27F}
.evhero.pt-lct .ev-dbig b{color:#E7C9A6}
.tb-lcy{background:#F6E27F;color:#1F1E1C}
.tb-lct{background:#4A3528}
.tb-lcc{background:#5B4232}
.mgrid td.mk.pt-lcy{background:#F6E27F;color:#1F1E1C}
.mgrid td.mk.pt-lct{background:#4A3528;color:#fff}
.mgrid td.mk.pt-lcc{background:#5B4232;color:#fff}
.mgrid td.mk-r.pt-lct{background:#EFE3D3;color:#4A3528}
/* 시즌 상세 '무엇을 받나' 띠도 시즌 색(파랑 대신) */
.pt-lcy .note-w{color:rgba(31,30,28,.7)}
.pt-lcy .gcard{background:rgba(31,30,28,.07)}
.pt-lct .gcard,.pt-lcc .gcard{background:rgba(255,255,255,.08)}
.band-blue.pt-lcc .g-no{color:#F6E27F}
.band-blue.pt-lct .g-no{color:#E7C9A6}

/* ── 시즌 색 v5 · W3 크림 종이 (2026-10-20) ─────────────
   전자책 v5 「E 구조 + W3 크림 종이」 표지에 맞춘 시즌 3개. 위 v4(lcy·lct·lcc)는 되돌리기용으로 남겨 둠.
   크림 #F4F1EA/#FAF8F3 · 먹 #1F1E1C · 브라운 #4A3020 · 에스프레소 #2A1E17 · 노랑 #F3CF45(작은 포인트)
   w3c = 연말 회고(크림 + 먹 + 브라운 숫자) · w3e = 2027 플래너(에스프레소 + 크림 + 노란 숫자) · w3k = 다짐 노트(먹 + 크림)
   공지 띠: tb-w3y = 노랑 + 먹 글자 · tb-w3e = 에스프레소 + 크림 글자
   사이트 기본 색(검정·흰·파랑 배지·주황 CTA)은 그대로. */
.pt-w3c{background:#F4F1EA;color:#1F1E1C}
.pt-w3e{background:#2A1E17;color:#F4F1EA}
.pt-w3k{background:#1F1E1C;color:#F4F1EA}
/* 포스터: 표지처럼 위쪽 굵은 선 + 가는 세로 격자 */
.poster.pt-w3c{background:linear-gradient(180deg,transparent 58px,#1F1E1C 58px 61px,transparent 61px),#F4F1EA;box-shadow:inset 0 0 0 1px rgba(31,30,28,.14)}
.poster.pt-w3e{background:linear-gradient(180deg,transparent 58px,#F3CF45 58px 61px,transparent 61px),#2A1E17}
.poster.pt-w3k{background:linear-gradient(180deg,transparent 58px,#F4F1EA 58px 61px,transparent 61px),#1F1E1C}
.evh-p .poster.pt-w3c{box-shadow:inset 0 0 0 1px rgba(31,30,28,.14),0 30px 60px rgba(42,30,23,.18)}
.poster.pt-w3c .pt-no,.poster.pt-w3c .pt-date b{color:#4A3020}
.poster.pt-w3e .pt-no,.poster.pt-w3e .pt-date b{color:#F3CF45}
.pt-w3c .pt-bgw,.pt-w3c .evb-big{-webkit-text-stroke-color:rgba(74,48,32,.32)}
.pt-w3e .pt-bgw,.pt-w3e .evb-big{-webkit-text-stroke-color:rgba(243,207,69,.34)}
.pt-w3k .pt-bgw,.pt-w3k .evb-big{-webkit-text-stroke-color:rgba(244,241,234,.2)}
.pt-w3c .pt-date{border-top-color:rgba(31,30,28,.3)}
.pt-w3e .pt-date,.pt-w3k .pt-date{border-top-color:rgba(244,241,234,.3)}
/* 일정 배너·시즌 상세 첫 화면·'무엇을 받나' 띠의 글자·버튼 */
.pt-w3c .lbl-w,.pt-w3c .evb-d{color:#4A3020}
.pt-w3c .lead,.evhero.pt-w3c .lead,.band-blue.pt-w3c .lead{color:rgba(31,30,28,.78)}
.pt-w3e .lbl-w{color:#F3CF45}
.pt-w3k .lbl-w{color:#F4F1EA}
.pt-w3e .evb-d,.pt-w3k .evb-d,.evhero.pt-w3e .lead,.evhero.pt-w3k .lead{color:rgba(244,241,234,.8)}
.pt-w3c .btn-w{background:#1F1E1C;color:#F4F1EA}
.pt-w3c .btn-gl{background:rgba(31,30,28,.08);color:#1F1E1C}
.pt-w3e .btn-w,.pt-w3k .btn-w{background:#F4F1EA;color:#1F1E1C}
.pt-w3e .btn-gl,.pt-w3k .btn-gl{background:rgba(244,241,234,.12);color:#F4F1EA}
.evb.pt-w3c{box-shadow:inset 0 0 0 1px rgba(31,30,28,.12)}
.evb.pt-w3c .evb-logo{background:#1F1E1C;color:#F4F1EA}
.evb.pt-w3e .evb-logo{background:#F3CF45;color:#1F1E1C}
.evb.pt-w3k .evb-logo{background:#F4F1EA;color:#1F1E1C}
.evhero.pt-w3c .ev-dbig b{color:#4A3020}
.evhero.pt-w3e .ev-dbig b{color:#F3CF45}
.evhero.pt-w3c{border-bottom:1px solid rgba(31,30,28,.1)}
/* 홈 NEXT 카드·캘린더 날짜 칸·목록 날짜 칸 */
.nc-date.pt-w3c,.evr-date.pt-w3c{box-shadow:inset 0 0 0 1px rgba(31,30,28,.14)}
.nc-date.pt-w3c b,.evr-date.pt-w3c b{color:#4A3020}
.nc-date.pt-w3e b,.evr-date.pt-w3e b{color:#F3CF45}
.mgrid td.mk.pt-w3c{background:#F4F1EA;color:#1F1E1C;box-shadow:inset 0 0 0 1.5px #4A3020}
.mgrid td.mk.pt-w3e{background:#2A1E17;color:#F4F1EA}
.mgrid td.mk.pt-w3k{background:#1F1E1C;color:#F4F1EA}
.mgrid td.mk-r.pt-w3e{background:#EDE6DA;color:#2A1E17}
.mgrid td.mk-r.pt-w3c,.mgrid td.mk-r.pt-w3k{background:#FAF8F3;color:#1F1E1C}
/* 시즌 상세 '무엇을 받나' 띠 */
.pt-w3c .note-w{color:rgba(31,30,28,.66)}
.band-blue.pt-w3c{background:#FAF8F3;border-top:1px solid rgba(31,30,28,.1);border-bottom:1px solid rgba(31,30,28,.1)}
.pt-w3c .gcard{background:#F4F1EA;box-shadow:inset 0 0 0 1px rgba(31,30,28,.1)}
.pt-w3e .gcard,.pt-w3k .gcard{background:rgba(244,241,234,.07)}
.pt-w3e .note-w,.pt-w3k .note-w{color:rgba(244,241,234,.66)}
.band-blue.pt-w3c .g-no{color:#4A3020;font-weight:600}
.band-blue.pt-w3e .g-no{color:#F3CF45}
.band-blue.pt-w3k .g-no{color:rgba(244,241,234,.75)}
/* 공지 띠 */
.tb-w3y{background:#F3CF45;color:#1F1E1C}
.tb-w3e{background:#2A1E17;color:#F4F1EA}

/* ===== 모바일 우선 v1 (2026-10-27) · 600px 이하만. PC는 그대로 ===== */
.mcta,.mmore{display:none}
@media (max-width:600px){
  /* 글자: 13px 아래 없애기 */
  .bdg{font-size:13px}
  .sec{padding:60px 0}
  .fr-k,dt{font-size:13px!important}
  .hd-in .logo{display:inline-flex;align-items:center;min-height:44px}
  .tc-ch,.tc-m,.badge-play,.fr-card .fr-k,.fr-b .fr-k,.bk-mine .fr-k,.oldw .fr-k,.ab-sign{font-size:13px!important}
  .fr-k,.dcard .cite,.vr-t small,.tab small,.t3 small,.d-mine span,.pt-date span,.nc-date small,.next-card .lbl,.t3 .lbl,.evb-logo,.pt-brand,dt{font-size:13px}
  /* 손가락으로 누르기 쉽게: 44px */
  .ft-cols li a{display:inline-flex;align-items:center;min-height:44px}
  .more,.crumb a,figcaption a,.qc figcaption a{display:inline-flex;align-items:center;min-height:44px}
  .chip{height:44px}
  .hd-r .ic{width:44px;height:44px}
  .tb-in{min-height:44px}
  .ch-logos .chl{min-height:44px;display:inline-flex;align-items:center}
  .btn-sm{height:44px}
  .car-dots button{position:relative}
  .car-dots button::after{content:"";position:absolute;inset:-18px -6px}
  /* 가로로 넘기는 카드 줄 */
  .sec.band-g .grid:has(>a.post),.qcs,.bkqs,.dcards,.wks,.ctcs,.tp-rel{display:flex!important;overflow-x:auto;contain:paint;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:4px 20px 14px;scroll-padding:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sec.band-g .grid:has(>a.post)::-webkit-scrollbar,.qcs::-webkit-scrollbar,.bkqs::-webkit-scrollbar,.dcards::-webkit-scrollbar,.wks::-webkit-scrollbar,.ctcs::-webkit-scrollbar,.tp-rel::-webkit-scrollbar{display:none}
  .sec.band-g .grid:has(>a.post)>*,.qcs>*,.bkqs>*,.dcards>*,.wks>*,.ctcs>*,.tp-rel>*{flex:0 0 84%;min-width:0;scroll-snap-align:start;margin:0}
  .mswipe{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:13px;color:var(--sub);font-weight:500}
  .band-k .mswipe{color:rgba(255,255,255,.6)}
  /* 글 카드: 요약 문단은 접고 제목만 */
  .post .post-sum{display:none}
  .post{padding-bottom:16px}
  /* 글 게시판: 글자만 있는 썸네일은 제목과 겹치니 빼고 목록처럼 */
  .grid:not(.sec.band-g .grid) .post .thumb:has(.tcard){display:none}
  .grid:not(.sec.band-g .grid) .post{padding-top:16px}
  /* 스토어: 표지 2칸 */
  .pgrid3{grid-template-columns:1fr 1fr!important;gap:10px}
  .pgrid3 .pcard{min-width:0}
  .pgrid3 .pc-cv{padding:14px}
  .pgrid3 .pc-b{padding:12px 10px 14px}
  .pgrid3 .pc-b h3{font-size:14.5px;line-height:1.38;letter-spacing:-.045em;padding-right:0}
  .pgrid3 .pc-type b{font-size:16px;letter-spacing:-.05em;line-height:1.3}
  .pgrid3 .pc-go{display:none}
  .pcard h3,.pcard b,.relc h3,.relc b,.tp-rel h3{text-wrap:balance}
  .pgrid3 .pc-s{font-size:13px}
  /* 상품 상세: 미리보기 쪽을 표지 바로 아래로 */
  main:has(.pd-top){display:flex;flex-direction:column}
  main:has(.pd-top)>*{order:3}
  main:has(.pd-top)>.pd-top{order:1}
  main:has(.pd-top)>section:has(.prev){order:2;padding-top:40px;padding-bottom:40px}
  .pd-cv{max-width:72%;margin:0 auto}
  /* 더 보기로 접기 */
  .mfold>.mhide{display:none!important}
  .mmore{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:52px;margin-top:16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#000;font-size:16px;font-weight:600}
  .band-k .mmore{background:#141416;color:#fff;border-color:#2A2A2E}
  /* 아래 고정 버튼 */
  .mcta{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:0 10px 0 22px;border-radius:999px;background:#000;color:#fff;font-size:16px;font-weight:600;letter-spacing:-.02em;box-shadow:0 0 0 1px rgba(255,255,255,.16);transform:translateY(140%);transition:transform .25s}
  .mcta.on{transform:none}
  .mcta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mcta i{flex:none;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:999px;background:#F3CF45;color:#1F1E1C;font-style:normal;font-size:14px}
  body.has-mcta{padding-bottom:84px}
}
@media (max-width:380px){.pgrid3 .pc-b{padding:12px 8px 14px}.pgrid3 .pc-b h3{font-size:14px;letter-spacing:-.06em}}

/* ===== 모바일 우선 v2 (2026-10-27 밤) · 홈 구성 바꾸기 + 공통 띠 줄이기. 600px 이하만 ===== */
.m-only{display:none!important}
@media (max-width:600px){
  .m-only{display:inline-flex!important}
  .m-hide{display:none!important}
  /* 홈: 순서 = 첫 화면 → 책과 자료 → 1분 진단 → 소개 → 시즌 → 주제 7개 → 영상 → 숫자 띠 → 코칭 띠 → 다음 한 걸음 */
  main:has(>section.hero){display:flex;flex-direction:column}
  main:has(>section.hero)>*{order:50}
  main:has(>section.hero)>.hero{order:1}
  main:has(>section.hero)>.store{order:2}
  main:has(>section.hero)>.startcta{order:3}
  main:has(>section.hero)>.about6{order:4}
  main:has(>section.hero)>.sec-s{order:5}
  main:has(>section.hero)>.pillars{order:6}
  main:has(>section.hero)>.videos{order:7}
  main:has(>section.hero)>.results{order:8}
  main:has(>section.hero)>.coach9{order:9}
  main:has(>section.hero)>.nextstep{order:10}
  main:has(>section.hero)>.voices,main:has(>section.hero)>.upcoming,main:has(>section.hero)>.cta-big{display:none}
  /* 첫 화면 */
  .hero .next-card{display:none}
  .hero-img{max-height:56vh}
  .hero-line{font-size:15.5px;margin-top:14px;line-height:1.6}
  .hero-in{gap:0;padding-bottom:22px}
  .hero .btns{margin-top:22px}
  /* 책과 자료: 표지 두 권씩 보이게 */
  .store .center-head .lead,.store .tabs{display:none}
  .store .center-head{margin-bottom:6px}
  .store .row-head{margin-bottom:10px;justify-content:center}
  .store .car-track{gap:10px}
  .store .car-track>.pcard{width:44vw}
  .store .pc-cv{min-height:0;padding:16px 12px 6px}
  .store .pc-cv img{max-height:176px}
  .store .pc-b{padding:10px 12px 14px}
  .store .pc-b h3{font-size:15px;line-height:1.35;letter-spacing:-.03em;padding-right:0;text-wrap:balance}
  .store .pc-go,.store .pcard-note .pc-b p:not(.pc-s),.store .pcard-note .more{display:none}
  .store .pcard-note .pc-type{min-height:176px;margin:16px 12px 6px;padding:14px}
  .store .pcard-note .pc-type b{font-size:17px;letter-spacing:-.04em}
  /* 1분 진단 띠 */
  .startcta{min-height:0}
  .sc-in{padding-top:64px;padding-bottom:64px}
  .startcta .sc-steps{display:none}
  /* 소개: 사진 + 제목 + 버튼 */
  .about6 .ab-txt .lines,.about6 .ab-txt .qc,.about6 .ab-bottom{display:none}
  .about6 .ab-grid{gap:20px}
  .about6 .ab-photo{aspect-ratio:1/1;max-width:none}
  .about6 .ab-txt .btn{width:100%}
  /* 시즌 포스터 작게 */
  .sec-s .poster{width:60vw}
  /* 주제 7개: 두 칸 타일 */
  .pillars .pl-sticky{padding:60px 0}
  .pillars .pl-words{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .pillars .pl-words a{font-size:19px;letter-spacing:-.03em;padding:0 16px;min-height:56px;display:flex;align-items:center;border:0;border-radius:12px;background:var(--g)}
  .pillars .pl-words li:last-child{grid-column:1/-1}
  /* 영상: 대표 1개만, 옆으로 */
  .videos .vid-list,.videos .vid-list+.mmore,.videos .note,.videos .vm-b p{display:none}
  .videos .vid-main{grid-template-columns:38% minmax(0,1fr);gap:16px;padding:12px}
  .videos .vm-b h3{font-size:17px;line-height:1.4}
  .videos .vm-b .lbl{margin-bottom:8px}
  .videos .vm-b .btn{height:44px;padding:0 18px;font-size:14px;margin-top:6px}
  /* 숫자로 보는 9년: 옆으로 넘기는 작은 띠 */
  .results .rs-side,.results .rn small,.results .note,.results .row-head,.results #car-tl{display:none}
  .results .rs-top{margin-bottom:16px}
  .results .rs-nums{display:flex;overflow-x:auto;contain:paint;gap:10px;margin:0 -20px;padding:0 20px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .results .rs-nums::-webkit-scrollbar{display:none}
  .results .rn{flex:0 0 42%;min-height:0;padding:18px 16px;scroll-snap-align:start}
  .results .rn b{font-size:30px}
  .results .rn span{padding-top:10px;font-size:14px}
  /* 코칭: 작은 띠 */
  .coach9 .c9-tile,.coach9 .c9-left>p,.coach9 .c9-card{display:none}
  .coach9 .c9-grid{gap:18px}
  .coach9 .c9-facts{margin-bottom:18px}
  /* 다음 한 걸음(모든 페이지): 옆 카드 두 칸, 설명 숨김 */
  .nextstep{padding:48px 0}
  .ns-grid{grid-template-columns:1fr 1fr!important;gap:10px}
  .ns-main{grid-column:1/-1;min-height:0;padding:26px 24px}
  .ns-side{padding:18px 16px;min-height:0}
  .ns-side p{display:none}
  .ns-side h3{font-size:17px;line-height:1.35}
  .ns-side .lbl{margin-bottom:10px}
  /* 푸터 문의 카드 설명 숨김 */
  .fcard span{display:none}
  /* 아래 고정 버튼: 검정·흰, 노랑은 점만 */
  .mcta span{display:inline-flex;align-items:center;gap:10px}
  .mcta span::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#F3CF45}
  .mcta i{background:#fff;color:#000}
}
@media (max-width:600px){.pillars .pl-words small{display:none!important}}
/* v2: 프로그램·코칭·방법 페이지 — 카드 묶음은 옆으로 넘기기, 여백 줄이기 */
@media (max-width:600px){
  .sec{padding:48px 0}
  .worries,.chgs,.howdl,.picks,.pgrid,.fr-grid,.three,ol.five,ol.steps3.four,.readorder{display:flex!important;overflow-x:auto;contain:paint;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:4px 20px 14px;scroll-padding:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .worries::-webkit-scrollbar,.chgs::-webkit-scrollbar,.howdl::-webkit-scrollbar,.picks::-webkit-scrollbar,.pgrid::-webkit-scrollbar,.fr-grid::-webkit-scrollbar,.three::-webkit-scrollbar,ol.five::-webkit-scrollbar,ol.steps3.four::-webkit-scrollbar,.readorder::-webkit-scrollbar{display:none}
  .worries>*,.chgs>*,.howdl>*,.picks>*,.pgrid>*,.fr-grid>*,.three>*,ol.five>*,ol.steps3.four>*,.readorder>*{flex:0 0 80%;min-width:0;scroll-snap-align:start;margin:0!important}
  .readorder>*{flex-basis:72%}
  .readorder>li>svg,.readorder .ro-arr{display:none}
  .worries>li{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}
  .howdl>div{background:#fff;border-radius:12px;padding:18px}
  .sec:not(.band-g) .howdl>div{background:var(--g)}
  .center-chips{display:none}
  .two-col{gap:20px!important}
  /* 푸터 링크: 줄바꿈 칩처럼 */
  .ft-cols{display:block!important}
  .ft-cols ul{display:flex;flex-wrap:wrap;gap:0 18px}
  .ft-cols ul+ul{margin-top:4px}
  .ft-top{gap:24px!important}
}
@media (max-width:600px){
  .sec{padding:44px 0}
  .phero{padding-top:44px!important;padding-bottom:44px!important}
  .prev-grid{display:flex!important;overflow-x:auto;contain:paint;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:4px 20px 14px;scrollbar-width:none}
  .prev-grid::-webkit-scrollbar{display:none}
  .prev-grid>*{flex:0 0 80%;min-width:0;scroll-snap-align:start;margin:0!important}
  .pd-cover img{max-height:230px;width:auto;margin:0 auto}
  .co-fig{max-width:300px}
}
@media (max-width:600px){
  .sec{padding:40px 0}
  .ns-main p{display:none}
  .pd-cover img{max-height:190px}
}
@media (max-width:600px){
  .ns-side .lbl{display:none}
  .ns-side h3{text-wrap:balance;font-size:16.5px}
}
@media (max-width:380px){
  .ns-grid{grid-template-columns:1fr!important}
  .ns-side h3{text-wrap:wrap}
  .store .car-track>.pcard{width:50vw}
  .store .pc-b h3{font-size:14.5px;letter-spacing:-.04em}
}

/* ===== 모바일 v3 (2026-10-28) · 토니 로빈스 모바일 패턴: 사진 카드 + 큰 제목 + 알약 하나, 헤더 알약, 카드 넘기기 + 점, 푸터. 600px 이하만 ===== */
.mdots{display:none}
@media (max-width:600px){
  :root{--hd:64px}
  /* 헤더: 워드마크 · 검색 · 흰 알약 1분 진단 · 햄버거 (늘 위에) */
  .logo{font-size:13px;letter-spacing:.14em}
  .hd-r{gap:4px}
  .hd-start{display:inline-flex!important;height:36px;padding:0 15px;font-size:13.5px;font-weight:700;position:relative}
  .hd-start::after{content:"";position:absolute;inset:-4px -2px}
  /* 메뉴: 화면 전체 검정 + ∨ 아코디언 + 아래 알약 두 개 */
  .mpanel{padding:4px 0 120px}
  .ma{border-bottom:0}
  .ma summary{font-size:18px;font-weight:600;padding:15px 0;letter-spacing:-.02em}
  .ma .pm::before{left:3px;top:1px;width:8px;height:8px;background:none;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
  .ma .pm::after{display:none}
  .ma[open] .pm::before{transform:rotate(-135deg);top:5px}
  .ma ul{padding:0 0 10px 2px}
  .ma a{padding:9px 0;font-size:16px}
  .mp-cta{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;margin:0}
  .mp-cta .btn{height:50px}
  /* 아래 고정 띠 없앰 (토니는 헤더 알약이 그 역할) */
  .mcta:not(.mfab){display:none!important}
  body.has-mcta{padding-bottom:0}
  /* 제목 리듬 */
  .d0,.d1,.d2,.d3{letter-spacing:-.045em;line-height:1.14}
  .d2{font-size:31px}.d3{font-size:25px}
  .row-head{margin-bottom:18px}
  .rh-l{flex-direction:column;align-items:flex-start;gap:6px}

  /* ── 홈 순서: 첫 화면 → 시즌 → 1분 진단 → 주제 7개 → 소개 → 숫자 → 코칭 → 책과 자료 → 영상 → 마감 ── */
  main:has(>section.hero)>.hero{order:1}
  main:has(>section.hero)>.sec-s{order:2}
  main:has(>section.hero)>.startcta{order:3}
  main:has(>section.hero)>.pillars{order:4}
  main:has(>section.hero)>.about6{order:5}
  main:has(>section.hero)>.results{order:6}
  main:has(>section.hero)>.coach9{order:7}
  main:has(>section.hero)>.store{order:8}
  main:has(>section.hero)>.videos{order:9}
  main:has(>section.hero)>.cta-big{order:10;display:block}
  main:has(>section.hero)>.nextstep{display:none}
  /* 첫 화면: 둥근 세로 사진 카드 위에 제목·알약 */
  .hero{padding:0 8px 8px}
  .hero-frame{min-height:calc(100svh - 64px - 52px);max-height:760px;display:block}
  .hero-img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;object-position:50% 12%;-webkit-mask-image:none!important;mask-image:none!important;filter:brightness(.92)}
  .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.88) 100%)!important}
  .hero-in{position:absolute!important;left:0;right:0;bottom:0;margin:0!important;padding:0 20px 26px!important;text-align:center}
  .hero-txt .lbl{justify-content:center;margin-bottom:12px}
  .hero .d0{font-size:38px;line-height:1.1}
  .hero-line{display:none}
  .hero .btns{justify-content:center;flex-direction:column;align-items:center;gap:6px;margin-top:20px}
  .hero .btns .btn-w{width:auto;padding:0 26px;height:48px}
  .hero .btns .btn.m-only{background:none;backdrop-filter:none;height:44px;font-size:14px;font-weight:600;color:rgba(255,255,255,.86);text-decoration:underline;text-underline-offset:4px;padding:0 8px}
  .hero .next-card{display:block!important;position:relative;margin:14px 4px 0;width:auto;background:#141416;backdrop-filter:none}
  .hero-frame+.next-card{margin-top:14px}
  /* 시즌 포스터: 세로 사진 카드 넘기기 */
  .sec-s{padding:44px 0 40px}
  .sec-s .poster{width:76vw}
  .car-dots{margin-top:16px;gap:6px}
  .car-dots button{width:7px;height:7px}
  .car-dots button[aria-current]{width:7px;border-radius:50%}
  .band-k .car-dots button{background:#3A3A3E}.band-k .car-dots button[aria-current]{background:#fff}
  .car-nav{display:none}
  /* 1분 진단 띠: 사진 크게 + 가운데 */
  .startcta{min-height:520px;align-items:flex-end}
  .sc-img{filter:grayscale(1) brightness(.72) contrast(1.05)!important}
  .sc-in{padding-top:200px;padding-bottom:44px}
  /* 주제 7개: 큰 글자 가운데 세로 나열 */
  .pillars .pl-sticky{padding:48px 0}
  .pillars .pl-left{text-align:center}
  .pillars .pl-left .lbl{justify-content:center}
  .pillars .pl-words{display:block!important}
  .pillars .pl-words a{display:block;background:none!important;border:0!important;border-radius:0;min-height:0;padding:3px 0;font-size:34px;font-weight:700;letter-spacing:-.05em;line-height:1.12;text-align:center}
  .pillars .pl-words li:last-child{grid-column:auto}
  /* 소개: 큰 제목 → 사진 → 알약 */
  .about6 .ab-photo{aspect-ratio:4/5}
  .about6 .ab-photo img{object-position:50% 15%}
  .about6 .ab-txt .btn{width:auto;align-self:flex-start}
  /* 숫자: 2칸 큰 숫자 */
  .results .rs-nums{display:grid!important;grid-template-columns:1fr 1fr;gap:22px 16px;overflow:visible;contain:none;margin:0;padding:0}
  .results .rn{background:none;padding:0;min-height:0;border-top:1px solid var(--line);padding-top:14px}
  .results .rn:first-child{grid-column:auto}
  .results .rn b{font-size:36px;font-weight:600}
  .results .rn span{font-size:14px;color:var(--sub);padding-top:6px;font-weight:500}
  .results .rn:nth-child(5){display:none}
  .results .rs-side{display:block}
  .results .rs-side p{display:none}
  .results .rs-side .btn{margin-top:20px}
  .results+* .mdots{display:none}
  /* 코칭: 주황 타일 + 제목 + 숫자 + 알약 둘 */
  .coach9 .c9-tile{display:flex!important;min-height:150px}
  .coach9 .c9-grid{grid-template-columns:1fr}
  .coach9 .c9-h{order:-1}
  .coach9 .btns.col .btn{background:#1F1F22}
  /* 책과 자료: 라벨 + 큰 제목 + 칩 + 카드 넘기기 */
  .store .center-head{margin-bottom:14px}
  .store .center-head .lead{display:none}
  .store .row-head{flex-direction:column;align-items:stretch;gap:10px}
  .store .tabs{display:flex!important;flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none}
  .store .tabs::-webkit-scrollbar{display:none}
  .store .tab{flex:none;background:var(--g);border:0;height:40px;font-weight:600}
  .store .tab[aria-pressed=true]{background:#000;color:#fff}
  .store .row-head>.more{align-self:flex-start}
  .store .car-track>.pcard{width:76vw}
  .store .pc-cv{min-height:0;padding:28px 20px 14px}
  .store .pc-cv img{max-height:250px}
  .store .pc-b{padding:6px 20px 20px}
  .store .pc-b h3{font-size:17px;padding-right:52px}
  .store .pc-go{display:grid!important;right:18px;bottom:18px}
  .store .pcard-note .pc-type{min-height:250px;margin:28px 20px 14px}
  .store .pcard-note .pc-type b{font-size:24px}
  /* 영상: 대표 카드 세로 + 목록 3개 */
  .videos .vid-main{grid-template-columns:1fr;padding:16px;text-align:center}
  .videos .vm-th{max-width:62%;margin:0 auto}
  .videos .vm-b .lbl{justify-content:center}
  .videos .vid-list{display:block!important;margin-top:10px}
  .videos .vid-list>li.mhide{display:none!important}
  .videos .vid-list+.mmore{display:none!important}
  /* 마감 띠 */
  .cta-big{padding:84px 0 88px}
  .cta-big .lead{font-size:15.5px}

  /* ── 카드 넘기기 공통: 폭 78% + 점 ── */
  .sec.band-g .grid:has(>a.post)>*,.qcs>*,.bkqs>*,.dcards>*,.wks>*,.ctcs>*,.tp-rel>*,.worries>*,.chgs>*,.howdl>*,.picks>*,.pgrid>*,.fr-grid>*,.three>*,ol.five>*,ol.steps3.four>*,.prev-grid>*{flex-basis:78%}
  .mswipe{display:none!important}
  .mdots{display:flex;justify-content:center;gap:6px;margin-top:8px}
  .mdots i{width:7px;height:7px;border-radius:50%;background:#C9C9CE}
  .mdots i.on{background:#000}
  .band-k .mdots i{background:#3A3A3E}.band-k .mdots i.on{background:#fff}

  /* ── 상품 상세: 검정 둥근 카드 안 칩 → 제목 → 한 줄 → 신청 → 표지 ── */
  .pd-top{padding:8px 0 8px!important}
  .pd-top>.wrap{padding:0 8px}
  .pd-grid{display:flex!important;flex-direction:column;background:#000;color:#fff;border-radius:16px;padding:30px 20px 0;overflow:hidden;text-align:center;gap:0!important}
  .pd-info{order:1;display:flex;flex-direction:column;align-items:center}
  .pd-info .crumb{display:none}
  .pd-info .spec{order:-1;margin:0 0 14px;justify-content:center}
  .pd-info .spec li{background:rgba(255,255,255,.12);color:#fff;font-size:13px}
  .pd-info .bdg-row{justify-content:center;margin-bottom:10px}
  .pd-info .d2{color:#fff;font-size:30px}
  .pd-info .lead{color:rgba(255,255,255,.78);font-size:15.5px}
  .pd-info .buy{border-top:0;width:100%;padding-top:16px}
  .pd-info .buy .pr{color:#fff}
  .pd-info .buy .pn{color:rgba(255,255,255,.65);font-size:14px}
  .pd-info .buy .btn-k,.pd-info .buy .btn-o{background:#fff;color:#000}
  .pd-info .buy .agree{color:rgba(255,255,255,.65);justify-content:center}
  .pd-info .buy .input{text-align:center}
  .pd-info>.more{color:#fff;margin-top:6px}
  .pd-cv{order:2;background:transparent!important;aspect-ratio:auto!important;padding:22px 0 0!important;max-width:none!important;margin:0!important}
  .pd-cv img{max-height:300px;box-shadow:none;border-radius:6px 6px 0 0;display:block;margin:0 auto}
  /* 상품 상세 떠 있는 버튼 (토니 장바구니 자리) */
  .mcta.mfab{left:auto;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));min-height:52px;padding:0 18px;border-radius:14px;background:#fff;color:#000;box-shadow:0 0 0 1px rgba(0,0,0,.12);gap:8px}
  .mcta.mfab span{display:none}
  .mcta.mfab i{background:none;color:#000;padding:0;height:auto;font-size:15px;font-weight:700}

  /* ── 1분 진단 시작: 흰 화면 + 제목 + 한 줄 + 검정 알약 ── */
  .qz-start{min-height:calc(100svh - 64px - 52px);display:flex;align-items:center;padding:40px 0}
  .qz-start .qs-art,.qz-start .qs-meta{display:none}
  .qz-start .lead{font-size:16px}

  /* ── 코칭·이야기 첫 화면 사진 크게 ── */
  .co-fig{max-width:none!important;width:100%;margin-top:8px}

  /* ── 푸터: 링크 2칸 → 문의 두 줄 → 채널 한 줄 → 작은 글 ── */
  .ft{padding-top:48px}
  .ft-top{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important}
  .ft-cols{display:contents!important}
  .ft-cols ul{display:block!important;margin:0!important}
  .ft-cols ul:nth-child(1){grid-column:1;order:1}
  .ft-cols ul:nth-child(2){grid-column:2;order:1}
  .ft-cols li a{display:flex;align-items:center;min-height:40px;padding:0;font-size:16px;color:#fff}
  .ft-cards{grid-column:1/-1;order:2;gap:18px!important;margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
  .fcard{background:none;padding:0;border-radius:0}
  .fcard b{font-size:15px;display:inline-flex;align-items:center;gap:4px}
  .fcard b::after{content:"›";font-size:20px;line-height:1;margin-top:-2px}
  .fcard span{display:block!important;font-size:14px;color:rgba(255,255,255,.55)}
  .ft-cols ul:nth-child(3){grid-column:1/-1;order:3;display:flex!important;flex-wrap:wrap;gap:0 16px;margin-top:22px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.16)}
  .ft-cols ul:nth-child(3) a{font-size:14px;color:rgba(255,255,255,.8)}
  .ft-mid{margin-top:20px;padding-bottom:16px}
  .ft-close{display:none}
  .ft-bot{margin-top:14px;font-size:13px}
}
@media (max-width:380px){
  .hd-r .ic{display:none}
  .hero .d0{font-size:34px}
  .pillars .pl-words a{font-size:31px}
}
@media (max-width:600px){
  .hero-frame{display:grid!important;grid-template-columns:minmax(0,1fr);min-height:0!important;max-height:none;overflow:visible;background:transparent;border-radius:0}
  .hero-img{position:relative!important;inset:auto;grid-area:1/1;height:min(calc(100svh - 64px - 64px),700px)!important;border-radius:16px}
  .hero-shade{position:relative!important;inset:auto;grid-area:1/1;border-radius:16px}
  .hero-in{display:contents!important}
  .hero-txt{grid-area:1/1;align-self:end;position:relative;z-index:1;padding:0 20px 26px;text-align:center}
  .hero .next-card{grid-area:2/1;margin:12px 0 0}
}
@media (max-width:600px){body.menu-open .tb{display:none}}
/* 마음 온도 '낮음' 결과: 작은 접는 칸 (2026-10-28) */
.qz-care2{margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.qz-care2 summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:15px;font-weight:600;color:#55555C;cursor:pointer}
.qz-care2 summary::-webkit-details-marker{display:none}
.qc2-in{padding:2px 0 16px;font-size:15px}
.qc2-in ul{margin:10px 0 8px}
.qc2-in li{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:4px 0}
.qc2-in li span{color:#55555C}
.qc2-in li a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.qc2-in li small{color:var(--sub);font-size:13px}
@media (max-width:380px){.d3{font-size:23px}}

/* ===== 모바일 첫 화면 사진 크기 (2026-10-28 밤, 사용자 "얼굴 너무 크다"): 사진은 화면 폭 76%(최대 300px) 원래 4:5로 가운데, 아래는 검정으로 흐리게, 글은 사진 아래 ===== */
@media (max-width:600px){
  .hero{padding:0 0 8px}
  .hero-frame{display:grid!important;grid-template-columns:minmax(0,1fr);background:#000!important;border-radius:0}
  .hero-img{grid-area:1/1;justify-self:center;width:min(76vw,300px)!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;object-position:50% 0;border-radius:0;margin-top:20px;filter:none;
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 64%,rgba(0,0,0,0) 100%)!important;mask-image:linear-gradient(180deg,#000 0,#000 64%,rgba(0,0,0,0) 100%)!important}
  .hero-shade{display:none!important}
  .hero-txt{grid-area:2/1;align-self:start;margin-top:-34px;padding:0 20px 4px;text-align:left}
  .hero-txt .lbl{justify-content:flex-start}
  .hero .d0{font-size:34px;line-height:1.14}
  .hero-line{display:block!important;font-size:15.5px;margin-top:12px;line-height:1.6;color:rgba(255,255,255,.78)}
  .hero .btns{align-items:stretch;margin-top:20px}
  .hero .btns .btn-w{width:100%}
  .hero .btns .btn.m-only{align-self:flex-start;padding:0}
  .hero .next-card{grid-area:3/1;margin:14px 12px 0}
  /* 코칭·브랜딩 코칭 첫 사진, 홈 소개 사진도 같은 크기 */
  .co-fig{width:min(76vw,300px)!important;max-width:300px!important;justify-self:center;margin-left:auto;margin-right:auto}
  .about6 .ab-photo{width:min(76vw,300px);max-width:300px!important;margin:0 auto}
}
@media (max-width:380px){.hero .d0{font-size:31px}}
@media (max-width:600px){.hero-img{border-radius:14px 14px 0 0!important}}
/* 읽기 쉬운 문장 (2026-10-29): 쉼표 단위 덩어리는 한 줄에 */
.ph{display:inline-block}
.sn{display:block;text-wrap:balance}
.checks li,.worries li,.ma a,.qz-posts li,.mposts span{text-wrap:balance}
.ph{text-wrap:balance}
main li,.post-title{text-wrap:balance}
.vr-t b{text-wrap:pretty}

/* ===== 일곱 기둥 · 태블릿/모바일 (2026-10-29): PC처럼 '주제 칩 + 검정 카드'. 칩을 누르거나 카드를 옆으로 넘기면 바뀜 ===== */
@media (max-width:900px){
  .pillars .pl-sticky{padding:48px 0 44px!important}
  .pillars .pl-grid{display:block}
  .pillars .pl-left{text-align:left!important}
  .pillars .pl-left .lbl{justify-content:flex-start!important;margin-bottom:14px}
  .pillars .pl-words{display:flex!important;gap:8px;overflow-x:auto;margin:0 -20px!important;padding:2px 20px 4px;scrollbar-width:none;scroll-snap-type:x proximity}
  .pillars .pl-words::-webkit-scrollbar{display:none}
  .pillars .pl-words li{flex:none;scroll-snap-align:start}
  .pillars .pl-words a{display:inline-flex!important;align-items:center;height:44px;min-height:44px!important;padding:0 18px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:#fff!important;color:#000;opacity:1!important;font-size:16px!important;font-weight:600!important;letter-spacing:-.02em!important;line-height:1!important;white-space:nowrap;text-align:left!important}
  .pillars .pl-words a.on{background:#000!important;color:#fff!important;border-color:#000!important}
  .pillars .pl-words small{display:none!important}
  .pillars .pl-right{display:flex!important;height:auto!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:16px -20px 0;padding:0 20px 4px;scroll-padding:0 20px;scrollbar-width:none;contain:paint}
  .pillars .pl-right::-webkit-scrollbar{display:none}
  .pillars .pl-panel{position:relative!important;inset:auto;flex:0 0 86%;opacity:1!important;visibility:visible!important;padding:26px 22px 24px;scroll-snap-align:start;min-height:0;overflow:hidden}
  .pillars .pp-ko{font-size:40px;margin-top:22px}
  .pillars .pp-line{font-size:18px;margin-top:8px}
  .pillars .pp-q{font-size:17px;margin:16px 0 4px}
  .pillars .pp-posts{margin-top:18px}
  .pillars .pp-posts a{min-height:44px;padding:10px 0}
  .pillars .pl-panel .btns{margin-top:20px}
  .pillars .pl-panel .btns .btn{width:100%}
  .pillars .pl-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
  .pillars .pl-dots i{width:7px;height:7px;border-radius:50%;background:#C9C9CE}
  .pillars .pl-dots i.on{background:#000}
}
@media (min-width:601px) and (max-width:900px){.pillars .pl-panel{flex-basis:62%}}
.pl-dots{display:none}
/* ===== 간격 정리 (2026-10-29): 글과 칩·버튼 사이 최소 16~24px, 문장 사이 숨 ===== */
p+.chips,.lead+.chips,.phero-side .chips{margin-top:24px}
p+.btns,.lead+.btns{margin-top:24px}
.sn+.sn{margin-top:.35em}
/* 문장·덩어리 span은 감싼 글의 모양을 그대로 (2026-10-29: '.d-mine span' 같은 규칙이 문장까지 바꾸던 것 바로잡음) */
p .sn,li .sn,dd .sn,blockquote .sn,p .ph,li .ph,dd .ph,blockquote .ph,h2 .ph{font:inherit;color:inherit;letter-spacing:inherit;opacity:1;margin-bottom:0;padding:0;background:none;text-transform:none}
p .sn,dd .sn,blockquote .sn{display:block}
p .ph,li .ph,dd .ph,blockquote .ph,h2 .ph{display:inline-block}
p .sn+.sn,dd .sn+.sn,blockquote .sn+.sn{margin-top:.35em}

/* ===== 소개-방법 '읽는 순서' (2026-10-29): 제목대로 위에서 아래로. 글자 화살표(→·↓) 대신 사이트 화살표 아이콘을 아래 방향으로 ===== */
.readorder{display:flex!important;flex-direction:column;gap:30px!important;max-width:720px;margin:0 auto!important;padding:0!important;overflow:visible!important;contain:none!important}
.readorder li{display:grid!important;grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:start;padding:22px 24px!important;flex:none!important;width:auto!important}
.readorder li::after{content:""!important;position:absolute;left:46px!important;right:auto!important;top:auto!important;bottom:-24px!important;width:16px;height:16px;transform:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 6 8 10.5 12.5 6' fill='none' stroke='%238A8A90' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/16px 16px}
.readorder li:last-child::after{display:none}
.readorder .ro-no{grid-row:1/3;width:44px;height:44px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:16px;font-weight:600}
.readorder b{grid-column:2;font-size:20px}
.readorder li>span:not(.ro-no){grid-column:2;font-size:16px}
@media (max-width:600px){.readorder li{padding:18px 18px!important;column-gap:14px}.readorder li::after{left:40px!important}}

/* ===== 가로 넘기기 줄이기 (2026-10-29, 사용자 "오른쪽 스크롤이 너무 많아"): 같은 종류 카드가 많은 곳만 가로, 나머지는 세로·2칸 ===== */
@media (max-width:600px){
  .worries,.chgs,.picks,.pgrid,.fr-grid,.frame .three,ol.five,ol.steps3.four,.prev-grid,.qcs.three,.ctcs,.chans,.tp-rel,.howdl{display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;contain:none!important;margin:0!important;padding:0!important;gap:12px!important;scroll-snap-type:none!important}
  .worries>*,.chgs>*,.picks>*,.pgrid>*,.fr-grid>*,.frame .three>*,ol.five>*,ol.steps3.four>*,.prev-grid>*,.qcs.three>*,.ctcs>*,.chans>*,.tp-rel>*,.howdl>*{flex:none!important;width:auto!important;min-width:0}
  .howdl{grid-template-columns:1fr 1fr!important}
  .worries+.mdots,.chgs+.mdots,.picks+.mdots,.pgrid+.mdots,.fr-grid+.mdots,.three+.mdots,ol.five+.mdots,ol.steps3.four+.mdots,.prev-grid+.mdots,.qcs.three+.mdots,.ctcs+.mdots,.tp-rel+.mdots,.howdl+.mdots{display:none!important}
  /* 홈 책과 자료: 표지 2칸 */
  .store .car{overflow:visible;margin:0;padding:0}
  .store .car-track{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;overflow:visible;scroll-snap-type:none}
  .store .car-track>.pcard{width:auto!important;min-width:0}
  .store .car-track>.pcard[hidden]{display:none}
  .store .pc-cv{padding:16px 12px 8px}
  .store .pc-cv img{max-height:180px}
  .store .pc-b{padding:6px 12px 14px}
  .store .pc-b h3{font-size:15px;padding-right:0;text-wrap:balance}
  .store .pc-go{display:none!important}
  .store .pcard-note .pc-type{min-height:180px;margin:16px 12px 8px;padding:14px}
  .store .pcard-note .pc-type b{font-size:17px}
  .store .car-dots{display:none}
}
@media (max-width:600px){.picks .pick{min-height:0!important;gap:14px}}
@media (max-width:380px){.howdl{grid-template-columns:minmax(0,1fr)!important}.store .pc-b{padding:6px 8px 14px}.store .pc-b h3{font-size:14px;letter-spacing:-.06em}}
/* 뉴스레터 샘플호: 메일 모양 그대로 (2026-11-05) */
.nl-mail{margin-top:28px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;max-width:640px}
.nl-mail-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#FAF8F3;font-size:14px}
.nl-mail-hd span{color:var(--sub)}
.nl-frame{display:block;width:100%;height:1600px;border:0;background:#fff}
.nl-issue .btns{margin-top:28px}
@media (max-width:600px){.nl-big{font-size:clamp(34px,11vw,48px)!important;line-height:1.1}}

/* 2026-11-06 뉴스레터 구독 칸: 스티비 구독 페이지 iframe. 리캡차 그림 문제가 떠도 잘리지 않게 넉넉히 */
.nl-sub{padding:8px 0 72px}
.nl-sub-frame{display:block;width:100%;height:920px;border:0;background:#fff}
@media (max-width:480px){.nl-sub-frame{height:1080px}.nl-sub .wrap{padding:0 12px}}
.nl-sub-note{margin-top:14px;text-align:center}