<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">
            @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
            .event_wrap {
              min-width: 800px;
              position: relative;
            }

            .event_wrap .e_top {
              position: relative;
            }
            .event_wrap .e_top video {
              position: absolute;
              width: 2000px;
              max-width: 2000px;
              top: 0;
              left: 50%;
              transform: translateX(-50%);
            }
            .event_wrap .e_top img {
              position: relative;
              z-index: 1;
            }

            .event_wrap .cont02 .tab_group {
              position: relative;
              z-index: 1;
            }
            .event_wrap .cont02 .btn_group {
              background: url("//img.modetour.com/promotion24/16376/tab_bg.jpg") no-repeat center 0;
            }
            .event_wrap .cont02 .btn_group .btn_wrap {
              width: 800px;
              height: 140px;
              margin: 0 auto;
              display: flex;
            }
            .event_wrap .cont02 .btn_group button {
              cursor: pointer;
              height: 100%;
              width: 240px;
              position: relative;
              font-family: "pretendard";
              font-size: 35px;
              color: #fff;
              opacity: 0.7;
              transition: 0.2s;
            }
            .event_wrap .cont02 .btn_group button.on {
              font-weight: bold;
              opacity: 1;
            }
            .event_wrap .cont02 .btn_group button:nth-child(2) {
              flex: 1;
            }
            .event_wrap .cont02 .btn_group button::before {
              content: "";
              border-left: 1px #bfbfbf dashed;
              position: absolute;
              left: 0;
              top: 16px;
              bottom: 16px;
            }
            .event_wrap .cont02 .btn_group button:first-child:before {
              display: none;
            }
            .event_wrap .cont02 .con_group .con {
              display: none;
            }
            .event_wrap .cont02 .con_group .con.on {
              display: block;
            }
            .event_wrap .con1 {
              background: url("//img.modetour.com/promotion24/16376/cont02_1_bg.jpg") no-repeat center 0;
            }
            .event_wrap .con2 {
              background: url("//img.modetour.com/promotion24/16376/cont02_2_bg.jpg") no-repeat center 0;
            }
            .event_wrap .con3 {
              background: url("//img.modetour.com/promotion24/16376/cont02_3_bg.jpg") no-repeat center 0;
            }
            .event_wrap .cont03 {
              max-width: 2000px;
              margin: 0 auto;
              background: #f5f3ef;
            }
            .event_wrap .cont04 {
              background: url("//img.modetour.com/promotion24/16376/cont04_bg.jpg") no-repeat center 0;
            }

            .event_wrap .tab_add {
              position: relative;
              background: #c7d9ef;
              padding-bottom: 129px;
              padding-top: 80px;
            }
            .event_wrap .tab_add .tab_area {
              display: flex;
              width: 800px;
              margin: 15px auto 0;
              justify-content: space-between;
            }
            .event_wrap .tab_add .tab_area .btn_group {
              width: 211px;
              display: flex;
              flex-direction: column;
            }
            .event_wrap .tab_add .tab_area .btn_group button {
              height: 87px;
              cursor: pointer;
              background-repeat: no-repeat;
              background-position: center 0;
              font-size: 0;
              color: transparent;
              position: relative;
              margin-bottom: 20px;
            }
            .event_wrap .tab_add .tab_area .btn_group button::before {
              content: "";
              position: absolute;
              left: 0;
              bottom: 0;
              width: 0;
              height: 1px;
              transition: 0.3s;
            }
            .event_wrap .tab_add .tab_area .btn_group button:hover::before {
              width: 100%;
              background: #fff;
            }
            .event_wrap .tab_add .tab_area .btn_group button:nth-child(1) {
              background-image: url("//img.modetour.com/promotion24/16376/250411/btn01_off.png");
            }
            .event_wrap .tab_add .tab_area .btn_group button.on:nth-child(1) {
              background-image: url("//img.modetour.com/promotion24/16376/250411/btn01_on.png");
            }
            .event_wrap .tab_add .tab_area .btn_group button:nth-child(2) {
              background-image: url("//img.modetour.com/promotion24/16376/250411/btn02_off.png");
            }
            .event_wrap .tab_add .tab_area .btn_group button.on:nth-child(2) {
              background-image: url("//img.modetour.com/promotion24/16376/250411/btn02_on.png");
            }
            .event_wrap .tab_add .tab_area .btn_group button:nth-child(3) {
              background-image: url("//img.modetour.com/promotion24/16376/250411/btn03_off.png");
            }
            .event_wrap .tab_add .tab_area .btn_group button.on:nth-child(3) {
              background-image: url("//img.modetour.com/promotion24/16376/250411/btn03_on.png");
            }
            .event_wrap .tab_add .tab_area .btn_group button:nth-child(4) {
              background-image: url("//img.modetour.com/promotion24/16376/250411/btn04_off.png");
            }
            .event_wrap .tab_add .tab_area .btn_group button.on:nth-child(4) {
              background-image: url("//img.modetour.com/promotion24/16376/250411/btn04_on.png");
            }
            .event_wrap .tab_add .tab_area .btn_group button:nth-child(5) {
              background-image: url("//img.modetour.com/promotion24/16376/250411/btn05_off.png");
            }
            .event_wrap .tab_add .tab_area .btn_group button.on:nth-child(5) {
              background-image: url("//img.modetour.com/promotion24/16376/250411/btn05_on.png");
            }
            .event_wrap .tab_add .con {
              position: relative;
            }
            .event_wrap .tab_add .con a {
              position: absolute;
              width: 200px;
              height: 55px;
              top: 467px;
              right: 0px;
              font-size: 0;
              color: transparent;
            }
            .event_wrap .con_group .con {
              display: none;
            }
            .event_wrap .con_group .con.on {
              display: block;
            }
            .event_wrap .tab_add .swiper {
              width: 486px;
              overflow: hidden;
              padding-bottom: 50px;
            }
            .event_wrap .tab_add .swiper-button-next {
              background: none;
              right: -100px;
            }
            .swiper-button-next:after{
                display: none;
            }
            .event_wrap .tab_add .swiper-pagination span {
              width: 35px;
              height: 7px;
              border-radius: 5px;
              opacity: 1;
              background: #fff;
            }
            .event_wrap .tab_add .swiper-pagination span.swiper-pagination-bullet-active {
              background: #3180c6;
            }
            .event_wrap .tab_add .swiper a {
              font-size: 0;
            }
          </style>
          <div class="event_wrap">
            <div class="e_top">
              <img src="//img.modetour.com/promotion24/16376/250305/tit.png" alt="" />
              <video autoplay="autoplay" loop muted="muted" controls -webkit-playsinline="-webkit-playsinline" playsinline="playsinline" class="e_video">
                <source src="//img.modetour.com/promotion24/16376/250305/tit.mp4" type="video/mp4" />
              </video>
            </div>
            <div class="tab_add">
              <div class="tab_area">
                <div class="btn_group">
                  <button type="button" class="on">[폭탄세일] 다낭</button>
                  <button type="button">[폭탄세일] 나트랑</button>
                  <button type="button">[폭탄세일] 하노이</button>
                  <button type="button">[폭탄세일] 푸꾸옥</button>
                  <button type="button">[폭탄세일] 호치민</button>
                </div>
                <div class="con_group">
                  <div class="con on"><img src="//img.modetour.com/promotion24/16376/250411/item01.png" alt="" /><a href="/product-common/81eb240b-ffb2-43bc-ade1-08dd628bcec7?type=group" target="_blank">세부 알테라라 상품바로가기</a></div>
                  <div class="con"><img src="//img.modetour.com/promotion24/16376/250411/item02.png" alt="" /><a href="/product-common/9b489da4-2297-4f66-ade3-08dd628bcec7?type=group" target="_blank">보홀 상품바로가기</a></div>
                  <div class="con"><img src="//img.modetour.com/promotion24/16376/250411/item03.png" alt="" /><a href="/product-common/9697ed6a-9b26-48f1-ade4-08dd628bcec7?type=group" target="_blank">보라카이 상품바로가기</a></div>
                  <div class="con m_swiper">
                    <div class="swiper">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="//img.modetour.com/promotion24/16376/250411/item04_1.png" alt="" /><a href="/product-common/f22ea6b7-2dc2-499e-ade7-08dd628bcec7?type=group" target="_blank">마닐라 상품바로가기</a></div>
                        <div class="swiper-slide"><img src="//img.modetour.com/promotion24/16376/250411/item04_2.png" alt="" /><a href="/product-common/dfa73ade-7927-421d-adea-08dd628bcec7?type=group" target="_blank">클락 상품바로가기</a></div>
                      </div>
                      <div class="swiper-pagination"></div>
                    </div>
                    <div class="swiper-button-next"><img src="//img.modetour.com/promotion24/16376/250411/next_btn.png" alt="" /></div>
                  </div>
                  <div class="con cebu_swiper">
                    <div class="swiper">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="//img.modetour.com/promotion24/16376/250411/item05_1.png" alt="" /><a href="/product-common/7f8cfa20-e529-4446-ade0-08dd628bcec7?type=group" target="_blank">세부 상품바로가기</a></div>
                        <div class="swiper-slide"><img src="//img.modetour.com/promotion24/16376/250411/item05_2.png" alt="" /><a href="/product-common/195a9f42-4062-409a-adef-08dd628bcec7?type=group" target="_blank">보홀 상품바로가기</a></div>
                        <div class="swiper-slide"><img src="//img.modetour.com/promotion24/16376/250411/item05_3.png" alt="" /><a href="/product-common/45eebab8-fc6e-4bd2-adec-08dd628bcec7?type=group" target="_blank">보라카이 상품바로가기</a></div>
                      </div>
                      <div class="swiper-pagination"></div>
                    </div>
                    <div class="swiper-button-next"><img src="//img.modetour.com/promotion24/16376/250411/next_btn.png" alt="" /></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="cont02">
              <div class="tab_group">
                <div class="btn_group">
                  <div class="btn_wrap">
                    <button type="button" class="on">Feel<br />세부</button>
                    <button type="button">Feel<br />보라카이</button>
                    <button type="button">Feel<br />보홀</button>
                  </div>
                </div>
                <div class="con_group">
                  <div class="con con1 on">
                    <img src="//img.modetour.com/promotion24/16376/cont02_1.jpg" alt="" />
                  </div>
                  <div class="con con2">
                    <img src="//img.modetour.com/promotion24/16376/cont02_2.jpg" alt="" />
                  </div>
                  <div class="con con3">
                    <img src="//img.modetour.com/promotion24/16376/cont02_3.jpg" alt="" />
                  </div>
                </div>
              </div>
            </div>
            <div class="cont04">
              <img src="//img.modetour.com/promotion24/16376/cont04.jpg" alt="" />
            </div>
          </div>
          
          
        </div>
      </div>
    </div>
  </body>
</html>