@charset "utf-8";

#atc03 .atc03_top{padding:130px 0;background:url('./img/bg_img.jpg') no-repeat center top; background-size: cover;}
#atc03 .atc03_top .top_inner{display:flex;width:100%;max-width:1400px;margin:0 auto;}
#atc03 .news_box{position:relative;width:100%; max-width: 610px; margin: 0 auto; color:#fff; text-align: center}
#atc03 .news_box h4 {font-size:50px; line-height: 1.3; padding-bottom:30px;}
#atc03 .news_box p {opacity: .8; font-size:18px;}
#atc03 .news_box a {display:flex;align-items:center;justify-content:center;column-gap:30px;width:200px;height:65px;margin:54px auto 0;border-radius:65px;font-weight:500;color:#111;transition:all .2s;background-color:#fff;}
#atc03 .news_box a svg{height:18px;transition:all .2s}
#atc03 .news_box a:hover{background-color:var(--primary); color:#fff;}

#atc03 .news_box a:hover svg{transform:rotate(45deg)}

#atc03 .atc03_bottom .bottom_inner{display:flex;justify-content:space-between;position:relative;width:100%;max-width:1400px;margin:80px auto 0;padding-bottom:130px}
#atc03 .atc03_bottom .bottom_inner:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:1px;height:calc(100% + 300px);background:#e1e1e1}
#atc03 .atc03_bottom .bottom_inner:after{position:absolute;left:0;top:0;content:'';z-index:-1;width:calc(100% + 260px);height:1px;background:#e1e1e1}
#atc03 .noti_late{width:580px;margin-left:50px}
#atc03 .noti_late .late_tit{display:flex;justify-content:center;align-items:center;width:110px;height:45px;margin-top:-23px;border-radius:50px;font-weight:500;color:#fff;;background-color:var(--primary);}
#atc03 .noti_late ul{padding-top:65px}
#atc03 .noti_late ul li{position:relative;padding:25px 10px}
#atc03 .noti_late ul li .subj{font-size:18px;font-weight:600;color:#111}
#atc03 .noti_late ul li .date{margin-top:7px;font-size:15px;color:#888}
#atc03 .noti_late ul li+li{border-top:1px solid #e1e1e1}
#atc03 .noti_late ul li .arrow{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:100%;border:1px solid #e1e1e1;transition:all .2s}
#atc03 .noti_late ul li .arrow svg{height:18px;color:#111;transition:all .2s}
#atc03 .icon_box{display:flex;justify-content:space-between;column-gap:20px;padding-top:80px}
#atc03 .icon_box .icon_link{width:340px;height:340px;border-radius:20px;color:#fff;background-color:var(--black)}
#atc03 .icon_box .icon_link.co_blue{background-color:var(--primary)}
#atc03 .icon_box .icon_link a{display:flex;align-items:end;position:relative;width:100%;height:100%;padding:0 0 52px 40px;color:#fff}
#atc03 .icon_box .icon_link a .icon{display:flex;align-items:center;justify-content:center;position:absolute;right:40px;top:40px;width:70px;height:70px;border-radius:50px;background:url('./img/icon01.png') no-repeat center #F9E000;transition:all .2s}
#atc03 .icon_box .icon_link.co_blue a .icon{background:url('./img/icon02.png') no-repeat center rgba(255, 255, 255, 0.5);}
#atc03 .icon_box .icon_link a .txt{font-size:25px;font-weight:700}
#atc03 .icon_box .icon_link a .txt span{display:block;margin-bottom:17px;font-size:15px;font-weight:500;font-family:var(--eng-font)}

/* 모바일 호버 X */
@media (hover: hover) {
#atc03 .noti_late ul li:hover .arrow{border:1px solid var(--black);background-color:var(--black)}
#atc03 .noti_late ul li:hover .arrow svg{transform:rotate(45deg);color:#fff}
}

