html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
}

.main_container {
  position: absolute;
  width: 100%;
  min-height: 100%; 
  display:flex;
  justify-content: center;
  align-items: center;
}

/* 화면 고정 배경 레이어: 문서 레이아웃에 영향 없음 → 스크롤바 안 생김 */
.main_container::before{
  content:"";
  position: fixed; inset: 0;            /* 뷰포트 꽉 찬 배경 */
  background: url('../../img/login/login-bg.jpg') center/cover no-repeat;
  transform-origin: center;
  will-change: transform;
  animation: bgZoom 6s linear both;
  z-index: -1;                          /* 컨텐츠 뒤로 */
  pointer-events: none;
}

/* (선택) 가독성용 어두운 오버레이 */
.main_container::after{
  content:""; position: fixed; inset:0;
  background: rgba(0,0,0,.12);
  z-index:-1; pointer-events:none;
}

@keyframes bgZoom{
  0%   { transform: scale(1); }
  100% { transform: scale(1.1); }      /* 확대량/속도 조절 가능 */
}

.loginbox {
  display:flex;
  flex-direction: column;
  align-items: center;
  min-height:500px;
  width: 330px;
  gap: 10px; /* strong과 input 사이 여백 */
  --bs-bg-opacity: 0.85;
}

#login_btn,
#register_btn {
  width: 100%;
}

.form-check-input:focus{
  outline: none !important;
  box-shadow: none !important;
}

.required_star {
  color: red;
}