/* 아이피원 (ip1.co.kr) — 2026-10-09 새 디자인
   · 색·간격·글자 크기는 아래 변수 한 곳에서 정합니다.
   · 글자 대비는 모두 WCAG 4.5:1 이상으로 계산해 골랐습니다(흰 글씨 버튼 #0b5aa8 = 6.9:1, 청록 버튼은 남색 글씨 6.4:1). */

@font-face{font-family:"Pretendard";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/Pretendard-Regular.sub.woff2) format("woff2")}
@font-face{font-family:"Pretendard";font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/Pretendard-Medium.sub.woff2) format("woff2")}
@font-face{font-family:"Pretendard";font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/Pretendard-Bold.sub.woff2) format("woff2")}

:root{
  --ink:#0f1f33;          /* 제목 */
  --text:#33445a;         /* 본문 */
  --muted:#5d6f86;        /* 보조 */
  --line:#e3eaf3;
  --bg:#fff;
  --soft:#f5f8fc;         /* 연한 면 */
  --tint:#eef4fb;
  --brand:#0b5aa8;        /* 로고 파랑 */
  --brand-d:#084a8c;
  --brand-l:#e8f1fb;
  --accent:#0fb5c7;       /* 청록 (버튼 배경 — 글씨는 남색) */
  --accent-t:#0a7f90;     /* 청록 글씨 */
  --navy:#0a2342;
  --navy-2:#0b3a72;
  --warn-bg:#fff7ed;--warn-line:#fed7aa;--warn-t:#7c2d12;
  --ok:#0e7a42;--no:#c0392b;--hot:#d6285b;
  --r:16px;--r-lg:24px;
  --sh-1:0 1px 2px rgba(15,31,51,.06),0 1px 1px rgba(15,31,51,.04);
  --sh-2:0 2px 4px rgba(15,31,51,.05),0 12px 32px rgba(15,31,51,.09);
  --ff:"Pretendard","Malgun Gothic","맑은 고딕","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;
  --hdr:72px;
}
[hidden]{display:none!important}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 16px)}
body{margin:0;font:400 16px/1.7 var(--ff);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;word-break:keep-all;overflow-wrap:break-word}
h1,h2,h3,h4,p,ul,ol,dl,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
img,svg{max-width:100%}
img{height:auto;border:0}
a{color:var(--brand);text-underline-offset:3px}
a:hover{color:var(--brand-d)}
button,input,textarea{font:inherit;color:inherit}
h1,h2,h3{color:var(--ink);letter-spacing:-.02em;line-height:1.3}
strong,b{font-weight:700}

