.title {
  text-align: center;
}

.title h3 {
  font-size: 48px;
  margin-bottom: 14px;
  font-weight: 500;
  font-family: "aktiv-grotesk", sans-serif;
}

.title p {
  font-size: 20px;
}

.room_gnb {
  display: none !important;
}

.my_booking {
  padding: 190px 0 150px;
}

.my_booking .form_contain {
  margin: 60px auto 0;
  width: 640px;
}

.my_booking .form_contain .form_cont p {
  font-size: 13px;
  margin-bottom: 9px;
  font-family: "aktiv-grotesk", sans-serif;
}

.my_booking .form_contain .form_cont .input_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.my_booking .form_contain .form_cont .input_box input {
  height: 55px;
  border-radius: 4px;
  font-size: 15px;
  background: #f8f8f8;
  width: 100%;
  padding: 0 15px;
}

.my_booking .form_contain .form_cont .input_box input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.my_booking .form_contain .form_cont .input_box input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.my_booking .form_contain .form_cont .input_box input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.my_booking .form_contain .form_cont .input_box input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.my_booking .form_contain .form_cont.name input {
  width: 285px;
}

.my_booking .form_contain .form_cont.email span {
  font-size: 15px;
}

.my_booking .form_contain .form_cont.email input {
  width: 275px;
}

.my_booking .form_contain .form_cont:not(:last-child) {
  margin-bottom: 24px;
}

.my_booking .more_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "aktiv-grotesk", sans-serif;
  background: #111;
  color: #fff;
  font-weight: 700;
  margin: 70px auto 0;
  border-radius: 30px;
  width: 212px;
  height: 60px;
  font-size: 16px;
  padding-top: 3px;
}

.my_booking .list {
  width: 960px;
  margin: 60px auto 0;
}

.my_booking .list .tit {
  border-top: 1px solid #111;
  border-bottom: 1px solid #e5e5e5;
  padding: 25px 20px;
}

.my_booking .list .tit h4 {
  font-size: 20px;
  font-weight: 700;
}

.my_booking .list .list_cont li {
  padding: 30px 20px 50px;
  border-bottom: 1px solid #e5e5e5;
}

.my_booking .list .list_cont li .top {
  margin-bottom: 20px;
}

.my_booking .list .list_cont li .top p {
  font-size: 12px;
  font-weight: 500;
  color: #aaaaaa;
  margin-bottom: 10px;
}

.my_booking .list .list_cont li .top div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.my_booking .list .list_cont li .top div h4 {
  font-size: 20px;
  font-weight: 700;
  font-family: "aktiv-grotesk", sans-serif;
  margin-right: 8px;
}

.my_booking .list .list_cont li .top div span {
  width: 46px;
  height: 17px;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  background: #111;
}

.my_booking .list .list_cont li .top div span.wait {
  background: #cc5000;
}

.my_booking .list .list_cont li .top div span.cancel {
  background: rgba(0, 0, 0, 0.2);
}

.my_booking .list .list_cont li .top div span.suc {
  background: rgba(0, 0, 0, 0.6);
}

.my_booking .list .list_cont li .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.my_booking .list .list_cont li .cont .img {
  width: 280px;
  height: 170px;
  margin-right: 48px;
}

.my_booking .list .list_cont li .cont .info_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.my_booking .list .list_cont li .cont .info_cont .info:first-child {
  width: 335px;
}

.my_booking .list .list_cont li .cont .info_cont .info h5 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}

.my_booking .list .list_cont li .cont .info_cont .info div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.my_booking .list .list_cont li .cont .info_cont .info div:not(:last-child) {
  margin-bottom: 10px;
}

.my_booking .list .list_cont li .cont .info_cont .info div p {
  font-size: 14px;
  margin-right: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
  line-height: 1.6;
}

.my_booking .list .list_cont li .cont .info_cont .info div span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.my_booking .list .list_cont li .cont .info_cont .info div span b {
  font-size: 14px;
  font-weight: 600;
}

.my_booking .list .list_cont li .cont .info_cont .info div span a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ebebeb;
  font-weight: 500;
  margin-top: 10px;
  border-radius: 4px;
  font-size: 12px;
  width: 64px;
  height: 30px;
}

