<style type="text/css">.art-container-event { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; text-align: center; overflow: hidden; } .art-container-event img { max-width: unset !important;} .art-container-event .art-content-inner { position: relative; display: flex; justify-content: center; margin: 0 auto; overflow: hidden; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes marquee-revert { from { transform: translateX(-100%); } to { transform: translateX(0); } } .marquee { display: flex; align-items: center; height: 30px; background-color: #191600; overflow-x: hidden; } .marquee img { padding: 0 70px; animation: marquee 7s linear infinite; } .marquee.revert { background-color: #9f8e0b; } .marquee.revert img { animation: marquee-revert 7s linear infinite; } .marquee.revert.last { background-color: #fff; } .art-content-inner.banner a { display: block; } .art-content-inner.banner img { width: 100%; } .btn-flex { position: absolute; top: 0; left: 0; display: flex; flex-wrap: wrap; width: 100%; height: 100%; } .btn-flex > a { display: block; width: 50%; height: 50%; text-indent: 100%; white-space: nowrap; overflow: hidden; } @keyframes drop { 0% { transform: translateY(-600px) scaleY(0.9); opacity: 0; } 5% { opacity: 0.7; } 50% { transform: translateY(0px) scaleY(1); opacity: 1; } 65% { transform: translateY(-17px) scaleY(0.9); opacity: 1; } 75% { transform: translateY(-22px) scaleY(0.9); opacity: 1; } 100% { transform: translateY(0px) scaleY(1); opacity: 1; } } .text-drop div { position: absolute; } .text-drop .b { left: -47px; bottom: 449px; opacity: 0; animation: drop 0.4s linear forwards 0.02s; width: 289px; } .text-drop .l { left: 215px; bottom: 322px; opacity: 0; animation: drop 0.4s linear forwards 0.04s; width: 185px; } .text-drop .a { left: -47px; bottom: 129px; opacity: 0; animation: drop 0.4s linear forwards 0.06s; width: 234px; } .text-drop .c { left: 222px; bottom: -62px; opacity: 0; animation: drop 0.4s linear forwards 0.08s; width: 257px; } .text-drop .k { left: 572px; bottom: -106px; opacity: 0; animation: drop 0.4s linear forwards 0.1s; width: 310px; } .text-drop .a2 { left: 918px; bottom: -42px; opacity: 0; animation: drop 0.4s linear forwards 0.12s; width: 244px; } .text-drop .b2 { right: 436px; bottom: -43px; opacity: 0; animation: drop 0.4s linear forwards 0.14s; width: 287px; } .text-drop .c2 { right: 116px; bottom: -39px; opacity: 0; animation: drop 0.4s linear forwards 0.16s; width: 262px; } .text-drop .d { right: 174px; bottom: 366px; opacity: 0; animation: drop 0.4s linear forwards 0.18s; width: 275px; } .text-drop .a3 { right: -90px; bottom: 457px; opacity: 0; animation: drop 0.4s linear forwards 0.2s; width: 239px; } .text-drop .y { right: -20px; bottom: 157px; opacity: 0; animation: drop 0.4s linear forwards 0.22s; width: 272px; } @media screen and (max-width: 1920px) { .text-drop .b { left: -2.4479166667vw; bottom: 23.3854166667vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards; animation: drop 0.4s linear forwards; width: 15.0520833333vw; } .text-drop .l { left: 11.1979166667vw; bottom: 16.7708333333vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards 0.02s; animation: drop 0.4s linear forwards 0.02s; width: 9.6354166667vw; } .text-drop .a { left: -2.4479166667vw; bottom: 6.71875vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards 0.04s; animation: drop 0.4s linear forwards 0.04s; width: 12.1875vw; } .text-drop .c { left: 11.5625vw; bottom: -3.2291666667vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards 0.06s; animation: drop 0.4s linear forwards 0.06s; width: 13.3854166667vw; } .text-drop .k { left: 29.7916666667vw; bottom: -5.5208333333vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards 0.08s; animation: drop 0.4s linear forwards 0.08s; width: 16.1458333333vw; } .text-drop .a2 { left: 47.8125vw; bottom: -2.1875vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards 0.1s; animation: drop 0.4s linear forwards 0.1s; width: 12.7083333333vw; } .text-drop .b2 { right: 22.7083333333vw; bottom: -2.2395833333vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards 0.12s; animation: drop 0.4s linear forwards 0.12s; width: 14.9479166667vw; } .text-drop .c2 { right: 6.0416666667vw; bottom: -2.03125vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards 0.14s; animation: drop 0.4s linear forwards 0.14s; width: 13.6458333333vw; } .text-drop .d { right: 9.0625vw; bottom: 19.0625vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards 0.16s; animation: drop 0.4s linear forwards 0.16s; width: 14.3229166667vw; } .text-drop .a3 { right: -4.6875vw; bottom: 23.8020833333vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards 0.18s; animation: drop 0.4s linear forwards 0.18s; width: 12.4479166667vw; } .text-drop .y { right: -1.0416666667vw; bottom: 8.1770833333vw; opacity: 0; -webkit-animation: drop 0.4s linear forwards 0.2s; animation: drop 0.4s linear forwards 0.2s; width: 14.1666666667vw; } } .art-content-inner .wrap-video { position: absolute; bottom: 160px; left: 50%; transform: translateX(-50%); width: 1152px; height: 648px; z-index: 1; } .art-content-inner .wrap-video iframe { width: 100%; height: 100%; } .art-content-inner.link .link-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }</style><!-- s : art-container-event --><main class="art-container-event"><section class="marquee revert"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844112.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844112.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844112.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844112.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844112.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844112.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844112.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844112.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844112.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844112.png" /></section><section class="marquee"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844194.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844194.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844194.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844194.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844194.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844194.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844194.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844194.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844194.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844194.png" /></section><section class="marquee revert last"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844113.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844113.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844113.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844113.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844113.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844113.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844113.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844113.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844113.png" /> <img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668557844113.png" /></section><section class="art-content-inner main"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668565204758.jpg" /><div class="wrap-video"><iframe allowfullscreen="" frameborder="0" src="https://play.wecandeo.com/video/v/?key=BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais3puEVYQ5GiiJ7keWElHFipuB7KGKgfKFPwplFGipd7WMv3b27rE983vAVwieie"></iframe></div><div class="text-drop"><div class="b"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563782991.png" /></div><div class="l"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563783024.png" /></div><div class="a"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563783080.png" /></div><div class="c"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563782936.png" /></div><div class="k"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563782998.png" /></div><div class="a2"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563864954.png" /></div><div class="b2"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563864904.png" /></div><div class="c2"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563864960.png" /></div><div class="d"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563892805.png" /></div><div class="a3"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563892768.png" /></div><div class="y"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668563892840.png" /></div></div></section><section class="art-content-inner"><a href="https://abcmart.a-rt.com/promotion/hot-deal?page=1"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668582221438.jpg" /> </a></section><section class="art-content-inner link"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668582484826.jpg" /> <img alt="" class="link-btn" src="https://image.a-rt.com//art/promotion/event/202211/1668585585283.png" usemap="#map-event" /><map name="map-event"><area alt="-70% 할인 상품" coords="4,242,224,310" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002481#tabEventProdContent1" shape="rect" /> <area alt="-60% 할인 상품" coords="246,242,466,310" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002481#tabEventProdContent2" shape="rect" /> <area alt="-50% 할인 상품" coords="490,242,706,312" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002481#tabEventProdContent3" shape="rect" /> <area alt="-40% 할인 상품" coords="732,242,948,312" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002481#tabEventProdContent4" shape="rect" /> <area alt="-30% 할인 상품" coords="976,244,1190,310" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002481#tabEventProdContent5" shape="rect" /> <area alt="abc" coords="4,518,588,588" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002566" shape="rect" /> <area alt="gs" coords="612,520,1190,586" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002555" shape="rect" /> <area alt="adidas" coords="6,612,588,678" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002538" shape="rect" /> <area alt="vans" coords="610,612,1190,680" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002529" shape="rect" /> <area alt="converse" coords="6,702,586,770" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002531" shape="rect" /> <area alt="puma" coords="610,704,1190,772" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002546" shape="rect" /> <area alt="fila" coords="6,794,586,864" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002534" shape="rect" /> <area alt="ugg" coords="610,796,1192,864" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002533" shape="rect" /> <area alt="nuovo" coords="8,886,586,956" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002544" shape="rect" /> <area alt="stefanorossi" coords="610,886,1192,954" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002545" shape="rect" /> <area alt="운동화" coords="8,1164,220,1378" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002563" shape="rect" /> <area alt="스포츠" coords="250,1166,462,1378" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002548" shape="rect" /> <area alt="드레스 슈즈" coords="488,1164,706,1380" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002542" shape="rect" /> <area alt="부츠" coords="736,1166,946,1380" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002543" shape="rect" /> <area alt="키즈" coords="976,1164,1188,1376" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002561" shape="rect" /></map></section><section class="art-content-inner"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668582513397.jpg" /></section><section class="art-content-inner w1200" id="giftAbc" style="background-color: #ffdd00"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668584731612.jpg" usemap="#map-gift" /><map name="map-gift"><area alt="에어팟 맥스" coords="4,766,576,836" href="https://abcmart.a-rt.com/promotion/event/detail?eventNo=2000001616" shape="rect" /> <area alt="다이슨" coords="620,768,1192,834" href="https://abcmart.a-rt.com/promotion/event/detail?eventNo=2000001615" shape="rect" /> <area alt="하나투어" coords="6,1300,576,1366" href="https://abcmart.a-rt.com/promotion/event/detail?eventNo=2000001613" shape="rect" /> <area alt="신세계 백화점" coords="620,1302,1194,1366" href="https://abcmart.a-rt.com/promotion/event/detail?eventNo=2000001614" shape="rect" /></map></section><section class="art-content-inner"><a href="https://abcmart.a-rt.com/promotion/event/detail?eventNo=2000001612"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668586455538.jpg" /> </a></section><section class="art-content-inner"><a href="https://abcmart.a-rt.com/promotion/event/detail?eventNo=2000001617"><img alt="" src="https://image.a-rt.com//art/promotion/event/202211/1668586560400.jpg" /> </a></section><section class="art-content-inner banner"><img alt="" src="https://image.a-rt.com/art/editor/202211/1669276108696.jpg" /><div class="btn-flex"><a href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002482">GS</a> <a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002437">푸마</a> <a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002594">아디다스</a> <a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000002552">패밀리 브랜드데이</a></div></section></main><!-- e : art-container-event --><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>