/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[3]!./src/styles/background.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.bg-landing {
  background-image: url('/landing/bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;

}
.bg-login {
  background-image: url('/login/bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;

}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[3]!./src/styles/auth.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/* 로그인 페이지 전용 스타일 */

/* 스크롤바 숨김 */
.login-card::-webkit-scrollbar {
  display: none;
}

.login-card {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* 스크롤 페이드 효과 제거 - 스크롤 시 방해되지 않도록 */

/* 모바일 최적화 */
@media (max-height: 700px) {
  .login-card {
    max-height: 95vh;
  }
}

@media (max-height: 600px) {
  .login-card {
    max-height: 100vh;
    border-radius: 0;
  }
}

/* 터치 디바이스에서 스크롤 개선 */
@media (hover: none) and (pointer: coarse) {
  .login-card {
    -webkit-overflow-scrolling: touch;
  }
}

/* 스크롤 개선 스타일 - 강력한 오버라이드 */
.login-card {
  /* Firefox용 스크롤바 숨기기 */
  scrollbar-width: none !important; /* 완전히 숨기기 */

  /* 둥근 모서리 안쪽에 스크롤바 맞추기 */
  border-radius: 24px; /* 외부 32px보다 작게 */
  margin: 8px; /* 스크롤바가 둥근 모서리를 침범하지 않도록 */
  height: calc(100% - 16px); /* margin 고려한 높이 조정 */

  /* 모든 브라우저에서 기본 스크롤바 스타일 제거 */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  /* 스크롤바 최적화 */
  scrollbar-gutter: stable;

  /* 터치 디바이스에서 스크롤 개선 */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* 스크롤바 완전히 숨기기 */
.login-card::-webkit-scrollbar {
  width: 0px !important;
  height: 0px !important;
  background: transparent !important;
  display: none !important;
}

/* 모든 스크롤바 요소 차단 */
.login-card::-webkit-scrollbar * {
  display: none !important;
}