/* 영테크 약관·정책 — 홈페이지(/style.css)와 같은 색·글꼴을 쓴다 */
:root{--ink:#172745;--muted:#65728a;--blue:#386ee5;--line:#e4eaf3;--pale:#edf4ff;--soft:#f3f7fd;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:linear-gradient(180deg,#f6f9ff 0,#eef4ff 360px,#fff 900px);font-size:16px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere;-webkit-text-size-adjust:100%}
a{color:inherit}
a:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{letter-spacing:-.045em;line-height:1.3}
p{margin:9px 0}
ul,ol{margin:10px 0;padding-left:22px}
li+li{margin-top:7px}
small{color:var(--muted)}

.legal-bar{max-width:1120px;margin:0 auto;padding:0 28px}
.legal-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.legal-header .legal-bar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:8px;font-size:26px;font-weight:900;letter-spacing:-1.5px;line-height:1.1;text-decoration:none}
.brand img{width:30px}
.brand-dot{color:var(--blue);margin-left:-7px}
.home{background:var(--pale);border:1px solid #dfe9ff;padding:8px 16px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none}

.legal-wrap{width:min(880px,calc(100% - 56px));margin:44px auto 80px;padding:clamp(30px,5vw,60px);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 22px 60px #284b7b14}
.legal-kicker{margin:0 0 10px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.12em}
h1{margin:0;font-size:clamp(32px,5vw,46px)}
.effective{display:inline-block;margin:18px 0 30px;padding:6px 13px;border-radius:999px;background:var(--pale);color:#4b5f86;font-size:13px;font-weight:700}
h2{margin:46px 0 12px;font-size:21px}
h3{margin:26px 0 8px;font-size:17px}
.lead{color:var(--muted);font-size:17px}

.summary{margin:26px 0 8px;padding:22px 24px;border-radius:20px;background:var(--pale)}
.summary-title{margin:0 0 6px;font-weight:800}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{position:relative;padding-left:26px}
.check-list li::before{content:'✓';position:absolute;left:2px;color:var(--blue);font-weight:800}

.toc{margin:26px 0 0;padding:20px 24px;border:1px solid var(--line);border-radius:18px}
.toc ol{margin:0;padding-left:22px;columns:2;column-gap:28px;font-size:15px}
.toc li{break-inside:avoid;margin-top:4px}
.toc a{text-decoration:none}
.toc a:hover,.legal-wrap a:hover,.legal-footer a:hover{color:var(--blue)}

.note{margin:20px 0;padding:16px 20px;border-left:4px solid var(--blue);border-radius:0 14px 14px 0;background:var(--soft);color:#4e5d78}
.table{margin:16px 0 24px;overflow-x:auto}
.data-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}
.data-table th,.data-table td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.data-table thead th{background:var(--soft);white-space:nowrap}
.data-table tbody th{background:#fafcff;font-weight:700;min-width:96px}

.business{margin-top:24px;padding:22px 24px;border-radius:18px;background:var(--soft)}
.business dl{display:grid;grid-template-columns:130px 1fr;gap:8px 16px;margin:0;font-size:14px}
.business dt{color:var(--muted)}
.business dd{margin:0;font-weight:700}

.steps{counter-reset:step;list-style:none;padding:0}
.steps li{position:relative;min-height:44px;padding:9px 0 9px 54px}
.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:6px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}
.email-box{margin:18px 0;padding:20px 22px;border:1px solid #cfdcf6;border-radius:18px;background:#f8fbff}
.email-box dl{display:grid;grid-template-columns:90px 1fr;gap:8px 14px;margin:0}
.email-box dt{color:var(--muted)}
.email-box dd{margin:0;font-weight:700}

.doc-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}
.doc-list a{display:block;padding:18px 22px;border:1px solid var(--line);border-radius:18px;text-decoration:none;background:#fff}
.doc-list b{display:block;font-size:17px}
.doc-list span{color:var(--muted);font-size:14px}

.legal-footer{border-top:1px solid var(--line);background:#fbfcfe;padding:40px 0}
.legal-footer .legal-bar{display:flex;justify-content:space-between;gap:28px}
.legal-footer .company{margin:14px 0 12px;color:var(--muted);font-size:12px;line-height:1.8}
.legal-footer small{font-size:12px;color:#7d899d}
.legal-footer nav{display:flex;flex-wrap:wrap;gap:10px 22px;align-content:flex-start;font-size:14px;padding-top:6px}
.legal-footer nav a{text-decoration:none}

@media(max-width:600px){
  body{font-size:15px}
  .legal-bar{padding:0 22px}
  .legal-header .legal-bar{min-height:66px}
  .brand{font-size:24px}.brand img{width:26px}
  .home{font-size:13px;padding:7px 12px}
  .legal-wrap{width:calc(100% - 32px);margin:18px auto 44px;padding:28px 20px;border-radius:22px}
  .lead{font-size:16px}
  .toc ol{columns:1}
  .data-table{min-width:540px}
  .business dl,.email-box dl{grid-template-columns:1fr;gap:0}
  .business dd,.email-box dd{margin-bottom:10px}
  .legal-footer .legal-bar{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}