<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>
            .event_wrap .blind {
              position: absolute;
              left: -9999px;
              font-size: 0;
            }
            .event_wrap .swiper-wrapper {
              height: auto;
            }
            .event_wrap .main .bg01 {
              background: url(//img.modetour.com/promotion20/14767/251015/main01_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .main .bg02 {
              background: url(//img.modetour.com/promotion20/14767/251015/main02_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .main .bg03 {
              background: url(//img.modetour.com/promotion20/14767/251015/main03_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .main .bg04 {
              background: url(//img.modetour.com/promotion20/14767/251015/main04_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .main .bg05 {
              background: url(//img.modetour.com/promotion20/14767/251015/main05_bg.jpg) center 0 no-repeat;
            }

            .event_wrap .super_sale {
              background: url("//img.modetour.com/promotion20/14767/251022/cont01_bg.jpg") no-repeat center 0;
              padding-bottom: 183px;
              position: relative;
            }

            .event_wrap .super_sale .e_slide01 {
              padding: 0 90px;
              background: url("//img.modetour.com/promotion20/14767/251022/cont01_slide_bg.png") no-repeat center center;
            }

            .event_wrap .super_sale .e_slide01 .swiper-wrapper {
              align-items: center;
              height: 700px;
            }

            .event_wrap .super_sale .e_slide01 .swiper-slide {
              width: auto;
              height: auto;
              transition: 0.3s;
              text-align: center;
              margin: 0 20px;
              position: relative;
            }

            .event_wrap .super_sale .e_slide01 .swiper-slide div {
              cursor: default;
              transition: 0.3s;
            }

            .event_wrap .swiper-pagination {
              left: 50%;
              margin-left: -76px;
              bottom: 70px;
            }
            .event_wrap .super_sale .p01 .swiper-pagination-bullet {
              width: 36px;
              height: 5px;
              border-radius: 0;
              background: #947f76;
              margin: 7.5px;
              opacity: 1;
            }

            .event_wrap .super_sale .p01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
              background: #c34fa1;
            }
            .event_wrap .super_sale .swiper-slide .e_img {
              width: 462px;
              height: 414px;
            }
            .event_wrap .super_sale .slide01 .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide1_img_off.png) center no-repeat;
            }
            .event_wrap .super_sale .slide01.swiper-slide-active .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide1_img.png) no-repeat;
            }
            .event_wrap .super_sale .slide02 .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide2_img_off.png) center no-repeat;
            }
            .event_wrap .super_sale .slide02.swiper-slide-active .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide2_img.png) no-repeat;
            }
            .event_wrap .super_sale .slide03 .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide3_img_off.png) center no-repeat;
            }
            .event_wrap .super_sale .slide03.swiper-slide-active .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide3_img.png) no-repeat;
            }
            .event_wrap .super_sale a {
              position: absolute;
              bottom: 225px;
              left: 50%;
              transform: translateX(-50%);
              z-index: 10;
            }
          </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/promotion20/14767/251015/main01.jpg" alt="" /></div>
                  <div class="swiper-slide bg02"><img src="//img.modetour.com/promotion20/14767/251015/main02.jpg" alt="" /></div>
                  <div class="swiper-slide bg03"><img src="//img.modetour.com/promotion20/14767/251015/main03.jpg" alt="" /></div>
                  <div class="swiper-slide bg04"><img src="//img.modetour.com/promotion20/14767/251015/main04.jpg" alt="" /></div>
                  <div class="swiper-slide bg05"><img src="//img.modetour.com/promotion20/14767/251015/main05.jpg" alt="" /></div>
                </div>
              </div>
            </div>
            
            <div class="e_cont super_sale" id="cont03">
              <div class="e_cont_tit"><img src="//img.modetour.com/promotion20/14767/251022/cont01_tit.png" alt="도시마다 다른 감성 추천 pick 이번주 특가/MD 추천상품/요즘 뜨는 도시" /></div>
              <div class="swiper e_slide01">
                <div class="swiper-wrapper">
                  <div class="swiper-slide slide01">
                    <div class="slide_inner">
                      <div class="e_img"></div>
                    </div>
                  </div>
                  <div class="swiper-slide slide02">
                    <div class="slide_inner">
                      <div class="e_img"></div>
                    </div>
                  </div>
                  <div class="swiper-slide slide03">
                    <div class="slide_inner">
                      <div class="e_img"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-pagination p01"></div>
              <a href="#bottom"><img src="//img.modetour.com/promotion20/14767/251022/cont01_btn.png" alt="더 많은 상품보기" /></a>
            </div>
            <div id="bottom"></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>
    <script type="text/javascript" async="" src="https://cm-staticfile.modetour.com/files/SpecialExhibitionUserDefine/d8d0441891c84ec58c252393a8b65a58.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>
            .event_wrap .blind {
              position: absolute;
              left: -9999px;
              font-size: 0;
            }
            .event_wrap .swiper-wrapper {
              height: auto;
            }
            .event_wrap .main .bg01 {
              background: url(//img.modetour.com/promotion20/14767/251015/main01_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .main .bg02 {
              background: url(//img.modetour.com/promotion20/14767/251015/main02_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .main .bg03 {
              background: url(//img.modetour.com/promotion20/14767/251015/main03_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .main .bg04 {
              background: url(//img.modetour.com/promotion20/14767/251015/main04_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .main .bg05 {
              background: url(//img.modetour.com/promotion20/14767/251015/main05_bg.jpg) center 0 no-repeat;
            }

            .event_wrap .super_sale {
              background: url("//img.modetour.com/promotion20/14767/251022/cont01_bg.jpg") no-repeat center 0;
              padding-bottom: 183px;
              position: relative;
            }

            .event_wrap .super_sale .e_slide01 {
              padding: 0 90px;
              background: url("//img.modetour.com/promotion20/14767/251022/cont01_slide_bg.png") no-repeat center center;
            }

            .event_wrap .super_sale .e_slide01 .swiper-wrapper {
              align-items: center;
              height: 700px;
            }

            .event_wrap .super_sale .e_slide01 .swiper-slide {
              width: auto;
              height: auto;
              transition: 0.3s;
              text-align: center;
              margin: 0 20px;
              position: relative;
            }

            .event_wrap .super_sale .e_slide01 .swiper-slide div {
              cursor: default;
              transition: 0.3s;
            }

            .event_wrap .swiper-pagination {
              left: 50%;
              margin-left: -76px;
              bottom: 70px;
            }
            .event_wrap .super_sale .p01 .swiper-pagination-bullet {
              width: 36px;
              height: 5px;
              border-radius: 0;
              background: #947f76;
              margin: 7.5px;
              opacity: 1;
            }

            .event_wrap .super_sale .p01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
              background: #c34fa1;
            }
            .event_wrap .super_sale .swiper-slide .e_img {
              width: 462px;
              height: 414px;
            }
            .event_wrap .super_sale .slide01 .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide1_img_off.png) center no-repeat;
            }
            .event_wrap .super_sale .slide01.swiper-slide-active .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide1_img.png) no-repeat;
            }
            .event_wrap .super_sale .slide02 .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide2_img_off.png) center no-repeat;
            }
            .event_wrap .super_sale .slide02.swiper-slide-active .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide2_img.png) no-repeat;
            }
            .event_wrap .super_sale .slide03 .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide3_img_off.png) center no-repeat;
            }
            .event_wrap .super_sale .slide03.swiper-slide-active .e_img {
              background: url(//img.modetour.com/promotion20/14767/251022/slide3_img.png) no-repeat;
            }
            .event_wrap .super_sale a {
              position: absolute;
              bottom: 225px;
              left: 50%;
              transform: translateX(-50%);
              z-index: 10;
            }
          </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/promotion20/14767/251015/main01.jpg" alt="" /></div>
                  <div class="swiper-slide bg02"><img src="//img.modetour.com/promotion20/14767/251015/main02.jpg" alt="" /></div>
                  <div class="swiper-slide bg03"><img src="//img.modetour.com/promotion20/14767/251015/main03.jpg" alt="" /></div>
                  <div class="swiper-slide bg04"><img src="//img.modetour.com/promotion20/14767/251015/main04.jpg" alt="" /></div>
                  <div class="swiper-slide bg05"><img src="//img.modetour.com/promotion20/14767/251015/main05.jpg" alt="" /></div>
                </div>
              </div>
            </div>
            
            <div class="e_cont super_sale" id="cont03">
              <div class="e_cont_tit"><img src="//img.modetour.com/promotion20/14767/251022/cont01_tit.png" alt="도시마다 다른 감성 추천 pick 이번주 특가/MD 추천상품/요즘 뜨는 도시" /></div>
              <div class="swiper e_slide01">
                <div class="swiper-wrapper">
                  <div class="swiper-slide slide01">
                    <div class="slide_inner">
                      <div class="e_img"></div>
                    </div>
                  </div>
                  <div class="swiper-slide slide02">
                    <div class="slide_inner">
                      <div class="e_img"></div>
                    </div>
                  </div>
                  <div class="swiper-slide slide03">
                    <div class="slide_inner">
                      <div class="e_img"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-pagination p01"></div>
              <a href="#bottom"><img src="//img.modetour.com/promotion20/14767/251022/cont01_btn.png" alt="더 많은 상품보기" /></a>
            </div>
            <div id="bottom"></div>
            
          </div>
          <script>
            $(document).ready(function () {
              var swiper = new Swiper(".main .swiper", {
                slidesPerView: 1,
                effect: "fade",
                draggable: false,
                autoplay: {
                  delay: 2000,
                  disableOnInteraction: false,
                },
                speed: 1000,
                loop: true,
              });

              //클릭시 해당내용으로 이동
              $(".super_sale a").click(function () {
                $("html, body").scrollTop($(this.hash).offset().top);
                return false;
              });

              // 슈퍼세일
              var swiper3 = new Swiper(".e_slide01", {
                slidesPerView: "auto",
                centeredSlides: true,
                pagination: {
                  el: ".p01",
                  clickable: true,
                },
                observer: true,
                observeParents: true,
                autoplay: {
                  delay: 3000,
                  disableOnInteraction: false,
                  pauseOnMouseEnter: false,
                },
              });
            });
          </script>
          
        </div>
      </div>
    </div>
  </body>
</html>

14767_중국나들이

오사카

일본

$(document).ready(function () {
              var swiper = new Swiper(".main .swiper", {
                slidesPerView: 1,
                effect: "fade",
                draggable: false,
                autoplay: {
                  delay: 2000,
                  disableOnInteraction: false,
                },
                speed: 1000,
                loop: true,
              });

              //클릭시 해당내용으로 이동
              $(".super_sale a").click(function () {
                $("html, body").scrollTop($(this.hash).offset().top);
                return false;
              });

              // 슈퍼세일
              var swiper3 = new Swiper(".e_slide01", {
                slidesPerView: "auto",
                centeredSlides: true,
                pagination: {
                  el: ".p01",
                  clickable: true,
                },
                observer: true,
                observeParents: true,
                autoplay: {
                  delay: 3000,
                  disableOnInteraction: false,
                  pauseOnMouseEnter: false,
                },
              });
            });