@charset "utf-8";

#atc01{padding:175px 0}
#atc01 .m_slide{display:none}

#atc01 .tit_area{margin-bottom:120px;text-align:center;color:#111}
#atc01 .tit_area .s_tit{font-size:15px;font-weight:700;letter-spacing:0;font-family:'Poppins',sans-serif}
#atc01 .tit_area .tit{margin:10px 0;font-size:40px;font-family:'notokr-bold'}
#atc01 .tit_area div{color:#777}
#atc01 .tit_area a{position:relative;display:inline-block;margin-top:65px;font-size:13px;font-weight:700;line-height:2;font-family:'Poppins'}
#atc01 .tit_area a:before,#atc01 .tit_area a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;-webkit-transition:width .3s;transition:width .3s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#atc01 .tit_area a:before{width:100%;right:0;background:#222;-webkit-transition-delay:.2s;transition-delay:.2s}
#atc01 .tit_area a:after{width:0;left:0;background:#222;-webkit-transition-delay:0s;transition-delay:0s}

#atc01>ul{display:flex;position:relative;max-width:1580px;margin:0 auto;justify-content:center}
#atc01>ul li{overflow:hidden}
#atc01>ul li:nth-child(1){position:absolute;top:-220px;left:90px;width:380px;height:525px;animation-delay:.2s}
#atc01>ul li:nth-child(2){width:435px;height:385px;animation-delay:.4s}
#atc01>ul li:nth-child(3){position:absolute;top:-160px;right:55px;width:435px;height:255px;animation-delay:.6s}
#atc01>ul li a {display:block;color:#9e9e9e}
#atc01>ul li .img{overflow:hidden}
#atc01>ul li .img, #atc01 ul li .img img{transition:all .3s cubic-bezier(0.5, 1, 0.89, 1)}


@media(hover:hover){
#atc01 .tit_area a:hover{color:#222}
#atc01 .tit_area a:hover:before{width:0;transition-delay:0s}
#atc01 .tit_area a:hover:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}  
#atc01>ul li:hover .img{transform:scale(1.05,1.05)}
}
@media(max-width:1300px){
#atc01{padding:150px 0}
#atc01>ul li:nth-child(1){left:5%;height:auto;width:25%}
#atc01>ul li:nth-child(2){height:auto;width:35%}
#atc01>ul li:nth-child(3){top:-225px;right:3%;height:auto;width:28%}
#atc01>ul li:nth-child(1) img{width:100%}
#atc01>ul li:nth-child(2) img{width:100%}
#atc01>ul li:nth-child(3) img{width:100%}
}
@media(max-width:1024px){
#atc01 .tit_area{margin-bottom:100px}
#atc01 .tit_area a{margin-top:50px}
#atc01>ul li:nth-child(1){top:-160px}
#atc01>ul li:nth-child(3){top:-160px}
}
@media(max-width:768px){
#atc01{padding:130px 0 100px}
#atc01 .tit_area .tit{font-size:35px;line-height:45px}
#atc01 .tit_area{margin-bottom:80px}
#atc01 .tit_area div{font-size:14px}
#atc01>ul li:nth-child(1){top:-110px;left:20px;width:28%}
#atc01>ul li:nth-child(3){top:-110px;right:20px}
}
@media(max-width:480px){
#atc01{overflow:hidden;padding:100px 0}
#atc01 .tit_area .tit{font-size:30px;line-height:40px}
#atc01 .tit_area a{margin-top:30px}
#atc01>ul{display:none}
#atc01 .m_slide{display:block;height:400px}
#atc01 .m_slide li{background:center / cover no-repeat}
#atc01 .m_slide .slide01{background-image:url(./img/img01.jpg)}
#atc01 .m_slide .slide02{background-image:url(./img/img02.jpg)}
#atc01 .m_slide .slide03{background-image:url(./img/img03.jpg)}
}