:root{--ink:#111818;--paper:#f5f6f2;--lime:#d4ff5b;--muted:#69716f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Pretendard","Noto Sans KR",Arial,sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #73a700;outline-offset:6px}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid #dde0d8}.logo{font-size:51px;letter-spacing:-5px;font-weight:900;line-height:1}.logo span{font-size:14px;letter-spacing:0;vertical-align:top;margin-left:7px}nav{display:flex;gap:36px;font-size:14px;font-weight:600}.nav-contact{font-size:14px;border-bottom:1px solid;padding:10px 0}.nav-contact span{margin-left:26px}.menu{display:none}.skip{position:fixed;top:-100px;background:var(--lime);padding:15px;z-index:99}.skip:focus{top:0}.hero{min-height:740px;height:calc(100svh - 92px);max-height:1000px;background:#091415;color:white;position:relative;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 33%;background:url(server.jpg) center/cover;opacity:.63;z-index:-3}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#091415 3%,#091415ed 24%,#09141577 65%,#09141511),linear-gradient(0deg,#091415 0%,transparent 35%);z-index:-2}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:100px 100px;z-index:-1}.hero-content{padding:100px 7% 120px}.eyebrow{font:14px/1.6 Arial,sans-serif;letter-spacing:2px;font-weight:600;color:#bfc9c5;display:flex;align-items:center;gap:10px;margin:0 0 30px}.eyebrow i{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 15px var(--lime)}h1{font-size:clamp(45px,5.3vw,82px);line-height:1.22;letter-spacing:-4px;font-weight:700;margin:0 0 28px}h1>span{display:block;color:var(--lime)}.hero-desc{font-size:17px;line-height:1.8;color:#b9c4c4}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:37px}.button{padding:19px 24px;display:inline-flex;gap:44px;align-items:center;font-size:14px;font-weight:600}.lime{background:var(--lime);color:var(--ink)}.button:hover{filter:brightness(.93)}.text-link{font-size:14px}.text-link span{margin-left:25px}.hero-bottom{position:absolute;bottom:29px;left:5%;right:5%;display:flex;justify-content:space-between;border-top:1px solid #ffffff28;padding-top:22px;font:14px Arial;letter-spacing:1.5px;color:#b7c5c1}.hero-index{position:absolute;right:5%;top:58px;color:var(--lime);font:14px monospace}.hero-index span{color:#a4b0ad;font-size:14px}.clients{padding:36px 7% 30px;border-bottom:1px solid #d9ddd4}.clients p{font-size:14px;color:var(--muted);margin:0 0 27px}.clients>div{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.clients b{font-size:22px;letter-spacing:-1px;color:#59615d}.clients small{display:block;font-size:14px;color:#818982;margin-top:22px}.section{padding:110px 7%}.dark{color:#53614f}h2{font-size:clamp(36px,4vw,60px);line-height:1.25;letter-spacing:-2.5px;font-weight:600;margin:0}em{font-style:normal;color:#788574}.intro-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.intro-layout>div>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:480px}.intro-layout>div>p.lead{font-size:25px;color:var(--ink);font-weight:500;line-height:1.5;margin-top:0}.facts{display:flex;gap:40px;margin-top:42px;border-top:1px solid #d7dcd1;padding-top:25px}.facts strong{font-size:28px;font-weight:500;display:block;letter-spacing:-1px}.facts span{font-size:14px;color:var(--muted);display:block;margin-top:10px}.expertise{background:#e9ece4}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}.service-row{display:grid;grid-template-columns:.25fr 1.2fr 1.3fr .4fr;align-items:center;gap:25px;border-top:1px solid #bcc4b8;padding:33px 0}.number{font:14px monospace;color:var(--muted)}.service-row h3{font-size:24px;font-weight:500;margin:0}.service-row small{display:block;font:14px Arial;color:var(--muted);margin-top:10px}.service-row p{font-size:14px;color:#5e685c;line-height:1.8}.service-tag{font:14px monospace;text-align:right}.work{background:#111b1b;color:white}.work .section-heading p{color:#a0aeaa}.filters{display:flex;gap:8px;margin-top:22px}.filters button{border:1px solid #44514c;background:transparent;color:#c1cbc7;padding:9px 16px;border-radius:30px;font-size:14px}.filters button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project{background:none;border:0;padding:0;text-align:left;min-width:0}.project[hidden]{display:none}.project-visual{height:280px;background:#253d40;position:relative;overflow:hidden;padding:24px}.visual-label{font:14px monospace;letter-spacing:1px;color:#b9d4d0}.project-arrow{position:absolute;bottom:20px;right:24px;font-size:29px}.project-meta{font-size:14px;color:#99ada6;display:flex;justify-content:space-between;gap:10px;margin-top:23px}.project h3{font-size:26px;line-height:1.4;letter-spacing:-1px;font-weight:500;margin:18px 0 12px}.project>p{font-size:14px;color:#a7b9b2;line-height:1.8}.bank-art{display:flex;align-items:center;justify-content:center;position:absolute;inset:70px 15px 35px;transform:rotate(-23deg);gap:11px}.bank-art i{width:40px;height:135px;background:linear-gradient(90deg,#518888,#a6d2c7);box-shadow:10px 10px 0 #112d31;transition:transform .4s}.bank-art i:nth-child(2n){height:100px}.project:hover .bank-art i{transform:translateY(-8px)}.education .project-visual{background:#c8c9be;color:#182a26}.education .visual-label{color:#55625a}.edu-art{display:flex;position:absolute;inset:75px 30px 40px;align-items:center;justify-content:center}.edu-art span{border:1px solid #61716a;border-radius:16px;background:#e6ebd9;font-size:60px;letter-spacing:-4px;padding:14px;transform:rotate(-12deg);box-shadow:8px 12px 0 #778b7c}.edu-art span:nth-child(2){background:#b7d978;transform:rotate(10deg);z-index:2}.edu-art span:nth-child(3){transform:rotate(20deg)}.enterprise .project-visual{background:#303629}.enterprise-art{position:absolute;inset:70px 40px 35px;display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:perspective(500px) rotateX(30deg) rotateZ(-25deg)}.enterprise-art i{background:linear-gradient(135deg,#c6dca4,#6b8353);border:1px solid #cce4aa;box-shadow:0 9px 0 #465936}.caption{font-size:14px;color:#8a9c94;line-height:1.7;margin-top:35px}.technology{background:#1c2926;color:white;display:grid;grid-template-columns:1fr 1fr;gap:50px}.technology em{color:var(--lime)}.technology>div>p:not(.eyebrow){color:#a7b7af;font-size:14px;line-height:1.9;margin:28px 0}.outline{border:1px solid #5c6d61;margin-top:8px}.tech-diagram{background:#14211e;border:1px solid #425246;padding:25px;align-self:center}.diagram-top{display:flex;justify-content:space-between;font:14px monospace;color:#8c9f92}.green-dot{color:var(--lime)}.node{border:1px solid #61775c;text-align:center;padding:22px 10px;color:#dfebd5;font-size:14px}.node small{display:block;font:14px monospace;color:#8c9f92;margin-top:10px}.main-node{font-size:32px;letter-spacing:-1px;margin-top:35px;background:#253b2b;border-color:#a4ca7c}.connector{height:24px;width:1px;background:#8ea878;margin:auto}.nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.diagram-bottom{display:flex;justify-content:space-around;font:14px monospace;color:#bacbb6;margin-top:28px}.tech-diagram>p{text-align:center!important;font-size:14px!important;margin:18px 0 0!important}.solution-line{grid-column:1/-1;border-top:1px solid #48564a;padding-top:30px;display:flex;gap:45px;align-items:center;font-size:14px}.solution-line b{font-size:23px;letter-spacing:-1px}.solution-line span{color:#a8b6ac}.solution-line a{margin-left:auto;white-space:nowrap}.history-layout{display:grid;grid-template-columns:250px 1fr;gap:80px;border-top:1px solid #cbd3c4;padding-top:30px}.year-list{display:flex;flex-direction:column;max-height:390px;overflow:auto;gap:3px;padding-right:20px}.year-list button{border:0;border-bottom:1px solid #dde1d6;background:transparent;padding:14px 4px;display:flex;justify-content:space-between;font:22px Arial;color:#89917f;text-align:left}.year-list button.active{color:#142113;font-weight:700}.year-list button.active:after{content:'↗'}.history-content h3{font-size:67px;font-weight:500;letter-spacing:-4px;margin:0 0 30px}.history-item{border-top:1px solid #dce1d6;padding:20px 0;display:grid;grid-template-columns:60px 1fr;gap:20px}.history-item>span{font:14px monospace;color:#7b8473;padding-top:5px}.history-item h4{font-size:17px;margin:0;font-weight:500}.history-item p{color:var(--muted);font-size:14px;line-height:1.7;margin:9px 0 0}.source-link{display:block;text-align:right;font-size:14px;margin-top:30px;color:#687361}.contact{background:var(--lime)}.contact .eyebrow{color:#445623}.contact>div{display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:clamp(42px,5.5vw,80px);letter-spacing:-4px}.contact-arrow{font:110px Arial}.contact>p:not(.eyebrow){font-size:14px;line-height:1.9;margin:30px 0;color:#435329}.email{font-size:23px;border-bottom:1px solid;padding-bottom:10px;display:inline-block}footer{display:flex;align-items:flex-start;padding:50px 7%;gap:65px;background:#f0f2eb}footer>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}footer>div{margin-left:auto;display:flex;flex-direction:column;gap:15px;font-size:14px}footer small{color:#7b8473;font-size:14px}dialog{border:0;padding:48px;width:min(630px,90vw);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#061410b8;backdrop-filter:blur(5px)}dialog h2{font-size:34px}.dialog-body{font-size:14px;line-height:1.9;color:#59634f;margin:25px 0}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:23px}dialog .button{font-size:14px}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){.section{padding-left:calc((100vw - 1380px)/2);padding-right:calc((100vw - 1380px)/2)}}@media(max-width:1000px){nav{gap:18px}.section{padding:80px 6%}.intro-layout{gap:40px}.facts{gap:23px}.service-row{grid-template-columns:.15fr 1fr 1fr}.service-tag{display:none}.projects{gap:18px}.project-visual{height:230px}.project h3{font-size:22px}.project-meta{display:block;line-height:1.8}.project-meta span{display:block}.technology{gap:30px}.solution-line{gap:20px}.history-layout{gap:45px;grid-template-columns:180px 1fr}}@media(max-width:700px){header{height:74px;padding:0 6%}.logo{font-size:43px}nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:30px 6%;flex-direction:column;border-bottom:1px solid #ccc}nav.open{display:flex}.menu{display:block;background:none;border:0;font-size:23px}.nav-contact{margin-left:auto;margin-right:22px;font-size:14px}.nav-contact span{margin-left:12px}.hero{height:auto;min-height:710px}.hero-content{padding:105px 6% 145px}.hero-photo{left:0;opacity:.4}.hero:after{background:linear-gradient(90deg,#091415ed,#09141577),linear-gradient(0deg,#091415,transparent)}h1{font-size:44px;letter-spacing:-2.7px}.hero .eyebrow{font-size:14px;letter-spacing:1.5px}.hero-desc{font-size:14px}.hero-actions{gap:23px}.button{padding:17px 19px;gap:25px;font-size:14px}.text-link{font-size:14px}.text-link span{margin-left:9px}.hero-bottom span:nth-child(2){display:none}.hero-bottom{font-size:14px;letter-spacing:1px}.hero-index{top:34px;font-size:14px}.hero-index span{font-size:14px}.clients{padding:30px 6%}.clients>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 12px}.clients b{font-size:15px}.clients small{font-size:14px}.section{padding:65px 6%}.eyebrow{font-size:14px;margin-bottom:24px}h2{font-size:38px;letter-spacing:-2px}.intro-layout{grid-template-columns:1fr;gap:30px}.intro-layout>div>p.lead{font-size:23px}.intro-layout>div>p{font-size:14px}.facts{justify-content:space-between;gap:15px}.facts strong{font-size:24px}.facts span{font-size:14px}.section-heading{display:block;margin-bottom:35px}.section-heading>p,.section-heading>div>p:not(.eyebrow){margin-top:25px;font-size:14px}.service-row{grid-template-columns:25px 1fr;gap:13px;padding:25px 0}.service-row h3{font-size:22px}.service-row p{grid-column:2;margin:0;font-size:14px}.service-row small{font-size:14px}.projects{grid-template-columns:1fr;gap:35px}.project-visual{height:280px}.project h3{font-size:27px}.project-meta{display:flex}.project-meta span{display:inline}.project>p{font-size:14px}.filters button{font-size:14px;padding:8px 15px}.technology{grid-template-columns:1fr;gap:35px}.technology>div>p:not(.eyebrow){font-size:14px}.tech-diagram{padding:19px}.solution-line{flex-wrap:wrap;gap:15px}.solution-line span{font-size:14px;line-height:1.7}.solution-line a{margin-left:0;font-size:14px}.history-layout{grid-template-columns:1fr;gap:30px}.year-list{flex-direction:row;overflow:auto;max-height:none;gap:20px;padding:0 0 10px}.year-list button{font-size:22px;white-space:nowrap;gap:9px}.history-content h3{font-size:55px}.history-item{grid-template-columns:40px 1fr;gap:15px}.history-item h4{font-size:15px}.history-item p{font-size:14px}.contact h2{font-size:44px;letter-spacing:-2.5px}.contact-arrow{font-size:70px}.contact>p:not(.eyebrow){font-size:14px}.email{font-size:20px}footer{flex-wrap:wrap;gap:30px;padding:40px 6%}footer>div{margin:0;width:100%;border-top:1px solid #d9dfcf;padding-top:25px}dialog{padding:38px 26px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}