:root{--bg:#f7f8fb;--panel:#fff;--text:#14161a;--muted:#626874;--line:#e4e7ec;--accent:#111827;--soft:#eef1f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR",Arial,sans-serif;line-height:1.7}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:22px;letter-spacing:.12em;color:var(--text);text-decoration:none}.topbar nav{display:flex;gap:22px}.topbar nav a,.footer-links a,footer a{color:var(--muted);text-decoration:none}.topbar nav a:hover,.footer-links a:hover,footer a:hover{color:var(--text)}.hero{padding:110px 0 96px;max-width:900px}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:#5d6470}.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 28px}.lead{font-size:20px;color:var(--muted);max-width:820px}.status{display:inline-block;margin-top:24px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:14px;font-weight:700}.section{padding:76px 0;border-top:1px solid var(--line)}.section h2{font-size:34px;line-height:1.2;margin:8px 0 28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px}.card h3{margin:0 0 10px}.card p{margin:0;color:var(--muted)}dl{margin:0;max-width:720px}dl div{display:grid;grid-template-columns:160px 1fr;padding:17px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;font-weight:700}.mail{display:inline-block;margin-top:10px;font-size:22px;font-weight:800;color:var(--text)}footer{padding:34px 0 50px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}.footer-links{display:flex;gap:18px;margin-bottom:8px}.legal{max-width:900px}.legal .section{border-top:0;padding-top:70px}.legal h1{font-size:46px;line-height:1.15}.legal h2{font-size:22px;margin-top:42px;margin-bottom:8px}.legal p{color:#343942}.legal .muted{color:var(--muted);font-size:14px}.legal a{color:inherit}@media(max-width:760px){.topbar nav{gap:12px;font-size:14px}.hero{padding:74px 0 64px}.lead{font-size:17px}.cards{grid-template-columns:1fr}.section{padding:56px 0}dl div{grid-template-columns:1fr;gap:4px}.legal h1{font-size:36px}}

/* LOTBI official company footer */

.lotbi-footer {
  padding: 32px 0 48px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.9;
}

.lotbi-footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-bottom: 14px;
  font-weight: 700;
}

.lotbi-footer .footer-links a,
.lotbi-footer .company-legal a {
  color: var(--muted);
  text-decoration: none;
}

.lotbi-footer .footer-links a:hover,
.lotbi-footer .company-legal a:hover {
  color: var(--text);
  text-decoration: underline;
}

.company-legal {
  max-width: 1050px;
  font-size: 11px;
  line-height: 1.9;
  color: #7a808b;
  word-break: keep-all;
}

.footer-service {
  margin-top: 10px;
  font-size: 11px;
  color: #8a909a;
}

@media (max-width: 760px) {
  .lotbi-footer {
    padding: 28px 0 40px;
    font-size: 11px;
  }

  .lotbi-footer .footer-links {
    gap: 8px 14px;
  }

  .company-legal {
    font-size: 10px;
    line-height: 1.8;
  }

  .footer-service {
    font-size: 10px;
  }
}