@charset "utf-8";

#atc03{padding:80px 0;text-align:center}
#atc03 .tit{font-size:33px;color:#f36f21;font-family:notokr-bold}
#atc03 .cont_area{display:table;margin:45px auto 0;padding:0 20px;background:url(/sh_img/include/inc03/img/cir_bg.png) center top no-repeat}
#atc03 .cont_area li{position:relative;float:left;width:225px;height: 367px;padding-top: 84px;}
#atc03 .cont_area li .stit{display: table;position:relative;margin: 0 auto;height: 90px;font-size: 21px;line-height: 72px;color:#222;font-family:notokr-bold;;}
#atc03 .cont_area li .stit span{display: table-cell;position: relative;vertical-align:middle;line-height: 27px;}
#atc03 .cont_area li .stit p{vertical-align:middle}
#atc03 .cont_area li .c_txt{position:absolute;left:0;right:0;bottom:0;font-size: 17px;line-height: 1.6;color:#888;}

#atc03 .animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#atc03 .fadeInTop{-webkit-animation-name:fadeInTop;animation-name:fadeInTop}
@-webkit-keyframes fadeInTop{from{opacity:0;-webkit-transform:translateY(200px)}to{opacity:1;-webkit-transform:none}}
@keyframes fadeInTop{from{opacity:0;transform:translateY(200px)}to{opacity:1;transform:none}}