<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">
            html {
                scroll-behavior: auto !important;
            }
            .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">
                    
                    <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css" type="text/css" />
                    <style type="text/css">
                        .event_wrap {
                            min-width: 800px;
                            text-align: center;
                        }
                        .event_wrap .main {
                            background: url("//img.modetour.com/promotion26/17661/main_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont {
                            background: url("//img.modetour.com/promotion26/17661/cont_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .tab_area .btn_area {
                            display: flex;
                            justify-content: center;
                            margin-bottom: 63px;
                        }
                        .event_wrap .tab_area .btn_area button {
                            width: 129px;
                            height: 89px;
                            border-radius: 20px;
                            box-shadow: 4px 0 9px rgba(111, 0, 174, 0.3);
                            background: #fff;
                            cursor: pointer;
                        }
                        .event_wrap .tab_area .btn_area button span {
                            font-family: "Paperlogy";
                            font-size: 23px;
                            color: #3d3d3d;
                            font-weight: 600;
                            line-height: 1;
                        }
                        .event_wrap .tab_area .btn_area button span small {
                            display: block;
                            font-family: "Paperlogy";
                            font-size: 17px;
                            color: #3d3d3d;
                            font-weight: 600;
                            margin-top: 5px;
                        }
                        .event_wrap .tab_area .btn_area button.on,
                        .event_wrap .tab_area .btn_area button:hover {
                            background: #6f00ae;
                        }
                        .event_wrap .tab_area .btn_area button.on span,
                        .event_wrap .tab_area .btn_area button.on span small,
                        .event_wrap .tab_area .btn_area button:hover span,
                        .event_wrap .tab_area .btn_area button:hover span small {
                            color: #fff;
                            font-weight: bold;
                        }
                        .event_wrap .tab_area .con_area .con {
                            display: none;
                        }
                        .event_wrap .tab_area .con_area .con.on {
                            display: block;
                        }
                    </style>
                    <div class="event_wrap">
                        <div class="main">
                            <img src="//img.modetour.com/promotion26/17661/main.jpg" alt="" />
                        </div>
                        <div class="cont">
                            <div class="tab_area">
                                <div class="btn_area">
                                    <button type="button" class="on">
                                        <span>5월<small>황금연휴</small></span>
                                    </button>
                                    <button type="button">
                                        <span>6월<small>비수기 공략</small></span>
                                    </button>
                                    <button type="button">
                                        <span>7월<small>성수기 시작</small></span>
                                    </button>
                                    <button type="button">
                                        <span>8월<small>여름휴가</small></span>
                                    </button>
                                    <button type="button">
                                        <span>9월<small>추석연휴</small></span>
                                    </button>
                                    <button type="button">
                                        <span>10월<small>가을휴가</small></span>
                                    </button>
                                </div>
                                <div class="con_area">
                                    <div class="con on"><img src="//img.modetour.com/promotion26/17661/c1.png" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/17661/c2.png" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/17661/c3.png" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/17661/c4.png" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/17661/c5.png" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/17661/c6.png" alt="" /></div>
                                </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">
            html {
                scroll-behavior: auto !important;
            }
            .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">
                    
                    <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css" type="text/css" />
                    <style type="text/css">
                        .event_wrap {
                            min-width: 800px;
                            text-align: center;
                        }
                        .event_wrap .main {
                            background: url("//img.modetour.com/promotion26/17661/main_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont {
                            background: url("//img.modetour.com/promotion26/17661/cont_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .tab_area .btn_area {
                            display: flex;
                            justify-content: center;
                            margin-bottom: 63px;
                        }
                        .event_wrap .tab_area .btn_area button {
                            width: 129px;
                            height: 89px;
                            border-radius: 20px;
                            box-shadow: 4px 0 9px rgba(111, 0, 174, 0.3);
                            background: #fff;
                            cursor: pointer;
                        }
                        .event_wrap .tab_area .btn_area button span {
                            font-family: "Paperlogy";
                            font-size: 23px;
                            color: #3d3d3d;
                            font-weight: 600;
                            line-height: 1;
                        }
                        .event_wrap .tab_area .btn_area button span small {
                            display: block;
                            font-family: "Paperlogy";
                            font-size: 17px;
                            color: #3d3d3d;
                            font-weight: 600;
                            margin-top: 5px;
                        }
                        .event_wrap .tab_area .btn_area button.on,
                        .event_wrap .tab_area .btn_area button:hover {
                            background: #6f00ae;
                        }
                        .event_wrap .tab_area .btn_area button.on span,
                        .event_wrap .tab_area .btn_area button.on span small,
                        .event_wrap .tab_area .btn_area button:hover span,
                        .event_wrap .tab_area .btn_area button:hover span small {
                            color: #fff;
                            font-weight: bold;
                        }
                        .event_wrap .tab_area .con_area .con {
                            display: none;
                        }
                        .event_wrap .tab_area .con_area .con.on {
                            display: block;
                        }
                    </style>
                    <div class="event_wrap">
                        <div class="main">
                            <img src="//img.modetour.com/promotion26/17661/main.jpg" alt="" />
                        </div>
                        <div class="cont">
                            <div class="tab_area">
                                <div class="btn_area">
                                    <button type="button" class="on">
                                        <span>5월<small>황금연휴</small></span>
                                    </button>
                                    <button type="button">
                                        <span>6월<small>비수기 공략</small></span>
                                    </button>
                                    <button type="button">
                                        <span>7월<small>성수기 시작</small></span>
                                    </button>
                                    <button type="button">
                                        <span>8월<small>여름휴가</small></span>
                                    </button>
                                    <button type="button">
                                        <span>9월<small>추석연휴</small></span>
                                    </button>
                                    <button type="button">
                                        <span>10월<small>가을휴가</small></span>
                                    </button>
                                </div>
                                <div class="con_area">
                                    <div class="con on"><img src="//img.modetour.com/promotion26/17661/c1.png" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/17661/c2.png" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/17661/c3.png" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/17661/c4.png" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/17661/c5.png" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/17661/c6.png" alt="" /></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <script type="text/javascript">
                        (function ($) {
                            $(document).ready(function () {
                                $(".btn_area button").click(function () {
                                    let idx = $(this).index();
                                    $(this).addClass("on").siblings("button").removeClass("on").parent(".btn_area").siblings(".con_area").children(".con").eq(idx).addClass("on").siblings(".con").removeClass("on");
                                });
                            });
                        })(jQuery);
                    </script>
                    
                </div>
            </div>
        </div>
    </body>
</html>

17661_26년 하반기 황금연휴 기획전

오사카

일본