/* Keep the same site identity and navigation across the homepage and quote flow. */
.preview,.site-header{font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.025em;word-break:keep-all;-webkit-font-smoothing:antialiased}
.site-header{line-height:1.7}
.preview{font-size:11px;font-weight:600;letter-spacing:0;padding:7px 16px;background:#182330;color:#e5eaf0;line-height:1.6}
@media(min-width:761px){html{scrollbar-gutter:stable}}
.site-header{box-sizing:border-box;width:100%;max-width:1280px;min-height:92px;height:auto;margin:0 auto;padding:16px 40px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:24px;background:#fff}
.site-header .logo-image,.site-header .brand-image{display:block;position:relative;flex:0 0 144px;width:144px;height:48px;overflow:hidden;background:#fff;font-size:0}
.site-header .logo-image,.site-header .brand-image{justify-self:start}
.site-header .logo-image img,.site-header .brand-image img{position:absolute;left:-13px;top:-36px;display:block;width:170px;height:120px;max-width:none}
.site-header>nav{display:flex;align-items:center;justify-self:center;gap:30px;margin:0;color:#27313a;font-size:13px;font-weight:700;letter-spacing:-.025em}
.site-header>nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;text-decoration:none}
.site-header>nav a,.site-header>nav a:hover,.site-header>nav a[aria-current="page"]{text-decoration:none}
.site-header>nav a:hover,.site-header>nav a[aria-current="page"]{color:#c9102d}
.site-header>nav a[aria-current="page"]{box-shadow:inset 0 -2px #c9102d}
.site-header .header-cta{display:inline-flex;align-items:center;justify-content:center;justify-self:end;gap:10px;min-height:44px;padding:9px 16px;border:1px solid #f2d6d6;border-radius:100px;background:#fff7f6;color:#c9102d;font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none}
.site-header .header-cta:hover{background:#ffe9e9;border-color:#e8acb5}
@media(max-width:760px){
  .site-header{display:flex;min-height:70px;flex-wrap:wrap;gap:10px 18px;padding:10px 20px}
  .site-header .logo-image,.site-header .brand-image{flex-basis:125px;width:125px;height:42px}
  .site-header .logo-image img,.site-header .brand-image img{left:-11px;top:-31px;width:145px;height:auto}
  .site-header>nav{order:3;display:flex;width:100%;margin:0;gap:18px;overflow-x:auto;border-top:1px solid #ece9e6;white-space:nowrap;font-size:12px;scrollbar-width:thin}
  .site-header>nav a{flex:none;padding:5px 0}
  .site-header .header-cta{margin-left:auto;min-height:40px;padding:7px 10px;font-size:10px}
}
@media(max-width:360px){.site-header{gap:8px 10px}.site-header .header-cta{font-size:9px}.site-header>nav{gap:14px}}
@media(min-width:761px){.site-header{max-width:1160px}}
body .site-header .header-cta{border-color:#eddce0;background:#fff8f9;color:#8f2639}
body .site-header .header-cta:hover{background:#f9e9ed}

/* Fixed shared geometry, independent of each page's content styles. */
body .site-header{box-sizing:border-box;width:calc(100% - 64px);max-width:1200px;min-height:92px;height:92px;margin:0 auto;padding:16px 0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;line-height:1.7;font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif}
body .site-header>nav{display:flex;justify-self:center;justify-content:center;align-items:center;width:auto;order:0;margin:0;padding:0;gap:30px;border:0;font-size:13px;font-weight:700;line-height:1.7}
body .site-header .logo-image{margin:0;justify-self:start;transform:none}
body .site-header .header-cta{justify-self:end;margin:0;gap:10px;font-size:12px;line-height:1.7}
body .site-header .header-cta span{margin:0}
@media(max-width:760px){body .site-header{width:calc(100% - 40px);height:auto;min-height:70px;padding:10px 0;display:flex;flex-wrap:wrap;gap:10px 18px}body .site-header>nav{order:3;justify-content:flex-start;width:100%;gap:18px;border-top:1px solid #ece9e6;font-size:12px;overflow-x:auto}body .site-header .header-cta{margin-left:auto;font-size:10px}}

/* Remove inherited link metrics that otherwise differ between page themes. */
body .site-header>nav>a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;margin:0;padding:0;border:0;font-family:inherit;font-size:13px;font-weight:700;line-height:1.7;letter-spacing:-.025em;transform:none}
body .site-header .logo-image{flex:none;width:144px;height:48px;min-width:144px;padding:0;border:0;line-height:0;box-sizing:border-box}
body .site-header .logo-image img{position:absolute;left:-13px;top:-36px;width:170px;height:120px;max-width:none;margin:0;padding:0;transform:none}
body .site-header .header-cta{box-sizing:border-box;height:44px;min-height:44px;padding:9px 16px;font-family:inherit;font-weight:800;letter-spacing:-.025em}
@media(max-width:760px){body .site-header .logo-image{width:125px;min-width:125px;height:42px}body .site-header .logo-image img{left:-11px;top:-31px;width:145px;height:auto}body .site-header>nav>a{font-size:12px}body .site-header .header-cta{height:40px;min-height:40px;padding:7px 10px}}
/* nav-visual:start */
body .site-header>nav{gap:32px}
body .site-header>nav>a{position:relative;gap:0;font-size:17px;font-weight:700;letter-spacing:-.035em;box-shadow:none;transition:color .22s ease,transform .22s ease}
body .site-header>nav>a::before{content:none;display:none}
body .site-header>nav>a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .28s ease}
body .site-header>nav>a[aria-current="page"]{box-shadow:none;color:#a62640}
body .site-header>nav>a[aria-current="page"]::after,body .site-header>nav>a:focus-visible::after{transform:scaleX(1)}
@media(hover:hover){body .site-header>nav>a:hover{color:#a62640;transform:translateY(-2px)}body .site-header>nav>a:hover::after{transform:scaleX(1)}}
body .site-header>nav>a:focus-visible{color:#a62640;outline:2px solid #a62640;outline-offset:5px;border-radius:3px}
body .site-header>nav>a:active{transform:translateY(0)}
@media(min-width:761px) and (max-width:1000px){body .site-header{height:auto;grid-template-columns:1fr auto;padding:14px 0;gap:12px}body .site-header>nav{grid-row:2;grid-column:1/-1;justify-self:center}body .site-header .header-cta{grid-column:2;grid-row:1}}
@media(max-width:760px){body .site-header>nav{justify-content:space-between;gap:8px;padding-top:4px;overflow:visible}body .site-header>nav>a{height:44px;min-height:44px;flex-direction:row;gap:0;font-size:14px}}
@media(max-width:360px){body .site-header>nav>a{font-size:12px}body .site-header>nav{gap:5px}}
@media(prefers-reduced-motion:reduce){body .site-header>nav>a,body .site-header>nav>a::after{transition:none}body .site-header>nav>a:hover{transform:none}}
/* nav-visual:end */
