<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>
    </head>
    <body>
        <div id="EventwarpBody">
            <div class="promotion_container">
                <div class="promotion-img">
                    
                    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css" />
                    
                    <style type="text/css">
                        @font-face {
                            font-family: "GmarketSansBold";
                            src: url("//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
                            font-weight: normal;
                            font-style: normal;
                        }
                        @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;
                        }
                        .event_wrap {
                            min-width: 800px;
                            text-align: center;
                        }
                        .event_wrap button {
                            cursor: pointer;
                        }
                        .event_wrap button span {
                            font-size: inherit;
                            color: inherit;
                            font-family: inherit;
                        }
                        .event_wrap .tab_area .con_area .con {
                            display: none;
                        }
                        .event_wrap .tab_area .con_area .con.on {
                            display: block;
                        }
                        .event_wrap .swiper-wrapper {
                            height: auto;
                        }
                        .event_wrap .slide1 {
                            background: url("//img.modetour.com/promotion26/1262/main01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .slide2 {
                            background: url("//img.modetour.com/promotion26/1262/main02_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .slide3 {
                            background: url("//img.modetour.com/promotion26/1262/main03_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont01 {
                            background: url("//img.modetour.com/promotion26/1262/cont01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont02 {
                            position: relative;
                            background: url("//img.modetour.com/promotion26/1262/cont02_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont02 .tab_area .btn_group {
                            width: 733px;
                            height: 93px;
                            border: 2px solid #000;
                            display: flex;
                            position: absolute;
                            top: 98px;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                        .event_wrap .cont02 .tab_area .btn_group button {
                            font-family: "GmarketSansMedium";
                            color: #242921;
                            font-size: 23px;
                            flex: 1;
                            position: relative;
                        }
                        .event_wrap .cont02 .tab_area .btn_group button::before {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 50%;
                            width: 1px;
                            height: 50px;
                            transform: translateY(-50%);
                            background: #71746f;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button.on {
                            font-family: "GmarketSansBold";
                            color: #fff;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button.on + button::before {
                            display: none;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button:nth-child(1)::before {
                            display: none;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button:nth-child(1).on {
                            background: #185111;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button:nth-child(2).on {
                            background: #3b76ad;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button:nth-child(3).on {
                            background: #242921;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button:nth-child(4).on {
                            background: #4c3213;
                        }

                        .event_wrap .cont03 .tab_area .btn_area {
                            background: url("//img.modetour.com/promotion26/1262/cont03_tab_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont03 .tab_area .btn_area .btn_group {
                            width: 800px;
                            height: 90px;
                            margin: 0 auto;
                            display: flex;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button {
                            position: relative;
                            flex: 1;
                            font-size: 33px;
                            font-family: "GmarketSansBold";
                            color: #fff;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button span {
                            position: relative;
                            z-index: 2;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button::before {
                            content: "";
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            width: 130px;
                            height: 130px;
                            transform: translate(-50%, -50%);
                            z-index: 1;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button:nth-child(1).on::before {
                            background: #1967ae;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button:nth-child(2).on::before {
                            background: #d37c00;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button:nth-child(3).on::before {
                            background: #629134;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button:nth-child(4).on::before {
                            background: #753fac;
                        }
                        .event_wrap .cont03 .con_area .con:nth-child(1) {
                            background: url("//img.modetour.com/promotion26/1262/cont03_1_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont03 .con_area .con:nth-child(2) {
                            background: url("//img.modetour.com/promotion26/1262/cont03_2_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont03 .con_area .con:nth-child(3) {
                            background: url("//img.modetour.com/promotion26/1262/cont03_3_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont03 .con_area .con:nth-child(4) {
                            background: url("//img.modetour.com/promotion26/1262/cont03_4_bg.jpg") no-repeat center 0;
                        }
                    </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/promotion26/1262/main01.jpg" alt="" /></div>
                                    <div class="swiper-slide slide2"><img src="//img.modetour.com/promotion26/1262/main02.jpg" alt="" /></div>
                                    <div class="swiper-slide slide3"><img src="//img.modetour.com/promotion26/1262/main03.jpg" alt="" /></div>
                                </div>
                            </div>
                        </div>
                        <div class="cont01">
                            <img src="//img.modetour.com/promotion26/1262/cont01.jpg" alt="" />
                        </div>
                        <div class="cont02">
                            <div class="tab_area">
                                <div class="btn_area">
                                    <div class="btn_group">
                                        <button type="button" class="on"><span>연길 - 백두산</span></button>
                                        <button type="button"><span>장춘 - 백두산</span></button>
                                        <button type="button"><span>심양 - 백두산</span></button>
                                        <button type="button"><span>대련 - 백두산</span></button>
                                    </div>
                                </div>
                                <div class="con_area">
                                    <div class="con on"><img src="//img.modetour.com/promotion26/1262/cont02_1.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont02_2.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont02_3.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont02_4.jpg" alt="" /></div>
                                </div>
                            </div>
                        </div>
                        <div class="cont03">
                            <div class="tab_area">
                                <div class="btn_area">
                                    <div class="btn_group">
                                        <button type="button" class="on"><span>북파</span></button>
                                        <button type="button"><span>서파</span></button>
                                        <button type="button"><span>남파</span></button>
                                        <button type="button"><span>심양</span></button>
                                    </div>
                                </div>
                                <div class="con_area">
                                    <div class="con on"><img src="//img.modetour.com/promotion26/1262/cont03_1.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont03_2.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont03_3.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont03_4.jpg" 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/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">
                    
                    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css" />
                    <script src="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script>
                    <style type="text/css">
                        @font-face {
                            font-family: "GmarketSansBold";
                            src: url("//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
                            font-weight: normal;
                            font-style: normal;
                        }
                        @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;
                        }
                        .event_wrap {
                            min-width: 800px;
                            text-align: center;
                        }
                        .event_wrap button {
                            cursor: pointer;
                        }
                        .event_wrap button span {
                            font-size: inherit;
                            color: inherit;
                            font-family: inherit;
                        }
                        .event_wrap .tab_area .con_area .con {
                            display: none;
                        }
                        .event_wrap .tab_area .con_area .con.on {
                            display: block;
                        }
                        .event_wrap .swiper-wrapper {
                            height: auto;
                        }
                        .event_wrap .slide1 {
                            background: url("//img.modetour.com/promotion26/1262/main01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .slide2 {
                            background: url("//img.modetour.com/promotion26/1262/main02_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .slide3 {
                            background: url("//img.modetour.com/promotion26/1262/main03_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont01 {
                            background: url("//img.modetour.com/promotion26/1262/cont01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont02 {
                            position: relative;
                            background: url("//img.modetour.com/promotion26/1262/cont02_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont02 .tab_area .btn_group {
                            width: 733px;
                            height: 93px;
                            border: 2px solid #000;
                            display: flex;
                            position: absolute;
                            top: 98px;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                        .event_wrap .cont02 .tab_area .btn_group button {
                            font-family: "GmarketSansMedium";
                            color: #242921;
                            font-size: 23px;
                            flex: 1;
                            position: relative;
                        }
                        .event_wrap .cont02 .tab_area .btn_group button::before {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 50%;
                            width: 1px;
                            height: 50px;
                            transform: translateY(-50%);
                            background: #71746f;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button.on {
                            font-family: "GmarketSansBold";
                            color: #fff;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button.on + button::before {
                            display: none;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button:nth-child(1)::before {
                            display: none;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button:nth-child(1).on {
                            background: #185111;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button:nth-child(2).on {
                            background: #3b76ad;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button:nth-child(3).on {
                            background: #242921;
                        }
                        .event_wrap .cont02 .tab_area .btn_area button:nth-child(4).on {
                            background: #4c3213;
                        }

                        .event_wrap .cont03 .tab_area .btn_area {
                            background: url("//img.modetour.com/promotion26/1262/cont03_tab_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont03 .tab_area .btn_area .btn_group {
                            width: 800px;
                            height: 90px;
                            margin: 0 auto;
                            display: flex;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button {
                            position: relative;
                            flex: 1;
                            font-size: 33px;
                            font-family: "GmarketSansBold";
                            color: #fff;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button span {
                            position: relative;
                            z-index: 2;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button::before {
                            content: "";
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            width: 130px;
                            height: 130px;
                            transform: translate(-50%, -50%);
                            z-index: 1;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button:nth-child(1).on::before {
                            background: #1967ae;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button:nth-child(2).on::before {
                            background: #d37c00;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button:nth-child(3).on::before {
                            background: #629134;
                        }
                        .event_wrap .cont03 .tab_area .btn_area button:nth-child(4).on::before {
                            background: #753fac;
                        }
                        .event_wrap .cont03 .con_area .con:nth-child(1) {
                            background: url("//img.modetour.com/promotion26/1262/cont03_1_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont03 .con_area .con:nth-child(2) {
                            background: url("//img.modetour.com/promotion26/1262/cont03_2_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont03 .con_area .con:nth-child(3) {
                            background: url("//img.modetour.com/promotion26/1262/cont03_3_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .cont03 .con_area .con:nth-child(4) {
                            background: url("//img.modetour.com/promotion26/1262/cont03_4_bg.jpg") no-repeat center 0;
                        }
                    </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/promotion26/1262/main01.jpg" alt="" /></div>
                                    <div class="swiper-slide slide2"><img src="//img.modetour.com/promotion26/1262/main02.jpg" alt="" /></div>
                                    <div class="swiper-slide slide3"><img src="//img.modetour.com/promotion26/1262/main03.jpg" alt="" /></div>
                                </div>
                            </div>
                        </div>
                        <div class="cont01">
                            <img src="//img.modetour.com/promotion26/1262/cont01.jpg" alt="" />
                        </div>
                        <div class="cont02">
                            <div class="tab_area">
                                <div class="btn_area">
                                    <div class="btn_group">
                                        <button type="button" class="on"><span>연길 - 백두산</span></button>
                                        <button type="button"><span>장춘 - 백두산</span></button>
                                        <button type="button"><span>심양 - 백두산</span></button>
                                        <button type="button"><span>대련 - 백두산</span></button>
                                    </div>
                                </div>
                                <div class="con_area">
                                    <div class="con on"><img src="//img.modetour.com/promotion26/1262/cont02_1.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont02_2.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont02_3.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont02_4.jpg" alt="" /></div>
                                </div>
                            </div>
                        </div>
                        <div class="cont03">
                            <div class="tab_area">
                                <div class="btn_area">
                                    <div class="btn_group">
                                        <button type="button" class="on"><span>북파</span></button>
                                        <button type="button"><span>서파</span></button>
                                        <button type="button"><span>남파</span></button>
                                        <button type="button"><span>심양</span></button>
                                    </div>
                                </div>
                                <div class="con_area">
                                    <div class="con on"><img src="//img.modetour.com/promotion26/1262/cont03_1.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont03_2.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont03_3.jpg" alt="" /></div>
                                    <div class="con"><img src="//img.modetour.com/promotion26/1262/cont03_4.jpg" alt="" /></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <script>
                        $(document).ready(function () {
                            var swiper = new Swiper(".main .swiper", {
                                slidesPerView: 1,
                                effect: "fade",
                                draggable: false,
                                autoplay: {
                                    delay: 2500,
                                    disableOnInteraction: false,
                                },
                                speed: 1200,
                                loop: true,
                            });

                            // tab
                            $(".btn_area button").click(function () {
                                var idx = $(this).index();
                                $(this).addClass("on").siblings().removeClass("on").closest(".btn_area").siblings(".con_area").children(".con").eq(idx).addClass("on").siblings().removeClass("on");
                            });
                        });
                    </script>
                    
                </div>
            </div>
        </div>
    </body>
</html>

26 중국 백두산 여름 기획전

오사카

일본

$(document).ready(function () {
                            var swiper = new Swiper(".main .swiper", {
                                slidesPerView: 1,
                                effect: "fade",
                                draggable: false,
                                autoplay: {
                                    delay: 2500,
                                    disableOnInteraction: false,
                                },
                                speed: 1200,
                                loop: true,
                            });

                            // tab
                            $(".btn_area button").click(function () {
                                var idx = $(this).index();
                                $(this).addClass("on").siblings().removeClass("on").closest(".btn_area").siblings(".con_area").children(".con").eq(idx).addClass("on").siblings().removeClass("on");
                            });
                        });