#ModalOnly_20231024.on {
  display: flex;
}

.modal-group_20231024 {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 214748364799;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.modal-group_20231024 .modal_20231024 {
  width: 600px;
  left: calc(50% - 300px);
  top: calc(50% - 165px);
}

.modal-photo_20231024 {
  position: relative;
  margin: 0;
}

.modal-btn_20231024 .btn_20231024 {
  padding: 0;
  border-radius: 30px;
  position: absolute;
  width: 45px;
  height: 45px;
  right: 0px;
  top: -50px;
  color: #fff;
}

.modal-btn_20231024 .btn_20231024 img {
  width: 100%;
}

.modal-btn_20231024 .btn-close_20231024 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .modal-photo_20231024 img {
    width: 100%;
  }

  .modal-group_20231024 .modal_20231024 {
    width: 96%;
  }

  .modal-btn_20231024 .btn_20231024 {
    width: 25px;
    height: 25px;
    top: -30px;
  }

  .modal-btn_20231024 .btn-close_20231024 {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
  }

}

.display-none {
  display: none;
}