ABC마트의 패션 컨텐츠 채널, 아트닷컴

<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; margin: 0 auto; 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; flex-direction: column; gap: 24px; padding: 74px 0; background-color: #BD996D; } .copy_ttl { font-size: 40px; font-weight: 600; line-height: 1; color: #ffffff; } .copy_txt { font-weight: 300; font-size: 20px; line-height: 1.6; letter-spacing: -0.04em; color: #ffffff; } .content_intro { padding: 88px 0 79px; background: url(https://image.a-rt.com/art/editor/202511/1762241465682.png); background-size: cover; } .content_intro_ttl { font-size: 40px; font-weight: 700; line-height: 1.29; color: #ffffff; } .content_intro_txt { margin-top: 34px !important; font-weight: 300; font-size: 20px; line-height: 1.6; letter-spacing: -0.04em; color: #ffffff; } .content_intro_image_wrap { position: relative; width: 445px; height: 664px; margin: 18px auto 0; } .content_intro_image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: none; } .content { padding: 64px 0 80px; background-size: cover; } .content01 { background-image: url(https://image.a-rt.com/art/editor/202511/1762241336398.png); } .content02, .content04, .content06 { background-color: #F1ECE7; } .content03 { background-image: url(https://image.a-rt.com/art/editor/202511/1762241354972.png); } .content05 { background-image: url(https://image.a-rt.com/art/editor/202511/1762241363381.png); } .content_ttl { margin: 0 auto; } .content01 .content_ttl { width: 341px; } .content02 .content_ttl { width: 620px; } .content03 .content_ttl { width: 375px; } .content04 .content_ttl { width: 205px; } .content05 .content_ttl { width: 399px; } .content06 .content_ttl { width: 374px; } .content_txt { font-size: 20px; line-height: 1.6; letter-spacing: -0.04em; color: #000; margin-top: 48px !important; position: relative; width: 100vw; left: 50%; transform: translateX(-50%); } .animationSection01 { margin-top: 24px !important; } .animationSection02 { margin-top: 48px !important; } /* 애니메이션 */ .animationSection.animation01 { position: relative; width: 457px; height: 798.25px; margin: 0 auto; } .animationSection.animation02 { position: relative; width: 653px; height: 608px; margin: 0 auto; } .animationSection.animation03 { position: relative; width: 492px; height: 905px; margin: 0 auto; } .animationSection.animation04 { position: relative; width: 384px; height: 704px; margin: 0 auto; } .animationSection.animation05 { position: relative; width: 457px; height: 788px; margin: 0 auto; } .animationSection.animation06 { position: relative; width: 657.5px; height: 608px; margin: 0 auto; } .animationSection.animation07 { position: relative; width: 447px; height: 909px; margin: 0 auto; } .animationSection.animation08 { position: relative; width: 641px; height: 600px; margin: 0 auto; } .animationSection.animation09 { position: relative; width: 493px; height: 908px; margin: 0 auto; } .animationSection.animation10 { position: relative; width: 328px; height: 608px; margin: 0 auto; } .animationSection.animation11 { position: relative; width: 494px; height: 909px; margin: 0 auto; } .animationSection.animation12 { position: relative; width: 639px; height: 600px; margin: 0 auto; } .animationSection .aniWrap, .animationSection .aniImg, .animationSection .aniImg>div:first-child { width: inherit; } /* footer */ .footer { padding: 120px 0 104px; background-color: #000000; } .footer .btn { font-size: 20px; font-weight: bold; width: 800px; height: 80px; box-sizing: border-box; display: flex; text-align: center; align-items: center; justify-content: center; border: 2px solid #ffffff; transition: .3s ease; text-decoration: none; color: #ffffff; background-color: #000000; margin: 0 auto; } .footer .btn:hover { color: #000000; background: #ffffff; } .footer .btn .ico { display: inline-block; width: 28px; height: 28px; background: url(https://image.a-rt.com/art/editor/202510/1760512402736.png) center/cover no-repeat; transition: .3s ease; } .footer .btn:hover .ico { background: url(https://image.a-rt.com/art/editor/202510/1760512408416.png) center/cover no-repeat; } .footer .copy { margin: 0; padding: 85px 0 0; text-align: center; font-size: 20px; color: #D3D3D3; } .footer .copy .attention { font-weight: bold; color: #ffffff; }</style><div class="art-container-event"><div class="art-content-inner"><div class="mv"><img alt="NOA Daliy Look Winter Collection" src="https://image.a-rt.com/art/editor/202511/1762241546866.jpg" /></div><div class="copy_wrap"><p class="copy_ttl">LAUNCHING</p><p class="copy_txt">지금 공개된 신상부터 주목받는 브랜드까지,<br />당신을 위한 첫 번째 소식을 지금 바로 만나보세요.</p></div><div class="content_intro"><p class="content_intro_ttl">포근한 겨울 무드<br />누오보 노아 컬렉션</p><p class="content_intro_txt">겨울이 성큼 다가온 계절입니다.<br />노아 컬렉션의 부드러운 퍼 텍스처로<br />차가운 날에도 포근한 스타일을 더할 수 있습니다.<br />일상적인 뮬부터 든든한 퍼 부츠까지,<br />따뜻한 겨울 스타일을 완성해 보세요.</p><div class="content_intro_image_wrap"><div class="content_intro_image"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241375007.png" /></div><div class="content_intro_image"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241393559.png" /></div><div class="content_intro_image"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241402321.png" /></div><div class="content_intro_image"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241411295.png" /></div><div class="content_intro_image"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241426137.png" /></div><div class="content_intro_image"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241442679.png" /></div></div></div><div class="content content01"><div class="content_ttl"><img alt="01 NOA MOC SLIP ON" src="https://image.a-rt.com/art/editor/202511/1762242117887.png" /></div><div class="animationSection animationSection01 animation01"><div class="aniWrap"><div class="aniImg"><div class="content01_img01"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241074359.png" /></div><div class="content_txt">리얼 레더를 사용한 노아 목 슬립 온은<br />풍성한 퍼 안감으로 포근한 착화감을 전하며,<br />커스텀 가능한 디테일로 개성을 더할 수 있습니다.</div></div></div></div><div class="animationSection animationSection02 animation02"><div class="aniWrap"><div class="aniImg"><div class="content01_img02"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241173336.png" /></div><div class="content_txt">슬립 온 뒷면의 탈부착 가능한 리본 디테일로<br />여리여리한 발레코어 룩을 연출할 수 있습니다.</div></div></div></div></div><div class="content content02"><div class="content_ttl"><img alt="02 NOA PLATFORM MINI BOOTS" src="https://image.a-rt.com/art/editor/202511/1762241492961.png" /></div><div class="animationSection animationSection01 animation03"><div class="aniWrap"><div class="aniImg"><div class="content02_img01"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241201509.png" /></div><div class="content_txt">청키한 플랫폼 아웃솔이 특징인<br />노아 플랫폼 미니 부츠는 4.5cm 굽으로<br />쿨한 실루엣과 자연스러운 키 높이 효과를 보여줍니다.</div></div></div></div><div class="animationSection animationSection02 animation04"><div class="aniWrap"><div class="aniImg"><div class="content02_img02"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241213887.png" /></div><div class="content_txt">트렌디한 컬러의 톤온톤 배색으로<br />니삭스와 캐주얼하게 연출하기 좋습니다.</div></div></div></div></div><div class="content content03"><div class="content_ttl"><img alt="03 NOA RIBBON MULE" src="https://image.a-rt.com/art/editor/202511/1762241502184.png" /></div><div class="animationSection animationSection01 animation05"><div class="aniWrap"><div class="aniImg"><div class="content03_img01"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241226026.png" /></div><div class="content_txt">풍성한 보아 퍼를 외부까지 더한<br />노아 리본 뮬은 블로퍼 스타일로 신고 벗기 편하며,<br />빈티지한 매력이 돋보이는 디자인입니다.</div></div></div></div><div class="animationSection animationSection02 animation06"><div class="aniWrap"><div class="aniImg"><div class="content03_img02"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241240348.png" /></div><div class="content_txt">리본의 탈부착이 가능하여 베이직 스타일과<br />걸리시 스타일 두 가지 매력을 함께 느낄 수 있습니다.</div></div></div></div></div><div class="content content04"><div class="content_ttl"><img alt="04 NOA SLIP ON" src="https://image.a-rt.com/art/editor/202511/1762241512938.png" /></div><div class="animationSection animationSection01 animation07"><div class="aniWrap"><div class="aniImg"><div class="content04_img01"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241250371.png" /></div><div class="content_txt">트렌디한 실루엣에 리얼 레더를 더한<br />노아 슬립 온은 코티지 무드를 담아내며, 보아 퍼가<br />가득한 클로그 스타일로 아늑한 착화감을 선사합니다.</div></div></div></div><div class="animationSection animationSection02 animation08"><div class="aniWrap"><div class="aniImg"><div class="content04_img02"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241261253.png" /></div><div class="content_txt">톤온톤 버클 디테일은 패턴 스커트와 같은<br />빈티지한 룩과 잘 어우러지며 완성도를 높여줍니다.</div></div></div></div></div><div class="content content05"><div class="content_ttl"><img alt="05 NOA RIBBON BOOTS" src="https://image.a-rt.com/art/editor/202511/1762241524072.png" /></div><div class="animationSection animationSection01 animation09"><div class="aniWrap"><div class="aniImg"><div class="content05_img01"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241276256.png" /></div><div class="content_txt">미드 라이즈 실루엣의 노아 리본 부츠는<br />발끝부터 다리 라인까지 보아 퍼를 더해<br />퍼 부츠의 클래식한 감성을 충실하게 담고 있습니다.</div></div></div></div><div class="animationSection animationSection02 animation10"><div class="aniWrap"><div class="aniImg"><div class="content05_img02"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241291242.png" /></div><div class="content_txt">스트라이프 패턴이 가미된 별도의 슈 레이스는<br />하이킹 스타일을, 제거하면 클래식하게 신기 좋습니다.</div></div></div></div></div><div class="content content06"><div class="content_ttl"><img alt="06 NOA PLATFORM SHORT BOOTS" src="https://image.a-rt.com/art/editor/202511/1762241601975.png" /></div><div class="animationSection animationSection01 animation11"><div class="aniWrap"><div class="aniImg"><div class="content06_img01"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241304650.png" /></div><div class="content_txt">청키한 아웃솔이 포인트인 노아 플랫폼 숏 부츠는<br />편안한 발목 높이로 부담 없이 즐길 수 있으며,<br />심플한 디자인으로 데일리 룩에 자연스럽게 어우러집니다.</div></div></div></div><div class="animationSection animationSection02 animation12"><div class="aniWrap"><div class="aniImg"><div class="content06_img02"><img alt="" src="https://image.a-rt.com/art/editor/202511/1762241316430.png" /></div><div class="content_txt">신발 입구 라인이 곡선으로 되어있어<br />루즈하게 내려 신은 니 삭스와 잘 어우러집니다.</div></div></div></div></div><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><script> $(function () { $(window).on("scroll", function () { doAnimation(".animation01", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation02", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation03", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation04", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation05", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation06", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation07", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation08", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation09", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation10", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation11", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 0); doAnimation(".animation12", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 500, 0.4, 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><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><script> $(function() { var $imgs = $('.content_intro_image img'); var current = 0; var fadeTime = 1000; var displayTime = 4000; function showNext() { var next = (current + 1) % $imgs.length; $imgs.eq(current).fadeOut(fadeTime); $imgs.eq(next).fadeIn(fadeTime); current = next; } $imgs.hide().eq(0).show(); setInterval(showNext, fadeTime + displayTime); }); </script>

알림 받으실 사이즈
휴대폰 번호	입력한 내용은 회원정보에 반영되지 않습니다

관련상품 15