@charset "UTF-8";
:root{--ink:#172029;--muted:#7d858f;--blue:#266a9b;--paper:#f5f5f7;--line:#dedfe3;--wrap:1200px;--ease:cubic-bezier(.2,.8,.2,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#fff;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}button{border:0}svg{display:block}img{max-width:100%}::selection{background:#c9e2f5}a:focus-visible,button:focus-visible{outline:3px solid #438cc9;outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #438cc9;outline-offset:2px}[hidden]{display:none!important}.wrap{max-width:var(--wrap);margin-inline:auto;width:calc(100% - 112px)}.skip-link{position:fixed;z-index:100;left:24px;top:12px;padding:12px 20px;border-radius:10px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{height:82px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.87);border-bottom:1px solid rgba(0,0,0,.055);backdrop-filter:blur(24px);transition:box-shadow .3s}.site-header.scrolled{box-shadow:0 6px 30px #12223408}.nav-shell{max-width:var(--wrap);width:calc(100% - 112px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:740;letter-spacing:-.9px;white-space:nowrap}.brand-en{display:block;font-size:9px;letter-spacing:2.3px;color:#7f858b;font-weight:600;margin-top:3px}.brand-symbol{width:30px;height:34px;display:flex;gap:5px;align-items:center;position:relative}.brand-symbol i{width:4px;height:28px;background:currentColor;display:block;border-radius:1px}.brand-symbol i:nth-child(2){height:22px;transform:skewY(-38deg);margin-top:-6px}.brand-symbol i:nth-child(3){height:16px;transform:skewY(38deg);margin-top:12px}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:550;color:#454b52}.desktop-nav a{padding-block:16px;transition:color .2s}.desktop-nav a:hover{color:#2975b1}.nav-contact{padding:12px 19px;border-radius:25px;background:#172029;color:white;font-size:12px;font-weight:600;display:flex;gap:21px;align-items:center;transition:background .2s,transform .2s}.nav-contact:hover{background:#34424f;transform:translateY(-1px)}.menu-toggle{display:none}#mobile-nav{background:#fff;border-bottom:1px solid var(--line);padding:15px 24px 25px}#mobile-nav a,#mobile-nav button{display:block;font-size:17px;padding:14px 0;text-align:left;background:none}
.hero{position:relative;min-height:700px;overflow:hidden;background:#f5f7f9}.hero-image{position:absolute;right:calc((100vw - 1440px)/2 - 60px);top:10px;width:1180px;max-width:none;height:auto;mix-blend-mode:multiply}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f5f7f9 0%,#f5f7f9 19%,#f5f7f9ed 29%,#f5f7f940 46%,transparent 64%);pointer-events:none}.hero-content{position:relative;padding-top:123px;z-index:1}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.9px;line-height:1.6}.hero-eyebrow{font-size:10px;letter-spacing:1.6px;color:#5e6c78;display:flex;gap:10px;align-items:center;margin-bottom:27px}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#3276a9;box-shadow:0 0 0 3px #3276a910}h1{font-size:clamp(40px,4.1vw,61px);font-weight:730;letter-spacing:-3.8px;line-height:1.24}h1 span{color:#658094}.hero-description{font-size:17px;line-height:1.85;letter-spacing:-.55px;color:#66717b;margin-top:27px}.hero-description strong{font-weight:650;color:#354451}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:34px}.button{border-radius:30px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 25px;font-size:13px;font-weight:620;line-height:1.3;transition:transform .25s var(--ease),background .25s}.button:hover{transform:translateY(-2px)}.button-dark{background:#172029;color:white}.button-dark:hover{background:#354554}.button-white{background:#fff;color:#192633}.button-white:hover{background:#e1ecf5}.text-link{padding:12px 0;display:inline-flex;gap:12px;background:none;font-size:13px;font-weight:600}.text-link:hover{color:var(--blue)}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center}.scroll-cue{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:1.65px;color:#747f88}.scroll-line{height:25px;width:1px;background:linear-gradient(#a7b4c0,#a7b4c000)}.image-caption{font-size:9px;color:#7e8c98;letter-spacing:.1px}
.section-space{padding-block:112px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:46px;gap:40px}.section-heading .eyebrow,.company-heading .eyebrow{margin-bottom:23px;color:#7c858e}h2{font-size:clamp(36px,3.9vw,52px);letter-spacing:-2.6px;font-weight:700;line-height:1.23}.muted{color:#92979f}.section-intro{font-size:15px;line-height:1.8;color:#81858c;letter-spacing:-.35px;padding-bottom:5px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{border-radius:24px;min-height:604px;position:relative;overflow:hidden;display:flex;flex-direction:column}.automation{background:#14222f;color:white}.water{background:#edf3f7;color:#213c50}.service-copy{padding:42px 42px 0;position:relative;z-index:2}.service-number{font-size:9px;letter-spacing:1.45px;font-weight:550;opacity:.6;margin-bottom:22px}.service-card h3{font-size:27px;font-weight:650;letter-spacing:-1.3px}.service-tagline{font-size:37px;line-height:1.3;letter-spacing:-1.7px;font-weight:600;margin-top:18px}.service-description{font-size:13px;line-height:1.85;letter-spacing:-.3px;margin-top:21px}.automation .service-description{color:#a4b1bd}.water .service-description{color:#637e92}.service-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin:0 42px 30px;padding-top:18px;border-top:1px solid #ffffff20;z-index:2;transition:opacity .2s}.service-link:hover{opacity:.65}.water .service-link{border-color:#b9cdda80}.automation-visual{height:240px;position:relative;flex:1;min-height:220px;margin-top:12px}.circuit-grid{position:absolute;inset:0;background:linear-gradient(#466d8410 1px,transparent 1px),linear-gradient(90deg,#466d8410 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(transparent,#000,transparent)}.circuit-svg{width:100%;height:100%;position:absolute;inset:0;filter:drop-shadow(0 0 13px #77bfff28)}.signal{stroke-dasharray:12 340;animation:signal 7s linear infinite}.visual-labels{position:absolute;bottom:40px;left:46px;right:46px;display:flex;justify-content:space-between;font-size:9px;color:#7892a9;letter-spacing:.5px}.water-visual{position:relative;height:240px;flex:1;min-height:220px;overflow:hidden}.water-orbit{position:absolute;border:1px solid #98b6c950;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-14deg);border-radius:50%;width:180px;height:88px}.orbit-two{width:260px;height:133px}.orbit-three{width:350px;height:181px}.orbit-four{width:455px;height:236px;opacity:.7}.water-drop{width:57px;height:72px;position:absolute;top:28%;left:calc(50% - 28px);filter:drop-shadow(4px 15px 14px #4e86a938);animation:float 6s ease-in-out infinite}.water-gridline{position:absolute;height:1px;top:52%;width:100%;background:#adc8d633;transform:rotate(-14deg)}.line-two{transform:rotate(27deg)}.water-point{position:absolute;height:7px;width:7px;border:2px solid #fff;background:#6d9fba;border-radius:50%;box-shadow:0 0 0 5px #c0d7e526}.point-one{left:24%;top:68%}.point-two{right:28%;top:27%}
.approach{background:var(--paper)}.approach-intro{text-align:center}.approach-intro .eyebrow{color:#838891;margin-bottom:25px}.approach-intro>p:last-child{margin-top:26px;color:#838891;font-size:15px;line-height:1.85;letter-spacing:-.25px}.principles{max-width:890px;margin:65px auto 0}.principle{display:flex;gap:37px;align-items:flex-start;border-top:1px solid #d8dadf;padding:34px 4px}.principle:last-child{border-bottom:1px solid #d8dadf}.principle-index{font-size:12px;color:#9299a2;font-weight:500;padding-top:7px;font-variant-numeric:tabular-nums}.principle h3{font-size:23px;letter-spacing:-.9px;font-weight:640;line-height:1.6}.principle p{margin-top:10px;line-height:1.85;font-size:14px;letter-spacing:-.3px;color:#898f96}.principle svg{width:60px;height:60px;color:#697684;margin-left:auto;margin-top:18px;flex-shrink:0}
.company{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:125px}.company-lead{font-size:29px;line-height:1.55;letter-spacing:-1.2px;font-weight:500;color:#4f5964}.company-lead strong{font-weight:650;color:#1f2c38}.company-description{font-size:14px;line-height:1.95;letter-spacing:-.25px;color:#899098;margin-top:27px}.company-facts{margin-top:35px;padding-top:23px;border-top:1px solid var(--line);display:flex;gap:45px}.company-facts span{display:block;font-size:10px;color:#969ba1;margin-bottom:10px}.company-facts strong{font-size:12px;font-weight:550;letter-spacing:-.2px}
.contact-section{background:#182936;color:white;padding-block:88px 58px;overflow:hidden;position:relative}.contact-section:before{content:"";position:absolute;top:-420px;right:-280px;width:980px;height:980px;border:1px solid #a4cde616;border-radius:50%;box-shadow:0 0 0 90px #a4cde603,0 0 0 180px #a4cde603,0 0 0 270px #a4cde603;pointer-events:none}.contact-section .wrap{position:relative}.contact-top .eyebrow{color:#8eaabf;margin-bottom:24px}.contact-top h2{font-size:54px;line-height:1.24;letter-spacing:-2.7px}.contact-top>p:not(.eyebrow){margin-top:25px;color:#9dabb6;font-size:15px;line-height:1.85}.contact-actions{margin-top:31px;display:flex;align-items:center;gap:33px}.contact-call{font-size:16px;letter-spacing:.25px;font-variant-numeric:tabular-nums;display:inline-flex;gap:20px;color:#d5e0e8}.contact-call:hover{color:#fff}.contact-details{margin-top:75px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff25;padding-top:30px;gap:60px}.detail-label{font-size:9px;letter-spacing:1.6px;color:#89a0b1;margin-bottom:18px}.contact-detail>a{font-size:25px;letter-spacing:-.25px;display:inline-flex;gap:35px}.contact-detail>p:last-of-type:not(.location-address){color:#7f95a5;font-size:12px;margin-top:15px}.location-address{font-size:20px;line-height:1.5;letter-spacing:-.6px;color:#d5e0e8}.location-actions{display:flex;gap:26px;margin-top:18px;align-items:center}.location-actions a,.location-actions button{font-size:12px;background:none;color:#91b4ce;padding:0;display:flex;gap:9px}.location-actions a:hover,.location-actions button:hover{color:#fff}.copy-status{display:block;min-height:16px;font-size:11px;color:#bdcfdd;margin-top:10px}
.site-footer{padding:35px 0 24px;background:#f5f5f7}.footer-main{display:flex;align-items:center;gap:45px}.footer-main .brand{font-size:16px}.footer-main .brand-symbol{transform:scale(.8);transform-origin:left center;width:24px}.footer-main .brand-en{font-size:8px}.footer-main>p{font-size:11px;color:#93969c}.back-top{margin-left:auto;font-size:10px;color:#777e86;display:flex;gap:13px}.footer-bottom{display:flex;gap:30px;justify-content:space-between;font-size:9px;line-height:1.8;color:#959aa1;margin-top:30px;padding-top:20px;border-top:1px solid #dfe1e4}
dialog{width:min(650px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:0;border-radius:25px;padding:44px;box-shadow:0 30px 100px #06182c30;color:var(--ink);background:#fff}dialog::backdrop{background:#13202d68;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:21px;top:15px;font-size:31px;font-weight:300;background:none;color:#818a95;width:40px;height:40px;border-radius:50%}.dialog-close:hover{background:#f0f2f4}dialog .eyebrow{font-size:9px;color:#8a96a1}dialog h2{font-size:33px;letter-spacing:-1.7px;margin-top:12px}#inquiry-description{font-size:12px;line-height:1.9;color:#7d8791;margin-top:14px}#inquiry-form{margin-top:27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:18px}label{font-size:11px;display:block;font-weight:550;color:#566370}input,select,textarea{width:100%;background:#f7f8fa;border:1px solid #e3e6e9;border-radius:9px;padding:13px 12px;color:#26394a;font-size:12px;display:block;margin-top:8px}textarea{resize:vertical;min-height:112px}input::placeholder,textarea::placeholder{color:#a2a9b0}.form-note{font-size:10px;color:#8e99a4;line-height:1.7;margin-top:14px}.form-actions{display:flex;align-items:center;gap:25px;margin-top:23px}.form-actions .button{font-size:12px;padding:15px 22px}.inquiry-status{font-size:12px;color:#286e9d;background:#edf6fb;padding:12px;border-radius:8px;margin-top:15px;line-height:1.6}
.reveal{transition:opacity .75s var(--ease),transform .75s var(--ease)}body.js .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}
@keyframes signal{to{stroke-dashoffset:-704}}@keyframes float{50%{transform:translateY(-6px)}}
@media(min-width:1700px){.hero-image{right:calc((100vw - 1440px)/2 - 60px)}.hero{min-height:740px}.hero-content{padding-top:140px}}
@media(max-width:1100px){.wrap,.nav-shell{width:calc(100% - 72px)}.desktop-nav{gap:23px}.hero-image{right:-250px;width:1050px;top:65px}.hero{min-height:660px}.hero-content{padding-top:110px}h1{font-size:49px;letter-spacing:-3px}.hero-description{font-size:15px}.hero-wash{background:linear-gradient(90deg,#f5f7f9 0%,#f5f7f9 20%,#f5f7f9dd 35%,#f5f7f940 56%,transparent 76%)}.service-copy{padding:35px 32px 0}.service-tagline{font-size:32px}.service-description{font-size:12px}.service-link{margin-inline:32px}.service-card{min-height:565px}.company{gap:48px}.company-facts{gap:25px}.section-intro{font-size:13px}}
@media(max-width:800px){html{scroll-padding-top:84px}.site-header{height:70px}.wrap,.nav-shell{width:calc(100% - 48px)}.brand{font-size:18px}.brand-en{font-size:8px}.desktop-nav{display:none}.nav-contact{margin-left:auto;padding:10px 15px;font-size:11px;gap:14px}.nav-shell{gap:20px}.menu-toggle{display:flex;width:28px;min-height:44px;flex-direction:column;justify-content:center;gap:6px;background:none;padding:4px}.menu-toggle span{display:block;height:1px;width:20px;background:#233445;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{min-height:875px}.hero-content{padding-top:72px}.hero-image{width:1050px;top:300px;right:-105px}.hero-wash{background:linear-gradient(180deg,#f5f7f9 0%,#f5f7f9 34%,#f5f7f900 55%)}.hero-eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:22px}h1{font-size:49px;letter-spacing:-3.1px}.hero-description{font-size:15px;margin-top:22px}.hero-actions{margin-top:24px;gap:24px}.hero-bottom{bottom:21px}.scroll-cue{font-size:8px}.section-space{padding-block:80px}.section-heading{display:block;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:18px}.section-intro{margin-top:23px;font-size:14px}.service-grid{grid-template-columns:1fr;gap:20px}.service-card{min-height:580px}.service-copy{padding:37px 37px 0}.service-tagline{font-size:37px}.service-description{font-size:14px}.service-link{margin-inline:37px}.automation-visual,.water-visual{min-height:230px}.principle{gap:25px}.principle h3{font-size:21px}.principle p{font-size:13px}.principle svg{width:45px;height:45px}.company{grid-template-columns:1fr;gap:42px}.company-lead{font-size:27px}.company-description{font-size:14px}.company-facts{gap:60px;max-width:550px}.contact-section{padding-block:76px 42px}.contact-top h2{font-size:46px;letter-spacing:-2.3px}.contact-details{gap:40px}.contact-detail>a{font-size:20px;gap:20px}.location-address{font-size:18px}.footer-main{gap:24px}.footer-bottom{flex-wrap:wrap;gap:10px}.footer-main>p{font-size:10px}}
@media(max-width:480px){.wrap,.nav-shell{width:calc(100% - 40px)}.nav-shell{gap:13px}.brand{font-size:16px;gap:8px}.brand-symbol{width:26px;gap:4px}.brand-symbol i{width:3px;height:24px}.brand-symbol i:nth-child(2){height:19px}.brand-symbol i:nth-child(3){height:14px}.nav-contact{padding:9px 12px;font-size:10px;gap:8px}.hero{min-height:820px}.hero-content{padding-top:57px}.hero-eyebrow{font-size:7.6px;letter-spacing:1px;gap:7px;margin-bottom:20px}h1{font-size:36px;letter-spacing:-2.1px;line-height:1.32}.hero-description{font-size:13px;line-height:1.85;margin-top:20px}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;padding:15px 19px;gap:16px}.hero-actions .text-link{font-size:11px;gap:9px}.hero-image{width:795px;top:340px;right:-95px}.hero-wash{background:linear-gradient(180deg,#f5f7f9 0%,#f5f7f9 37%,#f5f7f900 60%)}.hero-bottom{bottom:17px}.image-caption{font-size:8px}.section-space{padding-block:65px}h2{font-size:35px;letter-spacing:-2px;line-height:1.28}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-intro{font-size:12px;line-height:1.85}.service-card{min-height:540px;border-radius:20px}.service-copy{padding:29px 27px 0}.service-number{font-size:8px;margin-bottom:20px}.service-card h3{font-size:23px}.service-tagline{font-size:31px;letter-spacing:-1.5px;margin-top:16px}.service-description{font-size:11px;margin-top:18px;line-height:1.9}.service-link{margin:0 27px 26px;font-size:11px}.automation-visual,.water-visual{min-height:220px}.visual-labels{left:30px;right:30px;bottom:34px;font-size:8px}.water-orbit{transform:translate(-50%,-50%) rotate(-14deg) scale(.85)}.approach-intro>p:last-child{font-size:12px;margin-top:20px}.principles{margin-top:38px}.principle{gap:17px;padding:27px 0}.principle-index{font-size:10px;padding-top:5px}.principle h3{font-size:16px;letter-spacing:-.55px;line-height:1.6}.principle p{font-size:11px;margin-top:9px;line-height:1.9}.principle svg{width:31px;height:31px;margin-top:10px}.company{gap:32px}.company-lead{font-size:24px;letter-spacing:-1px}.company-description{font-size:12px;line-height:1.95;margin-top:23px}.company-facts{gap:30px;margin-top:28px}.company-facts strong{font-size:10px}.company-facts span{font-size:9px}.contact-section{padding-top:65px}.contact-top h2{font-size:36px;letter-spacing:-2px}.contact-top>p:not(.eyebrow){font-size:12px;line-height:1.9;margin-top:21px}.contact-actions{flex-wrap:wrap;gap:22px;margin-top:25px}.contact-actions .button{font-size:11px;gap:16px;padding:15px 20px}.contact-call{font-size:13px;gap:12px}.contact-details{grid-template-columns:1fr;gap:34px;margin-top:50px;padding-top:26px}.contact-detail>a{font-size:21px}.contact-detail>p:last-of-type:not(.location-address){font-size:10px;margin-top:10px}.location-address{font-size:17px}.detail-label{font-size:8px;margin-bottom:12px}.location-actions{margin-top:15px}.location-actions a,.location-actions button{font-size:11px}.footer-main{flex-wrap:wrap;gap:18px}.footer-main>p{font-size:9px}.footer-main .brand{font-size:14px}.footer-main .brand-en{font-size:7px}.back-top{font-size:9px}.footer-bottom{font-size:8px;margin-top:24px;padding-top:17px}.footer-bottom p:last-child{max-width:285px}.footer-separator{display:block;font-size:0;line-height:3px}.footer-bottom p:last-child{word-break:keep-all}.footer-bottom p:last-child:after{content:""}dialog{padding:32px 24px;border-radius:20px}dialog h2{font-size:29px}#inquiry-description{font-size:11px}.form-row{gap:12px}input,select,textarea{font-size:16px;padding:11px 10px}label{font-size:10px}.form-note{font-size:9px}.form-actions{gap:20px}.form-actions .button{font-size:11px;padding:14px 18px}.form-actions .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}body.js .reveal:not(.is-visible){opacity:1;transform:none}}