<!DOCTYPE html>
<html lang="ko">
<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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>프로모션 MO</title>
<script src="https://cdns.tourvis.com/hotel/dist/js/jquery-3.5.1.min.js"></script>
</head>
<body style="margin: 0">
    
    
    <style>
    </style>
    <style>
    html { scroll-behavior: smooth; }
    .rel{position: relative;}
    .wpb-container * {font-family: "Noto Sans KR";margin: 0;padding: 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
    .wpb-container img {width:100%;border:none ; line-height: 0;display: block;}
    .wpb-container a {display: block;text-decoration: none; border:none;}
    .wpb-container li, .wpb-container ol {list-style: none;line-height: 0;}
    /* swiper */
	.wpb-container .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}
	.wpb-container .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}
	.wpb-container .swiper-slide { width: 100%; flex-shrink: 0; height: 100%; position: relative; transition-property: transform}
	.wpb-container .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
	.wpb-container .swiper-container .swiper-pagination {position: absolute;top: 88%; z-index: 1; display: flex; justify-content: center; width: 100%;}
	.wpb-container .swiper-container .swiper-pagination .swiper-pagination-bullet {float: left; width: 12px; height: 12px; margin: 0 4px; border:none; box-sizing: border-box; border-radius: 50%; background: #000; opacity:0.6;}
	.wpb-container .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background-color: #df503f; opacity: 1;}
	.wpb-container .swiper-container .swiper-pagination .swiper-pagination-bullet::before{display: none;}
    /* layout */
    .wpb-container{	max-width:500px; width:100%; margin: 0 auto; }
    .wpb-container .pb-img-st2{padding: 0 39px;}
    .wpb-container .space-top{padding-top:15%}
    .wpb-container .space-bot{padding-bottom:15%}	
    .wpb-container .space-set{padding:15% 0 }
    .wpb-container .pb-img-st2{padding-left: 5%;padding-right: 5%;}
    .wpb-container .pb-notice-cont{color: #fff;}
    .wpb-container .pb-notice-cont .not-tit{font-size: 22px;}
    .wpb-container .pb-notice-cont ul{padding-top:4%;}
    .wpb-container .pb-notice-cont li{position: relative;padding-top: 10px; padding-left:14px ;font-weight: 100; font-size: 16px;line-height: 1.4;}
    .wpb-container .pb-notice-cont li::before{content: ''; display: block;  position: absolute;  left:0px; top: 20px; width:4px ;height: 4px ; border-radius: 50%; background-color: #fff;}    
    @media all and (max-width:420px){
        .wpb-container .pb-notice-cont .not-tit{font-size: 17px;}
        .wpb-container .pb-notice-cont li{font-size: 13px; padding-left:10px ;}
        .wpb-container .pb-notice-cont li::before{top:18px;width:3px ;height: 3px ;}
    }
    </style>
    <div class="wpb-container " >
        <div class="pb-container">
            <div class="pb-cont">
                <div class="pb-img-st1 rel">
                    <img src="https://cdns.tourvis.com/promotion/202306/54180/img_01.jpg" alt=""></div>
                <div class="pb-img-st1 rel">
                    <img src="https://cdns.tourvis.com/promotion/202306/54180/img_02.jpg" alt="">
                    <a href="#" data-modify onclick="event.preventDefault(); couponDownloadAll(['2023hotel7_nolimit']); return false;" style="width:90%;height: 9.6%;top: 81.2%;right: 5%; position: absolute;text-indent: -9999px;" ></a>
                </div>
                
                <div class="pb-img-st1 rel">
                    <img src="https://cdns.tourvis.com/promotion/202306/54180/img_03.jpg" alt="">
                    <div class="swiper-container swiper-container-new slide01" style="overflow-x: hidden; position: absolute; top:37%;left:0%; width:100%">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div style="position:relative">
                                    <img src="https://cdns.tourvis.com/promotion/202306/54180/Slide01_01.png" alt="" >
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div style="position:relative">
                                    <img src="https://cdns.tourvis.com/promotion/202306/54180/Slide01_02.png" alt="" >
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div style="position:relative">
                                    <img src="https://cdns.tourvis.com/promotion/202306/54180/Slide01_03.png" alt="" >
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div style="position:relative">
                                    <img src="https://cdns.tourvis.com/promotion/202306/54180/Slide01_04.png" alt="" >
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div style="position:relative">
                                    <img src="https://cdns.tourvis.com/promotion/202306/54180/Slide01_05.png" alt="" >
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="pb-img-st1 rel" >

                    <img src="https://cdns.tourvis.com/upload/image/banner/2023/07/24/img_04_20230724143420.png" alt="">
                    <div class="swiper-container swiper-room slide01" style="overflow-x: hidden !important; position: absolute;top:40.3%;left: 5%;right: 5%;">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div style="position:relative">
                                    <img src="https://cdns.tourvis.com/promotion/202306/54180/Slide02_01_v02.png" alt=""  border="0">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div style="position:relative">
                                    <img src="https://cdns.tourvis.com/promotion/202306/54180/Slide02_02.png" alt=""  border="0">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div style="position:relative">
                                    <img src="https://cdns.tourvis.com/promotion/202306/54180/Slide02_03.png" alt=""  border="0">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <a href="https://hotel.tourvis.com/hotels/112425?id=112425&guests=2&in=20230704&out=20230706&type=HOTEL&keyword=%25EC%2598%25A4%25EC%2582%25AC%25EC%25B9%25B4%2520%25ED%259E%2588%25EB%2585%25B8%25EB%258D%25B0%2520%25ED%2598%25B8%25ED%2585%2594%2520%25EB%258B%259B%25ED%258F%25B0%25EB%25B0%2594%25EC%258B%259C%2520-%2520%25EC%258B%25AC%25EC%25B8%25B5%25EC%2588%2598%2520%25EC%2598%25A8%25EC%25B2%259C%2C%2520%25EC%2598%25A4%25EC%2582%25AC%25EC%25B9%25B4%2C%2520%25EC%259D%25BC%25EB%25B3%25B8&division=hotel " style="display: block;position: absolute; bottom:5.4%;left:5%;width: 90%;height:5.8%;text-indent: -9999px;font-size: 0;"></a>
                </div>
                <div class="pb-img-st1 rel" >
                    <img src="https://cdns.tourvis.com/promotion/202306/54180/img_05.jpg" alt="">
                    <a href="https://hotel.tourvis.com/hotels/112425?id=112425&guests=2&in=20230704&out=20230706&type=HOTEL&keyword=%25EC%2598%25A4%25EC%2582%25AC%25EC%25B9%25B4%2520%25ED%259E%2588%25EB%2585%25B8%25EB%258D%25B0%2520%25ED%2598%25B8%25ED%2585%2594%2520%25EB%258B%259B%25ED%258F%25B0%25EB%25B0%2594%25EC%258B%259C%2520-%2520%25EC%258B%25AC%25EC%25B8%25B5%25EC%2588%2598%2520%25EC%2598%25A8%25EC%25B2%259C%2C%2520%25EC%2598%25A4%25EC%2582%25AC%25EC%25B9%25B4%2C%2520%25EC%259D%25BC%25EB%25B3%25B8&division=hotel
                    " style="display: block;position: absolute; bottom:2.5%;left:5%;width: 90%;height:2.55%;text-indent: -9999px;font-size: 0;"></a>
                </div>
                <div class="pb-img-st1 rel" >
                    <a href="https://m.tourvis.com/m/promotion/811" ><img src="https://cdns.tourvis.com/promotion/202306/54180/img_06.jpg" alt=""></a>
                </div>
                <div class="pb-img-st2 space-set rel"  style="background-color: #000;">
                    <div class="pb-notice-cont">
                        <p class="not-tit">유의사항</p>
                        <ul>
                            <li>객실 요금은 환율 상황에 따라 달라질 수 있습니다.</li>
                            <li>객실 상황 및 요금은 호텔 사정에 의해 변경 및 마감 될 수 있습니다.</li>
                            <li>호텔 내 부대시설 운영은 호텔 사정에 의해 변동될 수 있습니다.</li>
                            <li>본 기획전은 당사 사정에 의해 예고없이 변경 또는 조기 종료될 수 있습니다.</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdns.tourvis.com/hotel/dist/js/swiper-bundle.min.js"></script>
    <script>
            setTimeout(function() {
                 //swiper-visual
                var mySwiper = new Swiper(".wpb-container .swiper-room", {
                    loop: true,
                    slidesPerView: 1,
                    loopAdditionalSlides: 1,
                    pagination: {
                        el: ".swiper-pagination", 
                        clickable: true,
                    },
                    autoplay:{
                        delay: 2000,
                    }
                    
                });
                //swiper
                $(".swiper-container.swiper-container-new").each(function(index, element){
                    var $this = $(this);
                    $this.addClass('instance-' + index);

                    var swiper = new Swiper('.instance-' + index, {
                        autoplay: {
                            delay: 3000,
                        },
                        slidesPerView: 1.2,
                        spaceBetween: 20,
                        slidesOffsetBefore: 20,
                        slidesOffsetAfter: 20,
                        loop: true,
                        loopAdditionalSlides: 1,
                    });
                });
        }, 500);
    </script> 
    

</body>
</html>

오사카 가성비 호텔 히노테 닛폰바시 연박 특가