@charset "utf-8";

#atc01{padding:160px 0;transition:all .2s}

#atc01 .tit_area{opacity:0;transform:translateY(-20px);margin-bottom:40px;text-align:center;color:#111}
#atc01 .tit_area .s_tit{margin-bottom:20px;font-size:13px;font-weight:700;letter-spacing:0;font-family:'Poppins',sans-serif}
#atc01 .tit_area .tit{font-size:29px;font-weight:700;font-family:'AppleSDGothicNeo'}

#atc01 ul{overflow:hidden}
#atc01 ul li{float:left;opacity:0;transform:translateX(50px);width:calc(100% / 3 - 25px);text-align:center}
#atc01 ul li+li{margin-left:36px}
#atc01 ul li:nth-child(1){animation-delay:.2s}
#atc01 ul li:nth-child(2){animation-delay:.4s}
#atc01 ul li:nth-child(3){animation-delay:.6s}
#atc01 ul li a{display:block;color:#9e9e9e}
#atc01 ul li .img{overflow:hidden;margin-bottom:40px}
#atc01 ul li .img img{width:100%}
#atc01 ul li .img, #atc01 ul li .img img{transition:all .3s cubic-bezier(0.5, 1, 0.89, 1)}
#atc01 ul li p{margin-bottom:15px;font-size:21px;font-weight:600;color:#111}
#atc01 ul li p span{margin-right:6px;font-size:13px;font-weight:600;font-family:'Poppins'}
#atc01 ul li .desc{white-space:pre-line}

/* 반응형 [s] */
@media (hover:hover){
#atc01 ul li:hover .img{transform:scale(.9)}
#atc01 ul li:hover .img img{transform:scale(1.2)}
}
@media (max-width:1230px){
#atc01{padding:120px 0 100px}
}
@media (max-width:1024px){
#atc01{padding:80px 20px}
#atc01 .tit_area{margin-bottom:30px}
#atc01 ul li{width:calc(100% / 3)}
#atc01 ul li+li{margin-left:0}
#atc01 ul li .img{margin-bottom:20px}
#atc01 ul li p{margin-bottom:10px}
#atc01 ul li .desc{padding:0 15px;white-space:normal;word-break:keep-all;line-height:1.6}
}
@media (max-width:768px){
#atc01{padding:60px 20px}
#atc01 .tit_area .tit{font-size:26px;line-height:1.4;word-break:keep-all}	
#atc01 ul li p{font-size:18px}
#atc01 ul li p span{ display:none}
#atc01 ul li .desc{display:none}
}
@media (max-width:480px){
#atc01 .tit_area .tit{font-size:24px}
#atc01 ul li{float:none;width:100%}	
#atc01 ul li+li{margin-top:40px}
#atc01 ul li .desc{display:block}
}
@media (max-width:380px){
#atc01{padding:60px 15px}
}
/* 반응형 [e] */