<!-- 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: #fff;
color: #fff;
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;
}
.art-content-inner li {
list-style: none;
}
.mv {
position: relative;
width: 100%;
padding: 214px 0;
overflow: hidden;
background-color: #f5f5f5;
}
.mv_img {
max-width: 664px;
margin: 0 auto;
}
.content01 {
padding: 120px 0 148px;
background-image: url(https://image.a-rt.com/art/editor/202509/1757319436988.png);
background-size: cover;
background-repeat: no-repeat;
}
.content01_ttl {
font-size: 42px;
font-weight: 700;
line-height: 1.3;
}
.content01_txt_01 {
margin-top: 27px !important;
font-size: 24px;
font-weight: 500;
line-height: 1.67;
letter-spacing: -0.72px;
}
.content01_videoWrap {
width: 500px;
margin-top: 90px;
}
.content01_videoWrap video {
max-width: 500px;
}
.content01_flex_wrap {
display: flex;
width: 1152px;
margin: 90.33px auto 0;
justify-content: space-between;
}
.content01_img01 {
max-width: 560px;
}
.content01_img02 {
max-width: 560px;
}
.content01_swiper {
position: relative;
width: 910px;
height: 692.18px;
margin: 90px auto 0 !important;
overflow: hidden;
}
.content01_swiper .swiper-pagination {
bottom: 0;
}
.content01_swiper .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 7px;
background: #999999;
opacity: 1;
}
.content01_swiper .swiper-pagination .swiper-pagination-bullet-active {
background: #fff;
opacity: 1;
}
.content01_txt_02 {
margin-top: 48px !important;
font-size: 22px;
font-weight: 300;
line-height: 1.64;
letter-spacing: -0.88px;
}
.content02 {
padding: 112px 0;
background-image: url(https://image.a-rt.com/art/editor/202509/1757319537406.png);
background-repeat: no-repeat;
background-size: cover;
}
.content02_sub_ttl {
font-size: 23px;
font-weight: 400;
line-height: 1;
letter-spacing: -0.69px;
}
.content02_main_ttl {
margin-top: 11px !important;
font-size: 46px;
font-weight: 700;
line-height: 1;
}
.content02_brand_wrap_img {
max-width: 1005px;
margin: 99px auto 0 !important;
}
.content03 {
padding: 112px 0 138px;
background-image: url(https://image.a-rt.com/art/editor/202509/1757319564125.png);
background-repeat: no-repeat;
background-size: cover;
}
.content03_sub_ttl {
font-size: 23px;
font-weight: 400;
letter-spacing: -0.69px;
}
.content03_main_ttl {
margin-top: 11px !important;
font-size: 46px;
font-weight: 700;
}
.content03_section_wrap {
margin-top: 86px !important;
display: flex;
width: 1152px;
margin: 0 auto;
flex-wrap: wrap;
gap: 24px 32px;
}
.content03_section_wrap .content03_section {
display: flex;
width: 560px;
height: 128px;
padding-left: 41px;
justify-content: space-between;
align-items: center;
font-weight: 600;
font-size: 28px;
line-height: 1;
border-left: 5px solid #fff;
color: rgba(255, 255, 255, 0.9);
background-color: rgba(226, 226, 226, 0.4);
}
.content03_section_wrap .content03_section._01 {
padding-right: 48px;
}
.content03_section_wrap .content03_section._02 {
padding-right: 26px;
}
.content03_section_wrap .content03_section._03 {
padding-right: 53px;
}
.content03_section_wrap .content03_section._04 {
padding-right: 33px;
}
.content03_section_wrap .content03_section._01 img {
max-width: 121px !important;
}
.content03_section_wrap .content03_section._02 img {
max-width: 126px !important;
}
.content03_section_wrap .content03_section._03 img {
max-width: 110px !important;
}
.content03_section_wrap .content03_section._04 img {
max-width: 112px !important;
}
.content04_sub_ttl {
font-size: 23px;
font-weight: 400;
letter-spacing: -0.69px;
}
.content04_main_ttl {
margin-top: 11px !important;
font-size: 46px;
font-weight: 700;
}
.content04_swiper {
position: relative;
max-width: 1449px;
height: 400px;
margin: 0 auto !important;
overflow: hidden;
}
.content04_swiper .swiper-slide {
display: flex;
justify-content: flex-start;
align-items: flex-start;
max-width: 1449px;
gap: 111px;
}
.content04_swiper .swiper-slide-img {
max-width: 400px;
margin-left: 237px;
}
.content04_swiper .swiper-pagination {
position: absolute;
width: unset;
left: 741.5px;
bottom: 13px;
z-index: 1;
}
.content04_swiper .swiper-pagination .swiper-pagination-bullet {
width: 13px;
height: 13px;
margin: 0 6.5px;
vertical-align: bottom;
background: #6EB7E6;
opacity: 1;
}
.content04_swiper .swiper-pagination .swiper-pagination-bullet-active {
background: #fff !important;
opacity: 1;
}
.content04_swiper_box {
position: relative;
max-width: 1449px;
margin: 0 auto;
}
.content04_swiper_box .swiper-button-next,
.content04_swiper_box .swiper-button-prev {
width: 46px;
height: 92px;
background-size: contain;
}
.content04_swiper_box .swiper-button-next {
background-image: url(https://image.a-rt.com/art/editor/202509/1757319713404.png);
top: 176px;
right: 0;
}
.content04_swiper_box .swiper-button-prev {
background-image: url(https://image.a-rt.com/art/editor/202509/1757319729819.png);
top: 176px;
left: 0;
}
.content04_item_txt_wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
color: #fff;
}
.content04_item_brand {
margin-top: 62px !important;
font-size: 22px;
font-weight: 500;
line-height: 1.82;
letter-spacing: -0.66px;
color: rgba(255, 255, 255, 0.5);
}
.content04_item_name {
margin-top: 24px !important;
font-size: 38px;
font-weight: 600;
line-height: 1.05;
letter-spacing: -1.14px;
}
.content04_item_txt {
margin-top: 20px !important;
font-size: 20px;
font-weight: 300;
line-height: 1.6;
letter-spacing: -0.6px;
text-align: left;
}
.content04_item_ttl {
display: flex;
margin-top: 13px !important;
align-items: center;
border: 2px solid #fff;
}
.content04_item_ttl span {
display: flex;
align-items: center;
height: 50px;
font-weight: 600;
}
.content04_item_ttl span:first-child {
font-size: 24px;
border-right: 2px solid #fff;
}
.content04_item_ttl span:nth-child(2) {
font-size: 22px;
background: linear-gradient(to right, #38CAE0 0%, #096FB1 100%);
}
.content04_01 .content04_item_ttl span:first-child {
padding: 0 17px;
}
.content04_01 .content04_item_ttl span:nth-child(2) {
padding: 0 20.5px;
}
.content04_02 .content04_item_ttl span:first-child {
padding: 0 24px;
}
.content04_02 .content04_item_ttl span:nth-child(2) {
padding: 0 23px;
}
.content04_03 .content04_item_ttl span:first-child {
padding: 0 22px;
}
.content04_03 .content04_item_ttl span:nth-child(2) {
padding: 0 22.5px;
}
.content04_01 {
padding: 100px 0 111px;
background-image: url(https://image.a-rt.com/art/editor/202509/1757319612955.png);
background-size: cover;
background-repeat: no-repeat;
}
.content04_01 .content04_swiper {
margin-top: 97px !important;
}
.content04_02 {
padding: 135px 0 134px;
background-color: #0352A4;
}
.content04_03 {
padding: 135px 0 134px;
background-image: url(https://image.a-rt.com/art/editor/202509/1757319627566.png);
background-size: cover;
background-repeat: no-repeat;
}
.content05_01 {
padding: 105px 0 106.36px;
background-image: url(https://image.a-rt.com/art/editor/202509/1757319913607.png);
background-repeat: no-repeat;
background-size: cover;
}
.content05_02 {
padding: 105px 0 106.36px;
background-image: url(https://image.a-rt.com/art/editor/202509/1757319975035.png);
background-repeat: no-repeat;
background-size: cover;
}
.content05_sub_ttl {
font-size: 23px;
font-weight: 400;
letter-spacing: -0.69px;
}
.content05_main_ttl {
margin-top: 11px !important;
font-size: 46px;
font-weight: 700;
}
.content05_item_wrap {
display: flex;
width: 1448.98px;
margin: 87px auto 0 !important;
justify-content: center;
gap: 18.99px;
}
.content05_item_wrap li {
width: 348px;
height: 348px;
}
.content05_txt {
margin-top: 55.64px !important;
font-size: 22px;
font-weight: 300;
line-height: 1.67;
letter-spacing: -0.66px;
}
.content06 {
padding: 96px 0 145px;
background-color: #06376B;
}
.content06_sub_ttl {
font-size: 23px;
font-weight: 400;
line-height: 1.22;
letter-spacing: -0.69px;
}
.content06_main_ttl {
margin-top: 11px !important;
font-size: 46px;
font-weight: 700;
line-height: 1.12;
}
.content06_swiper_box {
position: relative;
max-width: 1449px;
margin: 96px auto 0;
}
.content06_swiper {
position: relative;
max-width: 1449px;
height: 400px;
margin: 0 auto !important;
overflow: hidden;
}
.content06_swiper .swiper-slide {
display: flex;
justify-content: flex-start;
align-items: flex-start;
max-width: 1449px;
gap: 111px;
}
.content06_swiper .swiper-slide-img {
max-width: 400px;
margin-left: 237px;
}
.content06_swiper .swiper-pagination {
position: absolute;
width: unset;
left: 745.5px;
bottom: 0;
z-index: 1;
}
.content06_swiper .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 5.5px;
vertical-align: bottom;
background: #82BFFF;
opacity: 1;
}
.content06_swiper .swiper-pagination .swiper-pagination-bullet-active {
background: #fff !important;
opacity: 1;
}
.content06_swiper_box .swiper-button-next,
.content06_swiper_box .swiper-button-prev {
width: 46px;
height: 92px;
background-size: contain;
}
.content06_swiper_box .swiper-button-next {
background-image: url(https://image.a-rt.com/art/editor/202509/1757659591170.png);
top: 185.16px;
right: 0;
}
.content06_swiper_box .swiper-button-prev {
background-image: url(https://image.a-rt.com/art/editor/202509/1757659597935.png);
top: 185.16px;
left: 0;
}
.content06_event_txt_wrap {
display: flex;
flex-direction: column;
}
.content06_event_ttl {
display: flex;
justify-content: center;
align-items: center;
width: 140px;
padding: 4px 0;
font-size: 22px;
font-weight: 500;
line-height: 1.82;
letter-spacing: -0.66px;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.32);
}
.content06_event_ttl._02 {
margin-top: 50px !important;
}
.content06_event_txt {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 14px !important;
font-family: Pretendard;
font-size: 22px;
font-weight: 400;
line-height: 1.82;
letter-spacing: -0.66px;
}
.content06_event_txt li {
margin-left: 0.5em;
}
.content06_event_txt li::before {
content: "•";
margin-right: 0.5em;
color: #ffffff;
}
.content07 {
padding: 105px 0 119px;
background-image: url(https://image.a-rt.com/art/editor/202509/1757320075208.png);
background-repeat: no-repeat;
background-size: cover;
}
.content07_ttl {
font-size: 46px;
font-weight: 700;
}
.content07_box {
display: flex;
max-width: 700px;
margin: 79px auto 0 !important;
padding: 40px 118px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 10px;
background-color: #222;
border-radius: 10px;
}
.content07_box p {
display: flex;
width: 464px;
gap: 60px;
}
.content07_box p span:first-child {
width: 71px;
font-size: 20px;
font-weight: 400;
line-height: 1.75;
letter-spacing: -0.8px;
color: #fff;
text-align: left;
}
.content07_box p span:nth-child(2) {
font-size: 20px;
font-weight: 400;
line-height: 1.75;
letter-spacing: -0.8px;
color: rgba(255, 255, 255, 0.7);
}
.content07_txt_wrap {
margin-top: 60px !important;
}
.content07_txt_wrap p {
font-size: 24px;
font-weight: 400;
line-height: 1.48;
color: #fff;
letter-spacing: -0.48px;
}
.content07_txt_wrap p span {
font-size: 24px;
font-weight: 500;
line-height: 1;
color: #3692FF;
letter-spacing: -0.48px;
}
/* modal */
.md-cnt.notice {
visibility: hidden;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'Pretendard', sans-serif !important;
background-color: #fff;
color: #000;
padding: 30px;
width: 800px;
height: auto;
z-index: 1000;
}
.md-cnt.notice .md-tit .main {
font-size: 28px;
font-weight: 600;
letter-spacing: -0.05em;
line-height: 1;
border-bottom: 2px solid #000;
padding-bottom: 30px;
}
.md-cnt.notice .md-txt {
font-size: 18px;
letter-spacing: -0.05em;
line-height: 1.8;
text-align: left;
padding-top: 30px;
}
.md-cnt.notice .md-txt ul {
list-style: inside;
list-style-type: '- ';
text-indent: -12px;
padding-left: 12px;
}
.md-cnt.notice .md-txt li.spot {
color: #ee1c25;
font-weight: 600;
}
.md-cnt.notice .md-txt li span {
padding: 5px;
background-color: #212532;
color: #fff;
font-weight: 500;
}
.md-cnt.notice .btn-close {
position: absolute;
top: 30px;
right: 30px;
background: url(https://image.a-rt.com/art/editor/202508/1756362014383.png) no-repeat center/contain;
width: 27px;
height: 27px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#dim {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
cursor: pointer;
}
.md-open {
overflow-y: hidden;
padding-right: 17px;
}
/* 애니메이션 */
.animationSection.animation01 {
position: relative;
width: 500px;
height: 756.67px;
margin: 0 auto;
}
.animationSection.animation02 {
position: relative;
width: 1449px;
height: 672.33px;
margin: 0 auto;
}
.animationSection.animation03 {
position: relative;
width: 1449px;
height: 597px;
margin: 0 auto;
}
.animationSection.animation04 {
position: relative;
width: 1197px;
height: 408px;
margin: 0 auto;
}
</style>
<!-- s : art-container-event -->
<div class="art-container-event">
<div class="art-content-inner">
<div class="mv">
<div class="mv_img"><img alt="ABC-MART SPORTS" src="https://image.a-rt.com/art/editor/202509/1757394447825.jpg" /></div>
</div>
<div class="content01">
<p class="content01_ttl">모두의 스포츠 파트너<br />
ABC-MART SPORTS</p>
<p class="content01_txt_01">ABC마트 스포츠는 대한민국 No.1 러닝 플랫폼으로, 운동과 일상의 경계없이<br />
누구나 편하게 즐길 수 있는 스포츠 라이프와 컬쳐를 제안합니다.</p>
<div class="animationSection animation01">
<div class="aniWrap">
<div class="aniImg aniImg01">
<div class="content01_videoWrap">
<video autoplay="" controls="" loop="" muted="" playsinline="" preload="auto"><source src="http://api.wecandeo.com/video/default/BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais30eoEA7vT6DZUNCl3fBIiiLfMxzxNx4FQQJSzkSoojVRvZMXnip0iizEZQieie.mp4" /></video>
</div>
</div>
</div>
</div>
<div class="content01_flex_wrap">
<div class="animationSection animation02">
<div class="aniWrap">
<div class="aniImg aniImg02 content01_img01"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319455339.png" /></div>
</div>
</div>
<div class="animationSection animation03">
<div class="aniWrap">
<div class="aniImg aniImg03 content01_img02"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319468022.png" /></div>
</div>
</div>
</div>
<div class="swiper content01_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319488015.png" /></div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319499423.png" /></div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319508769.png" /></div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319520506.png" /></div>
</div>
</div>
<div class="swiper-pagination"> </div>
</div>
<p class="content01_txt_02">우리는 모두의 건강한 라이프스타일을 지향합니다.<br />
다양한 카테고리와 전문성을 갖춘 대한민국 No.1 러닝 플랫폼에서,<br />
내게 맞는 피트니스 트렌드와 핏을 찾고 새로운 에너지를 느껴보세요.</p>
</div>
<div class="content02">
<p class="content02_sub_ttl">ABC-MART SPORTS</p>
<p class="content02_main_ttl">BRAND LINE-UP</p>
<div class="content02_brand_wrap_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319553711.png" /></div>
</div>
<div class="content03">
<p class="content03_sub_ttl">ABC-MART SPORTS</p>
<p class="content03_main_ttl">CATEGORY LINE-UP</p>
<div class="content03_section_wrap">
<div class="content03_section _01"><span>ATHLETIC SHOES</span> <img alt="" src="https://image.a-rt.com/art/editor/202509/1757319576466.png" /></div>
<div class="content03_section _02"><span>ATHLETIC APPAREL</span> <img alt="" src="https://image.a-rt.com/art/editor/202509/1757319584784.png" /></div>
<div class="content03_section _03"><span>ATHLETIC GEAR</span> <img alt="" src="https://image.a-rt.com/art/editor/202509/1757319592884.png" /></div>
<div class="content03_section _04"><span>ATHLETIC ACCESSORIES</span> <img alt="" src="https://image.a-rt.com/art/editor/202509/1757319600716.png" /></div>
</div>
</div>
<div class="content04">
<div class="content04_01">
<p class="content04_sub_ttl">ABC-MART SPORTS</p>
<p class="content04_main_ttl">ATHLETIC SHOES</p>
<div class="content04_swiper_box">
<div class="swiper content04_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319648520.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>SPEED RACE</span><span>~42km</span></p>
<p class="content04_item_brand">NIKE</p>
<p class="content04_item_name">ZOOM X VAPORFLY NEXT% 4</p>
<p class="content04_item_txt">가볍고 효율적인 디자인으로 42.195킬로미터를<br />
완주하는 데 필요한 추진력을 제공합니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319660807.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>SPEED RACE</span><span>~42km</span></p>
<p class="content04_item_brand">SAUCONY</p>
<p class="content04_item_name">ENDORPHIN ELITE 2</p>
<p class="content04_item_txt">푹신한 쿠션과 탄성 있는 플레이트가 만나<br />
레이스에서 강력한 반발력과 빠른 속도를 선사합니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319671574.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>SPEED RACE</span><span>~42km</span></p>
<p class="content04_item_brand">SAUCONY</p>
<p class="content04_item_name">ENDORPHIN PRO 4</p>
<p class="content04_item_txt">경량 구조와 안정적인 지지력이 결합돼<br />
장거리에서도 흔들림 없는 나만의 페이스를 이어갑니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319687411.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>SPEED RACE</span><span>~42km</span></p>
<p class="content04_item_brand">ADIDAS</p>
<p class="content04_item_name">ADIZERO EVO SL</p>
<p class="content04_item_txt">탄력 있는 폼이 충격을 흡수하고 빠르게 반응해<br />
훈련과 레이스 모두에 적합한 퍼포먼스를 제공합니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319699514.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>SPEED RACE</span><span>~42km</span></p>
<p class="content04_item_brand">NEW BALANCE</p>
<p class="content04_item_name">MFCXCE4</p>
<p class="content04_item_txt">가벼운 카본 플레이트가 추진력을 더하고 에너지 리턴이<br />
발끝까지 전달되어 빠른 레이스에 최적화된 성능을 보여줍니다.</p>
</div>
</div>
</div>
<div class="swiper-pagination"> </div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<div class="content04_02">
<div class="content04_swiper_box">
<div class="swiper content04_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319742069.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>HALF RACE</span><span>~21km</span></p>
<p class="content04_item_brand">ASICS</p>
<p class="content04_item_name">NOVABLAST 5</p>
<p class="content04_item_txt">탄력 있는 고밀도 폼이 트램펄린처럼 힘 있게 반응하고<br />
통기성 좋은 갑피가 발을 시원하게 잡아줍니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319754814.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>HALF RACE</span><span>~21km</span></p>
<p class="content04_item_brand">NIKE</p>
<p class="content04_item_name">VOMERO PLUS</p>
<p class="content04_item_txt">부드럽고 가벼운 폼이 충격을 흡수해 오래 달려도 편안하고<br />
반발력 있는 쿠션이 매 순간 발을 힘 있게 밀어줍니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319767918.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>HALF RACE</span><span>~21km</span></p>
<p class="content04_item_brand">ADIDAS</p>
<p class="content04_item_name">ADIZERO BOSTON 13</p>
<p class="content04_item_txt">탄력 있는 폼이 충격을 줄이고 단단한 보강 구조가 추진력을 더해,<br />
빠른 템포 훈련에도 안정감 있게 달릴 수 있습니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319782613.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>HALF RACE</span><span>~21km</span></p>
<p class="content04_item_brand">SAUCONY</p>
<p class="content04_item_name">ENDORPHIN SPEED 5</p>
<p class="content04_item_txt">가볍고 반발력 있는 폼이 발을 힘 있게 밀어주고<br />
유연한 플레이트가 속도와 안정감을 동시에 선사합니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757479107302.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>HALF RACE</span><span>~21km</span></p>
<p class="content04_item_brand">BROOKS</p>
<p class="content04_item_name">GLYCERIN 22</p>
<p class="content04_item_txt">뒤꿈치는 푹신하고 앞발은 탄력 있게 받쳐주며<br />
통기 좋은 갑피와 자연스러운 발걸음으로 장거리도 편안합니다.</p>
</div>
</div>
</div>
<div class="swiper-pagination"> </div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<div class="content04_03">
<div class="content04_swiper_box">
<div class="swiper content04_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319847881.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>BEGINNER RACE</span><span>~15km</span></p>
<p class="content04_item_brand">ASICS</p>
<p class="content04_item_name">GEL-KAYANO 32</p>
<p class="content04_item_txt">젤 쿠션이 착지를 부드럽게 흡수하고<br />
안정적인 지지 구조가 발을 편안히 잡아줍니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319862787.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>BEGINNER RACE</span><span>~15km</span></p>
<p class="content04_item_brand">PUMA</p>
<p class="content04_item_name">ELECTRIFY NITRO 4</p>
<p class="content04_item_txt">반응력 있는 쿠션이 경쾌한 추진을 주고<br />
통기성 좋은 갑피가 발을 쾌적하게 유지합니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319878910.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>BEGINNER RACE</span><span>~15km</span></p>
<p class="content04_item_brand">ADIDAS</p>
<p class="content04_item_name">ADIZERO SL 2</p>
<p class="content04_item_txt">가벼운 쿠션이 빠른 반발력을 전하고<br />
내구성 있는 밑창이 안정적이고 편안한 러닝을 돕습니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319891067.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>BEGINNER RACE</span><span>~15km</span></p>
<p class="content04_item_brand">SAUCONY</p>
<p class="content04_item_name">GUIDE 18</p>
<p class="content04_item_txt">부드러운 쿠션이 충격을 자연스럽게 줄이고<br />
견고한 지지 구조로 러닝의 균형을 안정감 있게 잡아줍니다.</p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319901875.png" /></div>
<div class="content04_item_txt_wrap">
<p class="content04_item_ttl"><span>BEGINNER RACE</span><span>~15km</span></p>
<p class="content04_item_brand">SAUCONY</p>
<p class="content04_item_name">RIDE 18</p>
<p class="content04_item_txt">포근한 쿠션이 발을 부드럽게 감싸고<br />
가볍고 통기성 좋은 갑피가 러닝을 상쾌하게 만듭니다.</p>
</div>
</div>
</div>
<div class="swiper-pagination"> </div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
</div>
<div class="content05">
<div class="content05_01">
<p class="content05_sub_ttl">ABC-MART SPORTS</p>
<p class="content05_main_ttl">ATHLETIC APPAREL</p>
<ul class="content05_item_wrap">
<li><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319927447.png" /></li>
<li><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319939150.png" /></li>
<li><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319953123.png" /></li>
<li><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319963839.png" /></li>
</ul>
<p class="content05_txt">최적의 퍼포먼스를 위한 스포츠웨어, 운동의 순간을 한층 즐겁게 해줍니다.</p>
</div>
<div class="content05_02">
<p class="content05_sub_ttl">ABC-MART SPORTS</p>
<p class="content05_main_ttl">ATHLETIC GEAR</p>
<ul class="content05_item_wrap">
<li><img alt="" src="https://image.a-rt.com/art/editor/202509/1757319993653.png" /></li>
<li><img alt="" src="https://image.a-rt.com/art/editor/202509/1757320003995.png" /></li>
<li><img alt="" src="https://image.a-rt.com/art/editor/202509/1757320015609.png" /></li>
<li><img alt="" src="https://image.a-rt.com/art/editor/202509/1757320025300.png" /></li>
</ul>
<p class="content05_txt">최상의 컨디션을 이끌어내는 장비, 운동의 순간을 더 강력하게 완성합니다.</p>
</div>
</div>
<div class="content06">
<p class="content06_sub_ttl">ABC-MART SPORTS</p>
<p class="content06_main_ttl">OFF-LINE EVENT</p>
<div class="content06_swiper_box">
<div class="swiper content06_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757659539634.png" /></div>
<div class="content06_event_txt_wrap">
<p class="content06_event_ttl">이벤트 기간</p>
<p class="content06_event_txt">사은품 소진 시 까지</p>
<p class="content06_event_ttl _02">이벤트 내용</p>
<p> </p>
<ul class="content06_event_txt">
<li>구매 금액대별로 사은품을 드립니다.</li>
<li>모든 사은품은 한정 수량으로, 소진 시 종료됩니다.</li>
<li>타 행사와 중복 참여 시 사은품은 1종만 증정됩니다.</li>
</ul>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757659548660.png" /></div>
<div class="content06_event_txt_wrap">
<p class="content06_event_ttl">이벤트 기간</p>
<p class="content06_event_txt">사은품 소진 시 까지</p>
<p class="content06_event_ttl _02">이벤트 내용</p>
<p> </p>
<ul class="content06_event_txt">
<li>구매 금액대별로 사은품을 드립니다.</li>
<li>모든 사은품은 한정 수량으로, 소진 시 종료됩니다.</li>
<li>타 행사와 중복 참여 시 사은품은 1종만 증정됩니다.</li>
</ul>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757659556174.png" /></div>
<div class="content06_event_txt_wrap">
<p class="content06_event_ttl">이벤트 기간</p>
<p class="content06_event_txt">사은품 소진 시 까지</p>
<p class="content06_event_ttl _02">이벤트 내용</p>
<p> </p>
<ul class="content06_event_txt">
<li>구매 금액대별로 사은품을 드립니다.</li>
<li>모든 사은품은 한정 수량으로, 소진 시 종료됩니다.</li>
<li>타 행사와 중복 참여 시 사은품은 1종만 증정됩니다.</li>
</ul>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757659564407.png" /></div>
<div class="content06_event_txt_wrap">
<p class="content06_event_ttl">이벤트 기간</p>
<p class="content06_event_txt">사은품 소진 시 까지</p>
<p class="content06_event_ttl _02">이벤트 내용</p>
<p> </p>
<ul class="content06_event_txt">
<li>구매 금액대별로 사은품을 드립니다.</li>
<li>모든 사은품은 한정 수량으로, 소진 시 종료됩니다.</li>
<li>타 행사와 중복 참여 시 사은품은 1종만 증정됩니다.</li>
</ul>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide-img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1757659573068.png" /></div>
<div class="content06_event_txt_wrap">
<p class="content06_event_ttl">이벤트 기간</p>
<p class="content06_event_txt">사은품 소진 시 까지</p>
<p class="content06_event_ttl _02">이벤트 내용</p>
<p> </p>
<ul class="content06_event_txt">
<li>구매 금액대별로 사은품을 드립니다.</li>
<li>모든 사은품은 한정 수량으로, 소진 시 종료됩니다.</li>
<li>타 행사와 중복 참여 시 사은품은 1종만 증정됩니다.</li>
</ul>
</div>
</div>
</div>
<div class="swiper-pagination"> </div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<div class="content07">
<p class="content07_ttl">STORE INFORMATION</p>
<div class="content07_box">
<p><span>매장명</span><span>GS 명동점</span></p>
<p><span>영업 시간</span><span>10:30 ~ 22:00</span></p>
<p><span>주소</span><span>서울 중구 명동8나길 21 ABC마트 GS 명동점</span></p>
</div>
<div class="content07_txt_wrap">
<p>ABC마트 스포츠는 운동과 일상의 경계없이,<br />
함께 움직이고 즐기는 모두의 스포츠 파트너입니다.<br />
<br />
<span>지금, ABC마트 스포츠에서 새로운 경험과 상품을 만나보세요.</span></p>
</div>
</div>
</div>
</div>
<!-- e : art-container-event --><!-- 애니메이션 --><script>
$(function () {
$(window).on("scroll", function () {
doAnimation(".animation01", { opacity: 0 }, { opacity: 1 }, 250, 0.5, 0);
doAnimation(".animation02", { opacity: 0 }, { opacity: 1 }, 250, 0.5, 0);
doAnimation(".animation03", { opacity: 0 }, { opacity: 1 }, 250, 0.5, 500);
});
function doAnimation(selector, startCSS, endCSS, duration, triggerRatio, delay) {
var $section = $(selector);
var $img = $section.find(".aniImg");
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><!-- content01_swiper --><script>
$(function () {
$('.swiper.content01_swiper').each(function (i) {
const $this = $(this);
$this.find('.swiper-pagination').addClass('type' + i);
const mySwiper = new Swiper($this[0], {
slidesPerView: 1,
speed: 1000,
allowTouchMove: true,
loop: true,
watchOverflow: true,
autoplay: {
delay: 4500,
disableOnInteraction: false,
},
pagination: {
el: $this.find('.swiper-pagination.type' + i)[0],
clickable: true,
},
});
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
mySwiper.autoplay.start();
} else {
mySwiper.autoplay.stop();
}
});
}, { threshold: 0.2 });
observer.observe(this);
});
});
</script><!-- content04_swiper --><script>
$(function () {
$('.swiper.content04_swiper').each(function (i) {
const $this = $(this);
$this.find('.swiper-pagination').addClass('type' + i);
const mySwiper = new Swiper($this[0], {
slidesPerView: 1,
speed: 1000,
allowTouchMove: true,
loop: true,
navigation: {
nextEl: $this.closest('.content04_swiper_box').find('.swiper-button-next')[0],
prevEl: $this.closest('.content04_swiper_box').find('.swiper-button-prev')[0],
},
watchOverflow: true,
autoplay: {
delay: 4500,
disableOnInteraction: false,
},
pagination: {
el: $this.find('.swiper-pagination.type' + i)[0],
clickable: true,
},
});
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
mySwiper.autoplay.start();
} else {
mySwiper.autoplay.stop();
}
});
}, { threshold: 0.2 });
observer.observe(this);
});
});
</script><!-- content06_swiper --><script>
$(function () {
$('.swiper.content06_swiper').each(function (i) {
const $this = $(this);
$this.find('.swiper-pagination').addClass('type' + i);
const mySwiper = new Swiper($this[0], {
slidesPerView: 1,
speed: 1000,
allowTouchMove: true,
loop: true,
navigation: {
nextEl: $this.closest('.content06_swiper_box').find('.swiper-button-next')[0],
prevEl: $this.closest('.content06_swiper_box').find('.swiper-button-prev')[0],
},
watchOverflow: true,
autoplay: {
delay: 4500,
disableOnInteraction: false,
},
pagination: {
el: $this.find('.swiper-pagination.type' + i)[0],
clickable: true,
},
});
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
mySwiper.autoplay.start();
} else {
mySwiper.autoplay.stop();
}
});
}, { threshold: 0.2 });
observer.observe(this);
});
});
</script><!-- 모달 스크립트 --><script>
$(document).ready(function () {
$('.btn-md').on('click', function () {
const openBtn = $(this);
const mdCnt = $($(this).attr('data-href'));
const closeBtn = mdCnt.find('.btn-close');
const first = mdCnt.find('[data-link="first"]');
const last = mdCnt.find('[data-link="last"]');
const mainHeight = $('.art-container-event').outerHeight();
$('body').css({
height: mainHeight
}).addClass('md-open');
mdCnt.siblings().attr({
'aria-hidden': true,
inert: ''
});
mdCnt.before('<div id="dim"></div>');
const dim = $('#dim');
dim.stop().fadeIn();
mdCnt.css('visibility', 'visible');
closeBtn.show();
first.on('keydown', function (e) {
if (e.shiftKey && e.keyCode === 9) {
e.preventDefault();
last.focus();
}
});
last.on('keydown', function (e) {
if (!e.shiftKey && e.keyCode === 9) {
e.preventDefault();
first.focus();
}
});
closeBtn.on('click', function () {
$(this).parent('.md-cnt').find('iframe').attr(
'src',
$(this).parent('.md-cnt').find('iframe').attr('src')
);
$('body').css({
height: ''
}).removeClass('md-open');
dim.stop().fadeOut(function () {
$(this).remove();
});
mdCnt.css('visibility', 'hidden').siblings().removeAttr(
'aria-hidden inert'
);
openBtn.focus();
});
dim.on('click', function () {
closeBtn.trigger('click');
});
$(window).on('keydown', function (e) {
if (e.keyCode === 27) closeBtn.click();
});
});
});
</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 : 이벤트 복사영역 여기까지 -->