@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
.product-image{display:block;width:100%;height:auto}.product-gallery{background:#e8ede6}.gallery-note{color:#62756f;font-size:13px;margin:20px 0 35px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-grid figure{margin:0;background:white;border:1px solid #c9d3c9}.product-grid img{display:block;width:100%;aspect-ratio:1.6;object-fit:contain;background:#15342e}.product-grid figcaption{padding:23px}.product-grid small{font-size:10px;letter-spacing:1px;color:#637874}.product-grid p{font-size:13px;line-height:1.8;color:#637874}@media(max-width:750px){.product-grid{grid-template-columns:1fr}}
:root{--navy:#102b34;--ink:#142c34;--lime:#d2ef79;--paper:#f4f5ee;--line:#d4dad5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'Noto Sans KR',Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.symbol{font-size:42px}.brand-note{font-size:9px;line-height:1.5;letter-spacing:1px;margin-left:12px;border-left:1px solid #9aaba9;padding-left:15px}nav{display:flex;gap:34px;font-size:13px;font-weight:600}.nav-contact{border-bottom:1px solid var(--ink);padding:10px 0;font-size:13px}.hero{background:var(--navy);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;min-height:700px;padding:65px 5% 0;gap:4%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 30px}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:10px}h1{font-size:clamp(42px,4.4vw,72px);letter-spacing:-3px;line-height:1.3;font-weight:600;margin:0 0 26px}h1 em{color:var(--lime);font-style:normal}.intro{font-size:15px;line-height:1.9;color:#bbc8ca;margin-bottom:32px}.button{display:inline-flex;gap:32px;justify-content:space-between;align-items:center;padding:17px 24px;border:none;cursor:pointer;font-size:13px;font-weight:700}.lime{background:var(--lime);color:var(--ink)}.button span{font-size:20px}.text-link{font-size:12px;margin-left:24px;border-bottom:1px solid #72888b;padding-bottom:5px}.region{border-top:1px solid #3c5157;margin-top:50px;padding:22px 0 26px;display:flex;flex-direction:column;gap:10px}.region span{font-size:9px;letter-spacing:2px;color:#a5b7b9}.region strong{font-size:12px;letter-spacing:2px}.region i{color:var(--lime);padding:0 14px}.hero-art{align-self:center;border:1px solid #486168;background:#18363e;transform:translateY(-18px)}.art-top,.art-bottom{padding:20px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.art-top{border-bottom:1px solid #486168}.art-top span:last-child{color:var(--lime)}.hero-art svg{display:block;width:100%;height:auto}.art-bottom{flex-direction:column;gap:12px;border-top:1px solid #486168}.art-bottom b{color:var(--lime)}.art-bottom small{color:#a6b8b9;font-size:10px;letter-spacing:0}.service-strip{display:flex;justify-content:space-between;padding:24px 5%;background:var(--lime);font-size:10px;font-weight:800;letter-spacing:1px;gap:15px}.section{padding:100px 8%}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid var(--line)}h2{font-size:clamp(29px,3vw,46px);font-weight:600;line-height:1.4;letter-spacing:-1.8px;margin:0}.about-body p{font-size:14px;line-height:2;color:#586971;margin:0 0 22px}.about-body .lead{font-size:23px;color:var(--ink);line-height:1.6}.values{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.values span,.tags span{font-size:11px;padding:8px 12px;border:1px solid #b8c5bf;border-radius:2px}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:48px}.section-head>p{font-size:14px;line-height:1.9;color:#637278}.solutions{background:#fff}.solution-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;align-items:center;gap:36px;padding:29px 12px;list-style:none}summary::-webkit-details-marker{display:none}.num{font-size:15px;color:#728481;align-self:start;padding-top:8px}summary small{font-size:10px;letter-spacing:1.6px;color:#687f80}h3{font-size:23px;font-weight:600;letter-spacing:-.7px;margin:7px 0 0}.plus{margin-left:auto;font-size:28px;font-weight:400}details[open]{background:#f4f6ee}details[open] .plus{transform:rotate(45deg)}.detail{padding:0 70px 32px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.detail p{font-size:14px;line-height:1.9;margin:0;color:#53666a}.tags{display:flex;flex-wrap:wrap;gap:8px;align-content:start}.approach{background:var(--navy);color:var(--paper)}.approach .eyebrow{color:var(--lime)}.approach .section-head p{color:#b7c7c8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.steps article{border-top:1px solid #536b70;padding-top:26px}.steps article>span{font-size:11px;letter-spacing:1px;color:var(--lime)}.steps h3{margin-top:24px}.steps p{color:#aebfc1;font-size:14px;line-height:1.9}.contact{background:var(--lime);position:relative}.contact h2{font-size:clamp(32px,4vw,58px)}.contact>p:not(.eyebrow){line-height:1.9;font-size:14px;margin:25px 0}.dark{background:var(--navy);color:white;margin-top:12px}.contact-note{display:block;font-size:11px;margin-top:22px;letter-spacing:1px}#brief{max-width:650px;padding:24px;background:#e7f6bd;margin-top:20px}#brief h3{font-size:18px}#brief p,#brief li{font-size:13px;line-height:1.8}footer{padding:38px 5%;display:flex;align-items:center;gap:35px}footer p{font-size:10px;letter-spacing:1.5px}footer>span{margin-left:auto;font-size:10px;color:#6d7e80}a:hover,summary:hover{opacity:.8}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7c9a30;outline-offset:5px}@media(min-width:1550px){.hero{padding-left:8%;padding-right:8%}}@media(max-width:900px){header{height:80px}.brand-note{display:none}nav{gap:18px}.hero{gap:25px;padding-top:45px;min-height:auto}.text-link{display:block;margin:20px 0}.region strong{font-size:10px;letter-spacing:0}.region i{padding:0 5px}.hero-art{transform:none}.service-strip{flex-wrap:wrap;justify-content:center;gap:18px}.section{padding:70px 6%}.about{gap:30px}.detail{grid-template-columns:1fr;gap:22px}.steps{gap:22px}footer p{display:none}}@media(max-width:600px){header{padding:0 6%;height:72px}.brand{font-size:24px}.symbol{font-size:32px}nav{display:none}.hero{display:block;padding:40px 6%}.hero h1{font-size:44px;letter-spacing:-2.5px}.hero-art{margin-top:20px}.region{margin-top:30px}.service-strip{justify-content:flex-start;font-size:9px}.about{grid-template-columns:1fr}.about-body{margin-top:10px}.section-head{display:block}.section-head>p{margin-top:20px}.steps{grid-template-columns:1fr;gap:32px}.detail{padding:0 20px 28px}summary{gap:18px;padding:24px 6px}h3{font-size:20px}summary small{font-size:9px}.section{padding:58px 6%}footer{flex-wrap:wrap;gap:20px}footer>span{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}