@charset "utf-8";
#atc01{position:relative;margin:180px 0;width:100%}
#atc01 .inc01_slide{overflow:hidden;position:relative;padding-top:100px;width:100%}
#atc01 .inc01_slide li{display:flex;flex-direction:column;justify-content:center;width:100%}
#atc01 .inc01_slide li .img_cont{display:flex;justify-content:center;align-items:center;border-radius:20px;width:100%;height:580px}
#atc01 .inc01_slide li img{margin:auto;width:80%;height:460px;border-radius:20px;object-fit:cover;transition:all 0.8s}
#atc01 .inc01_slide li.on img{width:100%;height:100%}
#atc01 .inc01_slide li .info{opacity:0;position:relative;padding:40px 60px;width:100%;transition:all 0.8s}
#atc01 .inc01_slide li.on .info{opacity:1}
#atc01 .inc01_slide li .info h3, #atc01 .inc01_slide li .info div{font-size:30px;font-weight:700;color:var(--black)}
#atc01 .inc01_slide li .info p{margin-top:5px;font-size:18px;font-weight:400;color:var(--black)}
#atc01 .inc01_slide li .info .price{margin-top:30px}
#atc01 .inc01_slide li .info .cost{position:relative;width:max-content;font-size:25px;font-weight:500;color:rgb(0, 0, 0, 0.25)}
#atc01 .inc01_slide li .info .cost::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:0.5px;background-color:rgb(0, 0, 0, 0.25)}
#atc01 .inc01_slide li .search{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;right:60px;transform:translateY(-50%);width:70px;height:70px;border-radius:50%;background-color:#d7eff4;transition:all .3s}
#atc01 .inc01_slide li .search svg{color:var(--primary);transition:all .3s}
#atc01 .inc01_slide li .info .sale{display:flex;align-items:end;gap:8px;margin-top:15px;line-height:0.6;font-size:50px;font-weight:700;color:var(--primary)}
#atc01 .inc01_slide li .info .sale span{font-size:18px;font-weight:700;color:var(--black)}
#atc01 .inc01_slide .pager{position:absolute;top:40px;bottom:unset;left:50%;transform:translateX(-50%);width:auto}
#atc01 .inc01_slide .pager span{opacity:1;background:rgb(0, 0, 0, 0.2);transition:all.3s}
#atc01 .inc01_slide .pager span.on{width:28px;height:8px;border-radius:4px;background-color:var(--primary)}
#atc01 .inc01_slide .nav_container{display:flex;justify-content:space-between;position:absolute;top:39%;left:50%;transform:translate(-50%, -50%);width:62%}
#atc01 .inc01_slide .nav_container div{display:flex;justify-content:center;align-items:center;width:70px;height:70px;border:2px solid #e1e1e1;border-radius:50%;cursor:pointer;transition:all .3s}
#atc01 .inc01_slide .nav_container span{display:block;width:21px;height:17px;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .3s}
#atc01 .inc01_slide .nav_container div:first-child span{background-image:url(./img/arrow_left.webp)}
#atc01 .inc01_slide .nav_container div:last-child span{background-image:url(./img/arrow_right.webp)}

#atc01 .inc01_slide li .search:hover{background-color:var(--primary)}
#atc01 .inc01_slide li .search:hover svg{color:#fff}
#atc01 .inc01_slide .nav_container div:hover{border:2px solid var(--primary)}
#atc01 .inc01_slide .nav_container div:first-child:hover span{background-image:url(./img/arrow_left_c.webp)}
#atc01 .inc01_slide .nav_container div:last-child:hover span{background-image:url(./img/arrow_right_c.webp)}

@media (max-width:1980px){
#atc01 .inc01_slide li .img_cont{height:450px}
#atc01 .inc01_slide li img{height:320px}
}