/* Layout: 어두운 헤더·히어로 → 흰 배경과 연한 하늘빛 구간이 번갈아 나오는 가운데 정렬 섹션 → 남색 그라데이션 마무리 띠.
   레퍼런스(sangseung.net) 톤: Pretendard, 남색 #104C82, 숫자 강조 파랑, 넉넉한 여백. 라이트 단일 테마. */
:root{
  color-scheme:light;
  --paper:#FFFFFF; --alt:#F6FAFD; --surface:#FFFFFF; --ink:#171B22; --muted:#6E7A84; --line:#E3E9F0;
  --navy:#104C82; --navy-2:#0B3A66; --accent:#0E5BD8; --accent-soft:#E4EFFC; --on-accent:#FFFFFF; --up:#0E5BD8;
  --dark:#101318; --dark-2:#1A1F27; --kakao:#FEE500;
  --f-display:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --f-body:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --f-mono:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --wrap:1560px; --r:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.75;word-break:keep-all;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);line-height:1.3;margin:0;text-wrap:balance;letter-spacing:-.027em}
p{margin:0}
em{font-style:normal;color:var(--accent)}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(18px,3.60vw,57.6px)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.hl{background:var(--accent-soft);color:var(--navy);padding:0 6px;border-radius:4px;font-weight:700}

