<!-- S : 이벤트 복사영역 여기서부터 --><style type="text/css">.art-container-event { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; text-align: center; overflow: hidden; } .art-content-inner { position: relative; display: flex; justify-content: center; margin: 0 auto; overflow: hidden; } .art-content-inner img { width: 100%; } .art-content-inner[class*='banner'] a { display: block; } .art-content-inner .swiper { position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%); width: 75%; overflow: hidden; } .art-content-inner .swiper-button-prev { left: 4.16%; background-image: url('https://image.a-rt.com/art/managing/event/20230503_nike_1920_fade/pc/slide2/prev.png'); } .art-content-inner .swiper-button-next { right: 4.16%; background-image: url('https://image.a-rt.com/art/managing/event/20230503_nike_1920_fade/pc/slide2/next.png'); } .art-content-inner .swiper-button-prev, .art-content-inner .swiper-button-next { top: 54%; transform: translateY(-50%); width: 2.76%; height: 6.38%; margin-top: 0; background-size: 100%; }</style><!-- s : art-container-event --><main class="art-container-event"><section class="art-content-inner"><img src="https://image.a-rt.com/art/editor/202306/1688271608104.jpg" usemap="#map1" /><map name="map1"><area alt="G-log 등록하기" coords="742,2232,1196,2316" href="https://grandstage.a-rt.com/display/style/g-log-write" shape="rect" /></map></section><section class="art-content-inner"><img src="https://image.a-rt.com/art/managing/event/20230519_converse/pc2.jpg" usemap="#map2" /><map name="map2"><area alt="G-log 보러가기" coords="658,1324,1258,1410" href="https://grandstage.a-rt.com/display/style/main?glogFilter=new&amp;rowsPerPage=18&amp;pageNum=1" shape="rect" /></map><div class="swiper"><div class="swiper-wrapper"><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230519_converse/slide/1.jpg" /></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230519_converse/slide/2.jpg" /></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230519_converse/slide/3.jpg" /></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230519_converse/slide/4.jpg" /></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230519_converse/slide/5.jpg" /></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230519_converse/slide/6.jpg" /></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230519_converse/slide/7.jpg" /></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230519_converse/slide/8.jpg" /></div></div></div><div class="swiper-button-prev">&nbsp;</div><div class="swiper-button-next">&nbsp;</div></section><section class="art-content-inner banner"><a href="/promotion/event/detail?eventNo=2000001778"><img alt="G-log에서 좋아요, 댓글 남기면 할인쿠폰 100% 증정!" src="https://image.a-rt.com/art/managing/event/20230503_nike_1920_fade/pc/banner.jpg" /> </a></section></main><!-- e : art-container-event --><!-- 1920px 스크립트 --><script> $(document).ready(function () { editorCalcWidth(); }); $(window).on({ resize: function () { editorCalcWidth(); }, }); function editorCalcWidth() { var width_size = $(window).width(); if (width_size > 1200) { $('.editor-wrap').css({ width: width_size, 'margin-left': -(width_size - 1200) / 2, }); } } </script><!-- 이미지맵 반응형 스크립트 --><script> function fixImageMaps(force) { var imgs = document.querySelectorAll('img[usemap]'); [].forEach.call(imgs, function (img) { if (!img.naturalHeight) { return; } var h = img.height / img.naturalHeight; var w = img.width / img.naturalWidth; var map = document.getElementsByName(img.useMap.slice(1))[0]; if (!map) { return; } for (var i = 0; i < map.children.length; i++) { var area = map.children[i]; if (!area.coords) { continue; } var coords = area.coords; if (!area.originalCoords) { area.originalCoords = coords; } else { coords = area.originalCoords; } var split = coords.split(','); var fixed = ''; split.forEach(function (coord, n) { if (n != 0) { fixed += ','; } fixed += n % 2 == 0 ? Number(coord) * w : Number(coord) * h; }); area.coords = fixed; } }); } window.onresize = fixImageMaps; window.onload = fixImageMaps; </script><!-- 버튼 슬라이드 스크립트 --><script> $(document).ready(function () { const swiper = new Swiper('.swiper', { slidesPerView: 4, slidesPerGroup: 4, spaceBetween: 24, speed: 500, allowTouchMove: true, loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); }); </script><!-- E : 이벤트 복사영역 여기까지 -->