<style>
img[usemap]{outline:none;height:auto;max-width:100%;width:auto;}
area:focus{outline:none;}
.lookbook{max-width:800px;margin:0 auto;display:block;}
.lookbook img{width:100%;margin:0 auto;display:block;}
.lookbook-header{position:relative;}
.lookbook-wrap .swiper-container{position:absolute;left:28%;top:17.42%;width:352px;}
.swiper-container.swiper-container-horizontal{width:44%;}
.lookbook-wrap .swiper-button-prev{background-image:url("https://image.a-rt.com//art/promotion/planningdisplay/202010/1603951949985.png");width:12%;height:12%;left:0;top:54%;background-size:100%;outline:none;}
.lookbook-wrap .swiper-button-next{background-image:url("https://image.a-rt.com//art/promotion/planningdisplay/202010/1603951949985.png");width:12%;height:12%;right:0;top:54%;background-size:100%;outline:none;transform:rotate(-180deg);}
</style>
<body>
<div class="lookbook">
<div class="lookbook-header">
<div><img src="https://image.a-rt.com//art/display/webzine/202101/1610696774981.jpg" alt="아트뉴스"></div>
<div><img src="https://image.a-rt.com//art/display/webzine/202101/1610696793889.jpg" alt="아트뉴스"></div>
<div class="lookbook-wrap">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="https://grandstage.a-rt.com/product/new?prdtNo=1020080680" target="_blank"><img src="https://image.a-rt.com//art/display/webzine/202101/1610696848655.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href="https://grandstage.a-rt.com/product/new?prdtNo=1020080681" target="_blank"><img src="https://image.a-rt.com//art/display/webzine/202101/1610696848705.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href="https://grandstage.a-rt.com/product/new?prdtNo=1020080682" target="_blank"><img src="https://image.a-rt.com//art/display/webzine/202101/1610696848728.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href="https://grandstage.a-rt.com/product/new?prdtNo=1020080679" target="_blank"><img src="https://image.a-rt.com//art/display/webzine/202101/1610696848711.jpg" alt=""></a>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<div><img src="https://image.a-rt.com//art/display/webzine/202101/1610696822743.jpg" alt="아트뉴스"></div>
</div>
</div>
<script>
$(document).ready(function() {
var mySwiper = new Swiper ('.lookbook-wrap .swiper-container', {
loop: true,
speed: 400,
autoplay: true,
autoplayDisableOnInteraction: true,
slidesPerView : 1,
navigation: {
nextEl: '.lookbook-wrap .swiper-button-next',
prevEl: '.lookbook-wrap .swiper-button-prev',
},
})
});
</script>
