@charset "utf-8";
#atc02{overflow:hidden;position:relative;padding:130px 0 40px;text-align:center;font-family:'Poppins',sans-serif}
#atc02 .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:495px;background:url(./bg.jpg) center no-repeat;background-size:cover}
#atc02 .inner{position:relative;width:1396px;margin:30px auto 0}
#atc02 .tit_area{margin-bottom:15px}
#atc02 .tit_area p{font-size:16px;color:#fff;letter-spacing:.3px;font-family:'Sedgwick Ave', cursive}
#atc02 .tit_area h2{margin-bottom:10px;font-size:44px;font-weight:200;color:#fff;font-family:'Poppins',sans-serif}
#atc02 .tit_area h2 b{font-weight:600}
#atc02 ul li{position:relative}
#atc02 ul li .img{height:415px;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .2s}
#atc02 ul li .info{font-size:14px;color:#7e7e7e;opacity:0;transition:all .2s;font-family:'notokr-regular'}
#atc02 ul li .info p{color:#fff}
#atc02 ul li .info .btn{width:50px;height:50px;margin:25px auto 0;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:url(./plus.png) center no-repeat}
#atc02 .swiper-pagination-bullet{opacity:1;margin:0 8px;width:10px;height:10px;border:1px solid #fff;background:transparent}
#atc02 .swiper-pagination-bullet-active{background-color:#fff}
#atc02 .nav_container{display:flex;justify-content:space-between;position:absolute;z-index:2;top:65%;left:50%;transform:translate(-50%, -50%);width:1550px}
#atc02 .nav_container div{font-size:13px;font-weight:600;color:#fff;cursor:pointer}

/* 반응형 [s] */
@media (hover:hover){
#atc02 ul li:hover .img{margin-top:-40px}
#atc02 ul li:hover .info{padding-top:30px;opacity:1}
}
@media (max-width:1550px){
#atc02 .inner{width:82%}
#atc02 .nav_container{width:95%}
}
@media (max-width:1024px){
#atc02{padding:120px 0 60px}
#atc02 .bg{height:435px}
#atc02 .inner{width:95%}
#atc02 .tit_area p{font-size:15px}
#atc02 .tit_area h2{font-size:38px}
#atc02 ul li .img{height:380px}
#atc02 ul li:hover .img{margin-top:-80px}
#atc02 ul li:hover .info{padding-top:20px}
#atc02 .nav_container{display:none}
}
@media (max-width:768px){
#atc02{padding:100px 0 80px}
#atc02 .bg{height:390px}
#atc02 .inner{margin-top:50px} 
#atc02 .tit_area p{font-size:14px}
#atc02 .tit_area h2{margin-bottom:0px;font-size:32px;line-height:1.5}
#atc02 ul li .img{margin-top:0px !important;filter:brightness(0.5)}
#atc02 ul li .info{opacity:1 !important;padding:0px !important;position:absolute;top:54%;left:50%;transform:translate(-50%, -50%);width:95%;color:rgb(255, 255, 255, 0.6)}
#atc02 ul li .info p{margin-bottom:10px;font-size:18px}
#atc02 ul li .info .btn{border:1px solid rgb(255, 255, 255, 0.6)}
#atc02 .pager{margin-top:50px}
}
@media (max-width:480px){
#atc02{padding:90px 0 70px}
#atc02 .bg{height:370px}
#atc02 .inner{margin-top:40px;width:100%}
#atc02 .tit_area p{font-size:13px}
#atc02 .tit_area h2{font-size:28px}
#atc02 ul li .info p{font-size:17px}
#atc02 ul li .img{height:360px}
#atc02 .pager{margin-top:40px}
}
@media (max-width:390px){
#atc02{padding:80px 0 60px}
#atc02 .bg{height:320px}
#atc02 .inner{margin-top:35px}
#atc02 .tit_area p{font-size:12px}
#atc02 .tit_area h2{font-size:25px}
#atc02 ul li .img{height:330px}
#atc02 ul li .info{font-size:13px}
#atc02 ul li .info p{margin-bottom:6px;font-size:16px}
#atc02 ul li .info .btn{width:45px;height:45px}
#atc02 .pager{margin-top:30px}
}
/* 반응형 [e] */