<style type="text/css">area:focus{outline: none;} .lookbook{position: relative; width: 1200px; margin:0 auto; display: block; overflow: hidden;} .lookbook-wrap{position: relative; max-width: 1200px; margin: 0 auto; background: #fff4d7;} .lookbook-wrap .swiper-container{position: static; margin: 0 auto; width: 1120px; padding-top: 258px; padding-bottom: 147px;} .lookbook > .lookbook-wrap > img{position: absolute; top: 65px; margin-left: 444px;} .lookbook-wrap .swiper-button-prev{background :url("https://image.a-rt.com//art/promotion/planningdisplay/202106/1624601216371.png"); width: 60px; height: 90px; left: 0; top: 55%; background-size: 60px; outline: none;} .lookbook-wrap .swiper-button-next{background: url("https://image.a-rt.com//art/promotion/planningdisplay/202106/1624601216371.png"); width: 60px; height: 90px; right: 0; top: 55%; background-size: 60px; outline: none; transform: rotate(-180deg);} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:53px;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2px;} .swiper-pagination-bullet{width:20px;height:7px;border:2px 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"><img alt="베스트 리뷰 이벤트" src="https://image.a-rt.com/art/editor/202112/1638781174861.jpg" /><div class="lookbook-wrap"><img alt="11월의 베스트 리뷰" src="https://image.a-rt.com/art/editor/202112/1638781200050.png" /><div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202112/1638781230835.png" usemap="#Prod1" /><map name="Prod1"><area alt="" coords="4,630,356,754" href="https://grandstage.a-rt.com/product/new?prdtNo=1020088073" shape="rect" target="_blank" /> <area alt="" coords="383,632,740,751" href="https://grandstage.a-rt.com/product/new?prdtNo=1020078565" shape="rect" target="_blank" /> <area alt="" coords="765,632,1112,751" href="https://grandstage.a-rt.com/product/new?prdtNo=1020057278" shape="rect" target="_blank" /></map></div><div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202112/1638781249390.png" usemap="#Prod2" /><map name="Prod2"><area alt="" coords="4,630,356,754" href="https://abcmart.a-rt.com/product/new?prdtNo=1010079950" shape="rect" target="_blank" /> <area alt="" coords="383,632,740,751" href="https://grandstage.a-rt.com/product/new?prdtNo=1020085631" shape="rect" target="_blank" /> <area alt="" coords="765,632,1112,751" href="https://abcmart.a-rt.com/product/new?prdtNo=1010084312" shape="rect" target="_blank" /></map></div><div class="swiper-slide"><img src="https://image.a-rt.com/art/editor/202112/1638781263929.png" usemap="#Prod3" /><map name="Prod3"><area alt="" coords="4,630,356,754" href="https://abcmart.a-rt.com/product/new?prdtNo=1020070490" shape="rect" target="_blank" /> <area alt="" coords="383,632,740,751" href="https://abcmart.a-rt.com/product/new?prdtNo=1020084009" shape="rect" target="_blank" /> <area alt="" coords="765,632,1112,751" href="https://abcmart.a-rt.com/product/new?prdtNo=1010085447" shape="rect" target="_blank" /></map></div></div><div class="swiper-button-prev"> </div><div class="swiper-button-next"> </div><div class="swiper-pagination"> </div></div></div><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202111/1636015496344.jpg" usemap="#ReviewMap" /><map name="ReviewMap"><area coords="0,490,1200,670" href="https://abcmart.a-rt.com/mypage" shape="rect" /></map> <!-- <a href="나의 사이즈 등록 링크" alt="나의 사이즈 배너" target="_blank"><img src="https://image.a-rt.com/art/editor/202112/1638781279349.jpg" usemap="#Prod2"></a> --></div><script> $(document).ready(function() { var mySwiper = new Swiper ('.lookbook-wrap .swiper-container', { loop: true, speed: 700, autoplay: true, autoplayDisableOnInteraction: true, touchRatio: 0, slidesPerView : 1, slidesPerGroup : 1, pagination : { el : '.swiper-pagination', clickable : true, }, navigation: { nextEl: '.lookbook-wrap .swiper-button-next', prevEl: '.lookbook-wrap .swiper-button-prev', }, }) }); </script>