/* AIMarker 디자인 시스템 9.1 '지문' (2026.10.19, 9.0 'Marker' 구조 그대로)
   - 글에도 지문이 있습니다. 로고의 두 색이 화면 전체의 규칙입니다.
     네이비(Marker) = 확인하고 표시하고 기록하는 도구: 글자, 단추, 틀
     지문 블루(AI)  = 찾아내 표시한 것: 지금 위치, 핵심 낱말, 링크 밑줄, 고른 칸, 근거 막대
   - 판정 색(높음 빨강, 중간 주황, 낮음 노랑)은 결과에만 씁니다.
   - 새 부품은 k- 로 시작. 예전 부품(x- · hz7- · btn …)은 아래 '예전 부품 맞춤'에서 같은 색 · 모양으로 */

:root {
  --k-paper: #FFFFFF; --k-panel: #F4F6FA; --k-panel-2: #EBEFF5; --k-rule: #E2E6EE; --k-rule-2: #D0D6E0;
  --k-ink: #0E1F47; --k-ink-2: #27324E; --k-gray: #586179; --k-dim: #858C9D;
  /* 9.1 브랜드 */
  --k-navy: #0E1F47; --k-navy-2: #08142F; --k-blue: #0B63F6; --k-blue-2: #0A4FCB; --k-blue-soft: #E8F1FF; --k-blue-line: #C7DBFF; --k-cyan: #33C8FF;
  --k-grad: linear-gradient(45deg, #0030C4 0%, #0858F0 45%, #0E8BFB 80%, #33C8FF 100%);
  --k-marker: #0B63F6; --k-marker-hl: rgba(11, 99, 246, .15); --k-marker-soft: #E8F1FF;
  --k-hi: #E5484D; --k-hi-hl: rgba(255, 77, 79, .28); --k-mid: #F28C28; --k-mid-hl: rgba(255, 150, 28, .30); --k-lo: #D9AE00; --k-lo-hl: rgba(255, 214, 10, .40);
  --k-ok: #0E9A6A; --k-ok-bg: #E6F5EE; --k-warn-bg: #FFF4E5;
  --k-code: #0B1734; --k-code-2: #13224A; --k-code-ink: #E4E9F2; --k-code-dim: #8A94A8;
  --k-r-app: 18px; --k-r: 14px; --k-r-in: 12px; --k-r-s: 8px;
  --k-wrap: 1200px; --k-gut: 24px;
  --k-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --k-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "D2Coding", monospace;
  --k-sh: 0 1px 2px rgba(14, 31, 71, .05), 0 10px 30px -12px rgba(14, 31, 71, .16);
  --k-sh-2: 0 1px 0 rgba(14, 31, 71, .04), 0 30px 60px -24px rgba(14, 31, 71, .22);
  /* 예전 부품이 쓰는 이름(am.css · site4.css · v8.css)을 새 색으로 */
  --ink: #0E1F47; --ink-2: #27324E; --mute: #586179; --faint: #858C9D;
  --line: #E2E6EE; --line-2: #D0D6E0; --bg: #FFFFFF; --soft: #F4F6FA; --soft-2: #EBEFF5;
  --navy: #0E1F47; --navy-2: #08142F; --blue: #0E1F47; --blue-d: #08142F; --blue-50: #F4F6FA; --blue-100: #EBEFF5;
  --mint: #0E9A6A; --mint-50: #E6F5EE; --red: #E5484D; --verified: #0E9A6A;
  --n0: #0E1F47; --n1: #0E1F47; --n2: #0E1F47; --n3: #27324E; --mk: #2E9BFF; --mk-a: rgba(11, 99, 246, .15); --mk-d: #0A4FCB; --paper: #F4F6FA; --hair: #E2E6EE;
  --font: var(--k-font); --wrap: 1200px;
  --night: #08122B; --night-2: #0B1734; --night-3: #13224A; --nline: rgba(255, 255, 255, .12); --ntext: #B6C0D4; --nmute: #8A95AB;
  --grad: linear-gradient(92deg, #0B63F6 0%, #33C8FF 100%); --hi: #E5484D; --hi-50: #FDEDEE; --ok: #0E9A6A;
}

/* ---------- 바탕 ---------- */
html { scroll-padding-top: 76px; }
body { font-family: var(--k-font); color: var(--k-ink); background: var(--k-paper); letter-spacing: -.011em; -webkit-font-smoothing: antialiased; font-feature-settings: "tnum" 0; }
::selection { background: rgba(11, 99, 246, .22); color: var(--k-ink); }
:focus-visible { outline: 2px solid var(--k-blue); outline-offset: 3px; border-radius: 6px; }
a { color: var(--k-ink); }
.k-wrap { width: 100%; max-width: var(--k-wrap); margin: 0 auto; padding: 0 var(--k-gut); }
.k-num, .k-tab-n { font-variant-numeric: tabular-nums; }
.k-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.k-skip { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--k-ink); color: #fff; padding: 10px 14px; border-radius: 10px; font-weight: 700; }
.k-skip:focus { top: 10px; text-decoration: none; }

/* 형광펜: 글자 아래쪽 띠(제목 · 핵심 낱말), 문장 표시 */
.k-mk { background: linear-gradient(transparent 56%, var(--k-marker-hl) 56%, var(--k-marker-hl) 94%, transparent 94%); -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 .06em; }
.k-s { -webkit-box-decoration-break: clone; box-decoration-break: clone; border-radius: 3px; padding: 1px 0; background-repeat: no-repeat; background-size: 100% 100%; transition: background-size .55s cubic-bezier(.2, .7, .2, 1); }
.k-s.l3 { background-image: linear-gradient(var(--k-hi-hl), var(--k-hi-hl)); }
.k-s.l2 { background-image: linear-gradient(var(--k-mid-hl), var(--k-mid-hl)); }
.k-s.l1 { background-image: linear-gradient(var(--k-lo-hl), var(--k-lo-hl)); }
.k-s.ok { background-image: linear-gradient(rgba(14, 154, 106, .16), rgba(14, 154, 106, .16)); }
.k-draw .k-s { background-size: 0% 100%; }
.k-draw.on .k-s { background-size: 100% 100%; }
.k-draw.on .k-s:nth-of-type(2) { transition-delay: .35s; } .k-draw.on .k-s:nth-of-type(3) { transition-delay: .7s; } .k-draw.on .k-s:nth-of-type(4) { transition-delay: 1.05s; } .k-draw.on .k-s:nth-of-type(5) { transition-delay: 1.4s; }
.k-legend { display: flex; flex-wrap: wrap; gap: 14px; font-size: 13px; color: var(--k-gray); }
.k-legend span { display: inline-flex; align-items: center; gap: 6px; }
.k-legend i { width: 18px; height: 10px; border-radius: 3px; display: inline-block; }
.k-legend .l3 { background: var(--k-hi-hl); } .k-legend .l2 { background: var(--k-mid-hl); } .k-legend .l1 { background: var(--k-lo-hl); } .k-legend .ok { background: rgba(14, 154, 106, .2); }

/* ---------- 글자 ---------- */
.k-h1 { text-wrap: balance; font-size: clamp(34px, 5vw, 60px); line-height: 1.13; letter-spacing: -.042em; font-weight: 780; color: var(--k-ink); margin: 0; word-break: keep-all; }
.k-h2 { text-wrap: balance; font-size: clamp(26px, 3.3vw, 40px); line-height: 1.22; letter-spacing: -.036em; font-weight: 760; color: var(--k-ink); margin: 0; word-break: keep-all; }
.k-h3 { text-wrap: balance; font-size: clamp(19px, 1.8vw, 23px); line-height: 1.38; letter-spacing: -.025em; font-weight: 720; color: var(--k-ink); margin: 0; word-break: keep-all; }
.k-lead { text-wrap: pretty; font-size: clamp(16.5px, 1.45vw, 19px); line-height: 1.72; color: var(--k-gray); margin: 18px 0 0; max-width: 720px; word-break: keep-all; }
.k-p { font-size: 16.5px; line-height: 1.78; color: var(--k-ink-2); margin: 0; word-break: keep-all; }
.k-p + .k-p { margin-top: 12px; }
.k-small { font-size: 13.5px; line-height: 1.7; color: var(--k-dim); word-break: keep-all; }
.k-small a { color: var(--k-gray); text-decoration: underline; text-underline-offset: 3px; }
.k-a { color: var(--k-ink); font-weight: 680; text-decoration: underline; text-decoration-color: var(--k-marker); text-decoration-thickness: 3px; text-underline-offset: 5px; }
.k-a:hover { text-decoration-color: var(--k-ink); }
.k-tag { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--k-panel); color: var(--k-ink-2); font-size: 12.5px; font-weight: 650; white-space: nowrap; }
.k-tag.ok { background: var(--k-ok-bg); color: var(--k-ok); }
.k-tag.mk { background: var(--k-marker-soft); color: var(--k-blue-2); }
.k-ver { font-size: 12.5px; font-weight: 700; color: var(--k-gray); background: var(--k-panel); border: 1px solid var(--k-rule); border-radius: 6px; padding: 1px 7px; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ---------- 단추 ---------- */
.k-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 22px; border-radius: 999px; border: 1px solid transparent; font: inherit; font-weight: 700; font-size: 15.5px; letter-spacing: -.01em; cursor: pointer; white-space: nowrap; text-decoration: none; transition: background .15s, border-color .15s, color .15s, transform .15s; }
.k-btn:hover { text-decoration: none; }
.k-btn:active { transform: translateY(1px); }
.k-btn .ico { width: 18px; height: 18px; }
.k-btn-p { background: var(--k-ink); color: #fff; }
.k-btn-p:hover { background: var(--k-blue); color: #fff; }
.k-btn-l { background: #fff; color: var(--k-ink); border-color: var(--k-rule-2); }
.k-btn-l:hover { border-color: var(--k-ink); color: var(--k-ink); }
.k-btn-q { background: var(--k-panel); color: var(--k-ink); }
.k-btn-q:hover { background: var(--k-panel-2); color: var(--k-ink); }
.k-btn-s { height: 38px; padding: 0 16px; font-size: 14.5px; }
.k-btn-lg { height: 56px; padding: 0 28px; font-size: 16.5px; }
.k-btn[disabled], .k-btn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
.k-acts { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 28px; }

/* ---------- 머리글 ---------- */
.k-hd { position: sticky; top: 0; z-index: 70; background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: saturate(180%) blur(12px); backdrop-filter: saturate(180%) blur(12px); border-bottom: 1px solid var(--k-rule); }
.k-hd-in { max-width: var(--k-wrap); margin: 0 auto; padding: 0 var(--k-gut); height: 64px; display: flex; align-items: center; gap: 26px; }
.k-logo { display: inline-flex; align-items: center; color: var(--k-ink); text-decoration: none; white-space: nowrap; line-height: 0; }
.k-logo:hover { text-decoration: none; color: var(--k-ink); }
.k-logo img { display: block; height: 30px; width: auto; flex: 0 0 auto; }
.k-nav { display: flex; align-items: center; gap: 2px; flex: 1; min-width: 0; }
.k-nav > a, .k-dd > button { position: relative; height: 40px; padding: 0 12px; border-radius: 10px; border: 0; background: none; font: inherit; font-size: 15px; font-weight: 640; color: var(--k-ink-2); display: inline-flex; align-items: center; gap: 4px; cursor: pointer; text-decoration: none; white-space: nowrap; }
.k-nav > a:hover, .k-dd > button:hover, .k-dd.open > button { background: var(--k-panel); color: var(--k-ink); text-decoration: none; }
.k-nav > a[aria-current="page"] span, .k-dd.cur > button span { background: linear-gradient(transparent 60%, var(--k-marker-hl) 60%, var(--k-marker-hl) 96%, transparent 96%); }
.k-dd { position: relative; }
.k-dd > button .ico { width: 16px; height: 16px; transition: transform .15s; }
.k-dd.open > button .ico { transform: rotate(180deg); }
.k-menu { position: absolute; top: calc(100% + 10px); left: -10px; width: 660px; background: #fff; border: 1px solid var(--k-rule); border-radius: 18px; box-shadow: 0 24px 60px -20px rgba(14, 31, 71, .28), 0 2px 6px rgba(14, 31, 71, .05); padding: 10px; display: none; grid-template-columns: 1fr 1fr; gap: 2px; }
.k-dd.open .k-menu { display: grid; }
.k-menu a { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border-radius: 12px; color: var(--k-ink); text-decoration: none; }
.k-menu a:hover { background: var(--k-panel); text-decoration: none; }
.k-menu a i { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 10px; background: var(--k-panel); border: 1px solid var(--k-rule); display: grid; place-items: center; color: var(--k-ink); }
.k-menu a i .ico { width: 19px; height: 19px; }
.k-menu a b { display: block; font-size: 15px; font-weight: 700; letter-spacing: -.02em; }
.k-menu a small { display: block; margin-top: 2px; color: var(--k-gray); font-size: 13px; line-height: 1.5; }
.k-menu .k-menu-f { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; margin-top: 6px; padding: 12px 12px 4px; border-top: 1px solid var(--k-rule); font-size: 13.5px; color: var(--k-gray); }
.k-menu .k-menu-f a { display: inline; padding: 0; color: var(--k-ink); font-weight: 700; }
.k-hd-r { display: flex; align-items: center; gap: 6px; }
.k-hd-r .k-hl { height: 40px; padding: 0 12px; border-radius: 10px; display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; font-weight: 640; color: var(--k-ink-2); text-decoration: none; white-space: nowrap; }
.k-hd-r .k-hl:hover { background: var(--k-panel); text-decoration: none; }
.k-hd-r .k-hl .ico { width: 17px; height: 17px; }
.k-menu-btn { display: none; width: 42px; height: 42px; border: 1px solid var(--k-rule-2); border-radius: 12px; background: #fff; align-items: center; justify-content: center; cursor: pointer; color: var(--k-ink); }
.k-sheet { display: none; }
@media (max-width: 1080px) {
  .k-hd-r .k-hl.opt { display: none; }
  .k-nav > a, .k-dd > button { padding: 0 9px; }
}
@media (max-width: 920px) {
  .k-nav, .k-hd-r .k-hl { display: none; }
  .k-hd-in { height: 58px; gap: 12px; justify-content: space-between; }
  .k-hd-r { margin-left: auto; }
  .k-menu-btn { display: inline-flex; }
  .k-sheet { position: fixed; left: 0; right: 0; top: 58px; bottom: 0; z-index: 69; background: #fff; overflow-y: auto; padding: 8px var(--k-gut) 120px; }
  .k-sheet.on { display: block; }
  .k-sheet .grp { display: block; margin: 22px 0 6px; font-size: 13px; font-weight: 700; color: var(--k-dim); }
  .k-sheet a { display: flex; align-items: center; justify-content: space-between; padding: 14px 2px; border-bottom: 1px solid var(--k-rule); color: var(--k-ink); font-size: 17px; font-weight: 650; text-decoration: none; }
  .k-sheet a small { color: var(--k-gray); font-size: 13px; font-weight: 500; }
  .k-sheet .k-acts a { display: inline-flex; border: 0; font-size: 15.5px; }
}

/* 휴대폰 아래 탭(앱처럼) */
.k-tab { display: none; }
@media (max-width: 760px) {
  .k-tab { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 68; background: rgba(255, 255, 255, .97); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-top: 1px solid var(--k-rule); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); }
  .k-tab a, .k-tab button { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 5px 2px; border: 0; background: none; font: inherit; font-size: 11.5px; font-weight: 650; color: var(--k-gray); text-decoration: none; cursor: pointer; letter-spacing: -.02em; }
  .k-tab .ico { width: 22px; height: 22px; stroke-width: 1.8; }
  .k-tab [aria-current="page"] { color: var(--k-ink); }
  .k-tab [aria-current="page"] .ico { background: linear-gradient(transparent 55%, var(--k-marker-hl) 55%); border-radius: 3px; }
  body.has-tab { padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
}

/* ---------- 구획 ---------- */
.k-sec { padding: 104px 0; border-top: 1px solid var(--k-rule); }
.k-sec.k-tight { padding: 72px 0; }
.k-sec.k-panel { background: var(--k-panel); border-top-color: transparent; }
.k-sec.k-0 { border-top: 0; }
.k-head { max-width: 780px; margin-bottom: 48px; }
.k-head-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 48px; }
.k-head-row .k-head { margin-bottom: 0; }
@media (max-width: 760px) {
  .k-sec { padding: 68px 0; }
  .k-sec.k-tight { padding: 52px 0; }
  .k-head { margin-bottom: 32px; }
  .k-head-row { display: block; margin-bottom: 32px; }
  .k-head-row > .k-btn, .k-head-row > .k-acts { margin-top: 20px; }
  :root { --k-gut: 16px; }
}

/* ---------- 첫 화면 + 작업창 ---------- */
.k-hero { padding: 64px 0 72px; }
.k-hero-head { max-width: 900px; }
.k-hero .k-lead { max-width: 760px; }
.k-desk { margin-top: 40px; border: 1px solid var(--k-rule-2); border-radius: var(--k-r-app); background: #fff; box-shadow: var(--k-sh-2); overflow: hidden; }
.k-desk-tabs { display: flex; align-items: center; gap: 4px; padding: 10px 12px; border-bottom: 1px solid var(--k-rule); background: var(--k-panel); overflow-x: auto; scrollbar-width: none; }
.k-desk-tabs::-webkit-scrollbar { display: none; }
.k-desk-tabs [role="tab"] { flex: 0 0 auto; height: 40px; padding: 0 15px; border-radius: 11px; border: 0; background: none; font: inherit; font-size: 15px; font-weight: 680; color: var(--k-gray); display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.k-desk-tabs [role="tab"] .ico { width: 18px; height: 18px; }
.k-desk-tabs [role="tab"]:hover { color: var(--k-ink); }
.k-desk-tabs [role="tab"][aria-selected="true"] { background: #fff; color: var(--k-ink); box-shadow: 0 1px 2px rgba(14, 31, 71, .08), inset 0 0 0 1px var(--k-rule); }
.k-desk-tabs .who { margin-left: auto; padding-right: 6px; font-size: 13px; color: var(--k-dim); white-space: nowrap; }
.k-desk-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 470px; }
.k-desk-in { display: flex; flex-direction: column; padding: 20px 22px 20px; border-right: 1px solid var(--k-rule); min-width: 0; }
.k-desk-in[hidden], .k-desk-out > [hidden] { display: none !important; }
.k-desk-in label.k-lab { font-size: 13.5px; font-weight: 700; color: var(--k-gray); margin-bottom: 8px; }
.k-desk-in textarea { flex: 1; width: 100%; min-height: 260px; border: 0; outline: none; resize: none; background: transparent; font: inherit; font-size: 16.5px; line-height: 1.78; color: var(--k-ink); padding: 2px; }
.k-desk-in textarea::placeholder { color: var(--k-dim); }
.k-desk-in textarea:focus-visible { outline: none; }
.k-desk-in:focus-within { box-shadow: inset 0 0 0 2px var(--k-ink); }
.k-desk-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding-top: 12px; margin-top: 8px; border-top: 1px dashed var(--k-rule-2); }
.k-desk-bar .cnt { margin-left: auto; font-size: 13px; color: var(--k-dim); font-variant-numeric: tabular-nums; }
.k-chip { height: 30px; padding: 0 11px; border-radius: 999px; border: 1px solid var(--k-rule-2); background: #fff; font: inherit; font-size: 13px; font-weight: 620; color: var(--k-ink-2); cursor: pointer; white-space: nowrap; }
.k-chip:hover { border-color: var(--k-ink); }
.k-desk-act { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.k-desk-act .k-btn { flex: 1 1 auto; }
.k-desk-act .tone { height: 48px; border: 1px solid var(--k-rule-2); border-radius: 999px; padding: 0 14px; font: inherit; font-size: 14.5px; font-weight: 620; background: #fff; color: var(--k-ink); }
.k-url { display: flex; gap: 8px; margin-top: 4px; }
.k-url input { flex: 1; min-width: 0; height: 52px; border: 1px solid var(--k-rule-2); border-radius: 999px; padding: 0 20px; font: inherit; font-size: 16px; background: #fff; color: var(--k-ink); }
.k-url input:focus { outline: none; border-color: var(--k-ink); box-shadow: 0 0 0 4px var(--k-marker-soft); }
.k-url .k-btn { height: 52px; }
.k-checks { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 0; border-top: 1px solid var(--k-rule); }
.k-checks li { display: flex; gap: 12px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--k-rule); font-size: 15px; color: var(--k-ink-2); }
.k-checks li b { min-width: 118px; font-weight: 700; color: var(--k-ink); }
.k-checks li span { color: var(--k-gray); font-size: 14px; }
.k-desk-out { padding: 22px 24px; min-width: 0; position: relative; background: #fff; }
.k-out-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.k-out-h small { font-size: 12.5px; font-weight: 700; color: var(--k-dim); }
.k-score { display: flex; align-items: center; gap: 16px; padding: 14px 16px; border: 1px solid var(--k-rule); border-radius: var(--k-r); background: #fff; }
.k-ring { --p: 0; --c: var(--k-hi); width: 64px; height: 64px; border-radius: 50%; background: conic-gradient(var(--c) calc(var(--p) * 1%), var(--k-panel-2) 0); display: grid; place-items: center; flex: 0 0 auto; }
.k-ring b { width: 50px; height: 50px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; gap: 1px; font-size: 17px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -.03em; line-height: 1; }
.k-ring b small { font-size: 10.5px; font-weight: 700; margin-top: 3px; }
.k-score .t > b { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; font-size: 16px; font-weight: 760; }
.k-score .t > span { display: block; margin-top: 3px; font-size: 13.5px; color: var(--k-gray); }
.k-verdict { display: inline-flex; height: 24px; align-items: center; padding: 0 9px; border-radius: 6px; font-size: 12.5px; font-weight: 750; margin-right: 6px; }
.k-verdict.unfit { background: #FDE8E8; color: #B4232A; } .k-verdict.risk { background: #FFF0DD; color: #A35300; } .k-verdict.safe { background: var(--k-ok-bg); color: var(--k-ok); }
.k-paper { margin-top: 14px; font-size: 15.5px; line-height: 1.95; color: var(--k-ink-2); word-break: keep-all; }
.k-out-f { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--k-rule); }
.k-out-f .k-small { margin: 0; }
.k-cmp { display: grid; gap: 10px; }
.k-cmp > div { border: 1px solid var(--k-rule); border-radius: var(--k-r); padding: 14px 16px; }
.k-cmp > div small { display: block; font-size: 12.5px; font-weight: 700; color: var(--k-dim); margin-bottom: 6px; }
.k-cmp > div p { margin: 0; font-size: 15px; line-height: 1.85; color: var(--k-ink-2); white-space: pre-wrap; word-break: keep-all; }
.k-cmp > div.after { border-color: rgba(14, 154, 106, .45); background: #FAFDFB; }
.k-cmp > div.after small { color: var(--k-ok); }
.k-note-line { font-size: 13.5px; color: var(--k-gray); line-height: 1.65; margin-top: 10px; }
.k-busy { display: flex; align-items: center; gap: 10px; color: var(--k-gray); font-size: 14.5px; padding: 18px 0; }
.k-busy i { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--k-rule-2); border-top-color: var(--k-ink); animation: kspin .8s linear infinite; }
@keyframes kspin { to { transform: rotate(360deg); } }
.k-err { padding: 14px 16px; border-radius: var(--k-r); background: #FDF1F1; color: #8F1D22; font-size: 14.5px; line-height: 1.6; }
.k-hero-foot { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 18px; font-size: 13.5px; color: var(--k-gray); }
.k-hero-foot span { display: inline-flex; align-items: center; gap: 6px; }
.k-hero-foot .ico { width: 16px; height: 16px; color: var(--k-ok); }
/* GEO · 표시 예시 화면 */
.k-geo { display: grid; gap: 12px; }
.k-geo-top { display: flex; align-items: center; gap: 16px; }
.k-geo-top .k-ring { --c: var(--k-ink); width: 74px; height: 74px; }
.k-geo-top .k-ring b { width: 58px; height: 58px; font-size: 20px; }
.k-bars { display: grid; gap: 9px; }
.k-bar { display: grid; grid-template-columns: 128px 1fr 40px; gap: 10px; align-items: center; font-size: 13.5px; color: var(--k-ink-2); }
.k-bar i { height: 8px; border-radius: 99px; background: var(--k-panel-2); position: relative; overflow: hidden; }
.k-bar i em { position: absolute; inset: 0 auto 0 0; width: var(--w); background: var(--k-ink); border-radius: 99px; }
.k-bar i em.lo { background: var(--k-mid); }
.k-bar b { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; }
.k-markcard { display: grid; grid-template-columns: 132px 1fr; gap: 16px; align-items: start; }
.k-thumb { aspect-ratio: 1; border-radius: 12px; background: radial-gradient(circle at 30% 30%, #F6D58B, #E9A15E 45%, #6E5BAA 100%); position: relative; overflow: hidden; }
.k-thumb::after { content: ""; position: absolute; inset: auto 8px 8px 8px; height: 22px; border-radius: 6px; background: rgba(255, 255, 255, .9); }
.k-thumb span { position: absolute; left: 14px; bottom: 12px; z-index: 1; font-size: 11px; font-weight: 750; color: var(--k-ink); }
.k-kv { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; font-size: 13.5px; margin: 0; }
.k-kv dt { color: var(--k-gray); }
.k-kv dd { margin: 0; color: var(--k-ink); font-weight: 600; word-break: break-all; }
.k-kv dd code, .k-mono { font-family: var(--k-mono); font-size: 12.5px; font-weight: 500; }
@media (max-width: 920px) {
  .k-desk-body { grid-template-columns: 1fr; }
  .k-desk-in { border-right: 0; border-bottom: 1px solid var(--k-rule); }
  .k-desk-in textarea { min-height: 200px; }
  .k-desk-tabs .who { display: none; }
}
@media (max-width: 760px) {
  .k-hero { padding: 36px 0 48px; }
  .k-desk { margin-top: 26px; border-radius: 16px; }
  .k-desk-in, .k-desk-out { padding: 16px; }
  .k-desk-act .k-btn { width: 100%; }
  .k-url { flex-direction: column; }
  .k-url input { flex: none; width: 100%; }
  .k-url .k-btn { width: 100%; }
  .k-bar { grid-template-columns: 104px 1fr 34px; font-size: 13px; }
  .k-markcard { grid-template-columns: 96px 1fr; }
}

/* ---------- 제품 줄: 설명 | 실제 화면 ---------- */
.k-prods { display: grid; }
.k-prod { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: center; padding: 64px 0; border-top: 1px solid var(--k-rule); }
.k-prod:first-child { border-top: 0; padding-top: 8px; }
.k-prod.r { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.k-prod.r .k-prod-t { order: 2; }
.k-prod-k { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; font-size: 14.5px; font-weight: 700; color: var(--k-ink); }
.k-prod-k .ico { width: 20px; height: 20px; }
.k-prod-k .k-tag { margin-left: 2px; }
.k-prod .k-h3 { font-size: clamp(22px, 2.4vw, 30px); letter-spacing: -.035em; line-height: 1.3; }
.k-prod .k-p { margin-top: 14px; color: var(--k-gray); }
.k-facts { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 10px; }
.k-facts li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; font-size: 15.5px; line-height: 1.6; color: var(--k-ink-2); }
.k-facts li .ico { width: 18px; height: 18px; margin-top: 3px; color: var(--k-ok); }
.k-facts li b { color: var(--k-ink); }
.k-screen { border: 1px solid var(--k-rule-2); border-radius: 16px; background: #fff; box-shadow: var(--k-sh); overflow: hidden; }
.k-screen-bar { height: 40px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid var(--k-rule); background: var(--k-panel); font-size: 12.5px; color: var(--k-gray); }
.k-screen-bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--k-rule-2); }
.k-screen-bar span { margin-left: 6px; padding: 3px 10px; border-radius: 6px; background: #fff; border: 1px solid var(--k-rule); font-family: var(--k-font); font-size: 12.5px; color: var(--k-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k-screen-body { padding: 20px; }
.k-screen-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.k-rows { display: grid; border: 1px solid var(--k-rule); border-radius: 12px; overflow: hidden; }
.k-rows > div { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 11px 14px; border-top: 1px solid var(--k-rule); font-size: 13.5px; color: var(--k-ink-2); }
.k-rows > div:first-child { border-top: 0; }
.k-rows > div.h { background: var(--k-panel); font-size: 12px; font-weight: 700; color: var(--k-gray); }
.k-rows b { color: var(--k-ink); font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k-dot { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.k-dot::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.k-dot.ok { color: var(--k-ok); } .k-dot.hi { color: var(--k-hi); } .k-dot.mid { color: #C46A12; } .k-dot.wait { color: var(--k-gray); }
@media (max-width: 920px) {
  .k-prod, .k-prod.r { grid-template-columns: 1fr; gap: 28px; padding: 48px 0; }
  .k-prod.r .k-prod-t { order: 0; }
  .k-screen-cols { grid-template-columns: 1fr; }
}

/* ---------- 코드 · 콘솔 ---------- */
.k-code { margin: 0; background: var(--k-code); color: var(--k-code-ink); border-radius: 14px; padding: 18px 20px; font: 13px/1.75 var(--k-mono); overflow-x: auto; white-space: pre; tab-size: 2; }
.k-code .c { color: var(--k-code-dim); } .k-code .s { color: #FFD84D; } .k-code .k { color: #9FC4FF; } .k-code .n { color: #8FE3C0; }
.k-screen .k-code { border-radius: 10px; }

/* ---------- 표: B2B · 사양 ---------- */
.k-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.k-table th, .k-table td { padding: 20px 18px; text-align: left; vertical-align: top; border-top: 1px solid var(--k-rule); line-height: 1.6; }
.k-table thead th { padding-top: 0; padding-bottom: 14px; border-top: 0; border-bottom: 1.5px solid var(--k-ink); font-size: 13px; font-weight: 700; color: var(--k-gray); }
.k-table tbody th { font-weight: 720; color: var(--k-ink); width: 24%; }
.k-table tbody th small { display: block; margin-top: 6px; font-weight: 500; color: var(--k-gray); font-size: 13.5px; line-height: 1.55; }
.k-table td { color: var(--k-ink-2); }
.k-table td .k-a { white-space: nowrap; }
.k-table td.pr { white-space: nowrap; font-weight: 720; color: var(--k-ink); font-variant-numeric: tabular-nums; }
.k-table td.pr small { display: block; font-weight: 500; color: var(--k-gray); font-size: 13px; }
.k-table td ul { margin: 0; padding-left: 18px; }
@media (max-width: 760px) {
  .k-table thead { display: none; }
  .k-table, .k-table tbody, .k-table tr, .k-table th, .k-table td { display: block; width: 100%; }
  .k-table tr { padding: 18px 0; border-top: 1px solid var(--k-rule); }
  .k-table tbody th, .k-table td { padding: 4px 0; border: 0; width: auto; }
  .k-table td[data-h]::before { content: attr(data-h); display: block; font-size: 12.5px; font-weight: 700; color: var(--k-dim); margin-top: 8px; }
  .k-table td.pr { white-space: normal; }
}

/* 단계(차례가 있는 것만) */
.k-steps { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--k-rule-2); border-radius: 16px; overflow: hidden; background: #fff; }
.k-step { padding: 26px 24px 28px; border-left: 1px solid var(--k-rule); }
.k-step:first-child { border-left: 0; }
.k-step .n { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 750; color: var(--k-gray); }
.k-step .n b { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--k-ink); color: #fff; font-size: 12.5px; }
.k-step h4 { margin: 14px 0 0; font-size: 18.5px; font-weight: 740; letter-spacing: -.025em; }
.k-step p { margin: 8px 0 0; font-size: 15px; line-height: 1.7; color: var(--k-gray); }
.k-step .pr { margin-top: 14px; font-size: 14.5px; font-weight: 700; color: var(--k-ink); }
@media (max-width: 920px) { .k-steps { grid-template-columns: 1fr; } .k-step { border-left: 0; border-top: 1px solid var(--k-rule); } .k-step:first-child { border-top: 0; } }

/* 숫자(출처 있는 것만) */
.k-stats { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1.5px solid var(--k-ink); }
.k-stat { padding: 22px 22px 6px 0; }
.k-stat + .k-stat { padding-left: 22px; border-left: 1px solid var(--k-rule); }
.k-stat b { display: block; font-size: clamp(30px, 3.4vw, 42px); font-weight: 780; letter-spacing: -.04em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.k-stat b small { font-size: .45em; font-weight: 700; margin-left: 2px; letter-spacing: -.01em; }
.k-stat h4 { margin: 10px 0 0; font-size: 15.5px; font-weight: 700; }
.k-stat p { margin: 6px 0 0; font-size: 14px; line-height: 1.6; color: var(--k-gray); }
.k-stat cite { display: block; margin-top: 10px; font-style: normal; font-size: 12.5px; color: var(--k-dim); }
.k-stat cite a { color: var(--k-dim); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 920px) { .k-stats { grid-template-columns: 1fr 1fr; } .k-stat:nth-child(3) { padding-left: 0; border-left: 0; } .k-stat { padding-bottom: 18px; border-bottom: 1px solid var(--k-rule); } }

/* 두 칸 · 세 칸 · 네 칸(카드 대신 선으로 나눔) */
.k-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--k-rule); }
.k-cols.c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.k-cols.c4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.k-col { padding: 26px 26px 22px 0; }
.k-col + .k-col { padding-left: 26px; border-left: 1px solid var(--k-rule); }
.k-cols:not(.c2):not(.c4) > .k-col:nth-child(3n+1), .k-cols.c2 > .k-col:nth-child(2n+1), .k-cols.c4 > .k-col:nth-child(4n+1) { padding-left: 0; border-left: 0; }
.k-cols:not(.c2):not(.c4) > .k-col:nth-child(n+4), .k-cols.c2 > .k-col:nth-child(n+3), .k-cols.c4 > .k-col:nth-child(n+5) { border-top: 1px solid var(--k-rule); }
.k-col h4 { margin: 0; font-size: 17.5px; font-weight: 730; letter-spacing: -.02em; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.k-col h4 .ico { width: 19px; height: 19px; }
.k-col p { margin: 8px 0 0; font-size: 15px; line-height: 1.72; color: var(--k-gray); word-break: keep-all; }
.k-col p b { color: var(--k-ink); }
.k-col .k-a { display: inline-block; margin-top: 12px; font-size: 14.5px; }
@media (max-width: 920px) {
  .k-cols, .k-cols.c4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-cols > .k-col, .k-cols.c2 > .k-col, .k-cols.c4 > .k-col { padding-left: 22px; border-left: 1px solid var(--k-rule); border-top: 0; }
  .k-cols > .k-col:nth-child(2n+1), .k-cols.c4 > .k-col:nth-child(2n+1), .k-cols.c2 > .k-col:nth-child(2n+1) { padding-left: 0; border-left: 0; }
  .k-cols > .k-col:nth-child(n+3), .k-cols.c4 > .k-col:nth-child(n+3), .k-cols.c2 > .k-col:nth-child(n+3) { border-top: 1px solid var(--k-rule); }
}
@media (max-width: 600px) {
  .k-cols, .k-cols.c2, .k-cols.c4 { grid-template-columns: 1fr; }
  .k-cols > .k-col, .k-cols.c2 > .k-col, .k-cols.c4 > .k-col, .k-cols > .k-col:nth-child(2n+1), .k-cols.c4 > .k-col:nth-child(2n+1), .k-cols.c2 > .k-col:nth-child(2n+1) { padding: 20px 0 18px; border-left: 0; border-top: 1px solid var(--k-rule); }
  .k-cols > .k-col:first-child { border-top: 0; }
}

/* 신뢰 줄 */
.k-trust { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 36px; }
.k-std { display: flex; flex-wrap: wrap; gap: 8px; }
.k-std span { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border: 1px solid var(--k-rule-2); border-radius: 8px; font-size: 13.5px; font-weight: 650; color: var(--k-ink-2); background: #fff; }

/* 자주 묻는 질문 */
.k-faq { border-top: 1.5px solid var(--k-ink); max-width: 900px; }
.k-faq details { border-bottom: 1px solid var(--k-rule); }
.k-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 20px 2px; font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
.k-faq summary::-webkit-details-marker { display: none; }
.k-faq summary::after { content: ""; width: 12px; height: 12px; flex: 0 0 auto; border-right: 2px solid var(--k-ink); border-bottom: 2px solid var(--k-ink); transform: rotate(45deg) translate(-3px, -3px); transition: transform .2s; }
.k-faq details[open] summary::after { transform: rotate(225deg) translate(-2px, -2px); }
.k-faq details p { margin: 0 0 22px; font-size: 15.5px; line-height: 1.8; color: var(--k-gray); max-width: 760px; word-break: keep-all; }

/* 마지막 행동 */
.k-cta { padding: 88px 0; border-top: 1px solid var(--k-rule); background: var(--k-panel); }
.k-cta-in { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.k-cta .k-acts { margin-top: 0; justify-content: flex-end; }
@media (max-width: 920px) { .k-cta { padding: 60px 0; } .k-cta-in { grid-template-columns: 1fr; gap: 24px; } .k-cta .k-acts { justify-content: flex-start; } }

/* 하위 페이지 첫 화면 */
.k-phero { padding: 72px 0 56px; }
.k-phero.k-ph2 .k-wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.k-crumb { display: flex; gap: 8px; align-items: center; margin-bottom: 18px; font-size: 13.5px; font-weight: 650; color: var(--k-gray); }
.k-crumb a { color: var(--k-gray); text-decoration: none; }
.k-crumb a:hover { color: var(--k-ink); }
.k-crumb .ico { width: 14px; height: 14px; }
@media (max-width: 920px) { .k-phero { padding: 40px 0 36px; } .k-phero.k-ph2 .k-wrap { grid-template-columns: 1fr; gap: 32px; } }

/* 페이지 안 차례 */
.k-toc { position: sticky; top: 64px; z-index: 40; background: rgba(255, 255, 255, .96); border-bottom: 1px solid var(--k-rule); }
.k-toc .k-wrap { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.k-toc .k-wrap::-webkit-scrollbar { display: none; }
.k-toc a { flex: 0 0 auto; padding: 14px 12px; font-size: 14.5px; font-weight: 650; color: var(--k-gray); text-decoration: none; border-bottom: 2px solid transparent; }
.k-toc a:hover, .k-toc a.on { color: var(--k-ink); border-bottom-color: var(--k-ink); }
@media (max-width: 920px) { .k-toc { top: 58px; } }

/* 요금 칸 */
.k-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--k-rule-2); border-radius: 18px; overflow: hidden; background: #fff; }
.k-plans.c4 { grid-template-columns: repeat(4, 1fr); }
.k-plan { padding: 28px 26px; border-left: 1px solid var(--k-rule); display: flex; flex-direction: column; }
.k-plan:first-child { border-left: 0; }
.k-plan.best { background: linear-gradient(var(--k-marker-soft), #fff 140px); }
.k-plan h3 { margin: 0; font-size: 18px; font-weight: 750; display: flex; align-items: center; gap: 8px; }
.k-plan .who { margin: 4px 0 0; font-size: 14px; color: var(--k-gray); }
.k-plan .pr { margin: 18px 0 0; display: flex; align-items: baseline; gap: 6px; }
.k-plan .pr b { font-size: 34px; font-weight: 800; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.k-plan .pr span { font-size: 14px; color: var(--k-gray); font-weight: 600; }
.k-plan ul { list-style: none; padding: 0; margin: 18px 0 22px; display: grid; gap: 9px; flex: 1; }
.k-plan li { display: grid; grid-template-columns: 18px 1fr; gap: 8px; font-size: 14.5px; line-height: 1.55; color: var(--k-ink-2); }
.k-plan li .ico { width: 16px; height: 16px; margin-top: 3px; color: var(--k-ok); }
.k-plan .k-btn { width: 100%; }
@media (max-width: 1080px) { .k-plans.c4 { grid-template-columns: 1fr 1fr; } .k-plans.c4 .k-plan:nth-child(3) { border-left: 0; } .k-plans.c4 .k-plan:nth-child(n+3) { border-top: 1px solid var(--k-rule); } }
@media (max-width: 920px) { .k-plans, .k-plans.c4 { grid-template-columns: 1fr; } .k-plan, .k-plans.c4 .k-plan { border-left: 0; border-top: 1px solid var(--k-rule); } .k-plan:first-child { border-top: 0; } }

/* 양식 */
.k-form { display: grid; gap: 14px; }
.k-form label { display: grid; gap: 6px; font-size: 14px; font-weight: 700; color: var(--k-ink); }
.k-form input, .k-form select, .k-form textarea { width: 100%; min-height: 48px; border: 1px solid var(--k-rule-2); border-radius: var(--k-r-in); padding: 12px 14px; font: inherit; font-size: 16px; font-weight: 500; background: #fff; color: var(--k-ink); }
.k-form textarea { min-height: 120px; resize: vertical; line-height: 1.6; }
.k-form input:focus, .k-form select:focus, .k-form textarea:focus { outline: none; border-color: var(--k-ink); box-shadow: 0 0 0 4px var(--k-marker-soft); }
.k-form .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 600px) { .k-form .row2 { grid-template-columns: 1fr; } }

/* ---------- 바닥글 ---------- */
.k-ft { background: var(--k-panel); border-top: 1px solid var(--k-rule); padding: 64px 0 40px; margin-top: auto; }
.k-ft-top { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 3fr); gap: 56px; }
.k-ft-brand p { margin: 16px 0 18px; font-size: 14px; line-height: 1.75; color: var(--k-gray); max-width: 340px; word-break: keep-all; }
.k-ft-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.k-ft-cols b { display: block; margin-bottom: 10px; font-size: 13.5px; font-weight: 750; color: var(--k-ink); }
.k-ft-cols a { display: block; padding: 4px 0; font-size: 14px; color: var(--k-gray); text-decoration: none; }
.k-ft-cols a:hover { color: var(--k-ink); text-decoration: underline; text-underline-offset: 3px; }
.k-ft-std { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--k-rule); font-size: 13px; color: var(--k-gray); }
.k-ft-std b { color: var(--k-ink); font-weight: 700; margin-right: 6px; }
.k-ft-std a { color: var(--k-gray); text-decoration: underline; text-underline-offset: 3px; }
.k-ft-biz { margin-top: 18px; font-size: 12.5px; line-height: 1.85; color: var(--k-dim); word-break: keep-all; }
.k-ft-biz span { display: inline-block; margin-right: 14px; }
.k-ft-biz a { color: var(--k-gray); }
.k-ft .ft-label { margin-top: 14px; }
@media (max-width: 920px) { .k-ft-top { grid-template-columns: 1fr; gap: 36px; } }
@media (max-width: 600px) { .k-ft { padding: 48px 0 32px; } .k-ft-cols { grid-template-columns: 1fr 1fr; gap: 22px 18px; } }

/* 한국AI윤리위원회 인증 기업 표시(밝은 바탕) */
.x-kaiec { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--k-ink); }
.x-kaiec:hover { text-decoration: none; }
.x-kaiec svg { width: 40px; height: 40px; flex: 0 0 auto; }
.x-kaiec span b { display: block; font-size: 14px; font-weight: 750; letter-spacing: -.02em; }
.x-kaiec span small { display: block; font-size: 10px; font-weight: 700; letter-spacing: .08em; color: var(--k-dim); }
.x-kaiec.lg svg { width: 52px; height: 52px; }
.x-kaiec.lg span b { font-size: 16px; }

/* 움직임 줄이기 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
  .k-draw .k-s { background-size: 100% 100%; }
}
.k-screen-bar .k-ex { margin-left: auto; font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--k-dim); }
.k-desk-tabs [role="tab"] .sm { display: none; }
@media (max-width: 760px) {
  .k-desk-tabs { display: grid; grid-template-columns: repeat(3, 1fr); padding: 8px; gap: 4px; }
  .k-desk-tabs [role="tab"] { justify-content: center; padding: 0 6px; font-size: 14px; gap: 6px; }
  .k-desk-tabs [role="tab"] .lg { display: none; }
  .k-desk-tabs [role="tab"] .sm { display: inline; }
  .k-mhide { display: none !important; }
}

/* ---------- 앱 머리(도구 페이지) ---------- */
.k-apphead { padding: 36px 0 22px; }
.k-apphead .k-crumb { margin-bottom: 12px; }
.k-apphead-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; }
.k-h1.sm { font-size: clamp(28px, 3.4vw, 40px); letter-spacing: -.04em; }
.k-apphead .k-lead { margin-top: 10px; font-size: 16.5px; max-width: 760px; }
.k-apphead-facts { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; flex: 0 0 auto; }
.k-apphead-facts li { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 650; color: var(--k-ink-2); white-space: nowrap; }
.k-apphead-facts .ico { width: 16px; height: 16px; color: var(--k-ok); }
@media (max-width: 920px) { .k-apphead-row { display: block; } .k-apphead-facts { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 14px; } }
@media (max-width: 760px) { .k-apphead { padding: 22px 0 14px; } .k-apphead .k-lead { font-size: 15.5px; } }

.k-split2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
.k-split2 .k-h3 { font-size: 19px; margin-bottom: 14px; }
@media (max-width: 920px) { .k-split2 { grid-template-columns: 1fr; gap: 36px; } }
.k-levels { margin: 0; border-top: 1px solid var(--k-rule); }
.k-levels > div { display: grid; grid-template-columns: 112px 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--k-rule); font-size: 14.5px; }
.k-levels dt { display: flex; align-items: center; gap: 8px; font-weight: 720; }
.k-levels dt i { width: 22px; height: 12px; border-radius: 3px; display: inline-block; border: 1px solid var(--k-rule); }
.k-levels dt i.l3 { background: var(--k-hi-hl); border-color: transparent; } .k-levels dt i.l2 { background: var(--k-mid-hl); border-color: transparent; } .k-levels dt i.l1 { background: var(--k-lo-hl); border-color: transparent; }
.k-levels dd { margin: 0; color: var(--k-gray); line-height: 1.6; }
.k-traits { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--k-rule); }
.k-traits li { display: grid; grid-template-columns: 170px 1fr; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--k-rule); font-size: 14.5px; }
.k-traits b { font-weight: 720; }
.k-traits span { color: var(--k-gray); line-height: 1.6; }
@media (max-width: 600px) { .k-traits li, .k-levels > div { grid-template-columns: 1fr; gap: 2px; } }
.k-note-box { display: flex; gap: 10px; align-items: flex-start; margin: 28px 0 0; padding: 14px 16px; border-radius: 12px; background: #fff; border: 1px solid var(--k-rule); font-size: 14px; line-height: 1.7; color: var(--k-gray); }
.k-panel .k-note-box { background: #fff; }
.k-note-box .ico { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; color: var(--k-ink); }
.k-note-box a { color: var(--k-ink); text-decoration: underline; text-underline-offset: 3px; }
.k-free { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 24px; border: 1px dashed var(--k-rule-2); border-radius: 16px; background: #fff; }
.k-free h3 { margin: 0; font-size: 17px; font-weight: 750; }
.k-free h3 b { margin-left: 6px; font-size: 20px; font-weight: 800; }
.k-free p { margin: 6px 0 0; font-size: 14.5px; line-height: 1.65; color: var(--k-gray); max-width: 820px; }
@media (max-width: 760px) { .k-free { display: block; } .k-free .k-btn { margin-top: 14px; width: 100%; } }
.k-src { margin: 28px 0 0; padding-left: 20px; font-size: 12.5px; line-height: 1.75; color: var(--k-dim); max-width: 900px; }
.k-src li + li { margin-top: 4px; }
.k-plan h3 .k-tag { margin-left: 4px; }

/* ---------- 예전 단추(btn)도 9.0 모양으로 ---------- */
.btn { border-radius: 999px; font-weight: 700; letter-spacing: -.01em; box-shadow: none; }
.btn-p, .btn-n { background: var(--k-ink); color: #fff; border-color: var(--k-ink); box-shadow: none; }
.btn-p:hover, .btn-n:hover { background: var(--k-blue); color: #fff; }
.btn-g, .btn-w, .btn-gl { background: #fff; color: var(--k-ink); border: 1px solid var(--k-rule-2); }
.btn-g:hover, .btn-w:hover, .btn-gl:hover { border-color: var(--k-ink); color: var(--k-ink); }
.btn-t { color: var(--k-ink); text-decoration: underline; text-decoration-color: var(--k-marker); text-decoration-thickness: 3px; text-underline-offset: 5px; }

/* ---------- 글 검사 작업창(humanize.js 화면)을 9.0 으로 ---------- */
.k9-tool { margin-top: 0 !important; padding: 6px 0 72px !important; }
.k9-tool > .wrap { max-width: var(--k-wrap); padding: 0 var(--k-gut); }
body.v9 { --tl0: #000000; --tl1: #0E1F47; --tl2: #586179; --tl-ink: #586179; }
.k9-tool .hz7 { border-radius: var(--k-r-app); border: 1px solid var(--k-rule-2); box-shadow: var(--k-sh-2); }
.k9-tool .hz7-in { padding: 20px 22px 18px; }
.k9-tool .hz7-bar label b { font-size: 15px; font-weight: 750; }
.k9-tool .hz7-ex button { height: 30px; padding: 0 11px; font-size: 13px; font-weight: 620; border-color: var(--k-rule-2); }
.k9-tool .hz7-ex button:hover { border-color: var(--k-ink); color: var(--k-ink); }
.k9-tool .hz7 textarea { border-radius: 14px; background: #fff; border-color: var(--k-rule-2); font-size: 16px; line-height: 1.8; }
.k9-tool .hz7 textarea:focus { outline: 2px solid var(--k-ink); outline-offset: -1px; border-color: transparent; }
.k9-tool .hz7-drop-hint { border-color: var(--k-ink); background: rgba(232, 241, 255, .96); color: var(--k-ink); }
.k9-tool .hz7-tone select { border-radius: 999px; padding: 0 14px; }
.k9-tool .hz7-act .btn { height: 52px; }
.k9-tool .hz7-act #hzCheck { background: var(--k-ink); box-shadow: none; }
.k9-tool .hz7-act #hzCheck:hover { background: var(--k-blue); }
.k9-tool .hz7-pill { background: var(--k-marker-soft); color: #0A4FCB; }
.k9-tool .hz7-pass { background: var(--k-panel); }
.k9-tool .hz7-pass .chip.on { background: var(--k-ok-bg); border-color: rgba(14, 154, 106, .3); color: var(--k-ok); }
.k9-tool .hz7-out { border-top: 1px solid var(--k-rule); }
.hz-s.l3, .hz7-paper .hz-s.l3 { background: var(--k-hi-hl); }
.hz-s.l2, .hz7-paper .hz-s.l2 { background: var(--k-mid-hl); }
.hz-s.l1, .hz7-paper .hz-s.l1 { background: var(--k-lo-hl); }
body.v9 .hz8-cta { color: var(--k-ink); background: var(--k-marker-soft); border: 1px solid #C7DBFF; }
body.v9 .hz8-cta h3 { color: var(--k-ink); }
body.v9 .hz8-cta .l small { color: #0A4FCB; }
body.v9 .hz8-cta li { color: var(--k-ink-2); }
body.v9 .hz8-cta li .ico { color: var(--k-ok); }
body.v9 .hz7-dlg { border-radius: var(--k-r-app); }
@media (max-width: 760px) { .k9-tool { padding-bottom: 48px !important; } .k9-tool .hz7-in { padding: 14px; } }

.k-crumb .ico { transform: rotate(-90deg); }
/* 작업 공간 모형 */
.k-ws { display: grid; grid-template-columns: 132px 1fr; gap: 14px; }
.k-ws-side { display: grid; align-content: start; gap: 2px; padding: 10px; border-radius: 12px; background: var(--k-panel); font-size: 13px; color: var(--k-gray); }
.k-ws-side b, .k-ws-side span { padding: 7px 9px; border-radius: 8px; }
.k-ws-side b { background: #fff; color: var(--k-ink); box-shadow: inset 0 0 0 1px var(--k-rule); }
@media (max-width: 600px) { .k-ws { grid-template-columns: 1fr; } .k-ws-side { display: none; } }
/* 추가 옵션 표(addons.inc) */
.x-addons { width: 100%; border-collapse: collapse; font-size: 15px; }
.x-addons caption { caption-side: top; text-align: left; padding: 0 0 14px; font-size: 13.5px; color: var(--k-gray); }
.x-addons th, .x-addons td { padding: 16px 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--k-rule); line-height: 1.6; }
.x-addons tr.grp th { padding: 26px 0 10px; border-top: 0; border-bottom: 1.5px solid var(--k-ink); font-size: 15px; font-weight: 760; }
.x-addons tbody th { width: 24%; font-weight: 700; color: var(--k-ink); }
.x-addons td { color: var(--k-gray); }
.x-addons td.pr { width: 15%; white-space: nowrap; font-weight: 740; color: var(--k-ink); font-variant-numeric: tabular-nums; }
.x-addons td.pr small { display: block; font-weight: 500; color: var(--k-gray); font-size: 13px; }
.x-addons .x-rec { display: inline-flex; margin-left: 8px; padding: 1px 8px; border-radius: 999px; background: var(--k-marker-soft); color: #0A4FCB; font-size: 11.5px; font-weight: 750; vertical-align: 2px; white-space: nowrap; }
.x-addons caption .x-rec { margin: 0 0 0 4px; }
.x-addons a { color: var(--k-ink); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 760px) {
  .x-addons, .x-addons tbody, .x-addons tr, .x-addons th, .x-addons td { display: block; width: auto !important; }
  .x-addons tr { padding: 12px 0; border-top: 1px solid var(--k-rule); }
  .x-addons tr.grp { border-top: 0; padding-bottom: 0; }
  .x-addons th, .x-addons td { padding: 3px 0; border: 0; }
  .x-addons td.pr { white-space: normal; }
  .x-addons caption { display: block; padding-bottom: 6px; }
}

/* 요금 고르기 카드 */
.k-pick { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 36px; max-width: 980px; }
.k-pick a { display: block; padding: 24px 26px; border: 1px solid var(--k-rule-2); border-radius: 18px; background: #fff; color: var(--k-ink); text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.k-pick a:hover { border-color: var(--k-ink); box-shadow: var(--k-sh); text-decoration: none; }
.k-pick span { font-size: 14px; font-weight: 700; color: var(--k-gray); }
.k-pick b { display: block; margin-top: 8px; font-size: 36px; font-weight: 800; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.k-pick b small { font-size: 15px; font-weight: 650; color: var(--k-gray); margin-left: 4px; letter-spacing: 0; }
.k-pick p { margin: 8px 0 0; font-size: 14.5px; line-height: 1.65; color: var(--k-gray); }
.k-pick em { display: inline-block; margin-top: 14px; font-style: normal; font-weight: 700; font-size: 14.5px; text-decoration: underline; text-decoration-color: var(--k-marker); text-decoration-thickness: 3px; text-underline-offset: 5px; }
@media (max-width: 760px) { .k-pick { grid-template-columns: 1fr; } .k-pick b { font-size: 30px; } }
/* 비교표 */
.k-table.k-mx thead th small { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 600; color: var(--k-dim); }
.k-table.k-mx thead th, .k-table.k-mx td { text-align: center; }
.k-table.k-mx thead th:first-child { text-align: left; }
.k-table.k-mx thead th.hl { color: var(--k-ink); }
.k-table.k-mx td.hl { background: rgba(11, 99, 246, .06); }
.k-table.k-mx td.y { font-weight: 700; color: var(--k-ok); }
.k-table.k-mx td.no { color: var(--k-dim); }
@media (max-width: 760px) { .k-table.k-mx td { text-align: left; } .k-table.k-mx td.hl { background: none; } }
/* 세는 방법 표 */
.x-addons.x-count th { width: 24%; }

/* 커머스 */
.k-prodcard { display: grid; gap: 6px; align-content: start; font-size: 13.5px; color: var(--k-gray); }
.k-prodcard b { color: var(--k-ink); font-size: 15px; }
.k-feed { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.k-feed th, .k-feed td { padding: 10px 10px; border-top: 1px solid var(--k-rule); text-align: left; }
.k-feed thead th { border-top: 0; background: var(--k-panel); font-size: 12px; color: var(--k-gray); font-weight: 700; }
.k-feed td:nth-child(2), .k-feed td:last-child { font-variant-numeric: tabular-nums; }
.k-feed td.y { color: var(--k-ok); font-weight: 700; }
.k-todo { list-style: none; counter-reset: td; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--k-rule); }
.k-todo li { counter-increment: td; padding: 24px 26px 22px 0; border-bottom: 1px solid var(--k-rule); }
.k-todo li:not(:nth-child(3n+1)) { padding-left: 26px; border-left: 1px solid var(--k-rule); }
.k-todo li::before { content: counter(td); display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--k-ink); color: #fff; font-size: 13px; font-weight: 750; }
.k-todo h3 { margin: 12px 0 0; font-size: 17px; font-weight: 730; letter-spacing: -.02em; }
.k-todo p { margin: 8px 0 0; font-size: 14.5px; line-height: 1.7; color: var(--k-gray); }
.k-todo a { color: var(--k-ink); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 920px) { .k-todo { grid-template-columns: 1fr 1fr; } .k-todo li:not(:nth-child(3n+1)) { padding-left: 0; border-left: 0; } .k-todo li:nth-child(even) { padding-left: 22px; border-left: 1px solid var(--k-rule); } }
@media (max-width: 600px) { .k-todo { grid-template-columns: 1fr; } .k-todo li:nth-child(even) { padding-left: 0; border-left: 0; } }

/* 출고 다섯 단계 */
.k-pipe { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--k-rule-2); border-radius: 16px; overflow: hidden; background: #fff; }
.k-pipe li { padding: 22px 20px 22px; border-left: 1px solid var(--k-rule); display: flex; flex-direction: column; }
.k-pipe li:first-child { border-left: 0; }
.k-pipe .n { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--k-ink); color: #fff; font-size: 13px; font-weight: 750; }
.k-pipe h3 { margin: 14px 0 0; font-size: 17px; font-weight: 740; letter-spacing: -.02em; }
.k-pipe p { margin: 8px 0 14px; font-size: 14px; line-height: 1.7; color: var(--k-gray); flex: 1; }
.k-pipe .k-a { font-size: 14px; }
@media (max-width: 1080px) { .k-pipe { grid-template-columns: 1fr; } .k-pipe li { border-left: 0; border-top: 1px solid var(--k-rule); } .k-pipe li:first-child { border-top: 0; } }

/* ---------- 예전 페이지 맞춤(9.0): 어두운 띠는 밝게, 꼬리표는 조용히 ---------- */
.mk-tool-sec { margin-top: 0 !important; padding-top: 6px; }
.p4h, .ph, .p6h, .mk-hero, .x-hero, .hz-hero { background: #fff !important; color: var(--k-ink) !important; border-bottom: 1px solid var(--k-rule); }
.p4h::before, .p4h::after, .ph::before, .ph::after, .p6h::before, .p6h::after, .mk-hero::before, .mk-hero::after, .x-hero::before, .x-hero::after { display: none !important; }
/* 증빙서 미리보기의 빈칸 표시(span.ph)는 예전 머리 영역(.ph)과 이름이 같아 따로 */
span.ph { display: inline !important; position: static !important; overflow: visible !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; color: var(--k-dim) !important; font-weight: 500; }
.p6h h1, .x-hero .x-h1, .ct4-a h1 { color: var(--k-ink) !important; font-weight: 780; letter-spacing: -.042em; }
.p6h .lead, .x-hero .x-lead { color: var(--k-gray) !important; }
.p6h-k, .x-hero .x-kick { color: var(--k-gray) !important; }
.p6h-k i { background: var(--k-marker); box-shadow: none; }
.p6h-note, .x-ticks { color: var(--k-gray) !important; }
.p6h-note .ico, .x-ticks .ico { color: var(--k-ok) !important; }
.p6h-act .tl { color: var(--k-ink) !important; }
.p6h .btn-w, .x-hero .btn-w { background: var(--k-ink) !important; color: #fff !important; }
.p6h .btn-gl, .end6 .btn-gl, .h5-end .btn-gl, .x-hero .x-acts .btn-g, .x-cta .btn-gl { background: #fff !important; color: var(--k-ink) !important; border: 1px solid var(--k-rule-2) !important; }
.x-hero .x-url { background: #fff; border-color: var(--k-rule-2); box-shadow: var(--k-sh); }
.x-hero .x-url input { color: var(--k-ink); }
.x-hero .x-url input::placeholder { color: var(--k-dim); }
.end6, .h5-end, .x-cta { background: var(--k-panel) !important; color: var(--k-ink) !important; border-top: 1px solid var(--k-rule); }
.end6 h2, .h5-end h2, .x-cta .x-h2, .x-cta h2 { color: var(--k-ink) !important; }
.end6 p, .h5-end p, .x-cta p { color: var(--k-gray) !important; }
.end6 .alt a, .h5-end a:not(.btn) { color: var(--k-ink) !important; }
.x-cta::after { display: none !important; }
.x-sec.dark { background: var(--k-panel) !important; color: var(--k-ink) !important; }
.x-sec.dark .x-h2, .x-sec.dark h3, .x-sec.dark h4 { color: var(--k-ink) !important; }
.x-sec.dark .x-lead, .x-sec.dark p { color: var(--k-gray) !important; }
.x-kick, .blk-h .k, .eyebrow, .crumb4, .hz-k { color: var(--k-gray) !important; font-weight: 650 !important; }
.x-kick::before, .eyebrow::before { display: none !important; }
/* 예전 남색 띠 상자(mark · report · creators) → 연한 판 */
.mk-cta { background: var(--k-panel) !important; color: var(--k-ink) !important; border: 1px solid var(--k-rule); border-radius: 20px !important; }
.mk-cta h2 { color: var(--k-ink) !important; letter-spacing: -.03em; }
.mk-cta p { color: var(--k-gray) !important; }
.mk-cta .btn-g { background: #fff !important; color: var(--k-ink) !important; border-color: var(--k-rule-2) !important; }
.x-h1, .x-h2, .x-h3, .blk-h h2, .h6 h2, .s6 h2 { font-weight: 760 !important; color: var(--k-ink); }
.toc4 { top: 64px; background: rgba(255, 255, 255, .96); border-bottom: 1px solid var(--k-rule); }
.toc4 a { font-weight: 650; color: var(--k-gray); }
.toc4 a.on, .toc4 a:hover { color: var(--k-ink); border-bottom-color: var(--k-ink); }
@media (max-width: 920px) { .toc4 { top: 58px; } }
.blk { border-top-color: var(--k-rule); }
.blk.soft, .s6.soft, .sec-soft { background: var(--k-panel); }
.ct4 { background: #fff; }
.ct4-steps li::before { background: var(--k-ink); }
.ct4-steps li:nth-child(n+4)::before { color: var(--k-ink); border-color: var(--k-ink); }
.ct4-form { box-shadow: var(--k-sh-2); border-color: var(--k-rule-2); }
.mv-find input { height: 52px; }
.bdg { border-radius: 999px; }
/* 예전 칸 모서리 · 그림자 정리 */
.au, .rp-tool, .x-console, .x-panel, .gr6 { border-radius: var(--k-r-app); }
.x-tag { background: var(--k-marker-soft); color: #0A4FCB; }
.x-plan.best { background: linear-gradient(var(--k-marker-soft), #fff 140px); box-shadow: none; }

/* 회사 */
.k-kaiec-box { padding: 28px; border: 1px solid var(--k-rule-2); border-radius: var(--k-r-app); background: #fff; box-shadow: var(--k-sh); }
.k-kaiec-box .k-h3 { margin-top: 18px; }
.k-kaiec-box .k-p { margin-top: 8px; color: var(--k-gray); font-size: 15.5px; }
.k-quotes { list-style: none; margin: 0; padding: 0; border-top: 1.5px solid var(--k-ink); }
.k-quotes li { padding: 16px 2px; border-bottom: 1px solid var(--k-rule); font-size: 17px; font-weight: 650; letter-spacing: -.02em; color: var(--k-ink); }
.k-person .av { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--k-ink); color: #fff; font-size: 20px; font-weight: 760; margin-bottom: 14px; }
.k-tl { list-style: none; margin: 0; padding: 0; border-top: 1.5px solid var(--k-ink); }
.k-tl li { display: grid; grid-template-columns: 140px 1fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--k-rule); }
.k-tl time { font-size: 14.5px; font-weight: 750; color: var(--k-ink); font-variant-numeric: tabular-nums; }
.k-tl b { font-size: 16.5px; font-weight: 720; letter-spacing: -.02em; }
.k-tl p { margin: 4px 0 0; font-size: 14.5px; line-height: 1.7; color: var(--k-gray); }
.k-tl li.next time, .k-tl li.next b { color: var(--k-gray); }
.k-tl li.next time::after { content: " 예정"; font-weight: 600; color: var(--k-dim); }
@media (max-width: 600px) { .k-tl li { grid-template-columns: 1fr; gap: 4px; } }
.k-info { grid-template-columns: 130px 1fr; gap: 10px 18px; margin-top: 22px; font-size: 15px; }
.k-formbox { padding: 24px; border: 1px solid var(--k-rule-2); border-radius: var(--k-r-app); background: #fff; }
.k-formbox .form3 { margin: 0; padding: 0; border: 0; box-shadow: none; background: none; }

/* 9.0 손질: 기술 쪽 7칸 구조 띠가 휴대폰에서 세로 글자로 눌리던 것 */
@media (max-width: 1080px) { .fl5.ar5 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 640px) { .fl5.ar5 { grid-template-columns: 1fr 1fr; } }
/* 휴대폰 아래 탭이 있는 쪽: 쪽마다 있던 아래 고정 버튼 줄(.mbar, .au-bar)을 탭 위로 */
@media (max-width: 760px) {
  body.has-tab .mbar, body.has-tab .au-bar:not([hidden]) { bottom: calc(68px + env(safe-area-inset-bottom)) !important; z-index: 67 !important; }
  body.has-tab .mbar:not(.on) { visibility: hidden; }
}
/* 이용권 고르기: 고른 칸은 먹색 테두리 + 형광펜 연한 바탕(요금 '추천'과 같은 말) */
body.v9 .hz7-prod input:checked + span { border-color: var(--k-ink); background: var(--k-marker-soft); box-shadow: 0 0 0 3px rgba(14, 31, 71, .08); }

/* ---------- 9.1 브랜드 '지문' (2026.10.19) ---------- */
/* 브랜드 이름 두 색: AI = 지문 블루, Marker = 네이비 */
.k-brand { white-space: nowrap; color: var(--k-navy); }
.k-brand b { color: var(--k-blue); font-weight: inherit; }
/* 결과 형광펜(판정 색)을 말할 때는 노랑 그대로 */
.k-mk.y { background: linear-gradient(transparent 56%, var(--k-lo-hl) 56%, var(--k-lo-hl) 94%, transparent 94%); }
.brand span b, .ap-mtop .brand b, .adm-h .brand b { color: var(--k-blue); }
.ap-brand b { color: #5B9BFF; }
.k-ft-brand .k-logo img { height: 32px; }
@media (max-width: 640px) { .k-logo img { height: 27px; } }

/* 작업 공간 · 승인 · 관리 화면의 심볼(그림 파일) */
.ap-brand img, .brand img { display: block; height: 30px; width: auto; flex: 0 0 auto; }
.apv-h .brand img, .ap-mtop .brand img { height: 28px; }