*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#17283c;line-height:1.75;background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 24px}.top{background:#091b32;color:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #203957}.bar{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:16px}.brand{font-weight:900;font-size:23px;letter-spacing:.5px}.brand span{color:#50b9ff}.nav{display:flex;gap:19px;flex-wrap:wrap}.nav a{font-size:12px;font-weight:750;letter-spacing:.4px;color:#d7e8fa}.nav a:hover,.nav a.active{color:#59c4ff}.hero{background:radial-gradient(circle at 78% 25%,#165b91 0%,transparent 37%),linear-gradient(125deg,#08182d,#0c2b50 70%,#0d4168);color:#fff;padding:115px 0 130px}.eyebrow{color:#61d4ff;font-size:13px;font-weight:800;letter-spacing:3px}.hero h1{font-size:clamp(35px,5vw,62px);line-height:1.22;letter-spacing:-2px;margin:24px 0}.hero p{font-size:18px;color:#c4d9e8;max-width:760px}.btn{display:inline-block;background:#0788dd;color:#fff;padding:12px 26px;border-radius:5px;font-weight:700;margin-top:22px}.btn:hover{background:#046caf}.section{padding:74px 0}.muted{background:#f3f7fb}.section h2{font-size:32px;letter-spacing:-1px;margin:0 0 14px}.lead{font-size:17px;color:#52677b;max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.card{background:#fff;border:1px solid #dfe8f1;border-radius:10px;padding:26px;box-shadow:0 5px 20px #09294d08}.card h3{margin:0 0 10px;font-size:21px;color:#103c69}.card p{margin:0;color:#526477}.tag{display:inline-block;background:#e8f4fd;color:#175e95;border-radius:20px;padding:5px 12px;margin:5px 5px 5px 0;font-size:13px}.pagehead{background:linear-gradient(115deg,#0a213e,#13436b);color:#fff;padding:70px 0}.pagehead h1{font-size:42px;margin:8px 0}.pagehead p{color:#d5e6f2}.notice{border-left:4px solid #168bd0;padding:14px 20px;background:#eff8ff;color:#38546d}.footer{background:#091b32;color:#aabed0;padding:35px 0;font-size:13px}.footer strong{color:#fff}.cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}label{display:block;font-weight:700;margin:15px 0 5px}input,select,textarea{width:100%;border:1px solid #b9c9d8;border-radius:5px;padding:12px;font:inherit}textarea{min-height:150px}button{border:0;cursor:pointer;font:inherit}.small{font-size:13px;color:#65788b}.keyword-list{padding:18px 0}.keyword-list p{line-height:2.2}.feature{border-top:1px solid #dce5ef;padding:23px 0} @media(max-width:800px){.bar{align-items:flex-start;flex-direction:column;padding:14px 0}.nav{gap:12px}.nav a{font-size:11px}.hero{padding:80px 0}.grid{grid-template-columns:1fr}.cols{grid-template-columns:1fr}.section{padding:48px 0}.pagehead h1{font-size:32px}}