@charset "utf-8";

:root {
    --navy:#0b1f3a;
    --navy-2:#102b50;
    --blue:#1769ff;
    --blue-light:#eaf2ff;
    --sky:#56b7ff;
    --text:#172033;
    --muted:#64748b;
    --line:#e3e9f2;
    --bg:#f6f8fc;
    --white:#fff;
    --shadow:0 24px 70px rgba(13, 38, 76, .14);
}

* {box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {margin:0;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65;word-break:keep-all;}
a {color:inherit;text-decoration:none;}
ul,ol,dl,dd,p,h1,h2,h3 {margin:0;padding:0;}
ul,ol {list-style:none;}
button {font:inherit;}
.container {width:min(1180px,calc(100% - 40px));margin:0 auto;}
.section {padding:110px 0;}
.eyebrow {font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--blue);}

.site-header {position:fixed;left:0;top:0;width:100%;z-index:100;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(220,228,240,.75);backdrop-filter:blur(14px);}
.header-inner {height:76px;display:flex;align-items:center;justify-content:space-between;}
.logo {display:flex;align-items:center;gap:10px;}
.logo-mark {width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;display:grid;place-items:center;font-weight:900;font-size:21px;box-shadow:0 8px 22px rgba(23,105,255,.25);}
.logo-text {font-size:21px;font-weight:900;letter-spacing:.04em;color:var(--navy);}
.nav {display:flex;align-items:center;gap:34px;font-size:15px;font-weight:700;color:#35445a;}
.nav a:hover {color:var(--blue);}
.nav-contact {padding:10px 18px;border-radius:10px;background:var(--navy);color:#fff !important;}
.nav-toggle {display:none;border:0;background:none;padding:8px;}
.nav-toggle span {display:block;width:22px;height:2px;background:var(--navy);margin:5px 0;}

.hero {position:relative;overflow:hidden;padding:156px 0 92px;background:linear-gradient(135deg,#f7faff 0%,#edf5ff 55%,#f8fbff 100%);}
.hero-bg {position:absolute;border-radius:50%;filter:blur(4px);opacity:.45;}
.hero-bg-1 {width:520px;height:520px;right:-180px;top:-180px;background:radial-gradient(circle,#84c8ff 0%,rgba(132,200,255,0) 70%);}
.hero-bg-2 {width:420px;height:420px;left:-220px;bottom:-220px;background:radial-gradient(circle,#9cb8ff 0%,rgba(156,184,255,0) 70%);}
.hero-inner {position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center;}
.hero-copy h1 {margin-top:16px;font-size:54px;line-height:1.22;letter-spacing:-.04em;color:var(--navy);}
.hero-copy h1 strong {color:var(--blue);}
.hero-description {max-width:650px;margin-top:24px;font-size:18px;color:#53627a;}
.hero-actions {display:flex;gap:12px;margin-top:34px;}
.button {display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:12px;font-weight:800;transition:.2s ease;}
.button.primary {background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(23,105,255,.24);}
.button.primary:hover {transform:translateY(-2px);background:#0c5ae8;}
.button.secondary {background:#fff;color:var(--navy);border:1px solid #dce4ef;}
.button.full {width:100%;}
.hero-points {display:flex;flex-wrap:wrap;gap:18px;margin-top:32px;font-size:14px;font-weight:700;color:#53627a;}
.hero-points li::before {content:"✓";margin-right:7px;color:var(--blue);font-weight:900;}
.hero-panel {padding:26px;border-radius:28px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(10px);}
.panel-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;}
.panel-head div {display:flex;flex-direction:column;}
.panel-label {font-size:12px;color:var(--muted);}
.panel-head strong {font-size:20px;color:var(--navy);}
.status-dot {font-size:12px;font-weight:800;color:#0d8b5f;background:#e8fff5;border-radius:999px;padding:7px 11px;}
.status-dot::before {content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#16b77d;}
.stats-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.stat-card {padding:18px;border-radius:17px;background:#f6f8fc;border:1px solid #edf1f7;}
.stat-card.accent {background:linear-gradient(135deg,#1769ff,#3d8bff);color:#fff;border-color:transparent;}
.stat-card span,.stat-card small {display:block;font-size:12px;color:#718096;}
.stat-card.accent span,.stat-card.accent small {color:rgba(255,255,255,.78);}
.stat-card strong {display:block;margin:4px 0;font-size:25px;line-height:1.2;color:var(--navy);}
.stat-card.accent strong {color:#fff;}
.mini-chart {margin-top:16px;padding:20px;border-radius:18px;border:1px solid #e9eef6;background:#fff;}
.chart-head {display:flex;justify-content:space-between;font-size:13px;color:var(--muted);}
.chart-head b {color:var(--blue);}
.bars {height:110px;margin-top:18px;display:flex;align-items:flex-end;gap:10px;}
.bars i {flex:1;display:block;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#4ea5ff,#1769ff);min-height:20px;}

.trust-strip {background:var(--navy);color:#fff;}
.trust-grid {display:grid;grid-template-columns:repeat(4,1fr);}
.trust-grid div {padding:28px 30px;border-right:1px solid rgba(255,255,255,.12);}
.trust-grid div:last-child {border-right:0;}
.trust-grid strong,.trust-grid span {display:block;}
.trust-grid strong {font-size:17px;}
.trust-grid span {margin-top:4px;font-size:13px;color:rgba(255,255,255,.62);}

.section-heading {margin-bottom:56px;}
.section-heading.center {text-align:center;}
.section-heading.light {color:#fff;}
.section-heading h2 {margin-top:13px;font-size:40px;line-height:1.3;letter-spacing:-.035em;color:var(--navy);}
.section-heading.light h2 {color:#fff;}
.section-heading > p:last-child {margin-top:16px;color:var(--muted);font-size:17px;}
.section-heading.light > p:last-child {color:rgba(255,255,255,.68);}
.overview-section {background:#fff;}
.overview-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.overview-card {position:relative;padding:32px 28px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:.25s ease;}
.overview-card:hover {transform:translateY(-6px);box-shadow:0 20px 42px rgba(20,45,80,.10);border-color:#cfdaf0;}
.overview-card .number {font-size:13px;font-weight:900;color:var(--blue);}
.overview-card h3 {margin-top:30px;font-size:21px;color:var(--navy);}
.overview-card p {margin-top:12px;font-size:15px;color:var(--muted);}

.features-section {background:linear-gradient(145deg,#0b1f3a,#102d54);}
.feature-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.feature-card {padding:28px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);color:#fff;}
.feature-icon {width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(86,183,255,.16);color:#71c5ff;font-weight:900;}
.feature-card h3 {margin-top:24px;font-size:21px;}
.feature-card ul {margin-top:16px;}
.feature-card li {position:relative;padding:6px 0 6px 16px;font-size:14px;color:rgba(255,255,255,.7);}
.feature-card li::before {content:"";position:absolute;left:0;top:15px;width:5px;height:5px;border-radius:50%;background:#61beff;}

.strength-section {background:var(--bg);}
.strength-layout {display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;}
.strength-copy h2 {margin-top:14px;font-size:40px;line-height:1.3;letter-spacing:-.035em;color:var(--navy);}
.strength-copy > p:not(.eyebrow) {margin-top:20px;color:var(--muted);font-size:16px;}
.strength-list {display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px;}
.strength-list div {padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line);}
.strength-list strong,.strength-list span {display:block;}
.strength-list strong {color:var(--navy);}
.strength-list span {margin-top:7px;font-size:13px;color:var(--muted);}
.system-map {position:relative;min-height:460px;border-radius:50%;background:radial-gradient(circle at center,#e2efff 0%,#edf4fc 42%,rgba(237,244,252,0) 68%);}
.system-core {position:absolute;left:50%;top:50%;width:188px;height:188px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#1769ff,#0c4fbf);color:#fff;box-shadow:0 26px 50px rgba(23,105,255,.28);z-index:2;}
.system-core span {font-size:13px;letter-spacing:.12em;opacity:.75;}
.system-core strong {margin-top:6px;font-size:20px;}
.system-node {position:absolute;width:145px;padding:18px;text-align:center;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(20,45,80,.09);}
.system-node::after {content:"";position:absolute;background:#b8d3f8;z-index:-1;}
.system-node b,.system-node span {display:block;}
.system-node b {color:var(--navy);}
.system-node span {font-size:12px;color:var(--muted);}
.node-1 {left:50%;top:8px;transform:translateX(-50%);}
.node-1::after {left:50%;top:100%;width:1px;height:78px;}
.node-2 {right:0;top:50%;transform:translateY(-50%);}
.node-2::after {right:100%;top:50%;width:78px;height:1px;}
.node-3 {left:50%;bottom:8px;transform:translateX(-50%);}
.node-3::after {left:50%;bottom:100%;width:1px;height:78px;}
.node-4 {left:0;top:50%;transform:translateY(-50%);}
.node-4::after {left:100%;top:50%;width:78px;height:1px;}

.process-section {background:#fff;}
.process-list {display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.process-list li {position:relative;padding:26px 22px;border-radius:18px;background:#f7f9fc;border:1px solid var(--line);}
.process-list li:not(:last-child)::after {content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--blue);font-weight:900;}
.process-list li > span {font-size:13px;color:var(--blue);font-weight:900;}
.process-list strong {display:block;margin-top:24px;font-size:18px;color:var(--navy);}
.process-list p {margin-top:9px;font-size:13px;color:var(--muted);}

.contact-section {padding:100px 0;background:linear-gradient(135deg,#edf5ff,#f8fbff);}
.contact-inner {display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center;}
.contact-inner h2 {margin-top:14px;font-size:42px;line-height:1.3;letter-spacing:-.035em;color:var(--navy);}
.contact-inner > div:first-child > p:last-child {margin-top:18px;color:var(--muted);font-size:17px;}
.contact-card {padding:32px;border-radius:24px;background:#fff;box-shadow:var(--shadow);}
.contact-card > span {font-size:13px;color:var(--muted);}
.contact-card > strong {display:block;margin-top:4px;font-size:28px;color:var(--navy);}
.contact-card dl {margin:24px 0;}
.contact-card dl div {display:grid;grid-template-columns:78px 1fr;padding:10px 0;border-bottom:1px solid #eef2f7;font-size:14px;}
.contact-card dt {color:var(--muted);}
.contact-card dd {font-weight:700;color:var(--navy);}
.site-footer {padding:28px 0;background:#07172c;color:#fff;}
.footer-inner {display:flex;justify-content:space-between;align-items:center;}
.footer-inner div {display:flex;align-items:center;gap:14px;}
.footer-inner strong {font-size:18px;}
.footer-inner span,.footer-inner p {font-size:12px;color:rgba(255,255,255,.48);}

@media (max-width:980px) {
    .nav {position:absolute;left:20px;right:20px;top:68px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;border-radius:15px;background:#fff;box-shadow:0 16px 40px rgba(20,45,80,.16);}
    .nav.open {display:flex;}
    .nav a {padding:13px 14px;}
    .nav-contact {margin-top:6px;text-align:center;}
    .nav-toggle {display:block;}
    .hero-inner,.strength-layout,.contact-inner {grid-template-columns:1fr;}
    .hero-copy h1 {font-size:44px;}
    .hero-panel {max-width:680px;}
    .overview-grid {grid-template-columns:repeat(2,1fr);}
    .feature-grid {grid-template-columns:repeat(2,1fr);}
    .trust-grid {grid-template-columns:repeat(2,1fr);}
    .trust-grid div:nth-child(2) {border-right:0;}
    .trust-grid div:nth-child(-n+2) {border-bottom:1px solid rgba(255,255,255,.12);}
    .process-list {grid-template-columns:repeat(2,1fr);}
    .process-list li::after {display:none !important;}
    .contact-inner {gap:40px;}
}

@media (max-width:640px) {
    .container {width:min(100% - 28px,1180px);}
    .section {padding:78px 0;}
    .header-inner {height:66px;}
    .hero {padding:120px 0 70px;}
    .hero-copy h1 {font-size:36px;}
    .hero-description {font-size:16px;}
    .hero-actions {flex-direction:column;}
    .button {width:100%;}
    .hero-points {display:block;}
    .hero-points li {margin-top:8px;}
    .stats-grid,.overview-grid,.feature-grid,.strength-list,.process-list {grid-template-columns:1fr;}
    .trust-grid {grid-template-columns:1fr 1fr;}
    .trust-grid div {padding:22px 16px;}
    .section-heading h2,.strength-copy h2,.contact-inner h2 {font-size:31px;}
    .system-map {min-height:410px;transform:scale(.9);margin:-20px -20px;}
    .system-node {width:125px;padding:14px 10px;}
    .footer-inner {align-items:flex-start;flex-direction:column;gap:10px;}
    .contact-card {padding:24px;}
}

/* 통계관리 중심 사업내용 */
.statistics-section {background:#f4f7fb;overflow:hidden;}
.statistics-summary {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;}
.statistics-summary article {padding:24px 26px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(20,45,80,.05);}
.statistics-summary article.highlight {background:linear-gradient(135deg,#1769ff,#0750c8);border-color:transparent;color:#fff;}
.statistics-summary span,.statistics-summary small,.statistics-summary strong {display:block;}
.statistics-summary span {font-size:13px;color:var(--muted);}
.statistics-summary strong {margin-top:6px;font-size:27px;color:var(--navy);}
.statistics-summary small {margin-top:5px;font-size:12px;color:#8b98aa;}
.statistics-summary .highlight span,.statistics-summary .highlight small {color:rgba(255,255,255,.72);}
.statistics-summary .highlight strong {color:#fff;}
.dashboard-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.dashboard-card {padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 36px rgba(20,45,80,.07);}
.dashboard-card.dashboard-wide {grid-column:1/-1;}
.dashboard-head {display:flex;justify-content:space-between;align-items:center;gap:20px;}
.dashboard-head > div {display:flex;align-items:center;gap:12px;}
.dashboard-head span {display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:var(--blue);font-size:12px;font-weight:900;}
.dashboard-head h3 {font-size:21px;color:var(--navy);}
.dashboard-head em {font-style:normal;font-size:12px;font-weight:800;color:#0d8b5f;background:#e8fff5;border-radius:999px;padding:7px 11px;}
.dashboard-description {margin-top:13px;font-size:14px;color:var(--muted);}
.dashboard-visual {margin-top:24px;}
.reception-visual {display:grid;grid-template-columns:1fr 240px;gap:26px;align-items:stretch;}
.trend-chart,.donut-wrap {padding:20px;border-radius:18px;background:#f8fafd;border:1px solid #edf1f6;}
.chart-title {display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);}
.chart-title strong {font-size:14px;color:var(--navy);}
.trend-lines {position:relative;height:210px;margin-top:12px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 41px,#e9eef5 42px);}
.trend-lines svg {position:absolute;inset:0;width:100%;height:180px;overflow:visible;}
.trend-lines polyline,.visit-chart polyline {fill:none;stroke:#1769ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.trend-lines polyline.offline {stroke:#f29f38;}
.axis-labels {position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:11px;color:#8995a5;}
.donut-wrap {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.donut {width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#1769ff 0 58.4%,#f29f38 58.4% 100%);position:relative;}
.donut::after {content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#fff;}
.donut div {position:relative;z-index:1;text-align:center;}
.donut strong,.donut span {display:block;}
.donut strong {font-size:23px;color:var(--navy);}
.donut span {font-size:12px;color:var(--muted);}
.donut-wrap ul {width:100%;margin-top:18px;}
.donut-wrap li {display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12px;color:var(--muted);}
.donut-wrap li i {width:8px;height:8px;border-radius:50%;}
.online-dot {background:#1769ff;}.offline-dot {background:#f29f38;}
.district-bars {margin-top:22px;display:grid;gap:14px;}
.district-bars > div {display:grid;grid-template-columns:38px 1fr 48px;gap:10px;align-items:center;}
.district-bars b,.district-bars em {font-size:12px;color:var(--navy);font-style:normal;}
.district-bars span {height:10px;border-radius:999px;background:#edf1f6;overflow:hidden;}
.district-bars i {display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1769ff,#54a5ff);}
.stock-table {margin-top:20px;border:1px solid #edf1f6;border-radius:14px;overflow:hidden;}
.stock-row {display:grid;grid-template-columns:1.1fr .9fr .9fr .9fr;align-items:center;padding:13px 15px;border-top:1px solid #edf1f6;font-size:12px;color:#617086;}
.stock-row:first-child {border-top:0;}.stock-row b {color:var(--navy);}.stock-head {background:#f7f9fc;font-weight:800;color:#53627a;}
.stock-row em {justify-self:start;padding:5px 8px;border-radius:999px;font-style:normal;font-weight:800;}
.stock-row .safe {color:#0d8b5f;background:#e8fff5;}.stock-row .care {color:#b56b00;background:#fff4dc;}.stock-row .danger {color:#d64545;background:#fff0f0;}
.visit-stat-layout {display:grid;grid-template-columns:1fr 270px;gap:24px;margin-top:24px;}
.visit-chart {position:relative;height:210px;border-radius:18px;background:#f8fafd;border:1px solid #edf1f6;overflow:hidden;}
.visit-grid {position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 41px,#e8edf4 42px);}
.visit-chart svg {position:absolute;inset:18px 18px 12px;width:calc(100% - 36px);height:calc(100% - 30px);}
.visit-chart polyline.internal {stroke:#31b47d;}
.visit-notes {display:grid;gap:12px;}
.visit-notes div {padding:17px;border-radius:15px;background:#f8fafd;border:1px solid #edf1f6;}
.visit-notes strong,.visit-notes span {display:block;}.visit-notes strong {font-size:14px;color:var(--navy);}.visit-notes span {margin-top:5px;font-size:12px;color:var(--muted);}
.statistics-benefits {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;}
.statistics-benefits div {padding:22px;border-radius:18px;background:#102d54;color:#fff;}
.statistics-benefits strong,.statistics-benefits span {display:block;}.statistics-benefits strong {font-size:16px;}.statistics-benefits span {margin-top:7px;font-size:13px;color:rgba(255,255,255,.66);}
@media (max-width:980px) {
    .statistics-summary {grid-template-columns:repeat(2,1fr);}
    .dashboard-grid {grid-template-columns:1fr;}
    .dashboard-card.dashboard-wide {grid-column:auto;}
    .reception-visual,.visit-stat-layout {grid-template-columns:1fr;}
    .statistics-benefits {grid-template-columns:1fr;}
}
@media (max-width:640px) {
    .statistics-summary {grid-template-columns:1fr;}
    .dashboard-card {padding:21px;}
    .dashboard-head {align-items:flex-start;}
    .dashboard-head em {display:none;}
    .stock-row {grid-template-columns:1fr .8fr .8fr 1fr;padding:11px 9px;font-size:11px;}
    .trend-lines {height:180px;}
}