<!-- S : 이벤트 복사영역 여기서부터 --><style type="text/css">@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css'); body {min-width: 1440px;} .art-container-event { background: #000;color: #fff;font-family: Pretendard, sans-serif !important; position: relative; width: 100%; max-width: 1920px; margin: 0 auto; text-align: center; overflow: hidden; } .art-content-inner img { display: block; width: 100%; } .mv {position: relative; width: 100%; height: 800px; overflow: hidden;} .mv .mv1, .mv .mv2, .mainSection .main1, .mainSection .main2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; animation-fill-mode: both;} .mv .mv1 {animation: fadeLoop1 10s infinite ease-in-out;background-image: url(https://image.a-rt.com/art/editor/202507/1754378470558.jpg)} .mv .mv2 {animation: fadeLoop2 10s infinite ease-in-out;background-image: url(https://image.a-rt.com/art/editor/202507/1754378483222.jpg)} .mainSection .main {position: relative; width: 100%; height: 1036px; overflow: hidden;} .mainSection .main1 {animation: fadeLoop1 10s infinite ease-in-out;background-image: url(https://image.a-rt.com/art/managing/event/20250731_nike/content_img_02.jpg);} .mainSection .main2 {animation: fadeLoop2 10s infinite ease-in-out;background-image: url(https://image.a-rt.com/art/managing/event/20250731_nike/content_img_03.jpg);} .mainSection .main3 {margin-top: -145px;position: relative;} @keyframes fadeLoop1 { 0% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeLoop2 { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .animationSection {position: relative;} .animationSection .aniWrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 1457px;height: 1078px;} .animationSection .aniImg {position: absolute;} .animationSection .aniImg01 {top: 0;left: 0;transition: 1s ease;opacity: 1;transition-delay: .5s} .animationSection .aniImg02 {bottom: 0;right: 0;transition: 1s ease;opacity: 1;transition-delay: 1s;} .animationSection .aniWrap.hideSection .aniImg01 {opacity: 0;left: -200px;} .animationSection .aniWrap.hideSection .aniImg02 {opacity: 0;bottom: -50px;right: -200px;} .footer .btn {margin-top: 40px!important;font-size: 20px;font-weight: bold; width: 800px;box-sizing: border-box;display: flex;text-align: center;align-items: center;justify-content: center;height: 80px;border: 2px solid #fff;transition: .3s ease;text-decoration: none;color: #fff;margin: 0 auto;} .footer .btn:hover {color: #000;background: #fff;} .footer .btn .ico {display: inline-block;width: 28px;height: 28px;background: url(https://image.a-rt.com/art/managing/event/20250731_nike/icon_more.png) center/cover no-repeat;} .footer .btn:hover .ico {background: url(https://image.a-rt.com/art/managing/event/20250731_nike/icon_more_2.png) center/cover no-repeat;} .footer .copy {padding: 217px 0 163px;text-align: center;font-size: 22px;} .footer .copy .attention {font-weight: bold;}</style><!-- s : art-container-event --><div class="art-container-event"><div class="art-content-inner"><div class="mv"><div class="mv1">&nbsp;</div><div class="mv2">&nbsp;</div></div><div><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_01.jpg" /></div><div class="mainSection"><div class="main"><div class="main1">&nbsp;</div><div class="main2">&nbsp;</div></div><img alt="" class="main3" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_03_01.png" /></div><div class="videoSection"><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_04_01.jpg" /><div class="videoWrap" style="background: url(https://image.a-rt.com/art/managing/event/20250731_nike/content_img_04_02.jpg) center/cover no-repeat;width: 100%;height: 722px;"><video autoplay="" controls="" muted="" playsinline="" preload="auto"><source src="http://api.wecandeo.com/video/default/BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais3EyHHA5yrSoDoYsON8yoB9fMxzxNx4FQQboerB8G30xpAQFnSokybVAieie.mp4" /></video></div><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_04_03.jpg" /></div><div class="animationSection animation01"><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_05.jpg" /><div class="aniWrap hideSection"><div class="aniImg aniImg01"><img alt="" src="https://image.a-rt.com/art/editor/202507/1754378532415.png" /></div><div class="aniImg aniImg02"><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_07.png" /></div></div></div><div><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_08.jpg" /></div><div class="videoSection"><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_09.jpg" /><div class="videoWrap" style="width: 100%;height: 720px;"><video autoplay="" controls="" muted="" playsinline="" preload="auto"><source src="http://api.wecandeo.com/video/default/BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais3EyHHA5yrSoDlFkTDKTiswyPMxzxNx4FQQboerB8G30xq8iiOeWbiswwUQieie.mp4" /></video></div><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_09_02.jpg" /></div><div class="animationSection animation02"><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_10.jpg" /><div class="aniWrap hideSection"><div class="aniImg aniImg01"><img alt="" src="https://image.a-rt.com/art/editor/202507/1754378511994.png" /></div><div class="aniImg aniImg02"><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_12.png" /></div></div></div><div><img alt="" src="https://image.a-rt.com/art/managing/event/20250731_nike/content_img_13.jpg" /></div><div class="footer"><a class="btn" href="https://www.a-rt.com/?track=W0009">더 많은 콘텐츠 보러가기<span class="ico"></span></a><p class="copy">콘텐츠가 마음에 들었다면 <span class="attention">좋아요</span>를 눌러주세요.</p></div></div></div><!-- e : art-container-event --><!-- 1920px 스크립트 --><script> $(function() { $(window).on('scroll', function() { /* if ($(this).scrollTop() < 100 || $('.art-container-event').height() - $(window).height() <= $(this).scrollTop()) { gsap.to('#fltBnr', { opacity: 0, display: 'none', }); } else { gsap.to('#fltBnr', { opacity: 1, display: 'block', }); } */ if($(this).scrollTop()+$(window).height()>$(".animation01").offset().top){ $(".animation01 .aniWrap").removeClass("hideSection"); }else{ $(".animation01 .aniWrap").addClass("hideSection"); } if($(this).scrollTop()+$(window).height()>$(".animation02").offset().top){ $(".animation02 .aniWrap").removeClass("hideSection"); }else{ $(".animation02 .aniWrap").addClass("hideSection"); } }); }); </script><!-- 1920px 스크립트 --><script> $(function () { editorCalcWidth(); }); $(window).on({ resize: function () { editorCalcWidth(); }, }); function editorCalcWidth() { var width_size = $(window).width(); if (width_size > 1200) { $('.editor-wrap').css({ width: width_size, }); } } </script><!-- E : 이벤트 복사영역 여기까지 -->