/* 모달 전체 높이를 크게 (화면의 90%) */
#userModal .modal-dialog {
    max-width: 30%;  /* 가로도 크게 */
    height: 70vh;
}

/* 모달 내용 높이 설정 */
#userModal .modal-content {
    height: 100%;
}

/* 헤더와 바디 분리 시 바디가 남은 공간 꽉 채우도록 */
#userModal .modal-body {
    flex: 1 1 auto;
    height: calc(90vh - 70px); /* 헤더 높이 제외 */
    overflow-y: hidden; /* 내부 스크롤 제거 */
    padding: 0; /* Grid 꽉 차게 */
}

/* Grid가 모달 바디에 꽉 차도록 */
#userGrid1 {
    height: 100%;
}

/*  모바일에서 모달창 화면 95% */
@media (max-width: 576px) {
  .custom-modal {
    max-width: 95% !important; /* 모바일에서 화면 95% */
    margin: auto;
  }
}