<style type="text/css">/* wrap */
body.overflow-hidden { overflow: hidden; }
.board-view-head, .breadcrumb-wrap, .btn-wrap.page-bottom, .top-title-wrap { display: none !important; }
.kidsmart-wrap { font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; line-height: 1.4; }
.kidsmart-wrap img { width: 100%; }
.kidsmart-wrap .art-content-inner { position: relative; width: 1200px; margin: 0 auto; overflow: hidden; }
.kidsmart-wrap .text-hidden { display: block; position: absolute; left: -9999px; font-size: 0; text-indent: -9999em; overflow: hidden; }
.kidsmart-wrap .event-header { padding-top: 34px; }
.kidsmart-wrap .event-container { width: 1000px; margin: 0 auto; }
.kidsmart-wrap .kidsmart-logo { width: 290px; margin: 0 auto; }
.kidsmart-wrap .kidsmart-tab { margin-top: 60px; }
.kidsmart-wrap .kidsmart-tab .kids-tab-wrap { position: relative; display: flex; padding-bottom: 60px; border-top: 1px solid #eeeeee; justify-content: center; }
.kidsmart-wrap .kidsmart-tab .kids-tab-wrap div[class*='tab-'] { flex: 1 1 auto; width: 50%; max-width: 240px; overflow: hidden; text-align: center; }
.kidsmart-wrap .kidsmart-tab .kids-tab-wrap div[class*='tab-'] > a { display: block; position: relative; }
.kidsmart-wrap .kidsmart-tab .kids-tab-wrap div[class*='tab-'] > a > span { display: inline-block; padding: 20px 0 23px; color: #cccccc; font-size: 20px; font-weight: bold; }
.kidsmart-wrap .kidsmart-tab .kids-tab-wrap .tab-abcmart > a::after { content: ''; display: block; position: absolute; top: 23px; right: 0; width: 1px; height: 22px; background: #eeeeee; } .kidsmart-wrap .kidsmart-tab .kids-tab-wrap .tab-2depth { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: #fafafa; border-top: 1px solid #eeeeee; justify-content: center; }
.kidsmart-wrap .kidsmart-tab .kids-tab-wrap .tab-2depth li { flex: 1 1 auto; width: 25%; max-width: 115px; align-items: center; }
.kidsmart-wrap .kidsmart-tab .kids-tab-wrap .tab-2depth li a { display: block; position: relative; width: 100%; height: 100%; color: #555555; font-size: 18px; line-height: 60px; }
.kidsmart-wrap .kidsmart-tab .kids-tab-wrap .tab-2depth li a::after { content: ''; display: block; position: absolute; top: 20px; right: 0; width: 1px; height: 20px; background: #eeeeee; } .kidsmart-wrap .kidsmart-tab .kids-tab-wrap .tab-2depth li:last-child a::after { display: none; }
.kidsmart-wrap .kidsmart-tab .abc-on div.tab-abcmart > a > span { color: #de0f1a; border-bottom: 2px solid #de0f1a; }
.kidsmart-wrap .kidsmart-tab .gs-on div.tab-gs > a > span { color: #85c55b; border-bottom: 2px solid #85c55b; }
.kidsmart-wrap .kidsmart-tab .abc-on .tab-abcmart .tab-2depth, .kidsmart-wrap .kidsmart-tab .gs-on .tab-gs .tab-2depth { display: flex; }
.kidsmart-wrap ul[class*='list-'] { display: flex; }
.kidsmart-wrap div[class*='event-cont0'] { position: relative; margin-top: 80px; overflow: hidden; }
kidsmart-wrap .swiper-main { position: relative; } .kidsmart-wrap .swiper-main .swiper-info-wrap { position: absolute; bottom: 40px; right: 40px; padding: 14px 50px 15px; color: #888888; font-size: 16px; font-family: Roboto; background: #ffffff; border-radius: 40px; z-index: 10; } .kidsmart-wrap .swiper-main .swiper-button-prev { left: 20px; width: 8px; height: 12px; margin-top: -6px; background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/ico_prev.png') no-repeat; background-size: 8px 12px; } .kidsmart-wrap .swiper-main .swiper-button-next { right: 20px; width: 8px; height: 12px; margin-top: -6px; background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/ico_next.png') no-repeat; background-size: 8px 12px; } .kidsmart-wrap .swiper-main .swiper-pagination { position: relative; left: auto; bottom: auto; width: auto; font-weight: bold; letter-spacing: -1px; } .kidsmart-wrap .swiper-main .swiper-pagination .swiper-pagination-current { color: #000000; }
.kidsmart-wrap .list-category { justify-content: center; }
.kidsmart-wrap .list-category li { flex: 0 0 auto; width: 260px; height: 260px; margin: 0 10px; border-radius: 130px; overflow: hidden; }
.kidsmart-wrap .list-category li a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.kidsmart-wrap .list-category li:first-child { background-color: #e84d25; }
.kidsmart-wrap .list-category li:first-child img { width: 90px; }
.kidsmart-wrap .list-category li:nth-child(2) { background-color: #272ccc; }
.kidsmart-wrap .list-category li:nth-child(2) img { width: 96px; }
.kidsmart-wrap .list-category li:last-child { background-color: #f1db1a; }
.kidsmart-wrap .list-category li:last-child img { width: 88px; }
.kidsmart-wrap .list-specialbrand { flex-wrap: nowrap; width: 1000px; margin: 0 auto; justify-content: center; overflow: hidden; }
.kidsmart-wrap .list-specialbrand li { flex: 0 0 auto; width: 190px; margin-right: 12px; border-radius: 20px; text-align: center; }
.kidsmart-wrap .list-specialbrand li a { display: block; }
.kidsmart-wrap .list-specialbrand li .thumb { display: block; position: relative; width: 190px; height: 156px; margin: 0; border-radius: 20px; overflow: hidden; }
.kidsmart-wrap .list-specialbrand li .thumb::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); }
.kidsmart-wrap .list-specialbrand li .thumb img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; }
.kidsmart-wrap .list-specialbrand li .thumb .brand-txt { z-index: 1; }
.kidsmart-wrap .list-specialbrand li:first-child .brand-txt { width: 107px; }
.kidsmart-wrap .list-specialbrand li:nth-child(2) .brand-txt { width: 120px; }
.kidsmart-wrap .list-specialbrand li:nth-child(3) .brand-txt { width: 104px; }
.kidsmart-wrap .list-specialbrand li:nth-child(4) .brand-txt { width: 113px; margin-top: -10px; }
.kidsmart-wrap .list-specialbrand li:last-child .brand-txt { width: 120px; margin-top: -10px; }
.kidsmart-wrap .list-specialbrand li a:hover .brand-img { width: 130% !important; max-width: 130% !important; }
.kidsmart-wrap .list-specialbrand li span { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; margin: 20px 0; }
.kidsmart-wrap .list-specialbrand li:last-child { margin-right: 0; }
.kidsmart-wrap ul.list-banner { position: relative; display: block; padding-bottom:40px; }
.kidsmart-wrap .list-banner li { position: relative; width: 493px; background: #f3f3f3; border-radius: 20px; overflow: hidden; }
.kidsmart-wrap .list-banner li p { display: flex; position: relative; height: 100%; overflow: hidden; align-items: center; }
.kidsmart-wrap .list-banner li a { display: block; position: relative; width: 100%; color: #000000; font-size: 20px; font-weight: bold; }
.kidsmart-wrap .list-banner li a::before { content: ''; display: block; position: absolute; top: -9px; right: 30px; width: 34px; height: 28px; background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/ico_arrow.png') no-repeat; background-size: 34px 28px; }
.kidsmart-wrap .list-banner li.banner01 { margin-bottom: 12px; padding: 20px 0 20px 0; }
.kidsmart-wrap .list-banner li.banner01 a { height: 40px; }
.kidsmart-wrap .list-banner li.banner01 p { top: 18px; padding: 0 70px 0 200px; display: block; position: relative; width: 100%; color: #000; font-size: 20px; font-weight: bold;}
.kidsmart-wrap .list-banner li.banner01 img { position: absolute; top: 23px; left: 35px; width: 110px; }
.kidsmart-wrap .list-banner li.banner02 { padding: 20px 0 20px 0; }
.kidsmart-wrap .list-banner li.banner02 a { height: 40px; }
.kidsmart-wrap .list-banner li.banner02 p { top: 18px; padding: 0 70px 0 200px; display: block; position: relative; width: 100%; color: #000; font-size: 20px; font-weight: bold;}
.kidsmart-wrap .list-banner li.banner02 img { position: absolute; top: 23px; left: 35px; width: 115px; }
.kidsmart-wrap .list-banner li.banner03 { position: absolute; top: 0; right: 0; align-items: baseline; }
.kidsmart-wrap .list-banner li.banner03 a { height: 228px; overflow: hidden; }
.kidsmart-wrap .list-banner li.banner03 p { position: absolute; padding: 0px 190px 96px 40px; color: #000; font-size: 20px; font-weight: bold; text-align: left;}
.kidsmart-wrap .list-banner li.banner03 img { position: absolute; top: 60px; right: 76px; width: 92px; }
.kidsmart-wrap .list-banner li.banner03 a::before { top: 120px; left: 40px; right: auto; position: absolute; display: block;}
.kidsmart-wrap .list-banner li.banner04 { position: relative; padding: 65px 210px 65px 100px; bottom: 0; top: 12px; left: 0; width: 100%; margin: 0; background: none; }
.kidsmart-wrap .list-banner li.banner04 a { font-size: 28px; }
.kidsmart-wrap .list-banner li.banner04 p { width :100%; color: #000; font-weight: bold; font-size: 28px; text-align: left;}
.kidsmart-wrap .list-banner li.banner04 img { position: absolute; top: 0; left: 0; width: 100%; }
.kidsmart-wrap .list-banner li.banner04 a::before { top: -70px; right: -120px; width: 95px; height: 78px; background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/ico_arrow2.png') no-repeat; background-size: 95px 78px; z-index: 1; }
.kidsmart-wrap .layer-present-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.kidsmart-wrap .layer-present-wrap::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.kidsmart-wrap .layer-present { position: absolute; top: 50%; left: 50%; width: 1080px; height: 840px; transform: translate(-50%, -50%); }
.kidsmart-wrap .layer-present > a { display: block; position: absolute; text-indent: -9999em; overflow: hidden; }
.kidsmart-wrap .layer-present > img { display: block; width: 100%; }
.kidsmart-wrap .layer-present .btn-present { top: 634px; left: 370px; width: 340px; height: 66px; }
.kidsmart-wrap .layer-present .btn-close-layer { top: 0; right: 0; width: 80px; height: 80px; }
.kidsmart-wrap .layer-delivery-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.kidsmart-wrap .layer-delivery-wrap::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.kidsmart-wrap .layer-delivery { position: absolute; left: 50%; transform: translateX(-50%); top: 50%; margin-top: -402.5px; }
.kidsmart-wrap .layer-delivery > a { display: block; position: absolute; text-indent: -9999em; overflow: hidden; }
.kidsmart-wrap .layer-delivery > img { display: block; width: auto !important; max-width: none !important; }
.kidsmart-wrap .layer-delivery .btn-delivery { left: 270px; right: 270px; bottom: 100px; height: 66px; }
.kidsmart-wrap .layer-delivery .btn-close-layer { top: 0; right: 0; width: 80px; height: 80px; }
.kidsmart-wrap .list-kidsstory li { background: #f3f3f3; border-radius: 20px; overflow: hidden; }
.kidsmart-wrap .list-kidsstory li a { display: flex; width: 100%; position: relative; height: 80px; padding: 0 20px 0 76px; font-size: 18px; align-items: center; }
.kidsmart-wrap .list-kidsstory li a::before { content: ''; position: absolute; top: 23px; left: 30px; width: 34px; height: 34px; background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_instagram.png') no-repeat; background-size: 34px 34px; }
.kidsmart-wrap .list-kidsstory li.official-mark a { padding-right: 100px; }
.kidsmart-wrap .list-kidsstory li.official-mark a::after { content: ''; position: absolute; top: 25px; right: 30px; width: 68px; height: 30px; background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_mark.png') no-repeat; background-size: 68px 30px; }
.kidsmart-wrap .list-kidsstory li img { display: block; }
.kidsmart-wrap .event-cont-tit { display: flex; padding-bottom: 40px; overflow: hidden; align-items: center; }
.kidsmart-wrap .event-cont-tit strong { display: block; height: 67px; text-indent: -9999em; }
.kidsmart-wrap .event-cont-tit span { display: block; margin-left: 20px; padding-top: 15px; color: #000000; font-size: 16px; font-weight: 500; }
.kidsmart-wrap .event-cont02 .event-cont-tit strong { width: 332px; background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/txt_specialbrand.png') no-repeat; background-size: 332px 67px; }
.kidsmart-wrap .event-cont04 .event-cont-tit strong { width: 268px; background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/txt_kidsstory.png') no-repeat; background-size: 268px 67px; }
.kidsmart-wrap .swiper-story { width: 100%; margin-left: auto; margin-right: auto; }
.kidsmart-wrap .swiper-story .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } /*.kidsmart-wrap .swiper-story { width:100%; height:170px; margin-left:auto; margin-right:auto; } .kidsmart-wrap .list-kidsstory { flex-wrap:wrap; flex-direction:column; } .kidsmart-wrap .list-kidsstory li:nth-child(2n) { margin-top:10px; } .kidsmart-wrap .swiper-story .swiper-slide { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; height:calc((100% - 10px) / 2) !important; } */
.kidsmart-wrap .swiper-story .swiper-button-prev { top: 32px; left: auto; right: 43px; width: 33px; height: 28px; margin-top: 0; background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/ico_prev2.png') no-repeat; background-size: 33px 28px; }
.kidsmart-wrap .swiper-story .swiper-button-next { top: 32px; left: auto; right: 0; width: 33px; height: 28px; margin-top: 0; background: url('https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/ico_next2.png') no-repeat; background-size: 33px 28px; }
.kidsmart-wrap .swiper-button-prev::after, .kidsmart-wrap .swiper-button-next::after { display: none; }
</style>
<!-- s : kidsmart-wrap -->
<div class="kidsmart-wrap"><!-- s : event-header | 이벤트 상단 타이틀영역 -->
<div class="event-header">
<div class="art-content-inner">
<div class="kidsmart-logo"><img alt="ABC KID'S MART" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/logo_kidsmart.png" /></div>
<div class="kidsmart-tab">
<div class="kids-tab-wrap abc-on">
<div class="tab-abcmart"><a class="tab-1depth" href="#;" title="ABC마트 키즈"><span>ABC마트 키즈</span></a>
<ul class="tab-2depth">
<li><a href="https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000441" title="ABC마트 키즈 신발">신발</a></li>
<li><a href="https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000442" title="ABC마트 키즈 의류">의류</a></li>
<li><a href="https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000443" title="ABC마트 키즈 잡화">잡화</a></li>
<li><a href="https://abcmart.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000444" title="ABC마트 키즈 용품">용품</a></li>
</ul>
</div>
<div class="tab-gs"><a class="tab-1depth" href="#;" title="그랜드 스테이지 키즈"><span>그랜드 스테이지 키즈</span></a>
<ul class="tab-2depth">
<li><a href="https://grandstage.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000282" title="그랜드 스테이지 키즈 신발">신발</a></li>
<li><a href="https://grandstage.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000304" title="그랜드 스테이지 키즈 의류">의류</a></li>
<li><a href="https://grandstage.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000314" title="그랜드 스테이지 키즈 잡화">잡화</a></li>
<li><a href="https://grandstage.a-rt.com/display/category/main?genderGbnCode=10002&ctgrNo=1000000573" title="그랜드 스테이지 키즈 용품">용품</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- e : event-header | 이벤트 상단 타이틀영역 -->
<div class="art-content-inner">
<div class="swiper-wrap swiper-main">
<ul class="swiper-wrapper">
<li class="swiper-slide"><a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000001491" title="연령대별 추천"><img alt="연령대별 추천" src="https://image.a-rt.com/art/editor/202205/1654219876263.jpg" /></a></li>
<li class="swiper-slide"><a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000001492" title="KIDS 신상품 "><img alt="KIDS 신상품" src="https://image.a-rt.com/art/editor/202211/1669005152554.jpg" /></a></li>
</ul>
<div class="swiper-info-wrap">
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
<div class="swiper-pagination"> </div>
</div>
</div>
</div>
<!-- s : event-container | 컨텐츠 영역 -->
<div class="event-container">
<div class="event-cont01">
<ul class="list-category">
<li><a href="https://www.a-rt.com/display/ranking/main?searchChnnlNo=&tabGbn=W&searchType=P&genderGbnCd=10002&rowsPerPage=40" title="랭킹 바로가기"><img alt="랭킹" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_ranking.png" /></a></li>
<li><a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000001492" title="신상품 바로가기"><img alt="신상품" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_newarrivals.png" /></a></li>
<li><a href="https://www.a-rt.com/display/webzine/catalogue#tabArtTvCatalogue10009" title="카달로그 바로가기"><img alt="카달로그" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_catalog.png" /></a></li>
</ul>
</div>
<div class="event-cont02">
<div class="event-cont-tit"><strong>Special Brand</strong><span>지금 핫한 브랜드만 모았어요</span></div>
<ul class="list-specialbrand">
<li><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=000492&page=1" title="봉봉 바로가기"><span class="thumb"> <img alt="봉봉" class="brand-img" src="https://image.a-rt.com/art/editor/202212/1672105847501.png" /> <img alt="봉봉" class="brand-txt" src="https://image.a-rt.com/art/editor/202212/1672105873864.png" /> </span> <span>봉봉</span> </a></li>
<li><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=000478&page=1" title="꼬무신 바로가기"><span class="thumb"> <img alt="꼬무신" class="brand-img" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_img02.png" /> <img alt="꼬무신" class="brand-txt" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_txt02.png" /> </span> <span>꼬무신</span> </a></li>
<li><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=900007&page=1" title="라라고 바로가기"><span class="thumb"> <img alt="라라고" class="brand-img" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_img03.png" /> <img alt="라라고" class="brand-txt" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_txt03.png" /> </span> <span>라라고</span> </a></li>
<li><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=900037&page=1" title="리틀 다이애나 바로가기"><span class="thumb"> <img alt="리틀 다이애나" class="brand-img" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_img04.png" /> <img alt="리틀 다이애나" class="brand-txt" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_txt04.png" /> </span> <span>리틀 다이애나</span> </a></li>
<li><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=900081&page=1" title="롬크 바로가기"><span class="thumb"> <img alt="롬크" class="brand-img" src="https://image.a-rt.com/art/editor/202307/1690332237613.jpg" /> <img alt="롬크" class="brand-txt" src="https://image.a-rt.com/art/editor/202307/1690332468062.png" /> </span> <span>롬크</span> </a></li>
</ul>
<ul class="list-specialbrand list-specialbrand2">
<li><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=900112&page=1" title="루미 바로가기"><span class="thumb"> <img alt="루미" class="brand-img" src="https://image.a-rt.com/art/editor/202307/1690332560488.jpg" /> <img alt="루미" class="brand-txt" src="https://image.a-rt.com/art/editor/202307/1690332574945.png" /> </span> <span>루미</span> </a></li>
<li><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=900129&page=1" title="요가피기 바로가기"><span class="thumb"> <img alt="요가피기" class="brand-img" src="https://image.a-rt.com/art/editor/202404/1714462851433.jpg" /> <img alt="요가피기" class="brand-txt" src="https://image.a-rt.com/art/editor/202404/1714462894013.png" /> </span> <span>요가피기</span> </a></li>
<li><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=900118&page=1" title="앨빈클로 주니어 바로가기"><span class="thumb"> <img alt="앨빈클로 주니어" class="brand-img" src="https://image.a-rt.com/art/editor/202307/1690332839228.jpg" /> <img alt="앨빈클로 주니어" class="brand-txt" src="https://image.a-rt.com/art/editor/202307/1690332855416.png" /> </span> <span>앨빈클로 주니어</span> </a></li>
<li><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=900074&page=1" title="베이비잼 바로가기"><span class="thumb"> <img alt="베이비잼" class="brand-img" src="https://image.a-rt.com/art/editor/202307/1690332907382.jpg" /> <img alt="베이비잼" class="brand-txt" src="https://image.a-rt.com/art/editor/202307/1690332924135.png" /> </span> <span>베이비잼</span> </a></li>
<li><a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=900101&page=1" title="고스트리퍼블릭 주니어 바로가기"><span class="thumb"> <img alt="고스트리퍼블릭 주니어" class="brand-img" src="https://image.a-rt.com/art/editor/202307/1690332982848.jpg" /> <img alt="고스트리퍼블릭 주니어" class="brand-txt" src="https://image.a-rt.com/art/editor/202307/1690333335794.png" /> </span> <span>고스트리퍼블릭 주니어</span> </a></li>
</ul>
</div>
<div class="event-cont03">
<ul class="list-banner">
<li class="banner01"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202201/1643096961758.png" />
<p>선물이 고민이라면?</p>
<a href="#;" title="선물하기 이용안내 보기"> </a></li>
<li class="banner02"><img alt="" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_banner02.png" />
<p>연령대별 상품 구경하기</p>
<a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000001491" title="연령대별 상품 구경하기"> </a></li>
<li class="banner03"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202201/1643096888486.png" />
<p>앱 설치하고 할인 받으세요<br />
다양한 혜택 보러가기 ></p>
<a href="https://abcmart.a-rt.com/promotion/event/detail?eventNo=2000001503&track=W0001"> </a></li>
<li class="banner04"><img alt="" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_banner04.png" />
<p>우리 집 근처<br />
키즈마트 매장을 찾아보세요</p>
<a href="https://www.a-rt.com/board/store?storeGbnCode=10003" title="우리 집 근처 키즈마트 매장을 찾아보세요"> </a></li>
</ul>
</div>
<div class="event-cont04">
<div class="event-cont-tit"><strong>Kid's Story</strong><span>키즈 스토리를 만나보세요</span></div>
<div class="swiper-wrap swiper-story">
<ul class="list-kidsstory swiper-wrapper">
<li class="swiper-slide official-mark"><a href="https://www.instagram.com/abcmartkr_kids/" title="abcmartkr_kids 바로가기">abcmartkr_kids</a></li>
<li class="swiper-slide"><a href="https://www.instagram.com/abcmart_kids_ak/" title="KM 평택AK점 바로가기">KM 평택AK점</a></li>
<li class="swiper-slide"><a href="https://www.instagram.com/abcmart_kids_shinsundowon" title="KM 울산신선도원몰점 바로가기">KM 울산신선도원몰점</a></li>
<li class="swiper-slide"><a href="https://www.instagram.com/abcmart_kmgwangmyeongak" title="KM 광명AK점 바로가기">KM 광명AK점</a></li>
<li class="swiper-slide"><a href="https://www.instagram.com/abcmart_kmchilgok/" title="KM 대구칠곡점 바로가기">KM 대구칠곡점</a></li>
<li class="swiper-slide"><a href="https://www.instagram.com/abcmart_kids_sangbongenter/" title="KM 상봉엔터식스점 바로가기">KM 상봉엔터식스점</a></li>
<li class="swiper-slide"><a href="https://www.instagram.com/abcmart__kmjamsil/" title="KM 잠실롯데월드몰점 바로가기">KM 잠실롯데월드몰점</a></li>
<li class="swiper-slide"><a href="https://www.instagram.com/abcmart_kmhaeundae/" title="KM 해운대신세계센텀점 바로가기">KM 해운대신세계센텀점</a></li>
<li class="swiper-slide"><a href="https://www.instagram.com/abcmart_kids_suwonlotte/" title="KM 수원롯데몰점 바로가기">KM 수원롯데몰점</a></li>
</ul>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<div class="layer-present-wrap">
<div class="layer-present"><img alt="선물하기 이용 안내" src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/popup.jpg" />
<p class="text-hidden">선물할 상품을 고른 후 선물하기를 눌러 받는 사람의 정보와 메시지 카드 입력하고 결제하면 선물 보내기 완료</p>
<p class="text-hidden">* 선물하기 서비스는 모바일(APP, WEB)에서 이용 가능합니다.</p>
<p class="text-hidden">선물 하려면? 앱 설치하고 멤버십 회원 첫 로그인 시 1만원 할인쿠폰을 드려요</p>
<a class="btn-present" href="https://abcmart.a-rt.com/promotion/event/detail?eventNo=2000001137" title="서비스 자세히 보기">서비스 자세히 보기</a> <a class="btn-close-layer" href="#;" title="닫기">닫기</a></div>
</div>
<div class="layer-delivery-wrap">
<div class="layer-delivery"><img alt="당일배송 새벽배송 도착 일자 안내" src="https://image.a-rt.com//art/promotion/planningdisplay/202204/1649045325540.jpg" />
<p class="text-hidden">선물 하려면? 앱 설치하고 멤버십 회원 첫 로그인 시 1만원 할인쿠폰을 드려요</p>
<a class="btn-delivery" href="https://abcmart.a-rt.com/display/category/main?searchPageType=category&channel=10001&sort=latest&perPage=40&pageColumn=4&deviceCode=10000&ctgrNo=1000000441&etc=%EC%95%84%ED%8A%B8%EB%B0%B0%EC%86%A1&gender=10002&chnnlNo=10001&ctgrLevel=1&leafCtgrYn=N&rdoProdGridModule=col4&page=1&resultExistSmartFilter=Y" title="아트배송 상품보기">아트배송 상품보기</a> <a class="btn-close-layer" href="#;" title="닫기">닫기</a></div>
</div>
</div>
<!-- e : kidsmart-wrap --><!-- Initialize Swiper --><!-- script src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/swiper-bundle.min.js"></!--><script>
$('.tab-abcmart > a').click(function () {
$('.kids-tab-wrap').removeClass('gs-on');
$('.kids-tab-wrap').addClass('abc-on'); });
$('.tab-gs > a').click(function () { $('.kids-tab-wrap').removeClass('abc-on');
$('.kids-tab-wrap').addClass('gs-on'); });
$('.list-banner .banner01 a').click(function () {
$('.layer-present-wrap').show();
$('body').addClass('overflow-hidden'); });
$('.layer-present-wrap .btn-close-layer').click(function () {
$('.layer-present-wrap').hide();
$('body').removeClass('overflow-hidden'); });
$('.layer-delivery-wrap .btn-close-layer').click(function () {
$('.layer-delivery-wrap').hide();
$('body').removeClass('overflow-hidden'); }); var swiper = new Swiper('.swiper-main', { autoplay: { delay: 3000, disableOnInteraction: false, }, loop: true, pagination: { el: '.swiper-pagination', type: 'fraction', }, navigation: { nextEl: '.swiper-main .swiper-button-next', prevEl: '.swiper-main .swiper-button-prev', }, observer: true, observeParents: true, }); var swiperStory = new Swiper('.swiper-story', { slidesPerView: 3, spaceBetween: 10, navigation: { nextEl: '.swiper-story .swiper-button-next', prevEl: '.swiper-story .swiper-button-prev', }, observer: true, observeParents: true, });
</script><!-- E : 이벤트 복사영역 여기까지 --></div>