<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{}
                        .event_wrap .txt-blind{position: absolute; left: -9999px; font-size: 0;}
                        .event_wrap .content{display: none; background: url(//img.modetour.com/promotion20/12196/in-bg.jpg) repeat;}
                        .event_wrap .content:first-child{display: block;}
						.event_wrap .main{background: url(//img.modetour.com/promotion20/12196/240105/main-bg.jpg) center 0 no-repeat;}
                        .event_wrap .tab{background: url(//img.modetour.com/promotion20/12196/menu-bg.jpg) repeat;}
                        .event_wrap .tab ul{display: flex; width: 800px; margin: 0 auto;}
                        .event_wrap .tab ul li{width: 155px; background: url(//img.modetour.com/promotion20/12196/240105/menu-off.png) no-repeat; height: 158px;}
                        .event_wrap .tab ul li:hover,.event_wrap .tab ul li.on{background: url(//img.modetour.com/promotion20/12196/240105/menu-on.jpg) no-repeat;}
                        .event_wrap .tab ul li.tab01{width: 146px;}
						.event_wrap .tab ul li.tab02{background-position-x: -146px; width: 146px;}
                        .event_wrap .tab ul li.tab03{background-position-x: -292px; width: 193px;}
                        .event_wrap .tab ul li.tab04{background-position-x: -485px; width: 146px;}
                        .event_wrap .tab ul li.tab05{background-position-x: 100%; width: 146px;}
                        .event_wrap .tab ul li a{display: block; width: 100%; height: 100%;}
                        .event_wrap .in01{background: url(//img.modetour.com/promotion20/12196/240105/in1-bg.jpg) center 0 no-repeat;}
                        
				</style>
				<div class="event_wrap">	
					<div class="main"><img src="//img.modetour.com/promotion20/12196/240105/main-in.jpg" alt=""></div>
                    <div class="add"><img src="//img.modetour.com/promotion20/12196/add.jpg" alt=""></div>
                    <div class="con1"><img src="//img.modetour.com/promotion20/12196/240105/con1.jpg" alt=""></div>
                    <div class="tab">
                        <ul>
                            <li class="tab01 on"><a href=""><span class="txt-blind">무릉도원 장가계</span></a></li>
                            <li class="tab02"><a href=""><span class="txt-blind">민족의 영산 백두산</span></a></li>
                            <li class="tab03"><a href=""><span class="txt-blind">장엄한 풍경 태항산</span></a></li>
                            <li class="tab04"><a href=""><span class="txt-blind">천하의 명승지 황산</span></a></li>
                            <li class="tab05"><a href=""><span class="txt-blind">서안의 명산 화산</span></a></li>
                        </ul>
                    </div>
                    <div class="con-wrap">
                        <div class="content in01"><img src="//img.modetour.com/promotion20/12196/240105/in1.jpg" alt=""></div>
                        <div class="content in02"><img src="//img.modetour.com/promotion20/12196/240105/in2.jpg" alt=""></div>
                        <div class="content in03"><img src="//img.modetour.com/promotion20/12196/240105/in3.jpg" alt=""></div>
                        <div class="content in04"><img src="//img.modetour.com/promotion20/12196/240105/in4.jpg" alt=""></div>
                        <div class="content in05"><img src="//img.modetour.com/promotion20/12196/240105/in5.jpg" alt=""></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">
				
				
				<style type="text/css">
						.event_wrap{}
                        .event_wrap .txt-blind{position: absolute; left: -9999px; font-size: 0;}
                        .event_wrap .content{display: none; background: url(//img.modetour.com/promotion20/12196/in-bg.jpg) repeat;}
                        .event_wrap .content:first-child{display: block;}
						.event_wrap .main{background: url(//img.modetour.com/promotion20/12196/240105/main-bg.jpg) center 0 no-repeat;}
                        .event_wrap .tab{background: url(//img.modetour.com/promotion20/12196/menu-bg.jpg) repeat;}
                        .event_wrap .tab ul{display: flex; width: 800px; margin: 0 auto;}
                        .event_wrap .tab ul li{width: 155px; background: url(//img.modetour.com/promotion20/12196/240105/menu-off.png) no-repeat; height: 158px;}
                        .event_wrap .tab ul li:hover,.event_wrap .tab ul li.on{background: url(//img.modetour.com/promotion20/12196/240105/menu-on.jpg) no-repeat;}
                        .event_wrap .tab ul li.tab01{width: 146px;}
						.event_wrap .tab ul li.tab02{background-position-x: -146px; width: 146px;}
                        .event_wrap .tab ul li.tab03{background-position-x: -292px; width: 193px;}
                        .event_wrap .tab ul li.tab04{background-position-x: -485px; width: 146px;}
                        .event_wrap .tab ul li.tab05{background-position-x: 100%; width: 146px;}
                        .event_wrap .tab ul li a{display: block; width: 100%; height: 100%;}
                        .event_wrap .in01{background: url(//img.modetour.com/promotion20/12196/240105/in1-bg.jpg) center 0 no-repeat;}
                        
				</style>
				<div class="event_wrap">	
					<div class="main"><img src="//img.modetour.com/promotion20/12196/240105/main-in.jpg" alt=""></div>
                    <div class="add"><img src="//img.modetour.com/promotion20/12196/add.jpg" alt=""></div>
                    <div class="con1"><img src="//img.modetour.com/promotion20/12196/240105/con1.jpg" alt=""></div>
                    <div class="tab">
                        <ul>
                            <li class="tab01 on"><a href=""><span class="txt-blind">무릉도원 장가계</span></a></li>
                            <li class="tab02"><a href=""><span class="txt-blind">민족의 영산 백두산</span></a></li>
                            <li class="tab03"><a href=""><span class="txt-blind">장엄한 풍경 태항산</span></a></li>
                            <li class="tab04"><a href=""><span class="txt-blind">천하의 명승지 황산</span></a></li>
                            <li class="tab05"><a href=""><span class="txt-blind">서안의 명산 화산</span></a></li>
                        </ul>
                    </div>
                    <div class="con-wrap">
                        <div class="content in01"><img src="//img.modetour.com/promotion20/12196/240105/in1.jpg" alt=""></div>
                        <div class="content in02"><img src="//img.modetour.com/promotion20/12196/240105/in2.jpg" alt=""></div>
                        <div class="content in03"><img src="//img.modetour.com/promotion20/12196/240105/in3.jpg" alt=""></div>
                        <div class="content in04"><img src="//img.modetour.com/promotion20/12196/240105/in4.jpg" alt=""></div>
                        <div class="content in05"><img src="//img.modetour.com/promotion20/12196/240105/in5.jpg" alt=""></div>
                    </div>
				</div>
				<script type="text/javascript">
					(function($){						   
						$(document).ready(function(){

                            $('.tab li a').click(function(){
                                var t = $(this);
                                var idx = t.parent().index();
                                t.parent().addClass('on').siblings().removeClass('on');
                                $('.con-wrap .content').eq(idx).show().siblings().hide();
                                return false;
                            });

						});
					})(jQuery);
				</script>
				
			</div>
		</div>
	</div>
</body>
</html>

12196 중국의 명산

오사카

일본