:root{--navy:#071424;--blue:#0c223a;--lime:#b9f227;--ink:#111b26;--muted:#68727d;--line:#dce1e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.logo{font:800 24px 'Manrope';letter-spacing:-.06em}.logo span{color:var(--lime)}#side{position:fixed;z-index:30;inset:0 auto 0 0;width:150px;background:var(--navy);color:#fff;padding:35px 25px;display:flex;flex-direction:column}#side nav{margin:auto 0;display:flex;flex-direction:column;gap:28px}#side nav a{font:600 11px 'Manrope';letter-spacing:.09em;color:#6d7c8b;transition:.25s}#side nav a b{display:block;font-size:9px;color:#3c4d5f;margin-bottom:5px}#side nav a:hover,#side nav a.active{color:#fff}#side nav a.active b{color:var(--lime)}#side>p{font:600 8px/1.8 'Manrope';letter-spacing:.18em;color:#647181}.menu{display:none}main,footer{margin-left:150px}.hero{height:100vh;min-height:720px;position:relative;color:#fff}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,18,.92),rgba(3,10,18,.2) 72%)}.hero-copy{position:absolute;z-index:2;left:7%;top:49%;transform:translateY(-50%)}.hero small,.section small,.business small,.contact small{font:600 11px 'Manrope';letter-spacing:.18em;color:var(--lime)}.hero h1{font-size:clamp(48px,5.2vw,84px);line-height:1.17;letter-spacing:-.05em;margin:25px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:17px;line-height:1.9;color:#cbd4dd}.hero-copy>a{display:inline-flex;align-items:center;gap:28px;font:600 12px 'Manrope';letter-spacing:.12em;margin-top:25px}.hero-copy i{width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--navy);display:grid;place-content:center;font-style:normal}.hero-bottom{position:absolute;z-index:2;left:7%;right:4%;bottom:35px;display:flex;justify-content:space-between;font:600 9px 'Manrope';letter-spacing:.14em}.section{padding:145px 7%;}.head h2{font-size:clamp(42px,4.5vw,68px);line-height:1.25;letter-spacing:-.05em;margin:18px 0 65px}.head strong,.solution h2 strong{font-weight:600;color:#2f66ff}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.copy>b{font:800 19px/1.3 'Manrope';color:#2f66ff}.copy>p{font-size:16px;line-height:2;color:var(--muted);margin:25px 0 50px}.copy ul{list-style:none;padding:0;display:flex;gap:35px}.copy li{display:flex;gap:10px;align-items:end}.copy li strong{font:700 36px 'Manrope'}.copy li span{font:600 8px/1.5 'Manrope';letter-spacing:.1em;color:#999}.about-photo{height:620px}.business{margin-left:0;background:var(--navy);color:#fff;display:grid;grid-template-columns:.8fr 1.4fr}.business-intro{padding:120px 6vw}.business-intro h2{font-size:52px;line-height:1.3;margin:20px 0}.business-intro p{line-height:1.9;color:#8e9cab}.service-list{background:var(--blue)}.service-list article{min-height:230px;padding:48px 5vw;display:grid;grid-template-columns:60px 1fr auto;gap:25px;border-bottom:1px solid #294057;align-items:start;transition:.3s}.service-list article:hover{background:#102d4b}.service-list article>b{font:700 13px 'Manrope';color:var(--lime)}.service-list h3{font-size:25px;margin:10px 0}.service-list p{color:#95a5b5;font-size:15px}.service-list article>span{width:45px;height:45px;border:1px solid #506378;border-radius:50%;display:grid;place-content:center}.solution{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.solution-photo{height:620px}.solution h2{font-size:48px;line-height:1.35;margin:20px 0}.solution-copy>p{line-height:2;color:var(--muted)}.solution ol{list-style:none;padding:20px 0}.solution li{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.solution li>b{font:700 12px 'Manrope';color:#2f66ff}.solution li span{display:flex;flex-direction:column;color:var(--muted);font-size:14px;gap:5px}.solution li strong{color:var(--ink);font-size:17px}.partners{margin-left:0;padding:65px 6vw;background:#f4f7f9;text-align:center}.partners p{font:700 10px 'Manrope';letter-spacing:.2em;color:#8c969f}.partners div{display:flex;justify-content:space-around;gap:30px;margin-top:35px;color:#9ba4ab;font:700 20px 'Manrope'}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.articles article{background:#f3f6f8;padding:35px;min-height:310px;display:flex;flex-direction:column;transition:.3s}.articles article:hover{background:var(--navy);color:#fff;transform:translateY(-8px)}.articles span{font:600 10px 'Manrope';color:#2f66ff}.articles h3{font-size:24px;line-height:1.55}.articles a{margin-top:auto;font:600 11px 'Manrope';letter-spacing:.1em}.contact{margin-left:0;background:var(--lime);padding:95px 7%;display:flex;justify-content:space-between;align-items:center}.contact small{color:#315000}.contact h2{font-size:46px;line-height:1.35;margin:14px 0}.contact p{color:#496119}.contact>a{width:190px;height:190px;border-radius:50%;background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font:700 11px 'Manrope';letter-spacing:.1em}.contact>a span{font-size:24px;margin-top:14px}footer{padding:55px 6%;background:#050d16;color:#8d99a5;display:grid;grid-template-columns:1fr 2fr auto;align-items:end;gap:40px}footer .logo{color:#fff}footer p,footer small{font-size:11px;line-height:1.8}.top{position:fixed;right:24px;bottom:24px;width:45px;height:45px;background:var(--lime);color:var(--navy);border-radius:50%;display:grid;place-content:center;z-index:20}.reveal{opacity:0;transform:translateY(30px);transition:.8s}.reveal.on{opacity:1;transform:none}@media(max-width:900px){#side{width:280px;transform:translateX(-100%);transition:.35s}#side.open{transform:none}.menu{display:block;position:fixed;z-index:40;right:18px;top:18px;width:46px;height:46px;border:0;background:var(--lime);border-radius:50%;font-size:20px}main,footer{margin-left:0}.section{padding:95px 24px}.about-grid,.solution{grid-template-columns:1fr}.about-photo,.solution-photo{height:500px}.business{grid-template-columns:1fr}.business-intro{padding:90px 25px}.partners div{flex-wrap:wrap}.articles{grid-template-columns:1fr}.contact{flex-direction:column;align-items:flex-start;gap:40px}.contact>a{width:150px;height:150px}footer{grid-template-columns:1fr}}@media(max-width:560px){.hero h1{font-size:44px}.hero-copy{left:6%;right:6%}.hero-copy br{display:none}.head h2,.business-intro h2,.solution h2,.contact h2{font-size:38px}.copy ul{flex-wrap:wrap}.about-photo,.solution-photo{height:360px}.service-list article{grid-template-columns:40px 1fr}.service-list article>span{display:none}.partners div{font-size:15px}.contact{padding:70px 24px}}
@media(min-width:901px){main>section{min-height:100vh}main>.about,main>.insight,main>.partners{display:flex;flex-direction:column;justify-content:center}#side nav a{font-size:14px;line-height:1.35;letter-spacing:.06em}#side nav a b{font-size:11px;margin-bottom:7px}#side nav{gap:32px}}