@charset "utf-8";

#atc02 {position:relative;width:1200px;margin:0 auto;padding:110px 0;font-family:'Montserrat', sans-serif}

/* 타이틀 */
#atc02 .tit_area {text-align:center}
#atc02 .tit_area .num {display:inline-block;padding:15px 20px;font-size:12px;font-weight:800;letter-spacing:.5px;color:#b51e5f;background:url(/sh_img/make24/include_02/img/dot.png),url(/sh_img/make24/include_02/img/dot.png),url(/sh_img/make24/include_02/img/dot.png),url(/sh_img/make24/include_02/img/dot.png);background-position:left top, right top, left bottom, right bottom;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat}
#atc02 .tit_area h3 {margin:50px 0;padding-left:10px;font-size:22px;font-weight:300;text-transform:uppercase;letter-spacing:10px;color:#222}

/* 내용 */
#atc02 .cont_area:after {display:block;content:"";visibility:hidden;clear:both}
#atc02 .cont_area li {float:left;padding-left:70px;width:346px;background-repeat:no-repeat;background-position:left top;transition:all .3s}
#atc02 .cont_area li:first-child {background-image:url(/sh_img/make24/include_02/img/icon01_off.png)}
#atc02 .cont_area li:nth-child(2) {margin:0 80px;background-image:url(/sh_img/make24/include_02/img/icon02_off.png)}
#atc02 .cont_area li:last-child {background-image:url(/sh_img/make24/include_02/img/icon03_off.png)}
#atc02 .cont_area li a {display:block;color:#777}
#atc02 .cont_area li h4 {margin-bottom:13px;font-size:19px;font-weight:700;color:#222}
#atc02 .cont_area li .more {overflow:hidden;position:relative;width:85px;height:21px;margin-top:13px;font-size:14px;font-weight:700;color:#222}
#atc02 .cont_area li .more:before {display:block;content:"Read More";position:absolute;top:-100%;color:#b51e5f;transition:all .3s}
#atc02 .cont_area li .more:after {display:block;content:"Read More";position:absolute;left:0;top:0;color:#222;transition:all .3s}
#atc02 .cont_area li:hover .more:before {top:0}
#atc02 .cont_area li:hover .more:after {top:100%}

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