<!-- S : 이벤트 복사영역 여기서부터 --><style type="text/css">.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; } .md-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); cursor: pointer; } .md-cnt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 96vh; } .md-cnt > a { display: block; position: absolute; text-indent: -9999em; overflow: hidden; } .md-cnt > img { display: block; width: 100%; height: 100%; } .md-cnt .btn-close { top: 0; right: 0; width: 4vw; height: 4vw; }</style><!-- s : art-container-event --><main class="art-container-event"><section class="art-content-inner"><img alt="" src="https://image.a-rt.com/art/editor/202304/1682319711959.jpg" usemap="#map-link" /><map name="map-link"><area alt="상품 리뷰 작성" coords="766,1578,1152,1666" href="https://www.a-rt.com/mypage/order-offline" shape="rect" /> <area alt="당첨 TIP 알아보기" class="btn-md" coords="830,1690,1088,1734" href="#;" shape="rect" /> <area alt="도움돼요 클릭하고 할인쿠폰 100% 받자!" coords="0,2652,1920,2802" href="/promotion/event/detail?eventNo=2000001759" shape="rect" /> <area alt="리뷰 활동하고 기프트카드 받자!" coords="0,2802,1920,2952" href="/promotion/event/detail?eventNo=2000001758" shape="rect" /></map></section><div class="md-wrap"><div class="dim">&nbsp;</div><div class="md-cnt"><img alt="" src="https://image.a-rt.com/art/editor/202308/1692841091394.jpg" /> <a class="btn-close" href="#;" title="닫기">닫기</a></div></div></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> $('.btn-md').click(function () { $('.md-wrap').stop().fadeIn(200); $('body').css({ overflow: 'hidden' }); }); $('.btn-close').click(function () { $('.md-wrap').stop().fadeOut(200); $('body').css({ overflow: '' }); }); $('.dim').on('click', function () { $('.btn-close').trigger('click'); }); </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><!-- E : 이벤트 복사영역 여기까지 -->