ABC마트의 패션 컨텐츠 채널, 아트닷컴

<link href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/webhttps://www.a-rt.com/static/pretendard.css" rel="stylesheet" type="text/css" /><style type="text/css">.interaction-footer-wrap .btn-showcase-music {display:none;}.wrap .contents-wrap.showcase-wrap .showcase-body-wrap .interaction-wrap .interaction-inner .interaction-slider .slider-item .slider-item-inner .slide-desc {left:50%;bottom:50%;transform:translate(-50%, 50%);width:100%;z-index:5;} .interaction-slider .swiper-slide:after {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);content:"";z-index:3;} .interaction-slider .swiper-slide .any-area {position:absolute;left:0;width:100%;bottom:120px;top:0;} .interaction-slider .swiper-slide .slide-desc {bottom:40vh;} .interaction-slider .swiper-slide .slide-desc p span {font-family: Pretendard, -apple-system;} .interaction-slider .swiper-slide img {width:100%;} .interaction-slider .swiper-slide .any-area {z-index:5;} .interaction-slider .swiper-slide .any-area .any-txt1 {position:absolute;bottom:20vh;} .interaction-slider .swiper-slide .any-area .any-txt2 {position:absolute;bottom:0;} .interaction-slider .swiper-slide.swiper-slide-active .any-area .any-txt1 {animation:any-txt1 0.5s 1.8s both;} @keyframes any-txt1 { 0% {opacity:0;bottom:-10px;} 100% {opacity:1;bottom:20vh;} } .interaction-slider .swiper-slide.swiper-slide-active .any-area .any-txt2 {animation:any-txt2 0.5s 2.2s both;} @keyframes any-txt2 { 0% {opacity:0;bottom:-10px;} 100% {opacity:1;bottom:0;} } .interaction-slider .slide-num1 .slide-desc p img {width:100% !important;} .interaction-slider .slide-num1 .slide-desc p.any-txt1, .interaction-slider .slide-num1 .slide-desc p.any-txt2 {opacity:0;} .interaction-slider .slide-num1 .slide-desc p.any-txt3 {margin-top:-100px;} .interaction-slider .slide-num1.swiper-slide-active .slide-desc p.any-txt1, .interaction-slider .slide-num1.swiper-slide-active .slide-desc p.any-txt2 {display:block;animation:any-num1-txt1 4s 1s both;} @keyframes any-num1-txt1 { 0% {opacity:1;} 90% {opacity:0;} 100% {opacity:0;} } .interaction-slider .slide-num2.swiper-slide-active .any-area .any-txt1 {animation:any-txt1 0.5s 0.8s both;} .interaction-slider .slide-num2.swiper-slide-active .any-area .any-txt2 {animation:any-txt2 0.5s 1.2s both;} .interaction-slider .slide-num4 .any-area .any-txt1 {position:absolute;bottom:10.50vh;} .interaction-slider .slide-num4.swiper-slide-active .any-area .any-txt1 {animation:any-num4-txt1 0.5s 1.8s both;} @keyframes any-num4-txt1 { 0% {opacity:0;bottom:-10px;} 100% {opacity:1;bottom:10.50vh;} } .interaction-slider .slide-num5 .any-area .any-txt1 {position:absolute;bottom:12.30vh;} .interaction-slider .slide-num5.swiper-slide-active .any-area .any-txt1 {animation:any-num5-txt1 0.5s 1.8s both;} @keyframes any-num5-txt1 { 0% {opacity:0;bottom:-10px;} 100% {opacity:1;bottom:12.30vh;} }</style><div class="interaction-inner" data-auto-play="true"><div class="interaction-slider swiper-container"><div class="swiper-wrapper"><div class="swiper-slide slider-item slide-num1"><div class="slider-item-inner"><div class="slide-bg text"><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652162970346.jpg');"> </div></div><div class="slide-desc"><p class="any-txt1" data-duration="700"><span data-style="display:block;width:100%;"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652408218143.png" /></span></p><p class="any-txt2" data-delay="1000" data-duration="700"><span data-style="margin-top:2.0vh;color:#fff;font-size:3.5vh;font-weight:700;">발끝에서 시작되는 건강함</span></p><p class="any-txt3" data-delay="2000" data-duration="700"><span data-style="color:#fff;font-size:2.8vh;line-height:3.5vh;">토앤토는 발을 보호하고<br />피로를 줄여줄 수 있는 소재를 연구하여<br />신발을 만듭니다.</span></p><p class="any-txt4" data-delay="700" data-duration="700"><span> </span></p></div></div></div><div class="swiper-slide slider-item slide-num2" data-duration="12000"><div class="slider-item-inner"><div class="slide-bg img-marquee"><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652171226713.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652171229060.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652171231719.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652171233833.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652171236436.jpg');"> </div><div class="any-area"><img alt="Shock absorption" class="any-txt1" src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652403246396.png" /> <img alt="일반 신발을 착용했을 때보다 발에 40~50% 낮은 압력을 받게 하여 운동이나 보행 시 발바닥 전면에 압력이 분산되어 효과적으로 충격을 흡수합니다." class="any-txt2" src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652404451902.png" /></div></div></div></div><div class="swiper-slide slider-item slide-num3" data-duration="12000"><div class="slider-item-inner"><div class="slide-bg img-marquee"><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652173114585.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652173116916.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652173119692.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652173121472.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652173124088.jpg');"> </div><div class="any-area"><img alt="Recovery cushions" class="any-txt1" src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652404137642.png" /> <img alt="발에 미치는 충격으로부터 피로를 회복하는 쿠션감을 가지고 있습니다. 일반 신발과 비교하여 토앤토의 쿠션감은 부위에 받은 압력을 최소화하여 발의 피로도를 회복합니다." class="any-txt2" src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652404230137.png" /></div></div></div></div><div class="swiper-slide slider-item slide-num4" data-duration="12000"><div class="slider-item-inner"><div class="slide-bg img-marquee"><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652315837557.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652315840687.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652315937975.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652315940238.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652315945312.jpg');"> </div><div class="any-area"><img alt="Ultra lightness" class="any-txt1" src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652403703976.png" /> <img alt="기존 플라스틱 슈즈 (PVC, Rubber)와 비교할 수 없을 만큼 가볍습니다." class="any-txt2" src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652404339665.png" /></div></div></div></div><div class="swiper-slide slider-item slide-num5" data-duration="12000"><div class="slider-item-inner"><div class="slide-bg img-marquee"><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652316023681.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652316029897.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652316033083.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652316033456.jpg');"> </div><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652316181036.jpg');"> </div><div class="any-area"><img alt="Anti bacterial" class="any-txt1" src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652404003913.png" /> <img alt="항균 및 제균력 99.9% 의 Germ Fighter 첨가로 지속적이고 효과적으로 건강을 지켜줍니다." class="any-txt2" src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652404071393.png" /></div></div></div></div><div class="swiper-slide slider-item"><div class="slider-item-inner"><div class="slide-bg text"><div class="background" data-style="background-image: url('https://image.a-rt.com//art/promotion/planningdisplay/202205/1652162970346.jpg');"> </div></div><div class="slide-desc"><p data-duration="700"><span data-style="color:#fff;font-size:2.8vh;line-height:3.5vh;">세상에서 가장 완벽한 리커버리 슈즈<br />ZEROVITY™ BIO Flip Flop</span></p><p data-delay="700" data-duration="700"><span> </span></p></div></div></div></div></div></div>

