/**
 * index Page Styles
 * Extracted from inline <style> tags
 */


  .floating-promotion {
    position: fixed;
    top: 13%;
    left: 6%;
    z-index: 2;
  }
  .floating-promotion img {
    width: 100%;
  }
  @media (max-width: 1700px) {
    .floating-promotion {
      left: 2%;
    }
  }
  @media (max-width: 768px) {
    .floating-promotion {
      top: 12%;
      left: 20px;
      width: 70px;
    }
  }



  /* 메인 전용 footer css */
  .main-footer-slide {
    height: 54svh !important;
  }
  .main-footer-inner {
    position: relative;
    background-color: #eee;
  }
  @media (max-width: 992px) {
    .main-footer-slide {
      height: 100svh !important;
    }
    .main-footer-inner {
      margin-top: 70px;
    }
  }



  .quick-menu {
    position: fixed;
    top: 60%;
    right: 0;
    transform: translate(0, -50%);
    background-color: #a0a3ff;
    border-radius: 30px 0 0 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    z-index: 10;
  }
  .quick-menu-inner {
    padding: 40px 10px;
  }
  .quick-menu-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
  .quick-menu-item {
    cursor: pointer;
  }
  .quick-menu-item a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .quick-menu-item img {
    display: block;
    width: 100%;
    margin: auto;
    transition: filter 0.4s;
  }
  .quick-menu-item:hover img {
    filter: brightness(5);
  }
  .quick-menu-items .quick-tel {
    display: none;
  }

  @media (max-width: 1280px) {
    .quick-menu-inner {
      padding: 3.12500vw 0.78125vw;
    }
    .quick-menu-items {
      gap: 3.12500vw;
    }
    .quick-menu-item img {
      width: 6.79688vw;
    }
  }

  /* @media (max-width: 992px) {
    .quick-menu-inner {
      padding: 4.03226vw 1.00806vw;
    }
    .quick-menu-items {
      gap: 4.03226vw;
    }
    .quick-menu-item img {
      width: 7.77016vw;
    }
  } */

  @media (max-width: 768px) {
    .quick-menu {
      max-width: 86%;
      width: 100%;
      top: auto;
      bottom: 1%;
      right: 50%;
      transform: translate(50%, 0);
      border-radius: 15px;
    }
    .quick-menu-inner {
      padding: 1.60417vw 1.00806vw;
    }
    .quick-menu-items {
      flex-direction: row;
      justify-content: space-evenly;
      gap: 0;
    }
    .quick-menu-items .quick-top {
      display: none;
    }
    .quick-menu-items .quick-tel {
      display: block;
    }
    .quick-menu-item img {
      max-width: 100px;
      width: 75%;
    }
  }



  .popup-event-apply .event-apply-form {
    transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  }
  .popup-event-apply .cont li.item {
    padding: 10px 0;
  }
  .popup-event-apply .event-apply-form .is-title h5 {
    font-family: "Noto Sans KR", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    background: #8e5b48;
  }
  .popup-event-apply .cont .input-custom textarea {
    font-family: "Noto Sans KR", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif !important;
    line-height: inherit;
    font-size: 15px;
    width: 100%;
    height: 140px;
    padding: 5px 15px;
    color: #333;
    border: 1px solid #111;
    transition: border .5s;
    border-radius: 0;
  }
  .popup-event-apply .cbx-custom:before {
    background-color: #8e5b48;
  }
  .popup-event-apply .cont .input-custom input:focus,
  .popup-event-apply .cont .input-custom select:focus,
  .popup-event-apply .cont .input-custom textarea {
    border: 1px solid #a0a3ff;
  }
  .popup-event-apply .event-apply-form-submit {
    font-size: 18px;
    font-family: "Noto Sans KR", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    height: 60px;
    background: #352622;
  }
  .add-account-area {
    font-size: 15px;
    word-break: keep-all;
  }

  /* 체크 박스 관련 */
  .popup-event-apply .item-check-custom input[type="radio"]:checked + .cbx-custom {
    border: 1px solid #a0a3ff;
  }
  .popup-event-apply .item-check-custom input[type="radio"]:checked + .cbx-custom svg polyline {
    stroke: #a0a3ff;
  }
  .popup-event-apply .item-check-custom input:checked ~ .real-label {
    color: #a0a3ff;
  }

  .popup-event-apply .item-check-custom input[type="checkbox"]:checked + .cbx-custom {
    border: 1px solid #a0a3ff;
  }
  .popup-event-apply .item-check-custom input[type="checkbox"]:checked + .cbx-custom svg polyline {
    stroke: #a0a3ff;
  }