<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>프로모션</title>

</head>
<body style="margin: 0">
    
    <style>
    </style>
    <style>
        html { scroll-behavior: smooth; }
        img {width: 100%;}
    </style>
    <div class="event-wrap" style="position:relative;width:100%;max-width:800px;margin: auto; line-height:0;">
        <div class="container-area" style="position:relative;width:100%;height:100%;top:0;left:0;">
            <div style="position: relative;">
                <img src="https://cdns.tourvis.com/promotion/202305/54185/img_01.jpg" style="display:block;max-width:100%">
                <div class="tab-mn">
                    <a href="#cont01" style="position: absolute; top:66.6%; left: 5%; width: 44%; height: 13.6%; text-indent: -9999px;">액티비티</a>
                    <a href="#cont02" style="position: absolute; top:66.6%; left: 51%; width: 44%; height: 13.6%; text-indent: -9999px;">야경명소</a>
                    <a href="#cont03" style="position: absolute; top:82.3%; left: 5%; width: 44%; height: 13.6%; text-indent: -9999px;">자연여행</a>
                    <a href="#cont04" style="position: absolute; top:82.3%; left: 51%; width: 44%; height: 13.6%; text-indent: -9999px;">시티투어</a>
                </div>
            </div>

            <div class="tab-mn" id="cont01" style="position: relative;">
                <img src="https://cdns.tourvis.com/promotion/202303/53595/img_tab01.jpg" alt="">
                <a style="display: block;position: absolute; bottom:0%;left: 0%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont01">액티비티</a>
                <a style="display: block;position: absolute; bottom:0%;left: 25%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont02">야경명소</a>
                <a style="display: block;position: absolute; bottom:0%;left: 50%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont03">자연여행</a>
                <a style="display: block;position: absolute; bottom:0%;left: 75%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont04">시티투어</a>
            </div>
            <div style="position: relative;">
                <img src="https://cdns.tourvis.com/promotion/202303/53595/img_02.jpg" style="display:block;max-width:100%">
                <a href="https://m.tourvis.com/activity/product/PRD3000086988" style="position: absolute; top:27.8%; left: 5%; width: 90%; height: 10.8%; text-indent: -9999px;">상품 구매하기</a> 
                <a href="https://m.tourvis.com/activity/product/PRD3000172856" style="position: absolute; top:39.6%; left: 5%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/activity/product/PRD3000117918" style="position: absolute; top:39.6%; left: 51%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/activity/product/PRD3000341414" style="position: absolute; top:59%; left: 5%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/activity/product/PRD3000188221" style="position: absolute; top:59%; left: 51%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/activity/product/PRD3000391028" style="position: absolute; top:78.5%; left: 5%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/activity/product/PRD3000390961" style="position: absolute; top:78.5%; left: 51%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
            </div>


            <div class="tab-mn" id="cont02" style="position: relative;">
                <img src="https://cdns.tourvis.com/promotion/202303/53595/img_tab02.jpg" alt="">
                <a style="display: block;position: absolute; bottom:0%;left: 0%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont01">액티비티</a>
                <a style="display: block;position: absolute; bottom:0%;left: 25%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont02">야경명소</a>
                <a style="display: block;position: absolute; bottom:0%;left: 50%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont03">자연여행</a>
                <a style="display: block;position: absolute; bottom:0%;left: 75%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont04">시티투어</a>
            </div>
            <div style="position: relative;">
                <img src="https://cdns.tourvis.com/promotion/202303/53595/img_03.jpg" style="display:block;max-width:100%">
                <a href="https://m.tourvis.com/activity/product/PRD3000088669" style="position: absolute; top:34.4%; left: 5%; width: 90%; height: 13.4%; text-indent: -9999px;">상품 구매하기</a> 
                <a href="https://m.tourvis.com/activity/product/PRD3000246798" style="position: absolute; top:49%; left: 5%; width: 44%; height: 23%; text-indent: -9999px;">상품 구매하기</a> 
                <a href="https://m.tourvis.com/activity/product/PRD3000105847" style="position: absolute; top:49%; left: 51%; width: 44%; height: 23%; text-indent: -9999px;">상품 구매하기</a> 
                <a href="https://m.tourvis.com/activity/product/PRD3000118609" style="position: absolute; top:73.2%; left: 5%; width: 44%; height: 23%; text-indent: -9999px;">상품 구매하기</a> 
                <a href="https://m.tourvis.com/activity/product/PRD3000341514" style="position: absolute; top:73.2%; left: 51%; width: 44%; height: 23%; text-indent: -9999px;">상품 구매하기</a> 

            </div>

            <div class="tab-mn" id="cont03" style="position: relative;">
                <img src="https://cdns.tourvis.com/promotion/202303/53595/img_tab03.jpg" alt="">
                <a style="display: block;position: absolute; bottom:0%;left: 0%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont01">액티비티</a>
                <a style="display: block;position: absolute; bottom:0%;left: 25%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont02">야경명소</a>
                <a style="display: block;position: absolute; bottom:0%;left: 50%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont03">자연여행</a>
                <a style="display: block;position: absolute; bottom:0%;left: 75%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont04">시티투어</a>
            </div>
            <div style="position: relative;">
                <img src="https://cdns.tourvis.com/promotion/202303/53595/img_04.jpg" style="display:block;max-width:100%">
                <a href="https://m.tourvis.com/activity/product/PRD3000085592" style="position: absolute; top:27.7%; left: 5%; width: 90%; height: 11%; text-indent: -9999px;">상품 구매하기</a> 
                <a href="https://m.tourvis.com/activity/product/PRD3000093591" style="position: absolute; top:39.5%; left: 5%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/activity/product/PRD3000179868" style="position: absolute; top:39.5%; left: 51%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/activity/product/PRD3000093150" style="position: absolute; top:59%; left: 5%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/activity/product/PRD3000404231" style="position: absolute; top:59%; left: 51%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/activity/product/PRD3000393749" style="position: absolute; top:78.5%; left: 5%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/activity/product/PRD3000242549" style="position: absolute; top:78.5%; left: 51%; width: 44%; height: 18.5%; text-indent: -9999px;">상품 구매하기</a>
            </div>

            <div class="tab-mn" id="cont04" style="position: relative;">
                <img src="https://cdns.tourvis.com/promotion/202303/53595/img_tab04.jpg" alt="">
                <a style="display: block;position: absolute; bottom:0%;left: 0%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont01">액티비티</a>
                <a style="display: block;position: absolute; bottom:0%;left: 25%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont02">야경명소</a>
                <a style="display: block;position: absolute; bottom:0%;left: 50%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont03">자연여행</a>
                <a style="display: block;position: absolute; bottom:0%;left: 75%;width: 25%;height: 100%;text-indent: -9999px;" href="#cont04">시티투어</a>
            </div>
            <div style="position: relative;">
                <img src="https://cdns.tourvis.com/promotion/202303/53595/img_05.jpg" style="display:block;max-width:100%">
                <a href="https://m.tourvis.com/activity/product/PRD3000119635" style="position: absolute; top:45.5%; left: 5%; width: 90%; height: 17.8%; text-indent: -9999px;">상품 구매하기</a>  
                <a href="https://m.tourvis.com/activity/product/PRD3000334885" style="position: absolute; top:64.8%; left: 5%; width: 44%; height: 30.2%; text-indent: -9999px;">상품 구매하기</a>  
                <a href="https://m.tourvis.com/activity/product/PRD3000000611" style="position: absolute; top:64.8%; left: 51%; width: 44%; height: 30.2%; text-indent: -9999px;">상품 구매하기</a>
            </div>
            
            <div style="position: relative;">
                <img src="https://cdns.tourvis.com/promotion/202303/53595/img_06.jpg" style="display:block;max-width:100%">
                <a href="#" data-modify onclick="couponDownloadAll(['2023hotel7_TA']); return false;" style="position: absolute; top:50.8%; left: 5%; width: 90%; height: 7%; text-indent: -9999px;">할인 쿠폰 바로 받기</a>  
                <a href="https://hotel.tourvis.com/hotels/31814?in=20230417&out=20230418" style="position: absolute; top:60%; left: 5%; width: 90%; height: 24%; text-indent: -9999px;">상품 구매하기</a>
                <a href="https://m.tourvis.com/m/promotion/533" style="position: absolute; top:86.2%; left: 5%; width: 90%; height: 7%; text-indent: -9999px;">더 많은 호텔 특가 보러가기</a>
            </div>

            <div style="position:relative; display: block;width: 100%; height: 100%;max-width:800px">
                <img src="https://cdns.tourvis.com/promotion/202303/53595/img_07.jpg" style="border:0; display:block;width:100%;" alt="">
            </div>
        </div>          
    </div>

    <script src="https://cdns.tourvis.com/hotel/dist/js/swiper-bundle.min.js"></script>
    <script>
        var tab = document.querySelectorAll('.tab-mn');
        var tab_li = document.querySelectorAll('.tab-mn a');
    
        for(var i=0; i< tab_li.length; i++){
            tab_li[i].addEventListener('click', function(e){
                e.preventDefault();
                var sections = this.getAttribute('href');
                var sections_location= document.querySelector(sections).offsetTop;
                window.scrollTo({top: sections_location})

            })
        }
    </script> 
    
</body>

</html>