<!-- 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;
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;
gap: 96px;
padding: 108px 0;
background-color: #475930;
}
.copy_ttl {
font-size: 40px;
font-weight: 800;
line-height: 1.4;
letter-spacing: 0.8px;
}
.copy_txt {
font-size: 20px;
font-weight: 300;
line-height: 1.65;
letter-spacing: -0.8px;
text-align: left;
}
.content_intro {
padding: 124.68px 0 158.76px;
background-image: url(https://image.a-rt.com/art/editor/202509/1759307088269.png);
background-repeat: no-repeat;
background-size: cover;
}
.content_intro_img01 {
max-width: 275.34px;
margin: 0 auto !important;
}
.content_intro_ttl {
margin-top: 66px !important;
font-size: 42px;
font-weight: 700;
line-height: 1.29;
letter-spacing: -0.84px;
}
.content_intro_txt {
margin-top: 32px !important;
font-size: 20px;
font-weight: 300;
line-height: 1.75;
letter-spacing: -0.4px;
}
.content_intro_video_wrap {
max-width: 510px;
margin: 86.68px auto 0 !important;
}
.content_intro_video_wrap video {
width: 510px;
}
.content01 {
padding: 78px 0 111.2px;
background-color: #C9C6B0;
}
.content01_flex_wrap {
display: flex;
gap: 27px;
justify-content: center;
max-width: 953px;
margin: 0 auto !important;
}
.content01_img01 {
max-width: 504px;
margin: 114px auto 0 !important;
}
.content01_img02 {
max-width: 422px;
margin: 0 auto !important;
}
.content01_ttl {
margin-top: 46.12px !important;
font-size: 42px;
font-weight: 700;
line-height: 1;
color: #0F3E33;
}
.content01_txt {
margin-top: 16px !important;
font-size: 20px;
font-weight: 300;
line-height: 1.58;
letter-spacing: -0.6px;
color: #000000;
}
.content02 {
padding: 101px 0 112.8px;
background-image: url(https://image.a-rt.com/art/editor/202509/1759307141191.png);
background-repeat: no-repeat;
background-size: cover;
}
.content02_flex_wrap {
display: flex;
gap: 23px;
justify-content: center;
max-width: 880px;
margin: 0 auto !important;
}
.content02_img01 {
max-width: 450px;
margin: 0 auto !important;
}
.content02_img02 {
max-width: 407px;
margin: 118px auto 0 !important;
}
.content02_ttl {
margin-top: 52px !important;
font-size: 42px;
font-weight: 700;
line-height: 1;
color: #375017;
}
.content02_txt {
margin-top: 16px !important;
font-size: 20px;
font-weight: 300;
line-height: 1.58;
letter-spacing: -0.6px;
color: #000000;
}
.content03 {
padding: 89px 0 112px;
background-color: #C9C6B0;
}
.content03_flex_wrap {
display: flex;
justify-content: center;
gap: 23.2px;
max-width: 759.92px;
margin: 0 auto !important;
}
.content03_img01 {
max-width: 324.71px;
margin: 0 auto !important;
}
.content03_img02 {
max-width: 412px;
margin: 0 auto !important;
}
.content03_ttl {
margin-top: 43.69px !important;
font-size: 42px;
font-weight: 700;
line-height: 1;
color: #0F3E33;
}
.content03_txt {
margin-top: 16px !important;
font-size: 20px;
font-weight: 300;
line-height: 1.58;
letter-spacing: -0.6px;
color: #000000;
}
.content04 {
padding: 105px 0 112px;
background-image: url(https://image.a-rt.com/art/editor/202509/1759307207631.png);
background-repeat: no-repeat;
background-size: cover;
}
.content04_flex_wrap {
display: flex;
justify-content: center;
gap: 19px;
max-width: 704.42px;
margin: 0 auto !important;
}
.content04_img01 {
max-width: 335px;
margin: 75px auto 0 !important;
}
.content04_img02 {
max-width: 350.42px;
margin: 0 auto !important;
}
.content04_ttl {
margin-top: 39px !important;
font-size: 42px;
font-weight: 700;
line-height: 1;
color: #375017;
}
.content04_txt {
margin-top: 16px !important;
font-size: 20px;
font-weight: 300;
line-height: 1.58;
letter-spacing: -0.6px;
color: #000000;
}
.content05 {
padding: 108px 0 94px;
background-color: #2D381D;
}
.content05_img01 {
max-width: 612px;
margin: 0 auto !important;
}
.content05_txt {
margin-top: 46px !important;
font-size: 20px;
font-weight: 300;
line-height: 1.6;
letter-spacing: -0.8px;
color: #ffffff;
}
/* 애니메이션 */
.animationSection.animation01 {
position: relative;
width: 510px;
height: 770.68px;
margin: 0 auto;
}
.animationSection.animation02 {
position: relative;
width: 504px;
height: 487.46px;
margin: 0 auto;
}
.animationSection.animation03 {
position: relative;
width: 422px;
height: 513.88px;
margin: 0 auto;
}
.animationSection.animation04 {
position: relative;
width: 100%;
height: 176.92px;
margin: 0 auto;
}
.animationSection.animation04 .aniImg.aniImg04 {
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.animationSection.animation05 {
position: relative;
width: 450px;
height: 436px;
margin: 0 auto;
}
.animationSection.animation06 {
position: relative;
width: 407px;
height: 485px;
margin: 0 auto;
}
.animationSection.animation07 {
position: relative;
width: 100%;
height: 182.8px;
margin: 0 auto;
}
.animationSection.animation07 .aniImg.aniImg07 {
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.animationSection.animation08 {
position: relative;
width: 324.71px;
height: 471px;
margin: 0 auto;
}
.animationSection.animation09 {
position: relative;
width: 412px;
height: 505.31px;
margin: 0 auto;
}
.animationSection.animation10 {
position: relative;
width: 100%;
height: 174.49px;
margin: 0 auto;
}
.animationSection.animation10 .aniImg.aniImg10 {
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.animationSection.animation11 {
position: relative;
width: 335px;
height: 494px;
margin: 0 auto;
}
.animationSection.animation12 {
position: relative;
width: 350.42px;
height: 438px;
margin: 0 auto;
}
.animationSection.animation13 {
position: relative;
width: 100%;
height: 169px;
margin: 0 auto;
}
.animationSection.animation13 .aniImg.aniImg13 {
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.animationSection.animation14 {
position: relative;
width: 612px;
height: 408px;
margin: 0 auto;
}
.animationSection.animation15 {
position: relative;
width: 100%;
height: 126px;
margin: 0 auto;
}
.animationSection.animation15 .aniImg.aniImg15 {
width: 100%;
left: 50%;
transform: translateX(-50%);
}
/* footer */
.footer {
padding: 49px 0 126px;
background-color: #000000;
}
.footer .btn {
font-size: 20px;
font-weight: bold;
width: 540px;
height: 98px;
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: 40px;
height: 40px;
margin-left: 12px;
background: url(https://image.a-rt.com/art/editor/202509/1759307243552.png) center/cover no-repeat;
transition: .3s ease;
}
.footer .btn:hover .ico {
background: url(https://image.a-rt.com/art/editor/202509/1759307251818.png) center/cover no-repeat;
}
.footer .copy {
margin: 0;
padding: 41px 0 0;
text-align: center;
font-size: 22px;
color: #D3D3D3;
}
.footer .copy .attention {
font-weight: bold;
color: #ffffff;
}
</style>
<!-- s : art-container-event -->
<div class="art-container-event">
<div class="art-content-inner">
<div class="mv"><img alt="LACOSTE 25FW COLLECTION 안유진과 함께한 라코스테의 새로운 시즌" src="https://image.a-rt.com/art/editor/202509/1759307264893.jpg" /></div>
<div class="copy_wrap">
<p class="copy_ttl">DISCOVER</p>
<p class="copy_txt">잊고 있던 매력과 몰랐던 정보까지,<br />
다시 발견하는 트렌디한 아이템을 소개합니다.</p>
</div>
<div class="content_intro">
<div class="content_intro_img01"><img alt="LACOSTE" src="https://image.a-rt.com/art/editor/202509/1759307114061.png" /></div>
<p class="content_intro_ttl">라코스테 X 안유진<br />
25FW COLLECTION</p>
<p class="content_intro_txt">아이브 안유진과 라코스테가 함께한 25FW 시즌.<br />
역동적인 에너지와 클래식한 우아함을 바탕으로 액티브 라이프스타일을 새 무드로 담았습니다.<br />
<br />
차가운 계절, 안유진 시선으로 재해석한 프렌치 스타일을<br />
오직 라코스테 25FW 컬렉션에서 만나보세요.</p>
<div class="animationSection animation01">
<div class="aniWrap">
<div class="aniImg aniImg01">
<div class="content_intro_video_wrap">
<video autoplay="" controls="" loop="" muted="" playsinline="" preload="auto"><source src="https://abcmart.fms.wecandeo.com/100/3132/2025/10/01/11/V35740973.mp4?key=plGJQqSub69iXz7%2FICJJqLSw%2B0r%2BDuYd3W4gh4KCTPwQOJZLRzeZExh7bsQjWrzH%2BvpN8tH8wFvZDKa1R6s7IQ%2B4L8NazLBZJPD7IN7p%2Bl8%3D&packageId=1011216&videoId=16711405" /></video>
</div>
</div>
</div>
</div>
</div>
<div class="content01">
<div class="content01_flex_wrap">
<div class="animationSection animation02">
<div class="aniWrap">
<div class="aniImg aniImg02">
<div class="content01_img01"><img alt="" src="https://image.a-rt.com/art/editor/202509/1759307123641.png" /></div>
</div>
</div>
</div>
<div class="animationSection animation03">
<div class="aniWrap">
<div class="aniImg aniImg03">
<div class="content01_img02"><img alt="" src="https://image.a-rt.com/art/editor/202509/1759307132454.png" /></div>
</div>
</div>
</div>
</div>
<div class="animationSection animation04">
<div class="aniWrap">
<div class="aniImg aniImg04">
<p class="content01_ttl">CARNABY SET</p>
<p class="content01_txt">깔끔한 디자인으로 다양한 룩에 어울리고, 발볼이 여유 있어 편안하게 신을 수 있습니다.<br />
탄탄한 가죽 소재가 오래도록 형태를 지켜 매일 신기 좋은 스니커즈입니다.</p>
</div>
</div>
</div>
</div>
<div class="content02">
<div class="content02_flex_wrap">
<div class="animationSection animation05">
<div class="aniWrap">
<div class="aniImg aniImg05">
<div class="content02_img01"><img alt="" src="https://image.a-rt.com/art/editor/202509/1759307159842.png" /></div>
</div>
</div>
</div>
<div class="animationSection animation06">
<div class="aniWrap">
<div class="aniImg aniImg06">
<div class="content02_img02"><img alt="" src="https://image.a-rt.com/art/editor/202509/1759307180015.png" /></div>
</div>
</div>
</div>
</div>
<div class="animationSection animation07">
<div class="aniWrap">
<div class="aniImg aniImg07">
<p class="content02_ttl">BASESHOT EVO</p>
<p class="content02_txt">미니멀한 무드로 새롭게 완성된 디자인, 불필요한 장식을 덜어내 착화감을 더했습니다.<br />
통풍 구멍이 더해져 발이 답답하지 않고 러버 아웃솔이 안정감 있는 걸음을 도와줍니다.</p>
</div>
</div>
</div>
</div>
<div class="content03">
<div class="content03_flex_wrap">
<div class="animationSection animation08">
<div class="aniWrap">
<div class="aniImg aniImg08">
<div class="content03_img01"><img alt="" src="https://image.a-rt.com/art/editor/202509/1759307188912.png" /></div>
</div>
</div>
</div>
<div class="animationSection animation09">
<div class="aniWrap">
<div class="aniImg aniImg09">
<div class="content03_img02"><img alt="" src="https://image.a-rt.com/art/editor/202509/1759307199191.png" /></div>
</div>
</div>
</div>
</div>
<div class="animationSection animation10">
<div class="aniWrap">
<div class="aniImg aniImg10">
<p class="content03_ttl">AURA</p>
<p class="content03_txt">70년대 감성을 담은 레트로 실루엣, 스웨이드와 나일론 디테일로 포인트를 더했습니다.<br />
탄탄한 밑창이 걸음을 안정적으로 잡아주어 데일리로 신기 좋은 스니커즈입니다.</p>
</div>
</div>
</div>
</div>
<div class="content04">
<div class="content04_flex_wrap">
<div class="animationSection animation11">
<div class="aniWrap">
<div class="aniImg aniImg11">
<div class="content04_img01"><img alt="" src="https://image.a-rt.com/art/editor/202509/1759307216201.png" /></div>
</div>
</div>
</div>
<div class="animationSection animation12">
<div class="aniWrap">
<div class="aniImg aniImg12">
<div class="content04_img02"><img alt="" src="https://image.a-rt.com/art/editor/202509/1759307224892.png" /></div>
</div>
</div>
</div>
</div>
<div class="animationSection animation13">
<div class="aniWrap">
<div class="aniImg aniImg13">
<p class="content04_ttl">ELITE ACTIVE EVO</p>
<p class="content04_txt">심플하게 다듬어진 스포티한 무드와 가죽 스웨이드가 어우러져 세련된 느낌을 줍니다.<br />
가벼운 밑창이 발에 무리를 덜어주어 오래 걸어도 편안함이 이어집니다.</p>
</div>
</div>
</div>
</div>
<div class="content05">
<div class="animationSection animation14">
<div class="aniWrap">
<div class="aniImg aniImg14">
<div class="content05_img01"><img alt="" src="https://image.a-rt.com/art/editor/202509/1759307233517.png" /></div>
</div>
</div>
</div>
<div class="animationSection animation15">
<div class="aniWrap">
<div class="aniImg aniImg15">
<p class="content05_txt">아이브 안유진과 함께한 라코스테 FW25 컬렉션을<br />
지금 바로 만나보세요.</p>
</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>
<!-- e : art-container-event --><!-- 애니메이션 --><script>
$(function () {
$(window).on("scroll", function () {
doAnimation(".animation01", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 700, 0.3, 0);
doAnimation(".animation02", { opacity: 0, left: "-200px" }, { opacity: 1, left: "0px" }, 700, 0.3, 0);
doAnimation(".animation03", { opacity: 0, right: "-200px" }, { opacity: 1, right: "0px" }, 700, 0.3, 500);
doAnimation(".animation04", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 700, 0.5, 0);
doAnimation(".animation05", { opacity: 0, left: "-200px" }, { opacity: 1, left: "0px" }, 700, 0.3, 0);
doAnimation(".animation06", { opacity: 0, right: "-200px" }, { opacity: 1, right: "0px" }, 700, 0.3, 500);
doAnimation(".animation07", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 700, 0.5, 0);
doAnimation(".animation08", { opacity: 0, left: "-200px" }, { opacity: 1, left: "0px" }, 700, 0.3, 0);
doAnimation(".animation09", { opacity: 0, right: "-200px" }, { opacity: 1, right: "0px" }, 700, 0.3, 500);
doAnimation(".animation10", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 700, 0.5, 0);
doAnimation(".animation11", { opacity: 0, left: "-200px" }, { opacity: 1, left: "0px" }, 700, 0.3, 0);
doAnimation(".animation12", { opacity: 0, right: "-200px" }, { opacity: 1, right: "0px" }, 700, 0.3, 500);
doAnimation(".animation13", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 700, 0.5, 0);
doAnimation(".animation14", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 700, 0.3, 0);
doAnimation(".animation15", { opacity: 0, bottom: "0px" }, { opacity: 1, bottom: "0px" }, 700, 0.5, 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 : 이벤트 복사영역 여기까지 -->
-
라코스테
여성베이스샷 에보
139,000
83,000원
[40%]
-
라코스테
여성아우라
169,000
99,000원
[41%]
-
라코스테
여성엘리트 엑티브 에보
149,000
104,000원
[30%]
-
라코스테
남성카나비 세트
149,000
104,000원
[30%]
-
라코스테
남성베이스샷 에보
139,000
97,000원
[30%]
-
라코스테
남성베이스샷 에보
139,000
83,000원
[40%]
-
라코스테
남성아우라
169,000
99,000원
[41%]
-
라코스테
남성아우라
169,000
99,000원
[41%]
-
라코스테
남성엘리트 엑티브 에보
149,000
104,000원
[30%]
-
라코스테
남성엘리트 엑티브 에보
149,000
104,000원
[30%]
