<!-- S : 이벤트 복사영역 여기서부터 --><style type="text/css">.art-container-event { width: 720px; margin: 0 auto; text-align: center; } .art-content-inner { position: relative; width: 100%; margin: 0 auto; } .art-content-inner img { display: block; width: 100%; } .art-content-inner .swiper { position: absolute; top: 312px; left: 50%; transform: translateX(-50%); width: 564px; border: 2px solid #413c8e; overflow: hidden; } .art-content-inner .swiper-button-prev { background-image: url('https://image.a-rt.com/art/managing/event/20240509_sneakers/abc/btn-prev.png'); left: 28px; } .art-content-inner .swiper-button-next { background-image: url('https://image.a-rt.com/art/managing/event/20240509_sneakers/abc/btn-next.png'); right: 28px; } .art-content-inner .swiper-button-prev, .art-content-inner .swiper-button-next { top: 656px; background-size: 100%; margin-top: 0; width: 24px; height: 40px; } .art-content-inner .swiper-pagination { bottom: 98px; left: 50%; transform: translateX(-50%); } .art-content-inner .swiper-pagination .swiper-pagination-bullet { background: #000; width: 12px; height: 12px; margin: 0 8px; }</style><!-- s : art-container-event --><div class="art-container-event"><div class="art-content-inner"><img src="https://image.a-rt.com/art/managing/event/20240509_sneakers/abc/bg1.png" usemap="#map1" /><map name="map1"><area alt="10% 할인쿠폰" coords="36,1642,342,1802" data-tag-id="2000004330" data-tag-index="click_event_element" data-tag-label="10% 쿠폰" data-tag-title="CHOOSE YOUR SNEAKERS" href="javascript:abc.couponDown('2000001499')" shape="rect" /> <area alt="5% 중복 할인쿠폰" coords="380,1642,676,1806" data-tag-id="2000004330" data-tag-index="click_event_element" data-tag-label="5% 쿠폰" data-tag-title="CHOOSE YOUR SNEAKERS" href="javascript:abc.couponDown('2000001500')" shape="rect" /> <area alt="쿠폰 전체 다운로드" coords="152,1828,558,1946" data-tag-id="2000004330" data-tag-index="click_event_element" data-tag-label="쿠폰 전체 다운로드" data-tag-title="CHOOSE YOUR SNEAKERS" href="javascript:abc.couponDown('2000001499', '2000001500')" shape="rect" /></map></div><div class="art-content-inner"><img alt="" src="https://image.a-rt.com/art/managing/event/20240509_sneakers/abc/bg2.jpg" /><div class="swiper swiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a data-tag-id="2000004330" data-tag-index="click_event_element" data-tag-label="컨버스(ABC)" data-tag-title="CHOOSE YOUR SNEAKERS" href="https://abcmart.a-rt.com/product/new?prdtNo=1010106222" target="_blank"><img alt="컨버스 척 70 시즈널 컬러 스타더스트 라일락 하이" src="https://image.a-rt.com/art/managing/event/20240509_sneakers/abc/slide/1.jpg" /> </a></div><div class="swiper-slide"><a data-tag-id="2000004330" data-tag-index="click_event_element" data-tag-label="케즈(ABC)" data-tag-title="CHOOSE YOUR SNEAKERS" href="https://abcmart.a-rt.com/product/new?prdtNo=1010105931" target="_blank"><img alt="케즈 볼드 메리제인" src="https://image.a-rt.com/art/managing/event/20240509_sneakers/abc/slide/2.jpg" /> </a></div><div class="swiper-slide"><a data-tag-id="2000004330" data-tag-index="click_event_element" data-tag-label="라코스테(ABC)" data-tag-title="CHOOSE YOUR SNEAKERS" href="https://abcmart.a-rt.com/product/new?prdtNo=1010104749" target="_blank"><img alt="라코스테 백코트" src="https://image.a-rt.com/art/managing/event/20240509_sneakers/abc/slide/3.jpg" /> </a></div><div class="swiper-slide"><a data-tag-id="2000004330" data-tag-index="click_event_element" data-tag-label="반스(ABC)" data-tag-title="CHOOSE YOUR SNEAKERS" href="https://abcmart.a-rt.com/product/new?prdtNo=1010105227" target="_blank"><img alt="반스 어센틱 스레디드 데님 블루/화이트" src="https://image.a-rt.com/art/managing/event/20240509_sneakers/abc/slide/4.jpg" /> </a></div></div></div><div class="swiper-pagination">&nbsp;</div><div class="swiper-button-wrap"><div class="swiper-button-prev">&nbsp;</div><div class="swiper-button-next">&nbsp;</div></div></div><div class="art-content-inner"><img alt="" src="https://image.a-rt.com/art/managing/event/20240509_sneakers/abc/bg3.jpg" /></div><div class="art-content-inner banner"><a href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000004331" target="_blank"><img alt="GRAND STAGE 상품 전용 CHOOSE YOUR SNEAKERS" src="https://image.a-rt.com/art/managing/event/20240509_sneakers/abc/banner.jpg" /> </a></div></div><!-- e : art-container-event --><!-- 버튼 슬라이드 스크립트 --><script> $(function () { $('.swiper').each(function (i) { $(this) .siblings('.swiper-pagination') .addClass('type' + i); $(this) .siblings('.swiper-button-wrap') .find("[class*='swiper-button']") .addClass('type' + i); const mySwiper = new Swiper($(this), { slidesPerView: 1, speed: 1500, allowTouchMove: true, loop: $('.swiper-slide').length > 1, watchOverflow: true, autoplay: { delay: 2000, disableOnInteraction: false, }, pagination: { el: $(this).siblings('.swiper-pagination.type' + i), clickable: true, }, navigation: { nextEl: $(this) .siblings('.swiper-button-wrap') .find('.swiper-button-next.type' + i), prevEl: $(this) .siblings('.swiper-button-wrap') .find('.swiper-button-prev.type' + i), }, }); }); }); </script><!-- E : 이벤트 복사영역 여기까지 -->