<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/BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais3au9fTeWdCtXUuis0DipqOe5fMxzxNx4FQQjbMOF3p1zvip3JyhS9Nmt9wieie.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"><div class="background" data-style="background-image: url(https://image.a-rt.com/art/editor/202109/1631060603887.jpg); background-size: auto 100%;">&nbsp;</div><div class="background" data-style="background-image: url(https://image.a-rt.com/art/editor/202109/1631060623008.jpg); background-size: auto 100%;">&nbsp;</div><div class="background" data-style="background-image: url(https://image.a-rt.com/art/editor/202109/1631060660431.jpg); background-size: auto 100%;">&nbsp;</div><div class="background" data-style="background-image: url(https://image.a-rt.com/art/editor/202109/1631060676313.jpg); background-size: auto 100%;">&nbsp;</div><div class="background" data-style="background-image: url(https://image.a-rt.com/art/editor/202109/1631060691012.jpg); background-size: auto 100%;">&nbsp;</div><div class="background" data-style="background-image: url(https://image.a-rt.com/art/editor/202109/1631060704773.jpg); background-size: auto 100%;">&nbsp;</div><div class="background" data-style="background-image: url(https://image.a-rt.com/art/editor/202109/1631060719225.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 text"><div class="background" data-style="background-image: url(https://image.a-rt.com/art/editor/202109/1631060741865.jpg); background-size: auto 100%;">&nbsp;</div></div><div class="slide-desc" data-delay="8000" data-duration="8000" style="bottom: 46%; line-height: 1.3; letter-spacing: -.1172vh; font-family: Montserrat;"><p><span data-style="color: #fff; font-size: 26px;">에어맥스 클래식 디자인을 재해석하여</span></p><p><span data-style="color: #fff; font-size: 26px;">전장 에어의 더욱 편안한 기능성으로 돌아온</span></p><p><span data-style="color: #fff; font-size: 26px;">에어맥스 AP를 지금 만나보세요.</span></p><p><span data-style="color: #fff; font-size: 26px;"></span></p></div></div></div><!-- e : 텍스트 시간차 노출 --></div></div><a class="btn-showcase-event" href="">Event</a></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: 9.4vh 2.7777vh 0 4.6296vh; } .interaction-sub-inner .sub-title { font-size: 3.8888vh; letter-spacing: -.0972vh; font-weight: 900; line-height: 4.1851vh; font-family: "Montserrat",sans-serif; } .interaction-sub-inner .sub-desc { color: #666; font-size: 1.3888vh; letter-spacing: -0.0694vh; line-height: 2.2222vh; font-family: "Montserrat",sans-serif; } .interaction-sub-inner .sub-title + .sub-desc { margin-top: 2.7777vh; } .interaction-sub-inner .img-wrap { width: 41.4815vh; max-width: 100%; margin: 5.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">NIKE</p><p class="sub-title">AIR MAX AP</p><p class="sub-desc">새로운 미래로 움직이다.</p><p class="sub-desc">과거와 현재를 연결 지으며 최상의 편안함을</p><p class="sub-desc">느낄 수 있는 에어맥스 AP를 만나보세요.</p><div class="img-wrap"><img alt="대체 텍스트" src="https://image.a-rt.com/art/editor/202109/1631060888672.jpg" /></div></div></div>