<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">
                    
                    <style type="text/css">
                        .event_wrap .fly_menu {
                            background: url("//img.modetour.co.kr/promotion/10968/fly_menu_off.png") no-repeat;
                            width: 206px;
                            height: 498px;
                            position: absolute;
                            right: 144px;
                            top: 1212px;
                            z-index: 999;
                        }
                        .event_wrap .fly_menu ul {
                            width: 128px;
                            position: relative;
                            top: 20px;
                            left: 39px;
                        }
                        .event_wrap .fly_menu li {
                            width: 100%;
                        }
                        .event_wrap .fly_menu li a {
                            font-size: 0;
                            display: block;
                            height: 91px;
                            background: url("//img.modetour.co.kr/promotion/10968/fly_menu_off.png") no-repeat;
                        }
                        .event_wrap .fly_menu li a.on {
                            background: url("//img.modetour.co.kr/promotion/10968/fly_menu_on.png") no-repeat;
                        }
                        .event_wrap .fly_menu li a:hover {
                            background: url("//img.modetour.co.kr/promotion/10968/fly_menu_on.png") no-repeat;
                        }
                        .event_wrap .fly_menu li.on a {
                            background: url("//img.modetour.co.kr/promotion/10968/fly_menu_on.png") no-repeat;
                        }
                        .event_wrap .fly_menu li a.fly_1 {
                            background-position: -39px -20px;
                        }
                        .event_wrap .fly_menu li a.fly_2 {
                            background-position: -39px -111px;
                        }
                        .event_wrap .fly_menu li a.fly_3 {
                            background-position: -39px -202px;
                        }
                        .event_wrap .fly_menu li a.fly_4 {
                            background-position: -39px -293px;
                        }
                        .event_wrap .fly_menu li a.fly_5 {
                            background-position: -39px -384px;
                        }
                        .event_wrap .e_ttl {
                            background: url("//img.modetour.co.kr/promotion20/10968/ttl_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .e_event {
                            background: #fcf4ce;
                            max-width: 1900px;
                            margin: 0 auto;
                        }
                        .event_wrap [id^="cont0"] {
                            position: relative;
                        }
                        .event_wrap #cont01 {
                            background: url("//img.modetour.co.kr/promotion20/10968/cont01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap #cont02 {
                            background: url("//img.modetour.co.kr/promotion20/10968/cont02_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap #cont02 .e_video {
                            width: 560px;
                            height: 410px;
                            position: absolute;
                            top: 239px;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                        .event_wrap #cont02 .e_video iframe {
                            width: 100%;
                            height: 100%;
                        }
                        .event_wrap #cont03 {
                            background: url("//img.modetour.co.kr/promotion20/10968/cont03_bg.jpg") repeat-y center 0;
                        }
                        .event_wrap #cont03 .btn_group {
                            font-size: 0;
                        }
                        .event_wrap #cont03 .btn_group button {
                            width: 157px;
                            height: 147px;
                            background: url("//img.modetour.co.kr/promotion20/10968/tab_btn_off.png") no-repeat 0 0;
                            font-size: 0;
                            color: transparent;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(1) {
                            width: 180px;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(2) {
                            background-position: -180px 0;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(3) {
                            background-position: -337px 0;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(4) {
                            background-position: -494px 0;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(5) {
                            width: 158px;
                            background-position: -651px 0;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(6) {
                            width: 158px;
                            background-position: -809px 0;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(7) {
                            width: 180px;
                            background-position: -967px 0;
                        }
                        .event_wrap #cont03 .btn_group button.on {
                            background-image: url("//img.modetour.co.kr/promotion20/10968/tab_btn_on.png");
                        }
                        .event_wrap #cont03 .btn_group button:hover {
                            background-image: url("//img.modetour.co.kr/promotion20/10968/tab_btn_on.png");
                        }
                        .event_wrap #cont03 .cont_group > div {
                            display: none;
                        }
                        .event_wrap #cont03 .cont_group > div.on {
                            display: block;
                        }
                    </style>
                    <div class="event_wrap">
                        <div class="fly_menu">
                            <ul>
                                <li><a href="#cont01" class="fly_1">오사카 한눈에 보기</a></li>
                                <li><a href="#cont02" class="fly_2">영상으로 미리보기</a></li>
                                <li><a href="#cont03" class="fly_3">100배 즐기기</a></li>
                                <li><a href="#cont04" class="fly_4">상품보기</a></li>
                            </ul>
                        </div>
                        <div class="e_ttl">
                            <img src="//img.modetour.co.kr/promotion20/10968/ttl.jpg" alt="" />
                        </div>
                        <div class="e_contents">
                            <div id="cont01">
                                <img src="//img.modetour.co.kr/promotion20/10968/cont01.jpg" alt="" />
                            </div>
                            <div id="cont02">
                                <img src="//img.modetour.co.kr/promotion20/10968/cont02.jpg" alt="" />
                                <div class="e_video">
                                    <iframe src="https://www.youtube.com/embed/1HD9qo4aAk4?autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                </div>
                            </div>
                            <div id="cont03">
                                <img src="//img.modetour.co.kr/promotion20/10968/cont03_ttl.jpg" alt="" />
                                <div class="btn_group">
                                    <button class="on" type="button">오사카</button>
                                    <button type="button">교토</button>
                                    <button type="button">나라</button>
                                    <button type="button">고베</button>
                                    <button type="button">와카야마</button>
                                    <button type="button">나고야</button>
                                    <button type="button">오카야마</button>
                                </div>
                                <div class="cont_group">
                                    <div class="on"><img src="//img.modetour.co.kr/promotion20/10968/tab_cont01.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont02.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont03.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont04.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont05.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont06.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont07.jpg" alt="" /></div>
                                </div>
                            </div>
                            <div id="cont04"></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">
                    
                    <style type="text/css">
                        .event_wrap .fly_menu {
                            background: url("//img.modetour.co.kr/promotion/10968/fly_menu_off.png") no-repeat;
                            width: 206px;
                            height: 498px;
                            position: absolute;
                            right: 144px;
                            top: 1212px;
                            z-index: 999;
                        }
                        .event_wrap .fly_menu ul {
                            width: 128px;
                            position: relative;
                            top: 20px;
                            left: 39px;
                        }
                        .event_wrap .fly_menu li {
                            width: 100%;
                        }
                        .event_wrap .fly_menu li a {
                            font-size: 0;
                            display: block;
                            height: 91px;
                            background: url("//img.modetour.co.kr/promotion/10968/fly_menu_off.png") no-repeat;
                        }
                        .event_wrap .fly_menu li a.on {
                            background: url("//img.modetour.co.kr/promotion/10968/fly_menu_on.png") no-repeat;
                        }
                        .event_wrap .fly_menu li a:hover {
                            background: url("//img.modetour.co.kr/promotion/10968/fly_menu_on.png") no-repeat;
                        }
                        .event_wrap .fly_menu li.on a {
                            background: url("//img.modetour.co.kr/promotion/10968/fly_menu_on.png") no-repeat;
                        }
                        .event_wrap .fly_menu li a.fly_1 {
                            background-position: -39px -20px;
                        }
                        .event_wrap .fly_menu li a.fly_2 {
                            background-position: -39px -111px;
                        }
                        .event_wrap .fly_menu li a.fly_3 {
                            background-position: -39px -202px;
                        }
                        .event_wrap .fly_menu li a.fly_4 {
                            background-position: -39px -293px;
                        }
                        .event_wrap .fly_menu li a.fly_5 {
                            background-position: -39px -384px;
                        }
                        .event_wrap .e_ttl {
                            background: url("//img.modetour.co.kr/promotion20/10968/ttl_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap .e_event {
                            background: #fcf4ce;
                            max-width: 1900px;
                            margin: 0 auto;
                        }
                        .event_wrap [id^="cont0"] {
                            position: relative;
                        }
                        .event_wrap #cont01 {
                            background: url("//img.modetour.co.kr/promotion20/10968/cont01_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap #cont02 {
                            background: url("//img.modetour.co.kr/promotion20/10968/cont02_bg.jpg") no-repeat center 0;
                        }
                        .event_wrap #cont02 .e_video {
                            width: 560px;
                            height: 410px;
                            position: absolute;
                            top: 239px;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                        .event_wrap #cont02 .e_video iframe {
                            width: 100%;
                            height: 100%;
                        }
                        .event_wrap #cont03 {
                            background: url("//img.modetour.co.kr/promotion20/10968/cont03_bg.jpg") repeat-y center 0;
                        }
                        .event_wrap #cont03 .btn_group {
                            font-size: 0;
                        }
                        .event_wrap #cont03 .btn_group button {
                            width: 157px;
                            height: 147px;
                            background: url("//img.modetour.co.kr/promotion20/10968/tab_btn_off.png") no-repeat 0 0;
                            font-size: 0;
                            color: transparent;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(1) {
                            width: 180px;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(2) {
                            background-position: -180px 0;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(3) {
                            background-position: -337px 0;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(4) {
                            background-position: -494px 0;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(5) {
                            width: 158px;
                            background-position: -651px 0;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(6) {
                            width: 158px;
                            background-position: -809px 0;
                        }
                        .event_wrap #cont03 .btn_group button:nth-child(7) {
                            width: 180px;
                            background-position: -967px 0;
                        }
                        .event_wrap #cont03 .btn_group button.on {
                            background-image: url("//img.modetour.co.kr/promotion20/10968/tab_btn_on.png");
                        }
                        .event_wrap #cont03 .btn_group button:hover {
                            background-image: url("//img.modetour.co.kr/promotion20/10968/tab_btn_on.png");
                        }
                        .event_wrap #cont03 .cont_group > div {
                            display: none;
                        }
                        .event_wrap #cont03 .cont_group > div.on {
                            display: block;
                        }
                    </style>
                    <div class="event_wrap">
                        <div class="fly_menu">
                            <ul>
                                <li><a href="#cont01" class="fly_1">오사카 한눈에 보기</a></li>
                                <li><a href="#cont02" class="fly_2">영상으로 미리보기</a></li>
                                <li><a href="#cont03" class="fly_3">100배 즐기기</a></li>
                                <li><a href="#cont04" class="fly_4">상품보기</a></li>
                            </ul>
                        </div>
                        <div class="e_ttl">
                            <img src="//img.modetour.co.kr/promotion20/10968/ttl.jpg" alt="" />
                        </div>
                        <div class="e_contents">
                            <div id="cont01">
                                <img src="//img.modetour.co.kr/promotion20/10968/cont01.jpg" alt="" />
                            </div>
                            <div id="cont02">
                                <img src="//img.modetour.co.kr/promotion20/10968/cont02.jpg" alt="" />
                                <div class="e_video">
                                    <iframe src="https://www.youtube.com/embed/1HD9qo4aAk4?autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                </div>
                            </div>
                            <div id="cont03">
                                <img src="//img.modetour.co.kr/promotion20/10968/cont03_ttl.jpg" alt="" />
                                <div class="btn_group">
                                    <button class="on" type="button">오사카</button>
                                    <button type="button">교토</button>
                                    <button type="button">나라</button>
                                    <button type="button">고베</button>
                                    <button type="button">와카야마</button>
                                    <button type="button">나고야</button>
                                    <button type="button">오카야마</button>
                                </div>
                                <div class="cont_group">
                                    <div class="on"><img src="//img.modetour.co.kr/promotion20/10968/tab_cont01.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont02.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont03.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont04.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont05.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont06.jpg" alt="" /></div>
                                    <div><img src="//img.modetour.co.kr/promotion20/10968/tab_cont07.jpg" alt="" /></div>
                                </div>
                            </div>
                            <div id="cont04"></div>
                        </div>
                    </div>
                    <script type="text/javascript">
                        (function ($) {
                            $(document).ready(function () {
                                $(".btn_group button").click(function () {
                                    var idx = $(this).index();
                                    $(this).addClass("on").siblings().removeClass("on").parent(".btn_group").siblings(".cont_group").children("div").eq(idx).addClass("on").siblings().removeClass("on");
                                    $(".cont_group")
                                        .children("div")
                                        .eq(idx)
                                        .css("background", "url(//img.modetour.co.kr/promotion20/10968/tab_cont0" + (idx + 1) + "_bg.jpg) no-repeat center 0");

                                    console.log("d");
                                    return false;
                                });

                                $(window).scroll(function () {
                                    var conT = $(".e_event").offset().top,
                                        scltop = $(window).scrollTop(),
                                        $menu = $(".fly_menu li"),
                                        $contents = $('[id^="cont0"]'),
                                        gnbTop = $(".e_contents").offset().top;
                                    if (scltop > conT) {
                                        $(".fly_menu").css({ position: "fixed", top: "228px" });
                                    } else if (scltop < conT) {
                                        $(".fly_menu").css({ position: "absolute", top: "1212px" });
                                    }
                                    $.each($contents, function (idx, item) {
                                        var $target = $contents.eq(idx),
                                            i = $target.index(),
                                            targetTop = $target.offset().top;
                                        if (targetTop <= scltop) {
                                            $menu.removeClass("on");
                                            $menu.eq(idx).addClass("on");
                                        }
                                        if (!($("#cont01").offset().top <= scltop)) {
                                            $menu.removeClass("on");
                                        }
                                    });
                                });

                                $(".fly_menu li a").click(function () {
                                    var target = this.hash;
                                    var $target = $(target);
                                    $("html, body").stop().animate(
                                        {
                                            scrollTop: $target.offset().top,
                                        },
                                        500
                                    );
                                    return false;
                                });
                            });
                        })(jQuery);
                    </script>
                    
                </div>
            </div>
        </div>
    </body>
</html>

10968_오사카의모든것

오사카

일본