:root{--navy:#091b34;--orange:#ed6d2e}body{font-family:Arial,"Noto Sans KR",sans-serif;color:var(--navy)}
.site-header{height:76px;position:sticky;top:0;background:rgba(255,255,255,.97);z-index:100;box-shadow:0 1px 12px #12233a12}.nav-shell{height:100%;max-width:1340px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand img{width:170px;height:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:42px}.nav-group{position:relative}.nav-parent{font-size:15px;font-weight:700;color:#12233c;display:block;padding:27px 0}.nav-dropdown{display:none;position:absolute;left:-20px;top:100%;min-width:235px;background:#fff;padding:12px;border:1px solid #e5eaf0;box-shadow:0 14px 30px #0b1c3322;border-radius:12px}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:grid}.nav-dropdown a{padding:11px 12px;font-size:13px;color:#34465d;border-radius:6px}.nav-dropdown a:hover{background:#f3f6fa;color:#ed6d2e}.mobile-nav-text{display:none;background:white;border:1px solid #dfe5ed;border-radius:7px;padding:10px 14px}.mobile-nav-panel{position:absolute;top:76px;left:0;right:0;background:white;box-shadow:0 10px 20px #0a1b3220;padding:22px 5%;max-height:75vh;overflow:auto}.mobile-nav-panel[hidden]{display:none}.mobile-nav-group{display:grid;gap:8px;margin-bottom:22px}.mobile-nav-group strong{color:#ed6d2e}.mobile-nav-group a{padding:6px 0;color:#23334a;font-size:14px}
.unified-hero{position:relative;isolation:isolate;min-height:410px;padding:90px max(7%,25px) 70px;background:#e9f0f6;color:#0a1c35;overflow:hidden}.unified-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eaf2f9 0%,#eaf2f9ed 37%,#eaf2f93d 75%),var(--hero-photo) center 42%/cover no-repeat}.unified-hero h1{font-size:clamp(36px,4.4vw,59px);max-width:900px;letter-spacing:-2px}.unified-hero p{color:#263b54;max-width:640px}.unified-hero .eyebrow{color:#eb6b2a;font-size:12px}.breadcrumbs{font-size:12px;color:#4e6177;margin-bottom:30px}.hero-kicker{font-weight:700}.wrap{max-width:1240px}.grid{gap:15px}.card{border-radius:12px;background:linear-gradient(135deg,#fff,#f6f9fc);box-shadow:0 6px 25px #10233b08}.card:hover{transform:translateY(-3px);transition:transform .2s}.num{color:#e96a2d}.soft{background:#f4f7fb}.visual-strip{margin-top:30px;max-height:260px;overflow:hidden;border-radius:16px}.visual-strip img{width:100%;height:260px;object-fit:cover}.cta{background:linear-gradient(110deg,#08172b,#163456)}.unified-footer{background:#f4f7fa;padding:40px 20px}
@media(max-width:850px){.desktop-nav{display:none}.mobile-nav-text{display:block}.unified-hero{min-height:360px;padding:65px 25px}.unified-hero:before{background:linear-gradient(90deg,#eaf2f9f5,#eaf2f9b0),var(--hero-photo) center/cover}.nav-shell{padding:0 20px}.grid,.steps{grid-template-columns:1fr}}

/* IT maintenance page */
.maintenance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.maintenance-grid .card{min-height:185px}.maintenance-eyebrow{color:#ed6d2e;margin-bottom:14px}.maintenance-value{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.maintenance-value>div{background:#0b203b;color:white;border-radius:16px;padding:30px 24px;display:flex;flex-direction:column;gap:13px}.maintenance-value strong{font-size:19px}.maintenance-value span{font-size:14px;line-height:1.7;color:#d9e4ef}@media(max-width:850px){.maintenance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.maintenance-value{grid-template-columns:1fr}}@media(max-width:520px){.maintenance-grid{grid-template-columns:1fr!important}}