<!-- S : 이벤트 복사영역 여기서부터 --><style type="text/css">.art-container-event { width: 1200px; margin: 0 auto; text-align: center; } .art-content-inner { position: relative; width: 100%; margin: 0 auto; } .art-content-inner img { display: block; } .marquee { display: block; background-color: #000; overflow-x: hidden; } .img-box { width: 2152px; display: flex; gap: 63px; animation: marquee 20s linear infinite; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .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.7); cursor: pointer; } .md-cnt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 88vh; } .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: 10%; height: 6%; }</style><!-- s : art-container-event --><div class="art-container-event"><div class="art-content-inner cnt1"><img src="https://image.a-rt.com/art/editor/202401/1706575520064.jpg" style="width: 1200px; height: 567px;" /></div><div class="art-content-inner marquee"><div class="img-box"><div><img alt="" src="https://image.a-rt.com/art/managing/event/20230731_review/pc/marquee.png" /></div><div class="clone"><img alt="" src="https://image.a-rt.com/art/managing/event/20230731_review/pc/marquee.png" /></div><div class="clone"><img alt="" src="https://image.a-rt.com/art/managing/event/20230731_review/pc/marquee.png" /></div></div></div><div class="art-content-inner cnt2"><img src="https://image.a-rt.com/art/editor/202401/1706575536886.jpg" style="width: 1200px; height: 2293px;" usemap="#map1" /><map name="map1"><area alt="온라인 리뷰 작성" coords="360,876,588,934" data-tag-index="click_event_element" data-tag-label="온라인 리뷰 작성" data-tag-title="2월 리뷰 이벤트" href="/mypage/claim/claim-order-main" shape="rect" /> <area alt="오프라인 리뷰 작성" coords="600,878,834,936" data-tag-id="2000001957" data-tag-index="click_event_element" data-tag-label="오프라인 리뷰 작성" data-tag-title="2월 리뷰 이벤트" href="/mypage/order-offline" shape="rect" /> <area alt="나의 사이즈 등록" coords="360,2134,592,2194" data-tag-index="click_event_element" data-tag-label="나의 사이즈 등록" data-tag-title="2월 리뷰 이벤트" href="/mypage/my-size" shape="rect" /> <area alt="당첨 TIP" class="btn-md" coords="604,2134,836,2198" href="#;" shape="rect" /></map></div><div class="art-content-inner marquee"><div class="img-box"><div><img alt="" src="https://image.a-rt.com/art/managing/event/20230731_review/pc/marquee.png" /></div><div class="clone"><img alt="" src="https://image.a-rt.com/art/managing/event/20230731_review/pc/marquee.png" /></div><div class="clone"><img alt="" src="https://image.a-rt.com/art/managing/event/20230731_review/pc/marquee.png" /></div></div></div><div class="art-content-inner cnt3"><img src="https://image.a-rt.com/art/editor/202401/1706575555436.jpg" /></div><div class="art-content-inner banner"><a data-tag-index="click_event_element" data-tag-label="도움돼요 띠배너" data-tag-title="2월 리뷰 이벤트" href="/promotion/event/detail?eventNo=2000001959"><img alt="도움돼요 이벤트" src="https://image.a-rt.com/art/editor/202401/1706575581711.jpg" style="width: 1200px; height: 173px;" /></a><a data-tag-index="click_event_element" data-tag-label="오프라인 리뷰 띠배너" data-tag-title="2월 리뷰 이벤트" href="/promotion/event/detail?eventNo=2000001956"><img alt="" src="https://image.a-rt.com/art/editor/202401/1706575591754.jpg" style="width: 1200px; height: 173px;" /></a></div><div class="md-wrap"><div class="dim">&nbsp;</div><div class="md-cnt"><img alt="" src="https://image.a-rt.com/art/editor/202401/1706516828376.jpg" /> <a class="btn-close" href="#;" title="닫기">닫기</a></div></div></div><!-- e : art-container-event --><!-- 모달 스크립트 --><script> $(document).ready(function () { $('.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><!-- E : 이벤트 복사영역 여기까지 -->