@charset "utf-8";

#atc02{overflow:hidden;position:relative;z-index:10;padding:155px 0 140px;background-color:var(--bg-color)}
#atc02 .atc_inner{display:flex;flex-direction:column;align-items:center}
#atc02 .tit_area{max-width:1560px;width:100%;padding:0 30px 0 !important}
#atc02 .cont{display:flex;justify-content:flex-start;align-items:center;width:100%;padding-left:calc((100% - 1760px) / 2)}

/* 게시판 */
#atc02 .swiper-container{padding-top:100px}
#atc02 .swiper-wrapper .swiper-slide{width:430px}
#atc02 .swiper-wrapper .swiper-slide .op{position:absolute;top:-30px;left:20px} 
#atc02 .swiper-wrapper li a .img{width:100%;height:330px;margin-bottom:30px;background-color:#fff;;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:10px}
#atc02 .swiper-wrapper li .info span{display:block;padding-left:20px;word-break:keep-all;color:var(--font-maindark);font-size:23px;font-family:var(--font-recipekr)}
#atc02 .swiper-navigation{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:130px;width:100%}
#atc02 .swiper-navigation button{all:unset;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100px;background-color:#fff;cursor:pointer}
#atc02 .swiper-navigation button svg{width:22px;height:22px}
#atc02 .slider-controller{display:none}

/* 반응형 [s] */
@media (max-width:1440px){
#atc02 .swiper-wrapper .swiper-slide{width:400px}
#atc02 .swiper-wrapper li a .img{height:300px}
}

@media (max-width:1024px){
#atc02{padding:105px 0 80px}
#atc02 .cont{padding:0 30px}
#atc02 .tit_area .tit::before{top:-18px;left:-21px;background-size:50px}
#atc02 .swiper-container{padding-top: 70px;}
#atc02 .swiper-wrapper{padding-bottom:30px}
#atc02 .swiper-wrapper .swiper-slide{width:auto}
#atc02 .swiper-wrapper li .info span{padding-left:0;font-size:17px;text-align:center}
#atc02 .swiper-wrapper li a .img{height:250px}
#atc02 .swiper-navigation{display:none}
#atc02 .slider-controller{display:flex;justify-content:center;align-items:center}
#atc02 .slider-controller .controller{padding:15px 20px;background-color:#fff;border-radius:100px}
#atc02 .pager{display:flex;gap:5px;align-items:center}
#atc02 .pager .swiper-pagination-bullet{opacity:1;width:9px;height:9px;border-radius:50%;border:2px solid #e1e1e1;background-color:#fff;vertical-align:middle}
#atc02 .pager .swiper-pagination-bullet-active{width:9px;height:9px;border:2px solid var(--brand-color);background-color:var(--brand-color)}
}

@media (max-width:768px){
#atc02{padding: 85px 0 60px;}
#atc02 .tit_area{padding:0 15px 0 !important}
#atc02 .tit_area .tit::before{left:47px !important}
#atc02 .cont{padding:0 15px}
#atc02 .swiper-container{padding-top:60px}
#atc02 .swiper-wrapper li a .img{margin-bottom:25px}
#atc02 .swiper-wrapper li .info span{font-size:17px}
}

@media (max-width:480px){
#atc02{padding: 85px 0 40px;}
#atc02 .swiper-container{padding-top:45px}
#atc02 .swiper-wrapper li a .img{height: 175px;}
#atc02 .swiper-wrapper .swiper-slide .op{width: 50px;top:-24px;} 
#atc02 .swiper-wrapper .swiper-slide .op img{width: 100%;}
#atc02 .swiper-wrapper li .info span{font-size:15px}
}
/* 반응형 [e] */