/* Header copied from the clinic website; scoped to avoid column layout changes. */
.site-header{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.7}.site-header .wrap{width:100%}.site-header a:hover{text-decoration:none}
.site-header{ --paper: #F7F5EF; --paper-dim: #EFEBE0; --ink: #1F2A26; --ink-soft: #4B5750; --pine: #26433C; --pine-deep: #1A2F2A; --sage: #86A491; --sage-pale: #E4EAE3; --honey: #E3A24C; --honey-deep: #C9832E; --line: #D8D2C4; --max: 1120px; }
.site-header .wrap{ max-width: var(--max); margin: 0 auto; padding: 0 20px; }
@media (min-width: 768px){.site-header .wrap{ padding: 0 28px; }
}
.site-header{ position: sticky; top: 0; z-index: 50; background: rgba(247,245,239,0.92); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); }
.site-header .wrap{ display: flex; align-items: center; justify-content: space-between; height: 64px; }
@media (min-width: 768px){.site-header .wrap{ height: 76px; }
}
.site-header .brand{ display: flex; align-items: baseline; gap: 8px; font-family: 'Gowun Batang', serif; font-weight: 700; font-size: 17px; color: var(--pine-deep); white-space: nowrap; }
.site-header .brand span{ display: none; }
@media (min-width: 768px){.site-header .brand{ font-size: 20px; }
.site-header .brand span{ display: inline; font-family: 'Pretendard'; font-weight: 500; font-size: 12px; color: var(--sage); letter-spacing: 0.02em; }
}
.site-header .main-nav{ display: none; }
.site-header .main-nav a{ padding: 10px 16px; font-size: 15px; font-weight: 500; color: var(--ink-soft); border-radius: 999px; transition: background .2s, color .2s; }
.site-header .main-nav a:hover{ background: var(--sage-pale); color: var(--pine-deep); }
.site-header .main-nav a.active{ background: var(--pine); color: #fff; }
.site-header .main-nav.open{ display: flex; position: absolute; top: 64px; left: 0; right: 0; background: var(--paper); border-bottom: 1px solid var(--line); flex-direction: column; padding: 8px 20px 16px; }
.site-header .main-nav.open a{ padding: 14px 4px; font-size: 16px; border-radius: 0; border-bottom: 1px solid var(--line); }
.site-header .main-nav.open a:last-child{ border-bottom: none; }
.site-header .nav-toggle{ display: flex; background: none; border: 1px solid var(--line); border-radius: 10px; width: 44px; height: 44px; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
.site-header .nav-toggle span,.site-header .nav-toggle span::before,.site-header .nav-toggle span::after{ content: ''; display: block; width: 20px; height: 2px; background: var(--pine-deep); position: relative; transition: transform .2s; }
.site-header .nav-toggle span::before{ position: absolute; top: -6px; }
.site-header .nav-toggle span::after{ position: absolute; top: 6px; }
@media (min-width: 880px){.site-header .main-nav{ display: flex; gap: 6px; position: static; padding: 0; border: none; background: none; }
.site-header .main-nav a{ border-bottom: none !important; }
.site-header .nav-toggle{ display: none; }
}
.site-header{--paper:#fffdfb;--paper-dim:#f6f2ed;--ink:#172b44;--ink-soft:#526070;--pine:#19374c;--pine-deep:#102640;--sage:#537966;--sage-pale:#eef4f0;--honey:#b77b69;--honey-deep:#915c4d;--line:#dce1df;--max:1240px;--mint:#edf4f0;--coral:#fbefeb;--blue:#edf4fb}
.site-header .wrap{padding-inline:28px}
.site-header{background:rgba(255,253,251,.96);border-color:#e5e7e5;backdrop-filter:blur(12px)}
.site-header .wrap{height:92px;max-width:1440px}
.site-header .brand{display:flex;align-items:center;gap:13px;flex-shrink:0;font-family:'Pretendard',sans-serif;font-size:23px;font-weight:500;letter-spacing:-.035em}
.site-header .brand img{width:45px;height:48px;object-fit:contain}
.site-header .brand .brand-words{display:block;font:inherit;color:var(--ink);letter-spacing:inherit}
.site-header .brand small{display:block;font-size:12px;line-height:1.8;letter-spacing:.07em;color:#617080}
.site-header .main-nav{gap:4px}
.site-header .main-nav a{font-size:15px;font-weight:400;padding:10px 13px;border-radius:0}
.site-header .main-nav a.active{background:none;color:var(--ink);box-shadow:0 1px 0 var(--ink)}
.site-header .main-nav a:hover{background:transparent;color:#688779}
.site-header .main-nav a[href="reservation.html"]{border:1px solid #b5c3be;padding:9px 20px;margin-left:10px}
.site-header .nav-toggle{border:0;border-radius:0}
.site-header .main-nav.open{top:92px;background:#fffdfb}
.site-header .main-nav.open a{margin:0}
@media(min-width:880px){.site-header .main-nav.open{position:static;flex-direction:row;padding:0;background:transparent;border:0}
.site-header .main-nav.open a{padding:10px 13px;font-size:15px}
.site-header .main-nav.open a[href="reservation.html"]{border:1px solid #b5c3be!important;padding:9px 20px;margin-left:10px}
}
@media(max-width:1100px){.site-header .brand{font-size:20px;gap:10px}
.site-header .brand img{width:38px;height:42px}
.site-header .brand small{font-size:12px}
.site-header .main-nav a{padding:10px 8px}
.site-header .main-nav{gap:0}
}
@media(max-width:879px){.site-header .wrap{height:76px}
.site-header .main-nav.open{top:76px;padding:14px 28px 22px}
.site-header .brand{font-size:21px}
.site-header .brand small{font-size:12px}
.site-header .main-nav.open a[href="reservation.html"]{border:0;border-bottom:1px solid var(--line);padding:14px 4px}
}
@media(max-width:620px){.site-header .wrap{padding-inline:22px}
.site-header .wrap{height:72px}
.site-header .main-nav.open{top:72px}
.site-header .brand{font-size:20px;gap:10px}
.site-header .brand img{width:35px;height:39px}
.site-header .brand small{font-size:12px;letter-spacing:.035em}
}
@media(max-width:350px){.site-header .brand{font-size:18px}
.site-header .brand small{font-size:12px}
.site-header .brand img{width:29px}
}
@media (min-width:621px) and (max-width:1023px){.site-header .wrap{height:76px}
.site-header .main-nav{display:none}
.site-header .nav-toggle{display:flex}
.site-header .main-nav.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;padding:14px 28px 22px;background:#fffdfb;border-bottom:1px solid var(--line)}
.site-header .main-nav.open a{font-size:1rem;padding:14px 4px;border-bottom:1px solid var(--line)!important}
.site-header .main-nav.open a[href="reservation.html"]{margin-left:0;border:0!important;border-bottom:1px solid var(--line)!important;padding:14px 4px}
}
@media (max-width:620px){.site-header .brand small{display:none}
.site-header .brand{letter-spacing:-.05em}
}
.site-header .brand small{color:#526070}
.site-header .main-nav a:hover{color:#456b57}

body.admin-bar .site-header{top:32px}@media(max-width:782px){body.admin-bar .site-header{top:46px}}@media(max-width:600px){body.admin-bar .site-header{top:0}}