<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">
          
          <style type="text/css">
            body {
              margin: 0;
            }
            .event_wrap img {
              vertical-align: middle;
            }
            .event_wrap {
              min-width: 800px;
              text-align: center;
            }
            .event_wrap .main {
              background: url(//img.modetour.com/promotion25/17277/main_bg.jpg) center 0 no-repeat;
              position: relative;
            }
            .event_wrap .main .tit {
              position: absolute;
              top: 335px;
              left: 50%;
              transform: translateX(-50%);
              margin-left: -95px;
              z-index: 1;
              width: 567px;
              height: 197px;
              font-size: 0;
              background: url(//img.modetour.com/promotion25/17277/main_txt.png) center 0 no-repeat;
              animation-name: slide; /* 위에서 정의한 애니메이션 이름 */
              animation-duration: 6s; /* 6초 동안 애니메이션 실행 */
              animation-iteration-count: infinite; /* 무한 반복 */
            }
            @keyframes slide {
              0% {
                background-image: url("//img.modetour.com/promotion25/17277/main_txt.png");
              }
              50% {
                background-image: url("//img.modetour.com/promotion25/17277/main_txt_on.png");
              }
              100% {
                background-image: url("//img.modetour.com/promotion25/17277/main_txt.png");
              } /* 첫 이미지로 돌아가도록 설정 */
            }
            
            .event_wrap a {
              font-size: 0;
              display: block;
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              width: 445px;
              height: 81px;
            }
            .event_wrap .event1 .top {
              background: url(//img.modetour.com/promotion25/17277/251016/event1_top_bg.jpg) center 0 no-repeat;
              position: relative;
            }
            .event_wrap .event1 .cont{
              background: url(//img.modetour.com/promotion25/17277/251016/event1_cont_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .event1 .top a{
                bottom: 30px;
            }
            .event_wrap .event2 .top {
              background: url(//img.modetour.com/promotion25/17277/251016/event2_top_bg.jpg) center 0 no-repeat;
              position: relative;
            }
            .event_wrap .event2 .cont{
              background: url(//img.modetour.com/promotion25/17277/251016/event2_cont_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .event2 .top a{
                bottom: 30px;
            }
          </style>
          <div class="event_wrap">
            <div class="main">
              <img src="//img.modetour.com/promotion25/17277/main.jpg" alt="" />
              <div class="tit">여행은 일상에 색을 더한다</div>
            </div>
            <div class="event1">
              <div class="top">
                  <img src="//img.modetour.com/promotion25/17277/251016/event1_top.jpg" alt="" />
                  <a href="#event1_cont" target="_blank">괌 리조트 자세히 보기 </a>
              </div>
              <div class="cont" id="event1_cont">
                  <img src="//img.modetour.com/promotion25/17277/251016/event1_cont.jpg" alt="" /> 
              </div>
            </div>
            <div class="event2">
              <div class="top">
                  <img src="//img.modetour.com/promotion25/17277/251016/event2_top.jpg" alt="" />
                  <a href="#event2_cont" target="_blank">괌 리조트 자세히 보기 </a>
              </div>
              <div class="cont" id="event2_cont">
                  <img src="//img.modetour.com/promotion25/17277/251016/event2_cont.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">
          
          <style type="text/css">
            body {
              margin: 0;
            }
            .event_wrap img {
              vertical-align: middle;
            }
            .event_wrap {
              min-width: 800px;
              text-align: center;
            }
            .event_wrap .main {
              background: url(//img.modetour.com/promotion25/17277/main_bg.jpg) center 0 no-repeat;
              position: relative;
            }
            .event_wrap .main .tit {
              position: absolute;
              top: 335px;
              left: 50%;
              transform: translateX(-50%);
              margin-left: -95px;
              z-index: 1;
              width: 567px;
              height: 197px;
              font-size: 0;
              background: url(//img.modetour.com/promotion25/17277/main_txt.png) center 0 no-repeat;
              animation-name: slide; /* 위에서 정의한 애니메이션 이름 */
              animation-duration: 6s; /* 6초 동안 애니메이션 실행 */
              animation-iteration-count: infinite; /* 무한 반복 */
            }
            @keyframes slide {
              0% {
                background-image: url("//img.modetour.com/promotion25/17277/main_txt.png");
              }
              50% {
                background-image: url("//img.modetour.com/promotion25/17277/main_txt_on.png");
              }
              100% {
                background-image: url("//img.modetour.com/promotion25/17277/main_txt.png");
              } /* 첫 이미지로 돌아가도록 설정 */
            }
            
            .event_wrap a {
              font-size: 0;
              display: block;
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              width: 445px;
              height: 81px;
            }
            .event_wrap .event1 .top {
              background: url(//img.modetour.com/promotion25/17277/251016/event1_top_bg.jpg) center 0 no-repeat;
              position: relative;
            }
            .event_wrap .event1 .cont{
              background: url(//img.modetour.com/promotion25/17277/251016/event1_cont_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .event1 .top a{
                bottom: 30px;
            }
            .event_wrap .event2 .top {
              background: url(//img.modetour.com/promotion25/17277/251016/event2_top_bg.jpg) center 0 no-repeat;
              position: relative;
            }
            .event_wrap .event2 .cont{
              background: url(//img.modetour.com/promotion25/17277/251016/event2_cont_bg.jpg) center 0 no-repeat;
            }
            .event_wrap .event2 .top a{
                bottom: 30px;
            }
          </style>
          <div class="event_wrap">
            <div class="main">
              <img src="//img.modetour.com/promotion25/17277/main.jpg" alt="" />
              <div class="tit">여행은 일상에 색을 더한다</div>
            </div>
            <div class="event1">
              <div class="top">
                  <img src="//img.modetour.com/promotion25/17277/251016/event1_top.jpg" alt="" />
                  <a href="#event1_cont" target="_blank">괌 리조트 자세히 보기 </a>
              </div>
              <div class="cont" id="event1_cont">
                  <img src="//img.modetour.com/promotion25/17277/251016/event1_cont.jpg" alt="" /> 
              </div>
            </div>
            <div class="event2">
              <div class="top">
                  <img src="//img.modetour.com/promotion25/17277/251016/event2_top.jpg" alt="" />
                  <a href="#event2_cont" target="_blank">괌 리조트 자세히 보기 </a>
              </div>
              <div class="cont" id="event2_cont">
                  <img src="//img.modetour.com/promotion25/17277/251016/event2_cont.jpg" alt="" /> 
              </div>
            </div>
          </div>
          
          <script>
            $(document).ready(function () {
                $('.event1 .top a,.event2 .top a').click(function(){
                    var top = $(this.hash).offset().top;
                    $('html,body').scrollTop(top);
                    return false;
                });
            });
          </script>
          
        </div>
      </div>
    </div>
  </body>
</html>

17277_괌사이판시그니처

오사카

일본

$(document).ready(function () {
                $('.event1 .top a,.event2 .top a').click(function(){
                    var top = $(this.hash).offset().top;
                    $('html,body').scrollTop(top);
                    return false;
                });
            });