<p><img style="width: 100%;" alt="page_01.jpg"
    src="https://cdn.nugu.jp/public/page_01_Rg0CYe1.jpg?q=100&amp;f=webp&amp;w=860"><img style="width: 100%;"
    alt="page_02.jpg" src="https://cdn.nugu.jp/public/page_02_SI766U7.jpg?q=100&amp;f=webp&amp;w=860"></p>

<style>
/* 슬라이더 래퍼 */
.slider-wrapper {
  position: relative;
  max-width: 1000px;
  margin: 0px auto;
}

/* 가로 슬라이드 */
.slider {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  gap: 0px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  display: none;
}

/* 슬라이드 카드 */
.slide {
  scroll-snap-align: start;
  border-radius: 0px;
  min-height: 0px;
  background: #ffffff;
  display: grid;
  place-items: center;
}

.slide img {
  width: 100%;
  height: auto%;
  object-fit: cover;
  border-radius: 16px;
}

/* 29CM 스타일 얇은 화살표 */
.arrow {
  position: absolute;
  top: 36%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #581a1a;
  transition: color 0.2s;
}

.arrow svg {
  width: 20px;
  height: 20px;
}

.arrow.prev {
  left: 2.5px;
}

.arrow.next {
  right: 2.5px;
}

.arrow:hover {
  color: #000;
}
</style>
<div class="slider-wrapper"><button class="arrow prev" aria-label="이전"> <svg viewBox="0 0 24 24" fill="none"
      stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
      <polyline points="15 18 9 12 15 6"></polyline>
    </svg> </button>
  <div class="slider" id="slider">
    <div class="slide"><img src="https://cdn.nugu.jp/public/PICK01_6g4oyXi.jpg" width="1000" height="1303" alt=""></div>
    <div class="slide"><img src="https://cdn.nugu.jp/public/PICK02.jpg" width="1000" height="1303" alt=""></div>
    <div class="slide"><img src="https://cdn.nugu.jp/public/PICK03_bPUck8s.jpg" width="1000" height="1303" alt=""></div>
    <div class="slide"><img src="https://cdn.nugu.jp/public/PICK04.jpg" width="1000" height="1303" alt=""></div>
    <div class="slide"><img src="https://cdn.nugu.jp/public/PICK05.jpg" width="1000" height="1303" alt=""></div>
  </div>
  <button class="arrow next" aria-label="다음"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"
      stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
      <polyline points="9 18 15 12 9 6"></polyline>
    </svg> </button>
</div>
<p>
  <script type="text/javascript">
  const slider = document.getElementById("slider");
  const gap = 0; // CSS gap 값과 동일하게
  const slideWidth = slider.querySelector(".slide").offsetWidth + gap;
  
  document.querySelector(".arrow.prev").addEventListener("click", () => {
    slider.scrollBy({ left: -slideWidth, behavior: "smooth" });
  });
  
  document.querySelector(".arrow.next").addEventListener("click", () => {
    slider.scrollBy({ left: slideWidth, behavior: "smooth" });
  });
  </script>
</p>

<p><a href="https://www.nugu.jp/product/JYOTQF1608"><img style="width: 35.8%;" alt="page_04.jpg"
      src="https://cdn.nugu.jp/public/page_04_0TIipb8.jpg?q=100&amp;f=webp&amp;w=860"></a><a
    href="https://www.nugu.jp/product/JJYQDT3724"><img style="width: 29%;" alt="page_05.jpg"
      src="https://cdn.nugu.jp/public/page_05_a9Rj1dY.jpg?q=100&amp;f=webp&amp;w=860"></a><a
    href="https://www.nugu.jp/product/JHLABK0291"><img style="width: 35.2%;" alt="page_06.jpg"
      src="https://cdn.nugu.jp/public/page_06_2f45jz1.jpg?q=100&amp;f=webp&amp;w=860"></a><a
    href="https://www.nugu.jp/product/JQJTIY4775"><img style="width: 35.8%;" alt="page_07.jpg"
      src="https://cdn.nugu.jp/public/page_07_joCLacA.jpg?q=100&amp;f=webp&amp;w=860"></a><a
    href="https://www.nugu.jp/product/JSNNOZ5199"><img style="width: 29%;" alt="page_08.jpg"
      src="https://cdn.nugu.jp/public/page_08_ZD6lNqH.jpg?q=100&amp;f=webp&amp;w=860"></a><a
    href="https://www.nugu.jp/product/P000KBAA"><img style="width: 35.2%;" alt="page_09.jpg"
      src="https://cdn.nugu.jp/public/page_09_o47uC3C.jpg?q=100&amp;f=webp&amp;w=860"></a><a
    href="https://www.nugu.jp/product/JNLLOP7705"><img style="width: 35.8%;" alt="page_10.jpg"
      src="https://cdn.nugu.jp/public/page_10_BUzgjje.jpg?q=100&amp;f=webp&amp;w=860"></a><a
    href="https://www.nugu.jp/product/JIENTI6512"><img style="width: 29%;" alt="page_11.jpg"
      src="https://cdn.nugu.jp/public/page_11_bdkRM9A.jpg?q=100&amp;f=webp&amp;w=860"></a><a
    href="https://www.nugu.jp/product/JISFXD8314"><img style="width: 35.2%;" alt="page_12.jpg"
      src="https://cdn.nugu.jp/public/page_12_INxkGEu.jpg?q=100&amp;f=webp&amp;w=860"></a></p>
<div class="wdpssSection">
  <div class="wdpssSummary">
    <p class="body2 sb">PROMOTION</p>
    <p class="headline2 b">[VISCO] BEST DIRECTOR SALE<br>全品最大30％OFF</p>
    <p class="body2 m">2025.12.12 17:00 - 12.15 17:00</p>
  </div>
</div>

BEST DIRECTOR

72時間限定対象ショップ最大30％OFF

ベアモチーフクルーニット

color

size

ブークレバラクラバ

サテンバルーンスカート

タックウールミニスカート

チェックウールマフラー

ボアハーフコート

オーバーサイズラウンドケーブルニット

フラッフィーVネックニット

ベロアバンディングロングスカート

Vネックウールニット

レオパードスエードショルダーバッグ

ゴールドボタンカーディガン

[BEST 50]ワイドフィットコーデュロイパンツ

[11回再販](ORIGINAL) プリーツヘリンボーンウールミニスカート

リオーダー中

カンカンフリルロングスカート

[3回再販](ORIGINAL) フィッシャーマンリボンカーディガン

[BEST 50]コーデュロイタックワイドパンツ

フェイクファーボーダークロップドニット

アイレットネームタグショルダーバッグ

[2回再販](ORIGINAL) レオパードフォールディングルーズフィットパンツ

BEST DIRECTOR | ファッション通販サイト