@charset "utf-8";


#atc03{width:100%;border-top:1px solid #ddd}
#atc03 .inner{max-width:154rem;width:100%;margin:0 auto;padding:3rem 2rem;display:flex;flex-wrap:wrap;align-items: center;gap:2rem 5rem}
#atc03 .tit_box{width:23rem;display:flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}
#atc03 .tit{font-size:2.5rem;font-weight:700;color:#333}
#atc03 .slide_btn {display: flex;flex-wrap: wrap;align-items: center;gap: .5rem}
#atc03 .slide_btn .atc03_btn {width: 3rem;height: 3rem;border-radius: 3rem;background:#d9d9d9;transition: all .3s;cursor: pointer;display: flex;align-items: center;justify-content: center}
#atc03 .slide_btn .c_btn{display:none;border:0;background:var(--pt-color)}
#atc03 .slide_btn .c_btn.on{display:flex}
#atc03 .slide_btn .atc03_play_btn {display:none}
#atc03 .slide_btn .atc03_btn:hover {background:#222}

#atc03 .atc03_slider{width:calc(100% - 28rem);padding:1px;overflow:hidden}
#atc03 .atc03_slider .swiper-slide{border:1px solid #ddd;border-radius:1rem;overflow:hidden}
#atc03 .atc03_slider .swiper-slide a{display:block;width:100%;height:100%}
#atc03 .atc03_slider .swiper-slide a img{width:100%}

@media(max-width:1280px){
#atc03 .inner{padding:3rem 2rem}
}
@media(max-width:1024px){
#atc03 .tit_box{width:100%}
#atc03 .atc03_slider{width:100%}
}
@media(max-width:767px){
#atc03 .tit{font-size:2.2rem}
}

@media(max-width:480px){
#atc03 .inner{padding:3rem 0}
#atc03 .tit_box{padding:0 2rem}
#atc03 .atc03_slider .swiper-slide{max-width:20rem;width:85%;margin:0 .5rem}
}