/* BASIC css start */
.bottom_fix_popup_back { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 100; display: none; overflow: hidden; }
.bottom_fix_popup { position: fixed; bottom: 0; width: 100%; border: 0; border-radius: 20px 20px 0 0; overflow: hidden; background-color: #fff; z-index: 999; display: none; transition: .5s; 
                    box-sizing: border-box; box-shadow: 0 0 9px rgba(0, 0, 0, 0.12); }
.bottom_fix_popup.down { bottom: -114vw; }
.bottom_fix_popup.scroll_down { bottom: -114vw; }
.bottom_fix_popup .popup_box .popup_title { padding: 5vw 5vw 0; }
.bottom_fix_popup .popup_box .popup_title p { font-size: 4.5vw; font-weight: bold; }
.bottom_fix_popup .popup_box .popup_title p i { float: right; font-size: 6vw; margin-top: -2px; transition: .3s; }
.bottom_fix_popup .popup_box .popup_title p i.down { transform: rotate(180deg); }
.bottom_fix_popup .popup_box .popup_content { position: relative; margin: 5vw; }
.bottom_fix_popup .popup_box .popup_content #dateView { position: absolute; top: 22.3vw; left: 6vw; }
.bottom_fix_popup .popup_box .popup_content #dateView span { font-size: 7vw; }
.bottom_fix_popup .popup_box .popup_content a.coupon_down_btn { position: absolute; width: 64vw; height: 9vw; bottom: 8vw; left: 13vw; z-index: 1; }
.bottom_fix_popup .popup_box .popup_content img.popup_pic { width: 100%; }

.bottom_fix_popup .popup_box .popup_off_box { background-color: #fff; border-top: 1px solid #e2e2e2; }
.bottom_fix_popup .popup_box .popup_off_box  button { border: none; outline: none; font-size: 4vw; color: #737373; background-color: transparent; padding: 4vw 6vw; }
.bottom_fix_popup .popup_box .popup_off_box  button:last-child { float: right; }.bottom_fix_popup .popup_box .popup_off_box  button:last-child { float: right; }

.bottom_fix_popup .swiper-button-prev, .bottom_fix_popup .swiper-button-next { background-image: none; width: auto; height: auto; }
.bottom_fix_popup .swiper-button-next { right: 0; }
.bottom_fix_popup .swiper-button-prev { left: 0; }
.bottom_fix_popup .swiper-button-prev i, .bottom_fix_popup .swiper-button-next i { font-size: 10vw; color: #000; }
.bottom_fix_popup .swiper-pagination.swiper-pagination-fraction { transform: none; left: auto; bottom: 1.5vw; right: 1.5vw; width: 60px; height: 23px; line-height: 25px; background-color: rgba(0, 0, 0, 0.5); }
.bottom_fix_popup .swiper-pagination.swiper-pagination-bullets { top: 6px; left: 8px !important; text-align: left; }
.bottom_fix_popup .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { background-color: #000; }
/* BASIC css end */