<!-- ↓↓↓↓↓↓ 밑에부터 긁어서 복사 ↓↓↓↓↓↓ -->
<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 .lookbook-header .lh-video-wrap{position:absolute;top:533px;left:50%;transform:translate(-50%, -50%);}
.lookbook .lookbook-header .lh-video-wrap .lh-video-inner{width:700px;padding-top:56.25%;}
.lookbook-wrap{position:relative;max-width:1200px;margin:0 auto;background-position:top;box-sizing:border-box;background:url("https://image.a-rt.com/art/editor/202102/1613710728022.jpg");}
.lookbook-wrap .swiper-container{position:static;margin:0 auto;width:960px;padding-top:110px;padding-bottom:80px;}
.lookbook-wrap .swiper-button-prev{background-image:url("https://image.a-rt.com//art/promotion/planningdisplay/202010/1603951949985.png");width:55px;height:65px;left:64px;top:51%;background-size:55px;outline:none;}
.lookbook-wrap .swiper-button-next{background-image:url("https://image.a-rt.com//art/promotion/planningdisplay/202010/1603951949985.png");width:55px;height:65px;right:64px;top:51%;background-size:55px;outline:none;transform:rotate(-180deg);}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:98px;}
.swiper-pagination-bullet{width:10px;height:10px;border:1px solid;border-color:#000;opacity:1;background:rgba(0, 0, 0, 0);border-radius:0%;}
.swiper-pagination-bullet-active{background:#000;}
</style>
<div class="lookbook">
<div class="lookbook-header">
<div><img alt="메인 이미지" src="https://image.a-rt.com/art/editor/202102/1613710719157.jpg" /></div>
<div class="lh-video-wrap">
<div class="lh-video-inner">
<video autoplay="" height="100%" loop="" muted="" poster="" width="100%"><source src="http://api.wecandeo.com/video/default/BOKNS9AQWrHmKIBI7PXDGzfyg4isisSC1EQlM9mJaP5isf4hh2ndCaLWPMxzxNx4FQQ7oiiUnJbH5fOa4aSsGIU9bwieie
" type="video/mp4" /></video>
</div>
</div>
<div class="lookbook-wrap">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710841403.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710854262.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710862253.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710869837.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710876850.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710885034.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710893038.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710901253.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710908874.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710916735.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710925146.jpg" /></div>
<div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202102/1613710932931.jpg" /></div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<div class="lookbook-header"><img alt="또떼또떼_호킨스" src="https://image.a-rt.com/art/editor/202102/1613710735457.jpg" usemap="#Map" /><map name="Map"><area coords="245,670,525,820" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081394" shape="rect" /> <area coords="710,533,990,683" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081393" shape="rect" /> <area coords="220,1536,550,1686" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081998" shape="rect" /> <area coords="760,1410,1040,1560" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081999" shape="rect" /></map> <img alt="하호킨스_휠라_반스" src="https://image.a-rt.com/art/editor/202102/1613710743788.jpg" usemap="#Map1" /><map name="Map1"><area coords="120,520,400,670" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081996" shape="rect" /> <area coords="410,780,690,930" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081995" shape="rect" /> <area coords="750,305,1030,455" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081997" shape="rect" /> <area coords="320,1660,600,1810" href="https://abcmart.a-rt.com/product/new?prdtNo=1010082180" shape="rect" /> <area coords="790,1580,1070,1730" href="https://abcmart.a-rt.com/product/new?prdtNo=1010082179" shape="rect" /> <area coords="254,2407,521,2607" href="https://abcmart.a-rt.com/product/new?prdtNo=1010078411" shape="rect" /> <area coords="710,2476,990,2636" href="https://abcmart.a-rt.com/product/new?prdtNo=1010040034" shape="rect" /></map></div>
</div>
<script>
$(document).ready(function() {
var mySwiper = new Swiper ('.lookbook-wrap .swiper-container', {
loop: true,
speed: 700,
autoplay: true,
autoplayDisableOnInteraction: true,
slidesPerView : 4,
spaceBetween : 4,
pagination : {
el : '.swiper-pagination',
clickable : true,
},
navigation: {
nextEl: '.lookbook-wrap .swiper-button-next',
prevEl: '.lookbook-wrap .swiper-button-prev',
},
})
});
</script><!-- ↑↑↑↑↑↑ 위에 내용까지 긁어서 복사 ↑↑↑↑↑↑ --></div>