#noti{position:relative;}

#noti > ul{}
#noti > ul > li{}
#noti > ul > li + li{border-top:1px solid #e5e5e5;}
#noti > ul > li > a{display:flex; padding:20px; justify-content:space-between; align-items:center; transition:.3s;}

#noti .icon{font-family:'Godo'; line-height:1; border-radius:50px; font-size:15px; text-align:center; color:#fff; padding:10px 20px; display:inline-block;}

#noti .icon1{}
#noti .icon2{background:#0082ca/*공지*/;}
#noti .icon3{background:#6eb92b/*새소식*/;}
#noti .icon4{background:#389c46/*Q&A*/;}
#noti .icon5{background:#2ba0b9/*상담후기*/;}
#noti .icon6{background:#786306/*자료실*/;}

#noti .tit{display:flex; align-items:center; gap:20px; font-size:19px; color:#444; font-weight:500;transition:.3s;}
#noti .date{font-size:15px; color:#898989; font-weight:400;}
#noti .empty{display:flex; align-items:center; justify-content:center; position:relative; background:#fff; width:100%; height:200px; font-size:18px; color:#787878;}

@media (max-width: 767px){
	#noti > ul > li > a{padding:15px 0; align-items:flex-start; flex-direction:column;}
	#noti .tit{align-items:flex-start; gap:5px; font-size:19px; line-height:1.2; flex-direction:column;}
	#noti .icon{font-size:13px; padding:7px 12px;}
	#noti .date{font-size:14px; margin-top:10px;}	
	#noti .empty{display:flex; align-items:center; justify-content:center; position:relative; background:#fff; width:100%; height:100px; font-size:15px; color:#787878;}
}