<!-- ↓↓↓↓↓↓ 밑에부터 긁어서 복사 ↓↓↓↓↓↓ --> <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.mp4 " 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">&nbsp;</div> <div class="swiper-button-next">&nbsp;</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>