인플루언서 조하나의 썸머 슈즈 PICK!

<link href="https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css" rel="stylesheet" />
<style type="text/css">
  #contents {
    padding-bottom: 0;
  }
  div.dp.promo.view .pm_vis_area .vs_html * {
    max-width: none;
  }

  /* BASE */
  .evt figure {
    margin: 0;
  }
  .evt img {
    width: 100%;
    display: block;
  }
  .evt .blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
  }
  .evt_content_list {
    position: relative;
  }
  .evt_link:not(.swiper-slide) {
    position: absolute;
  }
  .evt .evt_img_box {
    position: relative;
    z-index: 0;
  }
  .evt_link_box a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
  }

  /* ADD */

  .sandal_white_01 {
    left: 0;
    top: 0;
    width: calc(100vw * (750 / 750));
    height: calc(100vw * (811 / 750));
  }
  .sandal_white_02 {
    left: calc(100vw * (118 / 750));
    top: calc(100vw * (951 / 750));
    width: calc(100vw * (498.74 / 750));
    height: calc(100vw * (624.74 / 750));
  }
  .sandal_white_03 {
    left: calc(100vw * (162 / 750));
    top: calc(100vw * (67 / 750));
    width: calc(100vw * (588 / 750));
    height: calc(100vw * (496 / 750));
    overflow: hidden;
  }
  .sandal_white_04 {
    left: calc(100vw * (39 / 750));
    top: calc(100vw * (422 / 750));
    width: calc(100vw * (329.86 / 750));
    height: calc(100vw * (328.86 / 750));

    border-radius: calc(100vw * (33 / 750));

    overflow: hidden;
  }
  .sandal_white_05 {
    left: calc(100vw * (80 / 750));
    top: calc(100vw * (823 / 750));
    width: calc(100vw * (545.58 / 750));
    height: calc(100vw * (685.58 / 750));
    border-radius: calc(100vw * (22 / 750));
    overflow: hidden;
  }
  .sandal_search_result {
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100vw * (800 / 750));
  }
  .sandal_white_06 {
    left: calc(100vw * (30 / 750));
    top: calc(100vw * (867 / 750));
    width: calc(100vw * (322 / 750));
    height: calc(100vw * (376 / 750));

    border-radius: calc(100vw * (43 / 750));
    overflow: hidden;
  }
  .sandal_white_07 {
    left: calc(100vw * (289 / 750));
    top: calc(100vw * (1307 / 750));
    width: calc(100vw * (438 / 750));
    height: calc(100vw * (375 / 750));
  }
  .sandal_white_08 {
    left: calc(100vw * (49 / 750));
    top: calc(100vw * (1740 / 750));
    width: calc(100vw * (328 / 750));
    height: calc(100vw * (328 / 750));
    border-radius: calc(100vw * (43 / 750));
    overflow: hidden;
  }

  /* 240530 추가 */
  .top_banner:after {
    position: absolute;
    left: calc(100vw * (52 / 750));
    top: calc(100vw * (542 / 750));
    width: calc(100vw * (641 / 750));
    height: calc(100vw * (145 / 750));
    content: "";
    background: url("https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/mo/240530/lettering.png")
      no-repeat center/ contain;
    mix-blend-mode: screen;
    filter: blur(0.5px) opacity(0.9) brightness(1);
    z-index: 1;
  }

  .banner-fade-event {
    position: absolute;
    left: calc(100vw * (160 / 750));
    top: calc(100vw * (673 / 750));
    width: calc(100vw * (431 / 750));
    height: calc(100vw * (555 / 750));
  }

  .look_04 .evt_link_box {
    position: absolute;
    left: calc(100vw * (24 / 750));
    top: calc(100vw * (161 / 750));
    width: calc(100vw * (701 / 750));
    height: calc(100vw * (1064 / 750));
    display: flex;
    flex-wrap: wrap;
    gap: calc(100vw * (20 / 750)) calc(100vw * (17 / 750));
  }
  .look_04 .evt_link:not(.swiper-slide) {
    position: relative;
    width: calc(100vw * (342 / 750));
    height: calc(100vw * (342 / 750));
  }
