/* Long event names must wrap before the current-page label or navigation is squeezed. */
html body.user-site-page .wrapper_cont #header .wrapper { flex-wrap: wrap !important; gap: 16px 24px !important; }
html body.user-site-page .wrapper_cont #header .logo { flex: 1 1 28rem !important; min-width: 0 !important; max-width: 100% !important; }
html body.user-site-page .wrapper_cont #header .logo a { display: flex !important; width: 100%; min-width: 0; max-width: 100%; }
html body.user-site-page .wrapper_cont #header .logo .user-brand-copy { display: flex !important; flex-direction: column; align-items: flex-start !important; gap: 8px !important; width: 100%; min-width: 0; }
html body.user-site-page .wrapper_cont #header .logo .user-brand-title { white-space: normal !important; line-height: 1.25 !important; word-break: keep-all; overflow-wrap: anywhere; max-width: 100%; }
html body.user-site-page .wrapper_cont #header .logo .user-brand-full-title { max-width: 100% !important; line-height: 1.5 !important; word-break: keep-all; overflow-wrap: anywhere; }
html body.user-site-page .wrapper_cont #header .logo .user-brand-full-title[hidden] { display: none !important; }
html body.user-site-page .wrapper_cont #header .user-current-page { flex: 0 1 auto; min-width: 0; max-width: 100%; flex-wrap: wrap; white-space: normal !important; }
html body.user-site-page .wrapper_cont #header .user-gnb { max-width: 100%; }
html body.user-site-page .wrapper_cont #header .user-gnb .gnb-list { flex-wrap: wrap !important; }
@media (max-width: 991px) {
	html body.user-site-page .wrapper_cont #header .logo { flex-basis: 100% !important; }
	html body.user-site-page .wrapper_cont #header .logo .user-brand-copy { align-items: center !important; text-align: center; }
	html body.user-site-page .wrapper_cont #header .logo .user-brand-title { font-size: clamp(24px, 5vw, 34px) !important; }
}