<style> /* wrap */ body.overflow-hidden { overflow:hidden; } .board-view-head, .breadcrumb-wrap, .btn-wrap.page-bottom, .page-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 .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; margin-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; } .kidsmart-wrap .list-specialbrand li:last-child { margin-right:0; } .kidsmart-wrap ul.list-banner { position:relative; display:block; padding:0 505px 222px 0; } .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:36px; right:30px; width:34px; height:28px; background:url('ico_arrow.png') no-repeat; background-size:34px 28px; } .kidsmart-wrap .list-banner li.banner01 { margin-bottom:12px; } .kidsmart-wrap .list-banner li.banner01 a { height:100px; padding:20px 70px 20px 200px; } .kidsmart-wrap .list-banner li.banner01 img { position:absolute; top:23px; left:35px; width:110px; } .kidsmart-wrap .list-banner li.banner02 a { height:100px; padding:20px 70px 20px 200px; } .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:210px; padding:36px 190px 110px 40px; overflow:hidden; } .kidsmart-wrap .list-banner li.banner03 img { position:absolute; top:52px; right:76px; width:92px; } .kidsmart-wrap .list-banner li.banner03 a::before { top:116px; left:40px; right:auto; } .kidsmart-wrap .list-banner li.banner04 { position:absolute; bottom:0; left:0; width:100%; margin:0; background:none; } .kidsmart-wrap .list-banner li.banner04 a { height:210px; font-size:28px; padding:15px 210px 20px 100px; } .kidsmart-wrap .list-banner li.banner04 img { position:absolute; top:0; left:0; width:100%; } .kidsmart-wrap .list-banner li.banner04 a::before { top:65px; right:100px; 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 src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/logo_kidsmart.png" alt="ABC KID'S MART"></div> <div class="kidsmart-tab"> <div class="kids-tab-wrap abc-on"> <div class="tab-abcmart"> <a href="#;" title="ABC마트 키즈" class="tab-1depth"><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 href="#;" title="그랜드 스테이지 키즈" class="tab-1depth"><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=2000001816" title="타이니 코튼 "><img src="https://image.a-rt.com/art/editor/202205/1652940223072.jpg" alt="타이니 코튼"></a> </li> <li class="swiper-slide"> <a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000001838" title="오구 "><img src="https://image.a-rt.com/art/editor/202205/1653031006875.jpg" alt="오구"></a> </li> <li class="swiper-slide"> <a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000001841" title="위클리5-3 "><img src="https://image.a-rt.com/art/editor/202205/1653031144846.jpg" alt="위클리5-3"></a> </li> </ul> <div class="swiper-info-wrap"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="swiper-pagination"></di오전 10:15 2022-04-20오전 10:15 2022-04-20v> </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 src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_ranking.png" alt="랭킹"></a></li> <li><a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000001492" title="신상품 바로가기"><img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_newarrivals.png" alt="신상품"></a></li> <li><a href="https://www.a-rt.com/display/webzine/catalogue#tabArtTvCatalogue10009" title="카달로그 바로가기"><img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_catalog.png" alt="카달로그"></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=900030&page=1" title="꼬맘슈 바로가기"> <span class="thumb"> <img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_img01.png" class="brand-img" alt="꼬맘슈"> <img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_txt01.png" class="brand-txt" alt="꼬맘슈"> </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 src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_img02.png" class="brand-img" alt="꼬무신"> <img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_txt02.png" class="brand-txt" alt="꼬무신"> </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 src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_img03.png" class="brand-img" alt="라라고"> <img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_txt03.png" class="brand-txt" alt="라라고"> </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 src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_img04.png" class="brand-img" alt="리틀 다이애나"> <img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_txt04.png" class="brand-txt" alt="리틀 다이애나"> </span> <span>리틀 다이애나</span> </a> </li> <li> <a href="https://abcmart.a-rt.com/product/brand/page/main?brandNo=900016&page=1" title="코뮤엘로 바로가기"> <span class="thumb"> <img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_img05.png" class="brand-img" alt="코뮤엘로"> <img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/brand_txt05.png" class="brand-txt" alt="코뮤엘로"> </span> <span>코뮤엘로</span> </a> </li> </ul> </div> <div class="event-cont03"> <ul class="list-banner"> <li class="banner01"> <a href="#;" title="선물하기 이용안내 보기"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202201/1643096961758.png" alt=""> <p>선물이 고민이라면?</p> </a> </li> <li class="banner02"> <a href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000001491" title="연령대별 상품 구경하기"> <img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_banner02.png" alt=""> <p>연령대별 상품 구경하기</p> </a> </li> <li class="banner03"> <a href="#;" title="우리아이 신발, 당장 필요할 땐? 아트배송 상품 확인하기"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202201/1643096888486.png" alt=""> <p>우리아이 신발, 당장 필요할 땐?<br> 아트배송 상품 확인하기</p> </a> </li> <li class="banner04"> <a href="https://www.a-rt.com/board/store?storeGbnCode=10003" title="우리 집 근처 키즈마트 매장을 찾아보세요"> <img src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/img_banner04.png" alt=""> <p>우리 집 근처<br>키즈마트 매장을 찾아보세요</p> </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 src="https://image.a-rt.com/art/managing/event/20220114_kidsmart/pc/popup.jpg" alt="선물하기 이용 안내"> <p class="text-hidden">선물할 상품을 고른 후 선물하기를 눌러 받는 사람의 정보와 메시지 카드 입력하고 결제하면 선물 보내기 완료</p> <p class="text-hidden">* 선물하기 서비스는 모바일(APP, WEB)에서 이용 가능합니다.</p> <p class="text-hidden">선물 하려면? 앱 설치하고 멤버십 회원 첫 로그인 시 1만원 할인쿠폰을 드려요</p> <a href="https://abcmart.a-rt.com/promotion/event/detail?eventNo=2000001137" title="서비스 자세히 보기" class="btn-present">서비스 자세히 보기</a> <a href="#;" title="닫기" class="btn-close-layer">닫기</a> </div> </div> <div class="layer-delivery-wrap"> <div class="layer-delivery"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202204/1649045325540.jpg" alt="당일배송 새벽배송 도착 일자 안내"> <p class="text-hidden">선물 하려면? 앱 설치하고 멤버십 회원 첫 로그인 시 1만원 할인쿠폰을 드려요</p> <a 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="아트배송 상품보기" class="btn-delivery">아트배송 상품보기</a> <a href="#;" title="닫기" class="btn-close-layer">닫기</a> </div> </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"); }); $('.list-banner .banner03 a').click( function() { $('.layer-delivery-wrap').show(); $('body').addClass("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, /* grid: { rows: 2, },*/ spaceBetween: 10, navigation: { nextEl: ".swiper-story .swiper-button-next", prevEl: ".swiper-story .swiper-button-prev", }, observer: true, observeParents: true, }); </script><!-- E : 이벤트 복사영역 여기까지 -->