.no-scroll {
  overflow: hidden !important;
}

/* 모달 오버레이 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; /* 기본 숨김 */
  align-items: center; /* 컨텐츠 수직·수평 중앙 */
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

/* 모달 내부 컨텐츠 박스 */
.modal .modal-content {
  background: #fff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  max-width: 90%;
  max-height: 90%;
  overflow-y: auto;
}

/* active 클래스가 붙으면 보이도록 */
.modal.active {
  display: flex;
}

/* custom */