<!-- ↓↓↓↓↓↓ 밑에부터 긁어서 복사 ↓↓↓↓↓↓ --><script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <style type="text/css">area:focus{outline:none;} .lookbook{width:1200px;margin:0 auto;display:block;} .lookbook img{margin:0 auto;display:block;} .lookbook .lookbook-header{position:relative;} .lookbook-wrap .swiper-container-odd{position:absolute;left:410px;top:20px;width:750px;height:520px;} </style> <div class="lookbook"> <div class="lookbook-header"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202101/1611302046049.jpg" /> <div class="lookbook-wrap"> <div class="swiper-container-odd"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202101/1611302054388.png" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202101/1611302058199.png" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202101/1611302064377.png" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202101/1611302068086.png" /></div> </div> </div> </div> </div> <img alt="530 NEW COLOR" src="https://image.a-rt.com//art/promotion/planningdisplay/202101/1611302049751.jpg" /></div> </div> <script> $(document).ready(function() { var mySwiper = new Swiper ('.lookbook-wrap .swiper-container', { fadeEffect: { crossFade: true }, virtualTranslate: true, autoplay: { delay: 1500, disableOnInteraction: true, }, speed: 200, slidersPerView: 1, effect: "fade", allowTouchMove: false }) }); </script><!-- ↑↑↑↑↑↑ 위에 내용까지 긁어서 복사 ↑↑↑↑↑↑ -->