<!-- 여기부터 복사 --> <style type="text/css">area:focus {outline: none;} .bts-event {width: 1200px; margin :0 auto; display: block;} .bts-brand {width: 1200px; margin :0 auto; display: block;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 50px;} .swiper-pagination-bullet {width: 6px; height: 6px; border: 1px solid; opacity: 1; background: rgba(0, 0, 0, 0); border-radius: 0%;} .swiper-pagination-bullet-active {background: #000;} .event-wrap .swiper-button-prev {background-image: url("https://image.a-rt.com//art/promotion/planningdisplay/202004/1586421240042.png"); width: 51px; height: 51px; left: 115px; background-size: 51px;} .event-wrap .swiper-button-next {background-image: url("https://image.a-rt.com//art/promotion/planningdisplay/202004/1586421259465.png"); width: 51px; height: 51px; right: 115px; background-size: 51px;} </style> <title></title> <!-- S: FILAXBTS PROMOTION --> <header class="bts-event"><!-- S:상단 이미지 --><img alt="LOVE YOURSELF COLLECTION" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586421304588.jpg" /> <!-- E:상단 이미지 --> <!-- S: 탭 버튼 --> <img alt="브랜드" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586421276837.jpg" usemap="#Map2" /><map name="Map2"><area coords="344,58,426,86" href="#bts-evt-1" shape="rect" /> <area coords="620,55,703,88" href="#bts-evt-2" shape="rect" /> <area coords="885,57,966,87" href="#bts-evt-3" shape="rect" /></map> <!-- E: 탭 버튼 --></header> <main class="bts-brand"><!-- S: 탭1 컨텐츠 --> <div id="bts-evt-1"><img alt="LOGO PLAY" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420928605.jpg" usemap="#Map" /><map name="Map"><area coords="515,413,684,462" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000000149#tabEventProdContent1" shape="rect" /></map></div> <div class="event-wrap"> <div class="swiper-container"> <div class="swiper-wrapper"><!-- Slides --> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420927748.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586492794563.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586493264751.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586492774029.jpg" /></div> </div> <div class="swiper-button-prev">&nbsp;</div> <div class="swiper-button-next">&nbsp;</div> <div class="swiper-pagination">&nbsp;</div> </div> </div> <!-- E: 탭1 컨텐츠 --> <section><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586421028174.jpg" /></section> <!-- S: 탭2 컨텐츠 --> <div id="bts-evt-2"><img alt="DNA" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420495372.jpg" usemap="#Map3" /><map name="Map3"><area coords="516,387,684,438" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000000149#tabEventProdContent2" shape="rect" /></map> <div class="event-wrap"> <div class="swiper-container-even"> <div class="swiper-container"> <div class="swiper-wrapper"><!-- Slides --> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420494834.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420496304.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420494344.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420495831.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420670109.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586478695324.jpg" /></div> </div> <div class="swiper-button-prev">&nbsp;</div> <div class="swiper-button-next">&nbsp;</div> <div class="swiper-pagination">&nbsp;</div> </div> </div> </div> </div> <!-- E: 탭2 컨텐츠 --> <section><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420496791.jpg" /></section> <!-- S: 탭3 컨텐츠 --> <div id="bts-evt-3"><img alt="IDOL" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420712694.jpg" usemap="#Map4" /><map name="Map4"><area coords="518,369,682,419" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000000149#tabEventProdContent3" shape="rect" /></map> <div class="event-wrap"> <div class="swiper-container-odd"> <div class="swiper-container"> <div class="swiper-wrapper"><!-- Slides --> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420714924.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420712710.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586493382409.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586493418280.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420712725.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420792559.jpg" /></div> <div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420793283.jpg" /></div> </div> <div class="swiper-button-prev">&nbsp;</div> <div class="swiper-button-next">&nbsp;</div> <div class="swiper-pagination">&nbsp;</div> </div> </div> </div> </div> <!-- E: 탭3 컨텐츠 --> <section><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586420834635.jpg" /> <img alt="SPECIAL GOODS" src="https://image.a-rt.com//art/promotion/planningdisplay/202004/1586477834623.jpg" /></section> </main> <!-- E: FILAXBTS PROMOTION --><script>$(document).ready(function() { var mySwiper = new Swiper ('.event-wrap .swiper-container', { loop: true, speed: 700, autoplay: true, autoplayDisableOnInteraction: true, slidesPerView : 1, pagination : { el : '.swiper-pagination', clickable : true, }, navigation: { nextEl: '.event-wrap .swiper-button-next', prevEl: '.event-wrap .swiper-button-prev', }, })});</script>