.modal_bg .payment_modal {
  width: 500px;
  height: 570px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
}

.modal_bg .payment_modal .tit {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.modal_bg .payment_modal .tit .close_btn {
  position: absolute;
  right: 16px;
  top: 12px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 0 0;
}

.modal_bg .payment_modal .tit .close_btn .mo_mo {
  display: none;
}

.modal_bg .payment_modal .tit h3 {
  font-size: 18px;
  font-weight: 700;
}

.modal_bg .payment_modal .contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 505px;
  padding: 14px 30px 32px;
}

.modal_bg .payment_modal .contain .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 35px;
}

.modal_bg .payment_modal .contain .cont p {
  font-size: 16px;
  font-weight: 700;
}

.modal_bg .payment_modal .contain .cont span {
  font-size: 16px;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 600;
}

.modal_bg .payment_modal .contain .cont h4 {
  font-size: 18px;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 700;
}

.modal_bg .payment_modal .contain .cupon p {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}

.modal_bg .payment_modal .contain .cupon div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}

.modal_bg .payment_modal .contain .cupon div input {
  width: 320px;
  height: 40px;
  border-bottom: 1px solid #aaa;
  font-size: 14px;
}

.modal_bg .payment_modal .contain .cupon div input::-webkit-input-placeholder {
  color: #ccc;
}

.modal_bg .payment_modal .contain .cupon div input:-ms-input-placeholder {
  color: #ccc;
}

.modal_bg .payment_modal .contain .cupon div input::-ms-input-placeholder {
  color: #ccc;
}

.modal_bg .payment_modal .contain .cupon div input::placeholder {
  color: #ccc;
}

.modal_bg .payment_modal .contain .cupon div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 103px;
  height: 49px;
  color: #fff;
  background: #111;
  font-size: 14px;
  font-weight: 500;
}

.modal_bg .payment_modal .contain .cupon span {
  font-size: 12px;
  color: #999;
}

.modal_bg .payment_modal .contain .pay_box {
  padding-bottom: 35px;
  border-bottom: 1px solid #e6e6e6;
  margin: 35px 0;
}

.modal_bg .payment_modal .contain .pay_box > p {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}

.modal_bg .payment_modal .contain .pay_box .pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal_bg .payment_modal .contain .pay_box .pay li {
  width: 84px;
  height: 84px;
  border: 1px solid #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal_bg .payment_modal .contain .pay_box .pay li.active {
  border-color: #111;
  background-color: #F2F2F2;
}

.modal_bg .payment_modal .contain .pay_box .pay li p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

.modal_bg .payment_modal .contain .pay_box .pay li div {
  margin-bottom: 6px;
}

