@charset "utf-8";

#atc03{width:100%}
#atc03 .inner{max-width:140rem;width:100%;margin:0 auto;padding:15rem 0}
#atc03 .tit_box{margin-bottom:3rem;text-align:center}
#atc03 .tit_box  .pt_icon{display:inline-block;margin:0 auto 2rem}
#atc03 .tit_box  .pt_icon img{animation:rotate 5s linear infinite;}
#atc03 .tit_box .tit{margin-bottom:1rem;font-size:4.7rem;line-height:100%;color:#333;font-weight:700;font-family:'Poppins'}
#atc03 .tit_box .txt{font-size:1.7rem;color:#888}
@keyframes rotate{from {transform:rotate(0deg);}to {transform:rotate(360deg);}}


/*탭메뉴*/
#atc03 .tab_list{max-width:86rem;width:100%;margin:0 auto 3rem;padding:0 2rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem 2%}
#atc03 .tab_list li{width:23.5%;height:5rem;border-radius:5rem;background:#f2f3f7;font-size:1.6rem;font-weight:600;text-align:center;line-height:5rem;color:#333;cursor:pointer;transition:all .3s}
#atc03 .tab_list li.on, #atc03 .tab_list li:hover{background:var(--pt-color);color:#fff}

/*슬라이드 공통*/
#atc03 .pdt_cont_list{width:100%;position:relative}
#atc03 .pdt_lt{width:100%;position:absolute;z-index:-1;opacity:0}
#atc03 .pdt_lt.on{position:relative;z-index:1;opacity:1}
#atc03 .pdt_lt .slider_area{width:100%;overflow:hidden}
#atc03 .pdt_lt a{display:block;width:100%;height:100%}
#atc03 .pdt_lt .img_box{width:100%;margin-bottom:2rem;border:1px solid #ddd;border-radius:1rem;overflow:hidden}
#atc03 .pdt_lt .img_box img{width:100%;transition:all .3s}
#atc03 .pdt_lt .txt_box{text-align:center}
#atc03 .pdt_lt .s_tit{display:inline-block;margin-bottom:1rem;padding:.5rem 1.5rem;border-radius:3rem;background:#f2f3f7;font-size:1.4rem;font-weight:600;color:var(--pt-color)}
#atc03 .pdt_lt .tit{font-size:1.8rem;font-weight:600;color:#333}
#atc03 .pdt_lt a:hover .img_box img{transform:scale(1.05,1.05)}
#atc03 .pdt_lt .nodata{width:100%;height:30rem;background:#f7f7f7;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}


#atc03 .c_btn {width:6rem;height:6rem;border:1px solid #ddd;border-radius:6rem;position:absolute;top:-15rem;cursor:pointer;transition:all .3s}
#atc03 .c_btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}
#atc03 .c_btn.prev_btn{left:0}
#atc03 .c_btn.next_btn{right:0}
#atc03 .c_btn:hover{border-color:var(--pt-color);background:var(--pt-color);}
#atc03 .c_btn:hover img{filter:invert(1)}

/*이동불가일떄 버튼*/
#atc03 .c_btn.swiper-button-disabled{background:#ddd;opacity:.5;cursor:unset;opacity:.3}
#atc03 .c_btn.swiper-button-disabled:hover{border-color:#ddd;background:#ddd;}
#atc03 .c_btn.swiper-button-disabled:hover img{filter:invert(0)}


@media(max-width:1400px){
#atc03 .inner{padding:13rem 2rem}
}

@media(max-width:1280px){
#atc03 .inner{padding:9rem 2rem}
#atc03 .tit_box .tit{font-size:4.4rem}
}

@media(max-width:1024px){
#atc03 .inner{padding:8rem 2rem}
#atc03 .tit_box .tit{font-size:4.1rem}


#atc03 .control_area{margin-top:2rem;display:flex;justify-content:center;align-items:center;gap: 1rem;}
#atc03 .c_btn{width:5rem;height:5rem;position:relative;top:auto}
#atc03 .c_btn.prev_btn{left:auto}
#atc03 .c_btn.next_btn{right:auto}
}

@media(max-width:767px){
#atc03 .inner{padding:7rem 0}
#atc03 .tit_box{padding:0 2rem}
#atc03 .tit_box .tit{font-size:3.8rem}
#atc03 .pdt_lt .slider_area .swiper-slide{max-width:35rem;width:80%;margin:0 1rem}

#atc03 .c_btn{width:4rem;height:4rem}
#atc03 .c_btn img{width:16%}

#atc03 .tab_list{max-width:60rem;gap:1rem 2%}
#atc03 .tab_list li{width:49%}


}
@media(max-width:480px){
#atc03 .inner{padding:6rem 0}
#atc03 .tit_box .tit{font-size:3.5rem}

}
@media(max-width:320px){
#atc03 .inner{padding:6rem 0}
#atc03 .tit_box .tit{font-size:3.2rem}
#atc03 .tab_list li{font-size:1.4rem}
}