header[id^="year-topbar-2024"] .year-topbar-link,
header[id^="year-topbar-2024"] .year-topbar-button,
header[id^="year-topbar-2024"] .year-topbar-dropdown a {
  font-family: "Bebas Neue", "Jost", Pretendard, sans-serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #fff;
}

body.page-2024 .year2024-en-display {
  font-family: "Bebas Neue", "Jost", sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.04em;
}

body.page-2024 ._txt_m20240605031faca3572e4 .plain_name,
body.page-2024 a[data-url="2024"] .plain_name,
body.page-2024 ._txt_m20240605f8208fcd5d7ff .plain_name,
body.page-2024 a[data-url="24_work"] .plain_name,
body.page-2024 ._txt_m202406058ff758827440b .plain_name,
body.page-2024 a[data-url="AT"] .plain_name {
  font-family: "Bebas Neue", "Jost", sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.04em;
}

header[id^="year-topbar-2024"] .year-topbar-dropdown {
  border-color: rgba(255, 255, 255, 0.45);
  background: rgba(0, 0, 0, 0.72);
}

header[id^="year-topbar-2024"] .year-topbar-logo {
  width: min(260px, 28vw);
}

header[id^="year-topbar-2024"] .year-topbar-logo img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 991px) {
  body.page-2024.year-topbar-enabled .year-topbar-shell {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    top: 30px;
    width: calc(100% - 14px);
  }

  body.page-2024.year-topbar-enabled .year-topbar-logo {
    display: block;
    margin: 0 auto;
    width: min(246px, 64vw);
  }

  body.page-2024.year-topbar-enabled .year-topbar-nav {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 2px;
  }

  body.page-2024.year-topbar-enabled .year-topbar-nav ul {
    justify-content: center;
    gap: 30px;
  }

  body.page-2024.year-topbar-enabled .year-topbar-link,
  body.page-2024.year-topbar-enabled .year-topbar-button {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.08em;
  }

  body.page-2024-at.year-topbar-enabled .year-topbar-shell {
    transition: transform 0.22s ease, opacity 0.18s ease;
    will-change: transform, opacity;
  }

  body.page-2024-at.year-topbar-enabled .year-topbar-shell.is-scroll-hidden {
    transform: translate(-50%, -140%);
    opacity: 0;
    pointer-events: none;
  }
}

@media (max-width: 900px) {
  header[id^="year-topbar-2024"] .year-topbar-logo {
    width: min(170px, 44vw);
  }

  header[id^="year-topbar-2024"] .year-topbar-link,
  header[id^="year-topbar-2024"] .year-topbar-button {
    font-size: 19px;
    line-height: 1;
    letter-spacing: 0.06em;
  }
}

@media (min-width: 992px) {
  header[id^="year-topbar-2024"].year-topbar-shell {
    top: 28px;
    width: min(1410px, calc(100% - 72px));
    align-items: center;
  }

  header[id^="year-topbar-2024"] .year-topbar-logo {
    width: min(314px, 31vw);
    margin-top: -2px;
  }

  header[id^="year-topbar-2024"] .year-topbar-nav ul {
    gap: 34px;
  }

  header[id^="year-topbar-2024"] .year-topbar-link,
  header[id^="year-topbar-2024"] .year-topbar-button {
    font-size: 25px;
    line-height: 1;
    letter-spacing: 0.06em;
  }

  header[id^="year-topbar-2024"] .year-topbar-dropdown a {
    font-size: 24px;
    min-height: 0;
    padding: 2px 10px;
    line-height: 1;
  }
}

body.page-2024-at #text_w202406086daac5b0f7f46 .year2024-en-display {
  font-size: 80px !important;
}

body.page-2024-at #text_w20240608adbf7580fae09 .year2024-en-display {
  font-size: 50px !important;
}

body.page-2024-at .pc_section a[href*="/2024/Projects/"],
body.page-2024-at .pc_section a[href*="/2024/Projects/"]:link,
body.page-2024-at .pc_section a[href*="/2024/Projects/"]:visited,
body.page-2024-at .pc_section a[href*="/2024/Projects/"]:hover,
body.page-2024-at .pc_section a[href*="/2024/Projects/"]:active,
body.page-2024-at .mobile_section a[href*="/2024/Projects/"],
body.page-2024-at .mobile_section a[href*="/2024/Projects/"]:link,
body.page-2024-at .mobile_section a[href*="/2024/Projects/"]:visited,
body.page-2024-at .mobile_section a[href*="/2024/Projects/"]:hover,
body.page-2024-at .mobile_section a[href*="/2024/Projects/"]:active,
body.page-2024-at .pc_section a[href*="/2024/Projects/"] .text-table,
body.page-2024-at .pc_section a[href*="/2024/Projects/"] .text-table p,
body.page-2024-at .pc_section a[href*="/2024/Projects/"] .text-table span,
body.page-2024-at .pc_section a[href*="/2024/Projects/"] .text-table strong,
body.page-2024-at .mobile_section a[href*="/2024/Projects/"] .text-table,
body.page-2024-at .mobile_section a[href*="/2024/Projects/"] .text-table p,
body.page-2024-at .mobile_section a[href*="/2024/Projects/"] .text-table span,
body.page-2024-at .mobile_section a[href*="/2024/Projects/"] .text-table strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}