<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">
               @import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");
               body{margin: 0;}
               .event_wrap img{vertical-align: middle;}
               .event_wrap {text-align: center; min-width: 800px;}
               .event_wrap .main{    background: url(//img.modetour.com/promotion25/16794/250220/main_bg.jpg) center 0 no-repeat;}
               .event_wrap .tit{font-family: "Noto Sans KR"; font-size: 65px; font-weight: 700; background: #f4f4f4; padding: 45px 0; line-height: 1.2;}
               
               .event_wrap .big_tab{
                   background: #3b3736;
               }
               .event_wrap .big_tab .swiper {
                  overflow: hidden;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center;
                }
                .event_wrap .big_tab .swiper-wrapper {
                  width: auto;
                }
                .event_wrap .big_tab .swiper-slide {
                  width: auto;
                  
                }

                .event_wrap .big_tab .swiper-slide a {
                  font-size: 28px;
                  color: #fff;
                  height: 93px;
                  display: block;
                  line-height: 90px;
                  position: relative;
                  padding: 0 20px;
                }

                .event_wrap .big_tab .swiper-slide:hover a,
                .event_wrap .big_tab .swiper-slide.on a {
                  background: #1f9400;
                  color: #fff;
                }
            </style>
            <div class="event_wrap">
                <div class="main">
                  <img src="//img.modetour.com/promotion25/16794/250220/main.jpg" alt="">
                </div>
                <div class="big_tab">
                  <div class="swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide"><a href="/promotion/675?tab=1">동남아관</a></div>
                      <div class="swiper-slide"><a href="/promotion/675?tab=2">유럽관</a></div>
                      <div class="swiper-slide on"><a href="/promotion/675?tab=3">일본관</a></div>
                      <div class="swiper-slide"><a href="/promotion/675?tab=4">중국관</a></div>
                      <div class="swiper-slide"><a href="/promotion/675?tab=5">미주/남태평양관</a></div>
                      <div class="swiper-slide"><a href="/promotion/675?tab=6">부산/지방출발관</a></div>
                      <div class="swiper-slide"><a href="/promotion/675?tab=7">국내/테마관</a></div>
                    </div>
                  </div>
                </div>
                <div class="tit">일본<br>모두감사제 특별상품전</div>
            </div>
            
            
         </div>
      </div>
   </div>
</body>

</html>


               $(document).ready(function(){
                   var swiper_big = new Swiper(".event_wrap .big_tab .swiper", {
                     slidesPerView: "auto",
                     freeMode: true,
                     observer: true,
                     observeParents: true,
                  });

               });
           