@charset "utf-8";

#atc01{overflow:hidden;position:relative;width:100%;margin:0 auto;padding:51px 0 33px 0;background:url('./bg.png') no-repeat right bottom}
#atc01 ul{overflow:hidden;width:1200px;margin:0 auto}
#atc01 ul li{float:left;width:calc(100% / 3 - 14px);height:222px;margin:0 20px 20px 0;background:#fff}
#atc01 ul li:nth-child(3){margin-right:0}
#atc01 ul li.inc01_tit{padding-top:41px}
#atc01 ul li.inc01_tit .tit_tip{font-size:13px;font-weight:700;color:#73d2de;font-family:'Montserrat'}
#atc01 ul li.inc01_tit .tit_txt{margin-top:-6px;font-size:31px;font-weight:700;color:#222;font-family:'Montserrat'}
#atc01 ul li.inc01_tit .tit_sub{margin-top:14px;font-size:14px;line-height:26px;color:#888;font-family:'notokr-regular'}
#atc01 ul li.inc01_box{position:relative}
#atc01 ul li.inc01_box a{display:block;position:relative;width:100%;height:100%;padding:50px;border:1px solid #ddd}
#atc01 ul li.inc01_box a:after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:9;margin:auto;border:1px solid #73d2de;opacity:0;box-sizing:border-box;transition:300ms border,150ms opacity;content:""}
#atc01 ul li.inc01_box .li_step{font-size:14px;font-weight:600;color:#73d2de;font-family:'Montserrat'}
#atc01 ul li.inc01_box .li_tit{margin-top:-22px;font-size:18px;line-height:24px;text-align:right;color:#333;font-family:'notokr-bold'}
#atc01 ul li.inc01_box .li_tit span{font-size:14px;color:#888;font-family:'Montserrat'}
#atc01 ul li.inc01_box img{position:absolute;bottom:50px;left:50px}

/* fade  */
.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-animation-delay:.3s;animation-delay:.3s}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(50px)}to{opacity:1;-webkit-transform:none}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}

@media(hover:hover){
#atc01 ul li.inc01_box:hover{border:none}
#atc01 ul li.inc01_box a:hover{border:none;transition:transform .3s;-webkit-transition:transform .3s}
#atc01 ul li.inc01_box a:hover:after{border-width:5px;opacity:1}
}
@media(max-width:1280px){
#atc01 ul{width:100%;padding:0 20px}
}
@media(max-width:1040px){
#atc01 ul li.inc01_tit{width:100%;text-align:center}
#atc01 ul li{width:calc(100% / 2 - 10px)}
#atc01 ul li:nth-child(odd){margin-right:0}
}
@media(max-width:1024px){
#atc01{padding-top:150px}
#atc01 ul{padding:0 15px}
}
@media(max-width:600px){
#atc01{padding-top:250px}
#atc01 ul li.inc01_box a{padding:20px}
#atc01 ul li.inc01_box img{bottom:30px;left:30px}
}
@media(max-width:500px){
#atc01{background-size:200%}
#atc01 ul li{height:auto}
#atc01 ul li.inc01_box .li_step{margin-bottom:10px;text-align:center;font-size:14px}
#atc01 ul li.inc01_box .li_tit{margin-top:0;text-align:center;font-size:16px}
#atc01 ul li.inc01_box .li_tit span{font-size:13px}
#atc01 ul li.inc01_box img{display:none}
}
@media(max-width:350px){
#atc01{background-size:700%}
#atc01 ul li{width:100%;float:none}
}