/* 메인 / 로그인 / 회원가입 공통 배경 */
html.page-bg-root,
html.page-bg-root body.page-bg {
  min-height: 100%;
  background-color: #000000;
  position: relative;
}

body.page-bg::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: var(--page-bg-image, url('/homepage/images/introbg.png'));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.55;
  z-index: 0;
  pointer-events: none;
}

body.page-bg::after {
  content: "";
  position: fixed;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0.68) 45%,
    rgba(0, 0, 0, 0.78) 100%
  );
  z-index: 0;
  pointer-events: none;
}

body.page-bg > * {
  position: relative;
  z-index: 1;
}