<style type="text/css">.editor-wrap img { width: 100% !important; height: auto !important; } </style> <img src="https://image.a-rt.com/art/editor/202309/1693875627077.jpg" style="width: 1200px; height: 1898px;" /><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=900002&amp;page=1"><img src="https://image.a-rt.com//art/display/webzine/202309/1693794894881.jpg" style="width: 1200px; height: 100px;" /></a><img src="https://image.a-rt.com/art/editor/202309/1693875634513.jpg" style="width: 1200px; height: 4359px;" />

<img src="https://image.a-rt.com/art/editor/202309/1693875227022.jpg" style="width: 1200px; height: 824px;" /> <style type="text/css">.art-content-inner {width: 100%; position: relative; margin: 0px 0;} .slide-swiper { width: 100%; overflow: hidden; cursor: pointer; } </style> <!-- S : 이벤트 복사영역 여기서부터 --> <style type="text/css">.art-content-inner { position: relative; width: 100%; margin: 0 auto; } .slide-swiper { width: 100%; margin: 0 auto; overflow: hidden; } .slide-swiper img { width: 100%; height: 100%; object-fit: cover; } .swiper-pagination-bullets { bottom: -40px; left: 50%; transform: translateX(-50%); z-index: 5; } .swiper-pagination-bullet { width: 12px; height: 12px; background: #e4e4e4; opacity: 1; margin: 0 5px; } .swiper-pagination-bullet-active { background: #000; } .swiper-button-next, .swiper-button-prev { z-index: 5; filter: contrast(0.5); } .swiper-button-next { background-image: url('https://image.a-rt.com//art/promotion/event/202211/1669785846219.png'); right: 20px; } .swiper-button-prev { background-image: url('https://image.a-rt.com//art/promotion/event/202211/1669785826126.png'); left: 20px; } </style> <section class="art-content-inner"> <div class="slide-swiper"> <div class="swiper-wrapper"> <div style="text-align: center;"><!-- 이미지 링크 작성 --><!-- 슬라이드 추가 시, 한 줄 전체 복사+붙여넣기 하면 하단 페이징 버튼 자동 생성 --></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202309/1693802041077.jpg" style="width: 1200px; height: 840px;" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202309/1693802048661.jpg" style="width: 1200px; height: 840px;" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202309/1693802053591.jpg" style="width: 1200px; height: 840px;" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202309/1693802060050.jpg" style="width: 1200px; height: 840px;" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202309/1693802075605.jpg" style="width: 1200px; height: 840px;" /></div> </div> </div> <div class="swiper-button-wrap"> <div class="swiper-button-next">&nbsp;</div> <div class="swiper-button-prev">&nbsp;</div> </div> <div class="swiper-pagination"><br /> <br /> &nbsp;</div> </section> <script> $(document).ready(function () { $('.slide-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: 400, allowTouchMove: true, loop: true, 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> &nbsp;<!-- E : 이벤트 복사영역 여기까지 -->

<img src="https://image.a-rt.com/art/editor/202309/1693875236984.jpg" style="width: 1200px; height: 824px;" /> <style type="text/css">.art-content-inner {width: 100%; position: relative; margin: 0px 0;} .slide-swiper { width: 100%; overflow: hidden; cursor: pointer; } </style> <div style="text-align: center;"><!-- S : 이벤트 복사영역 여기서부터 --></div> <section class="art-content-inner"> <div class="slide-swiper"> <div class="swiper-wrapper"> <div style="text-align: center;"><!-- 이미지 링크 작성 --><!-- 슬라이드 추가 시, 한 줄 전체 복사+붙여넣기 하면 하단 페이징 버튼 자동 생성 --></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202309/1693795193401.jpg" style="width: 1200px; height: 840px;" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202309/1693795198671.jpg" style="width: 1200px; height: 840px;" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202309/1693795204334.jpg" style="width: 1200px; height: 840px;" /></div> </div> </div> <div class="swiper-button-wrap"> <div class="swiper-button-next">&nbsp;</div> <div class="swiper-button-prev">&nbsp;</div> </div> <div class="swiper-pagination"><br /> <br /> &nbsp;</div> </section> &nbsp; <!-- E : 이벤트 복사영역 여기까지 -->

<img src="https://image.a-rt.com/art/editor/202309/1693875243581.jpg" style="width: 1200px; height: 824px;" /> <style type="text/css">.art-content-inner {width: 100%; position: relative; margin: 0px 0;} .slide-swiper { width: 100%; overflow: hidden; cursor: pointer; } </style> <div style="text-align: center;"><!-- S : 이벤트 복사영역 여기서부터 --></div> <section class="art-content-inner"> <div class="slide-swiper"> <div class="swiper-wrapper"> <div style="text-align: center;"><!-- 이미지 링크 작성 --><!-- 슬라이드 추가 시, 한 줄 전체 복사+붙여넣기 하면 하단 페이징 버튼 자동 생성 --></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202309/1693795246758.jpg" style="width: 1200px; height: 840px;" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/editor/202309/1693795252003.jpg" style="width: 1200px; height: 840px;" /></div> </div> </div> <div class="swiper-button-wrap"> <div class="swiper-button-next">&nbsp;</div> <div class="swiper-button-prev">&nbsp;</div> </div> <div class="swiper-pagination"><br /> <br /> &nbsp;</div> </section> &nbsp; <!-- E : 이벤트 복사영역 여기까지 -->

<img height="666" src="https://image.a-rt.com//art/display/webzine/202309/1693795272948.jpg" width="1200" />