/* 메인 페이지 헤더 전용 스타일 */

body.home-page .top-strip[data-shared-header][data-fdc-static-shell='home']::before,
body.home-page .top-strip[data-shared-header][data-fdc-static-shell='home']::after {
  content: none !important;
  display: none !important;
}

body.home-page .top-strip[data-shared-header][data-fdc-static-shell='home'] .fdc-shell-utility-cluster {
  justify-content: flex-end !important;
  min-width: 206px !important;
}

html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'],
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] {
  background: transparent !important;
  box-shadow: none !important;
}

html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger,
html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-icon,
html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-icon svg,
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger,
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-icon,
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-icon svg {
  color: rgba(255, 255, 255, 0.96) !important;
  stroke: rgba(255, 255, 255, 0.96) !important;
}

html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:hover,
html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:active,
html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger.active,
html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger[aria-expanded='true'],
html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .global-dropdown.is-open > .fdc-shell-primary-menu-trigger,
html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .global-dropdown.is-open > .fdc-shell-header-summary,
html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown > summary.active,
html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown > summary[aria-expanded='true'],
html body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:focus-visible,
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:hover,
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:active,
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger.active,
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger[aria-expanded='true'],
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .global-dropdown.is-open > .fdc-shell-primary-menu-trigger,
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .global-dropdown.is-open > .fdc-shell-header-summary,
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown > summary.active,
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown > summary[aria-expanded='true'],
html body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:focus-visible {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #ffffff !important;
}

@media (min-width: 721px) {
  body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-brand-logo,
  body.home-page .fixed-brand-bar[data-shared-header] .logo-text,
  body.home-page .fixed-brand-bar[data-shared-header] .fixed-brand,
  body.home-page .top-strip[data-shared-header] .fdc-shell-brand-logo,
  body.home-page .top-strip[data-shared-header] .logo-text,
  body.home-page .top-strip[data-shared-header] .fixed-brand {
    color: rgba(244, 247, 255, 0.96) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    line-height: 0 !important;
    font-size: 0 !important;
  }

  body.home-page .fixed-brand-bar[data-shared-header]:empty::before,
  body.home-page .top-strip[data-shared-header]:empty::before {
    position: fixed !important;
    left: 16px !important;
    top: 8px !important;
    width: min(50vw, 228px) !important;
    height: 44px !important;
    transform: none !important;
    background-position: left center !important;
    background-size: contain !important;
  }

  body.home-page .fixed-brand-bar[data-shared-header]:empty::after,
  body.home-page .top-strip[data-shared-header]:empty::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
  }

  body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-header-actions .fdc-shell-header-btn,
  body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-header-actions .global-dropdown summary,
  body.home-page .top-strip[data-shared-header] .fdc-shell-header-actions .fdc-shell-header-btn,
  body.home-page .top-strip[data-shared-header] .fdc-shell-header-actions .global-dropdown summary {
    border: 1px solid var(--home-main-panel-border) !important;
    background: var(--home-main-panel-surface) !important;
    box-shadow: var(--home-main-panel-shadow) !important;
    backdrop-filter: blur(20px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.08) !important;
    color: rgba(244, 247, 255, 0.96) !important;
  }

  body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-header-actions .fdc-shell-header-btn:hover,
  body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-header-actions .global-dropdown summary:hover,
  body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-header-actions .fdc-shell-header-btn:focus-visible,
  body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-header-actions .global-dropdown summary:focus-visible,
  body.home-page .top-strip[data-shared-header] .fdc-shell-header-actions .fdc-shell-header-btn:hover,
  body.home-page .top-strip[data-shared-header] .fdc-shell-header-actions .global-dropdown summary:hover,
  body.home-page .top-strip[data-shared-header] .fdc-shell-header-actions .fdc-shell-header-btn:focus-visible,
  body.home-page .top-strip[data-shared-header] .fdc-shell-header-actions .global-dropdown summary:focus-visible {
    border-color: var(--home-main-panel-border-strong) !important;
    background: var(--home-main-panel-surface) !important;
    color: #ffffff !important;
  }
}

@media (max-width: 720px) {
  html body.home-page .fixed-brand-bar[data-shared-header],
  html body.home-page .top-strip[data-shared-header] {
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 4px 12px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.home-page .fixed-brand-bar[data-shared-header]::before,
  html body.home-page .top-strip[data-shared-header]::before {
    content: none !important;
    display: none !important;
  }

  html body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-brand-logo,
  html body.home-page .fixed-brand-bar[data-shared-header] .logo-text,
  html body.home-page .fixed-brand-bar[data-shared-header] .fixed-brand,
  html body.home-page .top-strip[data-shared-header] .fdc-shell-brand-logo,
  html body.home-page .top-strip[data-shared-header] .logo-text,
  html body.home-page .top-strip[data-shared-header] .fixed-brand {
    position: absolute !important;
    top: 8px !important;
    left: 16px !important;
    margin: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    width: min(50vw, 228px) !important;
  }

  html body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-brand-logo-image,
  html body.home-page .top-strip[data-shared-header] .fdc-shell-brand-logo-image {
    display: block !important;
    height: 28px !important;
    max-width: min(50vw, 228px) !important;
    line-height: 0 !important;
    transform: none !important;
  }

  html:not([data-home-mobile-header-ready='true']) body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-header-actions,
  html:not([data-home-mobile-header-ready='true']) body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-utility-cluster,
  html:not([data-home-mobile-header-ready='true']) body.home-page .top-strip[data-shared-header] .fdc-shell-header-actions,
  html:not([data-home-mobile-header-ready='true']) body.home-page .top-strip[data-shared-header] .fdc-shell-utility-cluster {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.home-page .fixed-brand-bar[data-shared-header] .fdc-shell-utility-cluster,
  body.home-page .top-strip[data-shared-header] .fdc-shell-utility-cluster {
    position: fixed !important;
    top: 12px !important;
    right: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-height: 44px !important;
    margin: 0 !important;
    z-index: 72 !important;
  }

  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions {
    position: fixed !important;
    top: 8px !important;
    right: 16px !important;
    margin-left: 0 !important;
    padding: 0 !important;
    width: 44px !important;
    height: 44px !important;
    border: none !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 72 !important;
  }

  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown {
    width: 44px !important;
    height: 44px !important;
  }

  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown > summary,
  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown > summary,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border: none !important;
    border-radius: 999px !important;
    background: rgba(9, 19, 54, 0.62) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:hover,
  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:active,
  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger.active,
  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger[aria-expanded='true'],
  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .global-dropdown.is-open > .fdc-shell-primary-menu-trigger,
  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .global-dropdown.is-open > .fdc-shell-header-summary,
  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown > summary.active,
  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown > summary[aria-expanded='true'],
  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:focus-visible,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:hover,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:active,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger.active,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger[aria-expanded='true'],
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .global-dropdown.is-open > .fdc-shell-primary-menu-trigger,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .global-dropdown.is-open > .fdc-shell-header-summary,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown > summary.active,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-header-actions > .global-dropdown > summary[aria-expanded='true'],
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-primary-menu-trigger:focus-visible {
    border-color: transparent !important;
    background: rgba(9, 19, 54, 0.82) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #ffffff !important;
  }

  body.home-page .fixed-brand-bar[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-utility-cluster,
  body.home-page .top-strip[data-shared-header][data-fdc-primary-mode='compact'] .fdc-shell-utility-cluster {
    display: none !important;
  }
}
