@charset "utf-8";

#atc03{width:100%;overflow:hidden}
#atc03 .inner{max-width:144rem;width:100%;margin:0 auto;padding:15rem 2rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:5rem}

#atc03 .lt_box{width:calc(50% - 2.5rem)}
#atc03 .lt_box .tit_box{margin-bottom:5rem;position:relative;z-index:10}
#atc03 .lt_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:"Poppins"}
#atc03 .lt_box .tit{margin-bottom:1rem;font-size:4rem;line-height:130%;color:#333;}
#atc03 .lt_box .tit span{color:var(--pt-color)}


#atc03 .lt_box .lt_list{padding:0 5rem 7rem 0;position:relative}
#atc03 .lt_box .lt_list:before{content:'';width:calc(100% + 5rem);height:calc(100% + 8rem);background:#f2f6fc;position:absolute;bottom:0;right:0;z-index:-1}
#atc03 .lt_box .notice_box_lt{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}
#atc03 .lt_box .notice_box_lt .date{width:10rem;height:11.5rem;border-radius:1rem;background:#fff;text-align:center;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;font-family:'Poppins'}
#atc03 .lt_box .notice_box_lt .day{font-size:2.7rem;font-weight:900;line-height:1;color:var(--pt-color)}
#atc03 .lt_box .notice_box_lt .year{font-size:1.4rem;font-weight:700;color:#444}
#atc03 .lt_box .notice_box_lt a{width:calc(100% - 12rem)}
#atc03 .lt_box .notice_box_lt .lt_tit{margin-bottom:1rem;font-size:2.2rem;font-weight:700;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#atc03 .lt_box .notice_box_lt .txt{font-size:1.6rem;line-height:150%;color:#888; text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}


#atc03 .lt_box .lt_list_cont{margin-top:3rem;padding-top:3rem;border-top:1px solid #ddd;position:relative;z-index:10}
#atc03 .lt_box .lt_list_cont li{margin-bottom:1.5rem}
#atc03 .lt_box .lt_list_cont li:last-child{margin-bottom:0}
#atc03 .lt_box .lt_list_cont li a{display:flex;flex-wrap:wrap;align-items:center;}
#atc03 .lt_box .lt_list_cont li .lt_tit{width:8.5rem;height:3.5rem;border-radius:3.5rem;background:#dae4f6;font-size:1.6rem;font-weight:600;text-align:center;line-height:3.5rem;color:var(--pt-color);transition:all .3s}
#atc03 .lt_box .lt_list_cont li .lt_cont{width:calc(100% - 18.5rem);padding:0 2rem;font-size:1.7rem;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .3s}
#atc03 .lt_box .lt_list_cont li .datetime{width:10rem;font-size:1.6rem;color:#999;font-family:'Poppins'}
#atc03 .lt_box .lt_list_cont li:hover .lt_tit{background:var(--pt-color);color:#fff}
#atc03 .lt_box .lt_list_cont li:hover .lt_cont{color:#333}

#atc03 .news_box{width:calc(50% - 2.5rem);display:flex;flex-wrap:wrap;gap:3rem}
#atc03 .news_box li{width:calc(50% - 1.5rem)}
#atc03 .news_box li .img_box{width:100%;height:20rem;margin-bottom:2rem;border-radius:2rem;overflow:hidden;position:relative}
#atc03 .news_box li .img_box img{width:100%;height:100%;object-fit:cover;transition:all .3s}
#atc03 .news_box li:hover .img_box img{transform:scale(1.05)}

#atc03 .news_box li .tit{margin-bottom:.5rem;font-size:1.7rem;font-weight:500;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#atc03 .news_box li .datetime{font-size:1.5rem;font-weight:500;color:#999;font-family:'Poppins'}

