@charset "UTF-8";
@font-face{font-family:"Pretendard Variable";font-style:normal;font-weight:45 920;font-display:swap;src:url("assets/fonts/PretendardVariable.woff2") format("woff2-variations")}
:root{--green:#1B3728;--mid:#428363;--light:#74BF96;--line:#D2DCD5;--fill:#E5EBE7;--ink:#1d2923;--muted:#627067;--pad:clamp(22px,6vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:#fff;font-family:"Pretendard Variable",Pretendard,"Noto Sans KR","Segoe UI","Malgun Gothic",Roboto,Arial,sans-serif;font-weight:400;font-synthesis:none;word-break:keep-all;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{ -webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:inherit;letter-spacing:-.045em;line-height:1.24}h1{font-weight:600}h2{font-weight:500}h3{font-weight:600;letter-spacing:-.035em}button{cursor:pointer}.skip{position:fixed;top:-100px;z-index:200;background:white;padding:15px}.skip:focus{top:0}:focus-visible{outline:3px solid var(--light);outline-offset:5px}
header{position:absolute;inset:0 0 auto;z-index:20;height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--pad);border-bottom:1px solid #ffffff32;background:#13241f55;color:white;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:17px;font-size:14px;font-weight:600;white-space:nowrap}.brand img{width:70px;height:40px;object-fit:contain}header .brand img{filter:invert(1)}header nav{display:flex;align-items:center;gap:35px;font-size:13px}header nav>a:not(.button):hover{opacity:.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:white;border:0;border-radius:3px;padding:13px 20px;font-size:13px;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:var(--mid);transform:translateY(-2px)}header .button,.white{background:white;color:var(--green)}header .button:hover,.white:hover{background:var(--fill)}.menu{display:none}
.hero{height:min(900px,100svh);min-height:740px;position:relative;overflow:hidden;color:white;background:var(--green)}.hero-art{position:absolute;inset:0;overflow:hidden}.hero-art img{position:absolute;width:164vw;max-width:none;right:0;top:-145px;height:auto}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,28,19,.86),rgba(11,28,19,.35) 65%,rgba(11,28,19,.15)),linear-gradient(0deg,#12271eed,transparent 60%)}.hero-content{position:absolute;left:var(--pad);right:var(--pad);bottom:175px;max-width:900px}.label{font-size:11px;letter-spacing:.09em;font-weight:500;color:var(--mid);display:flex;align-items:center;gap:12px}.label:before{content:"";width:5px;height:5px;background:var(--mid);box-shadow:8px 0 0 var(--fill);margin-right:8px}.label.light{color:#dce9df}.label.light:before{background:var(--light);box-shadow:8px 0 0 #ffffff50}.hero h1{font-size:clamp(46px,4.6vw,72px);margin:23px 0}.intro{font-size:15px;line-height:1.8;color:#ffffffcb;max-width:680px;margin-bottom:30px}.mobile-break{display:none}.hero-bottom{position:absolute;bottom:0;left:var(--pad);right:var(--pad);height:105px;border-top:1px solid #ffffff40;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ffffffad}.hero-bottom>div{display:flex;gap:48px;font-size:16px;color:white}
.section{padding:120px var(--pad)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:62px}.section-head .label{align-self:start;padding-top:14px}h2{font-size:clamp(35px,3.6vw,56px)}.section-head p:not(.label){margin-top:24px;color:var(--muted);font-size:15px;line-height:1.85}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project-image{background:var(--fill);overflow:hidden}.project-image img{width:100%;height:auto;transition:transform .7s}.project-image:hover img{transform:scale(1.025)}.project-meta{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px}.project-meta h3{font-size:20px}.project-meta>span{font-size:11px;color:var(--mid)}.work-grid article>p{font-size:14px;color:var(--muted);line-height:1.8}.work-grid small{display:block;margin-top:15px;font-size:10px;color:var(--mid)}
.statement{display:grid;grid-template-columns:1fr 2fr;gap:40px;background:var(--green);color:white}.statement .label{align-self:start;color:var(--light);padding-top:14px}.statement h2{font-size:clamp(32px,3.3vw,52px)}.statement h2 span{color:#a9c8b6}.statement p:not(.label){margin:28px 0;color:#ffffffb0;font-size:15px;line-height:1.9}.underlink{display:inline-block;border-bottom:1px solid #ffffff80;padding:5px 0;font-size:13px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-grid article{padding:26px;border-top:1px solid var(--line);border-right:1px solid var(--line)}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border-right:0}.num{color:var(--mid);font-size:12px}.service-grid h3{font-size:21px;margin:50px 0 18px}.service-grid p{font-size:14px;color:var(--muted);line-height:1.85}.service-tag{display:block;color:var(--mid);font-size:11px;margin-top:28px}.process{background:#f4f6f3}.process ol{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.process li{border-top:1px solid #869686;padding-top:22px}.process li>span{font-size:12px;color:var(--mid)}.process h3{font-size:23px;margin:30px 0 15px}.process li>p{font-size:14px;color:var(--muted)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact>div{display:flex;flex-direction:column;height:100%}.contact h2{margin:28px 0}.contact>div>p:not(.label){font-size:15px;color:var(--muted)}.direct{margin-top:auto}.direct a{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.direct a span{color:var(--mid)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;font-size:12px;margin-bottom:25px}label>span{font-size:10px;color:var(--muted);margin-left:8px}input:not([type=checkbox]),textarea{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid #869686;border-radius:0;background:transparent;outline-offset:3px;color:var(--ink)}textarea{resize:vertical}.file-field input{font-size:11px;color:var(--muted);cursor:pointer}.file-field input::file-selector-button{border:1px solid var(--line);background:var(--fill);color:var(--green);padding:7px 11px;margin-right:12px;font:inherit;cursor:pointer}.hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.form-status{margin-top:14px;font-size:12px;line-height:1.6;color:var(--mid)}form button:disabled{cursor:wait;opacity:.65}details{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}summary{cursor:pointer}details p{margin-top:15px}.consent{display:flex;align-items:center;gap:10px;font-size:12px}.consent input{accent-color:var(--green);width:16px;height:16px}form>.button{width:100%}footer{border-top:1px solid var(--line);padding:40px var(--pad);display:flex;justify-content:space-between;gap:25px;align-items:start}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-company-link{font-size:10px;color:var(--mid);border-bottom:1px solid var(--line);padding-bottom:2px}.footer-company-link:hover{color:var(--green);border-color:var(--mid)}footer p,footer small{font-size:10px;color:var(--muted);line-height:1.9}footer small{text-align:right}
@media(min-width:1700px){.hero-art img{top:-250px}.section{padding-left:max(var(--pad),calc((100vw - 1500px)/2));padding-right:max(var(--pad),calc((100vw - 1500px)/2))}}
@media(max-width:1000px){header nav{gap:20px}.section-head,.statement{grid-template-columns:1fr 2.1fr;gap:25px}.hero-bottom>div{gap:22px}.work-grid{gap:18px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{padding:25px!important}.service-grid article:nth-child(2){border-right:0}.contact{gap:5vw}.direct a{display:block}.direct a span{display:block}.hero-art img{width:190vw;top:-70px}}
@media(max-width:680px){header{height:70px}.brand{font-size:12px;gap:10px}.brand img{width:58px}.menu{display:block;background:none;border:0;color:white;padding:12px}.menu[aria-expanded="true"]{background:var(--mid);border-radius:3px}header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--mid);border-top:1px solid #ffffff45;padding:25px;flex-direction:column;align-items:stretch;gap:25px;box-shadow:0 16px 30px #10251a40}header nav.open{display:flex}.hero{min-height:760px;height:100svh;max-height:950px}.hero-art img{width:430vw;top:-110px;right:-60vw}.hero-shade{background:linear-gradient(0deg,#132b20fa,rgba(19,43,32,.25) 100%)}.hero-content{bottom:160px}.hero h1{font-size:clamp(34px,8.2vw,48px);line-height:1.4;letter-spacing:-.07em}.mobile-break{display:block}.hero .label{font-size:10px;letter-spacing:0}.intro{font-size:13px;line-height:1.85;max-width:330px}.intro br{display:none}.hero-bottom{height:105px;display:block;padding-top:18px;font-size:10px}.hero-bottom>div{font-size:12px;gap:18px;margin-top:13px}.section{padding:75px var(--pad)}.section-head,.statement{display:block}.section-head{margin-bottom:38px}.section-head .label,.statement .label{padding:0;margin-bottom:28px}h2{font-size:35px;line-height:1.35}.section-head p:not(.label){font-size:14px}.work-grid{grid-template-columns:1fr;gap:45px}.project-meta{margin-top:17px}.project-image img{height:auto}.statement h2{font-size:31px}.statement p:not(.label){font-size:14px}.service-grid article{padding:20px 14px!important}.service-grid article:nth-child(odd){padding-left:0!important}.service-grid h3{font-size:18px;margin-top:25px}.service-grid p{font-size:13px}.service-tag{font-size:10px}.process ol{grid-template-columns:1fr 1fr;gap:30px 20px}.process h3{font-size:20px}.process li>p{font-size:13px}.contact{display:block}.contact>div{display:block}.contact form{margin-top:50px}.direct{margin-top:50px}.direct a{display:flex}.form-row{gap:20px}footer{flex-direction:column}footer small{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}