@charset "utf-8";

#atc02 {position:relative;width:100%;padding: 30px 0;background:#f4f4f4}
#atc02 .txt_area{width:1120px;margin:30px auto;color:#604b8c;font-weight:800;font-size:40px;font-family:'Open Sans ExtraBold'}
#atc02 .img_area01 {width:1120px;margin:0 auto}
#atc02 .img_area01 > li {overflow:hidden;width:353px;height:auto;text-align:center;margin-right:20px;margin-bottom:20px}
#atc02 .img_area01 li.tit{width:353px;height:235px;padding-top:40px;text-align:left;background:url('/sh_img/make24/include_02/tit_bg.jpg') 0 0 no-repeat}
#atc02 .img_area01 li.tit p.tit{padding-top:5px;font-size:35px;color:#333;background:url('/sh_img/make24/include_02/tit_line.jpg') left top no-repeat;font-family:'Open Sans ExtraBold'}
#atc02 .img_area01 li.tit p.contents{font-size:16px;color:#616161;line-height:25px}
#atc02 .img_area01 > li a {display:block}
#atc02 .img_area01 > li img{transition:all .3s}
#atc02 .img_area01 > li:hover img{transform:scale(1.03,1.03)}
#atc02 .btn{position:relative;float:right;margin-right:10px;margin-top:48px;padding-left:10px;font-size:13px;color:#333;letter-spacing:1px;font-weight:bold;transition:all .3s;font-family:'Open Sans'}
#atc02 .btn:after{display:block;clear:both;content:"";position:absolute;top:10px;left:10px;width:3px;height:3px;opacity:0;transition:all .3s;background:url('/sh_img/make24/include_02/li_bg.png') 0 0 no-repeat}
#atc02 .btn:hover:after{left:0;opacity:1}
#atc02 .btn:hover{color:#604b8c}

/* 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}
}