<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">
            @import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css");
            body {
              margin: 0;
            }
            .event_wrap img {
              vertical-align: middle;
            }
            .event_wrap {
              min-width: 800px;
              text-align: center;
            }
            .event_wrap .main{
             position: relative;
            }
            .event_wrap .main .tit {
              position: relative;
              z-index: 1;
            }
            .event_wrap .main .video {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
            }
            .event_wrap .main .video video {
                object-fit: cover;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
              }
            .event_wrap .fix_area {
              height: 100px;
            }
            .event_wrap .fix_menu {
              background: #3b3b3b;
            }
            .event_wrap .fix_menu.on {
              position: fixed;
              top: 0px;
              z-index: 10;
            }
            .event_wrap .fix_menu {
              display: flex;
              justify-content: center;
              width: 100%;
              height: 100px;
              overflow: hidden;
            }
            .event_wrap .fix_menu > li {
              width: 204px;
            }
            .event_wrap .fix_menu.top {
              opacity: 1;
              visibility: visible;
              top: 0;
              position: static;
            }
            .event_wrap .fix_menu li:first-child {
              border: none;
            }
            .event_wrap .fix_menu li a {
              font-family: "Paperlogy";
              font-size: 25px;
              color: rgba(255, 255, 255, 0.4);
              display: flex;
              height: 100%;
              align-items: center;
              justify-content: center;
              text-decoration: none;
              position: relative;
              transition: all 0.2s;
              line-height: 1.4;
            }
            .event_wrap .fix_menu li a:before {
              transition: all 0.2s;
              content: "";
              display: block;
              width: 100%;
              height: 8px;
              position: absolute;
              left: 0;
              right: 0;
              bottom: -8px;
            }
            .event_wrap .fix_menu li:nth-child(1) a:before {
              background: #ff5467;
            }
            .event_wrap .fix_menu li:nth-child(2) a:before {
              background: #10c59c;
            }
            .event_wrap .fix_menu li:nth-child(3) a:before {
              background: #9e63e1;
            }
            .event_wrap .fix_menu li.on a:before,
            .event_wrap .fix_menu li:hover a:before {
              bottom: 0;
            }
            .event_wrap .fix_menu li.on a,
            .event_wrap .fix_menu li:hover a {
              color: #fff;
            }
            .event_wrap .cont01 {
              background: url(//img.modetour.com/promotion25/17400/251029/cont01_bg.jpg) center 0 no-repeat;
              position: relative;
            }
            .event_wrap .cont02{
               background: #FFF;
            }
            .event_wrap .cont03 {
              background: #f5effc;
            }
            
            .event_wrap .cont03 div.item_wrap:nth-of-type(2) {
              display: flex;
              flex-wrap: wrap;
              width: 800px;
              column-gap: 0px;
              row-gap: 10px;
              justify-content: center;
              margin: 40px auto 0;
              padding-bottom: 10px;
            }
            .event_wrap .cont03 div.item_wrap:nth-of-type(2) .item{
                margin-left: -16px;
            }
            .event_wrap .cont03 div.item_wrap:nth-of-type(2) .item:first-child{
                margin-left: 0;
            }
            .event_wrap .cont03 div.item_wrap:nth-of-type(3) {
              display: flex;
              flex-wrap: wrap;
              width: 555px;
              column-gap: 0px;
              row-gap: 10px;
              justify-content: center;
              margin: 0 auto 0;
              padding-bottom: 100px;
            }
            .event_wrap .cont03 div.item_wrap:nth-of-type(3) .item{
                margin-left: -16px;
            }
            .event_wrap .cont03 div.item_wrap:nth-of-type(3) .item:first-child{
                margin-left: 0;
            }
          </style>
          <div class="event_wrap">
            <div class="main">
              <div class="tit"><img src="//img.modetour.com/promotion25/17400/251022/logo.png" alt="" /></div>
              <div class="video">
                <video src="//img.modetour.com/promotion25/17400/251022/video.mp4" autoplay loop muted playsinline></video>
              </div>
            </div>
            <div class="fix_area">
              <ul class="fix_menu">
                <li class="on">
                  <a href="#cont01">론칭 3주년<br />특별혜택</a>
                </li>
                <li>
                  <a href="#cont02">특집 LIVE<br />편성표</a>
                </li>
                <li>
                  <a href="#cont03">라이브M<br />BEST</a>
                </li>
              </ul>
            </div>
            <div class="big_con">
              <div class="cont01" id="cont01">
                <img src="//img.modetour.com/promotion25/17400/251029/cont01.jpg" alt="" />
              </div>
              <div class="cont02" id="cont02">
                <img src="//img.modetour.com/promotion25/17400/251029/cont02_tit.jpg" alt="" />
                <div id="shoplive-shortform-1"></div>
                
              </div>
              <div class="cont03" id="cont03">
                <div class="tit"><img src="//img.modetour.com/promotion25/17400/251022/cont03_tit.jpg" alt="" /></div>
                <div class="item_wrap">
                  <div class="item">
                    <a href="/product-common/0b448f2c-a0ef-4e23-79f1-08de16ccbf69?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item01.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/ca57bd5c-e25f-40b1-79bd-08de16ccbf69?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item02.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/c15f1380-462c-4369-79da-08de16ccbf69?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item03.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/e62a6ff7-2a3f-483a-ef93-08de15de4287?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item04.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/8d1e6183-e40d-4934-efaf-08de15de4287?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item05.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/21f0f137-9114-45f8-7a0b-08de16ccbf69?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item06.png" alt="" />
                    </a>
                  </div>
               </div>
               <div class="item_wrap">
                  <div class="item">
                    <a href="/product-common/cf4e7098-9eee-4673-efc6-08de15de4287?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item07.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/f448d56e-0630-4156-f003-08de15de4287?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item08.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/93dff2f5-8fad-43e0-f006-08de15de4287?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item09.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/0242af9e-3663-4b59-7a15-08de16ccbf69?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item10.png" alt="" />
                    </a>
                  </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">
      .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>
    <script type="text/javascript" src="https://static.shoplive.cloud/shoplive.js"></script>
    <script type="text/javascript" src="https://static.shoplive.cloud/shoplive-shortform.js"></script>
    <script>
      cloud.shoplive.initShortform({accessKey:'bKikzKWXFr5G704iET4E'});
    </script>    
  </head>

  <body>
    <div id="EventwarpBody">
      <div class="promotion_container">
        <div class="promotion-img">
          
          <style type="text/css">
            @import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css");
            body {
              margin: 0;
            }
            .event_wrap img {
              vertical-align: middle;
            }
            .event_wrap {
              min-width: 800px;
              text-align: center;
            }
            .event_wrap .main{
             position: relative;
            }
            .event_wrap .main .tit {
              position: relative;
              z-index: 1;
            }
            .event_wrap .main .video {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
            }
            .event_wrap .main .video video {
                object-fit: cover;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
              }
            .event_wrap .fix_area {
              height: 100px;
            }
            .event_wrap .fix_menu {
              background: #3b3b3b;
            }
            .event_wrap .fix_menu.on {
              position: fixed;
              top: 0px;
              z-index: 10;
            }
            .event_wrap .fix_menu {
              display: flex;
              justify-content: center;
              width: 100%;
              height: 100px;
              overflow: hidden;
            }
            .event_wrap .fix_menu > li {
              width: 204px;
            }
            .event_wrap .fix_menu.top {
              opacity: 1;
              visibility: visible;
              top: 0;
              position: static;
            }
            .event_wrap .fix_menu li:first-child {
              border: none;
            }
            .event_wrap .fix_menu li a {
              font-family: "Paperlogy";
              font-size: 25px;
              color: rgba(255, 255, 255, 0.4);
              display: flex;
              height: 100%;
              align-items: center;
              justify-content: center;
              text-decoration: none;
              position: relative;
              transition: all 0.2s;
              line-height: 1.4;
            }
            .event_wrap .fix_menu li a:before {
              transition: all 0.2s;
              content: "";
              display: block;
              width: 100%;
              height: 8px;
              position: absolute;
              left: 0;
              right: 0;
              bottom: -8px;
            }
            .event_wrap .fix_menu li:nth-child(1) a:before {
              background: #ff5467;
            }
            .event_wrap .fix_menu li:nth-child(2) a:before {
              background: #10c59c;
            }
            .event_wrap .fix_menu li:nth-child(3) a:before {
              background: #9e63e1;
            }
            .event_wrap .fix_menu li.on a:before,
            .event_wrap .fix_menu li:hover a:before {
              bottom: 0;
            }
            .event_wrap .fix_menu li.on a,
            .event_wrap .fix_menu li:hover a {
              color: #fff;
            }
            .event_wrap .cont01 {
              background: url(//img.modetour.com/promotion25/17400/251029/cont01_bg.jpg) center 0 no-repeat;
              position: relative;
            }
            .event_wrap .cont02{
               background: #FFF;
            }
            .event_wrap .cont03 {
              background: #f5effc;
            }
            
            .event_wrap .cont03 div.item_wrap:nth-of-type(2) {
              display: flex;
              flex-wrap: wrap;
              width: 800px;
              column-gap: 0px;
              row-gap: 10px;
              justify-content: center;
              margin: 40px auto 0;
              padding-bottom: 10px;
            }
            .event_wrap .cont03 div.item_wrap:nth-of-type(2) .item{
                margin-left: -16px;
            }
            .event_wrap .cont03 div.item_wrap:nth-of-type(2) .item:first-child{
                margin-left: 0;
            }
            .event_wrap .cont03 div.item_wrap:nth-of-type(3) {
              display: flex;
              flex-wrap: wrap;
              width: 555px;
              column-gap: 0px;
              row-gap: 10px;
              justify-content: center;
              margin: 0 auto 0;
              padding-bottom: 100px;
            }
            .event_wrap .cont03 div.item_wrap:nth-of-type(3) .item{
                margin-left: -16px;
            }
            .event_wrap .cont03 div.item_wrap:nth-of-type(3) .item:first-child{
                margin-left: 0;
            }
          </style>
          <div class="event_wrap">
            <div class="main">
              <div class="tit"><img src="//img.modetour.com/promotion25/17400/251022/logo.png" alt="" /></div>
              <div class="video">
                <video src="//img.modetour.com/promotion25/17400/251022/video.mp4" autoplay loop muted playsinline></video>
              </div>
            </div>
            <div class="fix_area">
              <ul class="fix_menu">
                <li class="on">
                  <a href="#cont01">론칭 3주년<br />특별혜택</a>
                </li>
                <li>
                  <a href="#cont02">특집 LIVE<br />편성표</a>
                </li>
                <li>
                  <a href="#cont03">라이브M<br />BEST</a>
                </li>
              </ul>
            </div>
            <div class="big_con">
              <div class="cont01" id="cont01">
                <img src="//img.modetour.com/promotion25/17400/251029/cont01.jpg" alt="" />
              </div>
              <div class="cont02" id="cont02">
                <img src="//img.modetour.com/promotion25/17400/251029/cont02_tit.jpg" alt="" />
                <div id="shoplive-shortform-1"></div>
                <script defer>
                    cloud.shoplive.init({ accessKey: 'bKikzKWXFr5G704iET4E' });
                    cloud.shoplive.setOverall('shoplive-shortform-1',  { campaignListsOnly: true, campaignList: { layout: 'GRID' } });
                </script>
              </div>
              <div class="cont03" id="cont03">
                <div class="tit"><img src="//img.modetour.com/promotion25/17400/251022/cont03_tit.jpg" alt="" /></div>
                <div class="item_wrap">
                  <div class="item">
                    <a href="/product-common/0b448f2c-a0ef-4e23-79f1-08de16ccbf69?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item01.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/ca57bd5c-e25f-40b1-79bd-08de16ccbf69?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item02.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/c15f1380-462c-4369-79da-08de16ccbf69?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item03.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/e62a6ff7-2a3f-483a-ef93-08de15de4287?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item04.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/8d1e6183-e40d-4934-efaf-08de15de4287?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item05.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/21f0f137-9114-45f8-7a0b-08de16ccbf69?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item06.png" alt="" />
                    </a>
                  </div>
               </div>
               <div class="item_wrap">
                  <div class="item">
                    <a href="/product-common/cf4e7098-9eee-4673-efc6-08de15de4287?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item07.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/f448d56e-0630-4156-f003-08de15de4287?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item08.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/93dff2f5-8fad-43e0-f006-08de15de4287?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item09.png" alt="" />
                    </a>
                  </div>
                  <div class="item">
                    <a href="/product-common/0242af9e-3663-4b59-7a15-08de16ccbf69?type=group" target="_blank">
                      <img src="//img.modetour.com/promotion25/17400/251031/item10.png" alt="" />
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          
          <script>
            $(document).ready(function () {
              $(window)
                .scroll(function () {
                  var scrollDistance = $(window).scrollTop();
                  var fix_top = $(".fix_area").offset().top;
                  if (fix_top > scrollDistance) {
                    $(".fix_menu").removeClass("on");
                  } else {
                    $(".fix_menu").addClass("on");
                  }

                  $(".big_con>div").each(function (i) {
                    if ($(this).offset().top - 100 <= scrollDistance) {
                      $(".fix_menu li.on").removeClass("on");
                      $(".fix_menu li").eq(i).addClass("on");
                    } else if ($(".big_con>div:first-child").offset().top - 100 > scrollDistance) {
                      $(".fix_menu li").eq(0).removeClass("on");
                    }
                  });
                })
                .scroll();

              //고정메뉴 클릭시 해당내용으로 이동
              $(".fix_menu a")
                .not(".click")
                .click(function () {
                  $("html, body").scrollTop($(this.hash).offset().top - 100);
                  return false;
                });
            });
          </script>
          
        </div>
      </div>
    </div>
  </body>
</html>

17400 라이브위크-메가세일 랜딩 기획전

오사카

일본

cloud.shoplive.initShortform({accessKey:'bKikzKWXFr5G704iET4E'});

cloud.shoplive.init({ accessKey: 'bKikzKWXFr5G704iET4E' });
                    cloud.shoplive.setOverall('shoplive-shortform-1',  { campaignListsOnly: true, campaignList: { layout: 'GRID' } });

$(document).ready(function () {
              $(window)
                .scroll(function () {
                  var scrollDistance = $(window).scrollTop();
                  var fix_top = $(".fix_area").offset().top;
                  if (fix_top > scrollDistance) {
                    $(".fix_menu").removeClass("on");
                  } else {
                    $(".fix_menu").addClass("on");
                  }

                  $(".big_con>div").each(function (i) {
                    if ($(this).offset().top - 100 <= scrollDistance) {
                      $(".fix_menu li.on").removeClass("on");
                      $(".fix_menu li").eq(i).addClass("on");
                    } else if ($(".big_con>div:first-child").offset().top - 100 > scrollDistance) {
                      $(".fix_menu li").eq(0).removeClass("on");
                    }
                  });
                })
                .scroll();

              //고정메뉴 클릭시 해당내용으로 이동
              $(".fix_menu a")
                .not(".click")
                .click(function () {
                  $("html, body").scrollTop($(this.hash).offset().top - 100);
                  return false;
                });
            });