@charset "utf-8";

#atc03{position:relative;padding-bottom:80px}

/* 타이틀 */
#atc03 .tit{position:relative;height:50px;margin-bottom:35px;border-bottom:1px solid #e1e1e1;font-weight:700;color:#080a2e;font-family:'Poppins'}
#atc03 .tit p{font-size:22px}
#atc03 .tit a{display:block;position:absolute;height:100%;padding:0 15px;right:10%;bottom:-1px;font-size:12px;line-height:42px;color:#080a2e}
#atc03 .tit a:before,#atc03 .tit a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:1px;transition:width .3s cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#atc03 .tit a:before{width:100%;right:0;background:#080a2e;transition-delay:.2s}
#atc03 .tit a:after{width:0;left:0;background:#080a2e;transition-delay:0s}

/* 라테스트 */
#atc03 .lateat_area{overflow:hidden;position:relative;padding:0 10% 0 30px}
#atc03 .lateat_area:before{display:block;content:"";position:absolute;left:20px;top:15px;width:2px;height:2px;background-color:#2340c3}
#atc03 .lateat_area ul{position:relative;width:100%}
#atc03 .lateat_area ul li a{display:block;padding:5px 55px 5px 0;font-size:14px;color:#86878c}
#atc03 .lateat_area ul li a img{vertical-align:-1px}
#atc03 .lateat_area .arr_btn{position:absolute;right:10%;top:3px;z-index:5;width:55px;}
#atc03 .lateat_area .arr_btn i{display:block;float:left;width:25px;height:25px;font-size:10px;line-height:25px;text-align:center;color:#080a2e;background-color:#f5f6f8;transition:all .2s}
#atc03 .lateat_area .arr_btn i.la_prev{margin-right:5px}
#atc03 .lateat_area .date{float:right;padding-right:30px}

@media(hover:hover){
#atc03 .tit a:hover:before{width:0;transition-delay:0s}
#atc03 .tit a:hover:after{width:100%;transition-delay:.2s}  
#atc03 .lateat_area .arr_btn i:hover{cursor:pointer;color:#fff;background-color:#080a2e}
}
@media(max-width:1700px){
#atc03 .tit a{right:5%}
#atc03 .lateat_area{padding-right:5%}
#atc03 .lateat_area .arr_btn{right:5%}
}
@media(max-width:1024px){
#atc03 .tit{margin-bottom:30px}	
#atc03 .tit a{right:0}	
#atc03 .lateat_area{padding:0 0 0 10px}
#atc03 .lateat_area .arr_btn{right:0}
#atc03 .lateat_area:before{left:0}
}
@media(max-width:768px){
#atc03{padding-bottom:60px}
}
@media(max-width:480px){
#atc03 .lateat_area ul li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#atc03 .lateat_area .date{display:none}
}