<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: 20.16%; 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: 31.4%; right: 42.70833333333333%; width: 1.25%; animation: blink 1s step-end infinite; } @keyframes blink { 50% { opacity: 0; } } .on-air-wrap { position: absolute; top: 29.2%; 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/1700194741613.jpg" usemap="#map1" /><map name="map1"><area alt="풀 영상 보러가기" coords="762,1874,1132,1948" href="https://www.youtube.com/watch?v=4rictu-FOf4" shape="rect" target="_blank" /> <area alt="~70% 할인 상품" coords="418,2472,762,2576" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003821#tabEventProdContent1" shape="rect" target="_blank" /> <area alt="~50% 할인 상품" coords="788,2472,1126,2580" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003821#tabEventProdContent2" shape="rect" target="_blank" /> <area alt="~40% 할인 상품" coords="1156,2468,1498,2580" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003821#tabEventProdContent3" shape="rect" target="_blank" /> <area alt="~30% 할인 상품" coords="602,2604,942,2712" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003821#tabEventProdContent4" shape="rect" target="_blank" /> <area alt="~20% 할인 상품" coords="972,2604,1314,2716" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003821#tabEventProdContent5" shape="rect" target="_blank" /> <area alt="나이키" coords="416,3308,770,3466" href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000003834" shape="rect" target="_blank" /> <area alt="아디다스" coords="780,3304,1134,3466" href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000003780" shape="rect" target="_blank" /> <area alt="푸마" coords="1148,3308,1502,3466" href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000003781" shape="rect" target="_blank" /> <area alt="더 많은 브랜드 할인 상품을 만나보세요." coords="418,3476,1502,3586" href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000003779" shape="rect" target="_blank" /> <area alt="사은품 행사 보기" coords="604,4566,1300,4706" href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000003782" shape="rect" target="_blank" /> <area alt="룰렛 이벤트 참여하기" coords="618,5776,1298,5912" href="https://www.a-rt.com/promotion/event/detail?eventNo=2000001908" 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/gs/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://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000003819" target="_blank"><img alt="ABC마트 블랙 ABC데이" src="https://image.a-rt.com/art/managing/event/20231117_black_day/pc/gs/banner1.jpg" /> </a></div><!-- 배너 2 --><div class="art-content-inner banner"><a href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000003829" target="_blank"><img alt="수험생을 위한 할인 쿠폰" src="https://image.a-rt.com/art/managing/event/20231117_black_day/pc/gs/banner2.jpg" /> </a></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>