:root{--n:#071b31;--n2:#0d2a48;--o:#f6a000;--ink:#132236;--m:#637184;--line:#dfe6ee;--bg:#f5f7fa;--w:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;color:var(--ink);word-break:keep-all}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92vw);margin:auto}.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topin{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:950;letter-spacing:-.03em}.brand i{display:inline-block;width:9px;height:9px;background:var(--o);border-radius:50%;margin-right:8px}nav{display:flex;gap:20px;font-size:14px;font-weight:800}.call{padding:11px 15px;border-radius:10px;background:var(--n);color:#fff}.hero{background:radial-gradient(circle at 82% 20%,#173e63 0,transparent 30%),linear-gradient(135deg,#061629,#0b2948);color:#fff}.heroIn{min-height:590px;display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center;padding:65px 0}.ey{font-size:12px;letter-spacing:.16em;font-weight:900;color:var(--o);margin-bottom:16px}.hero h1{font-size:clamp(42px,5.8vw,72px);line-height:1.08;letter-spacing:-.055em;margin:0 0 22px}.hero p{color:#c6d4e2;font-size:17px;line-height:1.85;max-width:660px}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.btn{padding:14px 18px;border-radius:10px;font-weight:900;background:var(--o);color:#172033}.btn.ghost{background:transparent;color:#fff;border:1px solid #55718d}.logos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logoBox{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;text-align:center}.logoBox img{width:100%;max-height:155px;object-fit:contain}.logoBox small{color:#aabccd}.sec{padding:88px 0}.soft{background:var(--bg)}.dark{background:var(--n);color:#fff}.sec h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;margin:0 0 16px}.lead{color:var(--m);line-height:1.8;font-size:16px;max-width:800px;margin:0 0 38px}.dark .lead{color:#b8c7d6}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:17px;padding:25px;background:#fff}.card h3{margin:7px 0 10px;font-size:21px}.card p{margin:0;color:var(--m);font-size:14px;line-height:1.75}.card .tag{color:var(--o);font-size:11px;font-weight:900;letter-spacing:.12em}.visualGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.visual{border-radius:20px;overflow:hidden;background:var(--n);position:relative}.visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.visualText{padding:20px 22px;color:#fff}.visualText b{display:block;font-size:20px;margin-bottom:7px}.visualText span{color:#b9c8d7;font-size:14px;line-height:1.6}.miniNav{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.miniNav a{padding:20px;border-right:1px solid var(--line);font-weight:850}.miniNav a:last-child{border:0}.miniNav small{display:block;color:var(--o);margin-bottom:5px}.info{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff}.panel h3{margin-top:0;font-size:24px}.panel ul{padding-left:20px;color:var(--m);line-height:1.9}.faq details{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#fff;margin-bottom:10px}.faq summary{font-weight:850;cursor:pointer}.faq p{color:var(--m);line-height:1.75;font-size:14px}.pageHero{padding:75px 0 55px;background:linear-gradient(135deg,#061629,#0d2a48);color:#fff}.pageHero h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.05em;margin:0 0 15px}.pageHero p{color:#c4d2df;line-height:1.8;max-width:760px}.crumb{font-size:12px;color:#91a6ba;margin-bottom:20px}.note{border-left:4px solid var(--o);padding:15px 18px;background:#fff7e8;line-height:1.75}.contact{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.links a{padding:15px;border-radius:10px;text-align:center;background:var(--n);color:#fff;font-weight:900}.links a:first-child{background:var(--o);color:#182230}footer{padding:32px 0;background:#051321;color:#8294a7;font-size:12px}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.mobile{display:none;position:fixed;z-index:40;left:12px;right:12px;bottom:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;grid-template-columns:1fr 1fr;gap:8px;box-shadow:0 10px 30px #0002}.mobile a{padding:12px;text-align:center;border-radius:9px;background:var(--n);color:#fff;font-weight:900}.mobile a:first-child{background:var(--o);color:#172033}@media(max-width:850px){nav{display:none}.heroIn,.contact,.info{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.miniNav{grid-template-columns:1fr 1fr}.miniNav a:nth-child(2){border-right:0}.logos{max-width:620px}}@media(max-width:560px){body{padding-bottom:74px}.mobile{display:grid}.heroIn{min-height:auto}.hero h1{font-size:40px}.sec{padding:64px 0}.grid3,.visualGrid,.logos,.links{grid-template-columns:1fr}.miniNav{grid-template-columns:1fr}.miniNav a{border-right:0;border-bottom:1px solid var(--line)}}

.cardlink{display:block;transition:transform .18s ease,box-shadow .18s ease}.cardlink:hover{transform:translateY(-3px);box-shadow:0 12px 30px #071b3114}.more{display:block;margin-top:16px;color:#0d2a48;font-size:13px}.dark .cardlink .more{color:var(--o)}

/* V8 */
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a{background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:999px;font-weight:800;font-size:14px}.chips a:hover{border-color:var(--o)}.caseGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.case summary{display:flex;gap:12px;align-items:center;padding:20px;cursor:pointer;list-style:none}.case summary span{color:var(--o);font-size:12px;font-weight:950}.case summary b{font-size:17px}.case div{padding:0 20px 20px;border-top:1px solid var(--line)}.case p{color:var(--m);line-height:1.75}.case small{display:block;color:#8b98a7;margin-bottom:5px}.case strong{font-size:14px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.flow div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.flow b{display:block;color:var(--o);font-size:12px;margin-bottom:8px}.flow span{font-weight:850}.ghost2{background:#fff;border:1px solid var(--line);color:var(--n)}.articleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;padding-bottom:22px}.article img{width:100%;aspect-ratio:16/8;object-fit:cover;background:#eef3f7}.article span,.article h3,.article p{margin-left:20px;margin-right:20px}.article span{display:block;color:var(--o);font-size:11px;font-weight:950;letter-spacing:.08em;margin-top:18px}.article h3{font-size:19px;line-height:1.45;margin-top:7px;margin-bottom:8px}.article p{color:var(--m);font-size:14px;line-height:1.7}.lightVisual{background:#102942}.lightVisual img{background:#edf2f6}@media(max-width:850px){.articleGrid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.caseGrid,.articleGrid,.flow{grid-template-columns:1fr}}
/* V9 interaction + polish */
.menuBtn{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 11px;font-weight:900;color:var(--n)}
.searchbox{display:flex;gap:10px;margin:24px 0 30px}.searchbox input{width:100%;padding:15px 17px;border:1px solid var(--line);border-radius:12px;font:inherit;outline:none;background:#fff}.searchbox input:focus{border-color:var(--o);box-shadow:0 0 0 3px #f6a00018}.searchHint{font-size:13px;color:var(--m);margin-top:-20px;margin-bottom:28px}.hiddenBySearch{display:none!important}
.card,.panel,.article,.case,.visual,.miniNav{box-shadow:0 8px 28px rgba(7,27,49,.035)}
.visual img{transition:transform .35s ease}.visual:hover img{transform:scale(1.015)}
@media(max-width:850px){.menuBtn{display:block}.topin{height:66px}.topin nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 4vw 18px;box-shadow:0 14px 30px #071b3112;flex-direction:column;gap:0}.topin nav.open{display:flex}.topin nav a{padding:13px 4px;border-bottom:1px solid #eef2f6}.topin .call{display:none}.brand{font-size:14px}}

/* V11 premium landing — original brand assets preserved */
.heroPremium{background:radial-gradient(ellipse at 73% 32%,#1b3a5c 0%,#0a182a 42%,#050b14 80%);color:#f5f8fc;padding:0;overflow:hidden;position:relative}
.heroPremium:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 54%,rgba(72,138,198,.12) 75%,transparent 95%);pointer-events:none}
.premiumInner{min-height:510px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;position:relative;padding-top:46px;padding-bottom:76px}
.premiumCopy{z-index:2}.premiumCopy .ey{letter-spacing:3px;color:#b5cbe2;font-size:12px}.premiumCopy h1{font-size:clamp(34px,4.1vw,60px);line-height:1.26;letter-spacing:-2px;margin:20px 0}.premiumCopy h1 em{font-style:normal;color:#acd0f4}.premiumCopy p{max-width:560px;line-height:1.9;color:#c5d2e0;font-size:16px}.premiumBtn{background:#e8f4ff!important;color:#0a1c30!important}.premiumTrust{margin-top:35px;font-size:10px;letter-spacing:2px;color:#8097b1}.premiumTrust span{color:#d7a76c;margin:0 8px}
.premiumScene{height:385px;position:relative;isolation:isolate}.sceneGlow{position:absolute;inset:12% 1% 3%;background:radial-gradient(ellipse,#2763a088,transparent 65%);filter:blur(38px);z-index:-1}.sceneLaptop{position:absolute;width:82%;height:65%;right:2%;top:15%;transform:perspective(950px) rotateY(-12deg) rotateX(5deg);filter:drop-shadow(0 25px 26px #0009)}.screen{height:85%;border:9px solid #101a28;border-radius:13px 13px 4px 4px;background:linear-gradient(145deg,#142c47,#07111d);box-shadow:inset 0 0 0 1px #57748a66;padding:18px 22px}.screenBar{display:flex;gap:5px}.screenBar span{width:5px;height:5px;border-radius:50%;background:#7793ad}.screenTitle{font-size:10px;letter-spacing:2px;color:#aacbe9;margin:18px 0}.screenRows i{display:block;width:70%;height:5px;margin:13px 0;background:linear-gradient(90deg,#4b86ad,#203d59 75%,transparent);border-radius:10px}.screenRows i:nth-child(2){width:55%}.screenRows i:nth-child(3){width:85%}.screenRows i:nth-child(4){width:62%}.screenWave{position:absolute;bottom:60px;right:12%;width:32%;height:54px;border-top:2px solid #65b8d5;border-bottom:1px solid #416b89;opacity:.65}.keyboard{height:15%;background:linear-gradient(#30465b,#101c2a);clip-path:polygon(2% 0,98% 0,100% 85%,0 85%);border-radius:0 0 15px 15px}.scenePhone{position:absolute;left:4%;bottom:8%;width:110px;height:194px;border:7px solid #182d3f;border-radius:20px;background:linear-gradient(145deg,#1b405f,#06101b);box-shadow:13px 18px 20px #0008;transform:rotate(-12deg);display:flex;align-items:center;justify-content:center;flex-direction:column}.phoneNotch{position:absolute;top:6px;width:32px;height:6px;border-radius:8px;background:#030b12}.phoneLock{font-size:44px;color:#94c7e4}.phoneLines{width:45px;height:5px;background:#6e9db7;border-radius:5px;margin-top:20px}.sceneDisk{position:absolute;right:2%;bottom:5%;width:150px;height:84px;border-radius:12px;background:linear-gradient(130deg,#344e63,#0b1927);box-shadow:10px 15px 20px #0009;transform:rotate(9deg)}.diskCircle{width:60px;height:60px;border:10px solid #617b8e;border-radius:50%;margin:12px auto;box-shadow:inset 0 0 0 8px #1a3549}.sceneCaption{position:absolute;right:1%;top:0;font-size:10px;letter-spacing:2px;color:#88a7c2}.premiumTiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative;margin-top:-44px;margin-bottom:34px}.premiumTiles a{position:relative;display:flex;flex-direction:column;justify-content:end;min-height:132px;padding:22px 15px;border:1px solid #6685a25c;border-radius:13px;background:linear-gradient(140deg,#17334c,#071422);color:white;text-decoration:none;box-shadow:0 14px 30px #0003;transition:transform .2s,background .2s}.premiumTiles a:nth-child(even){background:linear-gradient(140deg,#354031,#111d27)}.premiumTiles a:hover{transform:translateY(-5px)}.premiumTiles strong{font-size:17px;letter-spacing:-.5px}.premiumTiles span{color:#bdcddd;font-size:12px;margin-top:9px;line-height:1.6}.premiumTiles b{position:absolute;right:13px;top:15px;font-size:19px;font-weight:400;color:#bdd8ed}
@media(max-width:850px){.premiumInner{grid-template-columns:1fr;min-height:auto;padding-top:55px;padding-bottom:45px}.premiumCopy h1{font-size:39px}.premiumScene{height:270px;max-width:480px;width:100%;margin:auto}.premiumTiles{grid-template-columns:repeat(2,1fr);margin-top:0}.premiumTiles a:last-child{grid-column:span 2}.premiumTiles a{min-height:112px}.scenePhone{width:85px;height:145px}.sceneDisk{width:100px;height:65px}.diskCircle{width:43px;height:43px;margin:10px auto;border-width:6px}}
@media(max-width:420px){.premiumCopy h1{font-size:34px}.premiumCopy p{font-size:14px}.premiumScene{height:220px}.premiumTiles strong{font-size:15px}.premiumTiles span{font-size:11px}.premiumTiles a{padding:17px 12px}.premiumTrust{font-size:9px;line-height:1.9}}

/* V13: four official ON meanings */
.brand-philosophy{background:linear-gradient(125deg,#f4f7fa,#fff 48%,#eef3f8)}.brand-philosophy .ey{color:#a86b21}.meaning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:34px}.meaning-card{position:relative;overflow:hidden;min-height:315px;padding:28px 23px 26px;background:linear-gradient(155deg,#0b2038,#102d4a);color:#fff;border:1px solid #29435b;border-radius:18px;box-shadow:0 16px 36px #071b3117}.meaning-card:after{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-75px;border-radius:50%;background:radial-gradient(circle,#e8a34420,transparent 70%);pointer-events:none}.meaning-symbol{font-family:Georgia,"Noto Serif CJK KR",serif;font-weight:700;font-size:90px;line-height:1.08;color:#f6c47b;letter-spacing:-.08em;margin-bottom:17px}.meaning-symbol.latin{font-family:Arial,sans-serif;font-size:79px;letter-spacing:-.09em}.meaning-index{font-size:10px;letter-spacing:.17em;color:#e0b679;font-weight:750}.meaning-card h3{font-size:19px;letter-spacing:-.04em;margin:13px 0 12px;line-height:1.4}.meaning-card p{color:#c8d5e1;font-size:13px;line-height:1.85;margin:0}@media(max-width:950px){.meaning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.meaning-grid{gap:10px}.meaning-card{min-height:280px;padding:19px 15px}.meaning-symbol{font-size:66px}.meaning-symbol.latin{font-size:60px}.meaning-card h3{font-size:16px}.meaning-card p{font-size:12px}}


/* V14: original brand logo + cinematic photographic depth, preserving V13 information architecture */
.top .brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:16px}.top .brandLogo{height:43px;width:52px;object-fit:contain;object-position:center;filter:none}.top .brand i{display:none}
.heroPremium{background:linear-gradient(90deg,#07111deb 0%,#0a1b2ce8 60%,#0b1825e0 100%),url('hero-photo.jpg') center/cover}
.editorialScene{background:linear-gradient(90deg,#0a1726b0,#08142045),url('hero-photo.jpg') center/cover!important;border:1px solid #ffffff42}
.editorialScene:before{display:none}.editorialSceneText{background:linear-gradient(90deg,#071321b8,transparent);padding:16px;border-left:2px solid #c99655}
.premiumTiles a{background-size:cover!important;background-position:center!important;overflow:hidden;isolation:isolate}
.premiumTiles a:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07132115 0%,#06111cbd 54%,#04101df2 100%);z-index:-1}
.premiumTiles a:nth-child(1){background-image:url('mobile-photo.jpg')!important}
.premiumTiles a:nth-child(2){background-image:url('unlock-photo.jpg')!important}
.premiumTiles a:nth-child(3){background-image:url('investigation-photo.jpg')!important}
.premiumTiles a:nth-child(4){background-image:url('case-photo.jpg')!important}
.premiumTiles a:nth-child(5){background-image:url('camera-photo.jpg')!important}
.premiumTiles a{min-height:180px;justify-content:flex-end;box-shadow:0 14px 32px #0005}.premiumTiles strong{font-size:18px;text-shadow:0 2px 8px #000b}.premiumTiles span{color:#e2e9f0}
.visual:nth-child(1) .editorialVisual{background:linear-gradient(0deg,#061421dc,transparent 70%),url('mobile-photo.jpg') center/cover}
.visual:nth-child(2) .editorialVisual{background:linear-gradient(0deg,#061421dc,transparent 70%),url('investigation-photo.jpg') center/cover}
.articleVisual{background:linear-gradient(90deg,#0b1d32b8,#0b1d3222),url('case-photo.jpg') center/cover}
.article:nth-child(2n) .articleVisual{background-image:linear-gradient(90deg,#0b1d32b8,#0b1d3222),url('mobile-photo.jpg')}
.article:nth-child(3n) .articleVisual{background-image:linear-gradient(90deg,#0b1d32b8,#0b1d3222),url('camera-photo.jpg')}
.dark{background:linear-gradient(110deg,#081728f5,#10253eea),url('investigation-photo.jpg') center/cover}
.brand-philosophy{background:linear-gradient(125deg,#eef2f5,#fff 50%,#e7edf2)}
.meaning-card{background:linear-gradient(150deg,#071728f0,#102a45f1),url('case-photo.jpg') center/cover;min-height:335px}
.meaning-card:nth-child(2){background-image:linear-gradient(150deg,#071728ef,#102a45e9),url('investigation-photo.jpg')}
.meaning-card:nth-child(3){background-image:linear-gradient(150deg,#071728ef,#102a45e9),url('hero-photo.jpg')}
.meaning-card:nth-child(4){background-image:linear-gradient(150deg,#071728ef,#102a45e9),url('camera-photo.jpg')}
.meaning-symbol{font-size:99px;text-shadow:0 6px 30px #0008}.meaning-symbol.latin{font-size:84px}.meaning-card h3{font-size:20px}.meaning-card p{color:#e0e8ef}
@media(max-width:850px){.premiumTiles a{min-height:165px}.top .brand{font-size:14px}.top .brandLogo{height:39px;width:44px}}
@media(max-width:560px){.top .brand{font-size:13px}.top .brandLogo{height:34px;width:37px}.premiumTiles a{min-height:142px}.meaning-card{min-height:315px}.meaning-symbol{font-size:69px}.meaning-symbol.latin{font-size:61px}}


/* V15: subject-specific photo panels; logos remain original untouched raster files. */
.visual.photo-mobile .editorialVisual{background:linear-gradient(0deg,rgba(3,13,25,.92),rgba(5,19,32,.10) 80%),url('mobile-photo.jpg') center/cover!important}
.visual.photo-pc .editorialVisual{background:linear-gradient(0deg,rgba(3,13,25,.92),rgba(5,19,32,.08) 80%),url('pc-detail.jpg') center/cover!important}
.visual.photo-cctv .editorialVisual{background:linear-gradient(0deg,rgba(3,13,25,.92),rgba(5,19,32,.08) 80%),url('cctv-detail.jpg') center/cover!important}
.visual.photo-blackbox .editorialVisual{background:linear-gradient(0deg,rgba(3,13,25,.92),rgba(5,19,32,.08) 80%),url('blackbox-detail.jpg') center/cover!important}
.visual.photo-audio .editorialVisual{background:linear-gradient(0deg,rgba(3,13,25,.92),rgba(5,19,32,.08) 80%),url('audio-detail.jpg') center/cover!important}
.visual.photo-investigation .editorialVisual{background:linear-gradient(0deg,rgba(3,13,25,.92),rgba(5,19,32,.10) 80%),url('investigation-photo.jpg') center/cover!important}
.visual.photo-case .editorialVisual{background:linear-gradient(0deg,rgba(3,13,25,.92),rgba(5,19,32,.10) 80%),url('case-photo.jpg') center/cover!important}
.visual .editorialVisual{transition:background-size .3s ease;position:relative;min-height:225px}
.visual .editorialVisual strong{font-weight:700;color:white;text-shadow:0 2px 14px rgba(0,0,0,.85)}
.visual .editorialVisual span{text-shadow:0 1px 6px rgba(0,0,0,.8)}
.visualGrid .visual{box-shadow:0 12px 26px rgba(8,23,38,.10)}
@media(max-width:560px){.visual .editorialVisual{min-height:195px}}

/* V16: targeted image, logo presentation, and typography refinements */
.top .brandLogo{width:68px;height:52px;object-fit:contain;background:#fff;padding:3px 5px;border-radius:5px;box-shadow:0 0 0 1px #ffffff40;box-sizing:border-box}
.top .brand{gap:13px}
.article.article-recovery .articleVisual{background:linear-gradient(90deg,#0b1d32b0,#0b1d3240),url('unlock-photo.jpg') center/cover!important}
.article.article-pc .articleVisual{background:linear-gradient(90deg,#0b1d32b0,#0b1d3240),url('pc-detail.jpg') center/cover!important}
.article:nth-child(4) .articleVisual{background:linear-gradient(90deg,#0b1d32b0,#0b1d3240),url('cctv-detail.jpg') center/cover!important}
.article:nth-child(6) .articleVisual{background:linear-gradient(90deg,#0b1d32b0,#0b1d3240),url('audio-detail.jpg') center/cover!important}
.editorialSceneText strong{font-family:'Nanum Pen Script','Nanum Brush Script','Segoe Print',cursive;font-weight:400;font-size:clamp(36px,4vw,58px);line-height:1.12;transform:rotate(-4deg);text-shadow:0 2px 18px #000b;letter-spacing:-.015em}
.editorialSceneText{max-width:90%;margin-bottom:10px}
@media(max-width:700px){.top .brandLogo{width:52px;height:42px;padding:2px 4px}.editorialSceneText strong{font-size:36px}}