<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>프로모션</title>

</head>
<body style="margin: 0">
    
    <style>
    </style>
    <style>
        /* header */
        .pm_header{width: 100%;display: flex; justify-content: space-between;background-color: #fff;padding:0 5%;box-sizing: border-box;}
        .pm_header h1{font-size: 35px;line-height: 60px;}
        .pm_header img{width: 50px; object-fit: contain; padding:15px 0;}
        .event-wrap a {text-decoration: none; color:#000;    display: block;}
        .event-wrap ul, .event-wrap ol {list-style: none;padding: 0; margin: 0;}
        .event-wrap img {width:100%; line-height: 0; display: block;}
        .event-wrap .space-set{padding:14% 0 }
        .event-wrap .pb-img-st2{padding-left: 5%;padding-right: 5%;}
        /* swiper */
        .event-wrap .swiper { width: 100%; height: 100%; padding: 0 5.0%; line-height: normal; box-sizing: border-box;  margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; z-index: 1}
        .event-wrap .swiper.no-pad { padding: 0;}
        .event-wrap .swiper-wrapper {padding: 0; margin: 0; list-style: none; position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box}
        .event-wrap .swiper-slide {width:100%; flex-shrink: 0;  position: relative; transition-property: transform}
        .event-wrap .swiper-slide img {display: block; object-fit: cover;}
        .event-wrap .swiper-container .swiper-pagination {position: absolute;top: auto;bottom: 10%; z-index: 1; display: flex; justify-content: center; width: 100%;}
        .event-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {float: left; width: 10px; height: 10px; margin: 0 2.5px;box-sizing: border-box; border-radius: 50%; background: none; border:1px solid #000 }
        .event-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background-color: #048a45; border:1px solid #048a45; opacity: 1;}
        .event-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet::before{display: none;}
    </style>
    <div class="event-wrap" style="position:relative;width:100%;max-width:750px;margin: auto; line-height:0;">
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_01.jpg" alt="">
        </div>
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_02.jpg" alt="">
            <a style="display: block;position: absolute; top:71.9%; left:4.92%; width: 90.1%; height: 11%; text-indent: -9999px; font-size: 0;" href="#" data-modify onclick="couponDownloadAll(['saudi50']); return false;" ></a>
        </div>
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_03.jpg" alt="">
        </div>
        
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_04.jpg" alt="">
        </div>
        <div class="pb-img-st1 " style="background:#eee7cd ">
            <div class="swiper-container slide01" style="overflow-x: hidden; position: relative;  padding: 0 0 22%;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div style="position:relative">
                            <a href="https://hotel.tourvis.com/hotels/177721" ><img src="https://cdns.tourvis.com/promotion/202309/55188/slide01_01.png" alt="" ></a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div style="position:relative">
                            <a href="https://hotel.tourvis.com/hotels/177738" ><img src="https://cdns.tourvis.com/promotion/202309/55188/slide01_02.png" alt="" ></a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div style="position:relative">
                            <a href="https://hotel.tourvis.com/hotels/92375" ><img src="https://cdns.tourvis.com/promotion/202309/55188/slide01_03.png" alt="" ></a>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination" ></div>
            </div>
        </div>
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_04_02.jpg" alt="">
        </div>
        
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_05.jpg" alt="">
        </div>
        <div class="pb-img-st1 " style="background:#eee7cd ">
            <div class="swiper-container slide02" style="overflow-x: hidden; position: relative;  padding: 0 0 22%;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div style="position:relative">
                            <a href="https://hotel.tourvis.com/hotels/43532" ><img src="https://cdns.tourvis.com/promotion/202309/55188/slide02_01.png" alt="" ></a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div style="position:relative">
                            <a href="https://hotel.tourvis.com/hotels/31632" ><img src="https://cdns.tourvis.com/promotion/202309/55188/slide02_02.png" alt="" ></a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div style="position:relative">
                            <a href="https://hotel.tourvis.com/hotels/89519" ><img src="https://cdns.tourvis.com/promotion/202309/55188/slide02_03.png" alt="" ></a>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination" ></div>
            </div>
        </div>
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_05_02.jpg" alt="">
        </div>
        
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_06.jpg" alt="">
        </div>
        <div class="pb-img-st1 " style="background:#eee7cd ">
            <div class="swiper-container slide03" style="overflow-x: hidden; position: relative;  padding: 0 0 22%;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div style="position:relative">
                            <a href="https://hotel.tourvis.com/hotels/92427" ><img src="https://cdns.tourvis.com/promotion/202309/55188/slide03_01.png" alt="" ></a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div style="position:relative">
                            <a href="https://hotel.tourvis.com/hotels/391769" ><img src="https://cdns.tourvis.com/promotion/202309/55188/slide03_02.png" alt="" ></a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div style="position:relative">
                            <a href="https://hotel.tourvis.com/hotels/391739" ><img src="https://cdns.tourvis.com/promotion/202309/55188/slide03_03.png" alt="" ></a>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination" ></div>
            </div>
        </div>
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_07_01.jpg" alt="">
            <a href="https://m.blog.naver.com/tourvis_official/222886450505" style="display: block;position: absolute; top:27.45%; left: 5%; width: 90%; height: 49.4%;text-indent: -9999px;font-size: 0;"></a>
            <a href="https://air.tourvis.com" style="display: block;position: absolute; top:80.8%; left: 5%; width: 90%; height: 8.2%;text-indent: -9999px;font-size: 0;"></a>
            <a href="https://hotel.tourvis.com/hotels?type=CITY&keyword=%25EB%25A6%25AC%25EC%2595%25BC%25EB%2593%259C%2C%2520%25EC%2582%25AC%25EC%259A%25B0%25EB%2594%2594%2520%25EC%2595%2584%25EB%259D%25BC%25EB%25B9%2584%25EC%2595%2584&division=city&id=12592" style="display: block;position: absolute; top:91.72%; left: 5%; width:90%; height: 8.2%;text-indent: -9999px;font-size: 0;"></a>
        </div>
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_07_02.jpg" alt="">
        </div>
        <div style="position:relative;">
            <img src="https://cdns.tourvis.com/promotion/202309/55188/img_08.jpg" alt="">
        </div>
    </div>
    <script src="https://cdns.tourvis.com/hotel/dist/js/swiper-bundle.min.js"></script>
    <script src="https://cdns.tourvis.com/hotel/dist/js/jquery-3.5.1.min.js"></script>
    <script>
            setTimeout(function() {
                //swiper
                $(".swiper-container").each(function(index, element){
                    var $this = $(this);
                    $this.addClass('instance-' + index);
                    var swiper = new Swiper('.instance-' + index, {
                        slidesPerView: 1.125,
                        spaceBetween: 5,
                        slidesOffsetBefore: 20,
                        slidesOffsetAfter: 20,
                        loop: true,
                        loopAdditionalSlides: 1,
                        pagination: {
                            el: ".swiper-pagination", 
                            clickable: true,
                        }
                    });
                });
            }, 500);
    </script>
    
</body>

</html>