@charset "utf-8";

#atc02{position:relative;width:100%;padding:100px 0;background-color:#f7f7f7}
#atc02 .inner{position:relative;width:1200px;margin:0 auto}
#atc02 .tit_area{margin-bottom:40px;font-size:16px;color:#777;text-align:center}
#atc02 .tit_area h3{font-size:26px;font-weight:700;text-transform:uppercase;color:#222;font-family:'Montserrat'}
#atc02 .tit_area h3:after{content:"";display:block;width:30px;height:2px;margin:15px auto 20px;background-color:#1db8f5}
#atc02 ul:after{display:block;content:"";visibility:hidden;clear:both}
#atc02 ul li{overflow:hidden;float:left;width:24%;margin-right:1.33%;background-color:#fff;-webkit-transition:all .4s;transition:all .4s}
#atc02 ul li:last-child{margin-right:0}
#atc02 ul li .txt{padding:30px 28px;font-size:15px;color:#777}
#atc02 ul li .txt h4{margin-bottom:10px;font-size:17px;color:#222;font-family:notokr-medium}
#atc02 ul li:hover{margin-top:-25px;-webkit-box-shadow:4px 4px 9px 0px rgba(0,0,0,0.1);-moz-box-shadow:4px 4px 9px 0px rgba(0,0,0,0.1);box-shadow:4px 4px 9px 0px rgba(0,0,0,0.1)}
#atc02 .btn{display:block;width:180px;margin:40px auto 0;border:2px solid #cdcdcd;border-radius:5px;font-size:13px;line-height:50px;font-weight:700;text-align:center;color:#222;
text-transform:uppercase;-webkit-transition:border .4s;transition:border .4s;font-family:'Montserrat'}
#atc02 .btn:hover{border-color:#1db8f5}

/* fadeInUp  */
#atc02 li:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}
#atc02 li:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}
#atc02 li:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}
#atc02 li:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}
.animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0)}to{opacity:1;webkit-transform:none;transform:none}}

/* 익스 8 */
@media \0screen{
#atc02 li{filter:alpha(opacity=100}
}