@charset "utf-8";

#atc02{padding:96px 0 128px;text-align:center;color:#777;background-color:#f1f1f1}
#atc02 .inner{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-family:'notokr-bold'}
#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: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:54px 18px 0;border:5px solid #fff;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-family:'notokr-bold'}