@charset "utf-8";
/* CSS Document */
.site_header { position:sticky; top:0; z-index:1000; width:100%; background:#fff; box-shadow:0 1px 18px rgba(15, 35, 80, 0.08); }
.site_header_inner { width:min(90%, 1200px); height:72px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.site_logo { display:flex; align-items:baseline; gap:14px; text-decoration:none; color:#0b2a5b; white-space:nowrap; }
.site_logo_main { font-size:24px; font-weight:800; letter-spacing:-0.03em; color:#1261d8; }
.site_logo_sub { font-size:12px; font-weight:600; color:#24334d; }
.site_nav { margin-left:auto; }
.site_nav ul { display:flex; align-items:center; gap:34px; list-style:none; margin:0; padding:0; }
.site_nav a { display:block; font-size:14px; font-weight:700; color:#0d1f3d; text-decoration:none; transition:opacity 0.3s; }
.site_nav a:hover { opacity:0.65; }
.site_header_btn { display:flex; align-items:center; justify-content:center; min-width:132px; height:44px; padding:0 22px; border-radius:6px; background:#1261d8; color:#fff; font-size:14px; font-weight:700; text-decoration:none; box-shadow:0 8px 18px rgba(18, 97, 216, 0.22); transition:opacity 0.3s, transform 0.3s; }
.site_header_btn:hover { opacity:0.9; transform:translateY(-1px); }
@media screen and (max-width: 900px) {
.site_header_inner { height:64px; }
.site_logo { flex-direction:column; align-items:flex-start; gap:2px; }
.site_logo_main { font-size:22px; }
.site_logo_sub { font-size:10px; }
.site_nav { display:none; }
.site_header_btn { min-width:112px; height:40px; padding:0 16px; font-size:13px; }
}
@media screen and (max-width: 480px) {
.site_header_inner { width:min(92%, 1200px); gap:16px; }
.site_logo_sub { display:none; }
.site_header_btn { min-width:104px; height:38px; padding:0 14px; font-size:12px; }
}