:root {
    --site-header-height: 100px;
    --header-height: var(--site-header-height);
  }

  @media (max-width: 1024px) {
    :root {
      --site-header-height: 84px;
      --header-height: var(--site-header-height);
    }
  }

  @media (max-width: 767px) {
    :root {
      --site-header-height: 76px;
      --header-height: var(--site-header-height);
    }
  }

  body {
    padding-top: var(--site-header-height);
    line-height: 1.6;
  }

  .site-header .container,
  .site-mega .container,
  .site-footer .container {
    width: min(calc(100% - 48px), var(--container));
    margin: 0 auto;
    padding: 0;
  }

  .site-header,
  .site-mega,
  .site-footer,
  .mobile-drawer,
  .floating-actions {
    font-family: "Pretendard", -apple-system, "system-ui", "Malgun Gothic", sans-serif;
  }

  .site-footer__inner {
    padding: 36px 0 42px !important;
  }

  .site-footer__brand p {
    font-weight: 400 !important;
  }

  @media (max-width: 1024px) {
    .site-footer__inner {
      padding: 30px 0 36px !important;
    }
  }

  #header,
  #footer,
  #header-dim,
  .affiliate-banner {
    display: none !important;
  }

  #history {
    --header-height: 0px;
  }

  #history .sticky-nav {
    top: var(--site-header-height);
  }

  #history .sticky-nav.is-temp-disabled {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #history .history-list .history-list__item .__left-article {
    top: var(--site-header-height);
  }

  #history .history-list .__progress-bar.--fixed.is-sticky {
    top: var(--site-header-height);
    height: calc(100vh - var(--site-header-height));
  }

  #history .sticky-nav .__item.--active a {
    border-color: #079669 !important;
  }

  #history .sticky-nav .__item.--active a span,
  #history .history-list .history-list__item .__left-article p,
  #history .history-list .history-list__item .__content .__year-group .__year-block .__month {
    color: #079669 !important;
  }

  #history .history-list .__progress-bar span,
  #history .history-list .__progress-bar span::after,
  #history .history-list .__progress-bar span::before {
    background-color: #079669 !important;
  }

#history .sub-kv .__crop > .__image {
    position: absolute;
  }

  body[data-hero-overlay="1"] #history .sub-kv .__crop > .__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(8,19,33,0.8), rgba(8,19,33,0.9));
    pointer-events: none;
  }

  body[data-hero-overlay="0"] #history .sub-kv .__crop > .__image::after {
    content: none;
    display: none;
  }

body[data-hero-overlay="0"] .subpage-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
  }

  main > .subpage-content {
    width: 100% !important;
    max-width: none !important;
  }

  body[data-page="company"] .subpage-hero + .subpage-content,
  body[data-page="business"] .subpage-hero + .subpage-lnb,
  body[data-page="business"] .subpage-hero + .subpage-content,
  body[data-page="media"] .subpage-hero + .subpage-lnb,
  body[data-page="contact"] .subpage-hero + .subpage-lnb,
  body[data-page="support"] .subpage-hero + .subpage-lnb,
  body[data-page="careers"] .subpage-hero + .subpage-lnb,
  body[data-page="esg"] .subpage-hero + .subpage-lnb {
    position: relative;
    z-index: 2;
    background: #fff;
  }

  body[data-page="company"] main > .subpage-content,
  body[data-page="business"] main > :not(.subpage-hero):not(.subpage-lnb),
  body[data-page="media"] main > :not(.subpage-hero):not(.subpage-lnb),
  body[data-page="contact"] main > :not(.subpage-hero):not(.subpage-lnb),
  body[data-page="support"] main > :not(.subpage-hero):not(.subpage-lnb),
  body[data-page="careers"] main > :not(.subpage-hero):not(.subpage-lnb),
  body[data-page="esg"] main > :not(.subpage-hero):not(.subpage-lnb) {
    position: relative;
    isolation: isolate;
    z-index: 2;
    background: #fff;
  }

  body[data-page="company"] main > .subpage-content::before,
  body[data-page="business"] main > :not(.subpage-hero):not(.subpage-lnb)::before,
  body[data-page="media"] main > :not(.subpage-hero):not(.subpage-lnb)::before,
  body[data-page="contact"] main > :not(.subpage-hero):not(.subpage-lnb)::before,
  body[data-page="support"] main > :not(.subpage-hero):not(.subpage-lnb)::before,
  body[data-page="careers"] main > :not(.subpage-hero):not(.subpage-lnb)::before,
  body[data-page="esg"] main > :not(.subpage-hero):not(.subpage-lnb)::before {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #fff;
    pointer-events: none;
    z-index: -1;
  }

body img {
            -webkit-user-drag: none;
            user-select: none;
        }