:root{--navy:#171a21;--green:#96bd2d;--green2:#7cab25;--ink:#111827;--muted:#667085;--line:#e6eaf0;--bg:#f5f7fa;--card:#fff;--accent:#f1f8df;--shadow:0 20px 55px rgba(17,24,39,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1180px,92vw);margin:0 auto}.topbar{background:#0f1218;color:#d8dee7;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:82px}.brand img{height:48px;display:block}.navlinks{display:flex;align-items:center;gap:4px}.navlinks a{padding:11px 13px;border-radius:999px;color:#344054;font-weight:700;font-size:14px}.navlinks a:hover,.navlinks a.active{background:var(--accent);color:#47670d}.menu-btn{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:9px 12px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 12%,rgba(150,189,45,.16),transparent 30%),linear-gradient(135deg,#11161c 0%,#1e2430 58%,#2b3446 100%);color:white}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;min-height:650px;padding:74px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:7px 12px;border-radius:999px;color:#eff8cf;font-weight:800;font-size:13px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.04;letter-spacing:-.055em;margin:20px 0}.hero p{font-size:19px;color:#dde5ef;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:12px;font-weight:850;border:1px solid transparent}.btn.primary{background:var(--green);color:#1b2507}.btn.secondary{border-color:rgba(255,255,255,.25);color:white}.visual{position:relative;min-height:400px}.logo-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px}.logo-panel img{max-width:100%;max-height:340px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}.panel.note{position:absolute;right:24px;bottom:24px;width:min(360px,84%);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);backdrop-filter:blur(14px);box-shadow:0 25px 80px rgba(0,0,0,.25);border-radius:26px;padding:22px}.panel.note p{margin:0;color:#e3ecf5;font-size:15px}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.chip{border:1px solid rgba(255,255,255,.22);padding:8px 11px;border-radius:999px;font-size:13px}.section{padding:82px 0}.section.white{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.kicker{color:#5f7f18;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.14;letter-spacing:-.04em;margin:6px 0 0}.lead{font-size:18px;color:var(--muted);max-width:780px}.lead.light{color:#dbe3eb}.grid{display:grid;gap:20px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 10px 30px rgba(16,24,40,.04)}.card h3{font-size:21px;margin:0 0 10px;letter-spacing:-.03em}.card p,.card li{color:var(--muted)}.card ul{margin:10px 0 0;padding-left:18px}.icon{width:46px;height:46px;border-radius:14px;background:var(--accent);color:#5d7a18;display:grid;place-items:center;font-weight:900;margin-bottom:18px}.metric{background:white;border:1px solid var(--line);border-radius:20px;padding:22px}.metric b{display:block;font-size:36px;letter-spacing:-.05em;color:#4f6d14}.metric span{color:var(--muted);font-weight:700}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:95px;top:8px;bottom:8px;width:2px;background:var(--line)}.tl{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:18px 0;position:relative}.tl .year{font-weight:900;color:#5f7f18}.tl .items{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.tl ul{margin:0;padding-left:18px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:18px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:14px 16px;text-align:left;vertical-align:top;white-space:normal}.table th{background:#f5f8ec;color:#344054;font-size:14px;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef6db;color:#5d7a18;font-weight:850;font-size:12px}.page-hero{background:linear-gradient(135deg,#11161c,#2d3440);color:white;padding:68px 0 54px}.page-hero h1{font-size:48px;line-height:1.1;margin:12px 0 10px;letter-spacing:-.05em}.breadcrumb{color:#c8d2dd;font-size:14px}.subnav{background:#fff;border-bottom:1px solid var(--line)}.subnav .wrap{display:flex;gap:8px;overflow:auto;padding:12px 0}.subnav a{white-space:nowrap;padding:9px 13px;border-radius:999px;color:#475467;font-weight:750}.subnav a.active{background:var(--accent);color:#4b6716}.contact-box{background:linear-gradient(135deg,#20252d,#2c333e);color:white;border-radius:28px;padding:34px}.footer{background:#0f1218;color:#b7c6d8;padding:46px 0}.footer .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.footer b{color:white}.footer-logo{height:42px;display:block;margin-bottom:16px}.hero-logo-inline{height:54px;margin-bottom:12px}.list-tight{margin:0;padding-left:18px}.list-tight li{margin:4px 0}.mobile-only{display:none}@media(max-width:900px){.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:14px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{border-radius:12px}.menu-btn{display:block}.hero .wrap{grid-template-columns:1fr;min-height:auto;padding:56px 0}.visual{min-height:260px}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.section-head{display:block}.timeline:before{left:0}.tl{grid-template-columns:1fr;gap:8px;padding-left:20px}.footer .wrap{grid-template-columns:1fr}.topbar .wrap{display:block}.page-hero h1{font-size:38px}.brand img{height:42px}.table th,.table td{font-size:14px;padding:12px 12px}}

.hero.hero-home{background-image:linear-gradient(90deg,rgba(10,15,22,.88) 0%,rgba(10,15,22,.78) 34%,rgba(10,15,22,.48) 62%,rgba(10,15,22,.20) 100%),radial-gradient(circle at 78% 12%,rgba(150,189,45,.16),transparent 30%),url('../img/heroes/home.png');background-size:cover;background-position:center right}
.hero.hero-home .wrap,.page-hero .wrap{position:relative;z-index:2}.hero.hero-home .panel.note{background:rgba(17,23,31,.58)}
.page-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:340px;background-color:#10161f;background-size:cover;background-position:center right}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,22,.90) 0%,rgba(10,15,22,.78) 34%,rgba(10,15,22,.48) 62%,rgba(10,15,22,.26) 100%),linear-gradient(180deg,rgba(10,15,22,.18) 0%,rgba(10,15,22,.50) 100%)}.page-hero .wrap{padding:88px 0 56px}.page-hero h1,.page-hero .lead,.page-hero .breadcrumb{position:relative}.page-hero .lead.light{max-width:720px}.page-hero.hero-greeting{background-image:url('../img/heroes/company-intro.png')}.page-hero.hero-history{background-image:url('../img/heroes/company-intro.png')}.page-hero.hero-organization{background-image:url('../img/heroes/company-org.png')}.page-hero.hero-contact{background-image:url('../img/heroes/company-contact.png');background-position:center center}.page-hero.hero-business{background-image:url('../img/heroes/business.png')}.page-hero.hero-project-hr{background-image:url('../img/heroes/project-hr.png')}.page-hero.hero-project-si{background-image:url('../img/heroes/project-si.png')}.page-hero.hero-project-solution{background-image:url('../img/heroes/project-solution.png')}.page-hero.hero-recruit-process{background-image:url('../img/heroes/recruit.png')}.page-hero.hero-recruit-jobs{background-image:url('../img/heroes/recruit.png')}.page-hero.hero-customer{background-image:url('../img/heroes/customer.png')}
@media(max-width:900px){.page-hero{min-height:280px;background-position:70% center}.hero.hero-home{background-position:68% center}.page-hero .wrap{padding:70px 0 44px}}