@charset "utf-8";

#atc01{width:100%}
#atc01 .inner{max-width:140rem;width:100%;margin:0 auto;padding:13rem 0}
#atc01 .tit_box{width:100%;margin-bottom:5rem;text-align:center;position:relative}
#atc01 .tit_box .s_tit{margin-bottom:.5rem;font-size:2rem;font-weight:600;color:#333;font-family:"Noto Serif KR", serif}
#atc01 .tit_box .tit{font-size:3.8rem;color:#333;font-family:"Noto Serif KR", serif}
#atc01 .tit_box .tit span{color:var(--pt-color)}

#atc01 .tit_box .atc01_control{width:6rem;height:6rem;border-radius:6rem;border:1px solid #ddd;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;cursor:pointer}
#atc01 .tit_box .atc01_control img{width:35%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s;}
#atc01 .tit_box .atc01_prev{left:0}
#atc01 .tit_box .atc01_next{right:0}
#atc01 .tit_box .atc01_control:hover{border-color:var(--pt-color);background:var(--pt-color)}
#atc01 .tit_box .atc01_control:hover img{filter: invert(100%) brightness(200%);}

#atc01 .atc01_slider{max-width:140rem;width:100%;margin:0 auto;overflow:hidden}
#atc01 .atc01_slider .swiper-slide:nth-child(even){margin-top:5rem}
#atc01 .atc01_slider a{display:block;width:100%;height:100%}
#atc01 .atc01_slider a .img_box{width:100%;margin-bottom:2rem;border-radius:2rem;background:#333;overflow:hidden}
#atc01 .atc01_slider a .img_box img{width:100%;transition:all .3s}
#atc01 .atc01_slider a .txt_box{padding:0 2rem;text-align:center}
#atc01 .atc01_slider a .txt_box .tit{margin-bottom:1rem;font-size:2.2rem;font-weight:700;color:#333;transition:all .3s;font-family:"Noto Serif KR", serif}
#atc01 .atc01_slider a .txt_box .txt{font-size:1.6rem;font-weight:400;line-height:150%;color:#888;word-break:keep-all}

#atc01 .atc01-pagination{margin-top:3rem;text-align:center;}
#atc01 .atc01-pagination .swiper-pagination-bullet{width:8px;height:8px;background:var(--pt-color);transition:background-color 1s}
#atc01 .atc01-pagination .swiper-pagination-bullet-active{width:16px;border-radius:8px;background:var(--pt-color)}


#atc01 .atc01_slider a:hover .img_box img{transform:scale(1.05)}
#atc01 .atc01_slider a:hover .txt_box .tit{color:var(--pt-color)}
@media(max-width:1400px){
#atc01 .inner{padding:13rem 2rem}
}
@media(max-width:1280px){
#atc01 .inner{padding:10rem 2rem}
#atc01 .tit_box .tit{font-size:3.5rem}
}
@media(max-width:1024px){
#atc01 .inner{padding:8rem 2rem}
#atc01 .tit_box .tit{font-size:3.2rem}

#atc01 .tit_box .atc01_control{width:5rem;height:5rem}
}
@media(max-width:767px){
#atc01 .inner{padding:7rem 2rem}
#atc01 .tit_box .s_tit{font-size:1.8rem}
#atc01 .tit_box .tit{font-size:2.9rem}
}
@media(max-width:480px){
#atc01 .inner{padding:6rem 0}
#atc01 .tit_box{margin-bottom:3rem}
#atc01 .tit_box .tit{font-size:2.6rem}

#atc01 .tit_box .atc01_control_area{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}
#atc01 .tit_box .atc01_control{width:4.5rem;height:4.5rem;position:relative;top:auto;left:auto;transform:none}

#atc01 .atc01_slider .swiper-slide{width:32rem;margin:0 1rem}
#atc01 .atc01_slider .swiper-slide:nth-child(2n){margin-top:0}

#atc01 .atc01_slider a .txt_box .tit{font-size:2rem}
}
@media(max-wdith:320px){
#atc01 .tit_box .atc01_control{width:4rem;height:4rem}
}