.bookingListPage{background:#fff;flex-direction:column;transition:transform .3s;display:flex;position:relative;overflow:hidden}.bookingListPage .wrap-loading-sec{justify-content:center;width:100%;min-height:100px;display:flex;position:relative}.bookingListPage .bookingListHeader{z-index:1;padding-top:20px;position:relative}.bookingListPage .bookingListHeader .head-txt{font-size:var(--font-7);line-height:var(--font-7-lh);letter-spacing:calc(var(--font-7)*(var(--font-1-ls)/100));white-space:pre-wrap;text-align:center;z-index:2;justify-content:center;display:flex;position:absolute;top:20px;left:0;right:0}.bookingListPage .bookingListHeader .wrap-banner{z-index:1;margin-top:122px}.bookingListPage .bookingListHeader .img-banner{object-fit:cover;width:100%;height:675px}@media (max-width:767px){.bookingListPage .bookingListHeader .head-txt{font-size:42px}.bookingListPage .bookingListHeader .wrap-banner{margin-top:72px}.bookingListPage .bookingListHeader .img-banner{height:480px}}.bookingListPage .recently-viewed-section{margin-top:40px}@media (max-width:767px){.bookingListPage .recently-viewed-section{margin-bottom:30px}}.bookingListPage .filter-container{width:100%}.bookingListPage .howToReserve{background-color:#fff5eb;width:100%;min-height:500px;position:relative;overflow:hidden}.bookingListPage .howToReserve:after{content:"";z-index:1;background-image:url(/images/booking/bg-element.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;width:280px;height:250px;position:absolute;top:-15px;right:0}.bookingListPage .howToReserve .howToReserveWrapper{z-index:5;max-width:1280px;margin:0 auto;padding:40px;position:relative}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveTitle{letter-spacing:calc(36px*(-1%/100));text-align:left;color:#ff6200;font-size:36px;font-weight:300;line-height:1.25}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep{justify-content:space-between;margin-top:40px;display:flex}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep{width:calc(33% - 10px)}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep:not(:last-child){margin-right:20px}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep.stepOne .icon-box .icon{background-image:url(/images/booking/ic-howToStep1.svg)}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep.stepOne .icon-box .ic-line{background-image:url(/images/booking/ic-line.svg)}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep.stepOne .step-detail .step-title .step-num:before{content:"1"}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep.stepTwo .icon-box .icon{background-image:url(/images/booking/ic-howToStep2.svg)}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep.stepTwo .icon-box .ic-line{background-image:url(/images/booking/ic-line.svg)}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep.stepTwo .step-detail .step-title .step-num:before{content:"2"}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep.stepThree .icon-box .icon{background-image:url(/images/booking/ic-howToStep3.svg)}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep.stepThree .step-detail .step-title .step-num:before{content:"3"}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .wrap-step-box{flex-direction:column;gap:10px;display:flex}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail{align-items:center;gap:30px;display:flex}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .icon-box{align-items:center;display:flex}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .icon-box .icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:90px;height:90px;position:relative}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .icon-box .ic-line{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:20px;position:relative}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .step-title{align-items:center;display:flex}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .step-title .step-num{margin-right:10px}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .step-title .step-num:before{letter-spacing:calc(16px*(-1%/100));background-image:url(/images/booking/ic-stepNum.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;line-height:1.25;display:flex;position:relative}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .step-title .title{letter-spacing:-.26px;font-size:26px;line-height:1.25}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .description{letter-spacing:-.16px;color:#000;font-size:16px;line-height:1.25}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .description span{color:#ff6200}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .img-box{margin-top:40px}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .img-box .img-step{width:100%;height:auto;display:block}@media (max-width:767px){.bookingListPage .bookingListHeader{margin-bottom:50px}.bookingListPage .bookingListHeader .headerTitle{padding-top:10px;padding-bottom:485px;font-size:36px}.bookingListPage .bookingListHeader .headerImg{height:500px;padding:0 18px}.bookingListPage .recentlyViewContainer{padding:20px}.bookingListPage .recentlyViewContainer .swiperContainer .swiper-pagination-custom{bottom:15px}.bookingListPage .filter-container{width:fit-content}.bookingListPage .howToReserve:after{background-image:url(/images/booking/bg-element-m.svg);width:140px;height:125px;top:0}.bookingListPage .howToReserve .howToReserveWrapper{padding:20px}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep{display:block}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep{border-bottom:1px solid #c5bfbf;width:100%;position:relative}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep:not(:last-child){margin-bottom:40px;margin-right:0}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .icon-box{margin-bottom:15px}.bookingListPage .howToReserve .howToReserveWrapper .howToReserveStep .eachStep .step-detail .icon-box .ic-line{display:none}}