SAUCONY 브랜드관
2024.01.24 ~ 2024.12.31
<style>
/* 웹폰트 설정 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
/* 레이아웃 */
.art-container-event {
position: relative;
width: 100%;
max-width: 1920px;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
.art-content-inner {
position: relative;
margin: 0 auto;
overflow: hidden;
word-break: keep-all;
font-family: Pretendard, sans-serif !important;
width: 100%;
}
.art-content-inner img {
display: block;
width: 100%;
}
/* 기획전 상단 타이틀 영역 제거 */
:is(.wrap .contents-wrap) .top-title-wrap,
.breadcrumb-wrap {
display: none !important;
}
/* 공통 */
.art-content-inner .sub-title {
font-family: 'Montserrat', sans-serif;
font-size: 54px;
font-weight: 900;
letter-spacing: -0.01em;
padding-bottom: 50px;
}
.art-content-inner :is(p, strong, span, h2, h3, button) {
letter-spacing: -0.03em;
word-break: keep-all !important;
}
/* 메인 로고 */
.art-content-inner.main-logo {
display: flex;
flex-direction: column;
align-items: center;
/* 타이틀 하단 공통 스타일 공백(44px) 제외 */
padding: 86px 0;
}
.art-content-inner.main-logo .img-wrap {
width: 343px;
margin-left: 30px;
}
.art-content-inner.main-logo > p {
font-size: 26px;
font-weight: 500;
line-height: 38px;
padding-top: 33px;
}
/* 메인 배너 */
.art-content-inner .swiper1 {
width: 100%;
height: 560px;
overflow: hidden;
}
.art-content-inner.main-banner .swiper1 .swiper-slide a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
.art-content-inner .swiper1 .swiper-slide img {
width: 100%;
max-width: 1920px;
height: 100%;
object-fit: cover;
}
/* 메인 배너 - 텍스트 */
.art-content-inner .swiper1 .swiper-slide .tit-wrap {
position: absolute;
top: 150px;
left: 50%;
margin-left: -600px;
color: #fff;
text-align: left;
opacity: 0;
z-index: 1;
}
.art-content-inner .swiper1 .swiper-slide .tit-wrap strong {
font-size: 58px;
font-weight: 800;
line-height: 70px;
width: 500px;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.art-content-inner .swiper1 .swiper-slide .tit-wrap p {
font-size: 20px;
margin-top: 36px;
width: 320px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.art-content-inner .swiper1 .swiper-slide-active .tit-wrap {
animation: fade-in 0.8s ease-in-out forwards;
animation-delay: 0.6s;
}
@keyframes fade-in {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* 메인 배너 - 버튼 */
.art-content-inner .swiper1 .swiper-util-wrap {
position: absolute;
bottom: 120px;
left: 50%;
margin-left: -600px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 26px;
width: 128px;
height: 52px;
z-index: 1;
}
.art-content-inner .swiper1 .swiper-util-wrap .swiper-button-prev {
background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/ico_prev.png') no-repeat;
left: 20px;
}
.art-content-inner .swiper1 .swiper-util-wrap .swiper-button-next {
background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/ico_next.png') no-repeat;
right: 20px;
}
.art-content-inner .swiper1 .swiper-util-wrap .swiper-button-prev,
.art-content-inner .swiper1 .swiper-util-wrap .swiper-button-next {
transform: translateY(-50%);
background-size: 100%;
margin-top: 0;
width: 8px;
height: 12px;
}
.art-content-inner .swiper1 .swiper-util-wrap .swiper-pagination {
position: relative;
bottom: auto;
color: #888;
font-size: 16px;
font-weight: bold;
width: auto;
}
.art-content-inner .swiper1 .swiper-util-wrap .swiper-pagination .swiper-pagination-current {
color: #000;
}
/* 아이콘(시리즈) */
.art-content-inner.cnt-icon {
max-width: 1200px;
padding: 170px 0 280px;
}
.art-content-inner .swiper2 .swiper-slide .img-wrap {
width: 595px;
height: 760px;
overflow: hidden;
}
.art-content-inner .swiper2 .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.4s;
}
.art-content-inner .swiper2 .swiper-slide:hover img {
transform: scale(1.05);
}
/* 아이콘(시리즈) - 텍스트 */
.art-content-inner .swiper2 .swiper-slide .tit-wrap {
text-align: left;
padding-top: 40px;
}
.art-content-inner .swiper2 .swiper-slide .tit-wrap strong {
font-size: 42px;
font-weight: 800;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.art-content-inner .swiper2 .swiper-slide .tit-wrap p {
font-size: 32px;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 20px;
}
/* 메인 배너 - 버튼 */
.art-content-inner .swiper2 .swiper-pagination {
bottom: 170px;
height: 10px;
}
.art-content-inner .swiper2 .swiper-pagination .swiper-pagination-bullet {
background-color: #000;
width: 40px;
height: 10px;
margin: 0 5px;
border-radius: unset;
}
/* 롤링 배너 */
.art-content-inner.marquee {
display: block;
background: url('https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/marquee/bg.jpg') no-repeat;
}
.art-content-inner.marquee .img-box {
display: flex;
align-items: center;
animation: marquee 30s linear infinite;
width: 4136px;
}
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
/* 카테고리 */
.art-content-inner.cnt-ctg {
font-family: 'Montserrat', sans-serif;
max-width: 1200px;
padding: 170px 0;
}
.art-content-inner.cnt-ctg .ctg-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 60px 9px;
padding-bottom: 100px;
}
.art-content-inner.cnt-ctg .ctg-wrap .img-wrap {
overflow: hidden;
}
.art-content-inner.cnt-ctg .ctg-wrap .img-wrap img {
transition: all 0.4s;
}
.art-content-inner.cnt-ctg .ctg-wrap a:hover .img-wrap img {
transform: scale(1.05);
}
.art-content-inner.cnt-ctg .ctg-wrap .tit-wrap {
font-size: 20px;
font-weight: 800;
line-height: 1;
padding-top: 30px;
}
.art-content-inner.cnt-ctg .ctg-wrap a:hover .tit-wrap {
color: #00d463;
text-decoration: underline;
}
.art-content-inner.cnt-ctg .ctg-wrap-2 {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 24px;
}
.art-content-inner.cnt-ctg .ctg-wrap-2 a {
position: relative;
border-radius: 50%;
overflow: hidden;
}
.art-content-inner.cnt-ctg .ctg-wrap-2 .tit-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 28px;
font-weight: 800;
z-index: 2;
}
.art-content-inner.cnt-ctg .ctg-wrap-2 .img-wrap img {
transition: all 0.4s;
}
.art-content-inner.cnt-ctg .ctg-wrap-2 a:hover .img-wrap img {
transform: scale(1.05);
}
.art-content-inner.cnt-ctg .ctg-wrap-2 a::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
transition: all 0.4s;
z-index: 1;
}
.art-content-inner.cnt-ctg .ctg-wrap-2 a:hover::after {
background-color: rgba(0, 0, 0, 0.5);
}
/* 채널 배너 */
.art-content-inner.banner {
display: flex;
gap: 1px;
padding-bottom: 170px;
}
.art-content-inner.banner [class|='banner'] {
background-color: #000;
transition: all 0.5s;
}
.art-content-inner.banner .banner-gs {
width: 959px;
}
.art-content-inner.banner .banner-abc {
width: 960px;
}
.art-content-inner.banner .banner-gs:hover {
background-color: #568643;
}
.art-content-inner.banner .banner-abc:hover {
background-color: #90853b;
}
/* 비디오 */
.art-content-inner.video {
max-width: 1200px;
}
.art-content-inner.video .video-ratio {
position: relative;
height: 0;
padding-top: 56.25%;
}
.art-content-inner.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 매거진 */
.art-content-inner.cnt-mgz {
max-width: 1200px;
padding: 170px 0;
}
.art-content-inner.cnt-mgz .mgz-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 9px;
}
.art-content-inner.cnt-mgz .mgz-wrap a {
width: 394px;
}
.art-content-inner.cnt-mgz .mgz-wrap .img-wrap {
overflow: hidden;
}
.art-content-inner.cnt-mgz .mgz-wrap img {
transition: all 0.4s;
}
.art-content-inner.cnt-mgz .mgz-wrap a:hover img {
transform: scale(1.05);
}
.art-content-inner.cnt-mgz .mgz-wrap .tit-wrap {
text-align: left;
}
.art-content-inner.cnt-mgz .mgz-wrap .tit-wrap p {
color: #999;
font-size: 20px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 40px 0 24px;
}
.art-content-inner.cnt-mgz .mgz-wrap .tit-wrap h2 {
font-size: 34px;
font-weight: 800;
line-height: 44px;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.art-content-inner.cnt-mgz .mgz-wrap a:hover .tit-wrap h2 {
text-decoration: underline;
text-decoration-thickness: 2px;
}
/* SNS 배너 */
.art-content-inner.sns-banner {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: 3px solid #000;
border-left: 3px solid #000;
}
.art-content-inner.sns-banner .link-wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 21px;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
transition: all 0.4s;
}
.art-content-inner.sns-banner .link-wrap .img-wrap img {
height: 120px;
}
.art-content-inner.sns-banner .link-wrap .tit-wrap {
font-size: 28px;
font-weight: 700;
}
.art-content-inner.sns-banner .link-wrap:hover {
background-color: #00d463;
}
/* 오프라인 매장 */
.art-content-inner.offline {
background-color: #000;
padding: 68px 0;
}
.art-content-inner.offline h3 {
color: #fff;
font-size: 32px;
line-height: 1;
font-weight: 700;
padding-bottom: 28px;
}
.art-content-inner.offline .btn-md {
color: #fff;
font-family: Pretendard, sans-serif !important;
font-size: 24px;
font-weight: 600;
line-height: 54px;
border: 2px solid #fff;
width: 346px;
transition: all 0.3s;
}
.art-content-inner.offline .btn-md:hover {
color: #000;
background-color: #00d463;
border-color: #00d463;
}
/* 오프라인 매장 팝업 */
#dim {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
cursor: pointer;
}
.md-cnt {
visibility: hidden;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1200px;
z-index: 1000;
}
.md-cnt .btn-close {
position: absolute;
top: 30px;
right: 30px;
width: 44px;
height: 44px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.md-open {
overflow-y: hidden;
padding-right: 17px;
}
</style>
<!-- s : art-container-event -->
<div class="art-container-event">
<!-- 메인 로고 -->
<div class="art-content-inner main-logo">
<div class="img-wrap">
<img src="https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/main-logo.png" alt="" />
</div>
<p>
100년 이상의 역사를 자랑하는 글로벌 러닝화. <br />
러너들을 위한 써코니 러닝 상품을 만나보세요.
</p>
</div>
<!-- 메인 배너 -->
<div class="art-content-inner main-banner">
<div class="swiper swiper1">
<div class="swiper-wrapper">
<!-- 1번 슬라이드 -->
<div class="swiper-slide">
<a
data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="main_허리케인24"
data-tag-title="써코니 전문관"
href="https://www.a-rt.com/display/webzine/detail/main?wbznSeq=1665&wbznType=L">
<!-- 검정색 텍스트 사용 시, 하단 'tit-wrap'옆에 'black' 추가 -->
<div class="tit-wrap">
<strong>
HURRICANE 24<br />
LAUNCHING
</strong>
<p>데일리 러닝용으로 추천</p>
</div>
<img src="https://image.a-rt.com/art/editor/202407/1721348878295.jpg" alt="" />
</a>
</div>
<!-- 2번 슬라이드 -->
<div class="swiper-slide">
<a
data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="main_엔돌핀 스피드 4(호주)"
data-tag-title="써코니 전문관"
href="https://www.a-rt.com/display/webzine/detail/main?wbznSeq=1643&page=1">
<!-- 검정색 텍스트 사용 시, 하단 'tit-wrap'옆에 'black' 추가 -->
<div class="tit-wrap">
<strong>
ENDORPHIN <br />
SPEED 4
</strong>
<p>시드니의 활기를 담아낸 콜라보레이션</p>
</div>
<img src="https://image.a-rt.com/art/editor/202407/1720768707664.jpg" alt="" />
</a>
</div>
<!-- 3번 슬라이드 -->
<div class="swiper-slide">
<a
data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="main_트라이엄프 22"
data-tag-title="써코니 전문관"
href="https://www.a-rt.com/display/webzine/detail/main?wbznSeq=1629&wbznType=L">
<!-- 검정색 텍스트 사용 시, 하단 'tit-wrap'옆에 'black' 추가 -->
<div class="tit-wrap">
<strong>
SAUCONY <br />
TRIUMPH 22
</strong>
<p>시간당 100번의 미소가 번지는 러닝화</p>
</div>
<img src="https://image.a-rt.com/art/editor/202406/1718323878971.jpg" alt="" />
</a>
</div>
</div>
<div class="swiper-util-wrap">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<!-- 아이콘(시리즈) -->
<div class="art-content-inner cnt-icon">
<h1 class="sub-title">MEET OUR ICONS</h1>
<div class="swiper swiper2">
<div class="swiper-wrapper">
<!-- 1번 슬라이드 -->
<div class="swiper-slide">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="icon_타이드 2"
data-tag-title="써코니 전문관" href="#prodContent1" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202408/1723443696658.jpg" alt="" />
</div>
<div class="tit-wrap">
<strong>타이드 2</strong>
<p>일상속에서 느끼는 최상의 쿠션감</p>
</div>
</a>
</div>
<!-- 2번 슬라이드 -->
<div class="swiper-slide">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="icon_랜서3"
data-tag-title="써코니 전문관" href="#prodContent2" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202408/1723444241193.jpg" alt="" />
</div>
<div class="tit-wrap">
<strong>랜서 3</strong>
<p>라이프 스타일의 러닝화</p>
</div>
</a>
</div>
<!-- 3번 슬라이드 -->
<div class="swiper-slide">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="icon_허리케인24"
data-tag-title="써코니 전문관" href="#prodContent3" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1721349061779.jpg" alt="" />
</div>
<div class="tit-wrap">
<strong>허리케인 24</strong>
<p>안정적이고 부드러운 쿠셔닝</p>
</div>
</a>
</div>
<!-- 4번 슬라이드 -->
<div class="swiper-slide">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="icon_엔돌핀 스피드4"
data-tag-title="써코니 전문관" href="#prodContent4" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1720770146410.jpg" alt="" />
</div>
<div class="tit-wrap">
<strong>엔돌핀 스피드 4</strong>
<p>업그레이드 된 안정성과 반발력</p>
</div>
</a>
</div>
<!-- 5번 슬라이드 -->
<div class="swiper-slide">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="icon_트라이엄프 22"
data-tag-title="써코니 전문관" href="#prodContent5" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202406/1718325423628.jpg" alt="" />
</div>
<div class="tit-wrap">
<strong>트라이엄프 22</strong>
<p>시그니처 폼이 더 업그레이드된 러닝화</p>
</div>
</a>
</div>
<!-- 6번 슬라이드 -->
<div class="swiper-slide">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="icon_엔돌핀 프로4"
data-tag-title="써코니 전문관" href="#prodContent6" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202406/1717576393516.jpg" alt="" />
</div>
<div class="tit-wrap">
<strong>엔돌핀 프로 4</strong>
<p>완벽한 러닝을 위한 편안한 착용감</p>
</div>
</a>
</div>
<!-- 7번 슬라이드 -->
<div class="swiper-slide">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="icon_라이드 17"
data-tag-title="써코니 전문관" href="#prodContent7" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202401/1706685719432.jpg" alt="" />
</div>
<div class="tit-wrap">
<strong>라이드 17</strong>
<p>하루 종일 느낄 수 있는 편안함</p>
</div>
</a>
</div>
<!-- 8번 슬라이드 -->
<div class="swiper-slide">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="icon_가이드 17"
data-tag-title="써코니 전문관" href="#prodContent8" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202401/1706677032681.jpg" alt="" />
</div>
<div class="tit-wrap">
<strong>가이드 17</strong>
<p>전에 없던 최고를 지원하다</p>
</div>
</a>
</div>
<!-- 9번 슬라이드 -->
<div class="swiper-slide">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="icon_액손 3"
data-tag-title="써코니 전문관" href="#prodContent9" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/managing/event/20240123_saucony/pc/cnt-icon/02.jpg" alt="" />
</div>
<div class="tit-wrap">
<strong>액손 3</strong>
<p>더 빨라진 거침없는 추진력</p>
</div>
</a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<!-- 롤링 배너 -->
<div class="art-content-inner marquee">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="tech"
data-tag-title="써코니 전문관" href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000004004" class="img-box" >
<div><img src="https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/marquee/obj.png" alt="" /></div>
<div class="clone"><img src="https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/marquee/obj.png" alt="" /></div>
<div class="clone"><img src="https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/marquee/obj.png" alt="" /></div>
<div class="clone"><img src="https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/marquee/obj.png" alt="" /></div>
</a>
</div>
<!-- 카테고리 -->
<div class="art-content-inner cnt-ctg">
<h1 class="sub-title">CATEGORY</h1>
<div class="ctg-wrap">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="category_ENDORPHINS"
data-tag-title="써코니 전문관"
href="#prodContent10" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1720771726172.jpg" alt="" />
</div>
<p class="tit-wrap">ENDORPHINS</p>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="category_CUSHIONED"
data-tag-title="써코니 전문관" href="#prodContent11" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1720771744285.jpg" alt="" />
</div>
<p class="tit-wrap">CUSHIONED</p>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="category_FAST & LIGHT"
data-tag-title="써코니 전문관"
href="#prodContent12" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1720771754369.jpg" alt="" />
</div>
<p class="tit-wrap">FAST & LIGHT</p>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="category_STABILITY"
data-tag-title="써코니 전문관" href="#prodContent13" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1721005998352.jpg" alt="" />
</div>
<p class="tit-wrap">STABILITY</p>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="category_TRAIL"
data-tag-title="써코니 전문관"
href="#prodContent14" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1720771774039.jpg" alt="" />
</div>
<p class="tit-wrap">TRAIL</p>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="category_LIFE STYLE"
data-tag-title="써코니 전문관"
href="#prodContent15" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202403/1710835232785.jpg" alt="" />
</div>
<p class="tit-wrap">LIFE STYLE</p>
</a>
</div>
<div class="ctg-wrap-2">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="category_MEN"
data-tag-title="써코니 전문관"
href="#prodContent16" >
<p class="tit-wrap">MEN</p>
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1721006905253.jpg" alt="" />
</div>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="category_WOMEN"
data-tag-title="써코니 전문관"
href="#prodContent17" >
<p class="tit-wrap">WOMEN</p>
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1721006915040.jpg" alt="" />
</div>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="category_APPAREL"
data-tag-title="써코니 전문관"
href="#prodContent18" >
<p class="tit-wrap">APPAREL&ACC</p>
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1721006926343.jpg" alt="" />
</div>
</a>
</div>
</div>
<!-- 채널 배너 -->
<div class="art-content-inner banner">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="GS"
data-tag-title="써코니 전문관"
href="https://grandstage.a-rt.com/product/brand/page/main?brandNo=000062" class="banner-gs">
<img src="https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/banner/gs.png" alt="" />
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="ABC"
data-tag-title="써코니 전문관"
href="https://abcmart.a-rt.com/product/brand/page/main?ntab&brandNo=000062" class="banner-abc">
<img src="https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/banner/abc.png" alt="" />
</a>
</div>
<!-- 비디오 -->
<div class="art-content-inner video">
<div class="video-ratio">
<iframe src="https://play.wecandeo.com/playlist/?playlistKey=n4ACCxv8QZZ7W8WXRufqMisdnpA8I43sqQCu51iiopoJwie&playerKey=GH4f7mv0FtxhisK1vepXXIAieie"></iframe>
</div>
</div>
<!-- 매거진 -->
<div class="art-content-inner cnt-mgz">
<h1 class="sub-title">MAGAZINE</h1>
<div class="mgz-wrap">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="magazine_트라이엄프 22"
data-tag-title="써코니 전문관"
href="https://www.a-rt.com/display/webzine/detail/main?wbznSeq=1629&wbznType=L" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202406/1718342656889.jpg" alt="" />
</div>
<div class="tit-wrap">
<p>TREND</p>
<h2>
최상의 편안함 <br />
트라이엄프 22
</h2>
</div>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="magazine_엔돌핀 씨푸드팩"
data-tag-title="써코니 전문관" href="https://www.a-rt.com/display/webzine/detail/main?wbznSeq=1606&wbznType=L" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202406/1718342773928.jpg" alt="" />
</div>
<div class="tit-wrap">
<p>TREND</p>
<h2>
엔돌핀 <br />
씨푸드 팩
</h2>
</div>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="magazine_엔돌핀 스피드4 호주"
data-tag-title="써코니 전문관" href="https://www.a-rt.com/display/webzine/detail/main?wbznSeq=1643&page=1" >
<div class="img-wrap">
<img src="https://image.a-rt.com/art/editor/202407/1720773355394.jpg" alt="" />
</div>
<div class="tit-wrap">
<p>TREND</p>
<h2>
엔돌핀 스피드 4<br />
신규 컬러 런칭
</h2>
</div>
</a>
</div>
</div>
<!-- SNS 배너 -->
<div class="art-content-inner sns-banner">
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="SNS_러닝화 더 보기"
data-tag-title="써코니 전문관" href="https://grandstage.a-rt.com/display/category/main?genderGbnCode=10001&ctgrNo=1000000288" class="link-wrap">
<div class="img-wrap">
<img src="https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/sns-banner/01.png" alt="" />
</div>
<p class="tit-wrap">러닝화 더보기</p>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="SNS_유튜브"
data-tag-title="써코니 전문관" href="https://www.youtube.com/@user-ih6sl9yj6z" class="link-wrap">
<div class="img-wrap">
<img src="https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/sns-banner/02.png" alt="" />
</div>
<p class="tit-wrap">유튜브</p>
</a>
<a data-tag-id="2000003799"
data-tag-index="click_event_element"
data-tag-label="SNS_인스타그램"
data-tag-title="써코니 전문관" href="https://www.instagram.com/sauconykorea/" class="link-wrap">
<div class="img-wrap">
<img src="https://image.a-rt.com/art/managing/event/20240112_saucony_guide/pc/sns-banner/03.png" alt="" />
</div>
<p class="tit-wrap">인스타그램</p>
</a>
</div>
<!-- 오프라인 매장 -->
<div class="art-content-inner offline">
<h3>오프라인 매장에서도 써코니를 만나보세요.</h3>
<button class="btn-md" type="button" aria-haspopup="dialog" data-href="#modal1">매장 재고 확인 방법</button>
</div>
<!-- 오프라인 매장 팝업 -->
<div class="art-content-inner md-cnt" id="modal1" role="dialog" aria-modal="true" aria-labelledby="mdTit1">
<img src="https://image.a-rt.com/art/editor/202401/1706661466138.jpg" alt="" />
<button class="btn-close" type="button" data-link="last">닫기</button>
</div>
</div>
<!-- e : art-container-event -->
<!-- 1920px 스크립트 -->
<script>
$(function () {
editorCalcWidth();
});
$(window).on({
resize: function () {
editorCalcWidth();
},
});
function editorCalcWidth() {
var width_size = $(window).width();
if (width_size > 1200) {
$('.editor-wrap').css({
width: width_size,
});
}
}
</script>
<!-- 슬라이드 스크립트 -->
<script>
$(function () {
$('.swiper1').each(function (i) {
$(this)
.find('.swiper-pagination')
.addClass('type' + i);
$(this)
.find("[class*='swiper-button']")
.addClass('type' + i);
const mainSwiper1 = new Swiper($(this), {
slidesPerView: 1,
speed: 900,
allowTouchMove: true,
loop: $('.swiper-slide').length > 1,
watchOverflow: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
pagination: {
el: $(this).find('.swiper-pagination.type' + i),
type: 'fraction',
},
navigation: {
nextEl: $(this).find('.swiper-button-next.type' + i),
prevEl: $(this).find('.swiper-button-prev.type' + i),
},
});
if ($('.swiper-slide').length <= 1) {
$(this).find('.swiper-util-wrap').css('display', 'none');
}
});
$('.swiper2').each(function (i) {
$(this)
.find('.swiper-pagination')
.addClass('type' + i);
const mySwiper2 = new Swiper($(this), {
slidesPerView: 2,
spaceBetween: 10,
speed: 1500,
allowTouchMove: true,
loop: $('.swiper-slide').length > 1,
watchOverflow: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
pagination: {
el: $(this).find('.swiper-pagination.type' + i),
clickable: true,
},
});
});
});
</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 () {
$(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>
<!-- E : 이벤트 복사영역 여기까지 -->
MEN
WOMEN
APPAREL & ACC
상품만족도
0%
0
베스트 후기
| 스타일컬러 |
|
|
|---|---|---|
| 임직원가 | 0원 | |
| 출시예정일 | 일 시간 분 초 남았습니다. | |
| 예약주문기간 | ||
| 발송예정일 | (예정) | |
| 통합멤버십 혜택 |
포인트 0P
통합멤버십 회원인 경우, 상품 구매 시 결제금액의1% 포인트 적립됩니다. (온/오프라인 : 구매확정 후 익일 사용가능) 최종 적립 포인트는 할인 및 쿠폰 적용, 프로모션 등을 반영하여 산정됩니다. 회원 가입 시 즉시 적립 APP 설치 시 1만원 할인쿠폰 지급 |
|
| 결제할인 | ||
| 카드혜택 | 무이자 할부 혜택보기 | |
| 색상코드 | ||
| 배송방법 |
일반배송
|
|
| 배송방법 |
배송지 추가 후 이용 가능합니다.
배송지 등록은 마이페이지>개인정보 관리>배송주소록 관리 또는
배송지 등록은 마이페이지>개인정보 관리>배송주소록 관리 또는 상품상세에서 가능합니다. 상품상세에서 가능합니다. 구주소로는 아트배송이 불가합니다. |
|
| 사이즈 |
아트 핏
멤버십 회원 대상 서비스입니다. *로그인 후 모바일 기기에서 발을 촬영하시면 사이즈 추천이 가능합니다. 아트 핏
멤버십 회원 대상 서비스입니다. *멤버십 전환 후 모바일 기기에서 발을 촬영하시면 사이즈 추천 가능합니다. 아트 핏
AI 사이즈 추천을 위해 |
아트 핏
멤버십 회원 대상 서비스입니다. *로그인 후 모바일 기기에서 발을 촬영하시면 사이즈 추천이 가능합니다. 아트 핏
멤버십 회원 대상 서비스입니다. *멤버십 전환 후 모바일 기기에서 발을 촬영하시면 사이즈 추천 가능합니다. 아트 핏
AI 사이즈 추천을 위해 |
| 추가 옵션 | ||
| 사은품 | 선착순 증정 *조기 소진 시 지급이 제한됩니다. |
|
| 관련용품 추가구매 |
관련용품
|
|
| DRAW 예정일 | 일 시간 분 초 남았습니다. | |
| DRAW 종료일 | 일 시간 분 초 남았습니다. | |
| DRAW 종료일 | ||
| 응모기간 | ~ | |
| 당첨자 발표 | ||
| 당첨자 구입일 | ~ | |
| 매장전용 상품안내 | 매장전용 상품은 매장에서만 구매 가능하며, 가격 및 사이즈, 재고 정보는 매장마다 상이할 수 있습니다. |
아트배송 쿠폰 다운
| 당일배송 |
|
|---|---|
| 새벽배송 |
|
총 결제금액
0 원
상품이 되면 입력하신 연락처로 알림톡 또는 SMS가 발송됩니다.
- 알림(런칭 상품과 재입고 상품 포함) 서비스는 신청 후 30일간 유효합니다.
(30일 이후에는 시에도 알림이 되지 않습니다.) - 신청 상품의 옵션 및 가격 등의 상품정보가 변동될 수 있으니 시 상품정보 확인 후 구매하시기 바랍니다.
- 소량 될 경우 재고가 소진 될 수 있으니 빠른 시일 내에 구매 하시기 바랍니다.
- 신청한 상품은 마이페이지 > 쇼핑수첩 > 찜한 상품/알림상품 내역 에서 확인 가능합니다.
- 개인정보의 SMS수신동의 여부와 관계없이 알림 메시지가 발송됩니다.
내가 원하는 시간 때 상품을 받는다!
아트배송-
아트배송 배송 시간/비용 안내
월~금 00시 부터 오전 11시까지 주문 시 당일 도착
- 월~목 오전 11시 이후 주문 시 익일 도착
- 금요일 오전 11시 이후 ~ 주말 주문 시 월요일 도착
- 배송비 : 3,000원
-
아트배송 배송 가능 지역 안내
서울, 경기, 인천 지역
- 일부 지역은 배송이 불가할 수 있으며,
정확한 서비스 가능 여부는 배송지 등록을 통해 확인이 가능합니다.
- 일부 지역은 배송이 불가할 수 있으며,
-
아트배송 교환/반품 안내
받으신 상품은 온라인/오프라인 매장 구분 없이 교환/반품/AS접수가 가능합니다.
아트배송 서비스 유의사항
- 아트배송은 통합 멤버십 회원 전용 서비스 입니다.
- 아트배송이 가능한 주문 수량이 마감되는 경우 또는 기상 상태에 따라 발송이 지연되거나 배송이 불가할 수 있습니다.
- 당사 사정에 따라 아트배송 서비스가 불가한 날이 있을 수 있으며, 사전에 공지드립니다.
- 아트배송은 1회 주문 시 한 개의 상품만 주문이 가능하며, 두 개 이상의 상품을 구매하실 경우 한 상품씩 개별로 주문하여 주시기 바랍니다.
- 배송 가능한 상품의 재고가 변경될 수 있습니다.
- 아트배송 주문 시 무통장 입금 또는 편의점 결제는 주문이 불가합니다.
- 아트배송 주문 시 일반 무료배송 쿠폰은 적용이 불가합니다.
- 아트배송 주문완료 후에는 상품 옵션 및 배송지 정보 변경이 불가합니다.
- 상품을 보관하기 어려운 배송지의 경우 자동 반송 처리될 수 있으며, 반송 시 배송비는 고객 부담으로 처리됩니다.
(기숙사, 상가 등 출입 제한 또는 분실 우려가 있는 경우 배송 불가) - 선물하기 주문 시에는 아트배송이 불가합니다.
- 배송 완료 후 교환/반품은 일반배송과 동일한 방식으로 진행됩니다.
단골매장
| 매장 검색 |
|
|
|---|
매장에서 실시간 판매되고 있으므로 노출되는 정보와 차이가 있을 수 있습니다.
총 0개의 매장이 있습니다.
| 매장명 | 재고보유여부 | 매장명 | 재고보유여부 | 매장명 | 재고보유여부 |
|---|---|---|---|---|---|
| 조회된 결과가 없습니다. | |||||
| 배송방법 |
|
|---|
|
|
|
| 데이터가 없습니다. |
10개의 쿠폰 중 6개의 쿠폰이 다운로드 되었습니다.
4개의 쿠폰은 ID당 발급 횟수 초과로 인해 다운로드 되지 않았습니다.
받은 쿠폰
[ABC 신년맞이 반스 18% 주말쿠폰]
