<!-- S : 이벤트 복사영역 여기서부터 --><style type="text/css">.art-container-event { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; text-align: center; overflow: hidden; background-color: #000; } .art-content-inner { position: relative; display: flex; justify-content: center; margin: 0 auto; overflow: hidden; } .art-content-inner img { width: 100%; } .art-content-inner .swiper { overflow: hidden; width: 100%; } .art-content-inner .swiper3 { position: absolute; top: 50%; left: 75%; transform: translate(-50%, -50%); width: 37.29%; } .video-wrap { width: 100%; } .video-wrap .video-ratio { position: relative; height: 0; padding-top: 56.25%; } .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @keyframes fade-in { 0% { opacity: 0; transform: translateX(50%); } 100% { opacity: 1; transform: translateX(0); } } .cnt6 { padding: 9.21% 0; } .cnt6 .ani { width: 100%; opacity: 0; } .cnt6 .ani.active { animation: fade-in 1.5s ease-in-out forwards; }</style><!-- s : art-container-event --><main class="art-container-event"><section class="art-content-inner cnt1"><div class="swiper swiper1"><div class="swiper-wrapper"><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt1/1.jpg" /></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt1/2.jpg" /></div></div></div></section><section class="art-content-inner cnt2"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt2/1.jpg" /></section><section class="art-content-inner cnt3"><div class="swiper swiper2"><div class="swiper-wrapper"><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt3/1.jpg" usemap="#map1" /><map name="map1"><area alt="NSW ESSNTL WR WVN JKT DM6186-100" coords="1578,324,1808,438" href="https://grandstage.a-rt.com/product/new?prdtNo=1020098833" shape="rect" /> <area alt="NIKE AIR MAX PULSE FD6409-002" coords="1118,900,1390,990" href="https://grandstage.a-rt.com/product/new?prdtNo=1020098529" shape="rect" /></map></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt3/2.jpg" usemap="#map2" /><map name="map2"><area alt="NSW ESSNTL WVN HR PNT CARGO DO7210-519" coords="586,816,890,926" href="https://grandstage.a-rt.com/product/new?prdtNo=1020098769" shape="rect" /> <area alt="NIKE AIR MAX PULSE DR0453-004" coords="178,1174,458,1272" href="https://grandstage.a-rt.com/product/new?prdtNo=1020098528" shape="rect" /></map></div></div></div></section><section class="art-content-inner cnt4"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt4/1.jpg" /></section><section class="art-content-inner cnt5"><div class="video-wrap"><div class="video-ratio"><iframe src="https://play.wecandeo.com/playlist/?playlistKey=n4ACCxv8QZZ7W8WXRufqMisdnpA8I43sq383EeLREcLMie&amp;playerKey=GH4f7mv0FtxhisK1vepXXIAieie"></iframe></div></div></section><section class="art-content-inner cnt6"><div class="ani"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt6/1.png" /></div></section><section class="art-content-inner cnt7"><img src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt7/1.jpg" usemap="#map3" /><map name="map3"><area alt="W NSW CLLCTN WVN WIDE LEG PANT DV8310-010" coords="92,474,294,600" href="https://grandstage.a-rt.com/product/new?prdtNo=1020098838" shape="rect" /> <area alt="M NK SWOOSH WVN JACKET DX0661-010" coords="720,584,888,704" href="https://grandstage.a-rt.com/product/new?prdtNo=1020098873" shape="rect" /> <area alt="AIR VAPORMAX 2023 FK DV1678-002" coords="536,1168,750,1292" href="https://grandstage.a-rt.com/product/new?prdtNo=1020098436" shape="rect" /></map><div class="swiper swiper3"><div class="swiper-wrapper"><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt7/2.jpg" /></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt7/3.jpg" /></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt7/4.jpg" /></div></div></div></section><section class="art-content-inner cnt8"><img alt="" src="https://image.a-rt.com/art/managing/event/20230526_nike_airmax/pc/cnt8/1.jpg" /></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 () { $('.swiper1').each(function (i) { const mySwiper1 = new Swiper($(this), { slidesPerView: 1, speed: 1500, allowTouchMove: true, loop: true, effect: 'fade', autoplay: { delay: 2000, disableOnInteraction: false, }, }); }); }); </script><!-- 기본 슬라이드 스크립트 --><script> $(document).ready(function () { $('.swiper2, .swiper3').each(function (i) { const mySwiper2 = new Swiper($(this), { slidesPerView: 1, speed: 2000, allowTouchMove: true, loop: true, autoplay: { delay: 2000, disableOnInteraction: false, }, }); }); }); </script><!-- 스크롤 이벤트 스크립트 --><script> $(document).ready(function () { $(window).on('scroll', function () { const scrollY = $(this).scrollTop() + $(this).height() * 0.7; $('.ani').each(function () { if (scrollY > $(this).offset().top) $(this).addClass('active'); }); }); }); </script><!-- E : 이벤트 복사영역 여기까지 -->