#트렌디크롭 #데일리숏다운 #원마일윈터룩 #프리미엄롱다운

<html>
  <head>
    
    <meta thisis="neweventpromotioncontent!@#" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=no" />
    <link
      rel="stylesheet"
      as="style"
      crossorigin
      href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css"
    />
    <link rel="stylesheet" href="https://static.discovery-expedition.com/motioneye/common/css/swiper-bundle.min.css" />
    <link href="https://static.discovery-expedition.com/motioneye/common/css/video-js.min.css" rel="stylesheet" />
    <script src="https://static.discovery-expedition.com/motioneye/common/js/jquery.min.js"></script>
    <script src="https://static.discovery-expedition.com/motioneye/common/js/swiper-bundle.min.js"></script>
    <script src="https://static.discovery-expedition.com/motioneye/common/js/jquery.rwdImageMaps.min.js"></script>
    <script src="https://static.discovery-expedition.com/motioneye/common/js/video.min.js"></script>

    
    
    
    

    <style type="text/css">
      /* reset */
      body {
        margin: 0px;
        padding: 0px;
        -ms-overflow-style: none;
      }
      body::-webkit-scrollbar {
        display: none;
      }
      dl,
      ul,
      ol,
      li {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      /* base */
      .evt {
        opacity: 0;
        position: relative;
        font-size: 0;
        z-index: 0;
      }
      .evt * {
        box-sizing: border-box;
      }
      .evt.on {
        opacity: 1;
      }
      .evt img {
        width: 100%;
        display: block;
        vertical-align: top;
      }
      .evt a:focus,
      .evt button:focus {
        outline: none;
      }
      .evt .sec_group {
        position: relative;
      }
      .evt .abs {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
      }

      /* SECTION COMMON */
      #container {
        overflow: hidden;
      }
      .evt .section {
        position: relative;
      }
      .evt .cont {
        position: relative;
      }

      /* SWIPER SLIDER */
      .evt .evt_slider_wrap {
        position: relative;
        width: 100%;
        overflow: hidden;
      }
      .evt .evt_slider_wrap .swiper-wrapper {
        height: auto;
      }
      .evt .evt_slider_wrap.linear .swiper-wrapper {
        transition-timing-function: linear;
      }
      .evt .evt_slider_wrap .swiper-slide {
        position: relative;
        width: calc(850 / 3520 * 100vw);
      }
      .evt .evt_slider_wrap .slide-wrap {
        position: relative;
      }
      .evt .evt_slider_wrap .swiper-pagination {
        left: 50%;
        transform: translateX(-50%);
        bottom: calc(64 / 3520 * 100vw);
        width: calc(450 / 3520 * 100vw);
        height: calc(10 / 3520 * 100vw);
        font-size: 0;
        display: flex;
        background: rgba(255, 255, 255, 0.5);
        border-radius: calc(10 / 3520 * 100vw);
        overflow: hidden;
      }
      .evt .evt_slider_wrap .swiper-pagination span {
        flex: 1;
        margin: 0;
        height: 100%;
        box-sizing: content-box;
        border-radius: calc(10 / 3520 * 100vw);
        opacity: 0;
        overflow: hidden;
        background: #fff;
        transition: 0.3s;
      }
      .evt .evt_slider_wrap .swiper-pagination span.swiper-pagination-bullet-active {
        opacity: 1;
      }

      /* video */
      .clip_wrap {
        position: absolute;
        top: calc(486 / 3520 * 100vw);
        left: calc(2632 / 3520 * 100vw);
        width: calc(624 / 3520 * 100vw);
        height: calc(1110 / 3520 * 100vw);
        display: flex;
        align-items: center;
        background: #f5f5f5;
        overflow: hidden;
      }
      .clip_wrap video-js {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 102%;
        height: 102%;
      }

      /* ------------------------------------ */

      /* 섹션별 */
      .evt .sec04 {
        padding: calc(100 / 3520 * 100vw) 0;
        background: #000;
      }

      .evt .goDetail {
        position: absolute;
        bottom: calc(180 / 3520 * 100vw);
        width: calc(900 / 3520 * 100vw);
        height: calc(1048 / 3520 * 100vw);
        /* background: violet;
        opacity: 0.2; */
        z-index: 3;
      }

      .evt .sec01 .goDetail.step1 {
        left: calc(260 / 3520 * 100vw);
      }
      .evt .sec01 .goDetail.step2 {
        left: calc(1310 / 3520 * 100vw);
      }
      .evt .sec01 .goDetail.step3 {
        left: calc(2360 / 3520 * 100vw);
      }

      .evt .sec02 .goDetail.step1 {
        left: calc(785 / 3520 * 100vw);
      }
      .evt .sec02 .goDetail.step2 {
        left: calc(1835 / 3520 * 100vw);
      }

      .evt .sec03 .goDetail.step1 {
        left: calc(785 / 3520 * 100vw);
      }
      .evt .sec03 .goDetail.step2 {
        left: calc(1835 / 3520 * 100vw);
      }

      .evt .sec04 .goDetail {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

      .evt .goDetail.banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
    </style>
  </head>

  <body>
    
    <div id="container">
      
      <div id="evt_container" class="evt">
        <div class="section sec_top" id="evt_top">
          <div class="cont step1">
            <img
              src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/bg-top1.jpg"
              alt=""
            />
          </div>
        </div>
        <div class="sec_group">
          
          <div class="section sec01">
            <div class="cont step1">
              <img
                src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/bg-sec01.jpg"
                alt=""
              />
              <a href="/product-detail/DWDJ94056-BKN" class="goDetail step1"></a>
              <a href="/product-detail/DWDJ94056-LWS" class="goDetail step2"></a>
              <a href="/product-detail/DWDJ93056-CRS" class="goDetail step3"></a>
            </div>
          </div>
          
          <div class="section sec02">
            <div class="cont step1">
              <img
                src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/bg-sec02.jpg"
                alt=""
              />
              <a href="/product-detail/DWDJ98056-BGL" class="goDetail step1"></a>
              <a href="/product-detail/DWDJ96056-BKS" class="goDetail step2"></a>
            </div>
          </div>
          
          <div class="section sec03">
            <div class="cont step1">
              <img
                src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/bg-sec03.jpg"
                alt=""
              />
              <a href="/product-detail/DWDJ9A056-BKS" class="goDetail step1"></a>
              <a href="/product-detail/DWDJ9A056-CRS" class="goDetail step2"></a>
            </div>
          </div>
          
          <div class="section sec04">
            <div class="cont step1">
              <div id="sec04Slider1" class="swiper-container evt_slider_wrap swiper-slider linear step1">
                <div class="evt_slider">
                  <ul class="swiper-wrapper">
                    <li class="swiper-slide">
                      <div class="slide-wrap">
                        <img
                          src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/sec04-s1.jpg"
                          alt=""
                        />
                        <a href="/product-detail/DWDJ94056-BKN" class="goDetail"></a>
                      </div>
                    </li>
                    <li class="swiper-slide">
                      <div class="slide-wrap">
                        <img
                          src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/sec04-s2.jpg"
                          alt=""
                        />
                        <a href="/product-detail/DWDJ94056-LWS" class="goDetail"></a>
                      </div>
                    </li>
                    <li class="swiper-slide">
                      <div class="slide-wrap">
                        <img
                          src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/sec04-s3.jpg"
                          alt=""
                        />
                        <a href="/product-detail/DWDJ93056-CRS" class="goDetail"></a>
                      </div>
                    </li>
                    <li class="swiper-slide">
                      <div class="slide-wrap">
                        <img
                          src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/sec04-s4.jpg"
                          alt=""
                        />
                        <a href="/product-detail/DWDJ93056-CRS" class="goDetail"></a>
                      </div>
                    </li>
                    <li class="swiper-slide">
                      <div class="slide-wrap">
                        <img
                          src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/sec04-s5.jpg"
                          alt=""
                        />
                        <a href="/product-detail/DWDJ98056-BGL" class="goDetail"></a>
                      </div>
                    </li>
                    <li class="swiper-slide">
                      <div class="slide-wrap">
                        <img
                          src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/sec04-s6.jpg"
                          alt=""
                        />
                        <a href="/product-detail/DWDJ96056-BKS" class="goDetail"></a>
                      </div>
                    </li>
                    <li class="swiper-slide">
                      <div class="slide-wrap">
                        <img
                          src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/sec04-s7.jpg"
                          alt=""
                        />
                        <a href="/product-detail/DWDJ9A056-CRS" class="goDetail"></a>
                      </div>
                    </li>
                    <li class="swiper-slide">
                      <div class="slide-wrap">
                        <img
                          src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1217_womens_down/pc/sec04-s8.jpg"
                          alt=""
                        />
                        <a href="/product-detail/DWDJ9A056-BKS" class="goDetail"></a>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="cont banner">
            <img
              src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/discovery-expedition/25_1229_banner/pc/banner1.jpg"
              alt=""
            />
            <a href="/display/promotions/event/1531" class="goDetail banner"></a>
          </div>
        </div>
      </div>
    </div>
  </body>

  <script>
    $(document).ready(function () {
      function onClickLink(url) {
        window.parent.postMessage({ action: "onClickLink", url }, "*");
      }

      setTimeout(function () {
        $(".evt .goDetail").click(function (e) {
          e.preventDefault();

          if ($("#promotion-iframe-container", window.parent.document).length > 0) {
            onClickLink(e.currentTarget.href);
          } else {
            window.location.href = `https://www.discovery-expedition.com${$(this).attr("href")}`;
          }
        });
      }, 100);

      setTimeout(function () {
        $("#evt_container").addClass("on");
      }, 500);
    });

    $(window.parent).on("load", function () {
      $("#evt_container").addClass("on");
    });

    $(document).ready(function () {
      // sec04 슬라이드1
      var sec04Slider1 = new Swiper("#sec04Slider1 .evt_slider", {
        observer: true,
        observeParents: true,
        slidesPerView: "auto",
        centeredSlides: false,
        // effect: "fade",
        // fadeEffect: {
        //   crossFade: true,
        // },
        loop: true,
        speed: 4000,
        autoplay: {
          delay: 1,
          disableOnInteraction: false,
        },
        pauseOnMouseEnter: false,
        allowTouchMove: true,
        // pagination: {
        //   el: "#sec04Slider1 .swiper-pagination",
        //   clickable: true,
        // },
        on: {
          realIndexChange: function () {
            sessionStorage.setItem("sec04Slider1", this.realIndex);
          },
        },
      });
      sec04Slider1.autoplay.stop();

      function isEmpty(obj) {
        return obj === null || obj === undefined;
      }

      var isCategoryExists = $("#category", window.parent.document).is(":visible");
      var bandBanner = $("#bandBanner", window.parent.document);
      var commonHeaderH = $("#commonHeader", window.parent.document).outerHeight();
      var categoryH = isCategoryExists ? $("#category", window.parent.document).outerHeight() : 0;
      var titleH = $(".promotion-detail-header", window.parent.document).outerHeight();
      var isIframeExists = $("#promotion-iframe-container", window.parent.document).length > 0;
      function scrollAnimation() {
        if (isEmpty(window.parent) || isEmpty(window.parent.document)) {
          return;
        }

        $(".evt .swiper-slider, .evt .vid, .evt .ani").each(function () {
          var bandBannerH = bandBanner.is(":visible") ? bandBanner.outerHeight() : 0;
          var aniPoint = (isIframeExists ? bandBannerH + commonHeaderH + categoryH + titleH : 0) + $(this).offset().top;
          var showPoint = $(window.parent).scrollTop() + window.parent.innerHeight * 0.8;
          var resetPoint = $(window.parent).scrollTop() + window.parent.innerHeight;
          var id = $(this)[0].id;

          // 스크롤 진입 전 슬라이드 초기화
          if (resetPoint < aniPoint) {
            if ($(this).hasClass("active")) {
              $(this).removeClass("active");

              if ($(this).hasClass("vid")) {
                var vid = $(this).attr("id");
                var player = videojs(vid);
                player.initChildren();
              }

              if (id == "sec04Slider1") {
                sec04Slider1.slideToLoop(0, 0, false);
                sec04Slider1.autoplay.stop();
                sessionStorage.removeItem("sec04Slider1");
              }
            }
          }

          // 스크롤 진입 시 슬라이드 재생
          if (showPoint > aniPoint) {
            if (!$(this).hasClass("active")) {
              $(this).addClass("active");

              if ($(this).hasClass("vid")) {
                var vid = $(this).attr("id");
                var player = videojs(vid);
                player.play();
              }

              if (id == "sec04Slider1") {
                if (sessionStorage.getItem("sec04Slider1") == null) {
                  sec04Slider1.slideNext();
                } else {
                  sec04Slider1.slideToLoop(Number(sessionStorage.getItem("sec04Slider1")), 0, false);
                }
                sec04Slider1.autoplay.start();
              }
            }
          }
        });
      }

      setTimeout(function () {
        scrollAnimation();
      });

      document.addEventListener("visibilitychange", function () {
        if ("visible" === document.visibilityState) {
          setTimeout(function () {
            scrollAnimation();
          }, 50);
        }
      });

      $(window.parent).on("scroll resize", function () {
        setTimeout(function () {
          scrollAnimation();
        });
      });
    });
  </script>

  <script>
    document.addEventListener("DOMContentLoaded", function (event) {
      sendHeightToParent();
    });

    // 부모 윈도우에게 container의 height를 전달하는 함수입니다.
    // 부모 윈도우는 여기서 전달받은 height를 iframe의 height로 설정해야하기 때문에 반드시 필요합니다.
    function sendHeightToParent() {
      const visualArea = document.querySelector("#container");
      if (visualArea) {
        const containerHeight = visualArea.scrollHeight;
        window.parent.postMessage({ action: "onResizeContentHeight", iframeHeight: containerHeight }, "*");
      }
    }

    function handleVisualAreaResize() {
      sendHeightToParent();
    }

    // 이미지 등의 리소스 로딩 후에 높이값을 확인하도록 window.onload를 사용합니다.
    window.onload = function () {
      sendHeightToParent();
      window.addEventListener("resize", handleVisualAreaResize);
    };

    // 초기에 한 번 호출
    sendHeightToParent();
  </script>
</html>

겨울의 모든 순간, 디스커버리 다운패딩

Discovery Expedition

"디스커버리 시그니쳐 FUR 구스다운 자켓 [켈리] 
POINT : 유럽산 폭스퍼를 적용한 후드형 롱 다운자켓
DETAIL : 탈부착 가능한 퍼 디테일 적용, 허리 스트링으로 여성스러운 실루엣 연출
FABRIC(SHELL) : 소프트터치, 발수, 방풍 기능이 우수한 기능성 폴리에스터 소재
FABRIC(LINING) : 탄소 원자로 이루어진 구조로, 보온성, 경량성, 정전기 방지 기능이 뛰어난 ""그라핀"" 축열 안감 적용
INSULATION : 다운볼이 크고 필파워가 우수한 프리미엄 유러피안 구스 80:20
FIT & LENGTH : 세미오버핏&롱"

여성 켈리 구스다운 롱패딩

디스커버리 시그니쳐 구스다운 자켓 [레스터G]
POINT : 모든 라이프스타일에서 착용 가능한 후드형 롱 다운자켓
DETAIL : 보온에 최적화된 롱 기장, 이중 플라켓, 이중 소매 커프스를 적용하여 보온성 강화
FABRIC(SHELL) : 발수, 방풍 기능이 우수한 기능성 내츄럴 스트레치 폴리에스터 소재FABRIC(LINING) : 탄소 원자로 이루어진 구조로, 보온성, 경량성, 정전기 방지 기능이 뛰어난 ""그라핀"" 축열 안감 적용
INSULATION : 다운볼이 크고 필파워가 우수한 프리미엄 유러피안 구스 80:20
FIT & LENGTH : 세미오버핏&롱

여성 레스터G 구스다운 롱패딩

다이아몬드 튜브 퀼팅 디자인의 카라넥 경량 롱 다운자켓
탈부착 가능한 에코퍼 카라 및 허리벨트 적용
무봉제 3D-튜브 원단을 적용, 다운 삼출을 최소화 하고 다운백이 없어 경량성 극대화
다운볼이 크고 필파워가 우수한 프리미엄 유러피안 덕 80:20
세미오버핏&롱

여성 멜로즈 튜브 다운 롱패딩

"POINT : 고기능성 베르텍스 소재를 사용한 후드형 액티브 롱 다운자켓
DETAIL : 방수지퍼, 후드 스트링을 적용하여 아웃도어 활동에 적합
FABRIC(SHELL) : 초발수, 고투습, 방풍, UV 기능을 갖춘 자체개발 기능성 소재 ""BERTEX"" 사용
FABRIC(LINING) : 탄소 원자로 이루어진 구조로, 보온성, 경량성, 정전기 방지 기능이 뛰어난 ""그라핀"" 축열 안감 적용
INSULATION : 다운볼이 크고 필파워가 우수한 프리미엄 유러피안 구스 80:20
FIT & LENGTH : 세미오버핏&롱"

여성 베르겐 베르텍스 구스다운 롱패딩

디스커버리 시그니쳐 다운 자켓 [반슬리]
POINT : 프리미엄 아웃도어 라이프에 최적화된 후드형 롱 다운자켓 
DETAIL : 아웃도어 무드의 립스탑MIX 디자인
FABRIC(SHELL) : 소프트터치, 발수, 방풍 기능이 우수한 기능성 폴리에스터 소재
FABRIC(LINING) : 탄소 원자로 이루어진 구조로, 보온성, 경량성, 정전기 방지 기능이 뛰어난 "그라핀" 축열 안감 적용
INSULATION : 다운볼이 크고 필파워가 우수한 프리미엄 유러피안 덕 80:20
FIT & LENGTH : 세미오버핏&롱

여성 반슬리 다운 롱패딩

"POINT : 프리미엄 핀라쿤퍼를 적용한 후드형 롱 다운자켓
DETAIL : 탈부착 가능한 후드 적용
FABRIC(SHELL) : 소프트터치, 발수, 방풍 기능이 우수한 기능성 폴리에스터 소재
FABRIC(LINING) : 탄소 원자로 이루어진 구조로, 보온성, 경량성, 정전기 방지 기능이 뛰어난 ""그라핀"" 축열 안감 적용
INSULATION : 다운볼이 크고 필파워가 우수한 프리미엄 유러피안 구스 80:20
FIT & LENGTH : 세미오버핏&롱"

여성 고쉬 구스다운 롱패딩

카라넥 미드 사파리형 경량 다운자켓
곡선적인 물결 퀼팅 디자인과 탈부착 가능한 에코퍼 카라 및 허리벨트 적용
소프트 터치의 기능성 나일론 소재
탄소 원자로 이루어진 구조로, 보온성, 경량성, 정전기 방지 기능이 뛰어난 "그라핀" 축열 안감 적용
다운볼이 크고 필파워가 우수한 프리미엄 유러피안 덕 80:20
세미오버핏&미드

여성 멜로즈 다운 미드패딩

디스커버리 시그니쳐 FUR 구스다운 자켓 [켈리] 
유럽산 폭스퍼를 적용한 후드형 미드 다운자켓
탈부착 가능한 퍼 디테일 적용, 허리 스트링으로 여성스러운 실루엣 연출
소프트터치, 발수, 방풍 기능이 우수한 기능성 폴리에스터 소재
탄소 원자로 이루어진 구조로, 보온성, 경량성, 정전기 방지 기능이 뛰어난 "그라핀" 축열 안감 적용
다운볼이 크고 필파워가 우수한 프리미엄 유러피안 구스 80:20
세미오버핏&미드

여성 켈리 구스다운 미드패딩

"POINT : 2WAY지퍼가 적용된 우먼스 하이넥 슈퍼크롭 다운자켓
DETAIL : 3D 입체패턴을 적용하여 착장시 곡선적인 슈퍼크롭 실루엣 연출
FABRIC(SHELL) 1 : [BKS, CRS 컬러] 고밀도 반광 외관의 기능성 폴리에스터 소재
FABRIC(SHELL) 2 : [BKN, BRN, TQN 컬러] 벨벳라이크 유광 외관의 기능성 폴리에스터 소재
FABRIC(SHELL) 3 : [BES,KAL, OLS, LBS 컬러] 내츄럴 립스탑 나일론 소재
FABRIC(LINING) : 탄소 원자로 이루어진 구조로, 보온성, 경량성, 정전기 방지 기능이 뛰어난 ""그라핀"" 축열 안감 적용
INSULATION : 다운볼이 크고 필파워가 우수한 프리미엄 유러피안 덕 80:20
FIT & LENGTH : 오버핏&슈퍼크롭"