/* header — 처음엔 투명(어두운 첫 화면 위), 마우스를 올리거나 스크롤하면 반투명 흰색 */
.hd{position:fixed;left:0;right:0;top:0;z-index:20;padding-top:env(safe-area-inset-top,0px);background:transparent;border-bottom:1px solid rgba(255,255,255,.14);transition:background .25s,border-color .25s,box-shadow .25s}
.hd .wrap{display:flex;align-items:center;gap:32px;height:88px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-family:var(--f-display);font-weight:800;font-size:clamp(16.2px,1.32vw,19.8px);letter-spacing:-.01em;white-space:nowrap;transition:color .25s}
.logo-svg{width:44px;height:52px;flex:none}
.logo-svg polygon{transition:fill .25s}
.hd .logo-svg polygon[fill="#003E70"]{fill:#FFFFFF}
.nav{display:flex;gap:6px;margin-left:auto}
.nav a{text-decoration:none;font-weight:600;font-size:14.4px;padding:10px 20px;border-radius:999px;color:rgba(255,255,255,.88);transition:color .25s,background .25s}
.nav a:hover{color:#fff;background:rgba(255,255,255,.12)}
.nav a[aria-current="page"],
.nav a.on{color:#fff;background:rgba(255,255,255,.16);font-weight:700}
.menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:10px;width:46px;height:46px;color:#fff;font-size:16.2px;cursor:pointer}
/* 반투명 상태 */
.hd:hover,.hd.solid,.hd:focus-within{background:rgba(255,255,255,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:#E4E8F0;box-shadow:0 10px 30px -20px rgba(10,26,58,.35)}
.hd:hover .logo,.hd.solid .logo,.hd:focus-within .logo{color:#0A1A3A}
.hd:hover .logo-svg polygon[fill="#003E70"],.hd.solid .logo-svg polygon[fill="#003E70"],.hd:focus-within .logo-svg polygon[fill="#003E70"]{fill:#003E70}
.hd:hover .nav a,.hd.solid .nav a,.hd:focus-within .nav a{color:#3F4A5C}
.hd:hover .nav a:hover,.hd.solid .nav a:hover,.hd:focus-within .nav a:hover{color:#0A1A3A;background:#F1F5FA}
.hd:hover .nav a[aria-current="page"],.hd.solid .nav a[aria-current="page"],.hd:focus-within .nav a[aria-current="page"],
.hd:hover .nav a.on,.hd.solid .nav a.on,.hd:focus-within .nav a.on{color:var(--navy);background:var(--accent-soft)}
.hd:hover .menu-btn,.hd.solid .menu-btn,.hd:focus-within .menu-btn{color:#0A1A3A;border-color:#E4E8F0;background:#fff}
@media (prefers-reduced-motion:reduce){.hd,.logo,.nav a,.logo-svg polygon{transition:none}}
@media (max-width:1060px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:#fff;border-bottom:1px solid #E4E8F0;padding:10px 16px 18px;box-shadow:0 16px 30px -20px rgba(10,26,58,.3)}
  .nav.open{display:flex}
  .nav a,.hd .nav a{padding:14px 16px;border-radius:12px;color:#3F4A5C}
  .hd .nav a[aria-current="page"],
  .hd .nav a.on{color:var(--navy);background:var(--accent-soft)}
}
@media (max-width:480px){.logo-svg{width:34px;height:40px}.hd .wrap{height:72px}}

/* sub page head */
.ph{background:var(--dark);color:#fff;padding-block:200px 130px;text-align:center}
.eyebrow{font-size:clamp(13.5px,1.14vw,18px);font-weight:600;color:var(--accent);letter-spacing:-.01em}
.ph .eyebrow{color:#7FB2FF}
.ph h1{font-size:clamp(32.4px,5.27vw,77.4px);font-weight:700;margin-top:14px;letter-spacing:-.027em}
.ph p{color:rgba(237,242,247,.72);font-size:clamp(14.4px,1.22vw,18px);max-width:62ch;margin:22px auto 0}

/* sections: 가운데 정렬 제목 + 본문 */
.sec{padding-block:clamp(64.8px,6.30vw,108px)}
main > .sec:nth-of-type(even){background:var(--alt)}
.sec-grid{display:block}
.sec-label{text-align:center;max-width:1100px;margin:0 auto clamp(36px,3.60vw,57.6px)}
.sec-label h2{font-size:clamp(27.0px,3.84vw,59.4px);font-weight:700;margin-top:0}
.sec-label p{color:var(--muted);margin:20px auto 0;font-size:clamp(14.4px,1.22vw,18px);max-width:60ch}
.sec-body{min-width:0}
@media (max-width:900px){.sec{padding-block:72px}.sec-label{margin-bottom:40px}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;padding:20px 36px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:var(--f-body);font-size:clamp(12.6px,1.04vw,15.3px);cursor:pointer;transition:transform .15s}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 24px -10px rgba(14,91,216,.6)}
.btn:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

/* service rows → 카드 리스트 */
.rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}
.row{display:flex;flex-direction:column;gap:12px;padding:clamp(25.2px,2.70vw,43.2px);background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none}
.row .k{font-size:12.6px;font-weight:700;color:var(--accent)}
.row h3{font-size:clamp(19.8px,1.69vw,27px);font-weight:700}
.row p{color:var(--muted);font-size:14.4px}
.row .go{font-weight:700;color:var(--navy);margin-top:auto;padding-top:6px}
.row .go:empty{display:none}
a.row:hover{border-color:var(--accent)}
@media (max-width:760px){.rows{grid-template-columns:1fr}.row{padding:26px}}

.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{font-size:15.3px;font-weight:600;padding:12px 24px;border-radius:999px;background:#fff;border:1px solid var(--line)}

/* 마무리 그라데이션 띠 */
.cta-band{background:linear-gradient(#FFFFFF,#6794BA 55%,#104C82);padding-block:170px 150px;text-align:center}
.cta-box{color:#fff}
.cta-box h2{font-size:clamp(27.0px,4.37vw,63px);font-weight:700;color:#fff;text-shadow:0 1px 0 rgba(16,76,130,.2)}
.cta-box p{color:rgba(255,255,255,.85);margin-top:20px;font-size:clamp(14.4px,1.22vw,18px)}
.cta-box .btn{margin-top:36px;background:#fff;color:var(--navy);border-color:#fff;box-shadow:none}

/* footer */
.ft{background:var(--dark);color:rgba(237,242,247,.6);padding-block:72px 90px;font-size:12.6px}
.ft .wrap{display:grid;grid-template-columns:1fr auto;gap:24px}
.ft strong{color:#fff;font-weight:800;font-size:14.4px}
.ft dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:16px 0 0}
.ft dt{font-weight:600;color:rgba(237,242,247,.8)}
.ft dd{margin:0}
.ft nav{display:flex;flex-wrap:wrap;gap:6px 20px;align-content:start}
.ft nav a{text-decoration:none;color:rgba(237,242,247,.8)}
@media (max-width:760px){.ft .wrap{grid-template-columns:1fr}}

/* 우측 빠른 메뉴 */
.quick{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;flex-direction:column;gap:8px}
.quick a{width:72px;height:68px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:11px;font-weight:700;line-height:1.2;text-align:center;box-shadow:0 6px 18px rgba(16,19,24,.16);transition:transform .2s}
.quick a:hover{transform:translateX(-4px)}
.quick .qi{display:grid;place-items:center;height:20px;font-size:13.5px;line-height:1}
.quick .qi svg{width:20px;height:20px}
.quick .cs{background:var(--navy);color:#fff}.quick .cs .qi{color:#9CC4FF}
.quick .qq{background:#fff;color:var(--ink);border:1px solid var(--line)}
.quick .nv{background:#03C75A;color:#fff}.quick .nv .qi svg{width:15px;height:15px}
.quick .kk{background:var(--kakao);color:#191600}
.quick .kk b{font-size:10px;background:#3A1D1D;color:var(--kakao);border-radius:999px;padding:2px 6px}
.quick .ig{background:linear-gradient(45deg,#F58529,#DD2A7B 55%,#8134AF);color:#fff}
.quick .yt{background:#fff;color:#FF0000;border:1px solid var(--line)}.quick .yt{color:var(--ink)}.quick .yt .qi{color:#FF0000}
@media (max-height:640px){.quick a{height:54px;font-size:11px}.quick .qi{height:16px}}
@media (max-width:600px){.quick{right:10px;gap:6px}.quick a{width:58px;height:54px;font-size:10px;border-radius:14px}.quick .qi svg{width:17px;height:17px}}
@media (prefers-reduced-motion:reduce){.quick a{transition:none}}

/* interview video cards */
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px}
.vid{display:flex;flex-direction:column;text-decoration:none;min-width:0}
.vid .scr{aspect-ratio:16/9;max-width:100%;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--navy),#0A2B4D);color:#fff;position:relative;padding:clamp(18px,2.16vw,30.6px);display:flex;flex-direction:column;justify-content:space-between}
.vid .scr .tag{font-size:11px;font-weight:700;background:rgba(255,255,255,.14);align-self:flex-start;padding:4px 10px;border-radius:999px}
.vid .scr .d{font-weight:800;font-size:clamp(21.6px,2.04vw,32.4px);line-height:1.25;letter-spacing:-.03em}
.vid .scr .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:56px;border-radius:12px;background:#FF0000;color:#fff;display:grid;place-items:center;font-size:12.6px;padding-left:3px}
.vid .t{padding-top:18px;font-size:clamp(13.5px,1.14vw,17.1px);font-weight:600;line-height:1.55}
.vid .t small{display:block;color:var(--accent);font-weight:700;font-size:12.6px;margin-bottom:4px}
.vid:hover .t{color:var(--navy)}
@media (max-width:960px){.vids{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.vids{grid-template-columns:1fr}}

/* revenue bars */
.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,640px),1fr));gap:20px}
.case{display:grid;grid-template-columns:170px 1fr 104px;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 30px}
.case .who{font-weight:700;line-height:1.4;font-size:16.2px}
.case .who span{display:block;font-size:13px;color:var(--muted);font-weight:500}
.case .mid{min-width:0}
.case .amt{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;margin-bottom:8px;white-space:nowrap}
.case .amt span{color:var(--muted)}
.case .amt b{color:var(--navy);font-weight:800}
.bar{position:relative;height:18px;background:#EEF2F6;border-radius:999px;overflow:hidden}
.bar .was{position:absolute;inset:0 auto 0 0;background:#C9D3DD;border-radius:999px;z-index:1}
.bar .now{position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),var(--accent));border-radius:999px;transform-origin:left}
.case .x{font-weight:800;font-size:23.4px;color:var(--accent);text-align:right;letter-spacing:-.02em}
/* 스크롤 등장 효과 (ui.js가 rv 클래스를 붙이고, 화면에 들어오면 in) */
.rv{opacity:.001;transform:translateY(36px);will-change:opacity,transform}
.rv.in{opacity:1;transform:none;transition:opacity .8s ease var(--d,0ms),transform .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.rv-h{transform:translateY(24px);filter:blur(6px)}
.rv-h.in{filter:none;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .8s ease}
.rv-book{transform:perspective(1000px) rotateY(-24deg) translateX(-40px)}
.rv-book.in{transform:perspective(1000px) rotateY(0) translateX(0);transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.rv.now,.rv.now *{transition:none!important}
.rv-case .bar .was,.rv-case .bar .now{transform:scaleX(0);transform-origin:left}
.rv-case.in .bar .was{transform:scaleX(1);transition:transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--d,0ms) + .2s)}
.rv-case.in .bar .now{transform:scaleX(1);transition:transform 1.3s cubic-bezier(.2,.8,.2,1) calc(var(--d,0ms) + .55s)}
.stat.rv.in{transition:opacity .7s ease var(--d,0ms),transform .8s cubic-bezier(.2,.8,.2,1) var(--d,0ms),box-shadow .3s}
@media (prefers-reduced-motion:reduce){.rv,.rv-h,.rv-book{opacity:1!important;transform:none!important;filter:none!important}.rv-case .bar .was,.rv-case .bar .now{transform:none!important}}
/* 카드 마우스 반응 */
.row,.princ > div,.cc,.post,.ch,.fmt > div,.flow3 li,.media > div,.stat{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
@media (hover:hover){.row.in:hover,.princ > div.in:hover,.cc.in:hover,.post.in:hover,.ch.in:hover,.fmt > div.in:hover,.flow3 li.in:hover,.media > div.in:hover,.stat.in:hover{transform:translateY(-6px);box-shadow:0 24px 40px -24px rgba(16,76,130,.45)}}
.legend{display:flex;gap:18px;font-size:12.6px;color:var(--muted);margin-top:22px;flex-wrap:wrap;justify-content:center}
.legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:#C9D3DD}
.legend span.after::before{background:var(--navy)}
@media (max-width:640px){.case{grid-template-columns:1fr auto}.case .mid{grid-column:1/-1;grid-row:2}}

[id]{scroll-margin-top:100px}
.sec-label .eyebrow{margin-bottom:10px}
.rv.in:hover{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}

/* 카테고리 상단 배경 영상 (메인보다 어둡게 덮음) */
.ph{position:relative;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding-block:calc(88px + 40px) 40px}
.ph h1{margin-top:0}
.ph p{margin-inline:auto}
.ph-bg.still{animation:none}
@media (max-width:480px){.ph{padding-block:calc(72px + 40px) 40px}}
.ph > .wrap{position:relative;z-index:2;width:100%}
.ph-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;z-index:0}
.ph::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,15,24,.78) 0%,rgba(9,15,24,.68) 50%,rgba(9,15,24,.88) 100%);pointer-events:none}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.ph-bg{animation:none}}

/* ── 권위: 강연·교육 (어두운 배경 + 사진 모자이크) ── */
.auth{background:var(--dark);color:#fff;padding-block:clamp(72px,7.20vw,126px);overflow:hidden}
.auth .auth-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,4.50vw,86.4px);align-items:center}
.auth .ask-l{color:#9CC4FF;font-weight:700;font-size:clamp(13.5px,1.13vw,16.2px)}
.auth h2{font-size:clamp(28.8px,3.66vw,55.8px);font-weight:700;margin-top:12px}
.auth h2 em{color:#7FB2FF}
.auth .d{color:rgba(255,255,255,.74);margin-top:22px;font-size:clamp(13.5px,1.10vw,16.2px);max-width:42ch}
.auth ul{list-style:none;padding:0;margin:36px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.auth li{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:clamp(12.6px,1.00vw,14.4px)}
.auth li b{font-weight:800;color:#fff}
.auth li span{color:rgba(255,255,255,.72)}
.mos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(110px,9.5vw,180px);gap:12px}
.mos figure{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#1A1F27}
.mos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.mos figure:hover img{transform:scale(1.045)}
.mos figcaption{position:absolute;left:14px;bottom:14px;background:rgba(16,19,24,.72);backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:700;padding:6px 12px;border-radius:999px;line-height:1.4}
.mos .m1{grid-column:1/5;grid-row:1/3}
.mos .m2{grid-column:5/7;grid-row:1}
.mos .m3{grid-column:5/7;grid-row:2}
.mos .m4{grid-column:1/3;grid-row:3}
.mos .m5{grid-column:3/5;grid-row:3}
.mos .m6{grid-column:5/7;grid-row:3}
@media (max-width:1000px){.auth .auth-in{grid-template-columns:1fr}}
@media (max-width:560px){.mos{grid-auto-rows:92px;gap:8px}.mos .m2 figcaption,.mos .m6 figcaption{display:none}.mos figcaption{font-size:11px;left:8px;bottom:8px;padding:4px 9px}.auth li{grid-template-columns:1fr;gap:2px}}

/* ── 강연 사진 2장 (밝은 섹션용) ── */
.lec2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lec2 figure{margin:0;border-radius:var(--r);overflow:hidden;background:var(--alt);border:1px solid var(--line)}
.lec2 img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.lec2 figcaption{padding:18px 22px;font-weight:700;font-size:clamp(12.6px,1.04vw,15.3px)}
.lec2 figcaption small{display:block;color:var(--muted);font-weight:500;font-size:11.7px;margin-top:2px}
@media (max-width:700px){.lec2{grid-template-columns:1fr}}

/* ── 원장님 One PICK 후기 ── */
.picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pk1{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(25.2px,2.34vw,36px);display:flex;flex-direction:column;gap:14px}
.pk1 .who{display:flex;align-items:center;gap:12px;font-size:11.7px;color:var(--muted);font-weight:600}
.pk1 .av{width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:14.4px;flex:none}
.pk1 h3{font-size:clamp(16.2px,1.41vw,21.6px);font-weight:700;color:var(--navy)}
.pk1 p{color:#3F4A5C;font-size:clamp(12.6px,0.96vw,14.4px)}
@media (max-width:1000px){.picks{grid-template-columns:1fr}}

/* ── 연장률 (첫 결제 → 최근 결제) ── */
.renew{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rn{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(23.4px,2.16vw,32.4px)}
.rn .t{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.rn .t b{font-size:clamp(14.4px,1.14vw,17.1px)}
.rn .y{font-size:clamp(34.2px,3.13vw,50.4px);font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.03em}
.rn .y small{font-size:.38em;font-weight:700;margin-left:2px}
.rn .tl{position:relative;height:10px;border-radius:99px;margin:26px 0 12px;background:var(--line)}
.rn .tl i{position:absolute;top:0;bottom:0;left:var(--l,0);width:0;border-radius:99px;background:linear-gradient(90deg,#7FB2FF,var(--accent));transition:width 1.6s cubic-bezier(.2,.8,.2,1) .2s}
.rn.in .tl i,.rn:not(.rv) .tl i{width:var(--w,100%)}
.rn .dt{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);line-height:1.45}
.rn .dt span:last-child{text-align:right}
.rn .dt b{display:block;color:var(--ink);font-size:12.6px}
@media (max-width:1100px){.renew{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.renew{grid-template-columns:1fr}}

/* ── 비교표 · FAQ (공용) ── */
.vs{margin-top:20px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.vs table{width:100%;min-width:600px;border-collapse:collapse;font-size:clamp(12.6px,1.04vw,15.3px)}
.vs th,.vs td{padding:clamp(14.4px,1.44vw,21.6px) clamp(16.2px,2.16vw,32.4px);border-bottom:1px solid var(--line);text-align:left}
.vs thead th{background:var(--alt);font-size:11.7px;color:var(--muted)}
.vs thead th:last-child{background:var(--navy);color:#fff}
.vs td:first-child{font-weight:700}
.vs td:nth-child(2){color:var(--muted)}
.vs td:last-child{font-weight:800;color:var(--accent)}
.vs tr:last-child td{border-bottom:0}
.fqs{max-width:980px;margin-inline:auto;display:flex;flex-direction:column;gap:12px}
.fq{background:#fff;border:1px solid var(--line);border-radius:16px}
.fq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:22px 26px;font-size:clamp(13.5px,1.13vw,16.2px);font-weight:700}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";margin-left:auto;font-size:21.6px;font-weight:400;color:var(--muted)}
.fq[open] summary::after{content:"−"}
.fq summary span{color:var(--accent);font-weight:900}
.fq p{padding:0 26px 24px 56px;color:#3F4A5C;font-size:13.5px}

/* ── 키워드 노출 예시 ── */
.kws{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.kw{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(21.6px,1.98vw,30.6px)}
.kw .q{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:clamp(14.4px,1.22vw,18px)}
.kw .q::before{content:"";width:18px;height:18px;border-radius:5px;background:#03C75A}
.kw .v{font-size:clamp(28.8px,2.58vw,39.6px);font-weight:800;color:var(--accent);line-height:1.1;margin-top:14px;letter-spacing:-.03em}
.kw .v small{font-size:.4em;color:var(--muted);font-weight:600;margin-left:4px}
.kw .s{color:var(--muted);font-size:12.5px;margin-top:4px}
.kw .rk{display:inline-block;margin-top:14px;font-size:11px;font-weight:700;color:var(--navy);background:var(--accent-soft);border-radius:999px;padding:4px 12px}
@media (max-width:900px){.kws{grid-template-columns:1fr}}

/* ── 유튜브: 자체 제작 vs 리드유컴퍼니 ── */
.dt2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:stretch}
.dt2 > div{border-radius:var(--r);padding:clamp(25.2px,2.52vw,39.6px)}
.dt2 .self{background:var(--alt);border:1px solid var(--line)}
.dt2 .self h3{color:var(--muted);font-size:clamp(15.3px,1.22vw,18px)}
.dt2 .self ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.dt2 .self li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:11.7px;color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(110,122,132,.5)}
.dt2 .self p{margin-top:18px;color:var(--muted);font-size:12.6px}
.dt2 .us{background:var(--navy);color:#fff}
.dt2 .us h3{font-size:clamp(18.0px,1.59vw,25.2px)}
.dt2 .us h3 em{color:#9CC4FF}
.dt2 .two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.dt2 .two div{background:rgba(255,255,255,.1);border-radius:16px;padding:20px 22px}
.dt2 .two b{display:block;font-size:clamp(21.6px,2.04vw,30.6px);font-weight:800;line-height:1.1}
.dt2 .two span{color:rgba(255,255,255,.75);font-size:11.7px}
.dt2 .us ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.dt2 .us li{display:flex;gap:10px;align-items:baseline;font-weight:600}
.dt2 .us li::before{content:"✓";color:#9CC4FF;font-weight:900}
@media (max-width:900px){.dt2{grid-template-columns:1fr}}
.ask-l{font-size:clamp(14.4px,1.32vw,19.8px);font-weight:700;color:var(--accent);margin-bottom:10px}
.sec-label .ask-l{margin-bottom:12px}
.sub-h{text-align:center;font-size:clamp(18.0px,1.86vw,28.8px);font-weight:700;margin:clamp(50.4px,4.50vw,79.2px) 0 32px}
.auth .ask-l{color:#9CC4FF;margin-bottom:0}
/* 마지막 줄에 카드 하나만 남지 않도록 개수에 맞춘 열 */
.rows.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1200px){.rows.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.rows.four{grid-template-columns:1fr}}
@media (min-width:961px){.vids{display:flex;flex-wrap:wrap;justify-content:center}.vids > .vid{flex:0 1 calc((100% - 64px)/3);min-width:0}}
.rows.center{display:flex;flex-wrap:wrap;justify-content:center}
.rows.center > .row{flex:0 1 calc((100% - 60px)/4);min-width:0}
@media (max-width:1200px){.rows.center > .row{flex-basis:calc((100% - 20px)/2)}}
@media (max-width:760px){.rows.center > .row{flex-basis:100%}}
.vid .scr .pl{left:auto;top:auto;right:clamp(18px,2vw,28px);bottom:clamp(18px,2vw,28px);transform:none;width:64px;height:46px}
.vid .scr .d{max-width:calc(100% - 80px)}

/* 대 카테고리 드롭다운 */
.dd{position:relative;display:flex}
.dd .top::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-4px) rotate(45deg);margin-left:9px;opacity:.6}
.dd .sub{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,6px);min-width:190px;padding:8px;background:#fff;border:1px solid #E4E8F0;border-radius:16px;box-shadow:0 24px 44px -22px rgba(10,26,58,.4);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:30}
.dd .sub::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dd:hover .sub,.dd:focus-within .sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
.hd .nav .sub a{color:#3F4A5C;font-size:12.6px;padding:11px 16px;border-radius:10px;white-space:nowrap;background:transparent}
.hd .nav .sub a:hover{color:#0A1A3A;background:#F1F5FA}
.hd .nav .sub a[aria-current="page"]{color:var(--navy);background:var(--accent-soft);font-weight:700}
@media (max-width:1060px){
  .dd{flex-direction:column}
  .dd .top::after{display:none}
  .dd .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 4px 14px;min-width:0;background:transparent}
  .dd .sub::before{display:none}
  .hd .nav .sub a{font-size:11.7px}
  .hd .nav .sub a::before{content:"– ";opacity:.5}
}
.vid .scr.has-th{padding:0;background:#0B1324}
.vid .scr.has-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.vid .scr.has-th .tag{position:absolute;left:14px;top:14px;background:rgba(16,19,24,.6);backdrop-filter:blur(4px)}
.vid .scr.has-th .pl{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:68px;height:48px;opacity:.88;transition:opacity .2s,transform .2s}
.vid:hover .scr.has-th img{transform:scale(1.04)}
.vid:hover .scr.has-th .pl{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
.vid .scr.has-th .pl{opacity:0}
.vid:hover .scr.has-th .pl,.vid:focus-visible .scr.has-th .pl{opacity:.95}
.vid .scr.has-th .tag::before{content:"▶ ";color:#FF4B4B}
@media (hover:none){.vid .scr.has-th .pl{display:none}}
/* 연장률: 실제 입금 내역 */
.renew{grid-template-columns:repeat(2,minmax(0,1fr))}
.rn .tx{margin:20px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.rn .tx img{display:block;width:100%;height:auto}
.rn .dt{align-items:center}
.rn .dt .ar{color:var(--accent);font-weight:800;font-size:14.4px}
@media (max-width:1100px){.renew{grid-template-columns:1fr}}
.ph-chips{list-style:none;padding:0;margin:28px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ph-chips li{font-size:clamp(11.7px,0.95vw,13.5px);font-weight:700;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(6px);border-radius:999px;padding:8px 18px}
.ph-chips li::before{content:"✓ ";color:#7FB2FF}

/* 공통 톤: 첫 화면 스크롤 안내 · 강조색 · 라벨 */
.scroll-cue{display:inline-flex;flex-direction:column;align-items:center;gap:12px;margin-top:64px;color:rgba(255,255,255,.8);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.18em}
.scroll-cue i{width:28px;height:46px;border:2px solid rgba(255,255,255,.6);border-radius:16px;position:relative}
.scroll-cue i::after{content:"";position:absolute;left:50%;top:9px;width:4px;height:9px;margin-left:-2px;border-radius:2px;background:#fff;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:reduce){.scroll-cue i::after{animation:none}}
.ph h1 em{color:#6FB8FF}
.ph .scroll-cue{margin-top:56px}
.tool-t .k,.scr-t .k{background:none;padding:0;border-radius:0;font-size:11.7px;letter-spacing:.02em}
.it p,.pt p{font-size:12.6px}
.wk-tag{font-size:11px}
.ph h1{font-weight:800;line-height:1.22;letter-spacing:-.035em;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.ph p{color:rgba(255,255,255,.82);font-size:clamp(14.4px,1.32vw,19.8px);margin-top:30px;max-width:46ch}
.dd .top{cursor:default;user-select:none}
/* 상단 메뉴: 글씨 키우고 간격 넓힘 (PC) */
@media (min-width:1061px){
  .nav{gap:clamp(9px,0.90vw,16.2px)}
  .nav > a,.dd > .top{font-size:clamp(14.4px,1.05vw,16.2px);padding:12px clamp(14.4px,1.26vw,21.6px)}
  .hd .nav .sub a{font-size:13.5px}
}
@media (min-width:1061px) and (max-width:1280px){
  .nav{gap:4px}
  .nav > a,.dd > .top{font-size:13.5px;padding:10px 14px}
}

/* ── 권위: 병원 마케터를 가르치는 회사 (강조 버전) ── */
.auth2{background:var(--dark);color:#fff;overflow:hidden}
.a2-hero{position:relative;min-height:clamp(560px,88vh,880px);display:flex;align-items:center}
.a2-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 35%;max-width:none}
.a2-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,19,24,.96) 0%,rgba(16,19,24,.86) 38%,rgba(16,19,24,.35) 72%,rgba(16,19,24,.55) 100%),linear-gradient(0deg,var(--dark) 0%,rgba(16,19,24,0) 28%)}
.a2-hero-in{position:relative;z-index:1;width:100%;padding-block:clamp(86.4px,9.00vw,144px)}
.a2-kick{display:inline-flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.14vw,17.1px);font-weight:800;color:#FFE14D;letter-spacing:.02em}
.a2-kick::before{content:"";width:28px;height:2px;background:#FFE14D}
.auth2 h2{font-size:clamp(32.4px,4.39vw,70.2px);font-weight:800;line-height:1.2;letter-spacing:-.035em;margin-top:20px;max-width:15ch;text-shadow:0 4px 30px rgba(0,0,0,.4)}
.auth2 h2 em{color:#6FB8FF}
.a2-lede{color:rgba(255,255,255,.82);font-size:clamp(14.4px,1.22vw,18px);margin-top:28px;max-width:40ch}
.a2-badge{display:inline-flex;align-items:center;gap:18px;margin-top:40px;padding:16px 26px 16px 16px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.a2-mark{display:grid;place-items:center;height:56px;padding:0 18px;border-radius:14px;background:#fff;color:var(--navy);font-weight:900;font-size:clamp(14.4px,1.22vw,18px);letter-spacing:.02em}
.a2-badge > span:last-child{font-weight:800;font-size:clamp(13.5px,1.10vw,16.2px);line-height:1.4}
.a2-badge small{display:block;font-weight:500;font-size:11px;color:rgba(255,255,255,.6);letter-spacing:.02em}
.a2-body{padding-block:clamp(18px,2.70vw,36px) clamp(79.2px,8.10vw,135px)}
.a2-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:none}
.a2-flow li{position:relative;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:var(--r);padding:clamp(25.2px,2.70vw,39.6px)}
.a2-flow li:not(:last-child)::after{content:"→";position:absolute;right:-22px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#6FB8FF;color:var(--dark);display:grid;place-items:center;font-weight:900;font-size:11px;z-index:1}
.a2-flow .n{font-size:11.7px;font-weight:800;color:#6FB8FF}
.a2-flow b{display:block;font-size:clamp(28.8px,2.94vw,45px);font-weight:800;letter-spacing:-.03em;margin-top:6px;line-height:1.15}
.a2-flow p{color:rgba(255,255,255,.72);font-size:clamp(12.6px,1.00vw,14.4px);margin-top:10px}
.a2-flow li:last-child{background:var(--navy);border-color:var(--navy)}
.a2-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(120px,11vw,200px);gap:12px;margin-top:clamp(43.2px,4.50vw,72px)}
.a2-grid figure{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#1A1F27}
.a2-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.a2-grid figure:hover img{transform:scale(1.04)}
.a2-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 16px;background:linear-gradient(0deg,rgba(10,12,16,.85),transparent);font-size:11px;color:rgba(255,255,255,.75)}
.a2-grid figcaption b{display:block;color:#fff;font-size:clamp(12.6px,1.04vw,15.3px)}
.a2-grid .g1{grid-column:1/8;grid-row:span 2}
.a2-grid .g2{grid-column:8/13;grid-row:span 2}
.a2-grid .g3{grid-column:1/5}
.a2-grid .g4{grid-column:5/9}
.a2-grid .g5{grid-column:9/13}
.a2-quote{margin:clamp(50.4px,5.40vw,86.4px) auto 0;text-align:center;font-size:clamp(21.6px,2.58vw,39.6px);font-weight:800;line-height:1.35;letter-spacing:-.03em}
.a2-quote em{color:#6FB8FF;font-style:normal}
@media (max-width:900px){
  .a2-hero{align-items:flex-end}.a2-bg{height:62%;object-position:55% 30%}.a2-hero-in{padding-top:52vw}
  .a2-hero::after{background:linear-gradient(0deg,var(--dark) 0%,var(--dark) 45%,rgba(16,19,24,.35) 75%,rgba(16,19,24,.2) 100%)}
  .a2-flow{grid-template-columns:1fr}.a2-flow li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-22px;transform:translateX(-50%) rotate(90deg)}
  .a2-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(110px,28vw,200px)}
  .a2-grid .g1,.a2-grid .g2{grid-column:1/-1;grid-row:span 2}
  .a2-grid .g3,.a2-grid .g4{grid-column:auto}
  .a2-grid .g5{grid-column:1/-1;grid-row:span 2}
}
@media (max-width:560px){.a2-badge{gap:12px;padding:12px 18px 12px 12px}.a2-mark{height:46px;padding:0 12px}}
/* 메인 원칙 02: 변호사 자문 강조 카드 */
.princ .pr-law{display:flex;flex-direction:column;text-decoration:none;color:#fff;background:var(--navy);border:1px solid var(--navy);border-radius:var(--r);padding:clamp(28.8px,3.06vw,50.4px);box-shadow:0 30px 60px -30px rgba(16,76,130,.6);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.princ .pr-law div.n{background:none;border:0;padding:0;border-radius:0;color:#6FB8FF}
.princ .pr-law p{color:rgba(255,255,255,.8)}
.princ .pr-law h3{margin-top:10px}
.pr-badge{align-self:flex-start;margin-top:18px;font-size:11px;font-weight:800;color:var(--navy);background:#FFE14D;border-radius:999px;padding:5px 14px}
.pr-go{margin-top:auto;padding-top:20px;font-weight:700;color:#9CC4FF}
.princ .pr-law:hover{transform:translateY(-6px)}
.princ div.n{background:none;border:0;padding:0;border-radius:0;box-shadow:none}
#edu,#cases{scroll-margin-top:88px}
/* 모바일: 오른쪽 빠른 메뉴 → 하단 고정 바 (본문을 가리지 않도록) */
@media (max-width:760px){
  .quick{left:0;right:0;bottom:0;flex-direction:row;gap:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -8px 24px -12px rgba(16,19,24,.25)}
  .quick a{flex:1 1 0;width:auto;height:54px;border-radius:12px;box-shadow:none;margin:0 3px;font-size:11px}
  .quick a:hover{transform:none}
  .quick .cs{display:none}
  .quick .qq{border:0;background:var(--alt)}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
}
/* 모바일: 비교표·진료과 표를 가로 스크롤 대신 카드로 */
@media (max-width:700px){
  .vs,.tbl-wrap{overflow:visible;border:0;background:transparent}
  .vs table,.tbl-wrap table{min-width:0!important;width:100%;display:block;border:0}
  .vs thead,.tbl-wrap thead{display:none}
  .vs tbody,.tbl-wrap tbody{display:grid;gap:12px}
  .vs tr,.tbl-wrap tr{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}
  .vs td,.tbl-wrap td{display:block;border:0!important;padding:0!important;text-align:left}
  .vs td:first-child,.tbl-wrap td:first-child{font-size:15.3px;font-weight:800;color:var(--ink);margin-bottom:10px}
  .vs td+td,.tbl-wrap td+td{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 0 0!important;font-size:12.6px;line-height:1.55}
  .vs td+td::before,.tbl-wrap td+td::before{content:attr(data-l);flex:0 0 100%;font-size:11px;font-weight:700;color:var(--muted);line-height:1.4}
  .vs td:last-child{color:var(--accent);font-weight:800}
  .vs td:last-child::before{color:var(--navy)}
}
/* 모바일: 연락처 카드 줄바꿈 정리 */
@media (max-width:560px){
  .rc-call .line{flex-wrap:wrap;align-items:flex-start}
  .rc-call .v{word-break:keep-all;white-space:nowrap}
  .rc-call .v.big{font-size:clamp(23.4px,7.14vw,30.6px)}
  .rc-call .v:not(.big){font-size:13.5px}
}
/* 모바일: 신환 문의 그래프 말풍선은 마지막 것만 */
@media (max-width:700px){.ib-call:not(.end){display:none}}
/* 작은 라벨 글씨 최소 크기 */
.cc .chs span,.cc .dp,.kt-tag,.bp-tag,.it-flag,.cat,.ib-foot,.ans,.dgs .cap{font-size:11px}
.wk-tag,.it-t{font-size:11px}
.cy b,.pt b,.cl{font-size:11px}
.tag{font-size:11px}
@media (min-width:701px){.cc .chs span,.kt-tag,.bp-tag,.it-flag{font-size:11.7px}}
/* 카드 사이 화살표: 카드 테두리와 겹치지 않도록 간격 안 가운데에 배치 */
.a2-flow{gap:44px}
.a2-flow li:not(:last-child)::after{right:-36px}
@media (max-width:900px){.a2-flow li:not(:last-child)::after{right:auto;bottom:-36px}}
/* 라인 아이콘 */
.ico{display:inline-grid;place-items:center;width:clamp(40px,3.2vw,48px);height:clamp(40px,3.2vw,48px);border-radius:14px;background:var(--accent-soft);color:var(--navy);flex:none}
.ico svg{width:56%;height:56%}
.rows .row .ico,.area5 .ico,.fmt > div .ico,.lk .ico,.pkg .ico,.after6 .ico{margin-bottom:14px}
.mix > div .ico{width:40px;height:40px;border-radius:12px;margin:0 auto 10px}
.way .ico{margin-bottom:4px}
.row.on .ico,.jy li:nth-child(2) .ico{background:rgba(255,255,255,.14);color:#fff}
/* 직접 vs 맡기면 비교표 */
.dt3{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1.15fr);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0 clamp(16px,2vw,28px) 0 0;overflow:hidden}
.dt3-h,.dt3-r{display:contents}
.dt3 .k,.dt3 .c-self,.dt3 .c-us{padding:16px clamp(14px,1.6vw,24px);border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}
.dt3-h > *{border-top:0!important;padding-top:24px!important;padding-bottom:18px!important}
.dt3 .k{font-weight:700;color:var(--dark);padding-left:clamp(20px,2.4vw,36px)}
.dt3 .c-self{color:var(--muted)}
.dt3 .c-self i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--alt);color:#A3ADB7;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800}
.dt3 .c-us{background:var(--navy);color:#fff;font-weight:600;border-top-color:rgba(255,255,255,.12)}
.dt3 .c-us i{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(156,196,255,.2);color:#9CC4FF;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900}
.dt3-h .c-self{font-weight:700;font-size:15px;color:var(--muted)}
.dt3-h .c-us{font-weight:800;font-size:clamp(15px,1.3vw,18px);margin-top:clamp(12px,1.4vw,20px);border-radius:16px 16px 0 0;flex-wrap:wrap}
.dt3-h .c-us small{background:#9CC4FF;color:var(--navy);font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px}
.dt3-t > *{flex-direction:column;align-items:flex-start!important;justify-content:center;gap:2px!important;padding-top:20px!important;padding-bottom:22px!important}
.dt3-t .k{background:#fff;justify-content:center}
.dt3-t .c-self b{font-size:clamp(19px,1.8vw,26px);color:#A3ADB7;text-decoration:line-through;text-decoration-thickness:2px}
.dt3-t .c-us{background:#0B3A66;margin-bottom:clamp(12px,1.4vw,20px);border-radius:0 0 16px 16px}
.dt3-t .c-us b{font-size:clamp(19px,1.8vw,26px);color:#fff}
.dt3-t .c-us,.dt3-t .c-self{font-size:13px}
.dt3-t .c-us{color:rgba(255,255,255,.75);font-weight:500}
@media (max-width:700px){
 .dt3{grid-template-columns:1fr 1fr;padding:0 14px 14px}
 .dt3 .k{grid-column:1/-1;padding:16px 4px 8px!important;border-top:1px solid var(--line);font-size:14px;background:none!important}
 .dt3 .c-self,.dt3 .c-us{border-top:0;padding:12px;font-size:13px;align-items:flex-start;border-radius:12px}
 .dt3 .c-self{background:var(--alt);margin-right:4px}
 .dt3 .c-us{margin-left:4px}
 .dt3-h > span{display:none}
 .dt3-h .c-self,.dt3-h .c-us{margin-top:14px;padding:12px!important;font-size:13px;border-radius:12px;background:none;justify-content:center;text-align:center}
 .dt3-h .c-us{background:var(--navy)}
 .dt3-h .c-us small{display:none}
 .dt3-t .c-us{margin-bottom:0;border-radius:12px}
 .dt3-t .c-self b,.dt3-t .c-us b{font-size:18px}
 .dt3 i{display:none!important}
}