<!-- S : 이벤트 복사영역 여기서부터 -->
<style type="text/css">/* 웹폰트 설정 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
/* 레이아웃 */
.art-container-event {
position: relative;
margin: 0 auto;
overflow: hidden;
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/common/bg.jpg') no-repeat bottom / cover;
padding: 180px 0;
width: 1920px;
}
.art-container-wrap {
margin: 0 auto;
text-align: center;
overflow: hidden;
background-color: #fff;
border-radius: 30px;
width: 1200px;
}
.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;
}
/* 상단 공백 제거 */
.wrap .special-sub-wrap .sub-top {
margin-top: 0 !important;
}
/* 공통 */
.art-content-inner .main-txt {
font-size: 42px;
font-weight: 800;
letter-spacing: -0.05em;
line-height: 1;
padding-bottom: 50px;
}
.art-content-inner .sub-txt {
font-size: 24px;
font-weight: 600;
letter-spacing: -0.03em;
line-height: 34px;
}
.art-content-inner :is(p, strong, span, h2, h3, button) {
word-break: keep-all !important;
}
.art-content-inner .swiper .swiper-slide {
cursor: pointer;
}
@keyframes fade-in {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.art-content-inner .ani.active {
animation: fade-in 1s ease-in-out forwards;
}
.art-content-inner .ani.active.delay {
animation-delay: 0.1s;
}
.art-content-inner .swiper .swiper-button-prev {
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/common/btn-prv.png') no-repeat;
left: 30px;
}
.art-content-inner .swiper .swiper-button-next {
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/common/btn-nxt.png') no-repeat;
right: 30px;
}
.art-content-inner .swiper :is(.swiper-button-prev, .swiper-button-next) {
transform: translateY(-50%);
background-size: 100%;
margin-top: 0;
width: 28px;
height: 48px;
}
/* 메인 로고 */
.art-content-inner.main-logo {
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/common/main-logo.png') no-repeat 50% 0;
background-size: 217px 72px;
margin: 70px 0;
padding-top: 72px;
}
.art-content-inner.main-logo > p {
font-size: 22px;
line-height: 30px;
letter-spacing: -0.02em;
margin-top: 24px;
}
/* 메인 배너 */
.art-content-inner.main-banner .swiper {
width: 100%;
height: 600px;
overflow: hidden;
}
.art-content-inner.main-banner .swiper .swiper-slide {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.art-content-inner.main-banner .swiper .swiper-slide::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.art-content-inner.main-banner .swiper .swiper-slide .tit-wrap {
position: absolute;
bottom: 70px;
left: 50px;
color: #fff;
text-align: left;
opacity: 0;
z-index: 1;
}
.art-content-inner.main-banner .swiper .swiper-slide .tit-wrap .main-tit {
font-size: 48px;
font-weight: 800;
line-height: 60px;
letter-spacing: -0.03em;
}
.art-content-inner.main-banner .swiper .swiper-slide .tit-wrap .sub-tit {
font-size: 24px;
margin-top: 36px;
}
.art-content-inner.main-banner .swiper .swiper-slide-next .tit-wrap {
animation: fade-in 0.8s ease-in-out forwards;
animation-delay: 0.6s;
}
.art-content-inner.main-banner .swiper .swiper-slide-active .tit-wrap {
opacity: 1;
}
/* 카테고리 */
.art-content-inner.cnt-ctg {
position: relative;
height: 326px;
}
.art-content-inner.cnt-ctg .ctg-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
gap: 20px;
width: 710px;
height: 100%;
margin: 0 auto;
}
.art-content-inner.cnt-ctg .ctg-wrap a {
transition: all 0.3s;
}
.art-content-inner.cnt-ctg .ctg-wrap a:hover {
margin-bottom: 20px;
}
.art-content-inner.cnt-ctg .ctg-wrap a:hover span {
color: #ff5a00;
font-weight: 700;
text-decoration: underline;
}
.art-content-inner.cnt-ctg .ctg-wrap a span {
display: inline-block;
font-size: 20px;
font-weight: 600;
line-height: 1;
letter-spacing: -0.03em;
padding-top: 15px;
}
/* 연령대별 신발 추천 */
.art-content-inner.cnt-age {
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-age/bg.png') no-repeat bottom;
background-size: 100%;
width: 980px;
height: 220px;
padding-top: 20px;
}
.art-content-inner.cnt-age .btn-wrap {
position: relative;
display: block;
width: 100%;
height: 100%;
cursor: pointer;
}
.art-content-inner.cnt-age .btn-wrap .txt {
position: absolute;
left: 48px;
top: 50%;
transform: translateY(-50%);
color: #fff;
line-height: 1;
letter-spacing: -0.03em;
text-align: left;
}
.art-content-inner.cnt-age .btn-wrap .txt .main {
font-size: 36px;
font-weight: 800;
margin-bottom: 20px;
}
.art-content-inner.cnt-age .btn-wrap .txt .sub {
font-size: 22px;
}
.art-content-inner.cnt-age .btn-wrap .obj {
position: absolute;
transition: all 0.6s;
}
.art-content-inner.cnt-age .btn-wrap .obj.obj1 {
bottom: -90px;
right: 295px;
}
.art-content-inner.cnt-age .btn-wrap:hover .obj.obj1 {
bottom: -3px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}
.art-content-inner.cnt-age .btn-wrap .obj.obj2 {
opacity: 0;
}
.art-content-inner.cnt-age .btn-wrap:hover .obj.obj2 {
opacity: 1;
filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.2));
}
.art-content-inner.cnt-age .btn-wrap .obj.obj2.left {
top: 54px;
left: 620px;
}
.art-content-inner.cnt-age .btn-wrap:hover .obj.obj2.left {
top: 64px;
left: 590px;
}
.art-content-inner.cnt-age .btn-wrap .obj.obj2.right {
bottom: 62px;
right: 141px;
}
.art-content-inner.cnt-age .btn-wrap:hover .obj.obj2.right {
bottom: 52px;
right: 111px;
}
.art-content-inner.cnt-age .btn-wrap .obj.obj2.top {
top: 24px;
right: 172px;
}
.art-content-inner.cnt-age .btn-wrap:hover .obj.obj2.top {
top: 14px;
right: 162px;
}
/* 베스트 */
.art-content-inner.cnt-best {
width: 800px;
padding-bottom: 100px;
margin: 150px auto 100px;
cursor: pointer;
}
.art-content-inner.cnt-best .img-wrap {
width: 800px;
height: 450px;
margin-bottom: 50px;
overflow: hidden;
}
.art-content-inner.cnt-best .img-wrap img {
transition: all 0.5s;
}
.art-content-inner.cnt-best .img-wrap:hover img {
transform: scale(1.04);
}
.art-content-inner.cnt-best .main-txt {
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-best/best-icon.png') no-repeat top;
background-size: 509px 49px;
width: 100%;
padding-bottom: 24px;
height: 73px;
opacity: 0;
}
.art-content-inner.cnt-best .sub-txt {
font-weight: 400;
opacity: 0;
}
/* 아이들을 위한 특별한 선택 */
.art-content-inner.cnt-prd {
margin-bottom: 200px;
}
.art-content-inner.cnt-prd .swiper {
width: 980px;
margin: 0 auto;
overflow: hidden;
}
.art-content-inner.cnt-prd .swiper-slide .img-wrap {
overflow: hidden;
}
.art-content-inner.cnt-prd .swiper-slide .img-wrap img {
transition: all 0.5s;
}
.art-content-inner.cnt-prd .swiper-slide:hover .img-wrap img {
transform: scale(1.04);
}
.art-content-inner.cnt-prd .sub-txt {
display: block;
padding-top: 30px;
}
.art-content-inner.cnt-prd .swiper-slide:hover .sub-txt {
color: #ff5a00;
font-weight: 700;
text-decoration: underline;
}
.art-content-inner.cnt-prd .swiper :is(.swiper-button-prev, .swiper-button-next) {
filter: invert(1);
}
/* 자주 찾는 아동화 */
.art-content-inner.cnt-shoes {
width: 980px;
margin-bottom: 200px;
}
.art-content-inner.cnt-shoes .grid-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px 20px;
}
.art-content-inner.cnt-shoes .grid-wrap .grid-item {
cursor: pointer;
}
.art-content-inner.cnt-shoes .grid-wrap .grid-item .img-wrap {
overflow: hidden;
border-radius: 20px;
}
.art-content-inner.cnt-shoes .grid-wrap .grid-item .img-wrap img {
transition: all 0.5s;
}
.art-content-inner.cnt-shoes .grid-wrap .grid-item:hover .img-wrap img {
transform: scale(1.04);
}
.art-content-inner.cnt-shoes .grid-wrap .grid-item .sub-txt {
font-size: 22px;
line-height: 32px;
padding-top: 20px;
}
.art-content-inner.cnt-shoes .grid-wrap .grid-item:hover .sub-txt {
color: #ff5a00;
font-weight: 700;
text-decoration: underline;
}
/* 스페셜 브랜드 */
.art-content-inner.cnt-brd {
margin-bottom: 185px;
}
.art-content-inner.cnt-brd .swiper {
width: 980px;
margin: 0 auto;
overflow: hidden;
}
.art-content-inner.cnt-brd .swiper-slide .img-wrap {
overflow: hidden;
}
.art-content-inner.cnt-brd .swiper-slide .img-wrap img {
transition: all 0.5s;
}
.art-content-inner.cnt-brd .swiper-slide:hover .img-wrap img {
transform: scale(1.04);
}
.art-content-inner.cnt-brd .sub-txt {
font-weight: 700;
padding-top: 30px;
}
.art-content-inner.cnt-brd .sub-txt2 {
font-size: 18px;
font-weight: 500;
line-height: 1;
padding-top: 10px;
}
.art-content-inner.cnt-brd .swiper-slide:hover .sub-txt {
color: #ff5a00;
text-decoration: underline;
}
.art-content-inner.cnt-brd .swiper :is(.swiper-button-prev, .swiper-button-next) {
filter: invert(1);
}
/* SNS 배너 */
.art-content-inner.sns-banner {
width: 980px;
height: 130px;
}
.art-content-inner.sns-banner .flex-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
width: 100%;
}
.art-content-inner.sns-banner .flex-wrap .flex-item {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
text-align: left;
width: 100%;
height: 100px;
cursor: pointer;
transition: all 0.3s;
}
.art-content-inner.sns-banner .flex-wrap .flex-item:nth-child(1) {
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/sns-banner/bg1.png') no-repeat center / contain;
}
.art-content-inner.sns-banner .flex-wrap .flex-item:nth-child(2) {
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/sns-banner/bg2.png') no-repeat center / contain;
}
.art-content-inner.sns-banner .flex-wrap .flex-item:nth-child(3) {
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/sns-banner/bg3.png') no-repeat center / contain;
}
.art-content-inner.sns-banner .flex-wrap .flex-item:hover {
margin-bottom: 15px;
}
.art-content-inner.sns-banner .flex-wrap .flex-item .img-wrap {
width: 48px;
height: 48px;
}
.art-content-inner.sns-banner .flex-wrap .flex-item:not(:first-child) .img-wrap {
padding: 3px;
}
.art-content-inner.sns-banner .flex-wrap .flex-item .sub-txt {
font-size: 19px;
font-weight: 800;
line-height: 24px;
}
/* 오프라인 매장 */
.art-content-inner.offline {
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/offline/bg1.png') no-repeat center / contain;
width: 980px;
height: 217px;
padding: 55px;
margin-bottom: 100px;
}
.art-content-inner.offline .main-txt {
color: #fff;
font-size: 27px;
font-weight: 800;
letter-spacing: -0.02em;
padding-bottom: 20px;
}
.art-content-inner.offline .btn-link {
display: block;
font-size: 20px;
font-weight: 900;
line-height: 60px;
letter-spacing: -0.03em;
background: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/offline/bg2.png') no-repeat center / contain;
border-radius: 8px;
width: 270px;
margin: 0 auto;
transition: all 0.3s;
}
.art-content-inner.offline .btn-link:hover {
color: #548cff;
}
</style>
<!-- s : art-container-event -->
<div class="art-container-event">
<div class="art-container-wrap"><!-- 메인 로고 -->
<div class="art-content-inner main-logo">
<p>아이들의 즐거움과 성장을 위한 모든 것!<br />
신발, 의류, 가방까지 ABC 키즈마트에서 한 번에 만나보세요.</p>
</div>
<!-- 메인 배너 -->
<div class="art-content-inner main-banner">
<div class="swiper swiper1">
<div class="swiper-wrapper"><!-- 1번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000005402'" style="background-image: url('https://image.a-rt.com/art/editor/202502/1740633863847.jpg')">
<div class="tit-wrap"><strong class="main-tit">ABC MART<br />
프라이빗 브랜드 </strong>
<p class="sub-tit">ABC마트의 특별한 브랜드를 경험하세요.</p>
</div>
</div>
<!-- 2번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000005409'" style="background-image: url('https://image.a-rt.com/art/editor/202502/1740536727453.jpg')">
<div class="tit-wrap"><strong class="main-tit">ABC PLUS<br />
온라인 전용 브랜드 </strong>
<p class="sub-tit">온라인에서만 선보이는 브랜드를 만나보세요.</p>
</div>
</div>
<!-- 3번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?searchPageType=brand&channel=10001&pageColumn=4&deviceCode=10000&firstSearchYn=Y&tabGubun=total&searchPageGubun=brsearch&searchRcmdYn=N&brandNo=000048&searchBrandNo=000048&gender=10002&pageColumn=4&brandPrdtArtDispYn=Y&sort=latest&perPage=30&rdoProdGridModule=col3&resultExistSmartFilter=Y&page=1&smartSearchCheck=true'" style="background-image: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/main-banner/3.jpg')">
<div class="tit-wrap"><strong class="main-tit">뉴발란스<br />
키즈 상품 모음 </strong>
<p class="sub-tit">뉴발란스 키즈 컬렉션을 만나보세요.</p>
</div>
</div>
<!-- 4번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?searchPageType=brand&channel=10001&pageColumn=4&deviceCode=10000&firstSearchYn=Y&tabGubun=total&searchPageGubun=brsearch&searchRcmdYn=N&brandNo=000072&searchBrandNo=000072&gender=10002&pageColumn=4&brandPrdtArtDispYn=Y&sort=latest&perPage=30&rdoProdGridModule=col3&resultExistSmartFilter=Y&page=1&smartSearchCheck=true'" style="background-image: url('https://image.a-rt.com/art/managing/template/kids-mart/pc/main-banner/4.png')">
<div class="tit-wrap"><strong class="main-tit">반스<br />
키즈 상품 모음 </strong>
<p class="sub-tit">반스 키즈 컬렉션을 만나보세요.</p>
</div>
</div>
<!-- 5번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?searchPageType=brand&channel=10001&pageColumn=4&deviceCode=10000&firstSearchYn=Y&tabGubun=total&searchPageGubun=brsearch&searchRcmdYn=N&brandNo=000050&searchBrandNo=000050&gender=10002&pageColumn=4&brandPrdtArtDispYn=N&sort=latest&perPage=30&rdoProdGridModule=col3&resultExistSmartFilter=Y&page=1&smartSearchCheck=true'" style="background-image: url('https://image.a-rt.com/art/editor/202411/1732581461294.jpg')">
<div class="tit-wrap"><strong class="main-tit">나이키<br />
키즈 상품 모음 </strong>
<p class="sub-tit">나이키 키즈 컬렉션을 만나보세요.</p>
</div>
</div>
<!-- 6번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?searchPageType=brand&channel=10001&pageColumn=4&deviceCode=10000&firstSearchYn=Y&tabGubun=total&searchPageGubun=brsearch&searchRcmdYn=N&brandNo=000003&searchBrandNo=000003&gender=10002&pageColumn=4&brandPrdtArtDispYn=Y&sort=latest&perPage=30&rdoProdGridModule=col3&resultExistSmartFilter=Y&page=1&smartSearchCheck=true'" style="background-image: url('https://image.a-rt.com/art/editor/202411/1732581490318.jpg')">
<div class="tit-wrap"><strong class="main-tit">아디다스<br />
키즈 상품 모음 </strong>
<p class="sub-tit">아디다스 키즈 컬렉션을 만나보세요.</p>
</div>
</div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<!-- 카테고리 -->
<div class="art-content-inner cnt-ctg">
<div class="ctg-wrap"><a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000001492" target="_blank"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-ctg/1.png" /> <span>신상품</span> </a> <a href="https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000441" target="_blank"> <img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-ctg/2.png" /> <span>신발</span> </a> <a href="https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000442" target="_blank"> <img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-ctg/3.png" /> <span>의류</span> </a> <a href="https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000443" target="_blank"> <img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-ctg/4.png" /> <span>잡화</span> </a> <a href="https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000444" target="_blank"> <img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-ctg/5.png" /> <span>용품</span> </a></div>
</div>
<!-- 연령대별 신발 추천 -->
<div class="art-content-inner cnt-age">
<div class="btn-wrap" onclick="window.open('https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000001491');">
<div class="txt">
<p class="main">연령대별 신발 추천</p>
<p class="sub">나이에 맞는 신발을 고민 없이 찾아보세요!</p>
</div>
<div class="obj obj1"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-age/obj_1.png" /></div>
<div class="obj obj2 left"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-age/obj_2.png" /></div>
<div class="obj obj2 right"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-age/obj_3.png" /></div>
<div class="obj obj2 top"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-age/obj_4.png" /></div>
</div>
</div>
<!-- 베스트 -->
<div class="art-content-inner cnt-best" onclick="window.open('https://www.a-rt.com/display/ranking/main?searchChnnlNo=&tabGbn=W&searchType=P&genderGbnCd=10002&rowsPerPage=40');">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202412/1733460900312.jpg" /></div>
<h1 class="main-txt ani">실시간 BEST 판매 랭킹</h1>
<p class="sub-txt ani delay">핫한 아이템이 궁금하다면?<br />
지금 바로 베스트 상품을 확인해보세요!</p>
</div>
<!-- 아이들을 위한 특별한 선택 -->
<div class="art-content-inner cnt-prd">
<h1 class="main-txt">아이들을 위한 특별한 선택</h1>
<div class="swiper swiper2">
<div class="swiper-wrapper"><!-- 1번 슬라이드 -->
<div class="swiper-slide" onclick="location.href='#prodContent4'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-prd/1.jpg" /></div>
<p class="sub-txt">축구화</p>
</div>
<!-- 2번 슬라이드 -->
<div class="swiper-slide" onclick="location.href='#prodContent2'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202411/1732521316916.jpg" /></div>
<p class="sub-txt">인기 브랜드 스니커즈</p>
</div>
<!-- 3번 슬라이드 -->
<div class="swiper-slide" onclick="location.href='#prodContent5'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-prd/3.jpg" /></div>
<p class="sub-txt">캔버스화</p>
</div>
<!-- 4번 슬라이드 -->
<div class="swiper-slide" onclick="location.href='#prodContent1'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202502/1740634315422.jpg" /></div>
<p class="sub-txt">메리 제인</p>
</div>
<!-- 5번 슬라이드 -->
<div class="swiper-slide" onclick="location.href='#prodContent6'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202411/1732521648032.jpg" /></div>
<p class="sub-txt">의류&용품</p>
</div>
<!-- 6번 슬라이드 -->
<div class="swiper-slide" onclick="location.href='#prodContent3'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202502/1740634446400.jpg" /></div>
<p class="sub-txt">단독 판매 스니커즈</p>
</div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<!-- 자주 찾는 아동화 -->
<div class="art-content-inner cnt-shoes">
<h1 class="main-txt">자주 찾는 아동화</h1>
<div class="grid-wrap">
<div class="grid-item" onclick="window.open('https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000246');">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-shoes/bg1.png" /></div>
<p class="sub-txt">스니커즈</p>
</div>
<div class="grid-item" onclick="window.open('https://abcmart.a-rt.com/display/search-word/result?sort=point&perPage=30&pageColumn=3&smartSearchCheck=true&deviceCode=10000&searchWord=%EB%A9%94%EB%A6%AC%EC%A0%9C%EC%9D%B8&firstSearchWord=%EB%A9%94%EB%A6%AC%EC%A0%9C%EC%9D%B8&tabGubun=total&searchPageGubun=product&firstSearchYn=N&searchRcmdYn=N&channel=10001&resultChannel=10001&memberTypeCode=10002&gender=10002&page=1&resultExistSmartFilter=Y');">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202502/1740634541992.jpg" /></div>
<p class="sub-txt">메리 제인</p>
</div>
<div class="grid-item" onclick="window.open('https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000249');">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-shoes/bg3.png" /></div>
<p class="sub-txt">스포츠</p>
</div>
<div class="grid-item" onclick="window.open('https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000248');">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-shoes/bg4.png" /></div>
<p class="sub-txt">슬립온</p>
</div>
<div class="grid-item" onclick="window.open('https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000684');">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-shoes/bg5.png" /></div>
<p class="sub-txt">걸음마 신발</p>
</div>
<div class="grid-item" onclick="window.open('https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000359');">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/cnt-shoes/bg6.png" /></div>
<p class="sub-txt">축구화</p>
</div>
</div>
</div>
<!-- 스페셜 브랜드 -->
<div class="art-content-inner cnt-brd">
<h1 class="main-txt">스페셜 브랜드</h1>
<div class="swiper swiper3">
<div class="swiper-wrapper"><!-- 1번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?searchPageType=brand&channel=10001&sort=point&perPage=30&pageColumn=4&deviceCode=10000&firstSearchYn=Y&tabGubun=total&searchPageGubun=brsearch&searchRcmdYn=N&brandNo=000117&searchBrandNo=000117&gender=10002&pageColumn=4&brandPrdtArtDispYn=Y&sort=latest&perPage=30&rdoProdGridModule=col3&page=1&resultExistSmartFilter=Y'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202502/1740635427989.jpg" /></div>
<p class="sub-txt">TOTETOTE</p>
<p class="sub-txt2">모든 아이들이 신을 수 있는<br />
스탠다드한 제품을 만나보세요.</p>
</div>
<!-- 2번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?searchPageType=brand&channel=10001&pageColumn=4&deviceCode=10000&firstSearchYn=Y&tabGubun=total&searchPageGubun=brsearch&searchRcmdYn=N&brandNo=000528&searchBrandNo=000528&gender=10002&pageColumn=4&brandPrdtArtDispYn=Y&sort=latest&perPage=30&rdoProdGridModule=col3&page=1&resultExistSmartFilter=Y'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202502/1740635480462.jpg" /></div>
<p class="sub-txt">ABC SELECT</p>
<p class="sub-txt2">예쁜 디자인과 화려한 색상의<br />
다양한 신발을 만나보세요.</p>
</div>
<!-- 3번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?searchPageType=brand&channel=10001&pageColumn=4&deviceCode=10000&firstSearchYn=Y&tabGubun=total&searchPageGubun=brsearch&searchRcmdYn=N&brandNo=000032&searchBrandNo=000032&gender=10002&pageColumn=4&brandPrdtArtDispYn=Y&sort=latest&perPage=30&rdoProdGridModule=col3&resultExistSmartFilter=Y&page=1&smartSearchCheck=true'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202502/1740635532666.jpg" /></div>
<p class="sub-txt">HAWKINS</p>
<p class="sub-txt2">트렌디한 디자인과 실용성을 겸비해<br />
아이들이 신기 편한 다양한 신발을 제공해요.</p>
</div>
<!-- 4번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?searchPageType=brand&channel=10001&pageColumn=4&deviceCode=10000&firstSearchYn=Y&tabGubun=total&searchPageGubun=brsearch&searchRcmdYn=N&brandNo=000445&searchBrandNo=000445&gender=10002&pageColumn=4&brandPrd'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202411/1732517123357.jpg" /></div>
<p class="sub-txt">IPANEMA</p>
<p class="sub-txt2">차별화된 디자인과 편안함으로<br />
사랑받고 있는 글로벌 브랜드에요.</p>
</div>
<!-- 5번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?brandNo=900129&page=1'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202411/1732520412241.jpg" /></div>
<p class="sub-txt">YOGAPIGGY</p>
<p class="sub-txt2">아이들의 건강한 삶을 추구하는<br />
라이프 스타일 브랜드에요.</p>
</div>
<!-- 6번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?brandNo=000478&page=1'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202412/1733995152154.jpg" /></div>
<p class="sub-txt">GGOMOOSIN</p>
<p class="sub-txt2">양말과 신발을 결합한 디자인으로<br />
아이들의 첫 걸음을 함께해요.</p>
</div>
<!-- 7번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?brandNo=900074&page=1'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202411/1732517181680.jpg" /></div>
<p class="sub-txt">BABYZZAM</p>
<p class="sub-txt2">깜찍한 디자인과 편안한 착화감으로<br />
아이들의 꿈과 행복을 응원해요.</p>
</div>
<!-- 8번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?brandNo=900118&page=1'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202412/1733995190889.jpg" /></div>
<p class="sub-txt">ALVINCLO JUNIOR</p>
<p class="sub-txt2">가족이 함께 기억할 순간을<br />
디자인하는 브랜드에요.</p>
</div>
<!-- 9번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?brandNo=900081&page=1'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202412/1733993801248.jpg" /></div>
<p class="sub-txt">LOMC</p>
<p class="sub-txt2">본연의 가치를 지키는<br />
자연스러운 편안함을 경험해보세요.</p>
</div>
<!-- 10번 슬라이드 -->
<div class="swiper-slide" onclick="window.location.href='https://abcmart.a-rt.com/product/brand/page/main?brandNo=900154&page=1'">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/editor/202502/1740536993096.jpg" /></div>
<p class="sub-txt">OCEANSKY</p>
<p class="sub-txt2">꿈을 펼쳐 나가는 틴 세대의<br />
스트릿감성 브랜드에요.</p>
</div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<!-- SNS 배너 -->
<div class="art-content-inner sns-banner">
<div class="flex-wrap">
<div class="flex-item" onclick="window.open('https://grandstage.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000282');">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/sns-banner/1.png" /></div>
<p class="sub-txt">GRAND STAGE<br />
상품 보러가기</p>
</div>
<div class="flex-item" onclick="window.open('https://www.instagram.com/abcmartkr_kids/');">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/sns-banner/2.png" /></div>
<p class="sub-txt">키즈마트<br />
인스타그램</p>
</div>
<div class="flex-item" onclick="window.open('https://www.a-rt.com/display/webzine/catalogue#tabArtTvCatalogue10009');">
<div class="img-wrap"><img alt="" src="https://image.a-rt.com/art/managing/template/kids-mart/pc/sns-banner/3.png" /></div>
<p class="sub-txt">키즈 스타일<br />
카탈로그 보러가기</p>
</div>
</div>
</div>
<!-- 오프라인 매장 -->
<div class="art-content-inner offline">
<h1 class="main-txt">오프라인 매장에서도 키즈마트를 만나보세요.</h1>
<a class="btn-link" href="https://www.a-rt.com/board/store?storeGbnCode=10003" target="_blank">집 근처 키즈마트 보러가기</a></div>
</div>
</div>
<!-- e : art-container-event --><!-- 1920px 스크립트 --><script>
function editorCalcWidth() {
var width_size = $(window).width();
if (width_size > 1200) $('.editor-wrap').css({ width: width_size });
}
function fixImageMaps(force) {
var imgs = document.querySelectorAll('img[usemap]');
[].forEach.call(imgs, function (img) {
if (!img.naturalHeight) {
return;
}
var h = img.height / img.naturalHeight;
var w = img.width / img.naturalWidth;
var map = document.getElementsByName(img.useMap.slice(1))[0];
if (!map) {
return;
}
for (var i = 0; i < map.children.length; i++) {
var area = map.children[i];
if (!area.coords) {
continue;
}
var coords = area.coords;
if (!area.originalCoords) {
area.originalCoords = coords;
} else {
coords = area.originalCoords;
}
var split = coords.split(',');
var fixed = '';
split.forEach(function (coord, n) {
if (n != 0) {
fixed += ',';
}
fixed += n % 2 == 0 ? Number(coord) * w : Number(coord) * h;
});
area.coords = fixed;
}
});
}
$(document).ready(function () {
editorCalcWidth();
fixImageMaps();
});
$(window).on('scroll resize', function () {
editorCalcWidth();
fixImageMaps();
});
</script><!-- 스크롤 이벤트 스크립트 --><script>
$(function () {
$(window).on('scroll', function () {
const scrollY = $(this).scrollTop() + $(this).height() * 1;
$('.ani').each(function () {
if (scrollY > $(this).offset().top) $(this).addClass('active');
else $(this).removeClass('active');
});
});
});
</script><!-- 슬라이드 스크립트 --><script>
$(function () {
$('.swiper1').each(function (i) {
$(this)
.find("[class*='swiper-button']")
.addClass('type' + i);
const mainSwiper1 = new Swiper($(this), {
slidesPerView: 2,
speed: 800,
allowTouchMove: true,
loop: $('.swiper1 .swiper-slide').length > 1,
watchOverflow: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
navigation: {
nextEl: $(this).find('.swiper-button-next.type' + i),
prevEl: $(this).find('.swiper-button-prev.type' + i),
},
});
});
$('.swiper2').each(function (i) {
$(this)
.find("[class*='swiper-button']")
.addClass('type' + i);
const mySwiper2 = new Swiper($(this), {
slidesPerView: 3,
spaceBetween: 20,
speed: 800,
allowTouchMove: true,
loop: $('.swiper1 .swiper-slide').length > 1,
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
navigation: {
nextEl: $(this).find('.swiper-button-next.type' + i),
prevEl: $(this).find('.swiper-button-prev.type' + i),
},
});
});
$('.swiper3').each(function (i) {
$(this)
.find("[class*='swiper-button']")
.addClass('type' + i);
const mySwiper2 = new Swiper($(this), {
slidesPerView: 2,
spaceBetween: 20,
speed: 800,
allowTouchMove: true,
loop: $('.swiper1 .swiper-slide').length > 1,
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
navigation: {
nextEl: $(this).find('.swiper-button-next.type' + i),
prevEl: $(this).find('.swiper-button-prev.type' + i),
},
});
});
});
</script><!-- E : 이벤트 복사영역 여기까지 -->