:root{--blue:#0B5CA8;--blue-d:#084b8a;--gray:#5B6770;--ink:#1f3346;--bg:#eef1f4;--foot:#26323d}
*{box-sizing:border-box}
body{margin:0;font-family:'Noto Sans KR',sans-serif;color:#2f3338}
a{color:inherit;text-decoration:none}
.util{background:#324a5f;color:#cdd8e0;font-size:11px;padding:5px 24px;display:flex;justify-content:flex-end;gap:14px}
.hdr{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 24px;border-bottom:2px solid var(--blue)}
.hdr .logo{font-weight:800;font-size:20px;color:#33373b}
.hdr .logo span{color:var(--blue)}
.nav{display:flex;gap:24px;font-size:14px;color:#444;align-items:center;font-weight:600}
.nav a.active{color:var(--blue)}
.btn{background:var(--blue);color:#fff;padding:10px 18px;border-radius:3px;font-weight:700;border:0;cursor:pointer;font-size:14px;display:inline-block}
.btn.ghost{background:#fff;color:var(--gray);border:1px solid var(--gray)}
.wrap{max-width:1080px;margin:0 auto;padding:24px}
.hero{background:linear-gradient(120deg,#eef3f8,#dde7f0);padding:54px 0;border-bottom:1px solid #d4dee7}
.hero .bar{width:54px;height:4px;background:var(--blue);margin-bottom:16px}
.hero h1{font-size:30px;font-weight:800;color:var(--ink);line-height:1.35;margin:0}
.hero p{color:#4a6072;max-width:560px;margin:14px 0 0;font-size:15px}
.values{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #eee}
.values .v{padding:20px;text-align:center;border-right:1px solid #eee}
.values .v:last-child{border-right:0}
.values .v b{color:var(--blue);font-size:15px}
.values .v span{display:block;font-size:12px;color:#888;margin-top:3px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.svc{border:1px solid #e3e6e8;border-top:3px solid var(--blue);padding:16px}
.svc:nth-child(even){border-top-color:var(--gray)}
.svc b{color:#33373b}.svc p{font-size:12px;color:#7a8288;margin:6px 0 0}
.cta{background:var(--blue);color:#fff;text-align:center;padding:28px}
.cta .btn{background:#fff;color:var(--blue)}
.foot{background:var(--foot);color:#9fb0bd;padding:20px 30px;font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sec-title{text-align:center;margin:0 0 18px}
.sec-title .lbl{font-size:13px;color:var(--blue);letter-spacing:2px;font-weight:700}
.sec-title h2{font-size:22px;font-weight:800;color:var(--ink);margin:4px 0 0}
@media(max-width:760px){.values,.svc-grid{grid-template-columns:1fr 1fr}.nav{gap:12px;font-size:12px}}