</style>
<script>
  /* 레이아웃이 자리잡기 전에 컨텐츠가 먼저 노출되어 덜컹 거리는 현상 방지
     클릭 이벤트 */
  /* +이전 랜딩 주소 방식: /goods/LA-다저스/운동모/3ACP6601N-07NYS
                   /display/search?searchText=볼캡

  +리뉴얼 랜딩 주소방식: /product-detail/3ACP6601N-07NYS
                    /search?searchText=볼캡 */
  document.addEventListener("DOMContentLoaded", function () {
    function onClickLink(url) {
      window.parent.postMessage({ action: "onClickLink", url }, "*");
    }

    function convertToNewUrl(oldUrl) {
      // /goods/.../.../productId 패턴을 새로운 /product-detail/productId로 변환
      const goodsPattern = /\/goods\/[^\/]+\/[^\/]+\/([^\/]+)/;
      const goodsMatch = oldUrl.match(goodsPattern);

      if (goodsMatch) {
        const productId = goodsMatch[1];
        return `/product-detail/${productId}`;
      }

      // /display/search?searchText=... 패턴을 새로운 /search?searchText=값으로 변환
      const displayPattern = /\/display\/search\?searchText=([^&]+)/;
      const displayMatch = oldUrl.match(displayPattern);

      if (displayMatch) {
        const searchText = displayMatch[1];
        return `/search?searchText=${searchText}`;
      }

      // 변환되지 않은 경우, 원래 URL 반환
      return oldUrl;
    }

    function updateLinks() {
      const links = document.querySelectorAll(".evt .goDetail");
      links.forEach((link) => {
        const oldUrl = link.href;
        const newUrl = convertToNewUrl(oldUrl);
        link.href = newUrl;
      });
    }

    // DOMContentLoaded 시 링크를 업데이트
    updateLinks();

    setTimeout(function () {
      const links = document.querySelectorAll(".evt .goDetail");
      links.forEach((link) => {
        link.addEventListener("click", function (e) {
          e.preventDefault();
          onClickLink(e.currentTarget.href);
        });
      });
    }, 100);

    setTimeout(function () {
      document.getElementById("evt_container").classList.add("on");
    }, 500);
  });
</script>


