<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>
	</head>
<body>
	<div id="EventwarpBody">
		<div class="promotion_container">
			<div class="promotion-img">
				
				
                    <style type="text/css">
                        body {
                            margin: 0;
                        }
                        .event_wrap img {
                            vertical-align: middle;
                        }
                        .event_wrap {
                            text-align: center;
                            position: relative;
                        }

                        .event_wrap .layout {
                            width: 1100px;
                            margin: 0 auto;
                            position: relative;
                        }

                        .event_wrap .text_blind {
                            font-size: 0;
                            position: absolute;
                            left: -9999px;
                        }

                        .event_wrap .content {
                            display: none;
                        }

                        .event_wrap {
                            background: url("//img.modetour.com/promotion20/11323/250212/event_bg.jpg") center 0 no-repeat;
                            position: relative;
                        }

                        .event_wrap .con_wrap {
                            position: absolute;
                            top: 1062px;
                            left: 50%;
                            margin-left: -390px;
                        }
                        .event_wrap .cont {
                            background: url("//img.modetour.com/promotion26/17666/cont_bg.jpg") center 0 no-repeat;
                        }
                    </style>
                    <script type="text/javascript">
                        (function ($) {
                            $(document).ready(function () {
                                function dpBlock() {
                                    var t = $(this);
                                    t.find("div.content:first").css("display", "block");
                                }
                                $(".con_wrap").each(dpBlock);

                                function Tabs() {
                                    var t = $(this);
                                    var idx = t.index();
                                    t.parent().next("div.con_wrap").find("div.content").eq(idx).css("display", "block").siblings().css("display", "none");
                                    return false;
                                }
                                $("map area").click(Tabs);
                            });
                        })(jQuery);
                    </script>
                    <div class="event_wrap">
                        <img src="//img.modetour.com/promotion20/11323/250212/event.jpg" alt="" usemap="#link" />
                        <map id="link" name="link">
                            <area alt="북해도" title="" href="" coords="597,1029,701,1075" shape="rect" />
                            <area alt="아오모리" title="" href="" coords="528,1137,640,1189" shape="0" />
                            <area alt="도야마" title="" href="" coords="526,1209,591,1271" shape="0" />
                            <area alt="도쿄" title="" href="" coords="596,1296,677,1332" shape="0" />
                            <area alt="나고야" title="" href="" coords="526,1314,544,1363,561,1389,619,1389,618,1364,561,1313" shape="poly" />
                            <area alt="오사카" title="" href="" coords="467,1352,482,1379,487,1406,555,1407,555,1385,486,1338" shape="poly" />
                            <area alt="돗토리, 오카야마" title="" href="" coords="355,1279,494,1335" shape="rect" />
                            <area alt="규슈" title="" href="" coords="280,1334,339,1407" shape="0" />
                            <area alt="시코쿠" title="" href="" coords="398,1354,471,1420" shape="0" />
                        </map>
                        <div class="con_wrap">
                            <div class="content" id="in01"><img src="//img.modetour.com/promotion20/11323/250212/in1.png" alt="" /></div>
                            <div class="content" id="in02"><img src="//img.modetour.com/promotion20/11323/250212/in2.png" alt="" /></div>
                            <div class="content" id="in03"><img src="//img.modetour.com/promotion20/11323/250212/in3.png" alt="" /></div>
                            <div class="content" id="in04"><img src="//img.modetour.com/promotion20/11323/250212/in4.png" alt="" /></div>
                            <div class="content" id="in05"><img src="//img.modetour.com/promotion20/11323/250212/in5.png" alt="" /></div>
                            <div class="content" id="in06"><img src="//img.modetour.com/promotion20/11323/250212/in6.png" alt="" /></div>
                            <div class="content" id="in07"><img src="//img.modetour.com/promotion20/11323/250212/in7.png" alt="" /></div>
                            <div class="content" id="in08"><img src="//img.modetour.com/promotion20/11323/250212/in8.png" alt="" /></div>
                            <div class="content" id="in09"><img src="//img.modetour.com/promotion20/11323/250212/in9.png" alt="" /></div>
                        </div>
                        <div class="cont">
                            <img src="//img.modetour.com/promotion26/17666/cont.jpg" alt="" />
                        </div>
                    </div>
                    
                    
			</div>
		</div>
	</div>
</body>
</html>