<!-- ↓↓↓↓↓↓ 밑에부터 긁어서 복사 ↓↓↓↓↓↓ --><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><!-- ↑↑↑↑↑↑ 위에 내용까지 긁어서 복사 ↑↑↑↑↑↑ -->