.center-site-header,.mock-entry-page .center-site-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;height:auto;min-height:78px;padding:12px 5vw;background:#092a49;color:#fff}
.center-brand-pair{display:flex;align-items:center;gap:20px;min-width:0;flex:0 1 auto}
.center-brand-pair>a{display:flex;align-items:center;flex:0 0 auto;min-height:44px;border-radius:6px;color:#fff;text-decoration:none;cursor:pointer}
.center-brand-pair>a:hover{opacity:.85}
.center-brand-pair>a:focus-visible{outline:3px solid #c6a563;outline-offset:5px}
.center-association-link img{display:block;width:228px;height:auto;max-width:none}
.center-brand-divider{display:block;flex:0 0 1px;width:1px;height:34px;background:#ffffff45}
.center-brand-pair .center-home-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-family:"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif;white-space:nowrap}
.center-home-link strong{display:block;font-size:21px;font-weight:700;line-height:1.2;letter-spacing:-.045em;color:#fff}
.center-home-link small{display:block;margin-top:3px;font-family:Arial,sans-serif;font-size:10px;line-height:1.1;letter-spacing:0;color:#fff;opacity:.9}
.center-site-header .header-page-label{margin-left:auto;font-size:14px;font-weight:600;color:#c6d8e3}
.center-site-header>.rounds-back,.center-site-header>.small-button,.center-site-header>#logout-button{flex:0 0 auto;margin-left:auto}
.center-site-header>.small-button{padding:10px 14px;border:1px solid #ffffff60;border-radius:10px;background:transparent;color:#fff;text-decoration:none;white-space:nowrap}
@media(max-width:700px){.center-site-header,.mock-entry-page .center-site-header{padding:10px 14px;gap:10px 14px;min-height:68px}.center-brand-pair{gap:12px}.center-association-link img{width:clamp(146px,40vw,180px)}.center-brand-divider{height:29px}.center-home-link strong{font-size:17px}.center-home-link small{font-size:8px}.center-site-header .header-page-label{display:none}.center-site-header>.rounds-back,.center-site-header>.small-button,.center-site-header>#logout-button{font-size:13px;padding:8px 11px;min-height:40px}}
@media(max-width:350px){.center-brand-pair{gap:9px}.center-home-link strong{font-size:16px}.center-home-link small{font-size:7.5px}}

/* Header navigation: original association symbol and center home, separate association destination. */
.center-brand-pair .center-brand-home{flex-direction:row;align-items:center;gap:12px;white-space:nowrap}
.center-logo-mark{display:block;flex:0 0 62px;width:62px;height:48px;overflow:hidden}
.center-logo-mark img{display:block;width:auto;height:48px;max-width:none}
.center-brand-title{display:block}
.center-site-header>.center-association-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;box-sizing:border-box;border:1px solid #f5eddd;border-radius:999px;background:#f5eddd;color:#092a49;font:inherit;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;white-space:nowrap}
.center-site-header>.center-association-button:hover{background:#fff9ee;border-color:#fff9ee}
.center-site-header>.center-association-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.center-site-header>#logout-button{margin-left:auto}
.center-site-header>.center-association-button{margin-left:0}
@media(max-width:600px){.center-site-header .center-brand-pair{flex:1 0 100%}.center-brand-pair .center-brand-home{gap:10px}.center-site-header>.center-association-button{font-size:13px;padding:9px 13px}.center-site-header>.rounds-back,.center-site-header>.small-button{margin-left:auto}}

/* Keep both names in the same center-home link; stack the names at narrow widths. */
.center-brand-copy{display:flex;align-items:center;gap:18px}
.center-association-name{display:block;font-family:"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif;font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.045em;color:#fff;white-space:nowrap}
@media(max-width:700px){.center-brand-copy{flex-direction:column;align-items:flex-start;gap:4px}.center-association-name{font-size:17px}.center-brand-copy .center-brand-title strong{font-size:15px}.center-brand-copy .center-brand-title small{font-size:8px}}

/* Mobile keeps both center names and logout; the association destination stays on desktop. */
@media(max-width:700px){
 .center-site-header>.center-association-button{display:none}
 .center-site-header .center-brand-pair{flex:1 1 auto;max-width:100%}
 .center-brand-pair>.center-brand-home{flex:0 1 auto;min-width:0;max-width:100%;white-space:normal}
 .center-brand-copy{min-width:0}
 .center-association-name{white-space:normal;overflow-wrap:anywhere}
}

/* Desktop keeps the symbol and center title; mobile keeps both names. */
@media(min-width:701px){.center-association-name{display:none}}
/* Reserve the real button's geometry without exposing an unauthenticated action. */
.center-site-header>#logout-button.hidden{display:block!important;visibility:hidden;pointer-events:none}

/* Balance the English subtitle against the readable Korean title without glyph scaling. */
.center-brand-title{display:inline-grid;grid-template-columns:minmax(0,max-content);max-width:100%}
.center-brand-title>small{box-sizing:border-box;width:0;min-width:100%;font-size:11.5px;letter-spacing:0;text-align:justify;text-align-last:justify;white-space:normal}
@media(max-width:700px){.center-brand-copy .center-brand-title>small{font-size:8.3px}}