@charset "utf-8";

#atc04 {position:relative;width:100%;padding:200px 0 140px}

#atc04_wrap {position:relative;width:1200px;margin:0 auto}

/* 이미지 */
#atc04_wrap .cont_area {position:relative}
#atc04_wrap .cont_area:after {display:block;content:"";visibility:hidden;clear:both}
#atc04_wrap .cont_area li {float:left;position:relative;width:370px}
#atc04_wrap .cont_area li a {display:block;position:relative}
#atc04_wrap .cont_area li a:after {display:block;content:"";position:absolute;left:0;top:0;z-index:1;width:100%;height:118%;border:4px solid #b51e5f;opacity:0;transition:all .5s }
#atc04_wrap .cont_area li:nth-child(2) {margin:0 40px}
#atc04_wrap .cont_area li .img {overflow:hidden}
#atc04_wrap .cont_area li .img img {transition:all .5s}
#atc04_wrap .cont_area li .txt {position:relative;color:#777;transition:padding .5s}
#atc04_wrap .cont_area li .txt h4 {margin-top:20px;font-size: 19px;font-weight: 700;color: #222;text-transform:uppercase;font-family: 'Montserrat', sans-serif;}
#atc04_wrap .cont_area li .txt .plus {position:absolute;right:0;top:0;width:27px;height:27px;background:url(/sh_img/make24/include_04/img/plus.png) no-repeat;transition:all .5s}
#atc04_wrap .cont_area li .txt p {position:absolute;top: 35px;left:0;opacity:0;transition:all .5s}
#atc04_wrap .cont_area li a:hover:after {left:-20px;top:20px;opacity:1}
#atc04_wrap .cont_area li a:hover img {transform:scale(1.05,1.05)}
#atc04_wrap .cont_area li a:hover .txt {padding-left:15px}
#atc04_wrap .cont_area li a:hover .txt p {top:40px;left:15px;opacity:1}
#atc04_wrap .cont_area li a:hover .txt .plus {right:50px}

/* fadeInUp  */
#atc04_wrap .cont_area li:first-child {animation-delay:.2s}
#atc04_wrap .cont_area li:nth-child(2) {animation-delay:.4s}
#atc04_wrap .cont_area li:last-child {animation-delay:.6s}
.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}}