<style type="text/css">a.btn-showcase-event{display: none;} .wrap .contents-wrap.showcase-wrap .showcase-body-wrap .interaction-wrap .interaction-inner .interaction-slider .slider-item .slider-item-inner .slide-bg .background img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: 50% 50% no-repeat; background-size: auto 100%;}</style><div class="interaction-inner" data-auto-play="true"><div class="interaction-slider swiper-container"><div class="swiper-wrapper"><!-- s : 동영상 케이스 : 동영상 BGM 있는 케이스(mp3 bgm fade out) --><div class="swiper-slide slider-item"><div class="slider-item-inner"><div class="slide-bg video use-bgm"><div class="background"><video playsinline=""><source src="http://api.wecandeo.com/video/default/BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais31sTOzuyoVI5ip3UERHBB51PMxzxNx4FQQUipvLgmQlIDTKuH81X1XmjQieie.mp4" type="video/mp4" /></video></div></div></div></div><!-- e : 동영상 케이스 : 동영상 BGM 있는 케이스(mp3 bgm fade out) --><!-- s : 페이드 인 아웃 --><div class="swiper-slide slider-item"><div class="slider-item-inner"><div class="slide-bg fade" data-loop="false"><div class="background" data-style="background-image: url(https://image.a-rt.com/art/editor/202110/1633998029371.jpg); background-size: auto 100%;">&nbsp;</div><div class="background" data-delay="1800" data-style="background-image: url(https://image.a-rt.com/art/editor/202110/1633998572167.jpg); background-size: auto 100%;">&nbsp;</div></div></div></div><!-- e : 페이드 인 아웃 --><!-- s : 이미지 중첩 노출 --><div class="swiper-slide slider-item"><div class="slider-item-inner"><div class="slide-bg stack" style="background-image: url(https://image.a-rt.com/art/editor/202110/1633998586831.jpg); background-size: auto 100%;"><div class="background"><img alt="대체 텍스트" src="https://image.a-rt.com/art/editor/202110/1633998608407.png" /></div><div class="background" data-duration="1000"><img alt="대체 텍스트" src="https://image.a-rt.com/art/editor/202110/1633998625572.png" /></div><div class="background" data-delay="1500" data-duration="1000"><img alt="대체 텍스트" src="https://image.a-rt.com/art/editor/202110/1633998641059.png" /></div><div class="background" data-delay="1500" data-duration="1000"><img alt="대체 텍스트" src="https://image.a-rt.com/art/editor/202110/1633998655002.png" /></div></div></div></div><!-- e : 이미지 중첩 노출 --><!-- s : 기본 슬라이드 --><div class="swiper-slide slider-item"><div class="slider-item-inner"><div class="slide-bg slide"><div class="background" data-duration="4000" data-style="background-image: url(https://image.a-rt.com/art/editor/202110/1633998688233.jpg);">&nbsp;</div><div class="background" data-duration="1500" data-style="background-image: url(https://image.a-rt.com/art/editor/202110/1633998705865.jpg);">&nbsp;</div><div class="background" data-duration="1500" data-style="background-image: url(https://image.a-rt.com/art/editor/202110/1633998724782.jpg);">&nbsp;</div><div class="background" data-duration="1500" data-style="background-image: url(https://image.a-rt.com/art/editor/202110/1633998738314.jpg);">&nbsp;</div></div></div></div><!-- e : 기본 슬라이드 --><!-- s : 페이드 인 아웃 --><div class="swiper-slide slider-item"><div class="slider-item-inner"><div class="slide-bg fade" data-loop="false"><div class="background" data-style="background-image: url(https://image.a-rt.com/art/editor/202110/1633998759186.jpg); background-size: auto 100%;">&nbsp;</div><div class="background" data-delay="2000" data-style="background-image: url(https://image.a-rt.com/art/editor/202110/1633998774081.jpg); background-size: auto 100%;">&nbsp;</div></div></div></div><!-- e : 페이드 인 아웃 --></div></div></div>
<div class="interaction-sub-wrap"><style type="text/css">.wrap .contents-wrap.showcase-wrap .showcase-body-wrap .interaction-wrap .interaction-inner .interaction-slider .slider-item .slider-item-inner .slide-bg.video video{width: 101%;} .interaction-sub-inner { padding: 7.2vh 2.7777vh 0 4.6296vh; } .interaction-sub-inner .sub-title { font-size: 3.4888vh; letter-spacing: -.0972vh; font-weight: 900; line-height: 4.6851vh; font-family: "Noto Sans CJK KR","Montserrat",sans-serif; } .interaction-sub-inner .sub-desc { color: #666; font-size: 1.16vh; letter-spacing: -0.0694vh; line-height: 1.87vh; font-family: "Montserrat",sans-serif; } .interaction-sub-inner .sub-desc:nth-child(4) > sapn { color: #d58e1f } .interaction-sub-inner .sub-title + .sub-desc { margin-top: 2.7777vh; } .interaction-sub-inner .img-wrap { width: 41.4815vh; max-width: 100%; margin: 4.5555vh auto 0; } .interaction-sub-inner .img-wrap img { width: 100%; } .interaction-sub-inner .pagination-box { margin-top: 2.2222vh; text-align: right; } .interaction-sub-inner .pagination-box .swiper-pagination-bullet { width: 10px; height: 10px; background: transparent; border: 1px solid #000; margin: 0 6px 0 0; opacity: 1; } .interaction-sub-inner .pagination-box .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; }</style><!-- 스크립트 수정되면 따로 등록 --><script> $(function() { var swiper = new Swiper('.interaction-sub-inner .swiper-container', { loop: true, speed: 1000, parallax: true, autoplay: { delay: 2500, disableOnInteraction: false, }, watchSlidesProgress: true, slidesPerView: 1, pagination: { el: '.interaction-sub-inner .swiper-container .pagination-box', clickable: true, }, }); }); </script><!-- 여기까지 --><div class="interaction-sub-inner"><p class="sub-title">올 가을엔,</p><p class="sub-title">스웨이드 어때요?</p><p class="sub-desc">푸마의 앰버서더, 배우 이동휘의</p><p class="sub-desc">스타일리시한 무드가 가득 담긴</p><p class="sub-desc">SUEDE CLASSIC XXI을 만나보세요.</p><div class="img-wrap"><div class="swiper-container"><ul class="swiper-wrapper"> <li class="swiper-slide"><img alt="대체 텍스트" src="https://image.a-rt.com/art/editor/202110/1633997844030.jpg" /></li> <li class="swiper-slide"><img alt="대체 텍스트" src="https://image.a-rt.com/art/editor/202110/1633997884550.jpg" /></li></ul><div class="pagination-box">&nbsp;</div></div></div></div></div>