@charset "utf-8";

#atc02{padding:200px 200px 100px 0;border-radius:50px;background:#fff}
#atc02 .main_inner{display:flex;align-items:center;justify-content:space-between}
#atc02 .main_tit span{display:block;margin-bottom:15px;color:#777}

#atc02 .cont{display:flex;gap:50px;padding-left:300px}
#atc02 .thum a{color:#777}
#atc02 .thum p{margin-bottom:10px;font-size:25px;font-weight:700;color:#111}
#atc02 .thum a:hover p{text-decoration:underline}
#atc02 .thum span{display:block;margin-top:40px;font-size:17px;font-weight:700;color:var(--primary)}
#atc02 .thum .img{overflow:hidden;width:430px;border-radius:20px}
#atc02 .thum .img img{transition:all .3s}
#atc02 .thum .img:hover img{transform:scale(1.1)}
#atc02 .thum .txt{padding:40px}
#atc02 .img_slider{overflow:hidden;border-radius:20px}
#atc02 .img_slider li{overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center;background-color:#f5f5f5}
#atc02 .img_slider li:hover:after{opacity:1}
#atc02 .img_slider li:after{position:absolute;content:'';opacity:0;bottom:0;left:0;width:100%;height:100%;background:url('./img/bg.png') no-repeat;transition:all .3s}
#atc02 .img_slider li.img01{background-image:url('./img/slide_img01.png')}
#atc02 .img_slider li.img02{background-image:url('./img/slide_img02.png')}
#atc02 .img_slider li.img03{background-image:url('./img/slide_img03.png')}
#atc02 .img_slider li.img04{background-image:url('./img/slide_img04.png')}
#atc02 .img_slider li.img05{background-image:url('./img/slide_img05.png')}
#atc02 .img_slider li a{position:relative;z-index:10;opacity:0;display:flex;justify-content:space-between;align-items:flex-end;height:100%;padding:70px;transform:translateY(30px);transition:all .3s}
#atc02 .img_slider li a:hover{opacity:1;transform:translateY(0)}
#atc02 .img_slider .txt{font-size:17px;font-weight:500;color:#fff}
#atc02 .img_slider .txt p{margin-bottom:10px;font-size:30px;font-weight:700}
#atc02 .img_slider li .cir{display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;color:var(--primary);background:#fff;transition:all .3s}
#atc02 .control{display:flex;align-items:center}
#atc02 .control span{cursor:pointer}
#atc02 .control span+span{position:relative;margin-left:20px;padding-left:20px}
#atc02 .control span+span:before{position:absolute;content:'';top:0;left:0;width:1px;height:25px;background:#e1e1e1}