#MLB빅볼청키 #빅볼청키A #빅볼청키윈도우 #빅볼청키홀로그램

<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;
  }

  /* 링크 */
  .item_search_link {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</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">
  <div id="evt_container" class="evt">
    
    <ul class="evt_content">
      
      <li class="evt_content_list top_banner">
        
        <article class="blind">
          <p>24SS NEW LINE UP​</p>
          <h3>BIGBALL CHUNKY/h3></h3>
        </article>
        
        <figure role="banner" class="evt_banner">
          <img src="https://static.mlb-korea.com/motioneye/yoil/mlb-korea/24_0213_big_ball_chunky/mo/250515/banner-0.jpg" alt="배너이미지" />
        </figure>
      </li>

      
      <li class="evt_content_list look_01">
        
        <article class="blind">
          <h3>BIGBALL CHUNKY A</h3>
          <p>
            청키한 아웃솔과 과감한 로고 플레이의 완벽한 밸런스 <br />
            MLB ACE 선수들의 팀 로고로 <br />
            MLB만의 헤리티지를 담아낸 베이직 라인
          </p>
        </article>

        
        <figure role="banner" class="evt_banner">
          <img src="https://static.mlb-korea.com/motioneye/yoil/mlb-korea/24_0213_big_ball_chunky/mo/content_01.png" alt="&nbsp;" />
        </figure>
        
        <ul class="evt_link_box">
          <li class="evt_link item_search_link">
            <a class="goDetail" title="빅볼청키 A (검색결과)" href="/display/search?searchText=3ASHC104N" aria-label="빅볼청키 A (검색결과)"> </a>
          </li>
        </ul>
      </li>
      

      <li class="evt_content_list look_02">
        
        <article class="blind">
          <h3>BIGBALL CHUNKY WINDOW​</h3>
          <p>시그니처 원 포인트 로고에 윈도우 형식의 입체감을 더하고 깔끔한 스티치 라인으로 프리미엄 한 무드로 마무리한 빅볼</p>
        </article>
        
        <figure role="banner" class="evt_banner">
          <img src="https://static.mlb-korea.com/motioneye/yoil/mlb-korea/24_0213_big_ball_chunky/mo/content_02.png" alt="&nbsp;" />
        </figure>
        
        <ul class="evt_link_box">
          <li class="evt_link item_search_link">
            <a class="goDetail" title="빅볼청키 윈도우 (검색결과)" href="/display/search?searchText=3ASHBCW3N" aria-label="빅볼청키 윈도우 (검색결과)"> </a>
          </li>
        </ul>
      </li>
      

      <li class="evt_content_list look_03">
        
        <article class="blind">
          <h3>BIGBALL CHUNKY HOLOGRAM​​</h3>
          <p>윈도우 형식의 볼륨감 있는 시그니처 원 포인트 로고에 홀로그램 패턴으로 어떤 각도에서도 입체적으로 시선을 사로</p>
        </article>
        
        <figure role="banner" class="evt_banner">
          <img src="https://static.mlb-korea.com/motioneye/yoil/mlb-korea/24_0213_big_ball_chunky/mo/content_03.png" alt="&nbsp;" />
        </figure>
        
        <ul class="evt_link_box">
          
          <li class="evt_link item_search_link coming_soon">
            
          </li>
        </ul>
      </li>
    </ul>
    
  </div>
</div>

<link href="https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css" rel="stylesheet" />
<style type="text/css">
  /* BASE [필요시 적절하게 수정해서 사용해주세요. */
  .contain {
    padding-bottom: 0;
  }
  #wrap {
    overflow-y: unset !important;
  }
  .visual-area {
    margin: 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;
  }

  /* 링크 */
  .item_search_link {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .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">
    
    <ul class="evt_content">
      
      <li class="evt_content_list top_banner">
        
        <article class="blind">
          <p>24SS NEW LINE UP​</p>
          <h3>BIGBALL CHUNKY/h3></h3>
        </article>
        
        <figure role="banner" class="evt_banner">
          <img src="https://static.mlb-korea.com/motioneye/yoil/mlb-korea/24_0213_big_ball_chunky/pc/250515/banner.jpg" alt="배너이미지" />
        </figure>
      </li>

      
      <li class="evt_content_list look_01">
        
        <article class="blind">
          <h3>BIGBALL CHUNKY A</h3>
          <p>
            청키한 아웃솔과 과감한 로고 플레이의 완벽한 밸런스 <br />
            MLB ACE 선수들의 팀 로고로 <br />
            MLB만의 헤리티지를 담아낸 베이직 라인
          </p>
        </article>

        
        <figure role="banner" class="evt_banner">
          <img src="https://static.mlb-korea.com/motioneye/yoil/mlb-korea/24_0213_big_ball_chunky/pc/content_01.png" alt="&nbsp;" />
        </figure>
        
        <ul class="evt_link_box">
          <li class="evt_link item_search_link">
            <a class="goDetail" title="빅볼청키 A (검색결과)" href="/display/search?searchText=3ASHC104N" aria-label="빅볼청키 A (검색결과)"> </a>
          </li>
        </ul>
      </li>
      

      <li class="evt_content_list look_02">
        
        <article class="blind">
          <h3>BIGBALL CHUNKY WINDOW​​</h3>
          <p>시그니처 원 포인트 로고에 윈도우 형식의 입체감을 더하고 깔끔한 스티치 라인으로 프리미엄 한 무드로 마무리한 빅볼</p>
        </article>
        
        <figure role="banner" class="evt_banner">
          <img src="https://static.mlb-korea.com/motioneye/yoil/mlb-korea/24_0213_big_ball_chunky/pc/content_02.png" alt="&nbsp;" />
        </figure>
        
        <ul class="evt_link_box">
          <li class="evt_link item_search_link">
            <a class="goDetail" title="빅볼청키 윈도우 (검색결과)" href="/display/search?searchText=3ASHBCW3N" aria-label="빅볼청키 윈도우 (검색결과)"> </a>
          </li>
        </ul>
      </li>
      

      <li class="evt_content_list look_03">
        
        <article class="blind">
          <h3>BIGBALL CHUNKY HOLOGRAM​​</h3>
          <p>윈도우 형식의 볼륨감 있는 시그니처 원 포인트 로고에 홀로그램 패턴으로 어떤 각도에서도 입체적으로 시선을 사로</p>
        </article>
        
        <figure role="banner" class="evt_banner">
          <img src="https://static.mlb-korea.com/motioneye/yoil/mlb-korea/24_0213_big_ball_chunky/pc/content_03.png" alt="&nbsp;" />
        </figure>
        
        <ul class="evt_link_box">
          
          <li class="evt_link item_search_link coming_soon">
            
          </li>
        </ul>
      </li>
    </ul>
    
  </div>
</div>