/* Main navigation dropdowns. */
.site-header #nav{align-self:stretch;align-items:stretch;gap:0}.nav-item{position:relative;display:flex;align-items:stretch;justify-content:center;min-width:0;flex:1}.nav-main-row{display:flex;align-items:center;justify-content:center;min-width:0}.site-header #nav .nav-link{display:flex;align-items:center;padding:0 12px;height:80px;font-size:16px;white-space:nowrap}.site-header #nav .nav-link::after{bottom:16px}.nav-expand{display:flex;align-items:center;justify-content:center;width:22px;height:34px;padding:0;margin:0 3px 0 -7px;border:0;background:transparent;color:#7b8b95;cursor:pointer}.nav-expand svg{width:12px;height:12px;transition:transform .2s}.nav-expand[aria-expanded=true] svg{transform:rotate(180deg)}.nav-submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:220px;max-height:calc(100dvh - 110px);overflow-y:auto;background:white;border:1px solid #e2e8eb;border-top:3px solid #b99a57;box-shadow:0 10px 28px #102f4324;padding:10px 0;z-index:40}.site-header #nav .nav-submenu a{display:block;position:static;padding:11px 18px;min-height:42px;font-size:13px;font-weight:400;line-height:1.6;color:#344b5a;white-space:normal;border:0}.site-header #nav .nav-submenu a::after{display:none}.site-header #nav .nav-submenu a:hover,.site-header #nav .nav-submenu a:focus-visible{background:#f0f5f7;color:#174d70}.nav-expand:focus-visible{outline:2px solid #b99a57;outline-offset:2px}.nav-item.is-open .nav-link{color:#174d70!important}.nav-item:last-child>.nav-submenu{left:auto;right:0;transform:none}
@media(max-width:1100px){.site-header #nav .nav-link{font-size:14px;padding:0 9px}.nav-expand{width:18px;margin-left:-5px}.nav-submenu{width:205px}}
@media(max-width:760px){.site-header #nav{display:none;align-self:auto;gap:0;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 16px}.site-header #nav.open{display:flex}.nav-item{display:block;flex:none;width:100%}.nav-main-row{justify-content:space-between;border-bottom:1px solid #e4e9ed}.site-header #nav .nav-link{height:auto;min-height:48px;flex:1;justify-content:flex-start;padding:12px 0;font-size:15px;border:0}.nav-expand{width:44px;height:44px;margin:0}.nav-expand svg{width:15px;height:15px}.nav-submenu,.nav-item:last-child>.nav-submenu{position:static;transform:none;width:100%;max-height:none;border:0;box-shadow:none;padding:6px 0;background:#f5f8fa}.site-header #nav .nav-submenu a{padding:11px 16px;min-height:44px;font-size:13px}.site-header #nav .nav-submenu a:hover{background:#e9f1f5}}

/* Compact account shortcuts alongside the main navigation. */
.site-header{column-gap:12px}.header-photo-manager{border-left:1px solid #eee}.header-admin:focus-visible{outline:2px solid #174d70;outline-offset:-4px}.header-admin:hover{background:#f4f7f9;color:#174d70}.header-photo-manager span{display:flex}
@media(min-width:761px) and (max-width:1000px){.site-header{padding-inline:16px;column-gap:8px}.site-header #nav .nav-link{font-size:13px;padding-inline:6px}.site-header .header-admin{width:50px}.site-header .brand{gap:7px}.site-header .brand small{font-size:6px;letter-spacing:.5px}}
@media(max-width:760px){.site-header{column-gap:8px}.site-header .header-admin:not(.header-photo-manager){margin-left:auto}.site-header .header-photo-manager{margin-left:0}.site-header .header-admin{width:44px}.header-photo-manager svg{width:20px;height:20px}}
@media(max-width:360px){.site-header{padding-inline:12px;column-gap:5px}.site-header .header-admin{width:38px}.site-header .brand{gap:6px}.site-header .brand small{letter-spacing:.2px}}

.site-header .header-photo-manager[hidden]{display:none!important}
.site-header .header-admin[hidden],.site-header .header-session-status[hidden]{display:none!important}
.site-header .header-logout{padding:0;border:0;border-left:1px solid #eee;background:transparent;font-family:inherit;cursor:pointer;color:#174d70;font-weight:700}
.site-header .header-logout:hover{background:#f4f7f9}.site-header .header-logout:disabled{cursor:wait;opacity:.6}
.header-session-status{position:absolute;right:16px;top:100%;z-index:45;max-width:min(360px,calc(100vw - 32px));margin:8px 0 0;padding:12px 16px;border:1px solid #d7a6a6;border-radius:6px;background:#fff;color:#9e2929;font-size:13px;line-height:1.6;box-shadow:0 4px 16px #102f4324}

/* Balance the Korean and English names as one centered logo block. */
.site-header .brand{gap:10px;align-items:center}
.site-header .brand>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:128px;font-size:26px;font-weight:800;line-height:1.15;letter-spacing:2px;text-align:center;white-space:nowrap}
.site-header .brand small{display:block;margin-top:6px;font-size:7px;font-weight:700;line-height:1.3;letter-spacing:.35px;white-space:nowrap}
@media(max-width:1100px){.site-header .brand>span{width:116px;font-size:24px;letter-spacing:1.5px}.site-header .brand small{font-size:6.5px;letter-spacing:.25px}}
@media(max-width:760px){.site-header .brand{gap:8px}.site-header .brand>span{width:104px;font-size:22px;letter-spacing:1px}.site-header .brand small{margin-top:5px;font-size:5.8px;letter-spacing:.2px}}
@media(max-width:360px){.site-header .brand{gap:6px}.site-header .brand>span{width:96px;font-size:20px}.site-header .brand small{font-size:5.4px;letter-spacing:.15px}}
