<!-- 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-container-event a[class*='btn-'] { display: block; position: absolute; font-size: 0; text-indent: -9999em; overflow: hidden; } a.btn-app { bottom: 498px; left: 50%; transform: translateX(-50%); width: 175px; height: 42px; } .slide-swiper { position: absolute; top: 718px; left: 50%; transform: translateX(-50%); width: 1002px; height: 1139px; margin: 0 auto; overflow: hidden; } .slide-swiper img { width: 100%; height: 100%; object-fit: cover; } .slide-swiper .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: none; } .swiper-slide.off .dim { display: block; } .slide-swiper .after-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 531px; height: 155px; background: url('https://image.a-rt.com//art/promotion/event/202212/1670807497985.png') no-repeat; display: none; } .swiper-slide.after .after-txt { display: block; } .slide-swiper .before-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 419px; height: 122px; display: none; } .slide-swiper .swiper-slide:nth-child(1) .before-txt { background: url('https://image.a-rt.com//art/promotion/event/202212/1670824629510.png') no-repeat; } .slide-swiper .swiper-slide:nth-child(2) .before-txt { background: url('https://image.a-rt.com//art/promotion/event/202212/1670824629509.png') no-repeat; } .slide-swiper .swiper-slide:nth-child(3) .before-txt { background: url('https://image.a-rt.com//art/promotion/event/202212/1670824629512.png') no-repeat; } .slide-swiper .swiper-slide:nth-child(4) .before-txt { background: url('https://image.a-rt.com//art/promotion/event/202212/1670824629530.png') no-repeat; } .slide-swiper .swiper-slide:nth-child(5) .before-txt { background: url('https://image.a-rt.com//art/promotion/event/202212/1670824629532.png') no-repeat; } .slide-swiper .swiper-slide:nth-child(6) .before-txt { background: url('https://image.a-rt.com//art/promotion/event/202212/1670824746686.png') no-repeat; } .slide-swiper .swiper-slide:nth-child(7) .before-txt { background: url('https://image.a-rt.com//art/promotion/event/202212/1670824746692.png') no-repeat; } .slide-swiper .swiper-slide:nth-child(8) .before-txt { background: url('https://image.a-rt.com//art/promotion/event/202212/1670824746694.png') no-repeat; } .slide-swiper .swiper-slide:nth-child(9) .before-txt { background: url('https://image.a-rt.com//art/promotion/event/202212/1670824746696.png') no-repeat; } .slide-swiper .swiper-slide:nth-child(10) .before-txt { background: url('https://image.a-rt.com//art/promotion/event/202212/1670824746698.png') no-repeat; } .swiper-slide.before .before-txt { display: block; } .swiper-button-prev { top: calc(50% + 80px); left: 250px; background-image: url('https://image.a-rt.com//art/promotion/event/202212/1670803392647.png'); } .swiper-button-next { top: calc(50% + 80px); right: 250px; background-image: url('https://image.a-rt.com//art/promotion/event/202212/1670803392658.png'); } .wrap .contents-wrap .contents-inner.event-wrap .board-view-wrap .event-view-cont .event-type-box {position: relative;margin-top: 20px;} .wrap .contents-wrap .contents-inner.event-wrap .board-view-wrap .event-view-cont .event-type-box .btn.btn-lg {min-width:425px;height:102px;line-height:102px;background-color:#e70012;border: 0;position: absolute;left: 50%;transform: translateX(-50%);top: -250px;} .wrap .contents-wrap .contents-inner.event-wrap .board-view-wrap .event-view-cont .event-type-box .btn.btn-lg font {font-size:32px;font-weight:600;}</style><!-- s : art-container-event --><div class="art-container-event"><div class="art-content-inner"><!-- 배경 이미지 --><img alt="" class="bg" src="https://image.a-rt.com//art/promotion/event/202212/1670548974813.jpg" /> <!-- 날짜별 경품 슬라이드 --><div class="slide-swiper"><div class="swiper-wrapper"><div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1670805690855.png" /><div class="dim"> </div><div class="after-txt"> </div><div class="before-txt"> </div></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1670806039078.png" /><div class="dim"> </div><div class="after-txt"> </div><div class="before-txt"> </div></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1670806433485.png" /><div class="dim"> </div><div class="after-txt"> </div><div class="before-txt"> </div></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1670806433473.png" /><div class="dim"> </div><div class="after-txt"> </div><div class="before-txt"> </div></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1670806433481.png" /><div class="dim"> </div><div class="after-txt"> </div><div class="before-txt"> </div></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1670806433483.png" /><div class="dim"> </div><div class="after-txt"> </div><div class="before-txt"> </div></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1670806433521.png" /><div class="dim"> </div><div class="after-txt"> </div><div class="before-txt"> </div></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1670806433533.png" /><div class="dim"> </div><div class="after-txt"> </div><div class="before-txt"> </div></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1670806433647.png" /><div class="dim"> </div><div class="after-txt"> </div><div class="before-txt"> </div></div><div class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/event/202212/1670806433686.png" /><div class="dim"> </div><div class="after-txt"> </div><div class="before-txt"> </div></div></div></div><div class="swiper-button-wrap"><div class="swiper-button-prev"> </div><div class="swiper-button-next"> </div></div><!-- 앱 다운로드 버튼 --> <a class="btn-app" href="/promotion/event/detail?eventNo=2000001499">APP 다운로드</a></div></div><!-- e : art-container-event --><script> $( document ).ready(function() { swiperInit(); }); function swiperInit() { var date = new Date(); var todayDate = date.getDate(); var dateSlideIndex = 0; switch (todayDate) { case 15: dateSlideIndex = -1; break; case 16: dateSlideIndex = 0; break; case 17: dateSlideIndex = 1; break; case 18: dateSlideIndex = 2; break; case 19: dateSlideIndex = 3; break; case 20: dateSlideIndex = 4; break; case 21: dateSlideIndex = 5; break; case 22: dateSlideIndex = 6; break; case 23: dateSlideIndex = 7; break; case 24: dateSlideIndex = 8; break; case 25: dateSlideIndex = 9; break; default: dateSlideIndex = 10; } $('.slide-swiper .swiper-slide').each(function(i, v) { if(i == dateSlideIndex) { $(this).removeClass('off'); } else if(i < dateSlideIndex) { $(this).addClass('off after'); } else { $(this).addClass('off before'); } }); const mySwiper = new Swiper('.slide-swiper', { slidesPerView: '1', speed: 400, allowTouchMove: true, loop: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); mySwiper.slideTo(dateSlideIndex, 0, false); } </script><!-- E : 이벤트 복사영역 여기까지 -->
<style type="text/css">html.android .event-wrap .event-policy-wrap, html.ios .event-wrap .event-policy-wrap {margin-left:-15px;margin-right:-15px;}.event-wrap .event-policy-wrap {background:#f7f7f1;}</style><div class="event-policy-wrap"><p class="event-info-title">개인정보 위탁 동의</p><div class="event-agreement-box event-privacy-box"><div class="event-agreement-inner"><p class="event-marketing-title">이벤트 응모 전 아래의 내용을 확인해 주시기 바랍니다. 개인정보 위탁에 동의하신 한 분들만 응모가 가능합니다.</p><div class="tbl-wrap tbl-col"><table> <caption>테이블 설명</caption> <colgroup> <col /> </colgroup> <tbody style="border-bottom:none;"> <tr> <td class="text-left"> <ul class="chk-list"> <li class="chk-list-item"><span class="ui-chk"> <input id="chkListPrivacy01" type="checkbox" /> <label for="chkListPrivacy01">개인정보 위탁 동의</label> </span></li> </ul> </td> </tr> </tbody></table></div><div class="event-tbl-bullet"><p>해당 이벤트는 ABC마트 코리아에서 주관하며, 경품 발송 및 제세공과금 처리를 위해 (주)젤라블루로 개인정보를 위탁합니다.</p><p>당첨자로 선정되신 경우에만 개인정보를 위탁하며, 당첨이 되지 않으신 경우에는 위탁하지 않습니다.</p> <p>1. 개인정보를 받는 자 : (주)젤라블루</p><p>2. 개인정보 이용 목적 : 경품 발송 및 제세공과금 처리를 위함</p><p>3. 위탁하는 개인정보 항목 : 이름, 휴대폰 번호</p><p>4. 개인정보 보유 기간 : 경품 발송일로부터 60일 이내 파기</p> <p>위탁된 개인정보는 경품 처리 목적 외에 사용되지 않으며, 사용 목적을 다한 개인정보는 복구할 수 없는 방법으로 파기됩니다.</p><p>개인정보 위탁에 동의를 거부하실 수 있으며, 거부 시에는 이벤트 참여가 불가능합니다.</p></div></div></div></div>
<div class="contents-width gray-box notice-box"><span class="text-notice">이벤트 안내 사항</span><ul class="bullet-text-list"> <li><span style="color:#e74c3c;">- 이벤트는 멤버십 회원이라면 APP에서 매일 1회 참여 가능합니다.</span><br /> - 당첨 여부는 마이페이지 > 쇼핑수첩 > 나의 이벤트 응모 현황에서 확인 가능합니다.<br /> - 다이슨 슈퍼소닉™ 헤어드라이어/아이패드 에어/비스포크 제트 봇/소니 헤드폰/갤럭시 워치 4/애플워치 SE / 갤럭시 버즈2 프로의 색상은 랜덤이며<br /> 닌텐도 스위치는 화이트 색상으로 발송됩니다. 수급 사정에 따라 모델이 변경될 수 있습니다.<br /> - 애플워치 SE 40mm GPS 알루미늄 케이스, 스포츠 밴드/아이패드 에어 64GB 와이파이형/갤럭시 워치 40mm 블루투스형/한국금거래소 골드바는 1,875g으로 발송됩니다.<br /> - 경품은 제시된 이미지와 상이할 수 있으며, 당사가 제공하는 형태로만 수령 가능합니다. 대체 또는 현금 제공은 불가합니다.<br /> 다만, 지정된 경품의 수급이 불가능한 경우 당사가 제시하는 동일가액의 물품으로 변경됩니다.<br /> - 당첨자에게는 마이페이지>개인정보에 기입하신 휴대폰 번호로 개별 안내드리며, 잘못 기입된 정보로 인해 연락이 닿지 않을 경우에 대해서는 당사가 책임지지 않습니다.<br /> - 5만원을 초과하는 경품 수령 시 경품 가액의 22%의 제세공과금이 부과되며 해당 금액은 당첨자 부담입니다.<br /> 또한 제세공과금 신고를 위한 개인정보 관련 서류를 요청드리며, 이를 원하지 않으실 경우 당첨이 취소됩니다.<br /> - 경품 발송 및 제세공과금 처리는 (주)젤라블루를 통해 진행됩니다.<br /> - 본 이벤트는 당사 사정에 따라 변경/중단 될 수 있습니다.</li></ul></div>
