.reskin-header { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; max-width: none; height: 96px; margin: 0; font-family: 'Pretendard Variable', Pretendard, system-ui, sans-serif; color: var(--white-color); transition: background-color 0.15s ease, box-shadow 0.15s ease; }
body.reskin-mobile-lock { overflow: hidden; touch-action: none; }
body.reskin-sub-header-fixed { padding-top: 96px; }
.reskin-header.is-sub-page { position: relative; background: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); color: #000; }
.reskin-header.is-sub-page.is-scrolled { position: fixed; background: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); color: #000; }
.reskin-header.is-scrolled, .reskin-header.is-gnb-open { background: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); color: #000; }
.reskin-header * { box-sizing: border-box; }
.reskin-header ul { margin: 0; padding: 0; list-style: none; }
.reskin-header a { color: inherit; text-decoration: none; }
.reskin-header button { padding: 0; border: 0; margin: 0; font: inherit; color: inherit; background: transparent; cursor: pointer; }
.reskin-header .reskin-header-inner { position: relative; display: flex; align-items: center; justify-content: space-between; width: min(1400px, calc(100% - 48px)); height: 100%; margin: 0 auto; }
.reskin-header .reskin-header-inner .reskin-header-logo { flex: 0 0 160px; width: 160px; height: 46px; margin: 0; padding: 0; }
.reskin-header .reskin-header-inner .reskin-header-logo a { position: relative; display: block; width: 100%; height: 100%; }
.reskin-header .reskin-header-inner .reskin-header-logo a img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; transition: opacity 0.15s ease; }
.reskin-header .reskin-header-inner .reskin-header-logo a .reskin-header-logo-white { opacity: 1; }
.reskin-header .reskin-header-inner .reskin-header-logo a .reskin-header-logo-color { opacity: 0; }
.reskin-header.is-sub-page .reskin-header-inner .reskin-header-logo a .reskin-header-logo-white { opacity: 0; }
.reskin-header.is-sub-page .reskin-header-inner .reskin-header-logo a .reskin-header-logo-color { opacity: 1; }
.reskin-header.is-scrolled .reskin-header-inner .reskin-header-logo a .reskin-header-logo-white, .reskin-header.is-gnb-open .reskin-header-inner .reskin-header-logo a .reskin-header-logo-white { opacity: 0; }
.reskin-header.is-scrolled .reskin-header-inner .reskin-header-logo a .reskin-header-logo-color, .reskin-header.is-gnb-open .reskin-header-inner .reskin-header-logo a .reskin-header-logo-color { opacity: 1; }
.reskin-header .reskin-header-inner .reskin-header-nav { position: absolute; top: 0; left: 50%; height: 96px; transform: translateX(-50%); }
.reskin-header .reskin-header-inner .reskin-header-nav .reskin-header-menu { display: flex; align-items: center; height: 100%; }
.reskin-header .reskin-header-inner .reskin-header-nav .reskin-header-menu li { width: 140px; height: 96px; }
.reskin-header .reskin-header-inner .reskin-header-nav .reskin-header-menu li a { position: relative; display: flex; align-items: center; justify-content: center; height: 96px; font-size: var(--font-size-18); font-weight: var(--font-weight-700); line-height: var(--line-height-150); color: var(--white-color); letter-spacing: 0; transition: color 0.15s ease, transform 0.15s ease, opacity 0.15s ease; }
.reskin-header .reskin-header-inner .reskin-header-nav .reskin-header-menu li a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: var(--primary-color); opacity: 0; transform: scaleX(0); transform-origin: center; transition: opacity 0.15s ease, transform 0.15s ease; }
.reskin-header .reskin-header-inner .reskin-header-nav .reskin-header-menu li a:focus:after { opacity: 1; transform: scaleX(1); }
.reskin-header.is-sub-page .reskin-header-inner .reskin-header-nav .reskin-header-menu li a, .reskin-header.is-scrolled .reskin-header-inner .reskin-header-nav .reskin-header-menu li a, .reskin-header.is-gnb-open .reskin-header-inner .reskin-header-nav .reskin-header-menu li a { color: #000; }
.reskin-header .reskin-header-inner .reskin-header-auth { display: flex; align-items: center; gap: 12px; font-size: var(--font-size-14); font-weight: var(--font-weight-600); color: var(--white-color); transition: color 0.15s ease; }
.reskin-header.is-sub-page .reskin-header-inner .reskin-header-auth, .reskin-header.is-scrolled .reskin-header-inner .reskin-header-auth, .reskin-header.is-gnb-open .reskin-header-inner .reskin-header-auth { color: #616161; }
.reskin-header .reskin-header-inner .reskin-header-auth a { transition: color 0.15s ease; }
.reskin-header .reskin-header-inner .reskin-header-auth a:focus { color: var(--primary-color); }
.reskin-header .reskin-header-inner .reskin-header-auth span[aria-hidden="true"] { width: 1px; height: 13px; background: rgba(255, 255, 255, 0.5); transition: background-color 0.15s ease; }
.reskin-header.is-sub-page .reskin-header-inner .reskin-header-auth span[aria-hidden="true"], .reskin-header.is-scrolled .reskin-header-inner .reskin-header-auth span[aria-hidden="true"], .reskin-header.is-gnb-open .reskin-header-inner .reskin-header-auth span[aria-hidden="true"] { background: #c5c5c5; }
.reskin-header .reskin-header-inner .reskin-header-auth form { display: inline-flex; }
.reskin-header .reskin-header-inner .reskin-header-auth form button { font-size: var(--font-size-14); font-weight: var(--font-weight-600); color: var(--white-color); transition: color 0.15s ease; }
.reskin-header.is-sub-page .reskin-header-inner .reskin-header-auth form button, .reskin-header.is-scrolled .reskin-header-inner .reskin-header-auth form button, .reskin-header.is-gnb-open .reskin-header-inner .reskin-header-auth form button { color: #616161; }
.reskin-header .reskin-header-inner .reskin-header-auth form button:focus { color: var(--primary-color); }
.reskin-header .reskin-header-inner .reskin-header-auth .reskin-header-welcome { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reskin-header .reskin-header-inner .reskin-header-toggle { display: none; position: relative; width: 32px; height: 32px; }
.reskin-header .reskin-header-inner .reskin-header-toggle span:not(.sr-only) { position: absolute; left: 4px; width: 24px; height: 2px; background: var(--white-color); transition: transform 0.2s ease, opacity 0.2s ease; }
.reskin-header.is-sub-page .reskin-header-inner .reskin-header-toggle span:not(.sr-only), .reskin-header.is-scrolled .reskin-header-inner .reskin-header-toggle span:not(.sr-only), .reskin-header.is-gnb-open .reskin-header-inner .reskin-header-toggle span:not(.sr-only) { background: #000; }
.reskin-header .reskin-header-inner .reskin-header-toggle span:nth-child(2) { top: 8px; }
.reskin-header .reskin-header-inner .reskin-header-toggle span:nth-child(3) { top: 15px; }
.reskin-header .reskin-header-inner .reskin-header-toggle span:nth-child(4) { top: 22px; }
.reskin-header .reskin-header-mobile { display: none; }
.reskin-header .reskin-header-gnb { position: fixed; top: 96px; left: 0; display: flex; justify-content: center; width: 100%; height: 0; overflow: hidden; background: rgba(255, 255, 255, 0.85); transition: height 0.4s ease-in-out; }
.reskin-header.is-gnb-open .reskin-header-gnb { height: 274px; }
.reskin-header .reskin-header-gnb .reskin-header-gnb-inner { display: flex; align-items: stretch; justify-content: center; width: 840px; height: 274px; margin: 0 auto; }
.reskin-header .reskin-header-gnb .reskin-header-gnb-inner .reskin-header-gnb-column { display: flex; flex-direction: column; align-items: center; width: 140px; height: 274px; padding: 20px 24px; }
.reskin-header .reskin-header-gnb .reskin-header-gnb-inner .reskin-header-gnb-column a { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0 10px 16px; font-size: var(--font-size-15); font-weight: var(--font-weight-400); line-height: var(--line-height-150); color: #000; text-align: center; white-space: nowrap; transition: color 0.15s ease, transform 0.15s ease, opacity 0.15s ease; }
.reskin-header .reskin-header-gnb .reskin-header-gnb-inner .reskin-header-gnb-column a:focus { color: var(--primary-color); transform: translateY(-1px); }
.reskin-header.is-open .reskin-header-inner .reskin-header-toggle span:nth-child(2) { top: 15px; transform: rotate(45deg); }
.reskin-header.is-open .reskin-header-inner .reskin-header-toggle span:nth-child(3) { opacity: 0; }
.reskin-header.is-open .reskin-header-inner .reskin-header-toggle span:nth-child(4) { top: 15px; transform: rotate(-45deg); }
@media (max-width: 1024px) {
	.reskin-header .reskin-header-inner { width: min(100% - 40px, 960px); }
	.reskin-header .reskin-header-inner .reskin-header-nav { display: none; }
	.reskin-header .reskin-header-inner .reskin-header-auth { display: none; }
	.reskin-header .reskin-header-inner .reskin-header-toggle { display: block; }
	.reskin-header .reskin-header-gnb { display: none; }
	.reskin-header .reskin-header-mobile { position: fixed; top: 96px; left: 0; display: block; width: 100%; height: calc(100vh - 96px); padding: 32px 24px 40px; overflow-y: auto; visibility: hidden; background: rgba(0, 0, 0, 0.86); opacity: 0; transform: translateY(-12px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; }
	.reskin-header.is-open .reskin-header-mobile { visibility: visible; opacity: 1; transform: translateY(0); }
	.reskin-header .reskin-header-mobile nav:not(.reskin-header-mobile-nav) { display: none; }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu > li + li { border-top: 1px solid rgba(255, 255, 255, 0.14); }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu > li > a { display: block; padding: 18px 0; font-size: var(--font-size-28); font-weight: var(--font-weight-700); line-height: var(--line-height-130); color: var(--white-color); }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-row > a { display: block; flex: 1 1 auto; min-width: 0; padding: 18px 0; font-size: var(--font-size-28); font-weight: var(--font-weight-700); line-height: var(--line-height-130); color: var(--white-color); }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-row .reskin-header-mobile-depth-toggle { position: relative; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 999px; }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-row .reskin-header-mobile-depth-toggle:before, .reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-row .reskin-header-mobile-depth-toggle:after { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; border-radius: 999px; background: #fff; transform: translate(-50%, -50%); transition: transform 0.2s ease, opacity 0.2s ease; }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-row .reskin-header-mobile-depth-toggle:after { transform: translate(-50%, -50%) rotate(90deg); }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-item.is-active .reskin-header-mobile-row .reskin-header-mobile-depth-toggle:after { opacity: 0; transform: translate(-50%, -50%) rotate(0); }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-depth { max-height: 0; overflow: hidden; transition: max-height 0.28s ease; }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-item.is-active .reskin-header-mobile-depth { max-height: 320px; padding-bottom: 14px; }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-depth li a { display: block; padding: 8px 0 8px 16px; font-size: var(--font-size-16); font-weight: var(--font-weight-500); line-height: var(--line-height-150); color: rgba(255, 255, 255, 0.78); }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-auth { display: flex; align-items: center; gap: 14px; margin-top: 28px; font-size: var(--font-size-16); font-weight: var(--font-weight-600); color: rgba(255, 255, 255, 0.78); }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-auth form button { font-size: var(--font-size-16); font-weight: var(--font-weight-600); color: rgba(255, 255, 255, 0.78); }
}
@media (max-width: 640px) {
	.reskin-header { height: 72px; }
	body.reskin-sub-header-fixed { padding-top: 72px; }
	.reskin-header .reskin-header-inner { width: calc(100% - 32px); }
	.reskin-header .reskin-header-inner .reskin-header-logo { flex-basis: 128px; width: 128px; height: 37px; }
	.reskin-header .reskin-header-mobile { top: 72px; height: calc(100vh - 72px); }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu > li > a { font-size: var(--font-size-20); }
	.reskin-header .reskin-header-mobile .reskin-header-mobile-nav .reskin-header-mobile-menu .reskin-header-mobile-row > a { font-size: var(--font-size-20); }
}
@media (hover: hover) and (pointer: fine) {
	.reskin-header .reskin-header-inner .reskin-header-nav .reskin-header-menu li:hover a:after { opacity: 1; transform: scaleX(1); }
	.reskin-header .reskin-header-inner .reskin-header-auth a:hover { color: var(--primary-color); }
	.reskin-header .reskin-header-inner .reskin-header-auth form button:hover { color: var(--primary-color); }
	.reskin-header .reskin-header-gnb .reskin-header-gnb-inner .reskin-header-gnb-column a:hover { color: var(--primary-color); transform: translateY(-1px); }
}