#atc03 .quick_link{max-width:92rem;width:100%;display:flex;flex-wrap:wrap}
#atc03 .quick_link li{width:25%;position:relative}
#atc03 .quick_link li:before{content:'';width:1px;height:50%;background:#ddd;position:absolute;right:0;top:50%;transform:translateY(-50%)}
#atc03 .quick_link li:last-child:before{display:none}
#atc03 .quick_link li a{display:block}
#atc03 .quick_link li .icon{width:11rem;height:11rem;margin:0 auto 2rem;border-radius:11rem;background:#f2f6fc;overflow:hidden;transition:all .3s}
#atc03 .quick_link li .icon img{width:200%;position:relative;left:0;transition:all .3s}
#atc03 .quick_link li .tit{font-size:2rem;font-weight:700;text-align:center;color:#333}

#atc03 .quick_link li:hover .icon, #atc03 .quick_link li.on .icon{background:#1a2a4a;box-shadow:0 1rem 1rem rgba(0,0,0,.2)}
#atc03 .quick_link li:hover .icon img, #atc03 .quick_link li.on .icon img{left:-100%}

@media(max-width:1280px){
	#atc03 .lt_box .tit{font-size:3.7rem}
}
@media(max-width:1024px){
	#atc03 .inner{max-width:80rem;width:100%;margin:0 auto;padding:13rem 2rem}
	
	
	#atc03 .lt_box{width:100%}
	#atc03 .lt_box .tit_box{text-align:center;margin-bottom:3rem}
	#atc03 .lt_box .tit{font-size:3.4rem}
	#atc03 .lt_box .lt_list{padding:3rem;background:#f2f6fc}
	#atc03 .lt_box .lt_list:before{display:none}
	#atc03 .lt_box .notice_box_lt .date{width:9rem;height:8rem}
	#atc03 .lt_box .notice_box_lt .lt_tit{font-size:1.9rem}
	#atc03 .lt_box .notice_box_lt a{width:calc(100% - 11rem)}
	#atc03 .lt_box .notice_box_lt .txt{-webkit-line-clamp:1}
	#atc03 .news_box{width:100%}
	
}
@media(max-width:767px){
	#atc03 .inner{padding:10rem 2rem}
	#atc03 .lt_box .tit{font-size:3.1rem}
	#atc03 .lt_box .lt_list_cont{margin-top:1.5rem;padding-top:1.5rem}
	#atc03 .lt_box .notice_box_lt .day{font-size:2.2rem}

	#atc03 .news_box{gap:3rem 2%}
	#atc03 .news_box li{width:49%}
	#atc03 .news_box li .img_box{height:18rem}
	
	#atc03 .quick_link li .icon{width:8rem;height:8rem}
	#atc03 .quick_link li .tit{font-size:1.7rem}
}
@media(max-width:480px){
	#atc03 .inner{padding:8rem 2rem}
	#atc03 .lt_box .tit br{display:none}
	#atc03 .lt_box .lt_list{padding:3rem 2rem}
	#atc03 .lt_box .notice_box_lt{gap:1.5rem}
	#atc03 .lt_box .notice_box_lt .date{width:6rem;height:7rem}
	#atc03 .lt_box .notice_box_lt .day{font-size:1.9rem}
	#atc03 .lt_box .notice_box_lt .year{font-size:1.2rem}
	#atc03 .lt_box .notice_box_lt .lt_tit{margin-bottom:.5rem}
	#atc03 .lt_box .notice_box_lt a{width:calc(100% - 7.5rem)}
	
	#atc03 .lt_box .lt_list_cont li a{width:100%}
	#atc03 .lt_box .lt_list_cont li .lt_tit{display:none}
	#atc03 .lt_box .lt_list_cont li .lt_cont{width:calc(100% - 11rem);padding:0 2rem 0 0}
	
	
	#atc03 .news_box li{width:100%;text-align:center}
	#atc03 .news_box li .img_box{height:15rem;border-radius:1rem}
	#atc03 .news_box li:nth-child(n + 3){display:none}
	
	#atc03 .quick_link{gap:1rem 2%}
	#atc03 .quick_link li{width:49%;padding:2rem;border:1px solid #ddd;border-radius:1rem}
	#atc03 .quick_link li:before{display:none}
	#atc03 .quick_link li .icon{width:7rem;height:7rem}
	
}
@media(max-width:320px){
	#atc03 .inner{padding:7rem 1.5rem}
}