<!-- S : 이벤트 복사영역 여기서부터 --><style type="text/css">.wrap .contents-wrap .contents-inner.event-wrap .board-view-wrap .event-view-cont .event-type-box {margin-top:0 !important;margin-bottom:60px !important;background-color:#fff;} .wrap .contents-wrap .contents-inner.event-wrap .board-view-wrap .event-view-cont .event-type-box .btn.btn-lg {min-width:470px;height:100px;line-height:100px;background-color:#000;} .wrap .contents-wrap .contents-inner.event-wrap .board-view-wrap .event-view-cont .event-type-box .btn.btn-lg font {color:#fff;font-size:28px;font-weight:600;}</style><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; } .btn-flex { position: absolute; display: flex; flex-wrap: wrap; } .btn-flex > a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; } .btn-flex.link-1 { justify-content: space-between; bottom: 224px; left: 50%; transform: translateX(-50%); width: 840px; } .btn-flex.link-1 > a { width: 405px; height: 90px; } .btn-flex.link-2 { bottom: 130px; left: 50%; transform: translateX(-50%); } .btn-flex.link-2 > a { width: 460px; height: 34px; } .btn-flex.link-3 { bottom: 130px; left: 50%; transform: translateX(-50%); } .btn-flex.link-3 > a { width: 264px; height: 35px; } body.overflow-hidden { overflow: hidden; } .layer-tip-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .layer-tip-wrap::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .layer-tip { position: absolute; top: 50%; left: 50%; height: 90vh; transform: translate(-50%, -50%); } .layer-tip > a { display: block; position: absolute; text-indent: -9999em; overflow: hidden; } .layer-tip > img { display: block; width: 100%; height: 100%; } .layer-tip .btn-close-layer { top: 0; right: 0; width: 3vw; height: 3vw; } .layer-how-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .layer-how-wrap::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .layer-how { position: absolute; top: 50%; left: 50%; height: 90vh; transform: translate(-50%, -50%); } .layer-how > a { display: block; position: absolute; text-indent: -9999em; overflow: hidden; } .layer-how > img { display: block; width: 100%; height: 100%; } .layer-how .btn-close-layer { top: 0; right: 0; width: 3vw; height: 3vw; }</style><!-- s : art-container-event --><div class="art-container-event"><div class="art-content-inner"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1672185924090.jpg" /><div class="btn-flex link-1"><a href="https://www.a-rt.com/mypage/my-size">나의 사이즈 등록</a> <a href="https://www.a-rt.com/mypage/claim/claim-order-main?page=1">상품 리뷰 작성</a></div><div class="btn-flex link-2"><a href="#;">베스트 리뷰어 선정 기준 TIP 알아보기</a></div></div><div class="art-content-inner"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1672186085569.jpg" /><div class="btn-flex link-3"><a href="#;">HOW TO 도움돼요</a></div></div><div class="art-content-inner"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1672186085565.jpg" /></div><div class="art-content-inner banner"><a href="/promotion/event/detail?eventNo=2000001637"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1672184957178.png" /> </a></div><div class="layer-tip-wrap"><div class="layer-tip"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1672193411284.jpg" /> <a class="btn-close-layer" href="#;" title="닫기">닫기</a></div></div><div class="layer-how-wrap"><div class="layer-how"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1672288504866.jpg" /> <a class="btn-close-layer" href="#;" title="닫기">닫기</a></div></div></div><!-- e : art-container-event --><script> $('.link-2 a').click( function() { $('.layer-tip-wrap').show(); $('body').addClass("overflow-hidden"); }); $('.layer-tip-wrap .btn-close-layer').click( function() { $('.layer-tip-wrap').hide(); $('body').removeClass("overflow-hidden"); }); $('.link-3 a').click( function() { $('.layer-how-wrap').show(); $('body').addClass("overflow-hidden"); }); $('.layer-how-wrap .btn-close-layer').click( function() { $('.layer-how-wrap').hide(); $('body').removeClass("overflow-hidden"); }); </script><!-- E : 이벤트 복사영역 여기까지 -->