:root {
  --pvn-color-semantic-static-white: #ffffff;
  --pvn-color-semantic-primary-normal: #5d52ff;
  --pvn-color-semantic-primary-light: color-mix(in srgb, #5d52ff 10%, transparent);
  --pvn-color-semantic-label-normal: #27272e;
  --pvn-color-semantic-label-neutral: #3f3e42;
  --pvn-color-semantic-label-alternative: #66666b;
  --pvn-color-semantic-label-assistive: #adadb2;
  --pvn-color-semantic-fill-normal: #f6f6f7;
  --pvn-color-semantic-fill-alternative: #e7e7e8;
  --pvn-color-semantic-line-assistive: color-mix(in srgb, #7c7c82 8%, transparent);
  --pvn-color-semantic-accent-pink: #f62684;
  --pvn-color-atomic-violet-100: #d9d6ff;
}

.gnb {
  width: 100%;
  height: 56px;
  min-height: 56px;
  box-shadow: inset 0 -1px 0 0 var(--pvn-color-semantic-line-assistive);
  background-color: var(--pvn-color-semantic-static-white);
  box-sizing: border-box;
}
.gnb * {
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .gnb {
    height: 48px;
    min-height: 48px;
  }
}
.gnb > .inner {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  padding-left: 36px;
  padding-right: 36px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .gnb > .inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.gnb > .inner .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.leading {
  display: flex;
  align-items: center;
  gap: 48px;
  height: 100%;
}
@media (max-width: 1023px) {
  .leading {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .leading {
    gap: 12px;
  }
}

.brand-link {
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.brand-link .inner {
  display: inline-flex;
  position: relative;
}
.brand-link .inner img.symbol {
  display: none;
}
@media (max-width: 1023px) {
  .brand-link .inner img.symbol {
    display: inline-flex;
  }
}
.brand-link .inner img.full {
  display: inline-flex;
}
@media (max-width: 1023px) {
  .brand-link .inner img.full {
    display: none;
  }
}

.menu {
  display: flex;
  align-items: center;
  gap: 32px;
  height: 100%;
}
@media (max-width: 767px) {
  .menu {
    gap: 4px;
  }
}
.menu .menu-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  border-top: 1px solid transparent;
  color: var(--pvn-color-semantic-label-alternative);
  text-decoration: unset !important;
}
.menu .menu-link.active {
  color: var(--pvn-color-semantic-primary-normal);
  box-shadow: inset 0 -2px 0 0 var(--pvn-color-semantic-primary-normal);
}
@media (max-width: 767px) {
  .menu .menu-link.active .inner span {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
  }
}
.menu .menu-link .inner {
  display: inline-flex;
  position: relative;
  padding: 2px 4px;
  color: inherit;
}
.menu .menu-link .inner span {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}
@media (max-width: 767px) {
  .menu .menu-link .inner span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
  }
}

.trailing {
  display: inline-flex;
}
.trailing .guest-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.trailing .guest-actions.hide {
  display: none;
}
.trailing .guest-actions .login {
  background-color: var(--pvn-color-semantic-fill-normal);
  color: var(--pvn-color-semantic-label-normal);
}
.trailing .guest-actions .login:active {
  background-color: var(--pvn-color-semantic-fill-alternative);
}
.trailing .guest-actions .register {
  display: none;
  background-color: var(--pvn-color-semantic-primary-light);
  color: var(--pvn-color-semantic-primary-normal);
}
.trailing .guest-actions .register:active {
  background-color: var(--pvn-color-atomic-violet-100);
}
@media (min-width: 768px) {
  .trailing .guest-actions .register {
    display: inline-flex;
  }
}
.trailing .user-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.trailing .user-actions.hide {
  display: none;
}
.trailing .user-actions .profile {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.trailing .user-actions .profile .user-type {
  color: var(--pvn-color-semantic-label-assistive);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}
.trailing .user-actions .profile .real-name {
  color: var(--pvn-color-semantic-label-neutral);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}
.trailing .user-actions .my-page {
  background-color: var(--pvn-color-semantic-primary-light);
  color: var(--pvn-color-semantic-primary-normal);
}
.trailing .user-actions .my-page:active {
  background-color: var(--pvn-color-atomic-violet-100);
}
.trailing .user-actions .my-page .label.mobile {
  display: none;
}
@media (max-width: 1023px) {
  .trailing .user-actions .my-page .label.mobile {
    display: inline-flex;
  }
}
.trailing .user-actions .my-page .label.non-mobile {
  display: inline-flex;
}
@media (max-width: 1023px) {
  .trailing .user-actions .my-page .label.non-mobile {
    display: none;
  }
}

.push-badge {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(2px, -2px);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--pvn-color-semantic-accent-pink);
}
.push-badge.show {
  display: inline-flex;
}

.link-button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  height: 35px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  text-decoration: unset !important;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  will-change: background-color, color;
}
.link-button.with-icon {
  padding-left: 8px;
}
@media (max-width: 767px) {
  .link-button.with-icon {
    padding-left: 6px;
  }
}
@media (max-width: 767px) {
  .link-button {
    height: 32px;
    padding: 0 10px;
    gap: 0;
  }
}
.link-button .icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
.link-button .label {
  color: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}/*# sourceMappingURL=GNB.css.map */