.nav-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: fit-content;
  background: var(--color-neutral-000);
}
.nav-container .nav-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 768px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-24);
  border-bottom: 2px solid var(--color-neutral-900);
}
.nav-container .nav-wrapper .menu-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-12);
  width: fit-content;
  height: fit-content;
}
.nav-container .nav-wrapper .menu-container .svg-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding-bottom: var(--sz-4);
}
.nav-container .nav-wrapper .menu-container .svg-box svg {
  width: 97px;
  height: 22px;
  overflow: hidden;
}
.nav-container .nav-wrapper .menu-container .line {
  width: 12px;
}
.nav-container .nav-wrapper .menu-container .menu-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-24);
  width: fit-content;
  height: fit-content;
}
@media (max-width: 480px) {
  .nav-container .nav-wrapper .menu-container .menu-box {
    display: none;
  }
}
.nav-container .nav-wrapper .menu-container .menu-box .gnb-menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
}
.nav-container .nav-wrapper .menu-container .menu-box .gnb-menu .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-17);
  font-weight: var(--fw-med);
}
.nav-container .nav-wrapper .menu-item-subscribe.menu-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-12) var(--sz-24);
  border: 1px solid var(--color-neutral-900);
}
@media (max-width: 480px) {
  .nav-container .nav-wrapper .menu-item-subscribe.menu-box {
    display: none;
  }
}
.nav-container .nav-wrapper .menu-item-subscribe.menu-box .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-17);
  font-weight: var(--fw-bld);
}
.nav-container .nav-wrapper .menu-icon {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  width: 24px;
  height: 20px;
  cursor: pointer;
}
.nav-container .nav-wrapper .menu-icon .line-top {
  width: 100%;
  height: 4px;
  background: var(--color-neutral-900);
}
.nav-container .nav-wrapper .menu-icon .line-bottom {
  width: 12px;
  height: 4px;
  background: var(--color-neutral-900);
}
@media (max-width: 480px) {
  .nav-container .nav-wrapper .menu-icon {
    display: flex;
  }
}
.nav-container .menu-container-m {
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-40);
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-40) var(--sz-24);
}
.nav-container .menu-container-m .gnb-menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
}
.nav-container .menu-container-m .gnb-menu .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-17);
  font-weight: var(--fw-med);
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 998;
}
.menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

.menu-container-m {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 480px;
  height: 100vh;
  height: 100dvh;
  transition: right 0.3s ease;
  z-index: 999;
}
.menu-container-m.active {
  right: 0;
}

.menu-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.menu-container-m {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background: var(--color-neutral-000);
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
}
.menu-container-m .menu-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-24);
  border-bottom: 2px solid var(--color-neutral-900);
}
.menu-container-m .menu-header .menu-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--sz-8);
  width: 20px;
  height: 20px;
}
.menu-container-m .menu-header .menu-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-12);
  width: fit-content;
  height: fit-content;
}
.menu-container-m .menu-header .menu-container .svg-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding-bottom: var(--sz-4);
  cursor: pointer;
}
.menu-container-m .item-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: var(--sz-40) var(--sz-24);
}
.menu-container-m .item-container .item-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-40);
  width: 100%;
  height: fit-content;
}
.menu-container-m .item-container .item-wrapper .gnb-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
}
.menu-container-m .item-container .item-wrapper .gnb-item .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-17);
  font-weight: var(--fw-med);
}
.menu-container-m .item-container .gnb-subscribe {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-16) var(--sz-24);
  background: var(--color-sub-500);
}
.menu-container-m .item-container .gnb-subscribe .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-000);
  font-size: var(--fs-17);
  font-weight: var(--fw-bld);
}

.foot-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-32);
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--fs-40) 0px;
  background: var(--color-neutral-900);
  overflow: hidden;
}
.foot-container .footer-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: var(--sz-40);
  max-width: 1200px;
  min-width: 320px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding-right: var(--sz-24);
  padding-left: var(--sz-24);
}
.foot-container .footer-wrapper .text-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex: 1;
  gap: var(--sz-40);
  min-width: 320px;
  width: 100%;
  height: fit-content;
}
.foot-container .footer-wrapper .text-container .logo-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  max-width: 144px;
  width: 100%;
  height: fit-content;
}
.foot-container .footer-wrapper .text-container .logo-box .svg-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding-bottom: var(--sz-4);
}
.foot-container .footer-wrapper .text-container .logo-box .svg-box svg {
  width: 97px;
  height: 22px;
  overflow: hidden;
}
.foot-container .footer-wrapper .text-container .logo-box .svg-box svg .vector {
  width: 22px;
  height: 22px;
}
.foot-container .footer-wrapper .text-container .logo-box .svg-box svg .vector {
  width: 6px;
  height: 11px;
}
.foot-container .footer-wrapper .text-container .logo-box .svg-box svg .vector {
  width: 67px;
  height: 16px;
}
.foot-container .footer-wrapper .text-container .text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  gap: var(--sz-24);
  min-width: 320px;
  width: 100%;
  height: fit-content;
}
.foot-container .footer-wrapper .text-container .text-wrapper .info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-8);
  width: 100%;
  height: fit-content;
}
.foot-container .footer-wrapper .text-container .text-wrapper .info-wrapper .info-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--sz-8);
  width: 100%;
  height: fit-content;
}
.foot-container .footer-wrapper .text-container .text-wrapper .info-wrapper .info-box .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-400);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
.foot-container .footer-wrapper .text-container .text-wrapper .info-wrapper .info-box .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-400);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
.foot-container .footer-wrapper .text-container .text-wrapper .info-wrapper .info-box .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-400);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
.foot-container .footer-wrapper .text-container .text-wrapper .info-wrapper .label-lg {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-400);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
.foot-container .footer-wrapper .text-container .text-wrapper .notice-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-16);
  width: 100%;
  height: fit-content;
}
.foot-container .footer-wrapper .text-container .text-wrapper .notice-box .policy-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-16);
  width: 100%;
  height: fit-content;
}
.foot-container .footer-wrapper .text-container .text-wrapper .notice-box .policy-box .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-200);
  font-size: var(--fs-15);
  font-weight: var(--fw-med);
}
.foot-container .footer-wrapper .text-container .text-wrapper .notice-box .policy-box .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-400);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
.foot-container .footer-wrapper .text-container .text-wrapper .notice-box .label-lg {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-400);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
.foot-container .footer-wrapper .text-container .text-wrapper .label-md {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-400);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
.foot-container .footer-wrapper .sns-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: fit-content;
  height: fit-content;
}
.foot-container .footer-wrapper .sns-container .sns-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: var(--sz-12);
  width: fit-content;
  height: fit-content;
}
.foot-container .footer-wrapper .sns-container .sns-box .rectangle-91 {
  width: 32px;
  height: 32px;
  background: #d9d9d9;
}
.foot-container .footer-wrapper .sns-container .sns-box .rectangle-92 {
  width: 32px;
  height: 32px;
  background: #d9d9d9;
}
.foot-container .footer-wrapper .sns-container .sns-box .rectangle-93 {
  width: 32px;
  height: 32px;
  background: #d9d9d9;
}
.foot-container .footer-wrapper .sns-container .sns-box .rectangle-94 {
  width: 32px;
  height: 32px;
  background: #d9d9d9;
}
.foot-container .footer-wrapper .sns-container .sns-box .rectangle-95 {
  width: 32px;
  height: 32px;
  background: #d9d9d9;
}
/*# sourceMappingURL=layout-index.css.map */