@charset "utf-8";

#atc02{position:relative;background:#eff0f2}

/*txt_area*/
#atc02 .inner{display:flex;padding:120px 0 120px 360px}
#atc02 .inner .txt_all{margin-top:50px}
#atc02 .inner .stit{margin-bottom:60px;font-size:15px;font-weight:bold;letter-spacing:0;line-height:17px;color:#125ad3;font-family:'Poppins'}
#atc02 .inner .tit_area{overflow:hidden;letter-spacing:-.2px}
#atc02 .inner .tit_area .tit{margin-bottom:50px;line-height:50px;font-size:40px;white-space:pre-line;font-family:'Noto Sans KR';font-weight:300}
#atc02 .inner .tit_area .tit b{font-weight:normal;font-family:'Noto Sans KR';font-weight:700}
#atc02 .inner .tit_area .ko_txt{color:rgba(0,0,0,0.7);line-height:26px;font-size:16px;white-space:pre-line;font-family:'Noto Sans KR'}
#atc02 .inner .txt_area{float:left;letter-spacing:-.5px}

/*slide*/
#atc02 .swiper-container{width:70%;height:506px !important;transform:translateX(50px)}
#atc02 .main_control{position:relative;width:180px;height:55px;margin-top:80px;border-radius:50px;background:#fff;z-index:9999}
#atc02 .main_control .main_arrow .swiper-button-next:after,#atc02 .swiper-button-prev:after{display:none}
#atc02 .main_control .main_arrow .swiper-button-prev{left:20px}
#atc02 .main_control .main_arrow .swiper-button-next,#atc02 .swiper-button-prev{right: 20px;color:#222}
#atc02 .main_control .swiper-pagination{position:absolute;transform:translateY(-50%);top:50%;color:rgba(34,34,34,0.4);text-align:center;font-weight:bold;font-family:'Poppins';z-index:-1}
#atc02 .main_control .swiper-pagination-current{margin:0 10px;color:#222}
#atc02 .main_control .swiper-pagination-total{margin:0 10px}

/*slide_img*/
#atc02 .swiper-wrapper li{height:418px;border-radius:30px;box-shadow:0px 7px 3px 0px rgb(0 0 0 / 6%);transition:all .3s}
#atc02 .swiper-wrapper li a{display:block;height:100%}
#atc02 .swiper-wrapper li p{padding-left:20px;position:absolute;bottom:-50px;font-size:20px;font-family:'Noto Sans KR';font-weight:700}
#atc02 .swiper-wrapper .img01{background-image:url(./img/inc02_img-01.jpg)}
#atc02 .swiper-wrapper .img02{background-image:url(./img/inc02_img-02.jpg)}
#atc02 .swiper-wrapper .img03{background-image:url(./img/inc02_img-03.jpg)}
#atc02 .swiper-wrapper .img04{background-image:url(./img/inc02_img-04.jpg)}

/*animation*/
#atc02 .slide.active{opacity:1;left:0;-webkit-transition:all 1.5s .1s;-ms-transition:all 1.5s .1s;transition:all 1.5s .1s}

@media(hover:hover){
#atc02 .swiper-wrapper li:hover{transform:translateY(40px)}
}
@media (max-width:1700px){
#atc02 .inner{display:flex;padding:120px 0 120px 70px}
}
@media (max-width:1400px){
#atc02 .inner{padding:120px 0 120px 30px}
#atc02 .inner .txt_all{width:30%;margin-top:20px}
#atc02 .inner .stit{margin-bottom:30px}
#atc02 .inner .tit_area .tit{white-space:normal;word-break:keep-all}
#atc02 .inner .tit_area .ko_txt{white-space:normal;word-break:keep-all}
#atc02 .main_control{margin-top:30px}
}
@media (max-width:1024px){
#atc02 .inner{padding:80px 0 60px 20px}	
#atc02 .inner .txt_all{width:35%}
#atc02 .inner .tit_area .tit{margin-bottom:20px;font-size:36px;letter-spacing:-.5px;line-height:1.2}
#atc02 .inner .tit_area .ko_txt{font-size:15px}
#atc02 .swiper-container{transform:translateX(30px);height:400px!important}
#atc02 .swiper-wrapper li{height:330px}
}
@media (max-width:768px){
#atc02 .inner{display:block;padding:60px 0 40px 20px}
#atc02 .inner .txt_all{width:100%;margin-bottom:30px}
#atc02 .inner .tit_area .tit{margin-bottom:15px;font-size:32px}
#atc02 .inner .stit{margin-bottom:20px;font-size:14px}
#atc02 .main_control{width:150px;height:45px;margin-top:20px}
#atc02 .main_control .swiper-pagination{bottom:auto}
#atc02 .swiper-container{transform:none;width:100%}
#atc02 .swiper-wrapper li{border-radius:12px}
#atc02 .swiper-wrapper li p{font-size:18px}
}
@media (max-width:480px){
#atc02 .inner .txt_all{margin:0 0 30px}
#atc02 .inner .tit_area .tit{font-size:26px}
#atc02 .swiper-container{height:320px!important}
#atc02 .swiper-wrapper li{height:260px}
}
@media (max-width:380px){
#atc02 .swiper-container{height:280px!important}
#atc02 .swiper-wrapper li{height:220px}
}