<html class="no-js" lang="ko">
    
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title>대한민국 여행의 기준이 되다 - 모두투어</title>
        <link rel="Shortcut Icon" href="//img.modetour.co.kr/Modetour.ico" />
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/Include/css/warp.css" />
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/Include/css/Modetour/Modetour.css" />
        
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/include/css/modetour/jquery.mCustomScrollbar.css" />
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/include/css/modetour/header.css" />
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/Include/Css/Modetour/hotproduct/event.css" />
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/Event/Plan/Css/PC/promotion.css" />
        
        
        
        
        
        
        
        
        
        <style type="text/css">
            .blind {
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                font-size: 0;
                line-height: 0;
                visibility: hidden;
                overflow: hidden;
            }
            .follow_section.aside,
            #divQuickTop {
                display: none !important;
            }
            #Containerwrap,
            #EventwarpBody {
                margin: 0 !important;
                width: 100% !important;
            }
            #EventwarpBody {
                margin: 0 auto;
            }
            #EventwarpBody .fullwidth .container {
                position: relative;
                margin: 0 auto;
                width: 1180px;
                height: auto;
            }
            #EventwarpBody .fullwidth .eventarea {
                position: relative;
                width: 1180px;
            }
            #EventwarpBody .fullwidth .temp {
                padding-top: 30px;
            }
            html {
                scroll-behavior: auto !important;
            }
        </style>
    </head>
    <body>
        <div id="EventwarpBody">
            <div class="promotion_container">
                <div class="promotion-img">
                    
                    <style type="text/css">
                        @font-face {
                            font-family: "Paperozi";
                            src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2") format("woff2");
                            font-weight: 500;
                            font-display: swap;
                        }

                        @font-face {
                            font-family: "Paperozi";
                            src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2") format("woff2");
                            font-weight: 800;
                            font-display: swap;
                        }

                        .event_wrap {
                            min-width: 800px;
                            position: relative;
                        }
                        .event_wrap .main {
                            position: relative;
                        }
                        .event_wrap .main .tit_img {
                            position: absolute;
                            top: 0;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                        .event_wrap .main .e_video {
                            width: 2000px;
                            max-width: 2000px;
                            margin: 0 auto;
                        }
                        .event_wrap .main .e_video::-webkit-media-controls-panel {
                            display: none !important;
                            opacity: 1 !important;
                        }
                        .event_wrap .cont01 {
                            background: url("//img.modetour.com/promotion25/17541/cont01_bg.jpg") no-repeat center bottom;
                            position: relative;
                            margin-top: -137px;
                        }
                        .event_wrap .btn_group {
                            background: url("//img.modetour.com/promotion25/17541/btn_bg.jpg") no-repeat center 0;
                            padding: 156px 0 58px;
                            font-size: 0;
                        }
                        .event_wrap .btn_group button {
                            position: relative;
                            cursor: pointer;
                            margin-left: 21px;
                        }
                        .event_wrap .btn_group button:first-child {
                            margin-left: 0;
                        }
                        .event_wrap .btn_group button span {
                            position: absolute;
                            bottom: 15px;
                            left: 50%;
                            transform: translateX(-50%);
                            font-family: "Paperozi";
                            font-size: 25px;
                            font-weight: 500;
                            color: #fff;
                        }
                        .event_wrap .btn_group button.on span {
                            font-weight: 800;
                        }
                        .event_wrap .cont_group > div {
                            display: none;
                        }
                        .event_wrap .cont_group > div.on {
                            display: block;
                        }
                        .event_wrap .cont_group .con01 {
                            background: url("//img.modetour.com/promotion25/17541/tab01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont_group .con02 {
                            background: url("//img.modetour.com/promotion25/17541/tab02_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont_group .con03 {
                            background: url("//img.modetour.com/promotion25/17541/tab03_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont_group > div {
                            position: relative;
                        }
                        .event_wrap .cont_group > div a {
                            position: absolute;
                            width: 205px;
                            height: 55px;
                            left: 50%;
                            margin-left: 155px;
                            font-size: 0;
                            color: transparent;
                        }
                        .event_wrap .cont_group .con01 a:nth-of-type(1) {
                            top: 20.6%;
                        }
                        .event_wrap .cont_group .con01 a:nth-of-type(2) {
                            top: 44.23%;
                        }
                        .event_wrap .cont_group .con01 a:nth-of-type(3) {
                            top: 67.7%;
                        }
                        .event_wrap .cont_group .con01 a:nth-of-type(4) {
                            top: 91.32%;
                        }
                        .event_wrap .cont_group .con02 a:nth-of-type(1) {
                            top: 28%;
                        }
                        .event_wrap .cont_group .con02 a:nth-of-type(2) {
                            top: 59.2%;
                        }
                        .event_wrap .cont_group .con02 a:nth-of-type(3) {
                            top: 90%;
                        }
                        .event_wrap .cont_group .con03 a:nth-of-type(1) {
                            top: 79.8%;
                        }
                    </style>
                    <div class="event_wrap">
                        <div class="main">
                            <img src="//img.modetour.com/promotion25/17541/tit.png" alt="" class="tit_img" />
                            <video autoplay="autoplay" loop muted="muted" controls -webkit-playsinline="-webkit-playsinline" playsinline="playsinline" class="e_video">
                                <source src="//img.modetour.com/promotion25/17541/video.mp4" type="video/mp4" />
                            </video>
                        </div>
                        <div class="cont01"><img src="//img.modetour.com/promotion25/17541/cont01.png" alt="" /></div>
                        <div class="tab_area">
                            <div class="btn_group">
                                <button type="button" class="on">
                                    <img src="//img.modetour.com/promotion25/17541/tab01_btn.png" alt="" />
                                    <span>베트남</span>
                                </button>
                                <button type="button">
                                    <img src="//img.modetour.com/promotion25/17541/tab02_btn.png" alt="" />
                                    <span>태국</span>
                                </button>
                                <button type="button">
                                    <img src="//img.modetour.com/promotion25/17541/tab03_btn.png" alt="" />
                                    <span>라오스</span>
                                </button>
                            </div>
                            <div class="cont_group">
                                <div class="con01 on">
                                    <img src="//img.modetour.com/promotion25/17541/tab01.jpg" alt="" />
                                    <a href="/product-common/f0eefa7b-56c8-4dc8-b1ad-08de36e37117?type=group" target="_blank">다낭/호이안/1일자유 3박4일</a>
                                    <a href="/product-common/7bde8bb6-0b9c-49e1-4f11-08de37c80152?type=group" target="_blank">나트랑 몽키아일랜드 3박5일</a>
                                    <a href="/product-common/687142bc-ca78-441e-bb12-08de3224b54a?type=group" target="_blank">하노이+하롱베이 5일</a>
                                    <a href="/product-common/9d88ddec-2c01-4fdc-04c6-08de35f77405?type=group" target="_blank">푸꾸옥 패키지 </a>
                                </div>
                                <div class="con02">
                                    <img src="//img.modetour.com/promotion25/17541/tab02.jpg" alt="" />
                                    <a href="/product-common/bc18d483-f0dd-4fe8-c545-08de390de8a4?type=group" target="_blank">인터컨티넨탈 파타야 3박5일</a>
                                    <a href="/product-common/d9d6a710-5ee8-4bd2-576e-08dc0132d8d8?type=group" target="_blank">푸켓 솔레 미오 부티크 3박5일</a>
                                    <a href="/product-common/93308cdb-0fee-4ce6-75d3-08de1cc82e16?type=group" target="_blank">치앙마이 5일</a>
                                </div>
                                <div class="con03">
                                    <img src="//img.modetour.com/promotion25/17541/tab03.jpg" alt="" />
                                    <a href="/product-common/8832bef5-d00c-4ffb-dbf6-08de1102450d?type=group" target="_blank">비엔티엔, 방비엥 5일</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                </div>
            </div>
        </div>
    </body>
</html>

<html class="no-js" lang="ko">
    
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title>대한민국 여행의 기준이 되다 - 모두투어</title>
        <link rel="Shortcut Icon" href="//img.modetour.co.kr/Modetour.ico" />
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/Include/css/warp.css" />
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/Include/css/Modetour/Modetour.css" />
        
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/include/css/modetour/jquery.mCustomScrollbar.css" />
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/include/css/modetour/header.css" />
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/Include/Css/Modetour/hotproduct/event.css" />
        <link rel="stylesheet" type="text/css" href="https://js.modetour.com/Event/Plan/Css/PC/promotion.css" />
        <script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/Hfg+kM=" crossorigin="anonymous"></script>
        <script src="https://js.modetour.com/jquery/ver/1.8.3.min.js"></script>
        <script src="https://js.modetour.com/jquery/plugin/easing.js"></script>
        <script src="https://js.modetour.com/jquery/plugin/cycle2.js"></script>
        <script src="https://js.modetour.com/jquery/plugin/cycle2.scrollVert.js"></script>
        <script src="https://js.modetour.com/jquery/plugin/effect.js"></script>
        <script src="https://js.modetour.com/jquery/plugin/mousewheel.js"></script>
        <script src="https://js.modetour.com/jquery/plugin/Custom.scrollbar.js"></script>
        <script src="https://js.modetour.com/jquery/plugin/selectbox.js"></script>
        <style type="text/css">
            .blind {
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                font-size: 0;
                line-height: 0;
                visibility: hidden;
                overflow: hidden;
            }
            .follow_section.aside,
            #divQuickTop {
                display: none !important;
            }
            #Containerwrap,
            #EventwarpBody {
                margin: 0 !important;
                width: 100% !important;
            }
            #EventwarpBody {
                margin: 0 auto;
            }
            #EventwarpBody .fullwidth .container {
                position: relative;
                margin: 0 auto;
                width: 1180px;
                height: auto;
            }
            #EventwarpBody .fullwidth .eventarea {
                position: relative;
                width: 1180px;
            }
            #EventwarpBody .fullwidth .temp {
                padding-top: 30px;
            }
            html {
                scroll-behavior: auto !important;
            }
        </style>
    </head>
    <body>
        <div id="EventwarpBody">
            <div class="promotion_container">
                <div class="promotion-img">
                    
                    <style type="text/css">
                        @font-face {
                            font-family: "Paperozi";
                            src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2") format("woff2");
                            font-weight: 500;
                            font-display: swap;
                        }

                        @font-face {
                            font-family: "Paperozi";
                            src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2") format("woff2");
                            font-weight: 800;
                            font-display: swap;
                        }

                        .event_wrap {
                            min-width: 800px;
                            position: relative;
                        }
                        .event_wrap .main {
                            position: relative;
                        }
                        .event_wrap .main .tit_img {
                            position: absolute;
                            top: 0;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                        .event_wrap .main .e_video {
                            width: 2000px;
                            max-width: 2000px;
                            margin: 0 auto;
                        }
                        .event_wrap .main .e_video::-webkit-media-controls-panel {
                            display: none !important;
                            opacity: 1 !important;
                        }
                        .event_wrap .cont01 {
                            background: url("//img.modetour.com/promotion25/17541/cont01_bg.jpg") no-repeat center bottom;
                            position: relative;
                            margin-top: -137px;
                        }
                        .event_wrap .btn_group {
                            background: url("//img.modetour.com/promotion25/17541/btn_bg.jpg") no-repeat center 0;
                            padding: 156px 0 58px;
                            font-size: 0;
                        }
                        .event_wrap .btn_group button {
                            position: relative;
                            cursor: pointer;
                            margin-left: 21px;
                        }
                        .event_wrap .btn_group button:first-child {
                            margin-left: 0;
                        }
                        .event_wrap .btn_group button span {
                            position: absolute;
                            bottom: 15px;
                            left: 50%;
                            transform: translateX(-50%);
                            font-family: "Paperozi";
                            font-size: 25px;
                            font-weight: 500;
                            color: #fff;
                        }
                        .event_wrap .btn_group button.on span {
                            font-weight: 800;
                        }
                        .event_wrap .cont_group > div {
                            display: none;
                        }
                        .event_wrap .cont_group > div.on {
                            display: block;
                        }
                        .event_wrap .cont_group .con01 {
                            background: url("//img.modetour.com/promotion25/17541/tab01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont_group .con02 {
                            background: url("//img.modetour.com/promotion25/17541/tab02_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont_group .con03 {
                            background: url("//img.modetour.com/promotion25/17541/tab03_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont_group > div {
                            position: relative;
                        }
                        .event_wrap .cont_group > div a {
                            position: absolute;
                            width: 205px;
                            height: 55px;
                            left: 50%;
                            margin-left: 155px;
                            font-size: 0;
                            color: transparent;
                        }
                        .event_wrap .cont_group .con01 a:nth-of-type(1) {
                            top: 20.6%;
                        }
                        .event_wrap .cont_group .con01 a:nth-of-type(2) {
                            top: 44.23%;
                        }
                        .event_wrap .cont_group .con01 a:nth-of-type(3) {
                            top: 67.7%;
                        }
                        .event_wrap .cont_group .con01 a:nth-of-type(4) {
                            top: 91.32%;
                        }
                        .event_wrap .cont_group .con02 a:nth-of-type(1) {
                            top: 28%;
                        }
                        .event_wrap .cont_group .con02 a:nth-of-type(2) {
                            top: 59.2%;
                        }
                        .event_wrap .cont_group .con02 a:nth-of-type(3) {
                            top: 90%;
                        }
                        .event_wrap .cont_group .con03 a:nth-of-type(1) {
                            top: 79.8%;
                        }
                    </style>
                    <div class="event_wrap">
                        <div class="main">
                            <img src="//img.modetour.com/promotion25/17541/tit.png" alt="" class="tit_img" />
                            <video autoplay="autoplay" loop muted="muted" controls -webkit-playsinline="-webkit-playsinline" playsinline="playsinline" class="e_video">
                                <source src="//img.modetour.com/promotion25/17541/video.mp4" type="video/mp4" />
                            </video>
                        </div>
                        <div class="cont01"><img src="//img.modetour.com/promotion25/17541/cont01.png" alt="" /></div>
                        <div class="tab_area">
                            <div class="btn_group">
                                <button type="button" class="on">
                                    <img src="//img.modetour.com/promotion25/17541/tab01_btn.png" alt="" />
                                    <span>베트남</span>
                                </button>
                                <button type="button">
                                    <img src="//img.modetour.com/promotion25/17541/tab02_btn.png" alt="" />
                                    <span>태국</span>
                                </button>
                                <button type="button">
                                    <img src="//img.modetour.com/promotion25/17541/tab03_btn.png" alt="" />
                                    <span>라오스</span>
                                </button>
                            </div>
                            <div class="cont_group">
                                <div class="con01 on">
                                    <img src="//img.modetour.com/promotion25/17541/tab01.jpg" alt="" />
                                    <a href="/product-common/f0eefa7b-56c8-4dc8-b1ad-08de36e37117?type=group" target="_blank">다낭/호이안/1일자유 3박4일</a>
                                    <a href="/product-common/7bde8bb6-0b9c-49e1-4f11-08de37c80152?type=group" target="_blank">나트랑 몽키아일랜드 3박5일</a>
                                    <a href="/product-common/687142bc-ca78-441e-bb12-08de3224b54a?type=group" target="_blank">하노이+하롱베이 5일</a>
                                    <a href="/product-common/9d88ddec-2c01-4fdc-04c6-08de35f77405?type=group" target="_blank">푸꾸옥 패키지 </a>
                                </div>
                                <div class="con02">
                                    <img src="//img.modetour.com/promotion25/17541/tab02.jpg" alt="" />
                                    <a href="/product-common/bc18d483-f0dd-4fe8-c545-08de390de8a4?type=group" target="_blank">인터컨티넨탈 파타야 3박5일</a>
                                    <a href="/product-common/d9d6a710-5ee8-4bd2-576e-08dc0132d8d8?type=group" target="_blank">푸켓 솔레 미오 부티크 3박5일</a>
                                    <a href="/product-common/93308cdb-0fee-4ce6-75d3-08de1cc82e16?type=group" target="_blank">치앙마이 5일</a>
                                </div>
                                <div class="con03">
                                    <img src="//img.modetour.com/promotion25/17541/tab03.jpg" alt="" />
                                    <a href="/product-common/8832bef5-d00c-4ffb-dbf6-08de1102450d?type=group" target="_blank">비엔티엔, 방비엥 5일</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <script type="text/javascript">
                        (function ($) {
                            $(document).ready(function () {
                                //탭메뉴
                                $(".btn_group button").click(function () {
                                    var idx = $(this).index();
                                    $(this).addClass("on").siblings().removeClass("on").parent(".btn_group").siblings(".cont_group").children("div").eq(idx).addClass("on").siblings().removeClass("on");
                                });
                            });
                        })(jQuery);
                    </script>
                    
                </div>
            </div>
        </div>
    </body>
</html>

17541_늦잠자는 패키지

오사카

일본