@charset "utf-8";

#atc01 {position:relative;width:1150px;padding:130px 0 100px}
#atc01 .tit_area {margin-bottom:40px;font-size:12px;line-height:2;color:#222;letter-spacing:1.3px;text-align:center}
#atc01 .tit_area h3 {font-size:17px;font-family:'notokr-black'}

#atc01 .img_area01 {width:100%}
#atc01 .img_area01 li {overflow:hidden;width:275px;height:auto;margin:0 10px 10px 0}
#atc01 .img_area01 li a {display:block}
#atc01 .img_area01 li img{-webkit-filter:grayscale(100%);filter:gray;transition:all .3s}
#atc01 .img_area01 li:hover img{-webkit-filter:grayscale(0);filter:none;transform:scale(1.03,1.03)}

/* fadeIn  */
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;animation-delay:.3s}
@-webkit-keyframes fadeIn {from {opacity:0}to {opacity:1}}
@keyframes fadeIn {from {opacity:0}to {opacity:1}}

/* 익스 8 */
@media \0screen {
.animated {filter:alpha(opacity=100}
}