<style type="text/css">area:focus{outline:none;} .lookbook{width:1200px;margin:0 auto;display:block;} .lookbook img{margin:0 auto;display:block;} .lookbook-wrap-01{position:relative;max-width:1200px;margin:0 auto;background-position:top;box-sizing:border-box;background:url("https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767894208.jpg");} .lookbook-wrap-01 .swiper-container{position:static;margin:0 auto;width:1040px;padding-top:190px;padding-bottom:0px;} .lookbook-wrap-01 .swiper-button-prev{background-image:url("https://image.a-rt.com//art/promotion/planningdisplay/202010/1603950613570.jpg");width:55px;height:65px;left:80px;top:431px;background-size:55px;outline:none;} .lookbook-wrap-01 .swiper-button-next{background-image:url("https://image.a-rt.com//art/promotion/planningdisplay/202010/1603950613570.jpg");width:55px;height:65px;right:80px;top:431px;background-size:55px;outline:none;transform:rotate(-180deg);} .lookbook-wrap-02{position:relative;max-width:1200px;margin:0 auto;background-position:top;box-sizing:border-box;background:url("https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767907801.jpg");} .lookbook-wrap-02 .swiper-container{position:static;margin:0 auto;width:1040px;padding-top:190px;padding-bottom:0px;} .lookbook-wrap-02 .swiper-button-prev{background-image:url("https://image.a-rt.com//art/promotion/planningdisplay/202010/1603950613570.jpg");width:55px;height:65px;left:80px;top:431px;background-size:55px;outline:none;} .lookbook-wrap-02 .swiper-button-next{background-image:url("https://image.a-rt.com//art/promotion/planningdisplay/202010/1603950613570.jpg");width:55px;height:65px;right:80px;top:431px;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;} .video-wrap{max-width:1200px;margin:0 auto;background-position:top;box-sizing:border-box;background:#f7f6f1;} video{max-width:900px !important;display:block;margin:0 auto;} </style> <div class="lookbook"><img alt="메인 이미지" src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767875449.jpg" /> <div class="lookbook-wrap-01"> <div class="swiper-container first"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767919297.jpg" /></div> <div class="swiper-slide"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767932131.jpg" /></div> <div class="swiper-slide"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767946010.jpg" /></div> <div class="swiper-slide"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767946050.jpg" /></div> <div class="swiper-slide"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767946146.jpg" /></div> <div class="swiper-slide"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767946197.jpg" /></div> </div> <div class="swiper-button-prev">&nbsp;</div> <div class="swiper-button-next">&nbsp;</div> </div> <img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622768001467.jpg" usemap="#Map1" /><map name="Map1"><area alt="" coords="575,42,1130,319" href="https://abcmart.a-rt.com/product/new?prdtNo=1010082196" shape="rect" target="_blank" /></map></div> <div class="lookbook-wrap-02"> <div class="swiper-container second"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767978164.jpg" /></div> <div class="swiper-slide"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622767978203.jpg" /></div> </div> <div class="swiper-button-prev">&nbsp;</div> <div class="swiper-button-next">&nbsp;</div> </div> <img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622768011585.jpg" usemap="#Map2" /><map name="Map2"><area alt="" coords="104,35,639,317" href="https://abcmart.a-rt.com/product/new?prdtNo=1010082194" shape="rect" target="_blank" /></map></div> <div class="lookbook-header"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622768088093.jpg" /> <div class="video-wrap"> <video controls="" loop="" muted="" poster="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622768101318.jpg"><source src="http://api.wecandeo.com/video/default/BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais3hhii9eSAgE04AnyBNtbR77isMxzxNx4FQQWLz4pVVYJRkvBmKnYRLEwgieie.mp4" type="video/mp4" /></video> </div> <img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202106/1622768073784.jpg" usemap="#Map3" /><map name="Map3"><area coords="133,436,652,600" href="https://abcmart.a-rt.com/product/new?prdtNo=1010082195" shape="rect" target="_blank" /> <area coords="555,1013,1109,1210" href="https://abcmart.a-rt.com/product/new?prdtNo=1010082193" shape="rect" target="_blank" /> <area coords="143,1616,663,1814" href="https://abcmart.a-rt.com/product/new?prdtNo=1010082192" shape="rect" target="_blank" /> <area coords="546,2181,1071,2428" href="https://abcmart.a-rt.com/product/new?prdtNo=1010082198" shape="rect" target="_blank" /></map></div> </div> <script> $(document).ready(function() { var mySwiper = new Swiper ('.lookbook-wrap-01 .swiper-container.first', { loop: true, speed: 700, autoplay: true, autoplayDisableOnInteraction: true, slidesPerView : 1, spaceBetween : 4, pagination : { el : '.swiper-pagination', clickable : true, }, navigation: { nextEl: '.lookbook-wrap-01 .swiper-button-next', prevEl: '.lookbook-wrap-01 .swiper-button-prev', }, }) }); </script><script> $(document).ready(function() { var mySwiper = new Swiper ('.lookbook-wrap-02 .swiper-container.second', { loop: true, speed: 700, autoplay: true, autoplayDisableOnInteraction: true, slidesPerView : 1, spaceBetween : 4, pagination : { el : '.swiper-pagination', clickable : true, }, navigation: { nextEl: '.lookbook-wrap-02 .swiper-button-next', prevEl: '.lookbook-wrap-02 .swiper-button-prev', }, }) }); </script>