<div id="evt_container" class="evt">
  
  
  <article class="evt_content_list top_banner">
    
    <figure role="banner" class="evt_banner">
      <img
        src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/mo/240530/banner_bg.png"
        alt="CHUNKY RUNNER SANDAL 인플루언서 조하나의 썸머 슈즈 PICK! MLB 청키러너 샌들​"
      />
    </figure>
    <div class="banner-fade-event fade_swiper">
      <ul class="swiper-wrapper">
        <li class="swiper-slide">
          <img
            src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/mo/240530/banner_img_01.png"
            alt="1"
          />
        </li>
        <li class="swiper-slide">
          <img
            src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/mo/240530/banner_img_02.png"
            alt="2"
          />
        </li>
        <li class="swiper-slide">
          <img
            src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/mo/240530/banner_img_03.png"
            alt="3"
          />
        </li>
      </ul>
    </div>
  </article>
  <ul class="evt_content">
    
    <li class="evt_content_list look_01">
      
      <figure class="evt_banner">
        <img
          src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/mo/240530/content_01.png"
          alt="S/S SEASON MLB SANDAL INFLUENCER HANA​​"
        />
      </figure>
      
      <ul class="evt_link_box">
        <li class="evt_link sandal_white_01">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
            aria-label="상품 보러가기"
          >
            <span class="blind"> 1 청키러너 샌들 - 화이트</span>
          </a>
        </li>
        <li class="evt_link sandal_white_02">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
            aria-label="상품 보러가기"
          >
            <span class="blind"> 2 청키러너 샌들 - 화이트</span>
          </a>
        </li>
      </ul>
    </li>
    
    <li class="evt_content_list look_02">
      
      <figure class="evt_banner">
        <img
          src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/mo/240530/content_02.png"
          alt="2024 Perfect Summer CHUNKY RUNNER SANDAL​​​"
        />
      </figure>

      
      <ul class="evt_link_box">
        <li class="evt_link sandal_white_03">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
            aria-label="상품 보러가기"
          >
            <span class="blind"> 3 청키러너 샌들 - 화이트</span>
          </a>
        </li>
        <li class="evt_link sandal_white_04">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
            aria-label="상품 보러가기"
          >
            <span class="blind"> 4 청키러너 샌들 - 화이트</span>
          </a>
        </li>
        <li class="evt_link sandal_white_05">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
            aria-label="상품 보러가기"
          >
            <span class="blind"> 5 청키러너 샌들 - 화이트</span>
          </a>
        </li>
      </ul>
    </li>
    
    <li class="evt_content_list look_03">
      
      <figure class="evt_banner">
        <img
          src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/mo/240530/content_03.png"
          alt="Detail Check! ​"
        />
      </figure>
      
      <ul class="evt_link_box">
        <li class="evt_link sandal_search_result">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/display/search?searchText=3ASDRNS43"
            aria-label="상품 보러가기"
          >
            <span class="blind"> 6 청키러너 샌들 - 검색결과</span>
          </a>
        </li>
        <li class="evt_link sandal_white_06">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
            aria-label="상품 보러가기"
          >
            <span class="blind"> 사이즈를 편하게 조절할 수 있는 유니크한 사선형 벨크로​</span>
          </a>
        </li>
        <li class="evt_link sandal_white_07">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
            aria-label="상품 보러가기"
          >
            <span class="blind"> 고프코어 무드를 더하는 오버레이 팀로고 어퍼​</span>
          </a>
        </li>

        <li class="evt_link sandal_white_08">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
            aria-label="상품 보러가기"
          >
            <span class="blind"> 안정감있게 발을 잡아주는 뒷축 벨크로​​</span>
          </a>
        </li>
      </ul>
    </li>
    
    <li class="evt_content_list look_04">
      
      <figure class="evt_banner">
        <img
          src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/mo/240530/content_04.png"
          alt="MLB SUMMER SHOES"
        />
      </figure>

      
      <ul class="evt_link_box">
        <li class="evt_link item_01">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/뉴욕-양키스/샌들/3ASDBCM43-50IVS"
            aria-label="상품 보러가기"
          >
            <span class="blind">10 빅볼청키 마스크 메리제인 - 아이보리</span>
          </a>
        </li>
        <li class="evt_link item_02">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/뉴욕-양키스/샌들/3ASDCH143-50CRS"
            aria-label="상품 보러가기"
          >
            <span class="blind">11 빅볼청키 마스크 - 크림</span>
          </a>
        </li>
        <li class="evt_link item_03">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/보스턴-레드삭스/샌들/3ASDBPS43-43GOS"
            aria-label="상품 보러가기"
          >
            <span class="blind">12 베이스 샌들 메탈 - 골드</span>
          </a>
        </li>
        <li class="evt_link item_04">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/보스턴-레드삭스/샌들/3ASDCSS33-43BGS"
            aria-label="상품 보러가기"
          >
            <span class="blind">13 청키 샌들 트리플 - 베이지</span>
          </a>
        </li>
        <li class="evt_link item_05">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/뉴욕-양키스/아쿠아-슈즈/3ASQBCR43-50IVS"
            aria-label="상품 보러가기"
          >
            <span class="blind">14 빅볼청키 리커버리 - 크림</span>
          </a>
        </li>
        <li class="evt_link item_06">
          <a
            class="goDetail"
            title="상품 보러가기"
            href="/goods/뉴욕-양키스/샌들/3ASDCBC33-50WHS"
            aria-label="상품 보러가기"
          >
            <span class="blind">15 청키 바운서 클로그 샌들 – 오프 화이트</span>
          </a>
        </li>
      </ul>
    </li>
  </ul>
  
</div>

<script>
  const evtLinks = document.querySelectorAll(".evt_link");

  evtLinks.forEach((evtLink) => {
    const blindText = evtLink.querySelector(".blind").textContent.trim();
    const [, ...blindTextParts] = blindText.split(" ");
    const blindTextResult = blindTextParts.join(" ");

    evtLink.querySelector(".blind").textContent = blindTextResult;
    evtLink.querySelector("a").setAttribute("aria-label", blindTextResult);
    evtLink.querySelector("a").setAttribute("title", blindTextResult);
  });

  // SWIPER
  const FadeSet = {
    watchOverflow: true, // PUB :: 스와이퍼 1개일때 움직이지 않게 작업
    keyboard: true,
    a11y: {
      prevSlideMessage: "이전 슬라이드",
      nextSlideMessage: "다음 슬라이드",
      slideLabelMessage: "총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.",
    }, // 접근성 매개변수
    lazy: {
      loadPrevNext: true,
      loadPrevNextAmount: 1, // 미리 로드할 다음/이전 슬라이드의 양
    },
    speed: 1000,
    effect: "fade",
    fadeEffect: {
      crossFade: true,
    },
    loop: this.swiper > 1,
    allowTouchMove: false, // 터치 막기
    autoplay: {
      delay: 1500,
      disableOnInteraction: false, // 사용자가 스와이프 후 자동 재생이 비활성화되지 않음.
    },
  };
  document.querySelectorAll(".fade_swiper").forEach((element) => {
    new Swiper(element, FadeSet);
  });
