<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">
					.event_wrap {min-width: 1100px;background: url('http://img.modetour.com/promotion/10283/190918_top_bg.jpg') no-repeat center 0;}	
					.event_wrap .top{position: relative;}	
					.event_wrap .top .movie{position: absolute;top:1503px;left:50%;margin-left: -385px;}
					.event_wrap .btn_container1 .btn_group{background: url('http://img.modetour.com/promotion/10283/190320/tab_bg.jpg');font-size: 0;}	
					.event_wrap .btn_container1 .btn_group button{background: url('http://img.modetour.com/promotion/10283/190320/tabmenu1_off.jpg') no-repeat;width: 266px;height: 187px;font-size: 0;position: relative;}
					.event_wrap .btn_container1 .btn_group button.btn2{background-position: -266px 0;width: 267px;}
					.event_wrap .btn_container1 .btn_group button.btn3{background-position: -533px 0;width: 267px;}
					.event_wrap .btn_container1 .btn_group button.on{background-image: url('http://img.modetour.com/promotion/10283/190320/tabmenu1_on.jpg');}		
					.event_wrap .btn_container1 .btn_group button:hover{background-image: url('http://img.modetour.com/promotion/10283/190320/tabmenu1_on.jpg');}		
					.event_wrap .btn_container1 .con_gorup{background: url('http://img.modetour.com/promotion/10283/190320/tab1_conbg.jpg');}
					.event_wrap .con{display: none;}
					.event_wrap .con.on{display: block;}		
					.event_wrap button{border: none;}		
					.event_wrap button:focus{outline:0 none;}

					.event_wrap .hawaii_con{background: url('http://img.modetour.com/promotion/10283/190320/hawaii_bg.jpg') no-repeat center 0;}
					.event_wrap .btn_container2 .btn_group{background: url('http://img.modetour.com/promotion/10283/190320/tab_bg2.jpg');font-size: 0;}	
					.event_wrap .btn_group button{background: url('http://img.modetour.com/promotion/10283/190320/tabmenu2_off.jpg') no-repeat;width: 200px;height: 187px;font-size: 0;position: relative;}
					.event_wrap .btn_container2 .btn_group button.btn2{background-position: -200px 0;}
					.event_wrap .btn_container2 .btn_group button.btn3{background-position: -400px 0;}
					.event_wrap .btn_container2 .btn_group button.btn4{background-position: -600px 0;}
					.event_wrap .btn_container2 .btn_group button.on{background-image: url('http://img.modetour.com/promotion/10283/190320/tabmenu2_on.jpg');}		
					.event_wrap .btn_container2 .btn_group button:hover{background-image: url('http://img.modetour.com/promotion/10283/190320/tabmenu2_on.jpg');}		
					.event_wrap .btn_container2 .con_gorup{background: url('http://img.modetour.com/promotion/10283/190320/hawaii_conbg.jpg') no-repeat center 0;}
				</style>
				<div class="event_wrap">
					<div class="top">
						<img src="http://img.modetour.com/promotion/10283/240904_top_txt.jpg" alt="">
						<div class="movie">
							<iframe width="770" height="433" src="https://www.youtube.com/embed/-lUmECDo5WY?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
						</div>
					</div>
					<div class="btn_container1">
						<div class="btn_group">
							<button class="btn1 on">나에게 맞는 객실 고르기</button>
							<button class="btn2">크루즈의 백미 정찬/뷔페식사</button>
							<button class="btn3">주요 부대시설 안내</button>
						</div>
						<div class="con_gorup">
							<div class="con on"><img src="http://img.modetour.com/promotion/10283/190320/tab_con1.jpg" alt=""></div>
							<div class="con"><img src="http://img.modetour.com/promotion/10283/190320/tab_con2.jpg" alt=""></div>
							<div class="con"><img src="http://img.modetour.com/promotion/10283/190320/tab_con3.jpg" alt=""></div>
						</div>
					</div>
					<div class="hawaii_con">
						<img src="http://img.modetour.com/promotion/10283/190320/hawaii_txt.jpg" alt="">
					</div>
					<div class="btn_container2">
						<div class="btn_group">
							<button class="btn1 on">오아후</button>
							<button class="btn2">마우이</button>
							<button class="btn3">빅아일랜드</button>
							<button class="btn4">카우아이</button>
						</div>
						<div class="con_gorup">
							<div class="con on"><img src="http://img.modetour.com/promotion/10283/190320/tab_con2_1.jpg" alt=""></div>
							<div class="con"><img src="http://img.modetour.com/promotion/10283/190320/tab_con2_2.jpg" alt=""></div>
							<div class="con"><img src="http://img.modetour.com/promotion/10283/190320/tab_con2_3.jpg" alt=""></div>
							<div class="con"><img src="http://img.modetour.com/promotion/10283/190320/tab_con2_4.jpg" alt=""></div>
						</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">
					.event_wrap {min-width: 1100px;background: url('http://img.modetour.com/promotion/10283/190918_top_bg.jpg') no-repeat center 0;}	
					.event_wrap .top{position: relative;}	
					.event_wrap .top .movie{position: absolute;top:1503px;left:50%;margin-left: -385px;}
					.event_wrap .btn_container1 .btn_group{background: url('http://img.modetour.com/promotion/10283/190320/tab_bg.jpg');font-size: 0;}	
					.event_wrap .btn_container1 .btn_group button{background: url('http://img.modetour.com/promotion/10283/190320/tabmenu1_off.jpg') no-repeat;width: 266px;height: 187px;font-size: 0;position: relative;}
					.event_wrap .btn_container1 .btn_group button.btn2{background-position: -266px 0;width: 267px;}
					.event_wrap .btn_container1 .btn_group button.btn3{background-position: -533px 0;width: 267px;}
					.event_wrap .btn_container1 .btn_group button.on{background-image: url('http://img.modetour.com/promotion/10283/190320/tabmenu1_on.jpg');}		
					.event_wrap .btn_container1 .btn_group button:hover{background-image: url('http://img.modetour.com/promotion/10283/190320/tabmenu1_on.jpg');}		
					.event_wrap .btn_container1 .con_gorup{background: url('http://img.modetour.com/promotion/10283/190320/tab1_conbg.jpg');}
					.event_wrap .con{display: none;}
					.event_wrap .con.on{display: block;}		
					.event_wrap button{border: none;}		
					.event_wrap button:focus{outline:0 none;}

					.event_wrap .hawaii_con{background: url('http://img.modetour.com/promotion/10283/190320/hawaii_bg.jpg') no-repeat center 0;}
					.event_wrap .btn_container2 .btn_group{background: url('http://img.modetour.com/promotion/10283/190320/tab_bg2.jpg');font-size: 0;}	
					.event_wrap .btn_group button{background: url('http://img.modetour.com/promotion/10283/190320/tabmenu2_off.jpg') no-repeat;width: 200px;height: 187px;font-size: 0;position: relative;}
					.event_wrap .btn_container2 .btn_group button.btn2{background-position: -200px 0;}
					.event_wrap .btn_container2 .btn_group button.btn3{background-position: -400px 0;}
					.event_wrap .btn_container2 .btn_group button.btn4{background-position: -600px 0;}
					.event_wrap .btn_container2 .btn_group button.on{background-image: url('http://img.modetour.com/promotion/10283/190320/tabmenu2_on.jpg');}		
					.event_wrap .btn_container2 .btn_group button:hover{background-image: url('http://img.modetour.com/promotion/10283/190320/tabmenu2_on.jpg');}		
					.event_wrap .btn_container2 .con_gorup{background: url('http://img.modetour.com/promotion/10283/190320/hawaii_conbg.jpg') no-repeat center 0;}
				</style>
				<div class="event_wrap">
					<div class="top">
						<img src="http://img.modetour.com/promotion/10283/240904_top_txt.jpg" alt="">
						<div class="movie">
							<iframe width="770" height="433" src="https://www.youtube.com/embed/-lUmECDo5WY?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
						</div>
					</div>
					<div class="btn_container1">
						<div class="btn_group">
							<button class="btn1 on">나에게 맞는 객실 고르기</button>
							<button class="btn2">크루즈의 백미 정찬/뷔페식사</button>
							<button class="btn3">주요 부대시설 안내</button>
						</div>
						<div class="con_gorup">
							<div class="con on"><img src="http://img.modetour.com/promotion/10283/190320/tab_con1.jpg" alt=""></div>
							<div class="con"><img src="http://img.modetour.com/promotion/10283/190320/tab_con2.jpg" alt=""></div>
							<div class="con"><img src="http://img.modetour.com/promotion/10283/190320/tab_con3.jpg" alt=""></div>
						</div>
					</div>
					<div class="hawaii_con">
						<img src="http://img.modetour.com/promotion/10283/190320/hawaii_txt.jpg" alt="">
					</div>
					<div class="btn_container2">
						<div class="btn_group">
							<button class="btn1 on">오아후</button>
							<button class="btn2">마우이</button>
							<button class="btn3">빅아일랜드</button>
							<button class="btn4">카우아이</button>
						</div>
						<div class="con_gorup">
							<div class="con on"><img src="http://img.modetour.com/promotion/10283/190320/tab_con2_1.jpg" alt=""></div>
							<div class="con"><img src="http://img.modetour.com/promotion/10283/190320/tab_con2_2.jpg" alt=""></div>
							<div class="con"><img src="http://img.modetour.com/promotion/10283/190320/tab_con2_3.jpg" alt=""></div>
							<div class="con"><img src="http://img.modetour.com/promotion/10283/190320/tab_con2_4.jpg" alt=""></div>
						</div>
					</div>
				</div>				
				 <script type="text/javascript">
					(function($){							
						$(document).ready(function(){
							$('.btn_group > button').click(function(){
						     $(this).addClass('on').siblings('button').removeClass('on');
						     var a_index = $(this).index();
						    $(this).parent('div').siblings('div').children('div').eq(a_index).addClass('on').siblings('div').removeClass('on');
							});
						});
					})(jQuery);
				</script>
				
            
         </div>
      </div>
   </div>
</body>

</html>

10283 NCL크루즈 

오사카

일본