:root{--navy:#07111f;--navy2:#0b1c31;--blue:#1689ff;--cyan:#63d9ff;--ink:#111827;--muted:#687386;--line:#dfe5ec;--paper:#f4f7fa;--white:#fff}*{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(--ink);background:#fff;word-break:keep-all}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:94px;display:flex;align-items:center;padding:0 clamp(24px,5vw,84px);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;border:2px solid var(--blue);border-radius:11px;display:grid;place-items:center;color:#fff;font-size:25px;font-weight:900;transform:rotate(-4deg);box-shadow:inset 0 0 16px rgba(22,137,255,.32)}.brand-name{font-size:21px;font-weight:850;letter-spacing:.8px;line-height:.8}.brand-name>span{color:var(--blue)}.brand-name small{display:block;font-size:9px;letter-spacing:5.6px;margin-top:9px;color:#aebbd0}.site-header nav{display:flex;gap:34px;margin-left:auto;margin-right:38px;font-size:14px;color:#dce5f2}.site-header nav a:hover{color:#fff}.header-cta{border:1px solid rgba(255,255,255,.4);padding:12px 22px;border-radius:99px;font-size:13px}.menu-btn{display:none}.hero{height:min(900px,100vh);min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy)}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,20,.96) 0%,rgba(3,13,26,.82) 32%,rgba(2,13,27,.15) 70%),linear-gradient(0deg,rgba(3,10,20,.5),transparent 45%)}.hero-content{position:relative;z-index:2;padding:90px clamp(24px,9vw,160px) 0;color:#fff;width:100%;max-width:1050px}.eyebrow,.section-label{font-size:11px;letter-spacing:2.8px;font-weight:800;color:#5fbdff}.hero h1{font-size:clamp(54px,6.2vw,96px);line-height:1.04;letter-spacing:-4.8px;margin:24px 0 25px;font-weight:780}.hero h1 em{font-style:normal;color:#45adff}.hero-copy{font-size:clamp(16px,1.4vw,20px);line-height:1.85;color:#d1dcea;margin:0}.hero-actions{display:flex;gap:12px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:166px;padding:16px 24px;border-radius:4px;font-size:14px;font-weight:750;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.ghost{border:1px solid rgba(255,255,255,.38);color:#fff}.trust-line{display:flex;gap:30px;margin-top:58px;font-size:11px;letter-spacing:.8px;color:#90a0b6}.scroll{position:absolute;right:50px;bottom:38px;z-index:3;color:#a5b1c3;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}.scroll i{display:block;height:48px;width:1px;background:#4c91c8}.section{padding:120px clamp(24px,8vw,140px)}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:11vw;margin-top:42px}.kicker{color:var(--blue);font-size:15px;font-weight:750}.intro h2,.section-head h2,.contact h2{font-size:clamp(38px,4vw,62px);letter-spacing:-3px;line-height:1.18;margin:14px 0}.intro h2 span,.contact h2 span{color:#97a3b3}.intro-copy{padding-top:35px;color:#596578;font-size:16px;line-height:1.9}.intro-copy p{margin:0 0 20px}.value-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:85px;border-top:1px solid var(--line)}.value-row article{padding:34px 25px 10px;border-right:1px solid var(--line)}.value-row article:first-child{padding-left:0}.value-row article:last-child{border:0}.value-row b{font-size:38px;color:#d4eaff}.value-row h3{font-size:18px;margin:18px 0 8px}.value-row p{font-size:13px;color:var(--muted);margin:0}.solutions{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.section-head h2{margin-bottom:0}.section-head>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 10px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d7dee7;border:1px solid #d7dee7}.solution-card{position:relative;background:#fff;padding:38px 30px 34px;min-height:440px;transition:.25s}.solution-card:hover{transform:translateY(-7px);z-index:2;box-shadow:0 15px 45px rgba(12,31,55,.14)}.solution-card.featured{background:var(--navy2);color:#fff}.num{position:absolute;right:24px;top:22px;color:#a9b4c1;font-size:11px}.card-icon{width:56px;height:56px;border:1px solid #c8e4ff;border-radius:18px;margin:20px 0 44px;position:relative;background:#eef7ff}.featured .card-icon{background:rgba(22,137,255,.15);border-color:#216da8}.card-icon:before,.card-icon:after{content:"";position:absolute}.camera:before{width:28px;height:17px;border:3px solid var(--blue);border-radius:5px;left:11px;top:17px}.camera:after{width:7px;height:7px;border-radius:50%;background:var(--cyan);left:22px;top:25px}.access:before{width:20px;height:28px;border:3px solid var(--blue);border-radius:3px;left:16px;top:12px}.access:after{width:5px;height:5px;border-radius:50%;background:var(--blue);left:24px;top:23px}.network:before{width:8px;height:8px;border-radius:50%;background:var(--blue);left:23px;top:23px;box-shadow:-15px 11px 0 var(--cyan),15px 11px 0 var(--cyan),0 -16px 0 var(--cyan)}.network:after{width:30px;height:24px;left:12px;top:13px;border:1px solid var(--blue);transform:rotate(45deg)}.display:before{width:30px;height:22px;border:3px solid var(--blue);left:10px;top:12px}.display:after{width:18px;height:3px;background:var(--blue);left:19px;top:40px}.solution-card h3{font-size:23px;margin:0 0 17px}.solution-card p{font-size:14px;color:#6d7889;line-height:1.75;min-height:74px}.featured p{color:#adbbcc}.solution-card ul{list-style:none;padding:20px 0;margin:15px 0;border-top:1px solid #e1e6ec;color:#566175;font-size:13px;line-height:2}.featured ul{border-color:#243951;color:#c0cad7}.solution-card li:before{content:"·";color:var(--blue);margin-right:8px}.solution-card a{font-size:13px;color:var(--blue);font-weight:750}.audience{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.audience article{padding:95px clamp(30px,7vw,115px);min-height:490px;display:flex;flex-direction:column;align-items:flex-start}.audience article:first-child{background:var(--blue)}.audience article:last-child{background:linear-gradient(135deg,#0b1c31,#06101d)}.audience-no{font-size:10px;letter-spacing:2px;opacity:.7}.audience h2{font-size:clamp(34px,3.4vw,53px);line-height:1.22;letter-spacing:-2.5px;margin:50px 0 22px}.audience h2 span{opacity:.6}.audience p{max-width:470px;font-size:15px;line-height:1.8;opacity:.75;margin:0 0 34px}.light{background:#fff;color:#0573df;margin-top:auto}.outline{border:1px solid #506277;color:#fff;margin-top:auto}.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.process-list li{padding:35px 20px 15px;border-right:1px solid var(--line);position:relative}.process-list li:first-child{padding-left:0}.process-list li:last-child{border:0}.process-list span{color:var(--blue);font-size:11px}.process-list b{display:block;font-size:19px;margin:28px 0 8px}.process-list p{font-size:13px;color:var(--muted);margin:0}.contact{background:#081624;color:#fff;padding:110px clamp(24px,8vw,140px);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{margin-top:28px}.contact-copy>p{color:#9baabb;line-height:1.8}.contact-note{margin-top:54px;padding-top:20px;border-top:1px solid #23374a;font-size:12px;color:#8596a8}.contact-note b{display:block;color:#fff;margin-bottom:9px}.inquiry{display:grid;gap:20px}.inquiry label{display:grid;gap:8px;font-size:12px;color:#9babbc}.inquiry input,.inquiry select,.inquiry textarea{width:100%;border:0;border-bottom:1px solid #3a4b5c;background:transparent;color:#fff;border-radius:0;padding:12px 2px;font:inherit;font-size:14px;outline:none}.inquiry select option{color:#111}.inquiry input:focus,.inquiry select:focus,.inquiry textarea:focus{border-color:var(--blue)}.inquiry textarea{resize:vertical}.inquiry .agree{display:flex;align-items:center;grid-template-columns:auto 1fr;gap:8px}.agree input{width:15px}.submit{border:0;background:var(--blue);color:#fff;padding:18px 24px;font-weight:750;font-size:14px;display:flex;justify-content:space-between;cursor:pointer}.form-status{font-size:12px;color:#63d9ff;margin:0;min-height:18px}footer{padding:55px clamp(24px,8vw,140px);background:#040b13;color:#7c899a;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:45px;font-size:12px}footer .brand-mark{width:36px;height:36px;font-size:20px}footer .brand-name{color:#fff;font-size:18px}footer>p{border-left:1px solid #24303d;padding-left:40px}footer>div{display:flex;gap:20px}footer>small{grid-column:1/-1;border-top:1px solid #1d2732;padding-top:22px;font-size:10px}.footer-brand{color:#fff}@media(max-width:900px){.site-header{height:76px}.site-header nav,.header-cta{display:none}.menu-btn{margin-left:auto;display:grid;gap:6px;border:0;background:transparent;padding:10px}.menu-btn span{display:block;width:24px;height:1px;background:#fff}.site-header.open nav{display:flex;position:absolute;top:76px;left:0;width:100%;padding:25px;background:#07111f;flex-direction:column;gap:20px}.hero{min-height:720px}.hero-content{padding-top:80px}.hero h1{letter-spacing:-3px}.trust-line{display:grid;grid-template-columns:1fr 1fr}.scroll{display:none}.intro-grid,.contact{grid-template-columns:1fr}.value-row,.solution-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;gap:20px}.process-list{grid-template-columns:repeat(3,1fr)}.contact{gap:60px}footer{grid-template-columns:1fr}footer>p{border:0;padding:0}footer>small{grid-column:auto}}@media(max-width:600px){.hero{min-height:750px}.hero h1{font-size:52px}.hero-copy br{display:none}.hero-actions{flex-direction:column;align-items:stretch}.trust-line{margin-top:38px;gap:14px}.section{padding-top:85px;padding-bottom:85px}.intro-grid{gap:20px}.value-row,.solution-grid,.audience,.process-list{grid-template-columns:1fr}.value-row article{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.section-head{display:block}.section-head>p{margin-top:24px}.solution-card{min-height:390px}.audience article{min-height:450px;padding-top:70px;padding-bottom:70px}.process-list li{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.contact{padding-top:85px;padding-bottom:85px}footer>div{flex-wrap:wrap}}