.container{width:min(1160px,100% - 40px);margin-inline:auto}
.container--narrow{width:min(880px,100% - 40px)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:12px;top:-80px;z-index:200;padding:10px 16px;background:#fff;color:var(--brand);border:2px solid var(--brand);border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:3px solid #ffb400;outline-offset:3px;border-radius:6px}
.ico{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.22em}

/* --------- 버튼 --------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:0 24px;border:1.5px solid transparent;border-radius:12px;font:700 16px/1.2 var(--ff);text-decoration:none;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;white-space:nowrap}
.btn--lg{min-height:56px;padding:0 30px;font-size:17px;border-radius:14px}
.btn--block{display:flex;width:100%}
.btn--primary{background:var(--brand);color:#fff}
.btn--primary:hover{background:var(--brand-d);color:#fff;box-shadow:0 6px 18px rgba(11,90,168,.28)}
.btn--accent{background:var(--accent);color:var(--navy)}
.btn--accent:hover{background:#2cc7d8;color:var(--navy);box-shadow:0 8px 22px rgba(15,181,199,.35);transform:translateY(-1px)}
.btn--ghost{background:#fff;color:var(--brand);border-color:#c9d8ea}
.btn--ghost:hover{background:var(--brand-l);color:var(--brand-d);border-color:var(--brand)}
.btn--outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn--outline-light:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
.btn--disabled{background:#e9eef5;color:#4b5d73;cursor:not-allowed;border-color:#e9eef5}
.link{display:inline-flex;align-items:center;gap:.4em;font-weight:700;text-decoration:none;color:var(--brand)}
.link:hover{text-decoration:underline}

/* --------- 머리글 --------- */
.hdr{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.hdr.is-stuck{border-bottom-color:var(--line);box-shadow:0 4px 18px rgba(15,31,51,.06)}
.hdr__in{display:flex;align-items:center;gap:24px;height:var(--hdr)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.brand__mark{display:block;width:34px;height:42px}
.brand__txt{font:700 21px/1 var(--ff);color:var(--brand);letter-spacing:-.03em}
.brand--light .brand__txt{color:#fff}
.nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.nav__list{display:flex;align-items:center;gap:2px}
.nav__a{display:block;padding:9px 14px;border-radius:10px;font:500 15.5px/1.3 var(--ff);color:var(--ink);text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s}
.nav__a:hover{background:var(--soft);color:var(--brand)}
.nav__a[aria-current="page"]{color:var(--brand);background:var(--brand-l);font-weight:700}
.nav__cta{margin-left:10px;min-height:44px;padding:0 20px;font-size:15px}
.nav__cta[aria-current="page"]{box-shadow:0 0 0 3px rgba(11,90,168,.25)}
.nav-toggle{display:none}

/* --------- 메인 : 첫 화면 (연결되는 모습을 움직이는 그림으로) --------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#071a33 0%,#0a2f5e 55%,#0b5aa8 100%);color:#fff}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 85% 30%,rgba(15,181,199,.42),transparent 62%),radial-gradient(40% 50% at 0% 100%,rgba(255,255,255,.08),transparent 60%)}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.2px);background-size:28px 28px;mask-image:linear-gradient(100deg,transparent 25%,#000 100%);-webkit-mask-image:linear-gradient(100deg,transparent 25%,#000 100%)}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:88px 0 96px}
.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:7px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font:500 14px/1.2 var(--ff);color:#d6e6f8}
.hero__eyebrow .ico{color:#7fe3ef}
.hero__t{color:#fff;font:700 clamp(36px,4.8vw,58px)/1.18 var(--ff);letter-spacing:-.035em}
.hero__t em{font-style:normal;background:linear-gradient(90deg,#7fe3ef,#c4f4fa);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__lead{max-width:32em;margin-top:22px;font-size:clamp(16px,1.5vw,18.5px);line-height:1.8;color:#c9daf0}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero__price{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px 26px;font:500 14.5px/1.4 var(--ff);color:#c9daf0}
.hero__price strong{color:#fff;font-weight:700}

.netcard{position:relative;padding:30px 30px 28px;border-radius:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 70px rgba(4,16,36,.4)}
.netcard__tag{display:flex;align-items:center;gap:8px;font:700 13.5px/1 var(--ff);letter-spacing:.02em;color:#7fe3ef}
.netcard__tag i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ee6a6;box-shadow:0 0 0 4px rgba(46,230,166,.2);animation:blink 1.8s ease-in-out infinite}
.netflow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0 26px}
.netflow::before{content:"";position:absolute;left:17%;right:17%;top:35px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(127,227,239,.95) 0 9px,transparent 9px 18px);background-size:18px 3px;animation:flowx 0.9s linear infinite}
.netpkt{position:absolute;top:29px;left:17%;width:15px;height:15px;margin-left:-7px;border-radius:50%;background:#fff;box-shadow:0 0 14px 4px rgba(127,227,239,.85);animation:pkt 3s ease-in-out infinite}
.netnode{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font:500 14px/1.4 var(--ff);color:#e6f0fb}
.netnode__ico{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#12427f;border:1px solid rgba(255,255,255,.3);color:#fff}
.netnode__ico .ico{width:34px;height:34px}
.netnode--hot{color:#fff;font-weight:700}
.netnode--hot .netnode__ico{background:linear-gradient(135deg,#0fb5c7,#0b5aa8);border-color:#9be9f2;box-shadow:0 0 0 6px rgba(15,181,199,.2),0 14px 34px rgba(15,181,199,.45);animation:pulse 2.4s ease-in-out infinite}
.netip{display:grid;gap:0}
.netip__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px}
.netip__row--now{background:rgba(255,255,255,.07);border:1px dashed rgba(255,255,255,.28)}
.netip__row--fixed{background:linear-gradient(135deg,rgba(15,181,199,.3),rgba(11,90,168,.4));border:1px solid rgba(127,227,239,.6)}
.netip__l{font:500 13.5px/1.4 var(--ff);color:#c9daf0;white-space:nowrap}
.netip__row strong{font:700 22px/1.3 var(--ff);color:#fff;font-variant-numeric:tabular-nums;text-align:right;word-break:break-all}
.netip__row--now strong{font-size:20px}
.netip__row strong.is-off{font-size:15px;font-weight:500;color:#c9daf0}
.netip__mid{display:flex;justify-content:center;margin:0}
.netip__pill{display:inline-flex;align-items:center;gap:6px;margin:8px 0;position:relative;z-index:1;padding:7px 14px;border-radius:999px;background:#fff;color:var(--brand);font:700 13px/1 var(--ff);box-shadow:0 6px 16px rgba(4,16,36,.3)}
.netip__pill .ico{width:1.1em;height:1.1em}
@keyframes flowx{to{background-position:18px 0}}
@keyframes pkt{0%{left:17%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:83%;opacity:0}}
@keyframes pulse{50%{box-shadow:0 0 0 13px rgba(15,181,199,.07),0 14px 34px rgba(15,181,199,.45)}}
@keyframes blink{50%{opacity:.35}}

/* --------- 섹션 공통 --------- */
.section{padding:96px 0}
.section--first{padding:56px 0 96px}
.section--tint{background:var(--soft)}
.sec-head{max-width:720px;margin-bottom:48px}
.sec-head--center{margin-inline:auto;text-align:center}
.sec-head h2,.h2{font:700 clamp(26px,3.2vw,36px)/1.28 var(--ff)}
.sec-head__p{margin-top:14px;font-size:17px;color:var(--muted)}
.sec-more{margin-top:36px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}

/* 이런 때 필요합니다 */
.uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.use{padding:28px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}
.use:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:#cfe0f3}
.use__ico{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border-radius:14px;background:var(--brand-l);color:var(--brand)}
.use__ico .ico{width:26px;height:26px}
.use h3{font-size:19px}
.use p{margin-top:10px;font-size:15.5px;line-height:1.7;color:var(--text)}

/* 요금 카드 */
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.plan{--pc:#4f7fd1;position:relative;display:flex;flex-direction:column;padding:30px 26px 26px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-1);overflow:hidden;transition:transform .2s,box-shadow .2s}
.plan::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--pc)}
.plan:hover{transform:translateY(-5px);box-shadow:var(--sh-2)}
.plan--lite{--pc:#4f7fd1}.plan--gold{--pc:#8a63d2}.plan--lite10{--pc:#1fa88c}.plan--gold10{--pc:#5b6fd6}
.plan__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.plan__name{font-size:22px}
.plan__badge{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font:500 13px/1.2 var(--ff);color:var(--ink)}
.plan__price{display:flex;align-items:baseline;gap:4px;margin-top:22px;color:var(--ink)}
.plan__num{font:700 40px/1 var(--ff);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.plan__won{font:700 20px/1 var(--ff)}
.plan__per{margin-left:4px;font:500 15px/1 var(--ff);color:var(--muted)}
.plan__sub{margin-top:10px;font-size:14.5px;color:var(--muted);min-height:1.7em}
.plan__feat{display:grid;gap:10px;margin:22px 0 26px;padding-top:22px;border-top:1px solid var(--line);font-size:15px;color:var(--text)}
.plan__feat li{display:flex;align-items:center;gap:10px}
.plan__feat .ico{color:var(--ok);width:1.15em;height:1.15em;stroke-width:2.4}
.plan .btn{margin-top:auto}

/* 시작 방법 */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.step{position:relative;padding:32px 28px 28px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.step__no{display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border-radius:50%;background:var(--brand);color:#fff;font:700 18px/1 var(--ff)}
.step h3{font-size:20px}
.step p{margin-top:10px;font-size:15.5px}
.step__more{display:inline-flex;margin-top:16px}
.step:not(:last-child)::after{content:"";position:absolute;right:-21px;top:54px;width:22px;height:2px;background:linear-gradient(90deg,var(--line),#b9cde4)}

/* 공지·FAQ */
.news{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.newsbox{padding:28px 28px 20px}
.newsbox__h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.newsbox__h h3{display:flex;align-items:center;gap:10px;font-size:19px}
.newsbox__h h3 .ico{color:var(--brand)}
.newsrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:15.5px}
.newsrow:hover{color:var(--brand)}
.newsrow__t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsrow__d{flex:none;font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.qlink{display:flex;align-items:center;gap:14px;padding:20px 20px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.qlink:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:#cfe0f3;color:var(--ink)}
.qlink__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand-l);color:var(--brand);flex:none}
.qlink__ico .ico{width:24px;height:24px}
.qlink strong{display:block;font-size:16.5px;line-height:1.35;color:var(--ink)}
.qlink .qlink__s{display:block;font-size:14px;color:var(--muted)}
.qlink>.ico{margin-left:auto;color:var(--muted)}

/* 문의 띠 */
.cta{background:linear-gradient(135deg,#0a2342,#0b3a72);color:#fff}
.cta__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px;padding:64px 0}
.cta h2{color:#fff;font-size:clamp(24px,3vw,32px)}
.cta p{margin-top:10px;color:#c9daf0}
.cta__acts{display:flex;flex-wrap:wrap;gap:12px}

/* --------- 하위 쪽 머리 --------- */
.phead{background:linear-gradient(180deg,var(--soft),#fff);border-bottom:1px solid var(--line)}
.phead .container{padding:56px 0 44px}
.phead__t{font:700 clamp(30px,4vw,42px)/1.2 var(--ff);letter-spacing:-.03em}
.phead__s{max-width:40em;margin-top:12px;font-size:17px;color:var(--muted)}

/* 서비스소개 */
.leadcard{padding:40px 44px;background:linear-gradient(135deg,var(--brand-l),#f7fbff);border-radius:var(--r-lg);border:1px solid #d6e5f6}
.leadcard h2{font-size:clamp(21px,2.4vw,26px);color:var(--brand-d)}
.leadcard p{margin-top:16px;font-size:17px;line-height:1.85;color:var(--ink)}
.mobilecard{display:flex;align-items:center;gap:24px;margin-top:20px;padding:28px 36px;border-radius:var(--r-lg);background:linear-gradient(135deg,#0a2342,#0b3a72);color:#fff}
.mobilecard__ico{display:grid;place-items:center;flex:none;width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#0fb5c7,#0b5aa8);box-shadow:0 10px 24px rgba(15,181,199,.35)}
.mobilecard__ico .ico{width:34px;height:34px}
.mobilecard__tag{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:999px;background:var(--accent);color:var(--navy);font:700 13px/1.4 var(--ff)}
.mobilecard h2{color:#fff;font-size:22px}
.mobilecard p{margin-top:8px;font-size:16px;line-height:1.75;color:#d6e6f8}
.mobilecard h2+p strong{color:#7fe3ef}
.flows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 80px}
.flow{padding:30px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.flow__tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font:700 14px/1 var(--ff)}
.flow__tag--no{background:#fdecea;color:#a12b1f}
.flow__tag--ok{background:#e4f6ec;color:#0b6b3a}
.flow__row{margin-top:26px;padding-top:26px;border-top:1px dashed var(--line)}
.flow__row:first-of-type{border-top:0;padding-top:0}
.flow__nodes{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:6px}
.node{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font:500 14px/1.35 var(--ff);color:var(--ink)}
.node__ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--soft);border:1px solid var(--line);color:var(--brand)}
.node__ico .ico{width:28px;height:28px}
.node--hot .node__ico{background:var(--brand);border-color:var(--brand);color:#fff}
.flow__arrow{display:grid;place-items:center;height:56px;color:#9fb3cc}
.flow__arrow .ico{width:22px;height:22px}
.flow__res{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:10px 14px;border-radius:12px;font:700 14.5px/1.35 var(--ff);text-align:center}
.flow__res--no{background:#fdecea;color:#a12b1f}
.flow__res--ok{background:#e4f6ec;color:#0b6b3a}
.flow__res .ico{width:1.2em;height:1.2em;stroke-width:2.6;flex:none}
.usecases{display:grid;gap:14px;margin-top:8px}
.usecase{display:grid;grid-template-columns:48px 1fr;gap:6px 20px;padding:24px 28px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.usecase__n{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--brand-l);color:var(--brand);font:700 18px/1 var(--ff);grid-row:span 2}
.usecase h3{font-size:18.5px;align-self:end}
.usecase p{font-size:15.5px;color:var(--text)}
.inline-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:48px;padding:30px 36px;border-radius:var(--r-lg);background:var(--navy);color:#fff}
.inline-cta h2{color:#fff;font-size:22px}
.inline-cta p{margin-top:6px;color:#c9daf0;font-size:15.5px}

/* 요금안내 */
.discount{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding:16px 22px;border-radius:14px;background:#fff0f4;border:1px solid #ffd0dd;color:#9d1d46;font:500 16px/1.5 var(--ff)}
.discount .ico{flex:none;color:var(--hot)}
.pays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.pay{display:flex;gap:20px;padding:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.pay__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--brand-l);color:var(--brand);flex:none}
.pay__ico .ico{width:26px;height:26px}
.pay h2{font-size:19px}
.pay__acct{margin-top:10px;font:700 26px/1.3 var(--ff);color:var(--brand-d);letter-spacing:.01em;font-variant-numeric:tabular-nums}
.pay p{margin-top:6px;font-size:15.5px}
.pay p.pay__s{color:var(--muted);font-size:14.5px}

/* 서비스신청 */
.formgrid{display:grid;gap:24px}
.fcard{padding:36px 40px}
.fcard h2{font-size:22px}
.fcard__sub{margin-top:6px;color:var(--muted);font-size:15px}
.terms{height:260px;margin-top:20px;overflow:auto;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:var(--soft);font-size:14.5px;line-height:1.85;color:var(--text)}
.terms h3{margin:20px 0 6px;font-size:15.5px}
.terms h3:first-child{margin-top:0}
.terms p{margin:0 0 8px}
.terms .t-l2{padding-left:1.1em}
.terms .t-l3{padding-left:2.2em}
.agree{margin-top:20px;display:grid;gap:10px;font-size:15px}
.agree p:first-child{font-weight:700;color:var(--ink)}
.warnbox{display:flex;gap:12px;padding:16px 18px;border-radius:14px;background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-t);font-size:14.5px;line-height:1.7}
.warnbox .ico{flex:none;margin-top:.2em;color:#c2410c}
.warnbox p+p{margin-top:2px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;margin-top:26px}
.field{display:grid;gap:8px;align-content:start}
.field--full{grid-column:1/-1}
.field>label,.field>.field__l{font:700 14.5px/1.3 var(--ff);color:var(--ink)}
.req{color:var(--hot);margin-left:2px}
.field input[type="text"],.field input[type="email"],.field input[type="tel"],.field textarea{width:100%;min-height:50px;padding:12px 16px;border:1.5px solid #cdd8e6;border-radius:12px;background:#fff;font:400 16px/1.5 var(--ff);color:var(--ink);transition:border-color .15s,box-shadow .15s}
.field textarea{min-height:120px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#7a8ba1}
.field input:hover,.field textarea:hover{border-color:#9fb3cc}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px rgba(11,90,168,.16)}
.field__help{font-size:13.5px;color:var(--muted)}
.opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.opts--5{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.opt--sm .opt__box{padding:16px 6px;text-align:center}
.opt--sm .opt__name{font-size:15px}
.opt--sm input:checked+.opt__box::after{display:none}
.opt--sm input:checked+.opt__box .opt__name{color:var(--brand-d)}
.opt input:disabled+.opt__box{opacity:.4;cursor:not-allowed}
.paybox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:20px 26px;border-radius:16px;background:var(--brand-l);border:1px solid #cfe0f3}
.paybox__l{display:grid;gap:2px}
.paybox__t{font:700 15px/1.3 var(--ff);color:var(--brand-d)}
.paybox__d{font-size:14px;color:var(--muted)}
.paybox__s{font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.paybox__r{display:flex;align-items:baseline;gap:10px}
.paybox__r strong{font:700 30px/1.2 var(--ff);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.paybox__v{font-size:13.5px;color:var(--muted)}
.bankline{display:block;font:700 18px/1.7 var(--ff);color:var(--ink);margin-top:12px;padding:12px 18px;border-left:5px solid var(--accent);border-radius:0 12px 12px 0;background:#fff7e0}
.bankline__t{font:700 18px/1.4 var(--ff);color:var(--ink)}
.bankline strong{font:700 18px/1.4 var(--ff);color:#b3261e;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.bankline__h{font:700 18px/1.4 var(--ff);color:var(--ink)}
.bankline__a,.bankline__h{white-space:nowrap}
.opt{display:block;cursor:pointer}
.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt__box{position:relative;display:grid;gap:2px;height:100%;padding:16px 16px 14px;border:1.5px solid #cdd8e6;border-radius:14px;background:#fff;transition:border-color .15s,background-color .15s,box-shadow .15s}
.opt:hover .opt__box{border-color:#9fb3cc}
.opt__name{font:700 16px/1.3 var(--ff);color:var(--ink)}
.opt__price{font:700 18px/1.4 var(--ff);color:var(--brand);font-variant-numeric:tabular-nums}
.opt__price small{font:500 13px/1 var(--ff);color:var(--muted)}
.opt__speed{font-size:13.5px;color:var(--muted)}
.opt input:checked+.opt__box{border-color:var(--brand);background:var(--brand-l);box-shadow:0 0 0 3px rgba(11,90,168,.14)}
.opt input:checked+.opt__box::after{content:"";position:absolute;right:12px;top:12px;width:20px;height:20px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.opt input:focus-visible+.opt__box{outline:3px solid #ffb400;outline-offset:2px}
.aform__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fsubmit{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:30px}
.aform__msg{flex:1 1 260px;font:500 15px/1.6 var(--ff);color:var(--text)}
.aform__msg.is-ok{color:var(--ok)}
.aform__msg.is-err{color:var(--no)}
.btn[disabled]{opacity:.6;cursor:default}

/* 이메일 인증 */
.vrow{display:flex;flex-wrap:wrap;gap:10px}
.vrow input{flex:1 1 200px;min-width:0}
.vbtn{flex:none;min-height:50px;padding:0 20px}
.vbox{margin-top:6px;padding:18px;border-radius:14px;background:var(--soft);border:1px solid var(--line);display:grid;gap:10px}
.vbox[hidden],.linkbtn[hidden]{display:none}
.vbox label{font:700 14.5px/1.3 var(--ff);color:var(--ink)}
.vbox input{letter-spacing:.3em;font-variant-numeric:tabular-nums;font-weight:700}
.vbox__s{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13.5px;color:var(--muted)}
.vbox__s #v-time{font-weight:700;color:var(--brand-d);font-variant-numeric:tabular-nums}
.vmsg{min-height:1.5em;font:500 14.5px/1.6 var(--ff);color:var(--text)}
.vmsg:empty{display:none}
.vmsg.is-err{color:var(--no)}
.vmsg.is-ok{padding-left:26px;color:var(--ok);font-weight:700;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%230e7a42'/%3E%3Cpath d='M6.5 12.5l4 4 7-8' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left .3em/18px no-repeat}
.linkbtn{justify-self:start;padding:0;border:0;background:none;color:var(--brand);font:700 14px/1.5 var(--ff);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.linkbtn:hover{color:var(--brand-d)}
.field input[readonly]{background:var(--soft);color:var(--muted);cursor:default}

/* 프로그램 다운로드 */
.dlcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.dlcard{display:flex;flex-direction:column;gap:6px;padding:36px 36px 32px}
.dlcard__ico{display:grid;place-items:center;width:60px;height:60px;margin-bottom:14px;border-radius:18px;color:#fff}
.dlcard__ico .ico{width:30px;height:30px}
.dlcard--1 .dlcard__ico{background:linear-gradient(135deg,#7bb81a,#4c8a0f)}
.dlcard--2 .dlcard__ico{background:linear-gradient(135deg,#f2b705,#d97706)}
.dlcard h2{font-size:24px}
.dlcard__d{color:var(--text);font-size:15.5px;margin-bottom:14px}
.dlcard__note{margin-top:10px;font-size:14px;color:var(--muted);text-align:center}
.dlcard__guide{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-weight:700;text-decoration:none}
.dlcard__guide:hover{text-decoration:underline}
.dlremote{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:24px;padding:28px 36px;border-radius:var(--r-lg);background:var(--navy);color:#fff}
.dlremote__ico{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:rgba(255,255,255,.12);color:#7fe3ef;flex:none}
.dlremote__ico .ico{width:30px;height:30px}
.dlremote h2{color:#fff;font-size:21px}
.dlremote p{margin-top:4px;color:#c9daf0;font-size:15.5px}
.dlremote .btn{margin-left:auto}
.dlpick{margin-top:24px;display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:14px;background:var(--brand-l);color:var(--brand-d);font-size:15px;line-height:1.7}
.dlpick .ico{flex:none;margin-top:.2em}

/* 사용법 */
.gtabs{display:inline-flex;gap:6px;padding:6px;margin-bottom:32px;border-radius:16px;background:#cfdbeb;border:1px solid #b9c9de}
.gtab{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:12px;font:700 15px/1.2 var(--ff);color:var(--muted);text-decoration:none;transition:background-color .15s,color .15s}
.gtab:hover{color:var(--ink)}
.gtab[aria-current="page"]{background:#fff;color:var(--brand);box-shadow:var(--sh-1)}
.gsteps{display:grid;gap:20px}
.gstep{display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 20px;padding:28px 32px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.gstep__no{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;font:700 17px/1 var(--ff)}
.gstep__b{min-width:0}
.gsub{margin:36px 0 16px;font:700 22px/1.4 var(--ff);color:var(--ink)}
.gsub:first-of-type{margin-top:0}
.gstep h2,.gstep h3{font-size:19px;line-height:1.5}
.gstep__p{margin-top:8px;font-size:15.5px}
.gstep__p--b{font-weight:700;color:var(--ink)}
.gstep__sub{margin-top:14px;font:700 14px/1.4 var(--ff);color:var(--muted)}
.gfig{margin-top:16px}
.gfig img{display:block;max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:var(--sh-1);background:#fff}
.gfig--plain img{border:0;box-shadow:none;border-radius:0}
.grow{display:flex;flex-wrap:wrap;gap:18px 22px;align-items:flex-start;margin-top:16px}
.grow .gfig{margin-top:0}
.glines{display:grid;gap:4px;font-size:15.5px;color:var(--ink)}
.gcap{margin-top:12px;font:500 17px/1.65 var(--ff);color:var(--ink)}
.gcap .red{color:#d0021b;font-weight:700}
.glink{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 18px;border-radius:12px;background:var(--soft);border:1px solid var(--line);font-weight:700;text-decoration:none}
.glink:hover{background:var(--brand-l)}
.mk{display:inline-block;width:.85em;height:.85em;margin-right:.4em;vertical-align:-.08em;border:2px solid #e00}
.mk--o{border-radius:50%}
.fadebottom{-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}

/* 고객센터 */
.contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ccard{padding:30px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.ccard__ico{display:grid;place-items:center;width:50px;height:50px;margin-bottom:18px;border-radius:14px;background:var(--brand-l);color:var(--brand)}
.ccard__ico .ico{width:25px;height:25px}
.ccard h2{font-size:17px;color:var(--muted);font-weight:500}
.ccard__v{margin-top:6px;font:700 clamp(22px,2.4vw,27px)/1.3 var(--ff);color:var(--ink);font-variant-numeric:tabular-nums}
.ccard__v a{color:inherit;text-decoration:none}
.ccard__v a:hover{color:var(--brand)}
.ccard p{margin-top:8px;font-size:15px}
.support-news{margin-top:48px}

/* 게시판·글 */
.boardcard{padding:8px 24px}
.tablewrap{overflow-x:auto}
.board{width:100%;border-collapse:collapse;font-size:15.5px}
.board th{padding:14px 16px;border-bottom:2px solid var(--ink);font:700 14px/1.3 var(--ff);color:var(--ink);text-align:center;white-space:nowrap}
.board td{padding:16px;border-bottom:1px solid var(--line);text-align:center;color:var(--muted)}
.board tbody tr{transition:background-color .15s}
.board tbody tr:hover{background:var(--soft)}
.board .c-no{width:76px}
.board .c-title{text-align:left}
.board td.c-title{color:var(--ink)}
.board td.c-title a{color:inherit;text-decoration:none;font-weight:500}
.board td.c-title a:hover{color:var(--brand);text-decoration:underline}
.board .c-by{width:110px}
.board .c-date{width:130px;font-variant-numeric:tabular-nums}
.post{padding:44px 52px}
.post__kind{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--brand-l);color:var(--brand-d);font:700 13px/1.2 var(--ff)}
.post__title{margin-top:14px;font:700 clamp(22px,2.8vw,30px)/1.4 var(--ff)}
.post__meta{display:flex;gap:10px;margin-top:12px;padding-bottom:26px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.post__body{padding:30px 0 12px;font-size:16.5px;line-height:1.9;color:var(--text)}
.post__body p{margin-bottom:12px}
.post__body p.gap{margin-top:26px}
.post__body .hl{color:#c2410c;font-weight:700}
.post__img img{display:block;max-width:100%;height:auto;margin:10px 0;border-radius:12px;border:1px solid var(--line)}
.post__foot{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.ico--back{transform:rotate(180deg)}

/* 없는 주소 */
.nf{padding:120px 0 140px;text-align:center}
.nf h2{font-size:clamp(24px,3vw,32px)}
.nf p{margin:14px 0 28px;color:var(--muted)}

/* --------- 바닥글 --------- */
.ftr{background:var(--navy);color:#d6e2f1}
.ftr a{color:inherit;text-decoration:none}
.ftr a:hover{color:#fff;text-decoration:underline}
.ftr__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding:64px 0 44px}
.ftr__brand p{margin-top:18px;font-size:15px;line-height:1.8;color:#a9bbd2}
.ftr__h{margin-bottom:14px;font:700 15px/1.2 var(--ff);color:#fff}
.ftr__col p{margin-top:6px;font-size:15px;line-height:1.75}
.ftr__tel{font:700 26px/1.3 var(--ff);color:#fff;font-variant-numeric:tabular-nums}
.ftr__links{display:grid;grid-template-columns:repeat(2,max-content);gap:8px 32px;font-size:15px}
.ftr__bottom{padding:24px 0 36px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;line-height:1.8;color:#a9bbd2}

/* --------- 화면 폭별 --------- */
@media (max-width:1100px){
  .hero__grid{gap:40px}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  :root{--hdr:64px}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
  .nav-toggle__bars,.nav-toggle__bars::before,.nav-toggle__bars::after{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;content:"";position:relative}
  .nav-toggle__bars::before{position:absolute;top:-6px;left:0}
  .nav-toggle__bars::after{position:absolute;top:6px;left:0}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:12px 20px 24px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(15,31,51,.12)}
  .nav.is-open{display:flex}
  .nav__list{flex-direction:column;align-items:stretch;gap:0}
  .nav__a{padding:15px 8px;border-radius:0;border-bottom:1px solid var(--line);font-size:17px}
  .nav__a[aria-current="page"]{background:transparent;box-shadow:inset 3px 0 0 var(--brand);padding-left:16px}
  .nav__cta{margin:18px 0 0;min-height:52px}
  .hero__grid{grid-template-columns:1fr;gap:36px;padding:56px 0 64px}
  .hero__vis{max-width:560px}
  .news,.pays,.dlcards,.flows,.contacts{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .step:not(:last-child)::after{display:none}
  .quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .ftr__brand{grid-column:1/-1}
  .section{padding:72px 0}
  .section--first{padding:40px 0 72px}
}
@media (max-width:640px){
  .container{width:min(1160px,100% - 32px)}
  .container--narrow{width:min(880px,100% - 32px)}
  body{font-size:15.5px}
  .brand__txt{font-size:19px}
  .hero__grid{padding:48px 0 56px}
  .hero__cta .btn{flex:1 1 100%}
  .netcard{padding:22px 18px}
  .netnode{font-size:12.5px}
  .netnode__ico{width:58px;height:58px;border-radius:18px}
  .netnode__ico .ico{width:28px;height:28px}
  .netflow::before{top:28px}
  .netpkt{top:22px}
  .netip__row{flex-direction:column;gap:2px;padding:14px 16px}
  .netip__row strong{text-align:left}
  .uses,.plans{grid-template-columns:1fr}
  .quick{grid-template-columns:1fr}
  .use{padding:24px}
  .plan{padding:26px 22px 22px}
      .section{padding:56px 0}
  .section--first{padding:28px 0 56px}
  .sec-head{margin-bottom:32px}
  .phead .container{padding:36px 0 30px}
  .leadcard{padding:28px 24px}
  .flow{padding:22px 18px}
  .flow__nodes{gap:2px}
  .node{font-size:12.5px}
  .node__ico{width:48px;height:48px;border-radius:14px}
  .node__ico .ico{width:24px;height:24px}
  .flow__arrow{height:48px}
  .usecase{grid-template-columns:40px 1fr;padding:20px;gap:4px 14px}
  .usecase__n{width:38px;height:38px;font-size:16px}
  .inline-cta{padding:24px}
  .inline-cta .btn{width:100%}
  .fcard{padding:26px 20px}
  .fgrid{grid-template-columns:1fr}
  .opts{grid-template-columns:1fr 1fr;gap:10px}
  .fsubmit .btn{width:100%}
  #v-send{flex:1 1 100%}
  .opts--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobilecard{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 22px}
  .paybox{padding:18px 20px}
  .paybox__r strong{font-size:26px}
  .dlcard{padding:28px 24px}
  .dlremote{padding:24px}
  .dlremote .btn{margin-left:0;width:100%}
  .gtabs{display:flex}
  .gtab{flex:1;justify-content:center;padding:11px 8px;font-size:14px}
  .gstep{grid-template-columns:1fr;padding:22px 20px}
  .gstep__no{margin-bottom:12px}
  .post{padding:28px 22px}
  .boardcard{padding:4px 12px}
  .board .c-by{display:none}
  .board th,.board td{padding:13px 8px}
  .board .c-no{width:44px}
  .board .c-date{width:94px;font-size:13.5px}
  .newsbox{padding:22px 20px 14px}
  .newsrow{flex-direction:column;align-items:flex-start;gap:2px}
  .ftr__grid{grid-template-columns:1fr;padding:44px 0 32px}
  .ftr__links{grid-template-columns:repeat(2,1fr)}
  .cta__in{padding:44px 0}
  .cta__acts,.cta__acts .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.hdr,.skip,.cta,.nav-toggle{display:none}}

/* 사용법 안내 (새 접속기) */
.gnote{margin-bottom:24px;padding:16px 20px;border-radius:14px;background:var(--brand-l);color:var(--brand-d);font-size:15.5px;line-height:1.75}
.gnote a{font-weight:700}
.gstep .gstep__p strong,.glist strong,.glegend strong{color:var(--ink)}
.gstep h2{font-size:20px}
.gstep .glink{margin-right:10px}
.gstep .btn{margin-top:16px}
.gfig--win img{width:416px;max-width:100%;height:auto}
.gfig-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.gfig-grid .gfig{width:100%}
.glist{margin:12px 0 0;padding-left:1.4em;display:grid;gap:8px;font-size:15.5px;line-height:1.75;color:var(--text);list-style:decimal}
.glist--dot{list-style:disc}
.glist li::marker{color:var(--brand);font-weight:700}
.glegend{counter-reset:lg;display:grid;gap:12px;align-content:start;flex:1 1 260px;font-size:15.5px;line-height:1.7;color:var(--text)}
.glegend li{counter-increment:lg;position:relative;padding-left:40px}
.glegend li::before{content:counter(lg);position:absolute;left:0;top:1px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e02020;color:#fff;font:700 15px/1 var(--ff)}
@media (max-width:640px){.gfig-grid{grid-template-columns:1fr}}
.gtab{color:var(--text)}
.gtab[aria-selected="true"]{background:#fff;color:var(--brand);box-shadow:0 2px 6px rgba(15,31,51,.22)}
.gpanel+.gpanel{margin-top:40px}
.gspec{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.gspec>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 16px;align-items:baseline;padding:13px 18px;border-top:1px solid var(--line)}
.gspec>div:first-child{border-top:0}
.gspec dt{font:700 14.5px/1.5 var(--ff);color:var(--muted)}
.gspec dd{font-size:16px;line-height:1.6;color:var(--ink);word-break:break-all}
.gspec dd strong{font-weight:700;color:var(--brand-d)}
.gspec dd small{font-size:13.5px;color:var(--muted)}
@media (max-width:640px){.gspec>div{grid-template-columns:1fr;gap:2px;padding:12px 16px}}
.gfig-grid--p1{grid-template-columns:minmax(0,260px)}
.gfig-grid--p2{grid-template-columns:repeat(2,minmax(0,260px));align-items:start}
.gfig-grid--p3{grid-template-columns:repeat(3,minmax(0,260px));align-items:start}
.gfig--phone{margin-top:0}
.gfig--phone img{width:100%}
@media (max-width:640px){.gfig-grid--p1,.gfig-grid--p2,.gfig-grid--p3{grid-template-columns:minmax(0,320px)}}
.gsoon{margin:-14px 0 22px;font-size:14.5px;color:var(--muted)}
.gsoon a{font-weight:700;color:var(--brand)}
.post__body .post__go{margin:34px 0 8px}
.post__body .post__go .btn{text-decoration:none}