<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>
    <style type="text/css">
      .event_wrap {
      }

      .event_wrap .main_top_area {
        position: fixed;
        bottom: 60px;
        right: 10px;
        width: 112px;
        overflow: hidden;
        z-index: 106;
      }

      .event_wrap .main_top_area .main_top {
        display: block;
        position: relative;
        width: 65px;
        height: 65px;
        border: 1px solid #ddd;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
      }

      .event_wrap .main_top_area .main_top:after {
        position: absolute;
        top: 37%;
        left: 43%;
        display: inline-block;
        width: 10px;
        height: 16px;
        content: "";
        background: url("//img.modetour.com/modetour/2021/main/ico_top.png") no-repeat 50%;
        background-size: 100%;
      }
    </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">
            @font-face {
              font-family: "NanumBarunGothic";
              src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot");
              font-weight: 400;
              font-display: swap;
            }
            body {
              margin: 0;
            }
            .event_wrap img {
              vertical-align: middle;
            }
            .event_wrap .swiper-wrapper {
              height: auto;
            }
            .event_wrap {
              min-width: 800px;
              text-align: center;
            }
            .event_wrap .bg01 {
              background: url(//img.modetour.com/promotion26/17549/bg01.jpg) center 0 no-repeat;
            }
            .event_wrap .bg02 {
              background: url(//img.modetour.com/promotion26/17549/bg02.jpg) center 0 no-repeat;
            }
            .event_wrap .bg03 {
              background: url(//img.modetour.com/promotion26/17549/bg03.jpg) center 0 no-repeat;
            }
            /* 고정메뉴 */
            .event_wrap .fix-menu {
              height: 90px;
            }
            .event_wrap .fix-menu.on .fix-in {
              position: fixed;
              top: 0;
              z-index: 10;
              left: 0;
              right: 0;
            }
            .event_wrap .fix-in {
              background: url(//img.modetour.com/promotion26/17549/tab_bg.jpg) repeat;
            }
            .event_wrap .fix-menu ul {
              width: 800px;
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              align-items: center;
              margin: 0 auto;
            }
            .event_wrap .fix-menu ul li {
              flex: 1;
              background: url(//img.modetour.com/promotion26/17549/tab_bg.jpg) repeat;
              position: relative;
              line-height: 85px;
              overflow: hidden;
              box-sizing: border-box;
              transition: all 0.3s;
            }
            .event_wrap .fix-menu ul li.on,
            .event_wrap .fix-menu ul li:hover {
              background: #335bcd;
            }
            .event_wrap .fix-menu ul li.on a,
            .event_wrap .fix-menu ul li:hover a {
              font-weight: bold;
              color: #FFF;
            }
            .event_wrap .fix-menu ul li a {
              font-family: "NanumBarunGothic";
              text-decoration: none;
              color: #000;
              font-size: 23px;
            }
            .event_wrap .con1 {
              background: url(//img.modetour.com/promotion26/17549/con1_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .con2 {
              background: url(//img.modetour.com/promotion26/17549/con2_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .con3 {
              background: url(//img.modetour.com/promotion26/17549/con3_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .con4 {
              background: url(//img.modetour.com/promotion26/17549/con4_bg.jpg) center 0 no-repeat;
            }
          </style>
          <div class="event_wrap">
            <div class="main">
              <div class="swiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide bg01"><img src="//img.modetour.com/promotion26/17549/bg01_in.jpg" alt="" /></div>
                  <div class="swiper-slide bg02"><img src="//img.modetour.com/promotion26/17549/bg02_in.jpg" alt="" /></div>
                  <div class="swiper-slide bg03"><img src="//img.modetour.com/promotion26/17549/bg03_in.jpg" alt="" /></div>
                </div>
              </div>
            </div>
            <div class="fix-menu">
              <div class="fix-in">
                <ul>
                  <li><a href="#con1">남프랑스 9~10일</a></li>
                  <li><a href="#con2">완전일주 10일</a></li>
                  <li><a href="#con3">노르망디 7일</a></li>
                </ul>
              </div>
            </div>
            <div class="big-con">
              <div class="con1" id="con1"><img src="//img.modetour.com/promotion26/17549/con1.jpg" alt="" /></div>
              <div class="con2" id="con2"><img src="//img.modetour.com/promotion26/17549/con2.jpg" alt="" /></div>
              <div class="con3" id="con3"><img src="//img.modetour.com/promotion26/17549/con3.jpg" alt="" /></div>
              <div class="con4"><img src="//img.modetour.com/promotion26/17549/con4.jpg" alt="" /></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/HfgiSLBj8+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;
      }
    </style>
    <style type="text/css">
      .event_wrap {
      }

      .event_wrap .main_top_area {
        position: fixed;
        bottom: 60px;
        right: 10px;
        width: 112px;
        overflow: hidden;
        z-index: 106;
      }

      .event_wrap .main_top_area .main_top {
        display: block;
        position: relative;
        width: 65px;
        height: 65px;
        border: 1px solid #ddd;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
      }

      .event_wrap .main_top_area .main_top:after {
        position: absolute;
        top: 37%;
        left: 43%;
        display: inline-block;
        width: 10px;
        height: 16px;
        content: "";
        background: url("//img.modetour.com/modetour/2021/main/ico_top.png") no-repeat 50%;
        background-size: 100%;
      }
    </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">
            @font-face {
              font-family: "NanumBarunGothic";
              src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot");
              font-weight: 400;
              font-display: swap;
            }
            body {
              margin: 0;
            }
            .event_wrap img {
              vertical-align: middle;
            }
            .event_wrap .swiper-wrapper {
              height: auto;
            }
            .event_wrap {
              min-width: 800px;
              text-align: center;
            }
            .event_wrap .bg01 {
              background: url(//img.modetour.com/promotion26/17549/bg01.jpg) center 0 no-repeat;
            }
            .event_wrap .bg02 {
              background: url(//img.modetour.com/promotion26/17549/bg02.jpg) center 0 no-repeat;
            }
            .event_wrap .bg03 {
              background: url(//img.modetour.com/promotion26/17549/bg03.jpg) center 0 no-repeat;
            }
            /* 고정메뉴 */
            .event_wrap .fix-menu {
              height: 90px;
            }
            .event_wrap .fix-menu.on .fix-in {
              position: fixed;
              top: 0;
              z-index: 10;
              left: 0;
              right: 0;
            }
            .event_wrap .fix-in {
              background: url(//img.modetour.com/promotion26/17549/tab_bg.jpg) repeat;
            }
            .event_wrap .fix-menu ul {
              width: 800px;
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              align-items: center;
              margin: 0 auto;
            }
            .event_wrap .fix-menu ul li {
              flex: 1;
              background: url(//img.modetour.com/promotion26/17549/tab_bg.jpg) repeat;
              position: relative;
              line-height: 85px;
              overflow: hidden;
              box-sizing: border-box;
              transition: all 0.3s;
            }
            .event_wrap .fix-menu ul li.on,
            .event_wrap .fix-menu ul li:hover {
              background: #335bcd;
            }
            .event_wrap .fix-menu ul li.on a,
            .event_wrap .fix-menu ul li:hover a {
              font-weight: bold;
              color: #FFF;
            }
            .event_wrap .fix-menu ul li a {
              font-family: "NanumBarunGothic";
              text-decoration: none;
              color: #000;
              font-size: 23px;
            }
            .event_wrap .con1 {
              background: url(//img.modetour.com/promotion26/17549/con1_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .con2 {
              background: url(//img.modetour.com/promotion26/17549/con2_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .con3 {
              background: url(//img.modetour.com/promotion26/17549/con3_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .con4 {
              background: url(//img.modetour.com/promotion26/17549/con4_bg.jpg) center 0 no-repeat;
            }
          </style>
          <div class="event_wrap">
            <div class="main">
              <div class="swiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide bg01"><img src="//img.modetour.com/promotion26/17549/bg01_in.jpg" alt="" /></div>
                  <div class="swiper-slide bg02"><img src="//img.modetour.com/promotion26/17549/bg02_in.jpg" alt="" /></div>
                  <div class="swiper-slide bg03"><img src="//img.modetour.com/promotion26/17549/bg03_in.jpg" alt="" /></div>
                </div>
              </div>
            </div>
            <div class="fix-menu">
              <div class="fix-in">
                <ul>
                  <li><a href="#con1">남프랑스 9~10일</a></li>
                  <li><a href="#con2">완전일주 10일</a></li>
                  <li><a href="#con3">노르망디 7일</a></li>
                </ul>
              </div>
            </div>
            <div class="big-con">
              <div class="con1" id="con1"><img src="//img.modetour.com/promotion26/17549/con1.jpg" alt="" /></div>
              <div class="con2" id="con2"><img src="//img.modetour.com/promotion26/17549/con2.jpg" alt="" /></div>
              <div class="con3" id="con3"><img src="//img.modetour.com/promotion26/17549/con3.jpg" alt="" /></div>
              <div class="con4"><img src="//img.modetour.com/promotion26/17549/con4.jpg" alt="" /></div>
            </div>
          </div>
          
          <script>
            $(document).ready(function () {
              var swiper = new Swiper(".main .swiper", {
                autoplay: {
                  delay: 2000,
                  disableOnInteraction: false,
                },
                speed: 1200,
                effect: "fade",
              });

              var $menuLinks = $(".fix-menu ul li a");
              // 내부 섹션(#)만 모아두고,
              // 외부 링크라도 대응되는 id가 있으면 포함시켜줌
              var $sections = $menuLinks.map(function () {
                var href = $(this).attr("href");
                if (href.startsWith("#")) {
                  return $(href);
                } else {
                }
              });

              $(window)
                .on("scroll", function () {
                  var scrollDistance = $(window).scrollTop();
                  // fix-menu 고정
                  var fixtop = $(".fix-menu").offset().top;
                  if (fixtop < scrollDistance) {
                    $(".fix-menu").addClass("on");
                  } else {
                    $(".fix-menu").removeClass("on");
                  }
                  // 현재 스크롤 위치에 해당하는 섹션 찾기
                  $sections.each(function (i) {
                    if ($(this) && $(this).length && $(this).offset().top - 90 <= scrollDistance) {
                      $(".fix-menu ul li.on").removeClass("on");
                      $menuLinks.eq(i).parent().addClass("on");
                    }
                  });
                })
                .scroll();

              // 메뉴 클릭 시 처리
              $menuLinks.on("click", function (e) {
                var href = $(this).attr("href");
                if (href.startsWith("#")) {
                  e.preventDefault();
                  $("html, body").scrollTop($(href).offset().top - 90);
                }
                // 외부 링크
              });
            });
          </script>
          
        </div>
      </div>
    </div>
  </body>
</html>

17549_프랑스완전일주

오사카

일본

$(document).ready(function () {
              var swiper = new Swiper(".main .swiper", {
                autoplay: {
                  delay: 2000,
                  disableOnInteraction: false,
                },
                speed: 1200,
                effect: "fade",
              });

              var $menuLinks = $(".fix-menu ul li a");
              // 내부 섹션(#)만 모아두고,
              // 외부 링크라도 대응되는 id가 있으면 포함시켜줌
              var $sections = $menuLinks.map(function () {
                var href = $(this).attr("href");
                if (href.startsWith("#")) {
                  return $(href);
                } else {
                }
              });

              $(window)
                .on("scroll", function () {
                  var scrollDistance = $(window).scrollTop();
                  // fix-menu 고정
                  var fixtop = $(".fix-menu").offset().top;
                  if (fixtop < scrollDistance) {
                    $(".fix-menu").addClass("on");
                  } else {
                    $(".fix-menu").removeClass("on");
                  }
                  // 현재 스크롤 위치에 해당하는 섹션 찾기
                  $sections.each(function (i) {
                    if ($(this) && $(this).length && $(this).offset().top - 90 <= scrollDistance) {
                      $(".fix-menu ul li.on").removeClass("on");
                      $menuLinks.eq(i).parent().addClass("on");
                    }
                  });
                })
                .scroll();

              // 메뉴 클릭 시 처리
              $menuLinks.on("click", function (e) {
                var href = $(this).attr("href");
                if (href.startsWith("#")) {
                  e.preventDefault();
                  $("html, body").scrollTop($(href).offset().top - 90);
                }
                // 외부 링크
              });
            });