<!-- S : 이벤트 복사영역 여기서부터 -->
<style type="text/css">/* font */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@font-face {
font-family: 'GrandStage-Regular';
src: url('GrandStage-Regular.eot?#iefix') format('embedded-opentype'), url('GrandStage-Regular.otf') format('opentype'), url('GrandStage-Regular.woff') format('woff'), url('GrandStage-Regular.ttf') format('truetype'), url('GrandStage-Regular.svg#GrandStage-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
/* root */
:root {
--head: 95px !important;
--font: 'pretendard', sans-serif;
--tab-txt: #595959;
--tab-bg: #2f2f2f;
--tab-active-txt: #fff;
--tab-active-bg: #000;
}
/* common */
body {
min-width: 1440px;
margin: 0;
padding: 0;
}
body * {
box-sizing: border-box;
}
.art-container-event {
position: relative;
width: 100%;
max-width: 1920px;
margin: 0 auto;
text-align: center;
background-color: #000000;
font-family: Pretendard, sans-serif !important;
}
.art-content-inner {
position: relative;
margin: 0 auto;
overflow: hidden;
}
.art-container-event ul {
margin: 0;
padding: 0;
list-style: none;
}
.art-container-event p {
margin: 0;
padding: 0;
}
.art-container-event a {
text-decoration: none;
}
.art-content-inner img {
display: block;
width: 100%;
}
/* main */
.main {
position: relative;
max-width: 1920px;
}
.art-content-inner .txt.main {
position: absolute;
width: 100%;
left: 50%;
bottom: 72px;
transform: translateX(-50%);
color: #33ff63;
font-family: 'GrandStage-Regular', sans-serif !important;
font-size: 55px;
font-weight: 400;
line-height: 1;
letter-spacing: -1.1px;
color: #ffffff;
}
.art-content-inner .txt.main span {
display: inline-block;
color: #fff;
animation: neon-sequence 6s ease-in-out infinite;
}
.art-content-inner .txt.main span:nth-child(1) {
animation-delay: 0s;
}
.art-content-inner .txt.main span:nth-child(2) {
animation-delay: 2s;
}
.art-content-inner .txt.main span:nth-child(3) {
animation-delay: 4s;
}
@keyframes neon-sequence {
0% {
color: #fff;
filter: drop-shadow(0 0 0 rgba(51,255,99,0));
}
5% {
color: #33ff63;
filter: drop-shadow(0 0 10px rgba(51,255,99,0.6));
}
15% {
color: #33ff63;
filter: drop-shadow(0 0 24px rgba(51,255,99,1));
}
25% {
color: #33ff63;
filter: drop-shadow(0 0 8px rgba(51,255,99,0.4));
}
35% {
color: #fff;
filter: drop-shadow(0 0 0 rgba(51,255,99,0));
}
100% {
color: #fff;
filter: drop-shadow(0 0 0 rgba(51,255,99,0));
}
}
/* content01 */
.content01 {
padding: 99px 0 70px;
background-image: url(https://image.a-rt.com/art/editor/202510/1760404348340.png);
background-repeat: no-repeat;
background-size: cover;
}
.content01_ttl {
font-family: 'GrandStage-Regular', sans-serif !important;
font-size: 37px;
font-weight: 400;
line-height: 1.46;
letter-spacing: -0.74px;
color: #33FF63;
}
.content01_sub_ttl {
margin-top: -7px !important;
font-size: 25px;
font-weight: 400;
line-height: 2.16;
letter-spacing: -0.75px;
color: #ffffff;
}
.content01_img {
max-width: 1092px;
margin: 26px auto 0 !important;
}
/* content02 */
.content02 {
padding: 97px 0 60px;
background-image: url(https://image.a-rt.com/art/editor/202510/1760404367346.png);
background-repeat: no-repeat;
background-size: cover;
}
.content02_ttl {
font-family: 'GrandStage-Regular', sans-serif !important;
font-size: 37px;
font-weight: 400;
line-height: 1.46;
letter-spacing: -0.74px;
color: #33FF63;
}
.content02_sub_ttl {
margin-top: -7px !important;
font-size: 25px;
font-weight: 400;
line-height: 2.16;
letter-spacing: -0.75px;
color: #ffffff;
}
.content02_img {
max-width: 1033px;
margin: 36px auto 0 !important;
}
.content02_comment {
margin-top: 38.88px !important;
font-size: 20px;
font-weight: 400;
line-height: 2;
letter-spacing: -0.8px;
color: #A2A2A2;
}
/* content03 */
.content03 {
padding: 123px 0;
background-image: url(https://image.a-rt.com/art/editor/202509/1758870042338.png);
background-repeat: no-repeat;
background-size: cover;
}
.content03_ttl {
font-family: 'GrandStage-Regular', sans-serif !important;
font-size: 37px;
font-weight: 400;
line-height: 1.46;
letter-spacing: -0.74px;
color: #33FF63;
}
.content03_sub_ttl {
margin-top: -7px !important;
font-size: 25px;
font-weight: 400;
line-height: 2.16;
letter-spacing: -0.75px;
color: #ffffff;
}
.content03_swiper_wrap {
margin-top: 48px !important;
}
.content03_swiper_box {
position: relative;
display: flex;
align-items: center;
max-width: 1442px;
margin: 0 auto;
}
.content03_swiper {
position: relative;
display: flex;
max-width: 1220px;
margin: 0 auto;
overflow-x: hidden;
}
.content03_swiper .swiper-wrapper {
align-items: center;
}
.content03_swiper .swiper-slide {
width: 441px;
}
.content03_swiper .swiper-slide.swiper-slide-prev {
display: flex;
justify-content: flex-end;
}
.content03_swiper .swiper-slide.swiper-slide-next {
display: flex;
justify-content: flex-start;
}
.content03_swiper_box .swiper-button-prev {
width: 46px;
height: 92px;
margin-top: 0;
left: 0;
right: unset;
top: 50%;
transform: translateY(-50%);
background-image: url(https://image.a-rt.com/art/editor/202509/1758870145350.png);
background-size: cover;
background-repeat: no-repeat;
}
.content03_swiper_box .swiper-button-next {
width: 46px;
height: 92px;
margin-top: 0;
left: unset;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url(https://image.a-rt.com/art/editor/202509/1758870138216.png);
background-size: cover;
background-repeat: no-repeat;
}
.content03_swiper_rec_wrap {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 354px;
height: 294px;
padding: 49px 0 40px 38px;
box-sizing: border-box;
z-index: 0;
overflow: visible;
}
.content03_swiper_rec_wrap::before {
content: "";
position: absolute;
inset: 0;
background-size: cover;
background-repeat: no-repeat;
filter: drop-shadow(14px 8px 19.6px rgba(0,0,0,0.5));
z-index: -1;
}
.swiper-slide.swiper-slide-active .content03_swiper_rec_wrap {
width: 441px;
height: 365px;
padding: 62px 0 58px 33px;
}
.content03_swiper_rec_wrap._01 {
background-image: url(https://image.a-rt.com/art/editor/202509/1758870054556.png);
background-size: cover;
background-repeat: no-repeat;
}
.content03_swiper_rec_wrap._02 {
background-image: url(https://image.a-rt.com/art/editor/202509/1758870083346.png);
background-size: cover;
background-repeat: no-repeat;
}
.content03_swiper_rec_wrap._03 {
background-image: url(https://image.a-rt.com/art/editor/202509/1758870093843.png);
background-size: cover;
background-repeat: no-repeat;
}
.swiper-slide:not(.swiper-slide.swiper-slide-active) .content03_swiper_rec_wrap._01 {
background-image: url(https://image.a-rt.com/art/editor/202509/1758870102447.png);
}
.swiper-slide:not(.swiper-slide.swiper-slide-active) .content03_swiper_rec_wrap._02 {
background-image: url(https://image.a-rt.com/art/editor/202509/1758870111396.png);
}
.swiper-slide:not(.swiper-slide.swiper-slide-active) .content03_swiper_rec_wrap._03 {
background-image: url(https://image.a-rt.com/art/editor/202509/1758870119449.png);
}
.content03_swiper_rec_ttl {
font-size: 28px;
font-weight: 600;
line-height: 1.43;
letter-spacing: -1.12px;
text-align: left;
color: #ffffff;
user-select: none;
}
.content03_swiper_rec_txt {
font-size: 18px;
font-weight: 500;
line-height: 1.61;
letter-spacing: -0.72px;
text-align: left;
color: #ffffff;
user-select: none;
}
.swiper-slide.swiper-slide-active .content03_swiper_rec_ttl {
font-size: 38px;
font-weight: 600;
line-height: 1.05;
letter-spacing: -1.52px;
text-align: left;
color: #ffffff;
}
.swiper-slide.swiper-slide-active .content03_swiper_rec_txt {
font-size: 25px;
font-weight: 500;
line-height: 1.6;
letter-spacing: -1px;
text-align: left;
color: #ffffff;
}
/* gnb */
#tabNav {
position: sticky;
top: var(--head);
z-index: 1001;
}
#tabNav .tablist {
display: flex;
align-items: center;
overflow: hidden;
overflow-x: auto;
font-family: var(--font) !important;
white-space: nowrap;
transition: all 0.3s;
-ms-overflow-style: none;
/* IE, Edge */
scrollbar-width: none;
/* Firefox */
}
#tabNav .tablist::-webkit-scrollbar {
display: none;
/* 크롬, 사파리, 오페라 등 Webkit 기반 브라우저 */
}
#tabNav li {
position: relative;
width: 100%;
transition: all 0.3s;
background-color: #000000;
}
#tabNav li a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 58px;
background-color: rgba(5, 26, 10, 0.78);
}
#tabNav li.active a {
background-color: rgba(51, 255, 99, 0.23);
}
#tabNav li a span,
#tabNav li.active a span {
position: absolute;
width: 100%;
height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-size: 43px 24px;
background-repeat: no-repeat;
background-position: center;
}
#tabNav li:first-of-type a span {
background-image: url(https://image.a-rt.com/art/editor/202510/1760404422654.png);
}
#tabNav li.active:first-of-type a span {
background-image: url(https://image.a-rt.com/art/editor/202510/1760404387481.png);
}
#tabNav li:nth-of-type(2) a span {
background-image: url(https://image.a-rt.com/art/editor/202510/1760404430955.png);
}
#tabNav li.active:nth-of-type(2) a span {
background-image: url(https://image.a-rt.com/art/editor/202510/1760404396272.png);
}
#tabNav li:nth-of-type(3) a span {
background-image: url(https://image.a-rt.com/art/editor/202510/1760404438756.png);
}
#tabNav li.active:nth-of-type(3) a span {
background-image: url(https://image.a-rt.com/art/editor/202510/1760404405855.png);
}
#tabNav li:nth-of-type(4) a span {
background-image: url(https://image.a-rt.com/art/editor/202510/1760404446561.png);
}
#tabNav li.active:nth-of-type(4) a span {
background-image: url(https://image.a-rt.com/art/editor/202510/1760404413872.png);
}
.txt_hide {
visibility: hidden;
}
#tabNav li:not(:last-child) a::after {
content: '';
position: absolute;
width: 1px;
height: 80px;
right: 0;
background-image: url(https://image.a-rt.com/art/editor/202509/1758870447567.png);
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 530px) {
#tabNav .tablist {
justify-content: center;
}
}
/* tab_content01 */
.tab_content01 {
padding: 123px 0 75px;
background-image: url(https://image.a-rt.com/art/editor/202509/1758870360523.png);
background-repeat: no-repeat;
background-size: cover;
}
.tab_content01_ttl {
font-family: 'GrandStage-Regular', sans-serif !important;
font-size: 37px;
font-weight: 400;
line-height: 1.46;
letter-spacing: -0.74px;
color: #33FF63;
}
.tab_content01_sub_ttl {
margin-top: -7px !important;
font-size: 25px;
font-weight: 400;
line-height: 2.16;
letter-spacing: -0.75px;
color: #ffffff;
}
.dis_rec {
display: flex;
justify-content: center;
align-items: center;
gap: 7px;
width: 587px;
margin: 31px auto 0 !important;
}
.dis_rec a {
display: flex;
justify-content: center;
align-items: center;
width: 143px;
height: 50px;
border-radius: 5px;
font-size: 25px;
font-weight: 400;
line-height: 1.6;
letter-spacing: -1px;
border: 2px solid #8E8E8E;
color: #8E8E8E;
}
.dis_rec a.active {
font-weight: 600;
border: 2px solid #33FF63;
color: #33FF63;
}
.dis_rec_content {
position: relative;
display: none;
max-width: 885px;
margin: 15px auto 0 !important;
}
.dis_rec_content.active {
display: flex;
flex-direction: column;
align-items: center;
}
.dis_rec_content_ttl {
width: 587px;
font-size: 25px;
font-weight: 400;
line-height: 2.16;
letter-spacing: -0.75px;
text-align: left;
color: #ffffff;
}
.dis_rec_content_wrap_flex {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 16px !important;
}
.dis_rec_content_wrap {
display: flex;
flex-direction: column;
gap: 6.49px;
justify-content: flex-start;
align-items: center;
width: 288px;
height: 446px;
padding: 21px 20px 32px;
background-color: #ffffff;
box-sizing: border-box;
}
.dis_rec_content_img {
max-width: 248px;
flex-shrink: 0;
}
.dis_rec_content_txt_wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.dis_rec_content_brand_name {
font-size: 18px;
font-weight: 600;
line-height: 2.22;
letter-spacing: -0.72px;
color: rgba(0, 0, 0, 0.5);
}
.dis_rec_content_item_name {
margin-top: -6.5px !important;
font-size: 25px;
font-weight: 600;
line-height: 1.82;
letter-spacing: -0.5px;
color: #000000;
}
.dis_rec_content_item_txt {
margin-top: 6px !important;
padding: 0 5px !important;
font-size: 20px;
font-weight: 500;
line-height: 1.45;
letter-spacing: -0.8px;
color: #000000;
}
.dis_rec_content_item_more {
display: flex;
justify-content: center;
align-items: center;
width: 529px;
height: 80px;
margin: 41px auto 0 !important;
text-decoration: unset;
border: 2px solid #ffffff;
}
.dis_rec_content_item_more_txt {
font-size: 20px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.4px;
color: #ffffff;
}
.dis_rec_content_item_more_ico {
width: 28px;
height: 28px;
}
/* tab_content02 */
.tab_content02 {
padding: 123px 0 75px;
background-image: url(https://image.a-rt.com/art/editor/202509/1758870370055.png);
background-repeat: no-repeat;
background-size: cover;
}
.tab_content02_ttl {
font-family: 'GrandStage-Regular', sans-serif !important;
font-size: 37px;
font-weight: 400;
line-height: 1.46;
letter-spacing: -0.74px;
color: #33FF63;
}
.tab_content02_sub_ttl {
margin-top: -7px !important;
font-size: 25px;
font-weight: 400;
line-height: 2.16;
letter-spacing: -0.75px;
color: #ffffff;
}
.dis_pur {
display: flex;
justify-content: center;
align-items: center;
gap: 7px;
margin: 31px auto 0 !important;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE/Edge 구버전 */
}
.dis_pur::-webkit-scrollbar {
display: none;
/* Chrome, Safari, 최신 Edge */
}
.dis_pur li {
flex: 0 0 auto;
}
.dis_pur a {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
padding: 0 13px;
border-radius: 5px;
font-size: 25px;
font-weight: 400;
line-height: 1.6;
letter-spacing: -0.1px;
border: 2px solid #8E8E8E;
color: #8E8E8E;
}
.dis_pur a.active {
font-weight: 600;
border: 2px solid #33FF63;
color: #33FF63;
}
.dis_pur_content {
position: relative;
display: none;
max-width: 885px;
margin: 21px auto 0 !important;
}
.dis_pur_content.active {
display: flex;
flex-direction: column;
align-items: center;
}
.dis_pur_content_ttl {
width: 852px;
font-size: 25px;
font-weight: 400;
line-height: 1.82;
letter-spacing: -0.75px;
text-align: left;
color: #ffffff;
}
.dis_pur_content_wrap_flex {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 23px !important;
}
.dis_pur_content_wrap {
display: flex;
flex-direction: column;
gap: 6.49px;
justify-content: flex-start;
align-items: center;
width: 288px;
height: 446px;
padding: 21px 20px 32px;
background-color: #ffffff;
box-sizing: border-box;
}
.dis_pur_content_img {
max-width: 248px;
flex-shrink: 0;
}
.dis_pur_content_txt_wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.dis_pur_content_brand_name {
font-size: 18px;
font-weight: 600;
line-height: 2.22;
letter-spacing: -0.72px;
color: rgba(0, 0, 0, 0.5);
}
.dis_pur_content_item_name {
margin-top: -6.5px !important;
font-size: 25px;
font-weight: 600;
line-height: 1.82;
letter-spacing: -0.5px;
color: #000000;
}
.dis_pur_content_item_txt {
margin-top: 6px !important;
padding: 0 5px !important;
font-size: 20px;
font-weight: 500;
line-height: 1.45;
letter-spacing: -0.8px;
color: #000000;
}
.dis_pur_content_item_more {
display: flex;
justify-content: center;
align-items: center;
width: 529px;
height: 80px;
margin: 42px auto 0 !important;
text-decoration: unset;
border: 2px solid #ffffff;
}
.dis_pur_content_item_more_txt {
font-size: 20px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.4px;
color: #ffffff;
}
.dis_pur_content_item_more_ico {
width: 28px;
height: 28px;
}
/* tab_content03 */
.tab_content03 {
padding: 123px 0 87px;
background-image: url(https://image.a-rt.com/art/editor/202509/1758870379167.png);
background-repeat: no-repeat;
background-size: cover;
}
.tab_content03_ttl {
font-family: 'GrandStage-Regular', sans-serif !important;
font-size: 37px;
font-weight: 400;
line-height: 1.46;
letter-spacing: -0.74px;
color: #33FF63;
}
.tab_content03_sub_ttl {
margin-top: -7px !important;
font-size: 25px;
font-weight: 400;
line-height: 2.16;
letter-spacing: -0.75px;
color: #ffffff;
}
.tab_content03_swiper {
position: relative;
max-width: 1309px;
margin: 49px auto 0;
overflow-x: hidden;
}
.tab_content03_swiper .swiper-slide {
display: flex;
gap: 11px;
justify-content: center;
}
.tab_content03_swiper .swiper-pagination {
position: relative;
margin-top: 70px;
bottom: 0;
left: unset;
z-index: 1;
line-height: 0;
}
.tab_content03_swiper .swiper-pagination .swiper-pagination-bullet {
background: rgba(255, 255, 255, 0.5);
width: 12px;
height: 12px;
margin: 0 5.5px;
vertical-align: bottom;
opacity: unset;
}
.tab_content03_swiper .swiper-pagination .swiper-pagination-bullet-active {
background: #ffffff;
opacity: unset;
}
.review_wrap {
display: flex;
gap: 11px;
min-width: 649px;
height: 289px;
padding: 30px 29px 28px 28px;
border-top: 4px solid rgba(255, 255, 255, 0.72);
background-image: url(https://image.a-rt.com/art/editor/202509/1758870350189.png);
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.review_content_wrap {
display: flex;
gap: 26px;
}
.review_thumbnail_img {
max-width: 211px;
flex-shrink: 0;
}
.review_txt_wrap {
display: flex;
flex-direction: column;
margin-top: 1px !important;
}
.review_title_txt_wrap {
display: flex;
flex-direction: column;
gap: -4px;
justify-content: center;
align-items: flex-start;
}
.review_item_brand {
font-size: 18px;
font-weight: 600;
line-height: 2.22;
letter-spacing: -0.72px;
color: rgba(255, 255, 255, 0.5);
}
.review_item_item {
font-size: 28px;
font-weight: 600;
line-height: 1.43;
letter-spacing: -1.12px;
color: #ffffff;
}
.review_star_wrap {
display: flex;
margin-top: 14px !important;
}
.review_star {
width: 23px;
height: 23px;
background-image: url(https://image.a-rt.com/art/editor/202509/1758870294250.png);
background-size: cover;
background-repeat: no-repeat;
}
.review_star._fill {
background-image: url(https://image.a-rt.com/art/editor/202509/1758870300465.png);
}
.review_txt {
width: 331px;
margin-top: 12px !important;
font-size: 20px;
font-weight: 500;
line-height: 1.55;
letter-spacing: -0.8px;
text-align: left;
color: #FFFFFF;
}
.review_arrow_wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: 355px;
margin-top: 12px !important;
}
.review_id_date {
font-size: 18px;
font-weight: 500;
line-height: 1.72;
letter-spacing: -0.72px;
text-align: left;
color: rgba(255, 255, 255, 0.6);
}
.review_arrow {
max-width: 15px;
}
/* tab_content04 */
.tab_content04 {
padding: 133px 0 58px;
background-image: url(https://image.a-rt.com/art/editor/202509/1758870388493.png);
background-repeat: no-repeat;
background-size: cover;
}
.tab_content04_ttl {
font-family: 'GrandStage-Regular', sans-serif !important;
font-size: 42px;
font-weight: 400;
color: #ffffff;
}
.tab_content04_txt {
position: relative;
width: 472px;
margin: 20px auto 0 !important;
font-size: 25px;
font-weight: 600;
line-height: 1.32;
letter-spacing: -1px;
color: #33FF63;
}
.tab_content04_txt::before {
content: '';
position: absolute;
display: block;
width: 10px;
height: 9px;
background-image: url(https://image.a-rt.com/art/editor/202509/1758870435467.png);
left: -13px;
top: 0;
}
.tab_content04_txt::after {
content: '';
position: absolute;
display: block;
width: 10px;
height: 9px;
background-image: url(https://image.a-rt.com/art/editor/202509/1758870428617.png);
right: -11px;
top: 0;
}
.tab_content04_coupon_wrap {
display: flex;
justify-content: center;
align-items: center;
gap: 13px;
margin-top: 59px !important;
}
.tab_content04_coupon_01 {
position: relative;
max-width: 363px;
}
.tab_content04_coupon_02 {
position: relative;
max-width: 363px;
}
.tab_content04_coupon_dl {
display: flex;
justify-content: center;
align-items: center;
width: 529px;
height: 81px;
margin: 60px auto 0 !important;
background-color: #ffffff;
color: #000000;
}
.tab_content04_coupon_dl_txt {
font-size: 25px;
font-weight: 700;
line-height: 1;
}
.btn-md {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin: 49px auto 0 !important;
color: #ffffff;
}
.tab_content04_caution_ico {
max-width: 30px;
}
.tab_content04_caution_txt {
font-size: 25px;
font-weight: 600;
line-height: 2.16;
}
.banner_wrap {
background-color: #000000;
}
.banner_wrap a {
display: flex;
justify-content: center;
align-items: center;
gap: 47px;
padding: 59px 0 58px;
}
.banner_img {
max-width: 187px;
}
.banner_txt {
font-size: 25px;
font-weight: 400;
line-height: 1.32;
letter-spacing: -1px;
color: #ffffff;
}
/* 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;
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 {
font-weight: 600;
background-color: #D0FFDB;
color: #000;
}
.md-cnt.notice .btn-close {
position: absolute;
top: 30px;
right: 30px;
background: url('https://image.a-rt.com/art/managing/event/20230302_NIKE_AIR_MAX_DAY_CAMPAIGN/pc/md/btn2.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;
}
</style>
<!-- s : art-container-event -->
<div class="art-container-event">
<div class="art-content-inner main"><img alt="RUNNER STAGE" src="https://image.a-rt.com/art/editor/202510/1760418947066.jpg" />
<p class="txt main"><span>READY</span>, <span>SET</span>, <span>RUN</span></p>
</div>
<div class="art-content-inner">
<div class="content01">
<p class="content01_ttl">BRAND LINE-UP</p>
<p class="content01_sub_ttl">러너들이 선택한 브랜드 셀렉션</p>
<div class="content01_img"><img alt="" src="https://image.a-rt.com/art/editor/202510/1760404529343.png" /></div>
</div>
<div class="content02">
<p class="content02_ttl">RUNNING ESSENTIALS</p>
<p class="content02_sub_ttl">러닝을 위한 준비, 여기서부터</p>
<div class="content02_img"><img alt="#SHOES #APPAREL #GEAR #ACC" src="https://image.a-rt.com/art/editor/202509/1758870029564.png" /></div>
<p class="content02_comment">*온라인과 오프라인은 취급 상품이 다를 수 있습니다</p>
</div>
</div>
<div class="art-content-inner content03">
<p class="content03_ttl">FIND YOUR PERFECT PAIR</p>
<p class="content03_sub_ttl">당신의 러닝 레벨을 확인해보세요</p>
<div class="content03_swiper_wrap">
<div class="content03_swiper_box">
<div class="swiper-button-prev"> </div>
<div class="swiper content03_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="content03_swiper_rec_wrap _01">
<p class="content03_swiper_rec_ttl">BEGINNER</p>
<p class="content03_swiper_rec_txt">짧은 거리에서부터 러닝의 리듬을<br />
천천히 익혀가는 첫 걸음</p>
</div>
</div>
<div class="swiper-slide">
<div class="content03_swiper_rec_wrap _02">
<p class="content03_swiper_rec_ttl">TRAINER</p>
<p class="content03_swiper_rec_txt">거리와 페이스를 조율해<br />
하프 코스까지 완주를 목표로 하는 러너</p>
</div>
</div>
<div class="swiper-slide">
<div class="content03_swiper_rec_wrap _03">
<p class="content03_swiper_rec_ttl">RACER</p>
<p class="content03_swiper_rec_txt">속도와 기록을 향해 몰입하며<br />
장거리 훈련과 풀코스를 준비하는 퍼포머</p>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"> </div>
</div>
</div>
</div>
<!-- GNB -->
<nav id="tabNav">
<ul class="tablist" role="tablist">
<li aria-controls="tabpanel1" class="tab" id="tab1" role="tab"><a href="#tabpanel1"><span><span class="txt_hide">거리별 추천</span></span></a></li>
<li aria-controls="tabpanel2" class="tab" id="tab2" role="tab"><a href="#tabpanel2"><span><span class="txt_hide">목적별 추천</span></span></a></li>
<li aria-controls="tabpanel3" class="tab" id="tab3" role="tab"><a href="#prodContent11"><span><span class="txt_hide">의류</span></span></a></li>
<li aria-controls="tabpanel4" class="tab" id="tab4" role="tab"><a href="#prodContent14"><span><span class="txt_hide">용품</span></span></a></li>
</ul>
</nav>
<div aria-labelledby="tab1" class="art-content-inner cnt tab_content01" id="tabpanel1">
<p class="tab_content01_ttl">RUN BY DISTANCE</p>
<p class="tab_content01_sub_ttl">거리별로 설계된 최적의 러닝화</p>
<ul class="dis_rec" id="dis_rec">
<li><a href="#dis_rec1">입문용</a></li>
<li><a href="#dis_rec2">10K</a></li>
<li><a href="#dis_rec3">21K</a></li>
<li><a href="#dis_rec4">FULL</a></li>
</ul>
<div class="dis_rec_content" id="dis_rec1">
<p class="dis_rec_content_ttl">처음 러닝을 시작하는 이들을 위한 밸런스형 셀렉션</p>
<div class="dis_rec_content_wrap_flex">
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492231632.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">ADIDAS</p>
<p class="dis_rec_content_item_name">ULTRARUN 5</p>
<p class="dis_rec_content_item_txt">라이트스트라이크로 완성된<br />
가볍고 부드러운 러닝화</p>
</div>
</div>
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492251879.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">MIZUNO</p>
<p class="dis_rec_content_item_name">MIZUNO NEO COSMO</p>
<p class="dis_rec_content_item_txt">미즈노 에너지폼이 주는<br />
편안한 착화감의 러닝화</p>
</div>
</div>
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492281393.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">PUMA</p>
<p class="dis_rec_content_item_name">ELECTRIFY NITRO 4</p>
<p class="dis_rec_content_item_txt">니트로 폼으로 가볍고<br />
반응성 좋은 엔트리 러닝화</p>
</div>
</div>
</div>
<a class="dis_rec_content_item_more" href="#prodContent1"><span class="dis_rec_content_item_more_txt">상품 더 보기</span> <span class="dis_rec_content_item_more_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870322865.png" /></span> </a></div>
<div class="dis_rec_content" id="dis_rec2">
<p class="dis_rec_content_ttl">경량과 쿠셔닝의 조화를 갖춘 데일리 러닝 구성</p>
<div class="dis_rec_content_wrap_flex">
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492310904.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">ADIDAS</p>
<p class="dis_rec_content_item_name">ADIZERO SL2 M</p>
<p class="dis_rec_content_item_txt">경량 미드솔의 탄탄한 반발력<br />
기록 단축형 10K 트레이너</p>
</div>
</div>
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202510/1760682057021.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">SAUCONY</p>
<p class="dis_rec_content_item_name">GUIDE 18 WIDE</p>
<p class="dis_rec_content_item_txt">PWRRUN 쿠션으로 편안하게<br />
안정감 높인 10K 러닝화</p>
</div>
</div>
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492333396.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">MIZUNO</p>
<p class="dis_rec_content_item_name">WAVE RIDER 29 SW</p>
<p class="dis_rec_content_item_txt">웨이브플레이트의 추진감으로<br />
탄탄한 주행감의 스테디셀러</p>
</div>
</div>
</div>
<a class="dis_rec_content_item_more" href="#prodContent2"><span class="dis_rec_content_item_more_txt">상품 더 보기</span> <span class="dis_rec_content_item_more_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870322865.png" /></span> </a></div>
<div class="dis_rec_content" id="dis_rec3">
<p class="dis_rec_content_ttl">페이스 유지와 지지력을 고려한 하프 마라톤 최적화</p>
<div class="dis_rec_content_wrap_flex">
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202510/1760938677680.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">SAUCONY</p>
<p class="dis_rec_content_item_name">ENDORPHIN SPEED 5</p>
<p class="dis_rec_content_item_txt">카본과 PWRRUN 폼으로<br />
가벼움과 반발력을 극대화</p>
</div>
</div>
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492356567.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">NIKE</p>
<p class="dis_rec_content_item_name">VOMERO 18 WIDE</p>
<p class="dis_rec_content_item_txt">줌엑스 폼의 부드러운 반발력<br />
하프 마라톤 러너의 선택</p>
</div>
</div>
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492386872.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">ADIDAS</p>
<p class="dis_rec_content_item_name">ADIZERO BOSTON 13</p>
<p class="dis_rec_content_item_txt">에너지로드 시스템 적용으로<br />
장거리 안정성 뛰어난 트레이너</p>
</div>
</div>
</div>
<a class="dis_rec_content_item_more" href="#prodContent3"><span class="dis_rec_content_item_more_txt">상품 더 보기</span> <span class="dis_rec_content_item_more_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870322865.png" /></span> </a></div>
<div class="dis_rec_content" id="dis_rec4">
<p class="dis_rec_content_ttl">기록 단축과 에너지 리턴을 위한 하이엔드 퍼포먼스</p>
<div class="dis_rec_content_wrap_flex">
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202510/1760948739558.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">SAUCONY</p>
<p class="dis_rec_content_item_name">ENDORPHIN ELITE 2</p>
<p class="dis_rec_content_item_txt">엘리트 러너 위한 추진력<br />
탄성이 극대화된 레이싱화</p>
</div>
</div>
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492406609.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">SAUCONY</p>
<p class="dis_rec_content_item_name">ENDORPHIN PRO 4</p>
<p class="dis_rec_content_item_txt">PWRRUN HG 플레이트 구조로<br />
기록 단축형 풀마라톤화</p>
</div>
</div>
<div class="dis_rec_content_wrap">
<div class="dis_rec_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492397087.jpg" /></div>
<div class="dis_rec_content_txt_wrap">
<p class="dis_rec_content_brand_name">PUMA</p>
<p class="dis_rec_content_item_name">DEVIATE NITRO ELITE</p>
<p class="dis_rec_content_item_txt">엘리트 니트로폼의 반응력<br />
풀코스 완주용 레이싱화</p>
</div>
</div>
</div>
<a class="dis_rec_content_item_more" href="#prodContent4"><span class="dis_rec_content_item_more_txt">상품 더 보기</span> <span class="dis_rec_content_item_more_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870322865.png" /></span> </a></div>
</div>
<div aria-labelledby="tab2" class="art-content-inner cnt tab_content02" id="tabpanel2">
<p class="tab_content02_ttl">RUN BY PURPOSE</p>
<p class="tab_content02_sub_ttl">러닝 스타일에 따라 달라지는 기준</p>
<ul class="dis_pur" id="dis_pur">
<li><a href="#dis_pur1">레이싱화</a></li>
<li><a href="#dis_pur2">슈퍼 트레이닝화</a></li>
<li><a href="#dis_pur3">쿠션화</a></li>
<li><a href="#dis_pur4">안정화</a></li>
<li><a href="#dis_pur5">에브리데이</a></li>
<li><a href="#dis_pur6">트레일 러닝화</a></li>
</ul>
<div class="dis_pur_content" id="dis_pur1">
<p class="dis_pur_content_ttl">스피드와 기록 단축을 위한 최상급 퍼포먼스 라인</p>
<div class="dis_pur_content_wrap_flex">
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492786731.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">SAUCONY</p>
<p class="dis_pur_content_item_name">ENDORPHIN ELITE 2</p>
<p class="dis_pur_content_item_txt">하이리바운드 폼 탑재로<br />
폭발적 반응성의 레이스화</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492777426.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">SAUCONY</p>
<p class="dis_pur_content_item_name">ENDORPHIN PRO 4</p>
<p class="dis_pur_content_item_txt">카본플레이트의 추진력으로<br />
기록갱신을 위한 탑티어화</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492769014.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">PUMA</p>
<p class="dis_pur_content_item_name">DEVIATE NITRO ELITE</p>
<p class="dis_pur_content_item_txt">반발력 극대화된 니트로폼<br />
레이스데이 퍼포먼스 러닝화</p>
</div>
</div>
</div>
<a class="dis_pur_content_item_more" href="#prodContent5"><span class="dis_pur_content_item_more_txt">상품 더 보기</span> <span class="dis_pur_content_item_more_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870322865.png" /></span> </a></div>
<div class="dis_pur_content" id="dis_pur2">
<p class="dis_pur_content_ttl">다양한 러닝 환경에 최적화된 올라운드 퍼포먼스 모델</p>
<div class="dis_pur_content_wrap_flex">
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492815845.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">SAUCONY</p>
<p class="dis_pur_content_item_name">ENDORPHIN SPEED 5</p>
<p class="dis_pur_content_item_txt">PWRRUN PB 폼의 탄력감으로<br />
레이스급 트레이닝 퍼포먼스</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492807012.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">ADIDAS</p>
<p class="dis_pur_content_item_name">ADIZERO BOSTON 13</p>
<p class="dis_pur_content_item_txt">ENERGYRODS 구조의 안정성<br />
스피드 트레이닝에 최적화</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202510/1760939939920.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">MIZUNO</p>
<p class="dis_pur_content_item_name">WAVE REBELLION 3</p>
<p class="dis_pur_content_item_txt">탄력 있는 쿠셔닝과 추진력을<br />
갖춘 퍼포먼스 트레이너</p>
</div>
</div>
</div>
<a class="dis_pur_content_item_more" href="#prodContent6"><span class="dis_pur_content_item_more_txt">상품 더 보기</span> <span class="dis_pur_content_item_more_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870322865.png" /></span> </a></div>
<div class="dis_pur_content" id="dis_pur3">
<p class="dis_pur_content_ttl">장거리 주행을 위한 충격 흡수와 편안한 착화감</p>
<div class="dis_pur_content_wrap_flex">
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202510/1760940870567.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">SAUCONY</p>
<p class="dis_pur_content_item_name">TRIUMPH 23</p>
<p class="dis_pur_content_item_txt">PWRRUN+ 쿠션으로 완성된<br />
장거리용 프리미엄 쿠션화</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492833851.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">NIKE</p>
<p class="dis_pur_content_item_name">VOMERO 18 WIDE</p>
<p class="dis_pur_content_item_txt">줌엑스폼의 소프트한 반발감<br />
쿠션감 중시 러너에게 추천</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492843593.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">NEW BALANCE</p>
<p class="dis_pur_content_item_name">M1080R14</p>
<p class="dis_pur_content_item_txt">프레시폼X가 제공하는 유연함<br />
최고급 쿠션의 데일리 러닝화</p>
</div>
</div>
</div>
<a class="dis_pur_content_item_more" href="#prodContent7"><span class="dis_pur_content_item_more_txt">상품 더 보기</span> <span class="dis_pur_content_item_more_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870322865.png" /></span> </a></div>
<div class="dis_pur_content" id="dis_pur4">
<p class="dis_pur_content_ttl">균형잡힌 착지와 흔들림 없는 러닝을 위한 선택</p>
<div class="dis_pur_content_wrap_flex">
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492854301.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">SAUCONY</p>
<p class="dis_pur_content_item_name">TEMPUS 2</p>
<p class="dis_pur_content_item_txt">가이드 프레임으로 흔들림 억제<br />
균형잡힌 안정형 러닝화</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492862819.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">ASICS</p>
<p class="dis_pur_content_item_name">GEL-KAYANO 32</p>
<p class="dis_pur_content_item_txt">다이나믹 듀오맥스 기술로<br />
발안정성 극대화한 모델</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492870115.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">PUMA</p>
<p class="dis_pur_content_item_name">FOREVERRUN NITRO</p>
<p class="dis_pur_content_item_txt">니트로폼과 스태빌리티 구조로<br />
무릎 부담 줄인 안정형 러닝화</p>
</div>
</div>
</div>
<a class="dis_pur_content_item_more" href="#prodContent8"><span class="dis_pur_content_item_more_txt">상품 더 보기</span> <span class="dis_pur_content_item_more_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870322865.png" /></span> </a></div>
<div class="dis_pur_content" id="dis_pur5">
<p class="dis_pur_content_ttl">가볍고 편안한 착용감으로 일상과 러닝을 모두 아우르는 선택</p>
<div class="dis_pur_content_wrap_flex">
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492879214.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">NIKE</p>
<p class="dis_pur_content_item_name">AIRZOOM PEGASUS</p>
<p class="dis_pur_content_item_txt">줌에어의 탄탄한 반발감으로<br />
매일 달리기 좋은 데일리화</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492887367.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">ADIDAS</p>
<p class="dis_pur_content_item_name">SUPERNOVA RISE 2</p>
<p class="dis_pur_content_item_txt">드림스트라이크 폼 적용으로<br />
편안한 착화감의 일상 러닝화</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492894724.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">MIZUNO</p>
<p class="dis_pur_content_item_name">WAVE RIDER 29</p>
<p class="dis_pur_content_item_txt">웨이브 플레이트의 추진감<br />
꾸준한 러닝용 스테디셀러</p>
</div>
</div>
</div>
<a class="dis_pur_content_item_more" href="#prodContent9"><span class="dis_pur_content_item_more_txt">상품 더 보기</span> <span class="dis_pur_content_item_more_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870322865.png" /></span> </a></div>
<div class="dis_pur_content" id="dis_pur6">
<p class="dis_pur_content_ttl">다양한 지형에서도 안정적인 러닝을 지원하는 아웃도어의 설계</p>
<div class="dis_pur_content_wrap_flex">
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492921563.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">SAUCONY</p>
<p class="dis_pur_content_item_name">XODUS ULTRA 3</p>
<p class="dis_pur_content_item_txt">장거리 트레일을 위한 쿠션<br />
견고한 착지감의 하이엔드화</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202510/1760941283413.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">NEW BALANCE</p>
<p class="dis_pur_content_item_name">MTVNYMC1</p>
<p class="dis_pur_content_item_txt">견고한 그립력과 착화감<br />
흔들림없는 안정적인 트레일화</p>
</div>
</div>
<div class="dis_pur_content_wrap">
<div class="dis_pur_content_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760492941335.jpg" /></div>
<div class="dis_pur_content_txt_wrap">
<p class="dis_pur_content_brand_name">ADIDAS</p>
<p class="dis_pur_content_item_name">TERREX AGRAVIC 3</p>
<p class="dis_pur_content_item_txt">컨티넨탈 그립 아웃솔로<br />
미끄럼 방지력 탁월한 트레일화</p>
</div>
</div>
</div>
<a class="dis_pur_content_item_more" href="#prodContent10"><span class="dis_pur_content_item_more_txt">상품 더 보기</span> <span class="dis_pur_content_item_more_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870322865.png" /></span> </a></div>
</div>
<div aria-labelledby="tab3" class="art-content-inner cnt tab_content03">
<p class="tab_content03_ttl">RUNNERS SAY</p>
<p class="tab_content03_sub_ttl">러너들의 솔직한 리뷰</p>
<div class="swiper tab_content03_swiper pc">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="review_wrap" onclick="location.href='https://grandstage.a-rt.com/product/new?prdtNo=1020116601'">
<div class="review_content_wrap">
<div class="review_thumbnail_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760502319218.png" /></div>
<div class="review_txt_wrap">
<div class="review_title_txt_wrap">
<p class="review_item_brand">PUMA</p>
<p class="review_item_item">VELOCITY NITRO 4 AP</p>
</div>
<div class="review_star_wrap">
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
</div>
<p class="review_txt">기대 이상입니다. 구매 후 50킬로 정도 러닝 제 발사이즈는 길이 258/ 발볼 104/105 발</p>
<div class="review_arrow_wrap">
<p class="review_id_date">m******8 / 25.08.06</p>
<div class="review_arrow"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870279647.png" /></div>
</div>
</div>
</div>
</div>
<div class="review_wrap" onclick="location.href='https://grandstage.a-rt.com/product/new?prdtNo=1020116103'">
<div class="review_content_wrap">
<div class="review_thumbnail_img"><img alt="" src="https://image.a-rt.com/art/editor/202510/1760935080956.png" /></div>
<div class="review_txt_wrap">
<div class="review_title_txt_wrap">
<p class="review_item_brand">SAUCONY</p>
<p class="review_item_item">ENDORPHIN SPEED 5</p>
</div>
<div class="review_star_wrap">
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
</div>
<p class="review_txt">통풍도 잘되고 속도도 훨씬 잘 나와서 대회용으로 뛰려고합니다. 발볼러분들은 +10 해도</p>
<div class="review_arrow_wrap">
<p class="review_id_date">n****r / 25.10.14</p>
<div class="review_arrow"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870279647.png" /></div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="review_wrap" onclick="location.href='https://grandstage.a-rt.com/product/new?prdtNo=1020116105'">
<div class="review_content_wrap">
<div class="review_thumbnail_img"><img alt="" src="https://image.a-rt.com/art/editor/202510/1760936103507.png" /></div>
<div class="review_txt_wrap">
<div class="review_title_txt_wrap">
<p class="review_item_brand">SAUCONY</p>
<p class="review_item_item">RIDE 18</p>
</div>
<div class="review_star_wrap">
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
</div>
<p class="review_txt">발볼러에게 편안함을 주는 신발 입니다. 가볍고 여유롭습니다. 박스에 Large 표기가 있으</p>
<div class="review_arrow_wrap">
<p class="review_id_date">n****r / 25.10.14</p>
<div class="review_arrow"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870279647.png" /></div>
</div>
</div>
</div>
</div>
<div class="review_wrap" onclick="location.href='https://grandstage.a-rt.com/product/new?prdtNo=1020116604'">
<div class="review_content_wrap">
<div class="review_thumbnail_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760502283529.png" /></div>
<div class="review_txt_wrap">
<div class="review_title_txt_wrap">
<p class="review_item_brand">PUMA</p>
<p class="review_item_item">VELOCITY NITRO 4 WNS</p>
</div>
<div class="review_star_wrap">
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
</div>
<p class="review_txt">잘받았습니다 쿠션이 좋아서 입문용으로 신기 아주좋습니다 런닝 이제 시작하는데 적극 추</p>
<div class="review_arrow_wrap">
<p class="review_id_date">F******************W / 25.10.09</p>
<div class="review_arrow"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870279647.png" /></div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="review_wrap" onclick="location.href='https://grandstage.a-rt.com/product/new?prdtNo=1020116067'">
<div class="review_content_wrap">
<div class="review_thumbnail_img"><img alt="" src="https://image.a-rt.com/art/editor/202509/1760502309519.png" /></div>
<div class="review_txt_wrap">
<div class="review_title_txt_wrap">
<p class="review_item_brand">ASICS</p>
<p class="review_item_item">GEL-KAYANO 32</p>
</div>
<div class="review_star_wrap">
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
</div>
<p class="review_txt">사계절 러닝화로 추천합니다 착화감은 기본이고 통기성도 괜찮네요</p>
<div class="review_arrow_wrap">
<p class="review_id_date">P****n / 25.09.14</p>
<div class="review_arrow"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870279647.png" /></div>
</div>
</div>
</div>
</div>
<div class="review_wrap" onclick="location.href='https://grandstage.a-rt.com/product/new?prdtNo=1020107938'">
<div class="review_content_wrap">
<div class="review_thumbnail_img"><img alt="" src="https://image.a-rt.com/art/editor/202510/1760932672149.png" /></div>
<div class="review_txt_wrap">
<div class="review_title_txt_wrap">
<p class="review_item_brand">SAUCONY</p>
<p class="review_item_item">XODUS ULTRA 3</p>
</div>
<div class="review_star_wrap">
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
<div class="review_star _fill"> </div>
</div>
<p class="review_txt">등산 및 트레일러닝용으로 구입. 전체 모양은 날렵한 형태이고 속도감 있는 주행에 맞는 신</p>
<div class="review_arrow_wrap">
<p class="review_id_date">s***c / 25.09.28</p>
<div class="review_arrow"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870279647.png" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"> </div>
</div>
</div>
<div aria-labelledby="tab4" class="art-content-inner cnt tab_content04">
<p class="tab_content04_ttl">MONTHLY COUPON PACK</p>
<p class="tab_content04_txt">RUNNER STAGE에서는 매월 특별한 쿠폰 혜택이?</p>
<div class="tab_content04_coupon_wrap">
<div class="tab_content04_coupon_01"><span class="tab_content04_coupon_01_img"> <img alt="MONTHLY COUPON 10% RUNNER STAGE" src="https://image.a-rt.com/art/editor/202509/1758870409053.png" /> </span></div>
<div class="tab_content04_coupon_02"><span class="tab_content04_coupon_02_img"> <img alt="MONTHLY COUPON +6% RUNNER STAGE" src="https://image.a-rt.com/art/editor/202509/1758870418880.png" /> </span></div>
</div>
<a class="tab_content04_coupon_dl" href="javascript:abc.couponDown('3000000730','3000000729')"><span class="tab_content04_coupon_dl_txt">쿠폰 모두 다운로드</span> </a> <a class="btn-md" data-href="#modal1" href="javascript:void(0);"> <span class="tab_content04_caution_ico"><img alt="" src="https://image.a-rt.com/art/editor/202509/1758870398251.png" /></span> <span class="tab_content04_caution_txt">유의 사항</span> </a> <!-- 모달창 1 -->
<div aria-labelledby="mdTit1" aria-modal="true" class="md-cnt notice" id="modal1" role="dialog">
<div class="md-tit">
<h4 class="main" id="mdTit1">유의 사항</h4>
</div>
<div class="md-txt">
<ul>
<li>쿠폰 다운로드 및 사용 기간 <span class="spot">2025/10/20 00:00 - 2025/10/31 23:59</span></li>
<li>쿠폰은 통합멤버십 회원 대상이며, 각 쿠폰은 ID당 1회 다운로드 가능합니다.</li>
<li>일부 상품의 경우 쿠폰 적용 대상에서 제외될 수 있습니다.</li>
<li>다운로드한 쿠폰은 마이 페이지 > 쇼핑 혜택 > 쿠폰 리스트에서 확인 가능합니다.</li>
<li>본 행사는 당사 사정에 의해 사전 고지 없이 내용 변경 및 조기 종료 될 수 있습니다.</li>
<li>쿠폰을 사용하여 주문하신 후 취소/반품 하신 경우, 재발급되지 않습니다.</li>
</ul>
</div>
<button class="btn-close" data-link="last" type="button">닫기</button></div>
</div>
<div class="art-content-inner banner_wrap"><a href="https://m.grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000006213"><span class="banner_img"> <img alt="ABC-MART SPORTS" src="https://image.a-rt.com/art/editor/202509/1758869983860.png" /> </span> <span class="banner_txt"> ABC마트 스포츠 오프라인 매장에서도 만나보세요. </span> </a></div>
</div>
<!-- e : art-container-event --><!-- content03_swiper --><script>
$(function () {
const $swiper = $('.swiper.content03_swiper');
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const slideCount = $swiper.find('.swiper-slide').length;
const swiperInstance = new Swiper('.swiper.content03_swiper', {
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 34.7,
speed: 500,
allowTouchMove: true,
loop: slideCount > 1,
watchOverflow: true,
// autoplay: {
// delay: 3000,
// disableOnInteraction: false,
// },
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
});
function updateSpaceBetween() {
const baseSpace = swiperInstance.originalParams.spaceBetween;
if (window.innerWidth <= 720) {
swiperInstance.params.spaceBetween = (baseSpace / 720) * window.innerWidth;
} else {
swiperInstance.params.spaceBetween = baseSpace;
}
swiperInstance.update();
}
updateSpaceBetween();
window.addEventListener('resize', updateSpaceBetween);
observer.unobserve(entry.target);
}
});
}, { threshold: 0.3 });
observer.observe($swiper[0]);
});
</script><!-- GNB 스크립트 --><script>
$(document).ready(function () {
let topSpace;
function headNone() {
if ($('.wrap .header-wrap').hasClass('scroll-down')) {
$(':root').css({
'--head': '60px'
});
topSpace = 100;
} else {
$(':root').css({
'--head': '0'
});
topSpace = 40;
}
}
function centerTab(tabElement) {
tabElement.scrollIntoView({
behavior: 'smooth',
block: 'nearest',
inline: 'center',
});
}
function onScroll() {
headNone();
const scrollY = Math.ceil($(window).scrollTop() + topSpace);
let activeSection = null;
$('.art-content-inner.cnt').removeClass('active');
$('#tabNav .tab').removeClass('active');
$('.art-content-inner.cnt').each(function () {
const cntTop = Math.floor($(this).offset().top);
const cntBtm = cntTop + $(this).height();
if (scrollY >= cntTop && scrollY < cntBtm) {
activeSection = this;
return false;
}
});
if (activeSection) {
$(activeSection).addClass('active');
const tabId = $(activeSection).attr('aria-labelledby');
const $tab = $('#' + tabId);
$tab.addClass('active');
centerTab($tab[0]);
}
}
$('#tabNav .tablist .tab a').on('click', function (event) {
event.preventDefault();
headNone();
const $tab = $(this).parent();
$tab.addClass('active').siblings().removeClass('active');
centerTab($tab[0]);
const href = $(this).attr('href');
$('html, body')
.stop()
.animate({
scrollTop: $(href).offset().top - topSpace
}, 300);
});
$(window).on('scroll', onScroll);
});
</script><!-- dis_rec --><script>
document.querySelectorAll('#dis_rec a').forEach(tab => {
tab.addEventListener('click', function (e) {
e.preventDefault();
document.querySelectorAll('#dis_rec a')
.forEach(a => a.classList.remove('active'));
this.classList.add('active');
document.querySelectorAll('.dis_rec_content')
.forEach(c => c.classList.remove('active'));
const target = document.querySelector(this.getAttribute('href'));
if (target) target.classList.add('active');
});
});
const firstTab = document.querySelector('#dis_rec a');
if (firstTab) firstTab.click();
</script><!-- dis_pur --><script>
document.querySelectorAll('#dis_pur a').forEach(tab => {
tab.addEventListener('click', function (e) {
e.preventDefault();
document.querySelectorAll('#dis_pur a')
.forEach(a => a.classList.remove('active'));
this.classList.add('active');
document.querySelectorAll('.dis_pur_content')
.forEach(c => c.classList.remove('active'));
const target = document.querySelector(this.getAttribute('href'));
if (target) target.classList.add('active');
});
});
const firstTab2 = document.querySelector('#dis_pur a');
if (firstTab2) firstTab2.click();
</script><!-- tab_content03_swiper (PC 전용) --><script>
(function() {
$(function () {
$('.swiper.tab_content03_swiper.pc').each(function (i) {
const $this = $(this);
const pagination = $this.find('.swiper-pagination');
pagination.addClass('pc-type' + i);
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const slideCount = $this.find('.swiper-slide').length;
const swiperInstance = new Swiper($this[0], {
slidesPerView: 1,
spaceBetween: 13,
speed: 1500,
allowTouchMove: true,
loop: slideCount > 1,
watchOverflow: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
pagination: {
el: pagination[0],
clickable: true,
},
});
function updateSpaceBetween() {
const baseSpace = swiperInstance.originalParams.spaceBetween;
if (window.innerWidth <= 720) {
swiperInstance.params.spaceBetween = (baseSpace / 720) * window.innerWidth;
} else {
swiperInstance.params.spaceBetween = baseSpace;
}
swiperInstance.update();
}
updateSpaceBetween();
window.addEventListener('resize', updateSpaceBetween);
observer.unobserve(entry.target);
}
});
}, { threshold: 0.3 });
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().next().css('visibility', 'visible');
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 () {
$('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 : 이벤트 복사영역 여기까지 -->