</script>

<link href="https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css" rel="stylesheet" />

<link rel="stylesheet" href="https://use.typekit.net/hkn1osc.css" />

<link rel="preconnect" href="https://fonts.googleapis.com" />
<style type="text/css">
  /* BASE [필요시 적절하게 수정해서 사용해주세요. */
  html,
  body {
    overflow: hidden;
  }
  .visual-area {
    margin: 0;
  }
  .contain {
    padding-bottom: 0;
  }
  .evt {
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    text-align: left;
    opacity: 0;
    overflow: hidden;
  }
  .evt.on {
    opacity: 1;
  }
  .evt figure {
    margin: 0;
  }
  .evt img {
    display: block;
    width: 100%;
  }
  .evt a:focus,
  .evt button:focus {
    outline: none;
  }
  .evt .blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
  }
  /* //BASE */

  /* COMMON */
  .event_container {
    width: 100%;
    overflow: hidden;
  }

  /* SECTION COMMON */
  .evt_content_list {
    position: relative;
  }
  .evt_link:not(.swiper-slide) {
    position: absolute;
    z-index: 1;
  }
  .evt .evt_img_box {
    position: relative;
    z-index: 0;
  }
  .evt_link_box a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  /* ADD */
  .sandal_white_01 {
    left: 231px;
    top: 187px;
    width: 498.74px;
    height: 624.74px;
  }
  .sandal_white_02 {
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
  }
  .sandal_white_03 {
    left: 104px;
    top: 214px;
    width: 836px;
    height: 706px;
    border-bottom-left-radius: 50px;
    overflow: hidden;
  }
  .sandal_white_04 {
    left: 712px;
    top: 143px;
    width: 393.86px;
    height: 393.86px;
    border-radius: 50px;
    overflow: hidden;
  }
  .sandal_white_05 {
    left: 1201px;
    top: 92px;
    width: 609.58px;
    height: 747.58px;
    border-top-right-radius: 50px;
    overflow: hidden;
  }
  .sandal_search_result {
    width: 100%;
    height: 985px;
    top: 0;
    left: 0;
  }
  .sandal_white_06 {
    left: 282px;
    top: 1127px;
    width: 620px;
    height: 601px;
    border-radius: 43px;
    overflow: hidden;
  }
  .sandal_white_07 {
    right: 0;
    top: 1558px;
    width: 939px;
    height: 902px;
  }
  .sandal_white_08 {
    left: 202px;
    top: 2179px;
    width: 687px;
    height: 659px;
    border-radius: 43px;
    overflow: hidden;
  }

  /* 240530 추가 */
  .top_banner:after {
    position: absolute;
    left: 113px;
    top: 88px;
    width: 756px;
    height: 170px;
    content: "";
    background: url("https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/pc/240530/lettering.png")
      no-repeat center/ contain;
    mix-blend-mode: screen;
    filter: blur(0.5px) opacity(0.9) brightness(1);
    z-index: 1;
  }
  .banner-fade-event {
    position: absolute;
    left: 213px;
    top: 164px;
    width: 496px;
    height: 603px;
  }

  .look_04 .evt_link_box {
    position: absolute;
    left: 91px;
    top: 219px;
    width: 1738px;
    height: 1155px;
    display: flex;
    flex-wrap: wrap;
    gap: 31px 26px;
  }
  .look_04 .evt_link:not(.swiper-slide) {
    position: relative;
    width: 562px;
    height: 563px;
  }
  .evt_content_list + .evt_content_list {
    margin-top: -1px;
  }
</style>

