<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.3.3/css/swiper.min.css">
					
				<style type="text/css">
					@font-face {
						font-family: 'SBAggroB';
						src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
						font-weight: normal;
						font-style: normal;
					}
					body{margin: 0;}
					.event_wrap img{vertical-align: middle;}
					.event_wrap {min-width: 800px; text-align: center;}
					.event_wrap .swiper .swiper-wrapper{height: auto;}
					.event_wrap .swiper .slide1{background: url('//img.modetour.com/promotion20/15967/ttl01_bg.jpg') center 0 no-repeat;}
					.event_wrap .swiper .slide2{background: url('//img.modetour.com/promotion20/15967/ttl02_bg.jpg') center 0 no-repeat;}
					.event_wrap .swiper .slide3{background: url('//img.modetour.com/promotion20/15967/ttl03_bg.jpg') center 0 no-repeat;}
					.event_wrap .cont01_ttl{margin: 0; padding: 0 0 23px 0;}				
					.event_wrap .tab_container{min-width: 2000px; width: 2000px; margin: 0 auto; background: #d7edfa;}
					.event_wrap .btn_group{width: 730px; margin: 0 auto; display: flex; justify-content: space-between;}
					.event_wrap .btn_group button{color: #222222; background: #FFF; border: 3px #3a3a3a solid; width: 144px; height: 71px; font-family: 'SBAggroB'; font-size: 20px; letter-spacing: -2px; cursor: pointer; transition: 0.2s;}
					.event_wrap .btn_group button:hover,
					.event_wrap .btn_group button.on{color: #FFF;}
					.event_wrap .btn_group button:nth-child(1):hover,
					.event_wrap .btn_group button:nth-child(1).on{background: #6d3ac1;}
					.event_wrap .btn_group button:nth-child(2):hover,
					.event_wrap .btn_group button:nth-child(2).on{background: #e44945;}
					.event_wrap .btn_group button:nth-child(3):hover,
					.event_wrap .btn_group button:nth-child(3).on{background: #222222;}
					.event_wrap .btn_group button:nth-child(4):hover,
					.event_wrap .btn_group button:nth-child(4).on{background: #4ab34a;}
					.event_wrap .btn_group button:nth-child(5):hover,
					.event_wrap .btn_group button:nth-child(5).on{background: #008fde;}
					.event_wrap .tab_container .tab_cont{display: none;}
					.event_wrap .tab_container .tab_cont.on{display: block;}
					.event_wrap .cont02{background: url('//img.modetour.com/promotion20/15967/cont02_bg.jpg') no-repeat center 0;}
                    .event_wrap .cont03{background: url('//img.modetour.com/promotion20/15967/241120/cont03_bg.jpg') no-repeat center 0;}
				</style>
				<div class="event_wrap">
					<div class="slide e_slide1">
						<div class="swiper">
							<div class="swiper-wrapper">
								<div class="swiper-slide slide1"><img src="//img.modetour.com/promotion20/15967/ttl01.jpg" alt=""></div>
								<div class="swiper-slide slide2"><img src="//img.modetour.com/promotion20/15967/ttl02.jpg" alt=""></div>
								<div class="swiper-slide slide3"><img src="//img.modetour.com/promotion20/15967/ttl03.jpg" alt=""></div>
							</div>
						</div>
					</div>
					<div class="tab_container">
						<p class="cont01_ttl"><img src="//img.modetour.com/promotion20/15967/cont01_ttl.png" alt=""></p>
						<div class="btn_group">
							<button type="button" class="on">북경-장가계</button>
							<button type="button">연태-장가계</button> 
							<button type="button">무한-장가계<br>장가계-무한</button>
							<button type="button">장가계 직항</button>
							<button type="button">장사-장가계</button>
						</div>
						<div class="cont_group">
							<div class="tab_cont on">
								<img src="//img.modetour.com/promotion20/15967/tab_cont01.jpg" alt="">
							</div>
							<div class="tab_cont">
								<img src="//img.modetour.com/promotion20/15967/tab_cont02.jpg" alt="">
							</div>
							<div class="tab_cont">
								<img src="//img.modetour.com/promotion20/15967/tab_cont03.jpg" alt="">
							</div>
							<div class="tab_cont">
								<img src="//img.modetour.com/promotion20/15967/tab_cont04.jpg" alt="">
							</div>
							<div class="tab_cont">
								<img src="//img.modetour.com/promotion20/15967/tab_cont05.jpg" alt="">
							</div>
						</div>
					</div>
					<div class="cont02">
						<img src="//img.modetour.com/promotion20/15967/cont02.jpg" alt="">
					</div>
                    <div class="cont03">
						<img src="//img.modetour.com/promotion20/15967/241120/cont03.jpg" alt="">
					</div>
				</div>
				
				
			</div>
		</div>
	</div>
</body>

</html>