@font-face{font-family:"Noto Sans KR";font-style:normal;font-weight:400;font-display:swap;src:local("Noto Sans KR Regular"),local("NotoSansKR-Regular"),url(https://fonts.gstatic.com/s/notosanskr/v36/Pby6FmXiEBf4eVn7f6XQ5qs.woff2) format("woff2")}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;padding:0}body{font-family:"Noto Sans KR",system-ui,-apple-system,Segoe UI,Roboto,Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#1b1c1d;background:#fff;line-height:1.6}a{color:#0a66c2;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;border:0;display:block}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.nav{position:sticky;top:0;background:#ffffffee;backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #eee;z-index:50}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:32px;height:32px}
.nav a{font-weight:600;color:#222;margin-left:18px}
.hero{padding:72px 0 32px;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)}
.hero h1{font-size:32px;margin:0 0 12px}
.hero p{font-size:16px;color:#4b4f56;margin:0 0 20px}
.cta-group{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-weight:700;border:1px solid #0a66c2;color:#fff;background:#0a66c2}
.btn.secondary{background:#fff;color:#0a66c2}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border:1px solid #e6e6e6;border-radius:12px;padding:16px;background:#fff}
.card h3{font-size:18px;margin:0 0 8px}
.card p{font-size:14px;color:#555;margin:0}
.section{padding:40px 0}
.section h2{font-size:22px;margin:0 0 16px}
.about{background:#fbfbfb}
.contact{background:#f7fafc}
.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-item{padding:12px;border:1px dashed #d7d7d7;border-radius:8px;background:#fff}
.footer{border-top:1px solid #eee;padding:24px 0;margin-top:24px;color:#666}
.footer a{color:#555}
@media (max-width:840px){.grid{grid-template-columns:1fr 1fr}.nav-inner{height:auto;padding:12px 0}.hero{padding:48px 0 24px}}
@media (max-width:600px){.grid{grid-template-columns:1fr}.hero h1{font-size:26px}}