<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;
            }
        </style>
    </head>
    <body>
        <div id="EventwarpBody">
            <div class="promotion_container">
                <div class="promotion-img">
                    
                    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css" />
                    
                    <style type="text/css">
                        .event_wrap {
                            min-width: 800px;
                        }
                        .event_wrap .swiper-wrapper {
                            height: auto;
                        }
                        .event_wrap .e_tit .swiper1 .slide1 {
                            background: url("//img.modetour.com/promotion24/16451/tit01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .e_tit .swiper1 .slide2 {
                            background: url("//img.modetour.com/promotion24/16451/tit02_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .e_tit .swiper1 .slide3 {
                            background: url("//img.modetour.com/promotion24/16451/tit03_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .e_tit .swiper1 .slide4 {
                            background: url("//img.modetour.com/promotion24/16451/tit04_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont01 {
                            background: url("//img.modetour.com/promotion24/16451/cont01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont02 {
                            background: url("//img.modetour.com/promotion24/16451/cont02_bg.jpg") no-repeat center 0;
                            position: relative;
                        }
                        .event_wrap .cont02 a {
                            position: absolute;
                            left: 50%;
                            font-size: 0;
                            color: transparent;
                            cursor: pointer;
                        }
                        .event_wrap .cont02 .btn01_1 {
                            width: 109px;
                            height: 40px;
                            top: 540px;
                            margin-left: -250px;
                        }
                        .event_wrap .cont02 .btn01_2 {
                            width: 50px;
                            height: 68px;
                            top: 460px;
                            margin-left: -270px;
                        }
                        .event_wrap .cont02 .btn01_3 {
                            width: 45px;
                            height: 55px;
                            top: 560px;
                            margin-left: -133px;
                        }
                        .event_wrap .cont02 .btn01_4 {
                            width: 45px;
                            height: 55px;
                            top: 614px;
                            margin-left: -107px;
                        }
                        .event_wrap .cont02 .btn02_1 {
                            width: 45px;
                            height: 50px;
                            top: 499px;
                            margin-left: -65px;
                        }
                        .event_wrap .cont02 .btn02_2 {
                            width: 45px;
                            height: 50px;
                            top: 549px;
                            margin-left: -52px;
                        }
                        .event_wrap .cont02 .btn02_3 {
                            width: 70px;
                            height: 50px;
                            top: 567px;
                            margin-left: -6px;
                        }
                        .event_wrap .cont02 .btn02_4 {
                            width: 90px;
                            height: 50px;
                            top: 447px;
                            margin-left: -132px;
                        }
                        .event_wrap .cont02 .btn03_1 {
                            width: 75px;
                            height: 55px;
                            top: 175px;
                            margin-left: 70px;
                        }
                        .event_wrap .cont03 {
                            background: url("//img.modetour.com/promotion24/16451/cont03_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont04 {
                            background: url("//img.modetour.com/promotion24/16451/cont04_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont05 {
                            background: url("//img.modetour.com/promotion24/16451/cont05_bg.jpg") repeat-y center 0;
                        }
                    </style>
                    <div class="event_wrap">
                        <div class="e_tit">
                            <div class="swiper swiper1">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide slide1"><img src="//img.modetour.com/promotion24/16451/tit01.jpg" alt="" /></div>
                                    <div class="swiper-slide slide2"><img src="//img.modetour.com/promotion24/16451/tit02.jpg" alt="" /></div>
                                    <div class="swiper-slide slide3"><img src="//img.modetour.com/promotion24/16451/tit03.jpg" alt="" /></div>
                                    <div class="swiper-slide slide4"><img src="//img.modetour.com/promotion24/16451/tit04.jpg" alt="" /></div>
                                </div>
                            </div>
                        </div>
                        <div class="cont01">
                            <img src="//img.modetour.com/promotion24/16451/cont01.jpg" alt="" />
                        </div>
                        <div class="cont02">
                            <img src="//img.modetour.com/promotion24/16451/cont02.jpg" alt="" />
                            <div class="btn_group">
                                <a href="#" class="btn01 btn01_1">스트라스부르</a>
                                <a href="#" class="btn01 btn01_2">런던</a>
                                <a href="#" class="btn01 btn01_3">루체른</a>
                                <a href="#" class="btn01 btn01_4">밀라노</a>
                                <a href="#" class="btn01 btn02_1">프라하</a>
                                <a href="#" class="btn01 btn02_2">비엔나</a>
                                <a href="#" class="btn01 btn02_3">부다페스트</a>
                                <a href="#" class="btn01 btn02_4">하이델베르크</a>
                                <a href="#" class="btn01 btn03_1">로바니에미</a>
                            </div>
                        </div>
                        <div class="cont03">
                            <img src="//img.modetour.com/promotion24/16451/cont03.jpg" alt="" />
                        </div>
                        <div class="cont04">
                            <img src="//img.modetour.com/promotion24/16451/cont04.jpg" alt="" />
                        </div>
                        <div class="cont05">
                            <img src="//img.modetour.com/promotion24/16451/cont05.jpg" alt="" />
                        </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://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;
            }
        </style>
    </head>
    <body>
        <div id="EventwarpBody">
            <div class="promotion_container">
                <div class="promotion-img">
                    
                    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css" />
                    <script src="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script>
                    <style type="text/css">
                        .event_wrap {
                            min-width: 800px;
                        }
                        .event_wrap .swiper-wrapper {
                            height: auto;
                        }
                        .event_wrap .e_tit .swiper1 .slide1 {
                            background: url("//img.modetour.com/promotion24/16451/tit01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .e_tit .swiper1 .slide2 {
                            background: url("//img.modetour.com/promotion24/16451/tit02_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .e_tit .swiper1 .slide3 {
                            background: url("//img.modetour.com/promotion24/16451/tit03_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .e_tit .swiper1 .slide4 {
                            background: url("//img.modetour.com/promotion24/16451/tit04_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont01 {
                            background: url("//img.modetour.com/promotion24/16451/cont01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont02 {
                            background: url("//img.modetour.com/promotion24/16451/cont02_bg.jpg") no-repeat center 0;
                            position: relative;
                        }
                        .event_wrap .cont02 a {
                            position: absolute;
                            left: 50%;
                            font-size: 0;
                            color: transparent;
                            cursor: pointer;
                        }
                        .event_wrap .cont02 .btn01_1 {
                            width: 109px;
                            height: 40px;
                            top: 540px;
                            margin-left: -250px;
                        }
                        .event_wrap .cont02 .btn01_2 {
                            width: 50px;
                            height: 68px;
                            top: 460px;
                            margin-left: -270px;
                        }
                        .event_wrap .cont02 .btn01_3 {
                            width: 45px;
                            height: 55px;
                            top: 560px;
                            margin-left: -133px;
                        }
                        .event_wrap .cont02 .btn01_4 {
                            width: 45px;
                            height: 55px;
                            top: 614px;
                            margin-left: -107px;
                        }
                        .event_wrap .cont02 .btn02_1 {
                            width: 45px;
                            height: 50px;
                            top: 499px;
                            margin-left: -65px;
                        }
                        .event_wrap .cont02 .btn02_2 {
                            width: 45px;
                            height: 50px;
                            top: 549px;
                            margin-left: -52px;
                        }
                        .event_wrap .cont02 .btn02_3 {
                            width: 70px;
                            height: 50px;
                            top: 567px;
                            margin-left: -6px;
                        }
                        .event_wrap .cont02 .btn02_4 {
                            width: 90px;
                            height: 50px;
                            top: 447px;
                            margin-left: -132px;
                        }
                        .event_wrap .cont02 .btn03_1 {
                            width: 75px;
                            height: 55px;
                            top: 175px;
                            margin-left: 70px;
                        }
                        .event_wrap .cont03 {
                            background: url("//img.modetour.com/promotion24/16451/cont03_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont04 {
                            background: url("//img.modetour.com/promotion24/16451/cont04_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont05 {
                            background: url("//img.modetour.com/promotion24/16451/cont05_bg.jpg") repeat-y center 0;
                        }
                    </style>
                    <div class="event_wrap">
                        <div class="e_tit">
                            <div class="swiper swiper1">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide slide1"><img src="//img.modetour.com/promotion24/16451/tit01.jpg" alt="" /></div>
                                    <div class="swiper-slide slide2"><img src="//img.modetour.com/promotion24/16451/tit02.jpg" alt="" /></div>
                                    <div class="swiper-slide slide3"><img src="//img.modetour.com/promotion24/16451/tit03.jpg" alt="" /></div>
                                    <div class="swiper-slide slide4"><img src="//img.modetour.com/promotion24/16451/tit04.jpg" alt="" /></div>
                                </div>
                            </div>
                        </div>
                        <div class="cont01">
                            <img src="//img.modetour.com/promotion24/16451/cont01.jpg" alt="" />
                        </div>
                        <div class="cont02">
                            <img src="//img.modetour.com/promotion24/16451/cont02.jpg" alt="" />
                            <div class="btn_group">
                                <a href="#" class="btn01 btn01_1">스트라스부르</a>
                                <a href="#" class="btn01 btn01_2">런던</a>
                                <a href="#" class="btn01 btn01_3">루체른</a>
                                <a href="#" class="btn01 btn01_4">밀라노</a>
                                <a href="#" class="btn01 btn02_1">프라하</a>
                                <a href="#" class="btn01 btn02_2">비엔나</a>
                                <a href="#" class="btn01 btn02_3">부다페스트</a>
                                <a href="#" class="btn01 btn02_4">하이델베르크</a>
                                <a href="#" class="btn01 btn03_1">로바니에미</a>
                            </div>
                        </div>
                        <div class="cont03">
                            <img src="//img.modetour.com/promotion24/16451/cont03.jpg" alt="" />
                        </div>
                        <div class="cont04">
                            <img src="//img.modetour.com/promotion24/16451/cont04.jpg" alt="" />
                        </div>
                        <div class="cont05">
                            <img src="//img.modetour.com/promotion24/16451/cont05.jpg" alt="" />
                        </div>
                    </div>
                    <script type="text/javascript">
                        (function ($) {
                            $(document).ready(function () {
                                var swiper1 = new Swiper(".swiper1", {
                                    effect: "fade",
                                    simulateTouch: false,
                                    draggable: false,
                                    autoplay: {
                                        delay: 3000,
                                        disableOnInteraction: false,
                                    },
                                    speed: 800,
                                    loop: true,
                                });

                                var cont03Top = $(".cont03").offset().top;
                                var cont04Top = $(".cont04").offset().top;
                                var cont05Top = $(".cont05").offset().top;
                                $(".btn01").click(function () {
                                    $("html,body").stop().animate({ scrollTop: cont03Top }, 100);
                                    return false;
                                });
                                $(".btn02").click(function () {
                                    $("html,body").stop().animate({ scrollTop: cont04Top }, 100);
                                    return false;
                                });
                                $(".btn03").click(function () {
                                    $("html,body").stop().animate({ scrollTop: cont05Top }, 100);
                                    return false;
                                });
                            });
                        })(jQuery);
                    </script>
                    
                </div>
            </div>
        </div>
    </body>
</html>

16451_유럽크리스마스

오사카

일본