.modal_bg .payment_modal .contain .go_pay {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #111;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

@media screen and (max-width: 1400px) {
  .title h3 {
    font-size: calc(100vw * (48 / 1400));
    margin-bottom: calc(100vw * (14 / 1400));
  }
  .title p {
    font-size: calc(100vw * (20 / 1400));
  }
  .my_booking {
    padding: calc(100vw * (190 / 1400)) 0 calc(100vw * (150 / 1400));
  }
  .my_booking .form_contain {
    margin: calc(100vw * (60 / 1400)) auto 0;
    width: calc(100vw * (640 / 1400));
  }
  .my_booking .form_contain .form_cont p {
    font-size: calc(100vw * (13 / 1400));
    margin-bottom: calc(100vw * (9 / 1400));
  }
  .my_booking .form_contain .form_cont .input_box input {
    height: calc(100vw * (55 / 1400));
    border-radius: calc(100vw * (4 / 1400));
    font-size: calc(100vw * (15 / 1400));
    padding: 0 calc(100vw * (15 / 1400));
  }
  .my_booking .form_contain .form_cont.name input {
    width: calc(100vw * (285 / 1400));
  }
  .my_booking .form_contain .form_cont.email span {
    font-size: calc(100vw * (15 / 1400));
  }
  .my_booking .form_contain .form_cont.email input {
    width: calc(100vw * (275 / 1400));
  }
  .my_booking .form_contain .form_cont:not(:last-child) {
    margin-bottom: calc(100vw * (24 / 1400));
  }
  .my_booking .more_btn {
    margin: calc(100vw * (70 / 1400)) auto 0;
    border-radius: calc(100vw * (30 / 1400));
    width: calc(100vw * (212 / 1400));
    height: calc(100vw * (60 / 1400));
    font-size: calc(100vw * (16 / 1400));
  }
  .my_booking .list {
    width: calc(100vw * (960 / 1400));
    margin: calc(100vw * (60 / 1400)) auto 0;
  }
  .my_booking .list .tit {
    padding: calc(100vw * (25 / 1400)) calc(100vw * (20 / 1400));
  }
  .my_booking .list .tit h4 {
    font-size: calc(100vw * (20 / 1400));
  }
  .my_booking .list .list_cont li {
    padding: calc(100vw * (30 / 1400)) calc(100vw * (20 / 1400)) calc(100vw * (50 / 1400));
  }
  .my_booking .list .list_cont li .top {
    margin-bottom: calc(100vw * (20 / 1400));
  }
  .my_booking .list .list_cont li .top p {
    font-size: calc(100vw * (12 / 1400));
    margin-bottom: calc(100vw * (10 / 1400));
  }
  .my_booking .list .list_cont li .top div h4 {
    font-size: calc(100vw * (20 / 1400));
    margin-right: calc(100vw * (8 / 1400));
  }
  .my_booking .list .list_cont li .top div span {
    width: calc(100vw * (46 / 1400));
    height: calc(100vw * (17 / 1400));
    font-size: calc(100vw * (10 / 1400));
  }
  .my_booking .list .list_cont li .cont .img {
    width: calc(100vw * (280 / 1400));
    height: calc(100vw * (170 / 1400));
    margin-right: calc(100vw * (48 / 1400));
  }
  .my_booking .list .list_cont li .cont .info_cont .info:first-child {
    width: calc(100vw * (335 / 1400));
  }
  .my_booking .list .list_cont li .cont .info_cont .info h5 {
    font-size: calc(100vw * (16 / 1400));
    margin-bottom: calc(100vw * (20 / 1400));
  }
  .my_booking .list .list_cont li .cont .info_cont .info div:not(:last-child) {
    margin-bottom: calc(100vw * (10 / 1400));
  }
  .my_booking .list .list_cont li .cont .info_cont .info div p {
    font-size: calc(100vw * (14 / 1400));
    margin-right: calc(100vw * (24 / 1400));
  }
  .my_booking .list .list_cont li .cont .info_cont .info div span {
    font-size: calc(100vw * (14 / 1400));
  }
  .my_booking .list .list_cont li .cont .info_cont .info div span b {
    font-size: calc(100vw * (14 / 1400));
  }
  .my_booking .list .list_cont li .cont .info_cont .info div span a {
    margin-top: calc(100vw * (10 / 1400));
    border-radius: calc(100vw * (4 / 1400));
    font-size: calc(100vw * (12 / 1400));
    width: calc(100vw * (64 / 1400));
    height: calc(100vw * (30 / 1400));
  }
  .modal_bg .payment_modal {
    width: calc(100vw * (500 / 1400));
    height: calc(100vw * (570 / 1400));
  }
  .modal_bg .payment_modal .tit {
    height: calc(100vw * (64 / 1400));
  }
  .modal_bg .payment_modal .tit .close_btn {
    right: calc(100vw * (16 / 1400));
    top: calc(100vw * (12 / 1400));
    width: calc(100vw * (40 / 1400));
    height: calc(100vw * (40 / 1400));
  }
  .modal_bg .payment_modal .tit h3 {
    font-size: calc(100vw * (18 / 1400));
  }
  .modal_bg .payment_modal .contain {
    height: calc(100vw * (505 / 1400));
    padding: calc(100vw * (14 / 1400)) calc(100vw * (30 / 1400)) calc(100vw * (32 / 1400));
  }
  .modal_bg .payment_modal .contain .cont {
    margin-bottom: calc(100vw * (35 / 1400));
  }
  .modal_bg .payment_modal .contain .cont p {
    font-size: calc(100vw * (16 / 1400));
  }
  .modal_bg .payment_modal .contain .cont span {
    font-size: calc(100vw * (16 / 1400));
  }
  .modal_bg .payment_modal .contain .cont h4 {
    font-size: calc(100vw * (18 / 1400));
  }
  .modal_bg .payment_modal .contain .cupon p {
    font-size: calc(100vw * (16 / 1400));
    margin-bottom: calc(100vw * (6 / 1400));
  }
  .modal_bg .payment_modal .contain .cupon div {
    margin-bottom: calc(100vw * (5 / 1400));
  }
  .modal_bg .payment_modal .contain .cupon div input {
    width: calc(100vw * (320 / 1400));
    height: calc(100vw * (40 / 1400));
    font-size: calc(100vw * (14 / 1400));
  }
  .modal_bg .payment_modal .contain .cupon div a {
    width: calc(100vw * (103 / 1400));
    height: calc(100vw * (49 / 1400));
    font-size: calc(100vw * (14 / 1400));
  }
  .modal_bg .payment_modal .contain .cupon span {
    font-size: calc(100vw * (12 / 1400));
  }
  .modal_bg .payment_modal .contain .pay_box {
    padding-bottom: calc(100vw * (35 / 1400));
    margin: calc(100vw * (35 / 1400)) 0;
  }
  .modal_bg .payment_modal .contain .pay_box > p {
    font-size: calc(100vw * (16 / 1400));
    margin-bottom: calc(100vw * (20 / 1400));
  }
  .modal_bg .payment_modal .contain .pay_box .pay li {
    width: calc(100vw * (84 / 1400));
    height: calc(100vw * (84 / 1400));
  }
  .modal_bg .payment_modal .contain .pay_box .pay li p {
    font-size: calc(100vw * (14 / 1400));
  }
  .modal_bg .payment_modal .contain .pay_box .pay li div {
    margin-bottom: calc(100vw * (6 / 1400));
  }
  .modal_bg .payment_modal .contain .go_pay {
    height: calc(100vw * (50 / 1400));
    font-size: calc(100vw * (14 / 1400));
  }
}

@media screen and (max-width: 900px) {
  .title {
    text-align: center;
  }
  .title h3 {
    font-size: calc(100vw * (28 / 375));
    margin-bottom: calc(100vw * (7 / 375));
    font-weight: 500;
    font-family: "aktiv-grotesk", sans-serif;
  }
  .title p {
    font-size: calc(100vw * (15 / 375));
  }
  .room_gnb {
    display: none;
  }
  .my_booking {
    padding: calc(100vw * (125 / 375)) calc(100vw * (20 / 375)) calc(100vw * (50 / 375));
  }
  .my_booking .form_contain {
    margin: calc(100vw * (40 / 375)) auto 0;
    width: 100%;
  }
  .my_booking .form_contain .form_cont p {
    font-size: calc(100vw * (12 / 375));
    margin-bottom: calc(100vw * (9 / 375));
    font-family: "aktiv-grotesk", sans-serif;
  }
  .my_booking .form_contain .form_cont .input_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .my_booking .form_contain .form_cont .input_box input {
    height: calc(100vw * (48 / 375));
    border-radius: calc(100vw * (4 / 375));
    font-size: calc(100vw * (14 / 375));
    background: #f8f8f8;
    width: 100%;
    padding: 0 calc(100vw * (15 / 375));
  }
  .my_booking .form_contain .form_cont .input_box input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  .my_booking .form_contain .form_cont .input_box input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  .my_booking .form_contain .form_cont .input_box input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  .my_booking .form_contain .form_cont .input_box input::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  .my_booking .form_contain .form_cont.name input {
    width: calc(100vw * (134 / 375));
  }
  .my_booking .form_contain .form_cont.email span {
    font-size: calc(100vw * (12 / 375));
  }
  .my_booking .form_contain .form_cont.email input {
    width: calc(100vw * (125 / 375));
  }
  .my_booking .form_contain .form_cont:not(:last-child) {
    margin-bottom: calc(100vw * (16 / 375));
  }
  .my_booking .more_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: "aktiv-grotesk", sans-serif;
    background: #111;
    color: #fff;
    font-weight: 700;
    margin: calc(100vw * (36 / 375)) auto 0;
    border-radius: calc(100vw * (30 / 375));
    width: calc(100vw * (160 / 375));
    height: calc(100vw * (48 / 375));
    font-size: calc(100vw * (15 / 375));
  }
  .my_booking .list {
    width: 100%;
    margin: calc(100vw * (40 / 375)) auto 0;
  }
  .my_booking .list .tit {
    border-top: 1px solid #111;
    border-bottom: 1px solid #e5e5e5;
    padding: calc(100vw * (24 / 375)) calc(100vw * (10 / 375));
  }
  .my_booking .list .tit h4 {
    font-size: calc(100vw * (17 / 375));
    font-weight: 700;
  }
  .my_booking .list .list_cont li {
    padding: calc(100vw * (30 / 375)) calc(100vw * (10 / 375)) calc(100vw * (28 / 375));
    border-bottom: 1px solid #e5e5e5;
  }
  .my_booking .list .list_cont li .top {
    margin-bottom: calc(100vw * (16 / 375));
  }
  .my_booking .list .list_cont li .top p {
    font-size: calc(100vw * (12 / 375));
    font-weight: 500;
    color: #aaaaaa;
    margin-bottom: calc(100vw * (10 / 375));
  }
  .my_booking .list .list_cont li .top div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .my_booking .list .list_cont li .top div h4 {
    font-size: calc(100vw * (18 / 375));
    font-weight: 700;
    font-family: "aktiv-grotesk", sans-serif;
    margin-right: calc(100vw * (7 / 375));
    line-height: 1.3;
  }
  .my_booking .list .list_cont li .top div span {
    margin-bottom: calc(100vw * (3 / 375));
    width: calc(100vw * (46 / 375));
    height: calc(100vw * (17 / 375));
    border-radius: calc(100vw * (2 / 375));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: calc(100vw * (10 / 375));
    font-weight: 500;
    color: #fff;
    background: #111;
  }
  .my_booking .list .list_cont li .top div span.wait {
    background: #cc5000;
  }
  .my_booking .list .list_cont li .top div span.cancel {
    background: rgba(0, 0, 0, 0.2);
  }
  .my_booking .list .list_cont li .top div span.suc {
    background: rgba(0, 0, 0, 0.6);
  }
  .my_booking .list .list_cont li .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .my_booking .list .list_cont li .cont .img {
    width: 100%;
    height: calc(100vw * (114 / 375));
    margin-right: 0;
    margin-bottom: calc(100vw * (32 / 375));
  }
  .my_booking .list .list_cont li .cont .info_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .my_booking .list .list_cont li .cont .info_cont .info:first-child {
    width: 100%;
    padding-bottom: calc(100vw * (28 / 375));
    margin-bottom: calc(100vw * (32 / 375));
    border-bottom: 1px solid rgba(230, 230, 230, 0.4);
  }
  .my_booking .list .list_cont li .cont .info_cont .info h5 {
    font-size: calc(100vw * (16 / 375));
    font-weight: 700;
    margin-bottom: calc(100vw * (20 / 375));
  }
  .my_booking .list .list_cont li .cont .info_cont .info div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .my_booking .list .list_cont li .cont .info_cont .info div:not(:last-child) {
    margin-bottom: calc(100vw * (15 / 375));
  }
  .my_booking .list .list_cont li .cont .info_cont .info div p {
    font-size: calc(100vw * (13 / 375));
    margin-right: 0;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.4);
    line-height: 1.6;
  }
  .my_booking .list .list_cont li .cont .info_cont .info div span {
    font-size: calc(100vw * (13 / 375));
    font-weight: 400;
    line-height: 1.6;
    text-align: right;
  }
  .my_booking .list .list_cont li .cont .info_cont .info div span b {
    font-size: calc(100vw * (13 / 375));
    font-weight: 600;
  }
  .my_booking .list .list_cont li .cont .info_cont .info div span a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #ebebeb;
    font-weight: 500;
    margin-top: calc(100vw * (10 / 375));
    border-radius: calc(100vw * (4 / 375));
    font-size: calc(100vw * (12 / 375));
    width: calc(100vw * (65 / 375));
    height: calc(100vw * (30 / 375));
    margin-left: auto;
  }
  /*.modal_bg {
    z-index: 101;
  }*/
  .modal_bg .payment_modal {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #fff;
  }
  .modal_bg .payment_modal .tit {
    height: calc(100vw * (64 / 375));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  .modal_bg .payment_modal .tit .close_btn {
    position: absolute;
    left: calc(100vw * (16 / 375));
    top: calc(100vw * (20 / 375));
    width: calc(100vw * (24 / 375));
    height: calc(100vw * (24 / 375));
    cursor: pointer;
    padding: 0 0;
  }
  .modal_bg .payment_modal .tit .close_btn .pc_mo {
    display: none;
  }
  .modal_bg .payment_modal .tit .close_btn .mo_mo {
    display: block;
  }
  .modal_bg .payment_modal .tit h3 {
    font-size: calc(100vw * (18 / 375));
    font-weight: 500;
  }
  .modal_bg .payment_modal .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    padding: calc(100vw * (30 / 375)) calc(100vw * (20 / 375)) 0;
  }
  .modal_bg .payment_modal .contain .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: calc(100vw * (36 / 375));
  }
  .modal_bg .payment_modal .contain .cont p {
    font-size: calc(100vw * (16 / 375));
    font-weight: 700;
  }
  .modal_bg .payment_modal .contain .cont span {
    font-size: calc(100vw * (16 / 375));
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 600;
  }
  .modal_bg .payment_modal .contain .cont h4 {
    font-size: calc(100vw * (18 / 375));
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 700;
  }
  .modal_bg .payment_modal .contain .cupon p {
    font-size: calc(100vw * (16 / 375));
    font-weight: 700;
    margin-bottom: calc(100vw * (10 / 375));
  }
  .modal_bg .payment_modal .contain .cupon div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: calc(100vw * (12 / 375));
  }
  .modal_bg .payment_modal .contain .cupon div input {
    width: calc(100vw * (220 / 375));
    height: calc(100vw * (30 / 375));
    border-bottom: 1px solid #aaa;
    font-size: calc(100vw * (14 / 375));
  }
  .modal_bg .payment_modal .contain .cupon div a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100vw * (103 / 375));
    height: calc(100vw * (40 / 375));
    color: #fff;
    background: #111;
    font-size: calc(100vw * (14 / 375));
    font-weight: 500;
  }
  .modal_bg .payment_modal .contain .cupon span {
    font-size: calc(100vw * (12 / 375));
    color: #999;
  }
  .modal_bg .payment_modal .contain .pay_box {
    padding-bottom: calc(100vw * (30 / 375));
    border-bottom: 1px solid #e6e6e6;
    margin: calc(100vw * (36 / 375)) 0 calc(100vw * (30 / 375));
  }
  .modal_bg .payment_modal .contain .pay_box > p {
    font-size: calc(100vw * (16 / 375));
    font-weight: 700;
    margin-bottom: calc(100vw * (20 / 375));
  }
  .modal_bg .payment_modal .contain .pay_box .pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal_bg .payment_modal .contain .pay_box .pay li {
    width: calc(100vw * (109 / 375));
    height: calc(100vw * (58 / 375));
    border: 1px solid #cccccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: calc(100vw * (4 / 375));
  }
  .modal_bg .payment_modal .contain .pay_box .pay li:not(:nth-child(3)) {
    margin-right: calc(100vw * (4 / 375));
  }
  .modal_bg .payment_modal .contain .pay_box .pay li.active {
    border-color: #111;
  }
  .modal_bg .payment_modal .contain .pay_box .pay li p {
    font-size: calc(100vw * (12 / 375));
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
  }
  .modal_bg .payment_modal .contain .pay_box .pay li p br {
    display: none;
  }
  .modal_bg .payment_modal .contain .pay_box .pay li div {
    margin-bottom: calc(100vw * (2 / 375));
  }
  .modal_bg .payment_modal .contain .go_pay {
    width: 100%;
    height: calc(100vw * (50 / 375));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #111;
    color: #fff;
    font-size: calc(100vw * (14 / 375));
    font-weight: 700;
  }
}