<script>
  /* 레이아웃이 자리잡기 전에 컨텐츠가 먼저 노출되어 덜컹 거리는 현상 방지
     클릭 이벤트 */
  /* +이전 랜딩 주소 방식: /goods/LA-다저스/운동모/3ACP6601N-07NYS
                   /display/search?searchText=볼캡

  +리뉴얼 랜딩 주소방식: /product-detail/3ACP6601N-07NYS
                    /search?searchText=볼캡 */
  document.addEventListener("DOMContentLoaded", function () {
    function onClickLink(url) {
      window.parent.postMessage({ action: "onClickLink", url }, "*");
    }

    function convertToNewUrl(oldUrl) {
      // /goods/.../.../productId 패턴을 새로운 /product-detail/productId로 변환
      const goodsPattern = /\/goods\/[^\/]+\/[^\/]+\/([^\/]+)/;
      const goodsMatch = oldUrl.match(goodsPattern);

      if (goodsMatch) {
        const productId = goodsMatch[1];
        return `/product-detail/${productId}`;
      }

      // /display/search?searchText=... 패턴을 새로운 /search?searchText=값으로 변환
      const displayPattern = /\/display\/search\?searchText=([^&]+)/;
      const displayMatch = oldUrl.match(displayPattern);

      if (displayMatch) {
        const searchText = displayMatch[1];
        return `/search?searchText=${searchText}`;
      }

      // 변환되지 않은 경우, 원래 URL 반환
      return oldUrl;
    }

    function updateLinks() {
      const links = document.querySelectorAll(".evt .goDetail");
      links.forEach((link) => {
        const oldUrl = link.href;
        const newUrl = convertToNewUrl(oldUrl);
        link.href = newUrl;
      });
    }

    // DOMContentLoaded 시 링크를 업데이트
    updateLinks();

    setTimeout(function () {
      const links = document.querySelectorAll(".evt .goDetail");
      links.forEach((link) => {
        link.addEventListener("click", function (e) {
          e.preventDefault();
          onClickLink(e.currentTarget.href);
        });
      });
    }, 100);

    setTimeout(function () {
      document.getElementById("evt_container").classList.add("on");
    }, 500);
  });
</script>


<div class="event_container">
  <div id="evt_container" class="evt">
    
    
    <article class="evt_content_list top_banner">
      
      <figure role="banner" class="evt_banner">
        <img
          src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/pc/240530/banner_bg.png"
          alt="CHUNKY RUNNER SANDAL 인플루언서 조하나의 썸머 슈즈 PICK! MLB 청키러너 샌들​"
        />
      </figure>
      <div class="banner-fade-event fade_swiper">
        <ul class="swiper-wrapper">
          <li class="swiper-slide">
            <img
              src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/pc/240530/banner_img_01.png"
              alt="1"
            />
          </li>
          <li class="swiper-slide">
            <img
              src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/pc/240530/banner_img_02.png"
              alt="2"
            />
          </li>
          <li class="swiper-slide">
            <img
              src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/pc/240530/banner_img_03.png"
              alt="3"
            />
          </li>
        </ul>
      </div>
    </article>
    <ul class="evt_content">
      
      <li class="evt_content_list look_01">
        
        <figure class="evt_banner">
          <img
            src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/pc/240530/content_01.png"
            alt="S/S SEASON MLB SANDAL INFLUENCER HANA​​"
          />
        </figure>
        
        <ul class="evt_link_box">
          <li class="evt_link sandal_white_01">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
              aria-label="상품 보러가기"
            >
              <span class="blind"> 1 청키러너 샌들 - 화이트</span>
            </a>
          </li>
          <li class="evt_link sandal_white_02">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
              aria-label="상품 보러가기"
            >
              <span class="blind"> 2 청키러너 샌들 - 화이트</span>
            </a>
          </li>
        </ul>
      </li>
      
      <li class="evt_content_list look_02">
        
        <figure class="evt_banner">
          <img
            src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/pc/240530/content_02.png"
            alt="2024 Perfect Summer CHUNKY RUNNER SANDAL​​​"
          />
        </figure>

        
        <ul class="evt_link_box">
          <li class="evt_link sandal_white_03">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
              aria-label="상품 보러가기"
            >
              <span class="blind"> 3 청키러너 샌들 - 화이트</span>
            </a>
          </li>
          <li class="evt_link sandal_white_04">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
              aria-label="상품 보러가기"
            >
              <span class="blind"> 4 청키러너 샌들 - 화이트</span>
            </a>
          </li>
          <li class="evt_link sandal_white_05">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
              aria-label="상품 보러가기"
            >
              <span class="blind"> 5 청키러너 샌들 - 화이트</span>
            </a>
          </li>
        </ul>
      </li>
      
      <li class="evt_content_list look_03">
        
        <figure class="evt_banner">
          <img
            src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/pc/240530/content_03.png"
            alt="Detail Check! ​"
          />
        </figure>
        
        <ul class="evt_link_box">
          <li class="evt_link sandal_search_result">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/display/search?searchText=3ASDRNS43"
              aria-label="상품 보러가기"
            >
              <span class="blind"> 6 청키러너 샌들 - 검색결과</span>
            </a>
          </li>
          <li class="evt_link sandal_white_06">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
              aria-label="상품 보러가기"
            >
              <span class="blind"> 사이즈를 편하게 조절할 수 있는 유니크한 사선형 벨크로​</span>
            </a>
          </li>
          <li class="evt_link sandal_white_07">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
              aria-label="상품 보러가기"
            >
              <span class="blind"> 고프코어 무드를 더하는 오버레이 팀로고 어퍼​</span>
            </a>
          </li>

          <li class="evt_link sandal_white_08">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/LA-다저스/샌들/3ASDRNS43-07WHS"
              aria-label="상품 보러가기"
            >
              <span class="blind"> 안정감있게 발을 잡아주는 뒷축 벨크로​​</span>
            </a>
          </li>
        </ul>
      </li>
      
      <li class="evt_content_list look_04">
        
        <figure class="evt_banner">
          <img
            src="https://static-resource.mlb-korea.com/cdn-cgi/image/format=png,onerror=redirect/motioneye/yoil/mlb-korea/24_0528_chunky_runner/pc/240530/content_04.png"
            alt="MLB SUMMER SHOES"
          />
        </figure>

        
        <ul class="evt_link_box">
          <li class="evt_link item_01">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/뉴욕-양키스/샌들/3ASDBCM43-50IVS"
              aria-label="상품 보러가기"
            >
              <span class="blind">10 빅볼청키 마스크 메리제인 - 아이보리</span>
            </a>
          </li>
          <li class="evt_link item_02">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/뉴욕-양키스/샌들/3ASDCH143-50CRS"
              aria-label="상품 보러가기"
            >
              <span class="blind">11 빅볼청키 마스크 - 크림</span>
            </a>
          </li>
          <li class="evt_link item_03">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/보스턴-레드삭스/샌들/3ASDBPS43-43GOS"
              aria-label="상품 보러가기"
            >
              <span class="blind">12 베이스 샌들 메탈 - 골드</span>
            </a>
          </li>
          <li class="evt_link item_04">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/보스턴-레드삭스/샌들/3ASDCSS33-43BGS"
              aria-label="상품 보러가기"
            >
              <span class="blind">13 청키 샌들 트리플 - 베이지</span>
            </a>
          </li>
          <li class="evt_link item_05">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/뉴욕-양키스/아쿠아-슈즈/3ASQBCR43-50IVS"
              aria-label="상품 보러가기"
            >
              <span class="blind">14 빅볼청키 리커버리 - 크림</span>
            </a>
          </li>
          <li class="evt_link item_06">
            <a
              class="goDetail"
              title="상품 보러가기"
              href="/goods/뉴욕-양키스/샌들/3ASDCBC33-50WHS"
              aria-label="상품 보러가기"
            >
              <span class="blind">15 청키 바운서 클로그 샌들 – 오프 화이트</span>
            </a>
          </li>
        </ul>
      </li>
    </ul>
    
  </div>