/* 반응형 [s] */
@media (max-width:1500px){

#atc03 .atc03_top .top_inner{max-width:none}
#atc03 .news_slide ul li a{column-gap:50px}
#atc03 .atc03_bottom .bottom_inner{column-gap:50px;max-width:none;padding:0 50px 130px}
#atc03 .atc03_bottom .bottom_inner:before{display:none}
#atc03 .noti_late{margin-left:0}
}
@media (max-width:1230px){
#atc03 .atc03_top{padding:130px 20px;background-size:1580px}
#atc03 .news_box{width:calc(100% - 75px)}
#atc03 .news_box h4 {font-family: 45px;}
#atc03 .news_slide ul li .news_txt{width:calc(100% - 520px);padding-top:75px}
#atc03 .news_slide ul li .news_txt .big_subj{font-size:45px}
#atc03 .news_slide ul li .news_txt .cont_txt{margin-top:60px}
#atc03 .news_slide ul li .news_txt .cont_txt .date{width:110px}
#atc03 .news_slide ul li .news_txt .cont_txt .cont{width:calc(100% - 110px)}
#atc03 .news_slide ul li .news_img{width:470px;height:420px}
#atc03 .news_nav{margin-top:219px}
#atc03 .news_nav p{width:75px;height:75px}
#atc03 .atc03_bottom .bottom_inner{column-gap:40px;padding:0 30px 130px}
#atc03 .noti_late{width:420px}
#atc03 .icon_box{column-gap:15px;width:calc(100% - 460px)}
#atc03 .icon_box .icon_link{width:calc(100%/2 - 7.5px)}
#atc03 .icon_box .icon_link a{padding:0 0 45px 35px}
}
@media (max-width:1024px){
#atc03 .atc03_top{padding:120px 0;background-size:1440px}
#atc03 .news_box{width:calc(100% - 65px)}
#atc03 .news_box h4 {font-size: 38px;}
#atc03 .news_slide ul li a{column-gap:normal}
#atc03 .news_slide ul li .news_txt{width:60%;padding:65px 30px 0 0}
#atc03 .news_slide ul li .news_txt .big_subj{font-size:38px}
#atc03 .news_slide ul li .news_txt .cont_txt{margin-top:50px}
#atc03 .news_slide ul li .news_img{width:40%;height:380px}
#atc03 .news_nav{margin-top:214px}
#atc03 .news_nav p{width:65px;height:65px}
#atc03 .atc03_bottom .bottom_inner{column-gap:30px}
#atc03 .noti_late{width:calc(100% - 340px)}
#atc03 .noti_late .late_tit{width:100px;height:40px;margin-top:-19px;font-size:14px}
#atc03 .noti_late ul li{padding:20px 10px}
#atc03 .noti_late ul li .subj{font-size:16px}
#atc03 .noti_late ul li .date{font-size:14px}
#atc03 .icon_box{display:block;width:310px}
#atc03 .icon_box .icon_link{width:100%;height:calc(100%/2 - 7.5px)}
#atc03 .icon_box .icon_link+.icon_link{margin-top:15px}
#atc03 .icon_box .icon_link a{padding:0 30px;align-items:center}
#atc03 .icon_box .icon_link a .txt{font-size:20px}
#atc03 .icon_box .icon_link a .txt span{font-size:14px}
#atc03 .icon_box .icon_link a .icon{width:55px;height:55px;background-size:33px; top:10px;}
}
@media (max-width:768px){
#atc03 .atc03_top{padding:90px 0;background-size:2200px}
#atc03 .atc03_top .top_inner{display:block}
#atc03 .news_box{width:100%}
#atc03 .news_box h4 {font-size: 23px;}
#atc03 .news_slide ul li a{display:block}
#atc03 .news_slide ul li .news_txt{width:100%;padding:40px 0 0}
#atc03 .news_slide ul li .news_txt .big_subj{width:420px;font-size:30px}
#atc03 .news_slide ul li .news_img{width:100%;height:400px;margin-top:45px}
#atc03 .news_nav{display:flex;justify-content:center;column-gap:15px;margin-top:45px}
#atc03 .news_nav p{width:60px;height:60px;border-radius:15px;border:1px solid #e1e1e1}
#atc03 .news_nav p svg{transform:rotate(-90deg);color:var(--black)}
#atc03 .atc03_bottom .bottom_inner{display:block;margin-top:70px;padding:0 30px 90px}
#atc03 .atc03_bottom .bottom_inner:after{top:19px}
#atc03 .noti_late{width:100%}
#atc03 .noti_late .late_tit{font-size:13px;margin-top:0}
#atc03 .noti_late ul{padding-top:45px}
#atc03 .icon_box{display:flex;width:100%;padding-top:40px}
#atc03 .icon_box .icon_link{height:auto}
#atc03 .icon_box .icon_link+.icon_link{margin-top:0}
#atc03 .icon_box .icon_link a{padding:30px 25px}
#atc03 .icon_box .icon_link a .icon, #atc03 .icon_box .icon_link.co_blue a .icon{top:30%;right:15px;transform:translateY(-50%);width:45px;height:45px; background-size: 50%}

#atc03 .icon_box .icon_link a .txt{font-size:18px}
#atc03 .icon_box .icon_link a .txt span{margin-bottom:15px;font-size:13px}
}
@media (max-width:480px){
#atc03 .atc03_top{padding:70px 15px;background-size:1900px}
#atc03 .news_box h4 {font-size: 23px;}
#atc03 .news_slide ul li .news_txt{padding-top:30px}
#atc03 .news_slide ul li .news_txt .big_subj{width:100%;font-size:25px}
#atc03 .news_slide ul li .news_txt .cont_txt{display:block;margin-top:40px}
#atc03 .news_slide ul li .news_txt .cont_txt .date{display:block;margin-bottom:15px}
#atc03 .news_slide ul li .news_txt .cont_txt .cont{width:100%}
#atc03 .news_slide ul li .news_img{height:310px;margin-top:35px}
#atc03 .news_nav{margin-top:25px}
#atc03 .news_nav p{width:50px;height:50px}
#atc03 .atc03_bottom .bottom_inner{margin-top:60px;padding:0 15px 50px}
#atc03 .atc03_bottom .bottom_inner:after{top:17px}
#atc03 .noti_late .late_tit{width:85px;height:35px}
#atc03 .noti_late ul{padding-top:30px}
#atc03 .noti_late ul li .subj{overflow:hidden;width:80%;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
#atc03 .noti_late ul li .date{font-size:13px}
#atc03 .icon_box{display:block;padding-top:30px}
#atc03 .icon_box .icon_link+.icon_link{margin-top:10px}
#atc03 .icon_box .icon_link a .txt{font-size:16px}
#atc03 .icon_box .icon_link a .txt span{margin-bottom:10px}
}
@media (max-width:380px){
#atc03 .atc03_top{background-size:1750px}
#atc03 .news_slide ul li .news_txt .big_subj{font-size:23px}
#atc03 .news_slide ul li .news_txt .cont_txt{margin-top:35px}
#atc03 .news_slide ul li .news_img{height:260px;margin-top:35px}
#atc03 .atc03_bottom .bottom_inner{padding-bottom:40px}
#atc03 .icon_box .icon_link a{padding:25px}
}
/* 반응형 [e] */