@charset "utf-8";

#atc02{padding:96px 0 128px;text-align:center;color:#777;background-color:#f1f1f1}
#atc02 .inner{max-width:1200px;margin:0 auto}
#atc02 .tit_area{margin-bottom:42px}
#atc02 .tit_area span{font-size:14px;letter-spacing:.55px;font-weight:600;color:#706da6;font-family:'Poppins', sans-serif}
#atc02 .tit_area p{padding-bottom:4px;font-size:35px;line-height:70px;letter-spacing:-.3px;color:#222;font-weight:700}
#atc02 .tit_area .cont{ white-space:pre-line; word-break:keep-all}
#atc02 ul:after{content:"";display:block;clear:both}
#atc02 ul li{float:left;width:25%;height:300px;border:1px solid #e1e1e1;opacity:0;background-color:#fff;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
#atc02 ul li+li{border-left:none}
#atc02 ul li span{ white-space:pre-line; word-break:keep-all}
#atc02 ul li:nth-child(1){animation-delay:.2s}
#atc02 ul li:nth-child(2){animation-delay:.4s}
#atc02 ul li:nth-child(3){animation-delay:.6s}
#atc02 ul li:nth-child(4){animation-delay:.8s}
#atc02 ul li a{display:block;height:100%;padding-top:54px;color:#777;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
#atc02 ul li:hover a{border:5px solid #706da6}
#atc02 ul li p{padding:20px 0 15px;font-size:18px;color:#222;font-weight:700}

/* 반응형 [s] */
@media (max-width:1400px){
#atc02 .inner{padding:0 20px}
}
@media (max-width:1024px){
#atc02{padding:76px 0}
#atc02 .tit_area p{font-size:30px}
#atc02 ul li{width:50%;height:260px}
#atc02 ul li a{padding:40px 10px}
#atc02 ul li:nth-child(3),#atc02 ul li:nth-child(4){border-top:none} 
#atc02 ul li:nth-child(3){border-left:solid 1px #e1e1e1}
#atc02 ul li p{padding-bottom:7px}
}
@media (max-width:686px){
#atc02{padding:45px 0}
#atc02 ul li span{ white-space:normal}
#atc02 .tit_area .cont{ white-space:normal}
}
@media (max-width:480px){
#atc02{padding:30px 0}
#atc02 ul li{width:100%;height:240px}
#atc02 ul li a{padding:33px 10px}
#atc02 ul li:nth-child(2){border-top:none} 
#atc02 ul li+li{border-left:solid 1px #e1e1e1}
#atc02 ul li span{ white-space:pre-line}
}
/* 반응형 [e] */