@charset "utf-8";

#atc03{position:relative;margin:180px auto;width:80%}
#atc03 .inc03_slide{overflow:hidden;position:relative;padding-top:150px;width:100%}
#atc03 .inc03_slide li{width:100%}
#atc03 .inc03_slide li a{display:flex;flex-direction:column;align-items:center}
#atc03 .inc03_slide li .img_cont{overflow:hidden;border-radius:10px;width:100%;height:580px}
#atc03 .inc03_slide li img{width:100%;height:100%;object-fit:cover;transition:all .5s}
#atc03 .inc03_slide li h3, #atc03 .inc03_slide li div{margin-top:25px;font-size:23px;font-weight:700;color:var(--black)}
#atc03 .inc03_slide li .view{display:flex;position:absolute;z-index:2;top:43%;left:50%;transform:translate(-50%, -50%);font-size:45px;font-weight:400;font-family:var(--e-font);color:var(--primary);transition:all .3s}
#atc03 .inc03_slide li .view span{opacity:0;transform:translateY(30px);transition:all .5s}
#atc03 .inc03_slide li .view span:nth-child(1){transition-delay:0.1s}
#atc03 .inc03_slide li .view span:nth-child(2){transition-delay:0.2s}
#atc03 .inc03_slide li .view span:nth-child(3){transition-delay:0.3s}
#atc03 .inc03_slide li .view span:nth-child(4){transition-delay:0.4s}
#atc03 .inc03_slide .nav_container{display:flex;gap:10px;position:absolute;top:50px;left:50%;transform:translateX(-50%)}
#atc03 .inc03_slide .nav_container div{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background-color:#f2f2f2;cursor:pointer;transition:all .3s}
#atc03 .inc03_slide .nav_container div svg{width:18px;height:18px;color:rgb(0, 0, 0, 0.5);transition:all .3s}

#atc03 .inc03_slide li a:hover img{filter:brightness(0.5);transform:scale(1.1)}
#atc03 .inc03_slide li a:hover span{opacity:1;transform:translateY(0px)}
#atc03 .inc03_slide .nav_container div:hover{background-color:#d7eff4}
#atc03 .inc03_slide .nav_container div:hover svg{color:var(--primary)}

@media (max-width:1980px){
#atc03 .inc03_slide li .img_cont{height:500px}
#atc03 .inc03_slide li h3, #atc03 .inc03_slide li div{font-size:20px}
}