</div>
<script>
  const evtLinks = document.querySelectorAll(".evt_link");

  evtLinks.forEach((evtLink) => {
    const blindText = evtLink.querySelector(".blind").textContent.trim();
    const [, ...blindTextParts] = blindText.split(" ");
    const blindTextResult = blindTextParts.join(" ");

    evtLink.querySelector(".blind").textContent = blindTextResult;
    evtLink.querySelector("a").setAttribute("aria-label", blindTextResult);
    evtLink.querySelector("a").setAttribute("title", blindTextResult);
  });
  const FadeSet = {
    watchOverflow: true, // PUB :: 스와이퍼 1개일때 움직이지 않게 작업
    keyboard: true,
    a11y: {
      prevSlideMessage: "이전 슬라이드",
      nextSlideMessage: "다음 슬라이드",
      slideLabelMessage: "총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.",
    }, // 접근성 매개변수
    lazy: {
      loadPrevNext: true,
      loadPrevNextAmount: 1, // 미리 로드할 다음/이전 슬라이드의 양
    },
    speed: 1000,
    effect: "fade",
    fadeEffect: {
      crossFade: true,
    },
    loop: this.swiper > 1,
    allowTouchMove: false, // 터치 막기
    autoplay: {
      delay: 1500,
      disableOnInteraction: false, // 사용자가 스와이프 후 자동 재생이 비활성화되지 않음.
    },
  };
  document.querySelectorAll(".fade_swiper").forEach((element) => {
    new Swiper(element, FadeSet);
  });
</script>