@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&family=DM+Mono:wght@400;500&family=Orbitron:wght@400;600;700&display=swap";:root{--bg:#080c12;--deep:#0d1320;--panel:#111927;--card:#162030;--steel:#1e2d42;--blue:#1565c0;--blue-l:#1976d2;--cyan:#00b4d8;--cyan-l:#4dd0e1;--cyan-d:#00b4d81f;--orange:#f57c00;--orange-l:#fb8c00;--orange-d:#f57c001f;--white:#fff;--muted:#6b7fa3;--border:#00b4d826}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:Noto Sans KR,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--deep)}::-webkit-scrollbar-thumb{background:var(--cyan)}.lang-switch{border:1px solid #00b4d866;align-items:center;display:flex;overflow:hidden}.lang-btn{letter-spacing:2px;cursor:pointer;color:var(--muted);background:0 0;border:none;padding:7px 14px;font-family:DM Mono,monospace;font-size:11px;font-weight:700;transition:all .25s}.lang-btn.active{background:var(--cyan);color:var(--bg)}.lang-btn:not(.active):hover{color:var(--cyan)}.lang-sep{background:#00b4d859;align-self:stretch;width:1px}nav{z-index:300;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#080c12f5;width:100%;transition:all .3s;position:fixed;top:0}.nav-wrap{justify-content:space-between;align-items:center;max-width:1440px;height:68px;margin:0 auto;padding:0 44px;display:flex}.logo{cursor:pointer;align-items:center;gap:14px;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg,var(--blue),var(--cyan));width:40px;height:40px;color:var(--white);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;display:flex}.logo-text{flex-direction:column;gap:1px;display:flex}.logo-main{color:var(--white);letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700}.logo-sub{letter-spacing:3px;color:var(--cyan);font-family:DM Mono,monospace;font-size:8px}.nav-menu{list-style:none;display:flex}.nav-menu>li{position:relative}.nav-menu>li>a{height:68px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:4px;padding:0 16px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.nav-menu>li>a:hover{color:var(--white)}.arr{font-size:8px;transition:transform .3s}.nav-menu>li:hover>a .arr{transform:rotate(180deg)}.dropdown{border:1px solid var(--border);border-top:2px solid var(--cyan);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1320fa;min-width:200px;display:none;position:absolute;top:68px;left:0}.nav-menu>li:hover .dropdown{display:block}.dropdown a{color:var(--muted);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #ffffff0a;padding:12px 20px;font-family:Rajdhani,sans-serif;font-size:12px;text-decoration:none;transition:all .25s;display:block}.dropdown a:hover{color:var(--cyan);background:var(--cyan-d);padding-left:26px}.nav-right{align-items:center;gap:12px;display:flex}.nav-phone{color:var(--cyan);letter-spacing:1px;font-family:DM Mono,monospace;font-size:12px}.nav-right .nav-btn{color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:#f57c00;border:1px solid #f57c00;padding:9px 20px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.nav-right .nav-btn:hover{color:#f57c00;background:0 0}.bc{background:var(--panel);border-bottom:1px solid var(--border)}.bc-in{max-width:1440px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:8px;margin:0 auto;padding:12px 44px;font-family:DM Mono,monospace;font-size:10px;display:flex}.bc-in a{color:var(--muted);cursor:pointer;text-decoration:none;transition:color .2s}.bc-in a:hover,.bc-in span{color:var(--cyan)}.ph{background:radial-gradient(ellipse at 60% 50%,#00b4d814 0%,transparent 60%),var(--panel);border-bottom:1px solid var(--border);padding:108px 44px 58px;position:relative;overflow:hidden}.ph:before{content:"";background-image:linear-gradient(#00b4d808 1px,#0000 1px),linear-gradient(90deg,#00b4d808 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.ph-in{z-index:1;max-width:1440px;margin:0 auto;position:relative}.ph h1{color:var(--white);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-family:Rajdhani,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:700}.ph p{color:var(--muted);font-size:14px}.outer{background:var(--bg)}.outer.alt{background:var(--panel)}.sec{max-width:1440px;margin:0 auto;padding:96px 44px}.eyebrow{letter-spacing:5px;color:var(--cyan);text-transform:uppercase;align-items:center;gap:14px;margin-bottom:14px;font-family:DM Mono,monospace;font-size:10px;display:flex}.eyebrow:before{content:"";background:var(--cyan);width:28px;height:1px}.stitle{color:var(--white);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-family:Rajdhani,sans-serif;font-size:clamp(28px,3.5vw,46px);font-weight:700;line-height:1.2}.stitle em{color:var(--cyan);font-style:normal}.sdesc{color:var(--muted);max-width:560px;margin-bottom:50px;font-size:15px;line-height:1.9}.btn-p{background:var(--cyan);color:var(--bg);letter-spacing:3px;text-transform:uppercase;border:1px solid var(--cyan);cursor:pointer;padding:14px 36px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-p:hover{color:var(--cyan);background:0 0}.btn-s{color:var(--white);letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:1px solid #ffffff26;padding:14px 36px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-s:hover{border-color:var(--cyan);color:var(--cyan)}.btn-o{background:var(--orange);color:var(--white);letter-spacing:3px;text-transform:uppercase;border:1px solid var(--orange);cursor:pointer;padding:14px 36px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-o:hover{color:var(--orange);background:0 0}.str-grid{background:var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.str-card{background:var(--card);cursor:pointer;padding:36px 28px;transition:all .3s;position:relative;overflow:hidden}.str-card:before{content:"";background:linear-gradient(to right,var(--cyan),transparent);transform-origin:0;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.str-card:hover{background:var(--steel)}.str-card:hover:before{transform:scaleX(1)}.str-icon{border:1px solid #00b4d84d;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:20px;display:flex}.str-card h4{color:var(--white);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700}.str-card p{color:var(--muted);font-size:13px;line-height:1.85}.tech-badges{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.tech-badge{color:var(--cyan);letter-spacing:2px;text-transform:uppercase;border:1px solid #00b4d84d;padding:3px 10px;font-family:DM Mono,monospace;font-size:10px}.vis-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:50px;display:grid}.vis-card{background:var(--card);padding:44px 32px;transition:all .4s;position:relative;overflow:hidden}.vis-card:after{content:"";background:linear-gradient(to right,var(--orange),transparent);transform-origin:0;height:2px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.vis-card:hover{transform:translateY(-4px)}.vis-card:hover:after{transform:scaleX(1)}.vis-num{color:#00b4d812;margin-bottom:20px;font-family:Orbitron,sans-serif;font-size:52px;font-weight:700;line-height:1}.vis-card h3{color:var(--white);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700}.vis-card p{color:var(--muted);font-size:13.5px;line-height:1.9}.prod-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.prod-card{background:var(--card);cursor:pointer;transition:all .35s;position:relative;overflow:hidden}.prod-card:after{content:"";background:linear-gradient(to right,var(--cyan),var(--orange));transform-origin:0;height:2px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.prod-card:hover{transform:translateY(-4px)}.prod-card:hover:after{transform:scaleX(1)}.prod-img{background:var(--steel);height:200px;position:relative;overflow:hidden}.prod-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.prod-card:hover .prod-img img{transform:scale(1.05)}.prod-tag{background:var(--cyan);letter-spacing:3px;color:var(--bg);text-transform:uppercase;padding:4px 12px;font-family:DM Mono,monospace;font-size:9px;font-weight:700;position:absolute;top:14px;left:14px}.prod-body{padding:26px}.prod-body h3{color:var(--white);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700}.prod-body p{color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.85}.prod-feats{flex-direction:column;gap:6px;display:flex}.prod-feat{color:#ffffff73;align-items:flex-start;gap:8px;font-size:12px;display:flex}.prod-feat:before{content:"▸";color:var(--orange);flex-shrink:0;margin-top:2px;font-size:10px}.stat-grid{background:var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat-card{background:var(--card);text-align:center;padding:40px 28px;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--cyan);transform-origin:50%;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover:before{transform:scaleX(1)}.stat-num{color:var(--cyan);margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:40px;font-weight:700;line-height:1}.stat-unit{color:var(--orange);font-size:18px}.stat-label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.stat-note{color:#ffffff4d;margin-top:6px;font-size:12px;line-height:1.5}.client-grid{background:var(--border);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.logo-card{text-align:center;background:0 0;padding:32px 20px;transition:all .3s}.logo-card:hover{background:#ffffff0d}.logo-wrap{justify-content:center;align-items:center;height:70px;margin-bottom:14px;display:flex}.logo-img{object-fit:contain;mix-blend-mode:screen;filter:brightness(1.3);max-width:120px;max-height:60px;transition:filter .3s}.logo-card:hover .logo-img{filter:brightness(1.6)}.logo-name{color:var(--white);letter-spacing:1px;margin-bottom:4px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700}.logo-cat{color:var(--muted);letter-spacing:1px;font-family:DM Mono,monospace;font-size:10px}.hist-wrap{border-left:1px solid #00b4d838;margin-top:50px;padding-left:44px}.hist-item{padding-bottom:46px;position:relative}.hist-item:before{content:"";border:2px solid var(--cyan);background:var(--bg);width:10px;height:10px;position:absolute;top:8px;left:-49px}.hist-year{color:var(--cyan);margin-bottom:14px;font-family:Orbitron,sans-serif;font-size:28px;font-weight:700}.hist-events{flex-direction:column;gap:8px;display:flex}.hist-ev{color:#fff9;gap:14px;font-size:13.5px;line-height:1.7;display:flex}.hist-ev:before{content:"▸";color:var(--cyan);flex-shrink:0;margin-top:2px;font-size:11px}.contact-wrap{grid-template-columns:1fr 1.3fr;align-items:start;gap:80px;display:grid}.cinfo{flex-direction:column;gap:24px;display:flex}.cdiv{background:var(--border);height:1px}.clabel{letter-spacing:4px;color:var(--cyan);text-transform:uppercase;margin-bottom:6px;font-family:DM Mono,monospace;font-size:9px}.cval{color:#ffffffbf;font-size:14.5px;line-height:1.85}.qform{flex-direction:column;gap:14px;display:flex}.frow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fg{flex-direction:column;gap:7px;display:flex}.fg label{letter-spacing:3px;color:var(--cyan);text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px}.fg input,.fg select,.fg textarea{color:var(--white);-webkit-appearance:none;background:#162030d9;border:1px solid #00b4d82e;outline:none;width:100%;padding:13px 16px;font-family:Noto Sans KR,sans-serif;font-size:13.5px;transition:border-color .3s}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--cyan)}.fg textarea{resize:vertical;min-height:120px}.fg select option{background:var(--panel)}.fsubmit{background:var(--orange);color:var(--white);letter-spacing:3px;cursor:pointer;text-transform:uppercase;border:none;width:100%;padding:16px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;transition:all .3s}.fsubmit:hover{background:var(--orange-l)}.map-wrap{grid-template-columns:1.3fr 1fr;align-items:start;gap:60px;margin-top:50px;display:grid}.loc-card{background:var(--card);border:1px solid var(--border);border-left:2px solid var(--cyan);margin-bottom:16px;padding:24px}.loc-card h4{color:var(--white);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700}.loc-card p{color:var(--muted);font-size:13px;line-height:1.9}.cta-banner{background:linear-gradient(135deg,#00b4d81f 0%,#f57c0014 100%),var(--panel);text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:70px 44px;position:relative;overflow:hidden}.cta-banner:before{content:"";background-image:linear-gradient(#00b4d808 1px,#0000 1px),linear-gradient(90deg,#00b4d808 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.cta-banner h2{color:var(--white);letter-spacing:2px;text-transform:uppercase;z-index:1;margin-bottom:14px;font-family:Rajdhani,sans-serif;font-size:clamp(24px,3.5vw,42px);font-weight:700;position:relative}.cta-banner p{color:var(--muted);z-index:1;margin-bottom:34px;font-size:15px;position:relative}footer{border-top:1px solid var(--border);background:#04060afc;padding:60px 44px 36px}.ft-in{max-width:1440px;margin:0 auto}.ft-grid{grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.ft-col h5{letter-spacing:5px;color:var(--cyan);text-transform:uppercase;margin-bottom:16px;font-family:DM Mono,monospace;font-size:9px}.ft-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.ft-col ul a{color:var(--muted);letter-spacing:.5px;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:13px;text-decoration:none;transition:color .3s}.ft-col ul a:hover{color:var(--cyan)}.ft-bottom{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:24px;display:flex}.ft-bottom p{color:#ffffff40;font-family:DM Mono,monospace;font-size:11px}.board-hdr{background:var(--card);border:1px solid var(--border);color:var(--muted);letter-spacing:2px;text-transform:uppercase;grid-template-columns:70px 1fr 130px 120px;margin-bottom:2px;padding:12px 20px;font-family:DM Mono,monospace;font-size:10px;display:grid}.board-row{cursor:pointer;border:1px solid #00b4d80f;border-bottom-color:#00b4d817;grid-template-columns:70px 1fr 130px 120px;padding:15px 20px;font-size:13.5px;transition:background .2s;display:grid}.board-row:hover{background:var(--cyan-d)}.btitle{color:#ffffffd1}.bsub{color:var(--muted);font-family:DM Mono,monospace;font-size:12px}.org-line{background:#00b4d84d;width:1px;margin:0 auto}.fi{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.fi.in{opacity:1;transform:translateY(0)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes sa{0%{transform-origin:top;transform:scaleY(0)}50%{transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (width<=960px){.nav-menu,.nav-phone{display:none}.nav-wrap{padding:0 20px}.sec{padding:70px 20px}.ph{padding:90px 20px 50px}.bc-in{padding:12px 20px}.str-grid,.stat-grid{grid-template-columns:1fr 1fr}.client-grid{grid-template-columns:repeat(3,1fr)}.vis-grid,.prod-grid{grid-template-columns:1fr}.contact-wrap,.map-wrap{grid-template-columns:1fr;gap:40px}.frow{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr 1fr}.ft-bottom{text-align:center;flex-direction:column}footer{padding:48px 20px 28px}.cta-banner{padding:50px 20px}.board-hdr,.board-row{grid-template-columns:50px 1fr 100px}.board-hdr>:nth-child(n+4),.board-row>:nth-child(n+4){display:none}}
