@charset "utf-8";

#atc03{padding:100px 0;position:relative;z-index:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}
#atc03 .inner{max-width:1600px;width:100%;margin:0 auto;text-align:center}
#atc03 .tit{margin-bottom:40px;text-align:center;font-size:38px;font-family:var(--st-font)}

/* 카드사 로고 */
#atc03 .inner .logo_area ul{padding: 0px 0px 60px 0;display:flex;flex-wrap:wrap;text-align:center;justify-content:center}
#atc03 .inner .logo_area ul li{margin:10px}
#atc03 .inner .logo_area ul li img{padding:20px;border:1px solid #ddd;border-radius:4px;width:140px}
#atc03 .inner .logo_area ul li:last-child img{padding:14px}

#atc03 .more_btn{display:inline-block;position:relative;margin-top:35px;padding-right:30px;font-size:17px;line-height:1;line-height:21px;color:#f75b1b;font-family:'S-CoreDream-4Regular'}
#atc03 .more_btn:before,#atc03 .more_btn:after{display:block;content:"\f178";position:absolute;top:-1px;-webkit-transition:all .3s;transition:all .3s;font-family:'fontawesome'}
#atc03 .more_btn:before{right:10px;opacity:0}
#atc03 .more_btn:after{right:0}

@media(hover:hover){
#atc03 ul li:hover{border-color:rgba(0,0,0,.2)}
#atc03 .more_btn:hover:before{right:0;opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
#atc03 .more_btn:hover:after{right:-10px;opacity:0}
}
@media(max-width:1024px){
#atc03{padding-bottom:90px}	
#atc03:before{display:none}
#atc03 .tit{font-size:32px}	
#atc03 ul li{padding:0}
#atc03 ul li .cont .date{margin-right:35px}
#atc03 ul li .cont .date .day{font-size:34px}
#atc03 ul li .cont dt{margin:2px 0 5px;font-size:20px}
}
@media(max-width:768px){
#atc03{padding:0}
#atc03 .tit{margin-bottom:10px;font-size:28px}
#atc03 ul li{padding:0}
#atc03 ul li a{display:flex;align-items:center}
#atc03 ul li .cont{width:70%;padding:0}
#atc03 ul li .cont .date{display:flex;align-items:center;float:none;margin:0 0 5px}
#atc03 ul li .cont .date .day{order:1;font-size:15px}
#atc03 ul li .cont .date .day:before{content:"."}
#atc03 ul li .cont dl{float:none;width:90%}
#atc03 ul li .cont dt{margin:0;font-size:16px}
#atc03 ul li .cont dd{margin:10px 0 0;font-size:14px}
#atc03 ul li .img{width:30%;height:110px}
#atc03 .more_btn{font-size:15px}
}
@media(max-width:480px){
#atc03 ul li .cont .date{font-size:14px}
#atc03 ul li .cont dt{font-size:15px}
#atc03 ul li .cont dd{font-size:13px}
#atc03 ul li .img{height:95px}
}