<style type="text/css">@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap'); .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 { display: block; width: 100%; } .video-wrap { position: absolute; top: 16.22383252818035%; left: 16.51041666666667%; width: 50%; border-radius: 8px; overflow: hidden; } .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%; } .link-arrow { position: absolute; top: 25.36231884057971%; right: 42.70833333333333%; width: 1.25%; animation: blink 1s step-end infinite; transform: rotate(270deg); } @keyframes blink { 50% { opacity: 0; } } .on-air-wrap { position: absolute; top: 23.51046698872786%; right: 9.375%; width: 12.65625%; } .on-air-wrap .neon { position: absolute; top: calc(50% - 8px); left: 50%; transform: translate(-50%, -50%); color: #e0310b; font-family: 'Oswald', sans-serif; font-size: 48px; font-weight: 500; text-shadow: 0 0 2vw #fff; animation: neon 2s ease infinite; width: 100%; } @keyframes neon { 0%, 100% { text-shadow: 0 0 1vw #fa1c16, 0 0 3vw #fa1c16, 0 0 10vw #fa1c16, 0 0 10vw #fa1c16, 0 0 0.4vw #fed128, 0.2vw 0.2vw 0.1vw #806914; color: #fff; } 50% { text-shadow: 0 0 0.5vw #800e0b, 0 0 1.5vw #800e0b, 0 0 5vw #800e0b, 0 0 5vw #800e0b, 0 0 0.2vw #800e0b, 0.2vw 0.2vw 0.1vw #40340a; color: #e0310b; } }</style><!-- s : art-container-event --><div class="art-container-event"><div class="art-content-inner"><img src="https://image.a-rt.com/art/editor/202311/1700195258934.jpg" usemap="#map1" /><map name="map1"><area alt="풀 영상 보러가기" coords="786,1868,1128,1952" href="https://www.youtube.com/watch?v=4rictu-FOf4" shape="rect" target="_blank" /> <area alt="~80% 할인 상품" coords="348,2524,646,2628" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003819#tabEventProdContent1" shape="rect" target="_blank" /> <area alt="~70% 할인 상품" coords="658,2526,950,2632" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003819#tabEventProdContent2" shape="rect" target="_blank" /> <area alt="~60% 할인 상품" coords="962,2530,1258,2626" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003819#tabEventProdContent3" shape="rect" target="_blank" /> <area alt="~50% 할인 상품" coords="1270,2530,1570,2632" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003819#tabEventProdContent4" shape="rect" target="_blank" /> <area alt="~40% 할인 상품" coords="502,2638,798,2748" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003819#tabEventProdContent5" shape="rect" target="_blank" /> <area alt="~30% 할인 상품" coords="808,2638,1108,2752" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003819#tabEventProdContent6" shape="rect" target="_blank" /> <area alt="~20% 할인 상품" coords="1120,2640,1416,2752" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003819#tabEventProdContent7" shape="rect" target="_blank" /> <area alt="나이키" coords="406,3388,770,3564" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000003830" shape="rect" target="_blank" /> <area alt="아디다스" coords="782,3392,1136,3564" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000003770" shape="rect" target="_blank" /> <area alt="푸마" coords="1146,3396,1508,3558" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000003771" shape="rect" target="_blank" /> <area alt="더 많은 브랜드 할인 상품을 만나보세요." coords="390,3574,1598,3746" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000003769" shape="rect" target="_blank" /> <area alt="사은품 행사 보기" coords="604,4736,1306,4886" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000003772" shape="rect" target="_blank" /> <area alt="룰렛 이벤트 참여하기" coords="614,5970,1294,6114" href="https://www.a-rt.com/promotion/event/detail?eventNo=2000001908" shape="rect" target="_blank" /> <area alt="신발" coords="258,6720,718,7378" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003762" shape="rect" target="_blank" /> <area alt="의류" coords="730,6728,1186,7374" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003760" shape="rect" target="_blank" /> <area alt="아동" coords="1206,6724,1660,7372" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003761" shape="rect" target="_blank" /></map><div class="video-wrap"><div class="video-ratio"><iframe src="https://play.wecandeo.com/playlist/?playlistKey=n4ACCxv8QZZ7W8WXRufqMisdnpA8I43sqk6Vzu3OtF5Yie&amp;playerKey=GH4f7mv0FtxhisK1vepXXIAieie"></iframe></div></div><div class="link-arrow"><img alt="" src="https://image.a-rt.com/art/managing/event/20231117_black_day/pc/abc/arrow.png" /></div><div class="on-air-wrap"><p class="neon">ON AIR</p><img alt="" src="https://image.a-rt.com/art/managing/event/20231117_black_day/pc/abc/on-air.png" /></div></div><!-- 배너 1 --><div class="art-content-inner banner"><a href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000003821"><img alt="GRAND STAGE 블랙 ABC데이" src="https://image.a-rt.com/art/managing/event/20231117_black_day/pc/abc/banner1.jpg" /> </a></div><!-- 배너 2 --><div class="art-content-inner banner">&nbsp;</div></div><!-- e : art-container-event --><!-- 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, '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>