.modal_img {
  width: 250px;
  padding: 8px;
}
.modal-content {
  width: 640px;
}
.modal_discount {
  background-color: rgba(8, 106, 216, 0.08);
  padding: 4px 10px 4px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.48px;
  color: #086AD8;
  width: 123px;
}
.modal_title h3 {
  font-size: 26px;
  font-weight: 700;
  line-height: 30.47px;
  text-align: left;
  color: #0E0129;
  margin: 10px 0;
}
.modal_p p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #212121;

}
.btn_view {
  width: 120px;
  height: 44px;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.8px;
  text-align: center;
  color: #FFFFFF;
  padding: 0;
  margin-right: 23px;
}
.btn_view:hover {
  border: none;
}
.btn_views {
  background: linear-gradient(90deg, #F99C77 0%, #F78BC6 100%);
}
.btn_views:hover {
  background: linear-gradient(90deg, #F99C77 0%, #F78BC6 100%);
}
.btn_bottom {
  margin-top: 20px;
}
.modal_content {
  padding: 0 24px;
  align-items: flex-end;
}
.close {
  font-weight: 300;
  font-size: 28px;
}
.modal_mobile {
  display: none;
}
@media (min-width: 650px) {
  .modal-dialog {
    width: 640px;
    max-width: 640px;
    margin: 200px auto;
  }
}

@media (max-width: 650px) {
  .modal_main {
    flex-flow:column;
  }
  .modal-content {
    width: 400px;
  }
  .modal-dialog {
    width: 400px;
    max-width: 400px;
    margin: 20px auto;
  }
  .modal_content {
    margin-bottom: 23px;
  }
  .close_btn_pc {
    display: none;
  }
  .modal_mobile {
    position: relative;
    display: block;
  }
  .close_btn_iphone {
    position: absolute;
    top: 10px;
    right: 15px;

  }
  .modal_mobile img {
    border-radius: 6px;
    display: none;
  }
  .modal_img {
    display: none;
  }
}
.modal-backdrop {
        background-color: rgba(0, 0, 0, 0.3);
    }
    .special-box{
   border-radius: 5px;
   box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
    }