/* 이어;톡 사이트 공통 스타일 — 원본: 시안 eartok_homepage_mockup_261106.html */
:root{--bg:#FFFFFF;--ink:#0E1116;--t2:#5B6270;--t3:#8A92A3;--night:#070B19;--blue:#3D6BFF;--blue2:#2A4FD6;--bt:#EAF0FF;--pk:#C8115A;--pkh:#A10E49;color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}   /* 스크롤바 자리를 늘 비워 로그인 화면과 로고 가로 위치를 맞춘다(2026-11-10 [7]-5) */
body{background:var(--bg);color:var(--ink);font-family:'Pretendard Variable',Pretendard,-apple-system,'Malgun Gothic',sans-serif;font-size:16px;line-height:1.55;letter-spacing:-.012em;word-break:keep-all;overflow-wrap:break-word;line-break:strict;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:#fff;z-index:80}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;letter-spacing:inherit;text-align:inherit}
h1,h2,h3{text-wrap:balance;font-weight:700;letter-spacing:-.045em}p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:1320px;margin-inline:auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.pc{display:none}.mo{display:inline}@media(min-width:900px){.pc{display:inline}.mo{display:none}}
/* header */
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:70;background:#fff;height:64px}
.hd .wrap{height:64px;display:flex;align-items:center;gap:36px}
.hd img{height:32px;width:auto}
.nav{display:flex;gap:30px;font-weight:600;margin-right:auto}.nav span{color:var(--t2)}.nav .on{color:var(--ink);box-shadow:0 3px 0 var(--ink)}
.rt{display:flex;align-items:center;gap:22px;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 28px;border-radius:10px;font-weight:700;font-size:17px;white-space:nowrap;transition:background .2s,transform .2s}
.btn.sm{height:38px;padding:0 16px;font-size:15px;border-radius:8px}
.cta{background:var(--pk);color:#fff}.cta:hover{background:var(--pkh);transform:translateY(-2px)}
@media(max-width:820px){.nav,.rt .hlogin{display:none}.hd .wrap{gap:12px}.hd .logo{margin-right:auto}}
/* ---------- 1. hero ---------- */
.hero{background:radial-gradient(900px 640px at 78% 45%,rgba(61,107,255,.42),transparent 62%),radial-gradient(520px 380px at 4% 100%,rgba(61,107,255,.2),transparent 70%),var(--night);color:#fff;position:relative;overflow:hidden}
.hero .in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(16px,3vw,48px);min-height:min(calc(100svh - 64px),860px);padding-block:clamp(40px,7svh,80px)}
.hero h1{font-size:clamp(40px,4.8vw,76px);line-height:1.08;letter-spacing:-.058em}
.hero .sub{margin-top:22px;font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#B9C3DD;max-width:19em}
.hero .cta{margin-top:34px;height:64px;padding:0 34px;font-size:19px}
.hero .fine{margin-top:18px;font-size:15px;color:#8E9AB8;font-weight:600}
.scene{position:relative;width:calc(100% + clamp(0px,3vw,60px));perspective:1800px;padding-block:28px}
.win{background:#fff;color:var(--ink);border-radius:16px;height:clamp(600px,76svh,700px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 70px 140px rgba(0,0,0,.55),0 0 80px rgba(61,107,255,.25);transform:rotateY(-6deg) rotateX(2deg);transform-origin:20% 50%;transition:transform .8s cubic-bezier(.2,.8,.2,1);text-align:left}
.scene:hover .win{transform:rotateY(-2deg) rotateX(.5deg)}
/* ===== real-service admin look ===== */
.ad{--pg:#F4F5F8;--ln:rgba(20,24,40,.06);display:grid;grid-template-columns:var(--sw,152px) minmax(0,1fr);background:var(--pg);color:#1B1F27;font-size:13px;line-height:1.45;letter-spacing:-.02em;text-align:left;min-height:0;flex:1}
.ad button{font-size:inherit}
.sb{background:#fff;padding:14px 10px;display:flex;flex-direction:column;gap:1px;overflow:hidden;min-height:0;box-shadow:1px 0 0 var(--ln)}
.sb .lg2{height:22px;width:auto;align-self:flex-start;margin:2px 4px 10px}
.sb .br{background:#F4F5F8;border-radius:9px;padding:8px 10px;margin-bottom:8px}.sb .br small{display:block;font-size:11px;color:#8A92A3}.sb .br b{font-size:13.5px}
.sb h6{font-size:11px;color:#8A92A3;font-weight:600;padding:10px 8px 4px}
.sb .mi{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;color:#4A5262;font-weight:500;white-space:nowrap}
.sb .mi svg{flex:none;opacity:.75}.sb .mi.on{background:#EEF0F6;color:#0E1116;font-weight:700}.sb .mi.on svg{opacity:1}
.sb .mi em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:700;background:#E0254A;color:#fff;border-radius:99px;padding:0 6px;line-height:16px}
.mn{display:flex;flex-direction:column;min-width:0;min-height:0}
.tp{background:#fff;padding:9px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 0 var(--ln)}.tp b{font-size:13.5px;display:block;line-height:1.2}.tp small{font-size:11px;color:#8A92A3}
.tp .r{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:12px;color:#4A5262;white-space:nowrap}.tp .r i{font-style:normal;color:#2F6BFF;font-weight:700}
.pg{padding:14px 16px 0;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:hidden}
.ttl h4{font-size:19px;letter-spacing:-.04em;line-height:1.25}.ttl p{font-size:12px;color:#6B7280;margin-top:1px}
.cd{background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(20,24,40,.07)}
.bt{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:7px;font-weight:700;font-size:12.5px;white-space:nowrap;transition:filter .2s}.bt:hover{filter:brightness(1.08)}
.bt.g{background:#12805C;color:#fff}.bt.p{background:#6B3FE0;color:#fff}.bt.d{background:#5B6272;color:#fff}.bt.b{background:#2563EB;color:#fff}
.bt.o{background:#fff;color:#2563EB;box-shadow:inset 0 0 0 1px #2563EB}.bt.l{background:#fff;color:#4A5262;box-shadow:inset 0 0 0 1px #D8DCE5}.bt.r2{background:#fff;color:#C0392B;box-shadow:inset 0 0 0 1px #F0C4BE}
.sync{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:7px;background:#fff;font-size:12px;font-weight:600;color:#4A5262;box-shadow:0 1px 2px rgba(20,24,40,.07)}.sync i{width:7px;height:7px;border-radius:50%;background:#1BA672}
.tbr{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.stt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.stt .cd{padding:10px 13px;display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:baseline}
.stt small{font-size:11.5px;color:#8A92A3;grid-column:1/3}.stt span{font-size:12.5px;font-weight:700;color:#3B4252}.stt b{font-size:19px;font-weight:700;letter-spacing:-.03em;color:#0E1116}.stt b.pu{color:#6B3FE0}.stt .s{grid-column:1}
.sel{height:30px;border-radius:7px;border:0;background:#fff;box-shadow:inset 0 0 0 1px #D8DCE5;font:inherit;font-size:12.5px;padding:0 26px 0 10px;color:#2B303B;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%236B7280' stroke-width='1.6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;cursor:pointer}
.ft{display:flex;gap:8px;flex-wrap:wrap}
.tw{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;border-radius:12px 12px 0 0}
.th2,.tr{display:grid;grid-template-columns:92px minmax(0,1fr) 104px 74px 84px 124px;gap:12px;align-items:center;padding:0 16px}
.th2{height:34px;font-size:11.5px;color:#8A92A3;font-weight:600;flex:none;box-shadow:0 1px 0 var(--ln)}
.tr{min-height:62px;padding-block:8px;text-align:left;width:100%;transition:background .2s;box-shadow:0 1px 0 var(--ln)}.tr:hover{background:#F8F9FC}.tr.on{background:#EEF3FF}
.tr .ty{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.tr .qq{min-width:0}.tr .qq small{font-size:11.5px;color:#8A92A3;font-weight:600}.tr .qq b{display:block;font-size:13.5px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr .qq span{display:block;font-size:12px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr .pr{font-size:12px;color:#4A5262;display:flex;flex-direction:column;gap:2px}.tr .pr em{font-style:normal;font-size:11px;font-weight:700;color:#12693B}
.tr time{font-size:12px;color:#6B7280}.tr .pv{text-align:right;font-size:12px;color:#8A92A3}.tr .pv b{display:block;font-size:14px;color:#2563EB}.tr .pv b.z{color:#B8BEC9}
.tr .ab{display:flex;gap:5px;justify-content:flex-end}.tr .ab span{height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #D8DCE5;font-size:12px;font-weight:600;color:#2B303B}.tr .ab span.dl{color:#C0392B;box-shadow:inset 0 0 0 1px #F0C4BE}
.tr.nw{animation:nw 1s ease both}@keyframes nw{from{background:#DDF4E7;opacity:0;transform:translateY(-8px)}to{opacity:1}}
.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:99px;font-size:11.5px;font-weight:700;white-space:nowrap}
.c-ai{background:#E8EAF4;color:#1E2A5E}.c-w{background:#FFF0D2;color:#8A5600}.c-ok{background:#DDF4E7;color:#12693B}.c-t{background:#EEF0F5;color:#4A5262}.c-b{background:#E6EEFF;color:#1F4FC4}.c-r{background:#FDE8E8;color:#B42318}
.tst{position:absolute;right:20px;top:14px;background:#0E1116;color:#fff;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;z-index:6;opacity:0;transform:translateY(-8px);transition:.35s;pointer-events:none}.tst.on{opacity:1;transform:none}
/* chat page (hero) */
.cg{display:grid;grid-template-columns:minmax(0,196px) minmax(0,1fr);gap:10px;flex:1;min-height:0;padding-bottom:12px}
.cl{display:flex;flex-direction:column;overflow:hidden;min-height:0}
.cl h5{font-size:12.5px;padding:11px 13px 6px;display:flex;justify-content:space-between}.cl h5 span{color:#8A92A3;font-weight:600}
.ci{display:flex;flex-direction:column;gap:3px;padding:9px 13px;text-align:left;width:100%;transition:background .2s;box-shadow:0 1px 0 var(--ln)}.ci:hover{background:#F8F9FC}.ci.on{background:#EEF3FF}
.ci .t1{display:flex;gap:6px;align-items:baseline}.ci .t1 b{font-size:13px}.ci .t1 small{font-size:11px;color:#8A92A3;font-weight:600;margin-left:auto;white-space:nowrap}
.ci .t2{font-size:11px;color:#8A92A3;font-weight:600}.ci .t3{font-size:12px;color:#4A5262;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.cv .hd2{display:flex;gap:9px;align-items:center;padding:11px 15px;box-shadow:0 1px 0 var(--ln);flex-wrap:wrap}.cv .hd2 b{font-size:14px}.cv .hd2 span.m{font-size:12px;color:#6B7280;margin-right:auto}
.cb{flex:1;min-height:0;overflow:hidden auto;padding:14px 15px;display:flex;flex-direction:column;gap:11px}
.mg{max-width:86%;display:flex;flex-direction:column;gap:3px}.mg small{font-size:11px;color:#8A92A3;font-weight:600}
.mg.u{align-self:flex-start}.mg.a{align-self:flex-end;align-items:flex-end}
.bb{padding:10px 13px;border-radius:12px;font-size:13.5px;line-height:1.5}
.u .bb{background:#EEF0F5;border-top-left-radius:4px}.a .bb{background:#E8EAF4;border-top-right-radius:4px;color:#141C45}
.tg2{display:inline-block;font-size:10.5px;font-weight:700;color:#1E2A5E;background:#fff;border-radius:5px;padding:1px 6px;margin-right:6px;vertical-align:1px}
.qr{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.qr span{background:#fff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;color:#2B303B}.qr span.on{background:#0E1116;color:#fff}
.sy{align-self:center;display:flex;gap:8px;align-items:center;font-size:12px;color:#6B7280;flex-wrap:wrap;justify-content:center}
.cb>*{animation:up .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0)*.35s)}
@keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ex{padding:10px 15px 12px;box-shadow:0 -1px 0 var(--ln);display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:12px;color:#4A5262;font-weight:600}
.ex .chip i{display:inline-grid;place-items:center;width:12px;height:12px;border-radius:50%;background:#1E2A5E}
/* floating */
.fc{position:absolute;display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);padding:12px 18px 12px 14px;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.4);font-size:14.5px;line-height:1.35;animation:fl 6s ease-in-out infinite;z-index:3}
.fc i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.fc b{display:block;font-size:14.5px}.fc small{color:var(--t2);font-size:12.5px;font-weight:600}
.fc.a{right:5%;top:-34px}.fc.a i{background:#DDF4E7;color:#12693B}
.fc.b{left:-4%;bottom:10px;animation-delay:-2s}.fc.b i{background:#FFF0D2;color:#8A5600}
@keyframes fl{50%{transform:translateY(-9px)}}
.win{display:flex;flex-direction:column}
.win .ad{--sw:148px}
@media(max-width:1180px){.cg{grid-template-columns:minmax(0,170px) minmax(0,1fr)}.win .ad{grid-template-columns:minmax(0,1fr)}.win .sb{display:none}}
@media(max-width:900px){.hero .in{grid-template-columns:minmax(0,1fr);min-height:0}.scene{width:100%;perspective:none;padding-block:0}.win{transform:none!important;height:560px}.fc{display:none}.cg{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.cl{max-height:120px}.cl h5{display:none}.stt{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* inbox scene */
.stage .ad{--sw:176px;position:relative;margin-inline:clamp(12px,3vw,48px);border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 -10px 80px rgba(61,107,255,.2),0 40px 90px rgba(14,17,22,.14);height:clamp(600px,80svh,760px)}
.stage .ad .pg{position:relative}
@media(max-width:1000px){.stage .ad{grid-template-columns:minmax(0,1fr)}.stage .sb{display:none}.th2,.tr{grid-template-columns:84px minmax(0,1fr) 96px 80px}.th2>:nth-child(4),.th2>:nth-child(5),.tr time,.tr .pv{display:none}.tr .ab span.dl{display:none}}
@media(max-width:700px){.th2,.tr{grid-template-columns:84px minmax(0,1fr)}.th2>:nth-child(3),.th2>:nth-child(6),.tr .ab,.tr .pr{display:none}.tr .qq small{white-space:normal}.stage{padding-top:20px}.stage .ad{height:auto;min-height:640px}.tbr .bt:nth-child(n+5){display:none}.ttl p{display:none}}
/* ---------- 2. inbox ---------- */
.s2{padding-block:clamp(72px,11svh,130px) 0;background:#fff;overflow:hidden}
.hl{text-align:center;max-width:760px;margin-inline:auto}
.hl h2{font-size:clamp(34px,4.2vw,60px);line-height:1.12;letter-spacing:-.055em}
.hl p{margin-top:16px;font-size:clamp(17px,1.45vw,20px);color:var(--t2)}
.stage{margin-top:clamp(36px,6svh,64px);position:relative;padding-top:clamp(28px,5vw,64px);background:linear-gradient(180deg,#E6EDFF 0%,#F4F7FF 70%,#fff 100%);border-radius:32px 32px 0 0}
.stage::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(rgba(61,107,255,.22) 1.2px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:linear-gradient(#000,transparent 70%);mask-image:linear-gradient(#000,transparent 70%);pointer-events:none}
/* ---------- 3. order + reply ---------- */
.s3{background:radial-gradient(900px 600px at 85% 30%,rgba(120,160,255,.35),transparent 65%),linear-gradient(160deg,#1A3FD0 0%,#0F2A8F 55%,#0A1B63 100%);color:#fff;padding-block:clamp(72px,11svh,130px);overflow:hidden;position:relative}
.s3 .g{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);gap:clamp(28px,5vw,88px);align-items:center}
.s3 h2{font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.055em}
.s3 .l p{margin-top:16px;font-size:clamp(17px,1.4vw,20px);color:#C6D3FF}
.seg{display:inline-flex;padding:4px;border-radius:12px;background:rgba(255,255,255,.14);margin-top:30px}
.seg button{padding:10px 24px;border-radius:9px;font-weight:700;font-size:16px;color:#D6E0FF;transition:.25s}
.seg button.on{background:#fff;color:var(--ink)}
.steps{list-style:none;margin-top:34px;display:flex;flex-direction:column;position:relative}
.steps li{position:relative;padding:0 0 26px 54px;min-height:68px;opacity:.45;transition:opacity .4s}
.steps li.on{opacity:1}
.steps li::before{content:attr(data-n);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-weight:700;transition:.4s}
.steps li.on::before{background:#fff;color:var(--blue2)}
.steps li::after{content:"";position:absolute;left:17px;top:40px;bottom:2px;width:2px;background:rgba(255,255,255,.25)}.steps li:last-child::after{display:none}
.steps b{display:block;font-size:19px;letter-spacing:-.035em;line-height:36px}.steps span{font-size:15px;color:#C6D3FF}
.steps li.skip{display:none}
.sc3{position:relative;padding:10px 0}
.pn{margin-left:clamp(0px,5vw,80px);border-radius:20px;overflow:hidden;box-shadow:0 60px 120px rgba(2,8,40,.55);background:var(--pg,#F4F5F8);color:#1B1F27;text-align:left;--pg:#F4F5F8;--ln:rgba(20,24,40,.06);font-size:14px;letter-spacing:-.02em}
.dp{padding:22px;display:flex;flex-direction:column;gap:14px}
.dh{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dh .no{font-size:13px;font-weight:700;color:#6B7280}.dh .chip{height:26px;font-size:12.5px}.dh .st{margin-left:auto}
.dp h3{font-size:22px;letter-spacing:-.045em;font-weight:700}
.dg{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:start}
.dc{display:flex;flex-direction:column;gap:14px;min-width:0}
.cd{background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(20,24,40,.07);padding:16px 18px}
.cd h5{font-size:15px;letter-spacing:-.03em;margin-bottom:8px;display:flex;align-items:center;gap:8px}.cd h5 small{font-size:12px;color:#8A92A3;font-weight:600;margin-left:auto}
.og .q{font-size:15.5px;line-height:1.6;margin-top:4px}
.og .mt{font-size:12.5px;color:#8A92A3;font-weight:600}
.rp{box-shadow:0 1px 2px rgba(20,24,40,.07),inset 4px 0 #2563EB;border-radius:6px 14px 14px 6px}
.rp .rh{display:flex;gap:6px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.rp .rh h5{margin:0;margin-right:auto}
.bt{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;font-weight:700;font-size:13.5px;white-space:nowrap;transition:filter .2s,opacity .2s}.bt:hover{filter:brightness(1.08)}
.bt.g{background:#12805C;color:#fff}.bt.l{background:#fff;color:#2B303B;box-shadow:inset 0 0 0 1px #D8DCE5}.bt[disabled]{opacity:.4;pointer-events:none}
.lb{font-size:12px;color:#8A92A3;font-weight:600;margin-bottom:4px}
.tx{font-size:15.5px;line-height:1.7;padding:12px 14px;border-radius:10px;background:#F7F8FB;outline:none;min-height:96px}.tx[contenteditable=true]{background:#fff;box-shadow:0 0 0 2px #2563EB}
.hn{font-size:12px;color:#8A92A3;margin-top:8px}.dn2{display:none;align-items:center;gap:6px;font-weight:700;color:#12693B;font-size:13.5px}
.rp.sent .bt.g,.rp.sent .bt.l{display:none}.rp.sent .dn2{display:inline-flex}.rp.sent .hn{display:none}
.cvb{display:flex;flex-direction:column;gap:11px}
.mg{max-width:88%;display:flex;flex-direction:column;gap:3px}.mg small{font-size:11.5px;color:#8A92A3;font-weight:600}.mg.u{align-self:flex-start}.mg.a{align-self:flex-end;align-items:flex-end}
.bb{padding:11px 15px;border-radius:13px;font-size:15px;line-height:1.55}.u .bb{background:#EEF0F5;border-top-left-radius:4px}.a .bb{background:#E8EAF4;border-top-right-radius:4px;color:#141C45}
.tg2{display:inline-block;font-size:11px;font-weight:700;color:#1E2A5E;background:#fff;border-radius:5px;padding:1px 7px;margin-right:6px;vertical-align:1px}
.it{display:flex;gap:13px;align-items:center;margin-bottom:14px}.th{width:48px;height:58px;border-radius:9px;background:linear-gradient(150deg,#D9DEF0,#9AA6D6);flex:none}.th.b{background:linear-gradient(150deg,#E8E2D6,#BDB29A)}
.it b{display:block;font-size:15px}.it small{color:#6B7280;font-size:12.5px}.it .chip{margin-left:auto}
.tl{list-style:none;display:flex;flex-direction:column}.tl li{position:relative;padding:0 0 12px 22px;font-size:13.5px}.tl li::before{content:"";position:absolute;left:3px;top:6px;width:9px;height:9px;border-radius:50%;background:#2563EB}.tl li::after{content:"";position:absolute;left:7px;top:15px;bottom:-4px;width:2px;background:#DDE3F3}.tl li:last-child{padding-bottom:0}.tl li:last-child::after{display:none}.tl li.x::before{background:#DDE3F3}.tl b{font-weight:700}.tl span{color:#8A92A3;font-size:12px;margin-left:6px}
.none{font-size:13.5px;color:#6B7280}
.ch{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.kv{background:#F7F8FB;border-radius:10px;padding:11px 14px;margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.kv h6{grid-column:1/3;font-size:13px}.kv small{font-size:11.5px;color:#8A92A3;font-weight:600;display:block}.kv b{font-size:14px}.kv.bl{background:#EEF3FF}.kv.bl small{color:#2F5BD6}
.hint3{font-size:13px;color:#6B7280}
@media(max-width:900px){.pn{margin-left:0}.dg{grid-template-columns:minmax(0,1fr)}.dp{padding:14px}}
.rv{opacity:1}html.js .rv{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}html.js .rv.in{opacity:1;transform:none}
html.js .tb.pl-in .bub,html.js .tb.pl-in .pc2,html.js .tb.pl-in .dr,html.js .tb.pl-in .stp,html.js .tb.pl-in .ac{animation:up .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html.js .rv{opacity:1;transform:none}.win{transform:none}}
/* ======== v-g overrides ======== */
.page{display:none}.page.on{display:block}
.nav a{color:var(--t2);padding:6px 0;transition:color .2s}.nav a:hover{color:var(--ink)}.nav a.on{color:var(--ink);box-shadow:0 3px 0 var(--ink)}
.hd .mb{display:none;width:44px;height:44px;border-radius:10px;align-items:center;justify-content:center}
.mnav{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;padding:8px max(24px,env(safe-area-inset-left,0px)) 18px;box-shadow:0 24px 40px rgba(14,17,22,.12)}.mnav.open{display:block}.mnav a{display:block;padding:14px 0;font-weight:600;font-size:17px}
@media(max-width:820px){.hd .mb{display:inline-flex}}
.btn.dk{background:var(--ink);color:#fff}.btn.dk:hover{background:#000;transform:translateY(-2px)}.btn.wh{background:#fff;color:var(--ink)}.btn.wh:hover{transform:translateY(-2px)}
.btn.ln{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
/* simplified product UI */
.tp .r{gap:10px}
.win .ad{--sw:148px}
.hg{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;flex:1;min-height:0;padding-bottom:14px}
.hg .cv{min-height:0}
.hg .cb{padding:18px 20px;gap:14px}
.hg .bb{font-size:14.5px;padding:11px 15px}
.hg .oc{padding:16px 16px;display:flex;flex-direction:column;gap:12px;min-height:0}
.oc h5{font-size:13.5px;display:flex;justify-content:space-between;align-items:center}
.oc .it{display:flex;gap:11px;align-items:center}.oc .th{width:44px;height:54px;border-radius:9px;background:linear-gradient(150deg,#D9DEF0,#9AA6D6);flex:none}.oc .it b{display:block;font-size:14px;line-height:1.3}.oc .it small{font-size:12px;color:#6B7280}
.tl{list-style:none;display:flex;flex-direction:column}.tl li{position:relative;padding:0 0 11px 20px;font-size:13px}.tl li::before{content:"";position:absolute;left:2px;top:6px;width:9px;height:9px;border-radius:50%;background:#2563EB}.tl li::after{content:"";position:absolute;left:6px;top:15px;bottom:-4px;width:2px;background:#DDE3F3}.tl li:last-child{padding-bottom:0}.tl li:last-child::after{display:none}.tl li.x::before{background:#DDE3F3}.tl b{font-weight:700}
.rf{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:#6B7280;font-weight:600;padding-top:2px}.rf span.k{color:#8A92A3}.rf .chip{height:24px}
.ex{display:none}
.fc.a{right:5%;top:-34px}.fc.b{left:-4%;bottom:10px}
@media(max-width:1180px){.hg{grid-template-columns:minmax(0,1fr) 190px}}
@media(max-width:900px){.hg{grid-template-columns:minmax(0,1fr);overflow:auto}.hg .oc{flex:none}}
/* inbox */
.stt{grid-template-columns:repeat(2,minmax(0,260px))}
.stt .cd{padding:12px 16px}.stt b{font-size:24px}.stt span{font-size:13px}
.th2,.tr{grid-template-columns:104px minmax(0,1fr) 150px 92px 100px;gap:14px}
.th2{height:38px;font-size:12px}
.tr{min-height:72px;padding-block:10px}
.tr .ch2{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:99px;font-size:13px;font-weight:700;background:#EEF1FA;color:#1E2A5E;white-space:nowrap}
.tr .qq b{font-size:15px}.tr .qq span{font-size:13px}.tr time{font-size:13px}
.tr .ab span{height:30px;font-size:13px;padding:0 12px}
.chip{height:26px;font-size:12.5px}
.ttl h4{font-size:22px}
.bt{height:34px;font-size:13.5px;padding:0 14px}
.sel{height:34px;font-size:13px}
@media(max-width:1000px){.th2,.tr{grid-template-columns:96px minmax(0,1fr) 140px}.th2>:nth-child(4),.th2>:nth-child(5),.tr time,.tr .ab{display:none}}
@media(max-width:700px){.th2,.tr{grid-template-columns:minmax(0,1fr)}.th2>*:not(:nth-child(2)){display:none}.tr .ch2{margin-bottom:4px}.tr{align-items:start}.tr .st2{margin-top:6px}.stt{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* s3 detail simplified */
.dg{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.dp{padding:24px}
.dp h3{font-size:24px}
.rp .tx{min-height:104px}
.rf2{display:flex;flex-direction:column;gap:10px}.rf2 div{display:flex;gap:12px;align-items:center;font-size:14px}.rf2 small{width:62px;color:#8A92A3;font-weight:600;font-size:12.5px;flex:none}.rf2 b{font-weight:700}
.ntc{display:flex;gap:10px;align-items:center;background:#FFF0D2;border-radius:10px;padding:11px 14px;font-size:14px;font-weight:600;color:#6B4400}
/* ===== fee ===== */
.s4{padding-block:clamp(72px,11svh,130px);background:linear-gradient(180deg,#fff 0%,#EEF2FF 100%);overflow:hidden}
.s4 .hl{max-width:900px}
.fee{margin-top:clamp(36px,6svh,60px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,2vw,24px)}
.ft1,.ft2{border-radius:28px;padding:clamp(28px,3.4vw,52px);min-height:clamp(260px,34svh,360px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.ft1{background:linear-gradient(150deg,#2A4FD6,#0F2A8F);color:#fff;box-shadow:0 40px 90px rgba(31,63,200,.35)}
.ft2{background:#fff;color:var(--ink);box-shadow:0 30px 80px rgba(14,17,22,.1)}
.fee small{font-size:17px;font-weight:600;opacity:.85}.fee strong{display:block;font-size:clamp(64px,9vw,148px);line-height:1;letter-spacing:-.06em;font-weight:700}
.fee strong em{font-style:normal;font-size:.36em;letter-spacing:-.04em;margin-left:.15em}
.fee p{font-size:17px;opacity:.85}
.tr14{margin-top:clamp(14px,2vw,24px);display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap;background:var(--night);color:#fff;border-radius:28px;padding:clamp(24px,3vw,40px) clamp(24px,3.4vw,52px)}
.tr14 b{font-size:clamp(24px,2.6vw,38px);letter-spacing:-.05em}.tr14 span{display:block;color:#AEBBDA;font-size:16px;margin-top:4px}
@media(max-width:820px){.fee{grid-template-columns:minmax(0,1fr)}.ft1,.ft2{min-height:220px}.tr14 .btn{width:100%}}
/* ===== partners teaser ===== */
.s5{background:radial-gradient(900px 500px at 15% 0%,rgba(61,107,255,.28),transparent 65%),var(--night);color:#fff;padding-block:clamp(72px,11svh,130px)}
.s5 .hl p{color:#AEBBDA}
.bn{margin-top:clamp(36px,6svh,60px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.pt{border-radius:26px;padding:clamp(22px,2.4vw,34px);position:relative;overflow:hidden;min-height:clamp(320px,42svh,380px);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.pt:hover{transform:translateY(-4px)}
.pt .k{font-size:14px;font-weight:600;opacity:.75;margin-bottom:6px}.pt h3{font-size:clamp(24px,2.3vw,34px);letter-spacing:-.05em;line-height:1.2}.pt p{margin-top:8px;font-size:16px;opacity:.82;max-width:22em}
.pt .go{margin-top:18px;display:inline-flex;gap:8px;align-items:center;font-weight:700;font-size:15px}
.pt .art{position:absolute;inset:0 0 48% 0;pointer-events:none;overflow:hidden}
.p1{grid-column:span 7;background:linear-gradient(140deg,#1B3FD0,#0C1F70)}.p2{grid-column:span 5;background:#121A36}
.p3{grid-column:span 5;background:#EAF0FF;color:var(--ink)}.p3 .k,.p3 p{opacity:.7}.p4{grid-column:span 7;background:linear-gradient(140deg,#0E2A6B,#070B19);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
@media(max-width:900px){.p1,.p2,.p3,.p4{grid-column:span 12}.pt{min-height:240px}}
.bl{position:absolute;border-radius:18px 18px 18px 4px;background:rgba(255,255,255,.14)}.bl.r{border-radius:18px 18px 4px 18px;background:rgba(255,255,255,.28)}
.bx{position:absolute;border-radius:6px;background:rgba(255,255,255,.1)}.bx.on{background:var(--blue);box-shadow:0 0 30px rgba(61,107,255,.7)}
/* ===== final ===== */
.s6{padding-block:clamp(72px,11svh,130px);background:radial-gradient(900px 500px at 80% 0%,rgba(61,107,255,.22),transparent 60%),#E9EFFF}
.s6 .g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.s6 h2{font-size:clamp(36px,4.4vw,64px);line-height:1.1;letter-spacing:-.058em}
.s6 .btn{margin-top:30px;height:64px;padding:0 34px;font-size:19px}
.s6 .hlp{display:flex;flex-direction:column;gap:10px}
.s6 .hlp h4{font-size:15px;color:var(--t2);font-weight:600;margin-bottom:4px}
.s6 .hlp a{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:18px 22px;font-weight:700;font-size:17px;box-shadow:0 10px 30px rgba(31,63,200,.08);transition:transform .25s,box-shadow .25s}
.s6 .hlp a:hover{transform:translateX(4px);box-shadow:0 14px 36px rgba(31,63,200,.16)}.s6 .hlp a small{display:block;font-weight:500;color:var(--t2);font-size:14px}
@media(max-width:820px){.s6 .g{grid-template-columns:minmax(0,1fr)}.s6 .btn{width:100%}}
/* footer */
.sft{background:#fff;padding-block:40px 48px;font-size:14px;color:var(--t2)}.sft .wrap{display:flex;gap:24px 40px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.sft img{height:24px;margin-bottom:10px}.sft nav{display:flex;gap:22px;flex-wrap:wrap;font-weight:600;color:var(--ink)}
/* ===== partners page ===== */
.ph1{background:radial-gradient(800px 420px at 80% 20%,rgba(61,107,255,.4),transparent 62%),var(--night);color:#fff;padding-block:clamp(56px,10svh,110px) 0}
.ph1 h1{font-size:clamp(40px,5.2vw,78px);line-height:1.08;letter-spacing:-.058em}.ph1 p{margin-top:16px;font-size:clamp(17px,1.5vw,21px);color:#B9C3DD}
.chs{margin-top:clamp(30px,5svh,56px);display:flex;gap:8px;flex-wrap:wrap}
.chs a{padding:13px 22px;border-radius:12px 12px 0 0;font-weight:700;color:#B9C3DD;background:rgba(255,255,255,.06);transition:.2s}.chs a:hover{color:#fff;background:rgba(255,255,255,.12)}.chs a.on{background:#fff;color:var(--ink)}
.psv{padding-block:clamp(64px,10svh,120px);position:relative;overflow:hidden}
.psv .lab{font-size:15px;font-weight:700;color:var(--blue2);margin-bottom:10px}.psv .nm{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;padding:5px 12px;border-radius:99px;background:rgba(14,17,22,.07)}
.psv h2{font-size:clamp(32px,3.8vw,56px);line-height:1.13;letter-spacing:-.055em}.psv p.d{margin-top:16px;font-size:clamp(17px,1.4vw,20px);color:var(--t2);max-width:26em}
.psv .nt{margin-top:26px;display:inline-flex;gap:10px;align-items:center;font-weight:700;font-size:17px;background:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 10px 30px rgba(14,17,22,.08)}
.psv .btn{margin-top:28px}
.cs1{background:#fff}.cs1 .g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:center}
.csv{position:relative;height:clamp(320px,44svh,440px);border-radius:32px;background:linear-gradient(160deg,#DCE6FF,#BFD0FF);overflow:hidden}
.csv .bl{background:#fff;box-shadow:0 20px 50px rgba(31,63,200,.18)}.csv .bl.r{background:var(--blue);box-shadow:0 20px 50px rgba(31,63,200,.3)}
.csv i{position:absolute;display:block;height:9px;border-radius:5px;background:#C8D4F5}.csv .r i{background:rgba(255,255,255,.6)}
.ff1{background:var(--night);color:#fff}.ff1 .g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.ff1 .lab{color:#8FA8FF}.ff1 p.d{color:#AEBBDA}.ff1 .nm{background:rgba(255,255,255,.12)}
.ffv{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;perspective:1000px;transform:rotateX(18deg) rotateZ(-8deg);transform-origin:50% 60%}
.ffv span{aspect-ratio:1.1;border-radius:10px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.ffv span.on{background:var(--blue);box-shadow:0 0 40px rgba(61,107,255,.8)}.ffv span.m{background:rgba(61,107,255,.35)}
.wm1{background:#EEF2FF;text-align:center}.wm1 .d{margin-inline:auto}
.wwin{margin:clamp(30px,5svh,56px) auto 0;max-width:1000px;background:#fff;border-radius:22px;box-shadow:0 50px 100px rgba(31,63,200,.2);overflow:hidden;text-align:left}
.wwin .bar{display:flex;gap:7px;padding:14px 18px;background:#F4F6FC}.wwin .bar i{width:11px;height:11px;border-radius:50%;background:#D5DBEC}
.wwin .bd{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:300px}.wwin .sd{padding:18px;display:flex;flex-direction:column;gap:12px;background:#FAFBFF}.wwin .sd i,.wwin .ct i{display:block;height:12px;border-radius:6px;background:#E3E8F6}.wwin .sd i.on{background:var(--blue);width:70%}
.wwin .ct{padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:start}.wwin .cc{height:84px;border-radius:14px;background:#F1F4FC;padding:14px}.wwin .cc i{height:10px;width:50%;margin-bottom:10px}.wwin .cc b{display:block;height:22px;width:70%;border-radius:6px;background:#CFD9F5}
.wwin .tb2{grid-column:1/4;display:flex;flex-direction:column;gap:10px;margin-top:6px}.wwin .tb2 i{height:14px}
@media(max-width:700px){.wwin .bd{grid-template-columns:minmax(0,1fr)}.wwin .sd{display:none}.wwin .ct{grid-template-columns:repeat(2,1fr)}}
.dv1{background:linear-gradient(160deg,#1A3FD0 0%,#0F2A8F 60%,#0A1B63 100%);color:#fff}.dv1 .g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:center}
.dv1 .lab{color:#B7C8FF}.dv1 p.d{color:#C6D3FF}.dv1 .nm{background:rgba(255,255,255,.16)}
.car{display:grid;grid-template-columns:1fr 1fr;gap:14px}.car div{background:#fff;color:var(--ink);border-radius:20px;padding:28px 22px;font-weight:700;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.04em;box-shadow:0 24px 60px rgba(2,8,40,.3);display:flex;flex-direction:column;gap:18px;min-height:130px;justify-content:space-between}
.car div:nth-child(even){transform:translateY(22px)}.car small{font-size:13px;color:var(--t2);font-weight:600}
.car svg{width:100%;height:20px}
@media(max-width:900px){.cs1 .g,.ff1 .g,.dv1 .g{grid-template-columns:minmax(0,1fr)}.ffv{transform:none}.car div:nth-child(even){transform:none}}
/* tel panel */
.tel{position:fixed;inset:0;z-index:100;background:rgba(7,11,25,.6);display:none;align-items:center;justify-content:center;padding:24px}.tel.on{display:flex}
.tp2{background:#fff;color:var(--ink);border-radius:24px;padding:32px;width:min(440px,100%);box-shadow:0 60px 120px rgba(0,0,0,.5);position:relative}
.tp2 small{font-weight:700;color:var(--blue2);font-size:15px}.tp2 .num{display:block;font-size:clamp(34px,6vw,44px);font-weight:700;letter-spacing:-.04em;margin:12px 0 4px;font-variant-numeric:tabular-nums}.tp2 p{color:var(--t2);font-size:15px}
.tp2 .ac2{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.tp2 .ac2 .btn{flex:1;height:52px;padding:0 20px}.tp2 .x{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:10px;font-size:22px;color:var(--t2)}
.tp2 .ac2 button.btn{background:#EEF1FA;color:var(--ink)}
/* ===== help ===== */
.hh{background:radial-gradient(900px 480px at 85% 0%,rgba(61,107,255,.3),transparent 62%),linear-gradient(180deg,#E3EBFF,#F4F7FF);padding-block:clamp(56px,10svh,110px) clamp(40px,7svh,72px);text-align:center}
.hh h1{font-size:clamp(36px,4.6vw,66px);line-height:1.1;letter-spacing:-.058em}
.srch{position:relative;max-width:720px;margin:clamp(24px,4svh,40px) auto 0;text-align:left}
.srch .ico{position:absolute;left:22px;top:21px}.srch input{width:100%;height:68px;border:0;border-radius:18px;padding:0 24px 0 62px;font:inherit;font-size:18px;box-shadow:0 20px 60px rgba(31,63,200,.18);background:#fff;color:var(--ink);outline:none}.srch input:focus{box-shadow:0 0 0 3px var(--blue),0 20px 60px rgba(31,63,200,.18)}
.pop{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}.pop button{padding:9px 16px;border-radius:99px;background:#fff;font-weight:600;font-size:15px;color:var(--t2);box-shadow:0 4px 14px rgba(31,63,200,.08);transition:.2s}.pop button:hover{color:var(--ink);transform:translateY(-1px)}
#sres{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(14,17,22,.2);padding:8px;z-index:20;max-height:420px;overflow:auto}#sres.on{display:block}
#sres a{display:block;padding:14px 16px;border-radius:12px}#sres a:hover{background:#EEF3FF}#sres a b{display:block;font-size:16px}#sres a small{color:var(--t2);font-size:14px}#sres .no{padding:18px;color:var(--t2)}
.hsec{padding-top:clamp(48px,8svh,88px)}.hsec h2{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.05em;margin-bottom:22px}
.sg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sg a{background:#fff;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 28px rgba(31,63,200,.08);transition:transform .25s,box-shadow .25s}.sg a:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(31,63,200,.16)}
.sg .n{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:8px}.sg b{font-size:17px;letter-spacing:-.035em}.sg small{color:var(--t2);font-size:14px}
.hbg{background:#F4F7FF;padding-bottom:clamp(60px,10svh,110px)}
.br2{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
#cl{display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:18px;padding:10px;box-shadow:0 8px 28px rgba(31,63,200,.08);position:sticky;top:84px}
#cl button{display:flex;justify-content:space-between;gap:10px;padding:13px 14px;border-radius:12px;font-weight:600;font-size:16px;color:var(--t2);text-align:left;transition:.2s}#cl button:hover{background:#F4F7FF;color:var(--ink)}#cl button.on{background:var(--ink);color:#fff}#cl em{font-style:normal;opacity:.6;font-size:14px}
#dl{background:#fff;border-radius:18px;padding:12px;box-shadow:0 8px 28px rgba(31,63,200,.08)}
#dl h3{font-size:22px;letter-spacing:-.045em;padding:16px 16px 10px}#dl h3 small{display:block;font-size:15px;font-weight:500;color:var(--t2);margin-top:3px;letter-spacing:-.02em}
#dl a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:16px;border-radius:12px;align-items:center;transition:background .2s}#dl a:hover{background:#F4F7FF}#dl a b{font-size:17px}#dl a small{grid-column:1;color:var(--t2);font-size:15px}#dl .go{grid-row:1/3;grid-column:2;color:var(--blue2)}
#dl.sw{animation:up .4s both}
.fqw{max-width:860px}.fq{border-radius:16px;background:#fff;margin-bottom:8px;box-shadow:0 6px 20px rgba(31,63,200,.06)}.fq>button{display:flex;justify-content:space-between;gap:16px;align-items:center;width:100%;padding:20px 22px;font-weight:700;font-size:17px;letter-spacing:-.03em}.fq>button svg{flex:none;transition:transform .3s}.fq.on>button svg{transform:rotate(45deg)}
.fq .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}.fq.on .a{grid-template-rows:1fr}.fq .a>div{overflow:hidden}.fq .a p{padding:0 22px 22px;color:var(--t2);font-size:16px}.fq .a a{color:var(--blue2);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.sg{grid-template-columns:repeat(2,minmax(0,1fr))}.br2{grid-template-columns:minmax(0,1fr)}#cl{position:static;flex-direction:row;overflow-x:auto}#cl button{white-space:nowrap}}
.doc{background:#F4F7FF;padding-block:clamp(32px,6svh,64px) clamp(60px,10svh,110px);min-height:70svh}
.doc .gd{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}
.sn{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px}.sn h6{font-size:13px;color:var(--t3);font-weight:700;padding:0 12px 8px}.sn a{padding:10px 12px;border-radius:10px;font-weight:600;color:var(--t2);font-size:15px}.sn a:hover{background:#fff;color:var(--ink)}.sn a.on{background:var(--ink);color:#fff}.sn a.all{margin-top:10px;color:var(--blue2)}
#dar{background:#fff;border-radius:24px;padding:clamp(24px,4vw,56px);box-shadow:0 20px 60px rgba(31,63,200,.1);min-width:0}
.bcr{display:flex;gap:8px;font-size:14px;color:var(--t3);font-weight:600;margin-bottom:14px}.bcr a:hover{color:var(--ink)}
#dar h1{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.055em;line-height:1.15}.lead{margin-top:12px;font-size:19px;color:var(--t2)}
.pth{margin-top:22px;display:inline-flex;gap:12px;align-items:center;background:#EEF3FF;border-radius:12px;padding:12px 16px;font-weight:700}.pth span{color:var(--blue2);font-size:13px}
.stl{list-style:none;counter-reset:s;margin-top:28px;display:flex;flex-direction:column;gap:12px}.stl li{counter-increment:s;display:flex;gap:16px;align-items:flex-start;font-size:17px;line-height:1.6}.stl li::before{content:counter(s);flex:none;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;margin-top:1px}
.stl kbd{font:inherit;font-weight:700;background:#EEF3FF;border-radius:6px;padding:1px 8px;color:var(--blue2)}
.dt2{margin-top:24px;width:100%;border-collapse:collapse;font-size:16px}.dt2 td{padding:14px 16px;vertical-align:top;border-top:1px solid #EEF0F5}.dt2 td:first-child{font-weight:700;width:30%;background:#FAFBFF}
.sub3{margin-top:30px;font-size:19px}
.nt2{margin-top:24px;background:#FFF7E0;border-radius:12px;padding:14px 18px;font-size:16px}
.rel{margin-top:40px}.rel h3{font-size:17px;margin-bottom:10px}.rel a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;background:#F4F7FF;margin-bottom:8px;font-weight:600}.rel a:hover{background:#E6EDFF}
.hp{margin-top:34px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--t2);font-weight:600}.hp button{padding:9px 16px;border-radius:99px;background:#EEF1FA;font-weight:700;color:var(--ink)}
@media(max-width:900px){.doc .gd{grid-template-columns:minmax(0,1fr)}.sn{position:static;flex-direction:row;overflow-x:auto}.sn h6{display:none}.sn a{white-space:nowrap}}
html.js [data-r]{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}html.js [data-r].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.js [data-r]{opacity:1;transform:none}}
@media(max-width:900px){.s3 .g{grid-template-columns:minmax(0,1fr)}.s3 .l,.sc3{min-width:0}.seg{display:flex;width:100%}.seg button{flex:1;padding:10px 6px;font-size:15px;white-space:nowrap}.dh .st{margin-left:0}.dp h3{font-size:20px}}
@media(max-width:900px){.dg{grid-template-columns:minmax(0,1fr)}.dp{padding:16px}}
.tx[data-ph="1"]:empty::before{content:"답변을 입력해 주세요.";color:#9AA1AF}
/* ======== v-g2: detail restore ======== */
@keyframes pls{50%{opacity:.55}}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(18,128,92,.45)}100%{box-shadow:0 0 0 10px rgba(18,128,92,0)}}
@keyframes pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
/* hero */
.hero .win{height:clamp(630px,72svh,660px)}
.hg{grid-template-columns:minmax(0,1fr) 252px;gap:12px;padding-bottom:14px}
.hg .cb{overflow:hidden;gap:12px;padding:16px 18px}
.hg .bb{font-size:14px;padding:10px 14px;line-height:1.5}
.hr{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}
.hr .cd{padding:13px 14px;display:flex;flex-direction:column;gap:9px;min-height:0;border-radius:12px}
.hr .cd h5{font-size:13px;margin:0}
.hr .oc .it{margin:0}
.hr .tl li{padding-bottom:8px}
.smt{font-size:12.5px;line-height:1.5;color:#3B4252}
.ai2 .aist{list-style:none;display:flex;flex-direction:column;gap:9px}
.aist li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12.5px;opacity:0;animation:up .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}
.aist i{width:18px;height:18px;border-radius:50%;background:#12805C;display:grid;place-items:center;animation:pop .35s both;animation-delay:calc(var(--d,0s) + .9s)}
.aist b{font-weight:700;color:#1B1F27}.aist small{font-size:11.5px;color:#8A92A3;font-weight:600;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf{padding-top:0}
/* inbox */
.stt{grid-template-columns:repeat(4,minmax(0,1fr))}
.stt .cd{padding:10px 14px}.stt b{font-size:22px}
.th2,.tr{grid-template-columns:96px minmax(0,1fr) 206px 70px 92px 138px;gap:12px}
.tr{min-height:66px}
.tr .ty{flex-direction:row;flex-wrap:wrap;gap:5px}
.tr .pr{flex-direction:column}
.tr .qq b{font-size:14.5px}
.tr.nw{animation:nw 1s ease both}
.stage .ad{height:clamp(660px,86svh,820px)}
.stage .tw{flex:1}
.tw>div{scrollbar-width:thin}
.mdl{position:absolute;inset:0;background:rgba(14,17,22,.45);display:flex;align-items:center;justify-content:center;z-index:5;padding:16px;animation:fi .25s both}
@keyframes fi{from{opacity:0}}
.mdc{background:#fff;border-radius:16px;width:min(580px,100%);max-height:100%;overflow:auto;padding:22px 24px;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.35);animation:up .35s both}
.mdc .x{position:absolute;right:12px;top:8px;width:36px;height:36px;font-size:26px;color:#8A92A3;border-radius:8px}.mdc .x:hover{background:#F4F5F8}
.mdc h4{font-size:19px;letter-spacing:-.04em}.mdc .md{font-size:12.5px;color:#6B7280;margin:2px 0 14px}
.mr{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mr label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6B7280;font-weight:600}.mr .sel{width:100%}
.mk{margin:12px 0}.mk label{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600;color:#2B303B}
.mb2{display:flex;flex-wrap:wrap;gap:8px}
.bt.og{background:#fff;color:#12805C;box-shadow:inset 0 0 0 1px #12805C}
.mh2{margin:18px 0 6px;font-size:13px;font-weight:700}
.mt>div{display:grid;grid-template-columns:50px 70px repeat(4,minmax(0,1fr));gap:8px;padding:7px 0;font-size:12.5px;box-shadow:0 1px 0 var(--ln)}
.mt .mt1{color:#8A92A3;font-weight:600}.mt .gr{color:#12805C;font-weight:700}
/* s3 */
.tx{white-space:pre-wrap}
.tws .ty2:empty::after{content:"···";color:#8A92A3;letter-spacing:.2em;animation:pls 1s infinite}
.dp{min-height:660px}
.dp.an [data-a]{opacity:0;animation:up .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}
.rp.rdy #sd{animation:ring 1.6s ease-out infinite}
.aip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.aip span{padding:5px 11px;border-radius:99px;background:#EEF0F5;color:#8A92A3;font-size:12.5px;font-weight:700;transition:background .4s,color .4s}
.aip span.on{background:#1E2A5E;color:#fff}
.aip span.cur{background:#E6EEFF;color:#1F4FC4;animation:pls 1.1s infinite}
.s3 .l .facts{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
.facts li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;font-size:15px;line-height:1.5;color:#C6D3FF}.facts b{color:#fff;font-weight:700}
.s3 .l .tip{margin-top:20px;font-size:14px;color:#9FB2F5}
/* s2 points */
.pts{max-width:1040px;margin:clamp(28px,4svh,44px) auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);text-align:left}
.pts div{padding:22px 24px;border-radius:20px;background:#EEF3FF}
.pts b{display:block;font-size:19px;letter-spacing:-.045em;color:#1F3FB8}.pts span{display:block;margin-top:6px;font-size:15.5px;line-height:1.55;color:var(--t2)}
.stage .hintc{position:absolute;left:50%;transform:translateX(-50%);top:clamp(6px,1.4vw,18px);font-size:13.5px;font-weight:700;color:#2F5BD6;background:#fff;border-radius:99px;padding:6px 14px;box-shadow:0 6px 20px rgba(31,63,200,.14);z-index:2;white-space:nowrap}
/* s5 tiles */
.pt .ds{display:block;margin-top:8px;font-size:14px;line-height:1.5;opacity:.82}
/* partners */
.pflow{margin-top:clamp(28px,4svh,44px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pflow a{position:relative;display:block;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:background .2s,transform .2s}
.pflow a:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}
.pflow a:not(:last-child)::after{content:"";position:absolute;right:-13px;top:50%;width:14px;height:2px;background:rgba(255,255,255,.35)}
.pflow small{display:block;font-size:13px;font-weight:700;color:#8FA8FF}.pflow b{display:block;margin-top:4px;font-size:19px;letter-spacing:-.04em}.pflow span{display:block;margin-top:2px;font-size:14px;color:#B9C3DD}
.pnote{margin-top:14px;font-size:14px;color:#8E9AB8}
.inf{margin-top:clamp(40px,6svh,68px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:left}
.inf .ic{padding:24px 26px;border-radius:22px;background:#F4F7FF;color:var(--ink)}
.inf h4{font-size:16px;letter-spacing:-.03em;margin-bottom:14px;color:var(--blue2)}
.inf ul,.inf ol{list-style:none;display:flex;flex-direction:column;gap:11px;counter-reset:n}
.inf li{position:relative;padding-left:28px;font-size:15.5px;line-height:1.5;letter-spacing:-.025em}
.inf ul li::before{content:"";position:absolute;left:2px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--blue)}
.inf ol li{counter-increment:n}.inf ol li::before{content:counter(n);position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.inf dl{display:grid;grid-template-columns:78px minmax(0,1fr);gap:11px 12px;font-size:15.5px;line-height:1.5}.inf dt{color:#6B7280;font-weight:600}.inf dd{font-weight:700}
.cs1 .inf .ic,.wm1 .inf .ic{background:#fff;box-shadow:0 12px 36px rgba(31,63,200,.1)}.cs1 .inf .ic{background:#F4F7FF;box-shadow:none}
.ff1 .inf .ic,.dv1 .inf .ic{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff}
.ff1 .inf h4{color:#8FA8FF}.dv1 .inf h4{color:#B7C8FF}.ff1 .inf dt,.dv1 .inf dt{color:#AEBBDA}
.ff1 .inf ol li::before,.dv1 .inf ol li::before{background:#fff;color:var(--ink)}.ff1 .inf ul li::before,.dv1 .inf ul li::before{background:#8FA8FF}
.pend{background:#fff;text-align:center;padding-block:clamp(56px,9svh,96px)}.pend h2{font-size:clamp(28px,3.2vw,46px);letter-spacing:-.055em;line-height:1.15}.pend p{margin:14px auto 28px;color:var(--t2);font-size:17px;max-width:30em}
@media(max-width:1180px){.hg{grid-template-columns:minmax(0,1fr) 220px}.th2,.tr{grid-template-columns:96px minmax(0,1fr) 160px 80px 90px 132px;gap:10px}}
@media(max-width:1000px){.th2,.tr{grid-template-columns:96px minmax(0,1fr) 156px;gap:12px}.th2>:nth-child(n+4),.tr time,.tr .pr,.tr .ab{display:none}.stt{grid-template-columns:repeat(2,minmax(0,1fr))}.pflow{grid-template-columns:repeat(2,minmax(0,1fr))}.pflow a::after{display:none}.inf{grid-template-columns:minmax(0,1fr)}.pts{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.hg{grid-template-columns:minmax(0,1fr);overflow:auto}.hr{flex:none}.dp{min-height:0}.mr{grid-template-columns:1fr}.stage .hintc{display:none}}
@media(max-width:700px){.th2,.tr{grid-template-columns:minmax(0,1fr)}.th2>*:not(:nth-child(2)){display:none}.tr .ty{margin-top:4px}.stage .ad{height:auto;min-height:680px}.stt .cd{padding:9px 12px}.mt>div{grid-template-columns:40px 56px repeat(4,minmax(0,1fr));font-size:11.5px}.facts li{grid-template-columns:78px minmax(0,1fr)}.pflow{grid-template-columns:minmax(0,1fr)}}
.rp .rh{gap:6px}.rp .rh .bt{height:30px;padding:0 11px;font-size:12.5px}.rp .rh h5{min-width:5em}
@media(max-width:1400px){.hero .win{height:700px}.hg .cb{gap:10px;padding:14px 16px}.hg .bb{font-size:13.5px;padding:9px 13px}}
@media(max-width:900px){.hero .win{height:auto}.win .ad,.win .mn,.win .pg,.hg,.hg .cv,.hg .cb{overflow:visible;min-height:0}.hg{flex:none}.hg .cv{flex:none}.win .pg{flex:none}}
.rp{box-shadow:0 1px 2px rgba(20,24,40,.07);border-radius:14px}
.csv svg{position:absolute;inset:0;width:100%;height:100%}
.csv .bw1{animation:fl 6s ease-in-out infinite}.csv .bw2{animation:fl 6s ease-in-out -2s infinite}.csv .bw3{animation:fl 5s ease-in-out -1s infinite}
.stats{margin-top:clamp(40px,6svh,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;text-align:left}
.stats div{padding:24px 26px;border-radius:22px;display:flex;flex-direction:column;gap:2px}
.stats strong{font-size:clamp(36px,3.8vw,56px);line-height:1.05;letter-spacing:-.05em}
.stats b{font-size:17px;margin-top:6px}.stats span{font-size:14px;opacity:.7}
.src{margin-top:10px;font-size:13px;opacity:.6;text-align:left}
.ff1 .stats div{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.ff1 .stats strong{color:#8FA8FF}
.wm1 .stats div{background:#fff;box-shadow:0 12px 36px rgba(31,63,200,.1)}.wm1 .stats strong{color:var(--blue2)}
.stats+.src+.inf{margin-top:14px}
.cwall{margin-top:14px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;text-align:left}
.cwall>div{background:#fff;border-radius:22px;padding:24px 26px;box-shadow:0 12px 36px rgba(31,63,200,.1)}
.cwall h4{font-size:16px;color:var(--blue2);margin-bottom:14px;letter-spacing:-.03em}.cwall p{display:flex;flex-wrap:wrap;gap:8px}
.cwall span{padding:7px 13px;border-radius:99px;background:#EEF3FF;font-size:14.5px;font-weight:600;color:#1E2A5E}
@media(max-width:900px){.cwall{grid-template-columns:minmax(0,1fr)}}
.wwin .sd em{font-style:normal;font-size:13.5px;font-weight:600;color:#6B7280;padding:8px 10px;border-radius:8px}.wwin .sd em.on{background:var(--blue);color:#fff}
.wwin .cc small{display:block;font-size:12.5px;font-weight:600;color:#8A92A3;margin-bottom:12px}
.wd{max-width:1040px}
.wd .wtop{display:flex;align-items:center;gap:16px;padding:12px 18px;background:#fff;box-shadow:0 1px 0 #E6E9F2;font-size:13px;color:#6B7280}
.wd .wtop b{font-size:17px;font-weight:800;letter-spacing:-.03em;color:#5B3FD6;margin-right:6px}
.wd .ws{flex:0 1 220px;padding:7px 12px;border-radius:8px;background:#F3F5FA;color:#9AA1B2}
.wd .wt{color:#3D6BFF;font-weight:600}.wd .wr{margin-left:auto;font-weight:600;color:#2B303B}
.wd .wbd{display:grid;grid-template-columns:96px minmax(0,1fr);background:#F4F6FB}
.wd .wrail{display:flex;flex-direction:column;background:#fff;box-shadow:1px 0 0 #E6E9F2}
.wd .wrail em{font-style:normal;font-size:12.5px;color:#6B7280;text-align:center;padding:16px 4px;box-shadow:0 1px 0 #EEF0F6}
.wd .wrail em.on{color:#3D6BFF;font-weight:700;background:#F2F5FF}
.wd .wmn{padding:18px 20px}.wd .wmn h5{font-size:17px;font-weight:700;letter-spacing:-.03em;margin-bottom:14px}
.wd .wg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wd .wc{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px rgba(20,24,40,.06)}
.wd .wc h5{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 10px}.wd .wc h5 i{width:22px;height:22px;border-radius:7px}
.wd .wc p{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:5px 0}
.wd .wc p b{font-size:21px;font-weight:500;color:#3D6BFF;letter-spacing:-.02em}.wd .wc p span{font-size:12px;color:#6B7280}
@media(max-width:900px){.wd .wg{grid-template-columns:repeat(2,minmax(0,1fr))}.wd .wbd{grid-template-columns:minmax(0,1fr)}.wd .wrail{display:none}.wd .ws,.wd .wt{display:none}}
.telw{position:relative;display:inline-block;margin-top:4px}
.tel2{position:absolute;left:0;top:calc(100% + 12px);z-index:6;width:min(320px,86vw);background:#fff;color:var(--ink);border-radius:18px;padding:18px 20px 20px;box-shadow:0 18px 44px rgba(3,10,60,.28);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .28s ease,transform .28s ease,visibility 0s .28s}
.tel2.on{opacity:1;visibility:visible;transform:none;transition:opacity .28s ease,transform .28s ease}
.tel2::before{content:"";position:absolute;left:34px;top:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-radius:2px}
.tel2 small{font-size:13px;font-weight:700;color:var(--blue2)}
.tel2 .num{display:block;margin:6px 0 14px;font-size:28px;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.tel2 .ac2{display:flex;gap:8px}.tel2 .ac2 .btn{flex:1;height:44px;padding:0 12px;font-size:15px}.tel2 .ac2 button.btn{background:#EEF1FA;color:var(--ink)}
.tel2 .ac2{margin-top:0}
.stl li{flex-wrap:wrap}.stl li>span{flex:1;min-width:0}
.stl .fgw{flex:0 0 100%;margin:6px 0 10px 46px;display:flex;flex-direction:column;gap:12px;min-width:0}
.qfr{max-width:600px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #E1E5EF,0 10px 30px rgba(31,63,200,.08);overflow:hidden;font-size:12px;line-height:1.4;color:#1B1F27}
.qfr .qfb{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#F2F4FA}.qfr .qfb i{width:8px;height:8px;border-radius:50%;background:#D3D9E8}.qfr .qfb span{margin-left:8px;flex:1;padding:3px 10px;border-radius:99px;background:#fff;color:#8A92A3;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qfr .qfc{background:#F7F8FC}
.qfr .qhl{box-shadow:0 0 0 2px #fff,0 0 0 4px #E5322D!important;border-radius:6px}
.qfr .qlg{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#C8115A;color:#fff;font-style:normal;font-size:9px;font-weight:700;letter-spacing:-.03em}
.qfr .qfa{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:230px}
.qfr .qfs{background:#1E2A44;color:#C9D2EA;padding:12px;display:flex;flex-direction:column;gap:4px}.qfr .qfs b{color:#fff;margin-bottom:8px;font-size:12.5px}.qfr .qfs em{font-style:normal;padding:6px 8px;border-radius:6px}.qfr .qfs em.qon{background:#3D6BFF;color:#fff}.qfr .qfs u{text-decoration:none;display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:99px;background:#fff;color:#3D6BFF;font-size:10px;font-weight:700;margin-left:4px}
.qfr .qfm{padding:14px 16px}.qfr .qfm h6{font-size:14px;margin-bottom:10px}
.qfr .qft2{display:flex;gap:14px;margin-bottom:12px;color:#8A92A3}.qfr .qft2 u{text-decoration:none}.qfr .qft2 u.qon{color:#3D6BFF;font-weight:700;box-shadow:inset 0 -2px #3D6BFF;padding-bottom:5px}
.qfr .qfg2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qfr .qap{background:#fff;border-radius:8px;padding:12px;box-shadow:0 0 0 1px #E6E9F2;display:grid;grid-template-columns:34px 1fr;gap:4px 10px;align-items:center}.qfr .qap b{font-size:12.5px}.qfr .qap .qb{grid-column:1/3;justify-self:end;padding:4px 10px;border-radius:5px;box-shadow:inset 0 0 0 1px #C9CEDC;margin-top:6px}
.qfr .qg1,.qfr .qg2{width:34px;height:34px;border-radius:9px;background:#D9E2FF}.qfr .qg2{background:#FFE3C4}
.qfr .qcn{padding:18px 22px 22px;text-align:center;background:linear-gradient(#F3F0FF,#F7F8FC)}.qfr .qcn h6{font-size:15px;margin:8px 0 12px}
.qfr .qch{display:flex;justify-content:center;align-items:center;gap:10px;color:#8A92A3}.qfr .qlk{width:30px;height:30px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #E1E5EF}.qfr .qlk.qet{background:#5B3FD6}
.qfr .qsp3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.qfr .qsp3 span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600}.qfr .qsp3 b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#E6E0FF;color:#5B3FD6;font-size:10px}
.qfr .qtg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.qfr .qtg span{padding:9px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #E1E5EF;font-weight:700}.qfr .qtg span.qon{background:#EFEBFF;box-shadow:0 0 0 1px #5B3FD6;color:#3B2AA8}
.qfr .qip{text-align:left}.qfr .qip small{display:block;font-weight:700;margin-bottom:5px;font-size:11px}.qfr .qir{display:flex;gap:8px}.qfr .qin{flex:1;padding:8px 10px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px #D7DCEA;text-align:left}.qfr .qin em{font-style:normal;color:#A3AABB}
.qfr .qbt{display:inline-block;padding:8px 14px;border-radius:7px;background:#12141B;color:#fff;font-weight:700}.qfr .qbt.qfull{display:block;text-align:center;background:#C8115A;margin-top:12px}.qfr .qbt.qbl{background:#2563EB}.qfr .qbt.qrd2{background:#FDECEC;color:#C02727}.qfr .qbt.qdk{margin-top:6px}
.qfr .qnb{background:#EAF2FF;border-radius:8px;padding:10px 12px;text-align:left;margin-bottom:8px}.qfr .qnb b{display:block;font-size:12px}.qfr .qnb small{color:#46506A}.qfr .qnb ol{margin:6px 0 6px 16px;color:#46506A;line-height:1.6}
.qfr .qlgn{padding:18px 22px 22px;max-width:330px;margin:0 auto;text-align:left;background:#fff}.qfr .qlgn h6{font-size:15px;text-align:center}.qfr .qlgn>small{display:block;text-align:center;color:#8A92A3;margin:2px 0 10px}.qfr .qfl{margin-bottom:8px}.qfr .qfl small{display:block;font-weight:700;margin-bottom:3px}
.qfr .qrq{background:#fff;border-radius:10px;padding:14px;box-shadow:0 0 0 1px #E6E9F2}.qfr .qrt{display:flex;align-items:center;gap:8px;margin-bottom:10px}.qfr .qchip{padding:2px 8px;border-radius:99px;background:#FFF1C9;color:#8A5A00;font-weight:700;font-size:10.5px}
.qfr .qrd{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.qfr .qrd small{display:block;color:#8A92A3}.qfr .qra{display:flex;gap:8px}
@media(max-width:600px){.stl .fgw{margin-left:0}.qfr .qfa{grid-template-columns:90px minmax(0,1fr)}}
.qin{display:block}.qfr .qir .qin{display:block}
.qfr .qol{display:flex;flex-direction:column;gap:2px;margin:6px 0;color:#46506A}
.qfr .qfs em{display:block}
.qfr .qfa{grid-template-columns:112px minmax(0,1fr)}
.qfr .qfm{display:flex;flex-direction:column;gap:9px}.qfr .qfm h6{margin-bottom:0}
.qfr .qtp{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.qfr .qtw{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:10px;padding:12px;box-shadow:0 0 0 1px #E6E9F2}
.qfr .qsb{font-size:12px}.qfr .qmu{color:#8A92A3;font-size:11px}
.qfr .qrw{display:flex;align-items:center;gap:10px;background:#fff;border-radius:9px;padding:10px 12px;box-shadow:0 0 0 1px #E6E9F2}.qfr .qrw b{flex:none;font-size:12px}.qfr .qrw span:not(.qchip):not(.qsw):not(.qseg):not(.qbt){flex:1;min-width:0;color:#5B6478}
.qfr .qchip{flex:none;padding:2px 8px;border-radius:99px;background:#E4F6EA;color:#17803D;font-weight:700;font-size:10.5px}
.qfr .qbt.qlt{background:#fff;color:#1B1F27;box-shadow:inset 0 0 0 1px #C9CEDC}.qfr .qbt.qsm{padding:4px 10px}
.qfr .qok{color:#17803D;font-weight:700}
.qfr .qpg{height:8px;border-radius:99px;background:#E1E5EF}.qfr .qpg i{display:block;height:100%;border-radius:99px;background:#3D6BFF}
.qfr .qpl{background:#fff;border-radius:10px;padding:12px;box-shadow:0 8px 24px rgba(31,63,200,.12),0 0 0 1px #E6E9F2;display:flex;flex-direction:column;gap:8px}
.qfr .qpg4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.qfr .qpg4 span{padding:10px 4px;border-radius:8px;background:#F4F6FC;text-align:center;font-weight:700;font-size:11px}
.qfr .qsw{flex:none;width:34px;height:20px;border-radius:99px;background:#C9CEDC;position:relative}.qfr .qsw i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff}.qfr .qsw.qs1{background:#3D6BFF}.qfr .qsw.qs1 i{left:16px}
.qfr .qck{display:flex;align-items:center;gap:8px;font-weight:600;padding:2px}.qfr .qck i{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#3D6BFF;color:#fff;font-style:normal;font-size:11px}
.qfr .qseg{flex:none;display:inline-flex;border-radius:7px;background:#EEF1FA;padding:2px}.qfr .qseg u{text-decoration:none;padding:3px 9px;border-radius:5px;color:#5B6478}.qfr .qseg u.qon{background:#fff;color:#1B1F27;font-weight:700;box-shadow:0 1px 2px rgba(20,24,40,.12)}
.qfr .qwd{max-width:300px;margin:14px auto;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(31,63,200,.15),0 0 0 1px #E6E9F2;padding:0 0 10px;overflow:hidden}.qfr .qwh{display:flex;justify-content:space-between;padding:10px 14px;background:#12141B;color:#fff;margin-bottom:10px}.qfr .qwh span{opacity:.7}
.qfr .qmg{margin:6px 12px;padding:8px 11px;border-radius:12px;max-width:85%}.qfr .qme{margin-left:auto;background:#E8EEFF}.qfr .qbo{background:#F2F4FA}
.qfr .qwl{display:flex;gap:6px;margin:10px 12px 0;flex-wrap:wrap}.qfr .qwl span{padding:4px 9px;border-radius:99px;box-shadow:inset 0 0 0 1px #C9CEDC;font-size:10.5px;font-weight:600}
.qfr .qcq{background:#fff;border-radius:10px;padding:12px;box-shadow:0 0 0 1px #E6E9F2}.qfr .qcq small,.qfr .qdr small{display:block;color:#8A92A3;font-weight:700;margin-bottom:4px}.qfr .qdr{background:#EEF3FF;border-radius:10px;padding:12px}
/* doc side nav */
.sn{max-height:calc(100svh - 110px);overflow:auto;display:block}.sn .dnv summary{display:none;cursor:pointer;padding:10px 12px;border-radius:10px;background:#fff;font-weight:700}
.sn h6{padding:14px 12px 4px}.sn h6.cur{color:var(--blue2)}.sn a{display:block}
@media(max-width:900px){.sn{position:static;max-height:none}.sn .dnv summary{display:block}.sn .dnv[open] summary{margin-bottom:6px}.sn h6{display:block}.sn a{white-space:normal}}
.sft .fa1 p{margin-top:6px;line-height:1.7;max-width:760px}.sft .fa1 a{text-decoration:underline}.sft .fa1 .cp{margin-top:14px;color:var(--t3)}
.sn h6{padding:10px 12px 2px;font-size:12px}.sn a{padding:6px 12px;font-size:14px}.sn{max-height:none}
.lgl{background:#F4F7FF;padding-block:clamp(28px,5svh,56px) clamp(60px,10svh,110px)}
.lgtabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.lgtabs a{padding:9px 18px;border-radius:99px;background:#fff;font-weight:700;color:var(--t2)}.lgtabs a.on{background:var(--ink);color:#fff}
.lgd .lp-ey{color:var(--blue2);font-weight:700;font-size:14px}.lgd .lp-h1{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.05em;margin-top:6px}.lgd .lp-badge{display:inline-block;margin-top:12px;padding:5px 12px;border-radius:99px;background:#EEF3FF;color:var(--blue2);font-weight:700;font-size:13px}
.lgg{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start;margin-top:28px}
.lgd .lp-toc{position:sticky;top:84px;max-height:calc(100svh - 110px);overflow:auto}.lgd .lp-toc-h{font-size:13px;font-weight:700;color:var(--t3);padding:0 10px 8px}.lgd .lp-toc-list{display:flex;flex-direction:column}.lgd .lp-toc-list a{padding:6px 10px;border-radius:8px;font-size:14px;color:var(--t2);font-weight:600}.lgd .lp-toc-list a:hover{background:#fff}.lgd .lp-toc-list a span{color:var(--t3);margin-right:6px;font-weight:700}
.lgd .lp-body{background:#fff;border-radius:24px;padding:clamp(22px,4vw,52px);box-shadow:0 20px 60px rgba(31,63,200,.08);min-width:0;font-size:15.5px;line-height:1.8}
.lgd .lp-sec{padding-block:18px;border-top:1px solid #EEF0F5}.lgd .lp-sec:first-child{border-top:0;padding-top:0}.lgd .lp-h2{font-size:20px;letter-spacing:-.04em;margin-bottom:10px}.lgd .lp-no{color:var(--blue2);margin-right:8px}.lgd h3{font-size:16.5px;margin:14px 0 4px}.lgd .lp-body p+p,.lgd .lp-body ul,.lgd .lp-body ol{margin-top:8px}.lgd .lp-body ul,.lgd .lp-body ol{padding-left:22px}.lgd .lp-body li{margin-top:4px}
.lgd .lp-kv{display:grid;grid-template-columns:120px 1fr;gap:6px 14px}
@media(max-width:900px){.lgg{grid-template-columns:minmax(0,1fr)}.lgd .lp-toc{display:none}}
@media(min-width:901px){.dp{height:720px;min-height:0}.dp .dg{flex:1;min-height:0;align-items:stretch}.dp .dg>.dc:first-child>.cd:first-child:not(.og){flex:1;min-height:0;overflow:hidden}.dp .dg>.dc:first-child>.cd.rp{flex:1;min-height:0}.dp .dg>.dc:first-child>.cd.og{flex:none}}
.qfr .qsk{display:block;height:8px;border-radius:99px;background:#DDE2EE;margin:7px 0}.qfr .qmg .qsk{background:#C9D1E6}
.qfr .qpg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qfr .qpg3 span{background:#fff;border-radius:9px;padding:10px 12px;box-shadow:0 0 0 1px #E6E9F2}.qfr .qpg3 small{display:block;color:#8A92A3}.qfr .qpg3 b{font-size:16px}
.qfr .qtb{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:#fff;box-shadow:0 1px 0 #E6E9F2;font-weight:700}
.qfr .qpn{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.qfr .qtabs{display:flex;gap:6px;flex-wrap:wrap}.qfr .qtabs u{text-decoration:none;padding:5px 10px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px #E1E5EF;font-weight:600}.qfr .qtabs u.qon{background:#2563EB;color:#fff;box-shadow:none}
.qfr .qin em{font-style:normal;color:#A3AABB}
.lgd .lp-body ul.lp-kv{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.lgd .lp-kv li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;margin:0}.lgd .lp-kv li strong{color:var(--t2)}
.lgd .lp-toc{max-height:calc(100svh - 100px)}.lgd .lp-toc-list a{padding:5px 10px;font-size:13.5px}
@media(max-width:600px){.lgd .lp-kv li{grid-template-columns:minmax(0,1fr);gap:0}}

.pflow{grid-template-columns:repeat(3,minmax(0,1fr))}
.tws{position:relative;display:block}.tws .gh{display:block;visibility:hidden;white-space:pre-line}.tws .ty2{position:absolute;left:0;top:0;right:0;white-space:pre-line}
.pflow{grid-template-columns:repeat(4,minmax(0,1fr))}

.inf.one{grid-template-columns:minmax(0,640px)}.cs1 .inf .ic dd{line-height:1.6}
@media(max-width:1000px){.pflow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pflow{grid-template-columns:minmax(0,1fr)}}
@media(min-width:901px){.bn .pt{min-height:clamp(250px,32svh,300px)}}

.hk{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.hk li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:14.5px;font-weight:600;letter-spacing:-.03em;color:inherit}
.rp .tx{height:176px;min-height:0;overflow-y:auto;box-sizing:border-box}

@media(min-width:901px){.bn .p1,.bn .p4{grid-column:span 5}.bn .p2,.bn .p3{grid-column:span 7}}

.cs1{background:#EEF2FF}.cs1 .car div{box-shadow:0 18px 44px rgba(31,63,200,.14)}.cs1 .car div:nth-child(even){transform:translateY(22px)}.cs1 .nm{background:#fff}.cs1 .inf .ic{background:#fff;box-shadow:0 12px 36px rgba(31,63,200,.1)}.inf.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.inf.two{grid-template-columns:minmax(0,1fr)}.cs1 .car div:nth-child(even){transform:none}}

.pt .art svg{display:block;width:100%;height:100%}.pt .art{padding:clamp(10px,1.4vw,18px) 0}
@media(min-width:901px){.bn .pt{min-height:clamp(300px,38svh,350px)}.bn .pt .art{inset:0 0 42% 0;padding:8px 0}}

.cs2 .nm{margin-right:8px}.cs2 h2{margin-bottom:14px}.cs2 .g{padding-block:0}.cs2.psv{padding-block:clamp(40px,6svh,64px)}.cs2 .csv{max-height:300px}.cs2 .csv svg{max-height:300px;width:100%;height:auto}
.cs2 h2{font-size:clamp(30px,3.5vw,50px);text-wrap:balance}
.cs1 .inf .ic{background:#fff;box-shadow:0 12px 36px rgba(31,63,200,.1)}
@media(min-width:901px){.bn .p1 h3{font-size:clamp(20px,1.75vw,27px)}}

.cs1{background:#fff}.cs1 .inf .ic{background:#F4F7FF;box-shadow:none}
.cs1 .nm{background:#EEF2FF}

.pts.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.pts.two{grid-template-columns:minmax(0,1fr)}}

.wm1 .pts div{background:#fff;box-shadow:0 12px 36px rgba(31,63,200,.1)}.wm1 .pts.two{max-width:none;margin-block:clamp(14px,2vw,20px)}

.hl2{display:inline-block;margin:0 0 14px;padding:9px 16px;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-weight:700;font-size:clamp(16px,1.4vw,19px);letter-spacing:-.03em}
.hl2{display:table;margin:6px 0 16px}

.psv .ill{border-radius:28px;padding:clamp(20px,3.4vw,44px);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.psv .ill svg{display:block;width:100%;height:auto;max-height:300px}

.hl2{padding:12px 18px;font-size:clamp(20px,1.9vw,26px);line-height:1.3}.hl2 small{display:block;margin-bottom:2px;font-size:14px;font-weight:700;color:#B7C8FF;letter-spacing:0}

.fts{margin-top:clamp(28px,4svh,44px);text-align:left}.fts .lab{color:var(--blue2)}.fts h3{font-size:clamp(24px,2.6vw,36px);letter-spacing:-.05em;line-height:1.25;margin:6px 0 20px;color:var(--ink)}
.ftt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.ftt button{font:inherit;border:0;cursor:pointer;text-align:center;padding:22px 16px;border-radius:20px;background:#fff;color:#6B7285;box-shadow:0 8px 24px rgba(31,63,200,.06);transition:background .25s,color .25s,transform .25s}
.ftt button small{display:block;font-size:14px;font-weight:500;opacity:.85}.ftt button b{display:block;margin-top:4px;font-size:clamp(17px,1.6vw,22px);letter-spacing:-.04em}
.ftt button.on{background:var(--blue2,#2B4FE0);color:#fff;box-shadow:0 14px 34px rgba(31,63,200,.3)}
.fpw{margin-top:14px;padding:clamp(16px,2vw,24px);border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(31,63,200,.08)}
.fpn{display:none;list-style:none;margin:0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fpn.on{display:grid}
.fpn li{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:14px;background:#F4F7FF;font-size:clamp(15px,1.3vw,17px);font-weight:600;color:var(--ink)}
.fpn li::before{content:"";width:18px;height:18px;flex:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B4FE0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E")}
@media(max-width:700px){.ftt{grid-template-columns:minmax(0,1fr)}.fpn{grid-template-columns:minmax(0,1fr)}}
@media(min-width:701px){.fpn li:nth-child(2):last-child,.fpn li:nth-child(2):last-child{}.fpn:has(li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

.cs2 .csv{max-height:none;height:clamp(300px,36svh,380px)}.cs2 .csv svg{max-height:none;height:100%}

.wxb{margin:clamp(14px,2vw,20px) 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(24px,3.4vw,48px);border-radius:28px;background:linear-gradient(150deg,#1A3FD0,#0C1F70);color:#fff;text-align:left}
.wxp{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.16);font-size:14px;font-weight:700;letter-spacing:-.02em}
.wxb h3{margin:14px 0 10px;font-size:clamp(26px,3vw,40px);letter-spacing:-.05em;line-height:1.2}.wxb p{margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.6;color:#C6D3FF;max-width:30em}
.wxc{display:flex;flex-direction:column;gap:10px;padding:clamp(16px,2vw,24px);border-radius:22px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.wm{max-width:88%;padding:13px 16px;border-radius:18px;font-size:clamp(15px,1.3vw,17px);line-height:1.5;font-weight:600}.wm.u{align-self:flex-start;background:#fff;color:var(--ink)}.wm.a{align-self:flex-end;background:#2F5BFF;color:#fff}.wm small{display:block;font-size:12px;font-weight:700;opacity:.8;margin-bottom:2px}
.wch{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.wch span{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-size:13.5px;font-weight:600;color:#DCE5FF}
@media(max-width:900px){.wxb{grid-template-columns:minmax(0,1fr)}}
.wm1 .inf{margin-top:0}

.wd .wmn{display:grid;min-height:330px}.wd .wsc{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease,visibility .45s}.wd .wsc.on{opacity:1;visibility:visible;transform:none}
.wd .wt.on{color:#3D6BFF}.wd .wt{color:#6B7280}
.wrow{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.wp{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #D8DCE5;font-size:13.5px;font-weight:600;color:#2B303B}.wp i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px #B9C0D4}.wp.on{background:#E6E0FF}.wp.on i{box-shadow:inset 0 0 0 4px #5B3FD6}.wp b{color:#5B3FD6}.wbtn{margin-left:auto;padding:8px 14px;border-radius:8px;background:#7C6CF5;color:#fff;font-size:13px;font-weight:700}
.wtb{background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(20,24,40,.06);overflow:hidden}.wth,.wtr{display:grid;grid-template-columns:70px 90px minmax(0,1.4fr) minmax(0,1fr) 50px;gap:10px;align-items:center;padding:11px 16px;font-size:13px;text-align:center}.wth{background:#F1EFFF;font-weight:700;color:#2B303B}.wtr{box-shadow:0 -1px 0 #EEF0F6;color:#2B303B;font-weight:600}.bar1,.bar2{height:10px;border-radius:5px;background:#D8DCE5}.bar2{width:60%;margin:auto}
.winv{display:grid;grid-template-columns:150px 40px minmax(0,1fr);gap:8px;align-items:center}.wlab{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 2px rgba(20,24,40,.06);display:flex;flex-direction:column;gap:7px}.wsh{height:64px;border-radius:8px;background:linear-gradient(160deg,#E6E1FF,#F4F6FB)}.wlab b{font-size:12px}.wl1,.wl2{height:8px;border-radius:4px;background:#E3E8F6}.wl2{width:60%}.wbc{height:30px;background:repeating-linear-gradient(90deg,#2B303B 0 2px,transparent 2px 4px,#2B303B 4px 5px,transparent 5px 8px)}
.wars{display:flex;flex-direction:column;gap:46px;align-items:center}.wars i{width:30px;height:2px;background:repeating-linear-gradient(90deg,#9B8CF5 0 3px,transparent 3px 6px)}
.whl{display:flex;flex-direction:column;gap:8px}.whc{border-radius:12px;padding:8px 12px}.whc b{display:inline-block;padding:3px 10px;border-radius:8px;color:#fff;font-size:12px;margin-bottom:6px}.whc.a{background:#E3EDFF}.whc.a b{background:#4C8CFF}.whc.b{background:#DCF1EE}.whc.b b{background:#2FA89B}.whc.c{background:#FFF1D6}.whc.c b{background:#F59F33}
.whs{display:flex;gap:10px;align-items:center}.whi{width:44px;height:36px;border-radius:8px;background:#fff}.whs>div{flex:1;display:flex;flex-direction:column;gap:4px}.whs p{display:flex;justify-content:space-between;background:#fff;border-radius:6px;padding:4px 10px;font-size:11.5px}.whs small{font-size:11.5px;color:#4B5160}.whs em{font-style:normal;font-weight:700}
.wcs{display:flex;flex-direction:column;gap:12px}.wkp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wkp div{background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 2px rgba(20,24,40,.06)}.wkp small{display:block;font-size:12px;color:#6B7280}.wkp b{font-size:24px;font-weight:600;color:#3D6BFF}
.wch2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}.wbars{display:flex;align-items:flex-end;gap:12px;height:130px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(20,24,40,.06)}.wbars i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#B7ABFF,#DCD6FF)}.wlist{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(20,24,40,.06)}.wlist p{display:flex;gap:10px;align-items:center;margin:0}.wsq{width:26px;height:26px;border-radius:7px;background:#FFE58A}.wbl{flex:1;height:9px;border-radius:5px;background:#E3E8F6}
@media(max-width:900px){.winv{grid-template-columns:minmax(0,1fr)}.wars{display:none}.wth,.wtr{grid-template-columns:50px 64px minmax(0,1fr) 40px}.wth span:nth-child(4),.wtr span:nth-child(4){display:none}.wch2{grid-template-columns:minmax(0,1fr)}}
.wbars{height:200px}.wlist{gap:20px;justify-content:center}.wtr,.wth{padding-block:14px}

.wtabs{display:flex;gap:4px;margin:-6px 0 12px;font-size:12px}.wtabs span{padding:6px 12px;border-radius:6px 6px 0 0;background:#fff;color:#6B7280;box-shadow:inset 0 0 0 1px #E1E5EE}.wtabs span.on{color:#111;font-weight:700;box-shadow:inset 0 0 0 1px #3D6BFF}
.wfm{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;margin-bottom:10px;background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(20,24,40,.06);font-size:12.5px}.wfm span{display:flex;align-items:center;gap:8px}.wfm small{color:#6B7280}.wfm b{font-weight:500;padding:5px 10px;border-radius:6px;box-shadow:inset 0 0 0 1px #D8DCE5;color:#2B303B}.wfm b.ph{color:#9AA1B2}.wsb{margin-left:auto;padding:8px 22px;border-radius:6px;background:#3D6BFF;color:#fff;font-weight:700}
.wsm{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 8px;font-size:12px;color:#4B5160}.wsm b{color:#2F5BFF;font-weight:600}
.wtb2{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #E1E5EE;overflow:hidden;font-size:12px}.wr2{display:grid;grid-template-columns:62px 112px 112px 58px minmax(0,1.6fr) 40px 70px 54px 64px 82px;gap:6px;align-items:center;padding:8px 10px;box-shadow:0 -1px 0 #EEF0F6;color:#2B303B;text-align:center}.wr2 .l{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr2.h{background:#F4F6FB;font-weight:600;box-shadow:none}.wr2.t{background:#F8F9FC;font-weight:700}.lk{color:#2F5BFF}
.wr2 em{font-style:normal;font-size:11px;padding:2px 7px;border-radius:4px}.wr2 em.p1{background:#EDE6FF;color:#6B4FD8}.wr2 em.p2{background:#DCE8FF;color:#2F5BFF}.wr2 em.p3{background:#E5484D;color:#fff;margin-right:3px}
.wsp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:10px;align-items:start}.wtb2.sm .wr2{grid-template-columns:minmax(0,1.5fr) 1fr 1fr .6fr .6fr}.wtb2.pr .wr2{grid-template-columns:40px minmax(0,1.6fr) 36px 54px 60px 46px}.wtb2.sa .wr2{grid-template-columns:minmax(0,1.5fr) .5fr 1fr 1fr 1fr .6fr}.th{display:block;width:30px;height:30px;border-radius:6px;background:linear-gradient(160deg,#E7E4F7,#C9C2EC);margin:auto}
@media(max-width:900px){.wr2{grid-template-columns:54px minmax(0,1fr) 60px 56px}.wr2 span:nth-child(n+5):not(.l){display:none}.wr2 span:nth-child(3),.wr2 span:nth-child(4){display:none}.wr2 span.l{display:block}.wsp{grid-template-columns:minmax(0,1fr)}.wtb2.sm .wr2,.wtb2.pr .wr2,.wtb2.sa .wr2{grid-template-columns:repeat(3,minmax(0,1fr))}.wtb2.sm .wr2 span:nth-child(n+4),.wtb2.pr .wr2 span:nth-child(n+4),.wtb2.sa .wr2 span:nth-child(n+4){display:block}.wtb2.pr .wr2 span:nth-child(1){display:none}}

.dv1 .ill{position:relative;margin-bottom:34px}
.dv1 .ill .hl2{position:absolute;left:calc(-1*clamp(40px,10.5vw,150px));bottom:-34px;margin:0;display:block;background:#2F4FC8;box-shadow:0 18px 40px rgba(3,10,60,.35),inset 0 0 0 1px rgba(255,255,255,.2)}
@media(max-width:900px){.dv1 .ill{margin-bottom:0}.dv1 .ill .hl2{position:static;margin-top:14px}}
.wd .wtb2.sv .wr2{grid-template-columns:minmax(0,1.4fr) 1fr 1fr;padding:12px 16px;font-size:14px}.wd .wmn>.wsc>h5{margin:10px 0 12px}
.wd .scs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wd .sc{background:#fff;border-radius:12px;padding:22px 20px;box-shadow:0 1px 2px rgba(20,24,40,.06);display:grid;gap:6px}.wd .sc small{font-size:13px;color:#6B7280}.wd .sc b{font-size:28px;font-weight:600;color:#3D6BFF;letter-spacing:-.02em}.wd .sc em{font-style:normal;font-size:13px;color:#6B7280;min-height:1em}
.wd .wil{display:block;width:100%;height:auto}
.fpn:has(.il){grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:10px 28px;align-items:center}.fpn:has(.il) li:not(.il){grid-column:1}.fpn li.il{grid-column:2;grid-row:1/span 7;display:block;padding:0;background:none;border-radius:0}.fpn li.il::before{display:none}.fil{display:block;width:100%;height:auto}
@media(max-width:700px){.fpn:has(.il){grid-template-columns:minmax(0,1fr)}.fpn li.il{grid-column:1;grid-row:auto;order:9}}

.wm1 .wmg{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.6fr);gap:clamp(24px,4vw,56px);align-items:center;text-align:left;margin-bottom:clamp(20px,3vw,36px)}.wm1 .wmg .d{margin-inline:0}.wm1 .wmg h2{font-size:clamp(30px,3.3vw,48px)}
.wm1 .wwin{border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(31,63,200,.18),0 0 0 1px rgba(31,63,200,.06)}.wm1 .wd .wg{gap:10px}.wm1 .wd .wc{padding:12px 12px}.wm1 .wd .wc p b{font-size:17px}.wm1 .wd .wmn>.wsc>h5{margin:14px 14px 10px}.wm1 .wd .wg{padding:0 14px 14px}.wm1 .wd .wc h5{font-size:13px}
@media(max-width:900px){.wm1 .wmg{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1000px){.ff1 .inf ul li{white-space:nowrap}}
.dv1 .ill{margin-bottom:46px}.dv1 .ill .hl2{padding:22px 32px;bottom:-46px;border-radius:18px}
@media(max-width:900px){.dv1 .ill{margin-bottom:0}.dv1 .ill .hl2{padding:18px 22px}}

.ff1 .inf{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch}.ff1 .inf .wide{padding:26px 30px}
.ff1 .mph{display:grid;grid-template-columns:minmax(0,.9fr) 28px minmax(0,1.3fr);margin-bottom:6px}.ff1 .mph h4{margin:0 0 10px}.ff1 .mph h4:last-child{grid-column:3}
.ff1 .mp{display:flex;flex-direction:column;gap:0}.ff1 .mp li{display:grid;grid-template-columns:minmax(0,.9fr) 28px minmax(0,1.3fr);align-items:center;gap:0;padding:15px 0 !important;box-shadow:0 -1px 0 rgba(255,255,255,.1);white-space:normal !important}
.ff1 .mp li::before{display:none}.ff1 .mp .q{font-weight:700;font-size:15.5px}.ff1 .mp i{font-style:normal;color:#8FA8FF;font-weight:700}.ff1 .mp .a{font-size:15px;line-height:1.5;color:#D6DDF2}.ff1 .mp .a b{display:block;color:#fff;font-weight:700;font-size:15.5px;margin-bottom:2px}
@media(max-width:1000px){.ff1 .inf{grid-template-columns:minmax(0,1fr)}.ff1 .mph{display:none}.ff1 .mp li{grid-template-columns:minmax(0,1fr);gap:6px}.ff1 .mp i{display:none}.ff1 .mp .q{color:#8FA8FF;font-size:14px}}

.ilx{position:relative}.ilx .ilB,.ilx .ilC{position:absolute;inset:0}
.ilx.go .ilA{animation:fA 9s infinite}.ilx.go .ilB{animation:fB 9s infinite}.ilx.go .ilC{animation:fC 9s infinite}
@keyframes fA{0%,28%{opacity:1}33%,96%{opacity:0}100%{opacity:1}}
@keyframes fB{0%,28%{opacity:0}33%,61%{opacity:1}66%,100%{opacity:0}}
@keyframes fC{0%,61%{opacity:0}66%,95%{opacity:1}99%,100%{opacity:0}}
.ilx.go .mq{animation:mq 1.4s linear infinite}@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-290px)}}
.ilx.go .curA{animation:cA 9s infinite}.ilx.go .curB{animation:cB 9s infinite}
@keyframes cA{0%{transform:translate(470px,300px)}13%{transform:translate(530px,96px)}20%{transform:translate(530px,99px)}100%{transform:translate(530px,99px)}}
@keyframes cB{0%,33%{transform:translate(400px,230px)}47%{transform:translate(520px,66px)}52%{transform:translate(520px,70px)}100%{transform:translate(520px,70px)}}
.ilx.go .btnA{animation:pA 9s infinite}.ilx.go .btnB{animation:pB 9s infinite}
@keyframes pA{0%,15%{fill:#B8AEF8}19%{fill:#8F7FF3}24%,100%{fill:#B8AEF8}}
@keyframes pB{0%,49%{fill:#8A78F5}52%{fill:#5E45E6}57%,100%{fill:#8A78F5}}
@media(prefers-reduced-motion:reduce){.ilx.go *{animation:none!important}.ilx .ilA,.ilx .ilB{opacity:0}.ilx .ilC{opacity:1}}
.ilx .ilB,.ilx .ilC{opacity:0}
.wm1 .wmg .wwin{max-width:none;margin:0;width:100%}
.fpw{display:grid}.fpw>.fpn,.fpw>.fpn.on{display:grid}.fpw>.fpn{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}.fpw>.fpn.on{visibility:visible;opacity:1;transition:opacity .3s ease}
.ftt button{transition:background-color .25s,color .25s,box-shadow .25s}.ftt button.on{transform:none}
@media(min-width:1000px){.ff1 .inf{grid-template-columns:minmax(0,1fr)}.ff1 .inf .ic:last-child dl{grid-auto-flow:column;grid-template-columns:none;grid-template-rows:auto auto;grid-auto-columns:minmax(0,1fr);gap:6px 24px}.ff1 .inf .ic:last-child{padding:22px 30px}.ff1 .inf .ic:last-child h4{margin-bottom:12px}}

.cap{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:clamp(28px,4vw,44px) 0 0;padding:0}.cap li{display:grid;gap:6px;align-content:start;padding:0 4px;color:var(--ink)}.cap .ci{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#EEF2FF;margin-bottom:8px}.cap .ci svg{width:30px;height:30px}.cap b{font-size:17px;letter-spacing:-.04em}.cap span:last-child{font-size:14.5px;line-height:1.55;color:#5B6272}
@media(max-width:900px){.cap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.cap{grid-template-columns:minmax(0,1fr)}}
.crl{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:clamp(28px,4vw,44px) 0 0;padding:0}
.crl li{background:#fff;border-radius:18px;height:88px;display:flex;align-items:center;justify-content:center;padding:18px 24px;box-shadow:0 1px 0 rgba(15,23,42,.04),0 6px 20px -12px rgba(15,23,42,.18)}
.crl img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.crl li:nth-child(1) img{max-height:46px}.crl li:nth-child(2) img{max-height:48px}.crl li:nth-child(3) img{max-height:50px}.crl li:nth-child(4) img{max-height:30px}
@media(max-width:700px){.crl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crl li{height:76px;padding:14px 18px}}
.crl li{height:100px}.crl li:nth-child(1) img{max-height:58px}.crl li:nth-child(2) img{max-height:62px}.crl li:nth-child(3) img{max-height:68px}.crl li:nth-child(4) img{max-height:36px}
@media(max-width:700px){.crl li{height:84px}.crl li:nth-child(1) img{max-height:46px}.crl li:nth-child(2) img{max-height:50px}.crl li:nth-child(3) img{max-height:54px}.crl li:nth-child(4) img{max-height:30px}}

/* 화면에는 안 보이고 읽어 주기에만 쓰는 글자 */
.d-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 헤더 메뉴를 화면 가운데로 — 로고 왼쪽, 로그인 · 시작하기 오른쪽 */
@media(min-width:821px){.hd .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:36px}.hd .logo{justify-self:start}.hd .nav{margin-right:0}.hd .rt{justify-self:end}}
.hd .logo{display:flex;align-items:center}

/* 일반 문의 자동 재생 */
#ib.ekauto{pointer-events:none}
#ib .bt.ap{box-shadow:0 0 0 4px rgba(61,107,255,.32);transform:scale(1.04);transition:box-shadow .2s,transform .2s}

/* ===== 2026-11-09 점검 반영 ===== */
/* 글자 대비 — 옅은 회색 한 단계 진하게 */
:root{--t3:#6B7384}
.lp-toc-list a{color:#3F4654}
.sn a{color:#3F4654}
@media(max-width:900px){.sn h6{font-size:13px}}
/* 제목 크기 3단계: 페이지 제목 · 섹션 제목 · 카드 제목(홈 첫 화면만 예외) */
.ph1 h1,.hh h1,.lgd .lp-h1{font-size:clamp(34px,4vw,56px);line-height:1.12}
.hl h2,.s3 h2,.s6 h2,.psv h2,.cs2 h2,.wm1 .wmg h2,.pend h2{font-size:clamp(30px,3.6vw,52px);line-height:1.16}
/* 버튼: 큰 버튼 하나(54px · 모서리 10px) + 헤더용 작은 버튼 */
.hero .cta,.s6 .btn{height:54px;padding:0 28px;font-size:17px}
/* 제휴사 끝 · 마지막 안내 */
.ek-cta{background:var(--night);color:#fff;text-align:center;padding:88px 24px}
.ek-cta h2{color:#fff;font-size:clamp(30px,3.6vw,52px);line-height:1.16}
.ek-cta p{margin-top:14px;color:#B9C3DD;font-size:17px}
.ek-cta .btn{margin-top:28px}
/* 도움말 이메일 안내 */
.hmail{margin-top:28px;font-size:15px;color:var(--t2)}
.hmail a{color:var(--ink);font-weight:700;text-decoration:underline}
/* 도움말 분류 탭 — 옆으로 넘길 수 있다는 표시 */
@media(max-width:900px){#cl,.sn{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:32px}}
/* 모바일: 핵심만 */
@media(max-width:700px){
 .hero .hg .hr{display:none}
 .stage .ft{display:none}
 .stage .stt .cd:nth-child(n+3){display:none}
 .stage .tw .tr:nth-child(n+4){display:none}
 .stage .ad{min-height:0}
 .sc3 .dc,.pn .dc{display:none}
 .wd .wg>:nth-child(n+5){display:none}
}

/* 주문 정보 상품 이미지(가상 상품 그림) */
.it .th,.oc .th{background-color:#F2F4F8;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(14,17,22,.06)}
/* 첫 화면 제목 — 넓은 화면에서 세 줄로 꺾이지 않게 */
.hero h1{font-size:clamp(40px,4.3vw,62px)}
@media(min-width:900px){.hero h1 .pc{white-space:nowrap}}
.it .th,.oc .th{background-size:contain;background-repeat:no-repeat}
/* 다른 표의 .th(margin:auto)와 이름이 겹쳐 상품 그림이 가운데로 밀리던 문제 */
.it .th,.oc .th{margin:0;width:48px;height:56px}
.it>div,.oc .it>div{min-width:0}

/* 푸터 B안 — 윗줄 로고 · 메뉴, 아랫줄 회사 정보 · 법적 문서 */
.sftb .wrap{display:block}
.sftb .ft-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #E6E9F0}
.sftb .ft-logo img{height:26px;margin:0;display:block}
.sftb .ft-nav{display:flex;align-items:center;gap:26px;font-weight:600;font-size:15px;color:#0E1116}
.sftb .ft-nav a[aria-current]{color:#2A4FD6}
.sftb .ft-start{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:8px;background:#C8115A;color:#fff!important}
.sftb .ft-start:hover{background:#A10E49}
.sftb .ft-bot{display:flex;justify-content:space-between;align-items:flex-start;gap:20px 40px;padding-top:22px}
.sftb .fa1 p{margin:0 0 4px;line-height:1.7;max-width:760px}
.sftb .ft-legal{text-align:right;flex:none}
.sftb .ft-legal nav{display:flex;justify-content:flex-end;gap:18px;font-size:14px;color:#3F4654}
.sftb .ft-legal b{font-weight:700;color:#0E1116}
.sftb .ft-legal .cp{margin-top:10px;color:#6B7384}
@media(max-width:820px){.sftb .ft-top{flex-direction:column;align-items:flex-start}.sftb .ft-nav{flex-wrap:wrap;gap:16px 20px}.sftb .ft-bot{flex-direction:column}.sftb .ft-legal{text-align:left}.sftb .ft-legal nav{justify-content:flex-start}}
/* 제휴사 첫 화면: 번호 카드와 같은 역할의 탭 줄은 숨김(겹치는 메뉴) */
.ph1 .chs{display:none}
.ph1{padding-bottom:clamp(56px,8svh,88px)}
/* 풀필먼트 표: 오른쪽 칸이 비어 보이던 문제 — 두 칸을 같은 폭으로, 범위 설명은 한 줄로 */
@media(min-width:901px){.ff1 .mph,.ff1 .mp li{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}.ff1 .mph h4:nth-child(2){grid-column:3}.ff1 .mp .a b{display:inline;margin-right:10px;color:#fff}}

/* CTA 정리 — 첫 화면 보조 링크 · 가격 안내 문구 · 제휴사 끝 테두리 버튼 */
.hcta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:34px}
.hero .hcta .cta{margin-top:0}
.hlink{color:#DCE3F5;font-weight:700;font-size:16px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(220,227,245,.45)}
.hlink:hover{color:#fff;text-decoration-color:#fff}
.tr14-n{font-weight:700;font-size:17px;color:#fff;white-space:nowrap}
.ek-cta .btn.ln{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.ek-cta .btn.ln:hover{box-shadow:inset 0 0 0 1.5px #fff;transform:translateY(-2px)}
@media(max-width:820px){.tr14-n{white-space:normal}.hcta .btn{width:100%}.hcta{justify-content:center}}

/* 첫 화면 CTA: 보조 링크를 테두리 버튼으로(같은 높이로 나란히) */
.hlink{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 24px;border-radius:10px;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);transition:box-shadow .2s,transform .2s}
.hlink:hover{color:#fff;box-shadow:inset 0 0 0 1.5px #fff;transform:translateY(-2px)}
.hcta{gap:10px}
@media(max-width:820px){.hcta .hlink{width:100%}}

/* 첫 화면 메인 버튼: 흰색 하나 */
.hero .hcta .cta{background:#fff;color:#0E1116}.hero .hcta .cta:hover{background:#EAF0FF;color:#0E1116}
.hero .sub{max-width:none}
.sftb .ft-nav a[aria-current]{color:#0E1116}
/* 도움말 첫 화면 아이콘 */
.hh-ic{display:block;width:clamp(88px,8vw,120px);height:auto;margin:0 auto 12px}

/* 회원가입 흐름 그림 */
.qfr .qsu{max-width:420px;margin:0 auto;padding:18px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px #E6E9F2}
.qfr .qsu h6{font-size:14px;margin-bottom:10px}
.qfr .qmsg{font-size:12.5px;line-height:1.6;color:#3F4654;background:#F4F6FB;border-radius:8px;padding:10px 12px;margin-bottom:10px}
.qfr .qtp.qc{justify-content:center}
.qfr .qbt.qwide{flex:1;text-align:center}

/* 제휴사: 첫 화면 카드 번호·연결선 제거 */
.pflow small{display:none}
.pflow a::after{display:none}
.pflow a b{font-size:18px}
/* 제휴사: 밝은 배경의 검정 버튼 → 네이비(전화 연결 팝업 버튼은 그대로) */
.psv .btn.dk:not(.tel2 .btn){background:#1F2A5C;color:#fff}
.psv .btn.dk:not(.tel2 .btn):hover{background:#141C40}
/* 제휴사: 스크롤해도 따라오는 섹션 메뉴 */
.psub{position:sticky;top:64px;z-index:40;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 #E3E7F0}
.psub-nav{display:flex!important;align-items:center;gap:4px;margin:0!important;padding:10px 0;overflow-x:auto}
.psub-nav a{padding:9px 16px!important;border-radius:999px!important;background:transparent!important;color:#5B6270!important;font-weight:700;font-size:15px;white-space:nowrap}
.psub-nav a.on{background:#1F2A5C!important;color:#fff!important}
.psub-nav .psub-back{margin-left:auto;color:#1F2A5C!important;box-shadow:inset 0 0 0 1.5px #1F2A5C}
.psv{scroll-margin-top:124px}
@media(max-width:700px){.psub-nav .psub-back{display:none}}

/* 홈 첫 화면: 넓은 화면에서 가로를 더 씀(배치는 그대로) */
@media(min-width:1500px){.hero .wrap{max-width:min(1640px,92vw)}.hero .in{grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr)}.hero .win{height:clamp(640px,78svh,740px)}}
/* 마지막 안내 · 도움말 링크 글씨 키움 */
.s6 .hlp h4{font-size:17px}
.s6 .hlp a{padding:22px 26px;font-size:19px}
.s6 .hlp a small{font-size:15px;margin-top:2px}
/* 홈: 데스크톱에서 섹션 단위로 부드럽게 맞춤(멈추면 가까운 섹션 시작에 붙고, 계속 스크롤하면 지나감) */
@media(min-width:1024px) and (min-height:700px){
 html:has(body .hero){scroll-snap-type:none}
 .hero,.s3,.s4,.s5,.s6{scroll-snap-align:start}
 .s2{scroll-snap-align:none}
}
@media(prefers-reduced-motion:reduce){html:has(body .hero){scroll-snap-type:none}}
/* 홈 섹션 맞춤: 더 확실하게(긴 섹션은 안에서 자유롭게 스크롤) */
@media(min-width:1024px) and (min-height:700px){
 html:has(body .hero){scroll-snap-type:none}
 .s2{scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){html:has(body .hero){scroll-snap-type:none}}

/* 스크롤 버벅임 줄이기: 계속 움직이는 카드 · 큰 그림자 화면을 따로 그림 */
.fc,.hero .win,.scene{will-change:transform}
.hero{contain:paint}

/* 도움말 그림 — 실제 화면 캡처 다듬기(틀 + 분홍 테두리로 볼 곳 짚기) */
.qshot{margin:0;padding:20px;border-radius:16px;background:linear-gradient(160deg,#E9EDF6,#F3F5FA)}
.qshot .qsi{position:relative;margin:0 auto;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 16px 36px rgba(31,42,92,.14),0 0 0 1px rgba(31,42,92,.06)}
.qshot img{display:block;width:100%;height:auto}
.qshot .qring{position:absolute;border-radius:8px;box-shadow:0 0 0 2px #C8115A,0 0 0 6px rgba(200,17,90,.16);pointer-events:none}
.qshot .qtag{position:absolute;transform:translate(-40%,-40%);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#C8115A;color:#fff;font-size:12px;font-weight:700;box-shadow:0 0 0 3px #fff}
.fgw .qshot+.qshot{margin-top:12px}
@media(max-width:600px){.qshot{padding:12px;border-radius:12px}.qshot .qtag{width:20px;height:20px;font-size:11px}}
/* 모바일 홈 제휴사 카드: 그림이 제목을 덮지 않게 그림을 위 칸으로(2026-11-09) */
@media(max-width:900px){.bn .pt{min-height:0;justify-content:flex-start}.bn .pt .art{position:relative;inset:auto;height:116px;margin:-4px 0 14px;padding:0}}
/* 제휴사 섹션 메뉴: 모바일에서도 한 줄 · 옆으로 밀어 보기 */
.psub-nav{flex-wrap:nowrap!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.psub-nav::-webkit-scrollbar{display:none}
.psub-nav a{flex:none!important}
/* 2026-11-10 모바일 검수: 홈 첫 화면 채팅 말풍선 폭(문장 단위 줄바꿈) · 요금 카드 제목-금액 사이 빈 공간 */
@media(max-width:900px){.hg .mg{max-width:96%}}
@media(max-width:820px){.ft1,.ft2{min-height:0;justify-content:flex-start;gap:18px}}