<!-- S : 이벤트 복사영역 여기서부터 --><style type="text/css">@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css'); body { min-width: 1440px; margin: 0; padding: 0; } body * { box-sizing: border-box; } .art-container-event { background: #000000; color: #ffffff; font-family: Pretendard, sans-serif !important; position: relative; width: 100%; max-width: 1920px; text-align: center; overflow: hidden; } .art-content-inner img { display: block; width: 100%; } .art-content-inner p, .art-content-inner ul { margin: 0; padding: 0; } /* content */ .mv { position: relative; width: 100%; overflow: hidden; } .copy_wrap { display: flex; align-items: center; justify-content: center; gap: 96px; padding: 100px 0; background-color: #F1DEC3; } .copy_ttl { font-size: 40px; font-weight: 600; line-height: 1; color: #292929; } .copy_txt { font-size: 20px; font-weight: 300; line-height: 1.65; letter-spacing: -0.6px; text-align: left; color: #292929; } .intro_wrap { padding: 110px 0; background-image: url(https://image.a-rt.com/art/editor/202511/1762761386401.jpg); background-repeat: no-repeat; background-size: cover; } .intro_logo { max-width: 160px; margin: 0 auto !important; } .intro_ttl { margin: 44px auto 0 !important; font-size: 42px; font-weight: 700; line-height: 1.29; letter-spacing: -0.84px; color: #ffffff; } .intro_txt { margin: 32px auto 0 !important; font-size: 20px; font-weight: 300; line-height: 1.65; letter-spacing: -0.4px; color: #F1F1F1; } .intro_video_wrap { max-width: 480px; margin: 48px auto 0 !important; line-height: 0; } .intro_video_wrap video { width: 480px; } .content { background-repeat: no-repeat; background-size: cover; } .content_flex_row { display: flex; gap: 189px; max-width: 1229px; margin: 0 auto; } .content_flex_col { display: flex; flex-direction: column; } .content_num { max-width: 121px; margin: 0 auto; } .content_ttl { margin: 22px auto 0 !important; font-size: 42px; font-weight: 600; line-height: 1.1; letter-spacing: -0.42px; } .content_img01 { max-width: 575px; margin: 48px auto 0 !important; } .content_txt { margin: 40px auto 0 !important; font-size: 20px; font-weight: 300; line-height: 1.8; letter-spacing: -0.8px; } .content_img02 { margin: 80px auto 0 !important; } .content_img03 { max-width: 336px; margin-top: 48px !important; } .content._01 { padding: 120px 0 138px; background-image: url(https://image.a-rt.com/art/editor/202511/1762761202060.jpg); } .content._01 .content_ttl { color: #FFF9E7; } .content._01 .content_img02 { max-width: 434px; margin-left: 0; margin-right: auto; } .content._01 .content_txt { color: #FFF9E7; } .content._01 .content_img03 { margin-top: 56px !important; margin-right: 0; margin-left: auto; } .content._02 { padding: 120px 0 138px; background-image: url(https://image.a-rt.com/art/editor/202511/1762761253804.jpg); } .content._02 .content_flex_row { flex-direction: row-reverse; } .content._02 .content_img02 { max-width: 434px; margin-right: 0; margin-left: auto; } .content._02 .content_txt { color: #F6FADF; } .content._02 .content_img03 { margin-left: 0; margin-right: auto; } .content._02 .content_ttl { color: #FBFEE8; } .content._03 { padding: 120px 0; background-image: url(https://image.a-rt.com/art/editor/202511/1762761314244.jpg); } .content._03 .content_ttl { color: #FBFEE8; } .content._03 .content_img02 { max-width: 434px; margin-left: 0; margin-right: auto; } .content._03 .content_txt { color: #FBFEE8; } .content._03 .content_img03 { max-width: 378px; margin-right: 0; margin-left: auto; } .content_txt_wrap { padding: 96px 0 95px !important; font-size: 20px; font-weight: 300; line-height: 1.8; letter-spacing: -0.8px; color: #FFFFFF; background-color: #2D0C0C; } /* 애니메이션 */ .animationSection.animation01 { position: relative; width: 480px; height: 648px; margin: 0 auto; } .animationSection.animation02, .animationSection.animation05, .animationSection.animation08 { position: relative; width: 575px; height: 794px; margin: 0 auto; } .animationSection.animation03 { position: relative; width: 434px; height: 579px; margin-left: 0; margin-right: auto; } .animationSection.animation04 { position: relative; width: 336px; height: 492px; margin-right: 0; margin-left: auto; } .animationSection.animation06 { position: relative; width: 434px; height: 578px; margin-right: 0; margin-left: auto; } .animationSection.animation07 { position: relative; width: 336px; height: 492px; margin-left: 0; margin-right: auto; } .animationSection.animation09 { position: relative; width: 434px; height: 578px; margin-left: 0; margin-right: auto; } .animationSection.animation10 { position: relative; width: 378px; height: 539px; margin-right: 0; margin-left: auto; } /* footer */ .footer { padding: 120px 0; background-color: #000000; } .footer .btn { display: flex; justify-content: center; align-items: center; width: 800px; height: 98px; margin: 0 auto; font-size: 25px; font-weight: bold; text-decoration: none; text-align: center; border: 1px solid #ffffff; transition: .3s ease; color: #ffffff; background-color: #000000; box-sizing: border-box; } .footer .btn:hover { color: #000000; background: #ffffff; } .footer .btn .ico { display: inline-block; width: 40px; height: 40px; background: url(https://image.a-rt.com/art/editor/202511/1762761360388.png) center/cover no-repeat; transition: .3s ease; } .footer .btn:hover .ico { background: url(https://image.a-rt.com/art/editor/202511/1762761366560.png) center/cover no-repeat; } .footer .copy { margin-top: 60px !important; text-align: center; font-size: 20px; font-weight: 500; line-height: 1.6; color: #D3D3D3; } .footer .copy .attention { font-weight: 700; color: #ffffff; }</style><!-- s : art-container-event --><div class="art-container-event"><div class="art-content-inner"><div class="mv"><img alt="크록스의 미리 홀리데이 파티 with 아이브 가을 &amp; 이서" src="https://image.a-rt.com/art/editor/202511/1762761396756.jpg" /></div><div class="copy_wrap"><p class="copy_ttl">LAUNCHING</p><p class="copy_txt">지금 공개된 신상부터 주목받는 브랜드까지,<br />당신을 위한 첫 번째 소식을 지금 바로 만나보세요.</p></div><div class="intro_wrap"><div class="intro_logo"><img alt="crocs" src="https://image.a-rt.com/art/editor/202511/1762761377990.png" /></div><p class="intro_ttl">가을과 이서가 준비하는<br />미리 홀리데이 파티</p><p class="intro_txt">소중한 사람과 함께하는<br />따뜻한 홀리데이를 그리는 아이브 가을과 이서.<br />반짝이는 드레스에 복슬복슬 귀여운 &lsquo;털 크록스 컬렉션&rsquo;을<br />매치한 오늘, 그 어느 날보다 특별하고 다정한<br />파티의 순간으로 초대합니다.</p><div class="animationSection animation01"><div class="aniWrap"><div class="aniImg aniImg01"><div class="intro_video_wrap"><video autoplay="" controls="" loop="" muted="" playsinline="" preload="auto"><source src="https://abcmart.fms.wecandeo.com/100/3132/2025/11/03/16/V35880391.mp4?key=plGJQqSub69iXz7%2FICJJqKGoqFv%2FuFyOzyeX3jTd7XiM5CMimqGT%2FpXvt8FDRNQmPe7zTMXmD6GutGFqqeAl70Wa5e53sRRoprWr6eSsYWY%3D&amp;packageId=1011216&amp;videoId=16758203" /></video></div></div></div></div></div><div class="content _01"><div class="content_flex_row"><div class="content_flex_col"><div class="content_num"><img alt="01" src="https://image.a-rt.com/art/editor/202511/1762761215759.png" /></div><p class="content_ttl">CLASSIC PLATFORM<br />FUZZ LINED CLOG</p><div class="animationSection animation02"><div class="aniWrap"><div class="aniImg aniImg02"><div class="content_img01"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762761226236.jpg" /></div></div></div></div><p class="content_txt">귀여운 곰인형에 기대어 쉴 때의 포근함을 닮은<br />클래식 플랫폼 퍼즈 라인드 클로그는 밀도 높은<br />퍼즈 안감이 신발 안쪽부터 백 스트랩까지 이어져<br />따뜻하면서도 사랑스러운 무드를 자아냅니다.</p></div><div class="content_flex_col"><div class="animationSection animation03"><div class="aniWrap"><div class="aniImg aniImg03"><div class="content_img02"><img alt="CLASSIC PLATFORM FUZZ LINED CLOG" src="https://image.a-rt.com/art/editor/202511/1762761236301.png" /></div></div></div></div><div class="animationSection animation04"><div class="aniWrap"><div class="aniImg aniImg04"><div class="content_img03"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762761245062.jpg" /></div></div></div></div></div></div></div><div class="content _02"><div class="content_flex_row"><div class="content_flex_col"><div class="content_num"><img alt="02" src="https://image.a-rt.com/art/editor/202511/1762761277373.png" /></div><p class="content_ttl">CLASSIC FLEECE<br />LINED CLOG</p><div class="animationSection animation05"><div class="aniWrap"><div class="aniImg aniImg05"><div class="content_img01"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762761286740.jpg" /></div></div></div></div><p class="content_txt">선물을 한아름 안은 채 클래식 플리스 라인드 클로그를 신고<br />올라온 이곳은 폭신한 구름에 올라선듯한 느낌을 선사합니다.<br />듀얼 크록스 컴포트 기술과 플리스 안감이 만나 편안하면서도<br />우아한 분위기를 선사합니다.</p></div><div class="content_flex_col"><div class="animationSection animation06"><div class="aniWrap"><div class="aniImg aniImg06"><div class="content_img02"><img alt="CLASSIC FLEECE LINED CLOG" src="https://image.a-rt.com/art/editor/202511/1762761297335.png" /></div></div></div></div><div class="animationSection animation07"><div class="aniWrap"><div class="aniImg aniImg07"><div class="content_img03"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762761305943.jpg" /></div></div></div></div></div></div></div><div class="content _03"><div class="content_flex_row"><div class="content_flex_col"><div class="content_num"><img alt="03" src="https://image.a-rt.com/art/editor/202511/1762761322810.png" /></div><p class="content_ttl">CLASSIC<br />UNFURGETTABLE CLOG</p><div class="animationSection animation08"><div class="aniWrap"><div class="aniImg aniImg08"><div class="content_img01"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762761333151.jpg" /></div></div></div></div><p class="content_txt">어둠이 내려앉은 지금, 홀리데이 컬러 드레스와<br />매치한 클래식 언퍼게터블 클로그는 어퍼부터 신발 안쪽까지<br />폭스 퍼를 더해 기분 좋은 감촉을 선사하며<br />빈티지한 멋을 자아냅니다.</p></div><div class="content_flex_col"><div class="animationSection animation09"><div class="aniWrap"><div class="aniImg aniImg09"><div class="content_img02"><img alt="CLASSIC UNFURGETTABLE CLOG" src="https://image.a-rt.com/art/editor/202511/1762761342015.png" /></div></div></div></div><div class="animationSection animation10"><div class="aniWrap"><div class="aniImg aniImg10"><div class="content_img03"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762761351343.jpg" /></div></div></div></div></div></div></div><p class="content_txt_wrap">따뜻하면서도 편안하게 밝혀줄 털 크록스 컬렉션.<br />화려한 매력의 지비츠로 커스텀하며 그 어떤 홀리데이보다<br />기억에 남는 스타일링을 완성해 보세요.</p><div class="footer"><a class="btn" href="https://www.a-rt.com/display/webzine/magazine">더 많은 콘텐츠 보러가기<span class="ico"></span></a><p class="copy">콘텐츠가 마음에 들었다면 <span class="attention">좋아요</span>를 눌러주세요.</p></div></div></div><!-- e : art-container-event --><!-- 애니메이션 --><script> $(function () { $(window).on("scroll", function () { doAnimation(".animation01", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 700, 0.4, 0); doAnimation(".animation02", { opacity: 0, left: "-200px" }, { opacity: 1, left: "0px" }, 700, 0.4, 0); doAnimation(".animation03", { opacity: 0, right: "-200px" }, { opacity: 1, right: "0px" }, 700, 0.4, 0); doAnimation(".animation04", { opacity: 0, right: "-200px" }, { opacity: 1, right: "0px" }, 700, 0, 0); doAnimation(".animation05", { opacity: 0, right: "-200px" }, { opacity: 1, right: "0px" }, 700, 0.4, 0); doAnimation(".animation06", { opacity: 0, left: "-200px" }, { opacity: 1, left: "0px" }, 700, 0.4, 0); doAnimation(".animation07", { opacity: 0, left: "-200px" }, { opacity: 1, left: "0px" }, 700, 0, 0); doAnimation(".animation08", { opacity: 0, left: "-200px" }, { opacity: 1, left: "0px" }, 700, 0.4, 0); doAnimation(".animation09", { opacity: 0, right: "-200px" }, { opacity: 1, right: "0px" }, 700, 0.4, 0); doAnimation(".animation10", { opacity: 0, right: "-200px" }, { opacity: 1, right: "0px" }, 700, 0, 0); }); function doAnimation(selector, startCSS, endCSS, duration, triggerRatio, delay) { var $section = $(selector); var $img = $section.find(".aniImg"); if ($img.length === 0) return; var ratio = (typeof triggerRatio === "number") ? triggerRatio : 0.5; var delayTime = (typeof delay === "number") ? delay : 0; var triggerPoint = $section.offset().top + ($section.outerHeight() * ratio); if ($section.data("shown") === undefined) { $section.data("shown", false); $img.css($.extend({}, startCSS, { position: "absolute" })); } if ($(window).scrollTop() + $(window).height() > triggerPoint) { if (!$section.data("shown")) { $section.data("shown", true); $img.stop(true, true) .delay(delayTime) .animate(endCSS, duration, "swing"); } } else { if ($section.data("shown")) { $section.data("shown", false); $img.stop(true, true) .delay(delayTime) .animate(startCSS, duration, "swing"); } } } $(window).trigger("scroll"); }); </script><!-- 1920px 스크립트 --><script> function editorCalcWidth() { var width_size = $(window).width(); if (width_size > 1200) $('.editor-wrap').css({width: width_size}); } $(document).ready(function () { editorCalcWidth(); }); $(window).on('scroll resize', function () { editorCalcWidth(); }); </script><!-- E : 이벤트 복사영역 여기까지 -->