*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;color:#132039;background:#fff}a{text-decoration:none;color:inherit}.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,24px);border-bottom:1px solid #e8ebf0;position:sticky;top:0;background:#fff;z-index:10}.logo{font-weight:900;font-size:22px;letter-spacing:-1px}.logo b{color:#ed6d2e}.top nav{display:flex;gap:25px;flex-wrap:wrap}.top nav a{font-size:14px;color:#435168}.hero{padding:105px max(7%,25px);background:linear-gradient(105deg,#09182e 10%,#142d4e 75%,#253f60);color:white}.eyebrow{color:#f88c4e;font-weight:700;letter-spacing:2px}.hero h1{font-size:clamp(36px,5vw,66px);line-height:1.17;letter-spacing:-2px;margin:20px 0}.hero p{max-width:680px;line-height:1.85;color:#d5e0ed;font-size:18px}.wrap{max-width:1160px;margin:auto;padding:82px 26px}.wrap h2{font-size:clamp(27px,3vw,40px);letter-spacing:-1.2px;margin:0 0 16px}.lead{color:#596a7c;line-height:1.8;margin:0 0 36px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:30px;border:1px solid #e6eaf0;border-radius:16px;background:#fff}.card h3{font-size:20px;margin:12px 0}.card p{color:#5c6879;line-height:1.8}.num{font-size:37px;color:#e66a2e;font-weight:800}.soft{background:#f5f7fa}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{border-top:3px solid #e76c2d;padding:22px 8px}.step b{color:#d85f24}.step p{line-height:1.7;color:#5d6978}.timeline{border-left:2px solid #e66a2e;margin-left:12px}.event{padding:0 0 28px 30px;position:relative}.event:before{content:'';position:absolute;left:-7px;top:3px;background:#e66a2e;width:12px;height:12px;border-radius:50%}.event strong{font-size:23px}.event p{line-height:1.7;color:#5d6978}.cta{padding:65px 25px;background:#0b1b30;color:white;text-align:center}.cta a{display:inline-block;background:#ee7134;padding:15px 30px;border-radius:30px;margin-top:18px;color:white}.photo{width:100%;max-height:360px;object-fit:cover;border-radius:18px;margin-top:20px}.footer{padding:30px;text-align:center;color:#6b7888;font-size:13px}@media(max-width:750px){.top{height:auto;min-height:70px;display:block;padding:18px}.top nav{margin-top:15px;gap:12px}.grid,.steps{grid-template-columns:1fr}.hero{padding:70px 25px}.wrap{padding:55px 22px}}