@charset "utf-8";

#atc03{height:862px;background-image:url(./img/atc03_bg.png)}
#atc03 .inner{margin:0 auto;padding:120px 0 0 0;max-width:1200px}
#atc03 .inner .txt_all{color:#fff;font-family:'Poppins'}
#atc03 .inner .txt_all .stit{margin-bottom: 40px;letter-spacing:0;font-weight:bold;font-size:15px}
#atc03 .inner .txt_all .tit_area{line-height:56px;font-size:40px;font-family:'Noto Sans KR';font-weight:300}
#atc03 .inner .tit_area .tit{font-size:40px;line-height:56px;letter-spacing:-1px;font-family:'Noto Sans KR';font-weight:300}
#atc03 .inner .txt_all .tit_area .tit span{font-family:'Noto Sans KR';font-weight:700}
#atc03 .inner .news_inner{display:flex;align-items:flex-end;justify-content:space-between;font-family:'Noto Sans KR';font-weight:500}
#atc03 .inner .news_inner .tabs_wrap .tabs{display:flex;justify-content:flex-end;align-items:center;cursor:pointer}
#atc03 .inner .news_inner .tabs_wrap .tabs li{padding-bottom:10px;color:rgba(255,255,255,0.4);font-size:18px}
#atc03 .inner .news_inner .tabs_wrap .tabs li:nth-child(1){margin-right:30px}
#atc03 .inner .news_inner .tabs_wrap .tabs li.on{border-bottom:3px solid #fff;color:#fff}
#atc03 .latest_wrap .latest{overflow:hidden;display:flex;height:100%;margin-top:60px}
#atc03 .latest_wrap .latest li{position:relative;width:calc(100% / 3);border:1px solid rgba(255,255,255,0.3);transition:all .3s;cursor:pointer}
#atc03 .latest_wrap .latest li.sh_nodata{width:100%;padding:143px;font-size:15px;text-align:center;border:none;color:#fff}
#atc03 .latest_wrap .latest li a{padding:56px;display:block}
#atc03 .latest_wrap .latest li+li{margin-left:30px}
#atc03 .latest_wrap .latest li .tit{margin-bottom:30px;color:rgba(255,255,255,0.6);font-size:14px;font-family:'Noto Sans KR';font-weight:500}
#atc03 .latest_wrap .latest li .txt{margin-bottom:30px;color:#fff;font-size:17px;font-family:'Noto Sans KR';font-weight:500}
#atc03 .latest_wrap .latest li em{display:none}
#atc03 .latest_wrap .latest li .ko_txt{margin-bottom:50px;color:rgba(255,255,255,0.4);font-size:15px}
#atc03 .latest_wrap .latest li span{display:block;color:rgba(255,255,255,0.4);text-align:right;font-size:14px}
#atc03 .latest_wrap2{display:none}

#atc03 .add_btn{margin:60px auto 0px;width:180px;height:53px;line-height:53px;color:#fff;border:1px solid rgba(255,255,255,0.3);border-radius:50px;display:block;text-align:center;font-size:15px}
#atc03 .add_btn span{margin-left:18px}

@media(hover:hover){
#atc03 .latest_wrap .latest li:not(.sh_nodata):hover{border:1px solid #fff;color:#fff}
#atc03 .latest_wrap .latest li:hover .tit{color:#fff}
#atc03 .add_btn:hover{background:#fff;color:#242a33;transition:all .3s;font-family:'Noto Sans KR';font-weight:700}
}
@media(max-width:1240px){
#atc03{padding:0 20px}
#atc03 .latest_wrap .latest li a{padding:35px}
}
@media(max-width:1024px){
#atc03{height:auto;padding:60px 20px;background-position:50% center}
#atc03 .inner{padding:0}
#atc03 .inner .tit_area .tit{font-size:36px;line-height:1.3}
#atc03 .latest_wrap .latest{margin-top:30px}
#atc03 .latest_wrap .latest li+li{margin-left:15px}
#atc03 .latest_wrap .latest li a{padding:25px}
#atc03 .latest_wrap .latest li .txt{font-size:16px}
#atc03 .add_btn{margin-top:30px}
}
@media(max-width:768px){
#atc03 .inner .txt_all .stit{margin-bottom:20px;font-size:14px}
#atc03 .inner .tit_area .tit{margin-bottom:20px;font-size:32px}
#atc03 .inner .news_inner{display:block}
#atc03 .inner .news_inner .tabs_wrap .tabs li{font-size:15px}
#atc03 .inner .news_inner .tabs_wrap .tabs li:nth-child(1){margin-right:20px}
#atc03 .latest_wrap .latest li{width:50%}
#atc03 .latest_wrap .latest li a{padding:20px}
#atc03 .latest_wrap .latest li .tit{margin-bottom:15px}
#atc03 .latest_wrap .latest li .txt{margin-bottom:15px;font-size:15px}
#atc03 .latest_wrap .latest li:last-child{}
#atc03 .latest_wrap .latest li .ko_txt{margin-bottom:30px;font-size:14px}
#atc03 .latest_wrap .latest li.sh_nodata{display:block;padding:50px 0}
#atc03 .add_btn{width:150px;height:45px;line-height:43px}
}
@media(max-width:480px){
#atc03 .inner .tit_area .tit{font-size:26px}	
}
@media(max-width:380px){
#atc03 .latest_wrap .latest{flex-flow:column}
#atc03 .latest_wrap .latest li{width:100%}
#atc03 .latest_wrap .latest li+li{margin:15px 0 0}
}