<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 href="//fonts.googleapis.com/css?family=Noto+Sans+KR&amp;display=swap" rel="stylesheet">
				<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.min.css">
                
				<style type="text/css">
						@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
						@font-face {
							font-family: 'Spoqa Han Sans';
							font-weight: 700;
							src: local('Spoqa Han Sans Bold'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2') format('woff2'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff') format('woff'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.ttf') format('truetype');
						}

						@font-face {
							font-family: 'Spoqa Han Sans';
							font-weight: 400;
							src: local('Spoqa Han Sans Regular'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2') format('woff2'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff') format('woff'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.ttf') format('truetype');
						}

						@font-face {
							font-family: 'Spoqa Han Sans';
							font-weight: 300;
							src: local('Spoqa Han Sans Light'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2') format('woff2'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff') format('woff'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf') format('truetype');
						}

						@font-face {
							font-family: 'GmarketSansMedium';
							src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
							font-weight: normal;
							font-style: normal;
						}
						@font-face {
							font-family: "GmarketSansLight";
							src: url("//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
								format("woff");
							font-weight: normal;
							font-style: normal;
						}


						.event_wrap{}
						.event_wrap .main{position: relative;}
						.event_wrap .main .slide1{background: url(//img.modetour.com/promotion20/12198/main-bg1.jpg) center 0 no-repeat;}
						.event_wrap .main .slide2{background: url(//img.modetour.com/promotion20/12198/main-bg2.jpg) center 0 no-repeat;}
						.event_wrap .main .txt{position: absolute; top: 24px; left: 50%; margin-left: -400px; z-index: 10;}

						.event_wrap .con1{background: url(//img.modetour.com/promotion20/12198/con1-bg.jpg) center 0 no-repeat;}

						.event_wrap .con2{background: url(//img.modetour.com/promotion20/12198/con2-bg.jpg) center 0 no-repeat; height: 699px; position: relative;}
						.event_wrap .con2 .video{width: 730px; height: 403px; position: absolute; left: 50%; margin-left: -325px; top: 150px;}
						.event_wrap .con2 .video iframe{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}

						.event_wrap .con3 .tit{padding-top: 110px; padding-bottom: 60px;}
						.event_wrap .con3 .swiper{width: 1735px; margin: 0 auto; overflow: hidden; padding-top: 50px; padding-left: 20px; position: relative; padding-bottom: 120px;}
						.event_wrap .con3 .top{color: #FFF; font-size: 22px; background: #22cdde; font-family: 'Noto Sans KR'; display: flex; width: 99px; height: 99px; border-radius: 50%; justify-content: center; align-items: center;
						position: absolute; top: -11px; left: -11px; z-index: 1; line-height: 24px;}
						.event_wrap .con3 .swiper-slide img{transition: all 0.5s; transform: scale(0.8);}
						.event_wrap .con3 .swiper-slide-active img{transform: scale(1.15);}
						.event_wrap .con3 .swiper-slide .img{position: relative;}
						.event_wrap .con3 .swiper-slide .img:before{content: ''; border: 10px solid transparent; border-radius: 50%; background-image: linear-gradient(#FFF, #FFF), linear-gradient(0deg, #1aa4fe 0%,  #8a5bff 100%);
							background-origin: border-box; background-clip: content-box, border-box; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.5s; opacity: 0;}
						.event_wrap .con3 .swiper-slide-active .img:before{content: '';  top: -40px; left: -30px; right: -30px; bottom: -40px; opacity: 1;}
						.event_wrap .con3 .area-name{color: #282828; font-size: 26px; margin-top: 30px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; font-weight: 600;}
						.event_wrap .con3 p{font-size: 16px; color: #282828; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';  line-height: 22px; letter-spacing: -0.09rem; margin-top: 20px; transition: all 0.3s;}
						.event_wrap .con3 .infor{display: block; text-align: center; font-family: 'GmarketSansMedium'; font-size: 16px; color: #111; line-height: 22px; letter-spacing: -0.05rem;}
						.event_wrap .con3 .infor img{transform: scale(1) !important; display: block; margin: 35px auto 10px;}
						.event_wrap .con3 .swiper-slide-active .area-name{ font-size: 28px; margin-top: 80px;}
						.event_wrap .con3 .swiper-slide-active p{font-size: 17px; line-height: 27px; margin-top: 30px;}
						.event_wrap .con3 .swiper-scrollbar{width: 305px; height: 10px; background: #dfdfdf; left: 50%; margin-left: -150px; bottom: 30px;}
						.event_wrap .con3 .swiper-scrollbar-drag{height: 28px; border-radius: 50%; top: -8px;  background-image: linear-gradient(100deg, #09ed6d 0%,  #3b89ff 100%);}
				</style>
				<div class="event_wrap">	
					<div class="main">
						<div class="swiper">
							<div class="swiper-wrapper">
								<div class="swiper-slide slide1"><img src="//img.modetour.com/promotion20/12198/main-bg1-in.jpg" alt=""></div>
								<div class="swiper-slide slide2"><img src="//img.modetour.com/promotion20/12198/main-bg2-in.jpg" alt=""></div>
							</div>
						</div>
						<div class="txt"><img src="//img.modetour.com/promotion20/12198/main-txt.png" alt=""></div>
					</div>
					<div class="con1"><img src="//img.modetour.com/promotion20/12198/con1.jpg" alt=""></div>
					<div class="con2">
						<div class="video">
							<iframe width="1280" height="720" src="https://www.youtube.com/embed/IFEI4B4Dpz8" title="켄싱턴호텔사이판 소개 동영상" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
						</div>
					</div>
					<div class="con3">
						<div class="tit"><img src="//img.modetour.com/promotion20/12198/con3-tit.png" alt=""></div>
						<div class="swiper">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle1.png" alt="">
										</div>
										<div class="area-name">켄싱턴스윙</div>
										<p>켄싱턴 호텔의 인생샷스팟!<br>그네도 타고 인생샷도 찰칵!</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle2.png" alt="">
										</div>
										<div class="area-name">인피니티풀</div>   
										<p>사이판 유일의 인피니티 풀로<br>프라이빗한 여유를 만끽할 수 있습니다.</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle3.png" alt="">
										</div>
										<div class="area-name">파우파우비치</div>
										<p>사이판에서 가장 아름다운<br>전용비치를 즐겨보세요.</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle4.png" alt="">
										</div>
										<div class="area-name">KENSINGTON KIDS</div>
										<p>켄싱턴 키즈 객실은 어린이 고객들에게<br>
											놀라운 경험과 상상력을 선물하는 공간으로<br>
											평생 잊지못할 여행의 추억을 선물합니다. 
										</p>
										<div class="infor">
											<img src="//img.modetour.com/promotion20/12198/md.png" alt="">
											켄싱턴 키즈룸에는 키즈전용<br>
											목욕가운/슬리퍼/ 고급욕실 어메니티<br>
											(비누,샴푸,컨디셔너,바디워시)가 제공됩니다.
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle5.png" alt="">
										</div>
										<div class="area-name">LORIA</div>
										<p>럭셔리 크루즈를 모티브로한<br>뷔페 레스토랑에서<br>전 세계 미식 트렌드를 경험해 보세요.</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle6.png" alt="">
										</div>
										<div class="area-name">EAST MOON</div>
										<p>남녀노소 누구에게나 매력적인,<br>현대적 감성의 사이판 유일의<br>호텔식 모던 차이니스 레스토랑 입니다.</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle7.png" alt="">
										</div>
										<div class="area-name">OCEAN GRILL</div>
										<p>노을지는 해변에서 시원한<br>바닷바람을 맞으며 즐기는<br>이색 비비큐 파티</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle8.png" alt="">
										</div>
										<div class="area-name">OHAS</div>
										<p>건강한 식재료를 사용한<br>매일 오전 신선하게 구워내는<br>다양한 베이커리와,나른한 오후에는<br>시원한 바다를 감상하며<br>남태평양의 여유를 만끽해보세요.</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle9.png" alt="">
										</div>
										<div class="area-name">SPLASH BAR</div>
										<p>남태평양의 햇살을 맞으며 즐기는<br>다양한 음료와 바텐더의<br>로맨틱 칵테일까지!</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle10.png" alt="">
										</div>
										<div class="area-name">PREMIER DELUXE</div>
										<p>넉넉한 공간의 발코니에서 바라보는<br>눈부신 오션뷰 전망과 함께<br>사이판 유일의 인피니티 풀에서<br>여유를 즐겨보세요.</p>
										<div class="infor">
											<img src="//img.modetour.com/promotion20/12198/md.png" alt="">
											프리미어디럭스룸이상을<br>
											이용하시는 분들만 켄싱턴 인피니티풀을<br>
											이용가능하단 사실!
										</div>
									</a>
								</div>
							</div>
							
							<div class="swiper-scrollbar"></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/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>
		<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 href="//fonts.googleapis.com/css?family=Noto+Sans+KR&amp;display=swap" rel="stylesheet">
				<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.min.css">
                <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/js/swiper.min.js"></script>
				<style type="text/css">
						@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
						@font-face {
							font-family: 'Spoqa Han Sans';
							font-weight: 700;
							src: local('Spoqa Han Sans Bold'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2') format('woff2'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff') format('woff'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.ttf') format('truetype');
						}

						@font-face {
							font-family: 'Spoqa Han Sans';
							font-weight: 400;
							src: local('Spoqa Han Sans Regular'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2') format('woff2'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff') format('woff'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.ttf') format('truetype');
						}

						@font-face {
							font-family: 'Spoqa Han Sans';
							font-weight: 300;
							src: local('Spoqa Han Sans Light'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2') format('woff2'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff') format('woff'),
							url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf') format('truetype');
						}

						@font-face {
							font-family: 'GmarketSansMedium';
							src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
							font-weight: normal;
							font-style: normal;
						}
						@font-face {
							font-family: "GmarketSansLight";
							src: url("//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
								format("woff");
							font-weight: normal;
							font-style: normal;
						}


						.event_wrap{}
						.event_wrap .main{position: relative;}
						.event_wrap .main .slide1{background: url(//img.modetour.com/promotion20/12198/main-bg1.jpg) center 0 no-repeat;}
						.event_wrap .main .slide2{background: url(//img.modetour.com/promotion20/12198/main-bg2.jpg) center 0 no-repeat;}
						.event_wrap .main .txt{position: absolute; top: 24px; left: 50%; margin-left: -400px; z-index: 10;}

						.event_wrap .con1{background: url(//img.modetour.com/promotion20/12198/con1-bg.jpg) center 0 no-repeat;}

						.event_wrap .con2{background: url(//img.modetour.com/promotion20/12198/con2-bg.jpg) center 0 no-repeat; height: 699px; position: relative;}
						.event_wrap .con2 .video{width: 730px; height: 403px; position: absolute; left: 50%; margin-left: -325px; top: 150px;}
						.event_wrap .con2 .video iframe{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}

						.event_wrap .con3 .tit{padding-top: 110px; padding-bottom: 60px;}
						.event_wrap .con3 .swiper{width: 1735px; margin: 0 auto; overflow: hidden; padding-top: 50px; padding-left: 20px; position: relative; padding-bottom: 120px;}
						.event_wrap .con3 .top{color: #FFF; font-size: 22px; background: #22cdde; font-family: 'Noto Sans KR'; display: flex; width: 99px; height: 99px; border-radius: 50%; justify-content: center; align-items: center;
						position: absolute; top: -11px; left: -11px; z-index: 1; line-height: 24px;}
						.event_wrap .con3 .swiper-slide img{transition: all 0.5s; transform: scale(0.8);}
						.event_wrap .con3 .swiper-slide-active img{transform: scale(1.15);}
						.event_wrap .con3 .swiper-slide .img{position: relative;}
						.event_wrap .con3 .swiper-slide .img:before{content: ''; border: 10px solid transparent; border-radius: 50%; background-image: linear-gradient(#FFF, #FFF), linear-gradient(0deg, #1aa4fe 0%,  #8a5bff 100%);
							background-origin: border-box; background-clip: content-box, border-box; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.5s; opacity: 0;}
						.event_wrap .con3 .swiper-slide-active .img:before{content: '';  top: -40px; left: -30px; right: -30px; bottom: -40px; opacity: 1;}
						.event_wrap .con3 .area-name{color: #282828; font-size: 26px; margin-top: 30px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; font-weight: 600;}
						.event_wrap .con3 p{font-size: 16px; color: #282828; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';  line-height: 22px; letter-spacing: -0.09rem; margin-top: 20px; transition: all 0.3s;}
						.event_wrap .con3 .infor{display: block; text-align: center; font-family: 'GmarketSansMedium'; font-size: 16px; color: #111; line-height: 22px; letter-spacing: -0.05rem;}
						.event_wrap .con3 .infor img{transform: scale(1) !important; display: block; margin: 35px auto 10px;}
						.event_wrap .con3 .swiper-slide-active .area-name{ font-size: 28px; margin-top: 80px;}
						.event_wrap .con3 .swiper-slide-active p{font-size: 17px; line-height: 27px; margin-top: 30px;}
						.event_wrap .con3 .swiper-scrollbar{width: 305px; height: 10px; background: #dfdfdf; left: 50%; margin-left: -150px; bottom: 30px;}
						.event_wrap .con3 .swiper-scrollbar-drag{height: 28px; border-radius: 50%; top: -8px;  background-image: linear-gradient(100deg, #09ed6d 0%,  #3b89ff 100%);}
				</style>
				<div class="event_wrap">	
					<div class="main">
						<div class="swiper">
							<div class="swiper-wrapper">
								<div class="swiper-slide slide1"><img src="//img.modetour.com/promotion20/12198/main-bg1-in.jpg" alt=""></div>
								<div class="swiper-slide slide2"><img src="//img.modetour.com/promotion20/12198/main-bg2-in.jpg" alt=""></div>
							</div>
						</div>
						<div class="txt"><img src="//img.modetour.com/promotion20/12198/main-txt.png" alt=""></div>
					</div>
					<div class="con1"><img src="//img.modetour.com/promotion20/12198/con1.jpg" alt=""></div>
					<div class="con2">
						<div class="video">
							<iframe width="1280" height="720" src="https://www.youtube.com/embed/IFEI4B4Dpz8" title="켄싱턴호텔사이판 소개 동영상" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
						</div>
					</div>
					<div class="con3">
						<div class="tit"><img src="//img.modetour.com/promotion20/12198/con3-tit.png" alt=""></div>
						<div class="swiper">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle1.png" alt="">
										</div>
										<div class="area-name">켄싱턴스윙</div>
										<p>켄싱턴 호텔의 인생샷스팟!<br>그네도 타고 인생샷도 찰칵!</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle2.png" alt="">
										</div>
										<div class="area-name">인피니티풀</div>   
										<p>사이판 유일의 인피니티 풀로<br>프라이빗한 여유를 만끽할 수 있습니다.</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle3.png" alt="">
										</div>
										<div class="area-name">파우파우비치</div>
										<p>사이판에서 가장 아름다운<br>전용비치를 즐겨보세요.</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle4.png" alt="">
										</div>
										<div class="area-name">KENSINGTON KIDS</div>
										<p>켄싱턴 키즈 객실은 어린이 고객들에게<br>
											놀라운 경험과 상상력을 선물하는 공간으로<br>
											평생 잊지못할 여행의 추억을 선물합니다. 
										</p>
										<div class="infor">
											<img src="//img.modetour.com/promotion20/12198/md.png" alt="">
											켄싱턴 키즈룸에는 키즈전용<br>
											목욕가운/슬리퍼/ 고급욕실 어메니티<br>
											(비누,샴푸,컨디셔너,바디워시)가 제공됩니다.
										</div>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle5.png" alt="">
										</div>
										<div class="area-name">LORIA</div>
										<p>럭셔리 크루즈를 모티브로한<br>뷔페 레스토랑에서<br>전 세계 미식 트렌드를 경험해 보세요.</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle6.png" alt="">
										</div>
										<div class="area-name">EAST MOON</div>
										<p>남녀노소 누구에게나 매력적인,<br>현대적 감성의 사이판 유일의<br>호텔식 모던 차이니스 레스토랑 입니다.</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle7.png" alt="">
										</div>
										<div class="area-name">OCEAN GRILL</div>
										<p>노을지는 해변에서 시원한<br>바닷바람을 맞으며 즐기는<br>이색 비비큐 파티</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle8.png" alt="">
										</div>
										<div class="area-name">OHAS</div>
										<p>건강한 식재료를 사용한<br>매일 오전 신선하게 구워내는<br>다양한 베이커리와,나른한 오후에는<br>시원한 바다를 감상하며<br>남태평양의 여유를 만끽해보세요.</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle9.png" alt="">
										</div>
										<div class="area-name">SPLASH BAR</div>
										<p>남태평양의 햇살을 맞으며 즐기는<br>다양한 음료와 바텐더의<br>로맨틱 칵테일까지!</p>
									</a>
								</div>
								<div class="swiper-slide">
									<a href="">
										<div class="img">
											<img src="//img.modetour.com/promotion20/12198/circle10.png" alt="">
										</div>
										<div class="area-name">PREMIER DELUXE</div>
										<p>넉넉한 공간의 발코니에서 바라보는<br>눈부신 오션뷰 전망과 함께<br>사이판 유일의 인피니티 풀에서<br>여유를 즐겨보세요.</p>
										<div class="infor">
											<img src="//img.modetour.com/promotion20/12198/md.png" alt="">
											프리미어디럭스룸이상을<br>
											이용하시는 분들만 켄싱턴 인피니티풀을<br>
											이용가능하단 사실!
										</div>
									</a>
								</div>
							</div>
							
							<div class="swiper-scrollbar"></div>
						</div>
					</div>
				</div>
				<script type="text/javascript">
					(function($){						   
						$(document).ready(function(){
							var swiper = new Swiper(".main .swiper", {
                                effect: "fade",
                                fadeEffect: { 
                                crossFade: false 
                                },
                                autoplay: {
                                    delay: 2500,
                                    disableOnInteraction: false,
                                },
                            });

							var swiper = new Swiper(".con3 .swiper", {
                                slidesPerView: 5,
                                spaceBetween: 100,
                                loop: true,
                                centeredSlides: true,
                                speed: 500,
                                // 스크롤바 설정하기
                                scrollbar : {
                                    el : '.con3 .swiper-scrollbar',
                                    draggable: true,
                                    dragSize: 28,
                                },
                            });
						});
					})(jQuery);
				</script>
				
			</div>
		</div>
	</div>
</body>
</html>

12198 켄싱턴 호텔 사이판

오사카

일본