<div class="interaction-sub-wrap"><style type="text/css">/* 세로 1080인 디자인 기준 여백, 폰트사이즈 vh값으로 설정 (여백 또는 폰트사이즈) / 1080 * 100 예) .interaction-sub-inner의 padding-top 값은 디자인 기준 110px -> 110 / 1080 * 100 = 10.1851851... */ .wrap .contents-wrap.showcase-wrap .showcase-body-wrap .interaction-wrap .interaction-inner .interaction-slider .slider-item .slider-item-inner .slide-bg.video video{width: 101%;} .interaction-sub-inner { padding: 10.1851vh 2.7777vh 0 4.6296vh; } .interaction-sub-inner .sub-title { font-size: 3.8888vh; letter-spacing: -.0972vh; font-weight: 900; line-height: 5.1851vh; } .interaction-sub-inner .sub-desc { color: #666; font-size: 1.3888vh; letter-spacing: -0.0694vh; line-height: 2.2222vh; } .interaction-sub-inner .sub-title + .sub-desc { margin-top: 2.7777vh; } .interaction-sub-inner .img-wrap { width: 41.4815vh; max-width: 100%; margin: 5.5555vh auto 0; } .interaction-sub-inner .img-wrap img { width: 100%; } .interaction-sub-inner .pagination-box { margin-top: 10vh; text-align: right; } .interaction-sub-inner .pagination-box .swiper-pagination-bullet { width: 10px; height: 10px; background: transparent; border: 1px solid #000; margin: 0 6px 0 0; opacity: 1; } .interaction-sub-inner .pagination-box .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; }</style><script> $(function() { var swiper = new Swiper('.interaction-sub-inner .swiper-container', { loop: true, speed: 1000, parallax: true, autoplay: { delay: 2500, disableOnInteraction: false, }, watchSlidesProgress: true, slidesPerView: 1, pagination: { el: '.interaction-sub-inner .swiper-container .pagination-box', clickable: true, }, }); }); </script><div class="interaction-sub-inner"><p class="sub-title">TAW&TOE<br />아트닷컴 런칭.</p><p class="sub-desc">발끝에서 시작되는 건강함<br />세상에서 가장 완벽한 리커버리 슈즈,<br />ZEROVITY™ BIO Flip Flop</p><div class="img-wrap"><div class="swiper-container"><ul class="swiper-wrapper"> <li class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652401139984.jpg" /></li> <li class="swiper-slide"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202205/1652401156423.jpg" /></li></ul><div class="pagination-box"> </div></div></div></div></div>