@charset "utf-8";

.app-header { backdrop-filter: blur(4px); background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(18, 18, 18, 0.81)); border-bottom: 1px solid rgb(28, 28, 28); left: 0px; position: fixed; top: 0px; width: 100%; z-index: 11; }

.app-header:not(.home) .nav-container { flex-wrap: wrap; }

.app-header:not(.home) .nav-container .gnb-container { order: 3; width: 100%; }

.app-header > * { padding: 0px 24px; }

.app-header .header-licneses { align-items: center; background-color: rgb(255, 255, 255); display: flex; gap: 8px; height: 32px; justify-content: center; }

.app-header .navigation-contents { position: relative; }

.app-header .util-container { display: none; }

.app-header .nav-container { align-items: center; display: flex; justify-content: space-between; min-height: 64px; }

.app-header .nav-container .action-container .btn-download, .app-header .nav-container .nav-gnb { display: none; }

.app-header .nav-container .logo-container { align-items: center; display: flex; height: 64px; }

.app-header .nav-container .action-container { margin-left: auto; }

.app-header .nav-container .action-container button { position: relative; z-index: 1; }

.app-header .nav-container .btn-download { padding: 0px; }

@media screen and (min-width: 1024px) {
  .app-header { display: block; }
  .app-header.home .nav-container, .app-header:not(.home) .nav-container { flex-wrap: nowrap; }
  .app-header.home .nav-container .gnb-container, .app-header:not(.home) .nav-container .gnb-container { order: 0; width: auto; }
  .app-header .util-container { align-items: center; display: flex; gap: 16px; justify-content: flex-end; margin-left: auto; position: relative; width: fit-content; z-index: 3; }
  .app-header .util-container .record-holder { display: none; }
  .app-header .nav-container { align-items: flex-start; display: flex; gap: 24px; justify-content: space-between; }
  .app-header .nav-container > * { flex: 0 0 auto; }
  .app-header .nav-container .app-nav-toggle { display: none; }
  .app-header .nav-container .logo-container { height: auto; inset-block-start: 12px; position: absolute; z-index: 2; }
  .app-header .nav-container .gnb-container { flex: 0 1 1200px; }
  .app-header .nav-container .nav-gnb { display: block; }
  .app-header .nav-container .action-container { align-items: center; display: flex; gap: 8px; height: 64px; }
  .app-header .nav-container .action-container .btn-download { display: inline-flex; height: 40px; width: 40px; }
  .app-header .nav-container .action-container .btn-download span { display: none; }
}

@media screen and (min-width: 1320px) {
  .app-header:has(.nav-sub) { padding-bottom: 42px; }
  [data-region-id="GGPNL"] .app-header .nav-container .gnb-container, [data-region-id="GGPUK"] .app-header .nav-container .gnb-container { margin-left: 212px; }
  .app-header > * { padding: 0px 40px; }
  .app-header .nav-container .logo-container { height: 61px; position: static; }
  .app-header .nav-container .gnb-container { left: 40px; margin-left: 170px; max-width: 1200px; position: absolute; right: 40px; top: 40px; width: 100%; }
}

@media screen and (min-width: 1440px) {
  .app-header .nav-container .action-container { gap: 16px; }
  .app-header .nav-container .action-container .btn-download { padding: 0px 32px; width: auto; }
  .app-header .nav-container .action-container .btn-download span { display: block; }
}

@media screen and (min-width: 1628px) {
  .app-header .nav-container .gnb-container { margin: 0px auto; }
}

@media screen and (min-width: 1706px) {
  [data-region-id="GGPNL"] .app-header .nav-container .gnb-container, [data-region-id="GGPUK"] .app-header .nav-container .gnb-container { margin: 0px auto; }
}

.client-nav-1 .app-header { padding-bottom: 0px; }

.client-nav-1 .app-header .action-container .btn-download, .client-nav-1 .app-header .app-nav-toggle, .client-nav-1 .app-header .nav-gnb, .client-nav-1 .app-header .nav-sub, .client-nav-1 .app-header .record-holder, .client-nav-1 .app-header .util-container { display: none; }

.client-nav-logo .app-header { padding-bottom: 0px; }

.client-nav-all .app-header, .client-nav-logo .app-header .action-container .btn-download, .client-nav-logo .app-header .app-nav-toggle, .client-nav-logo .app-header .gnb-container, .client-nav-logo .app-header .logo-container, .client-nav-logo .app-header .record-holder, .client-nav-logo .app-header .util-container { display: none; }