.page-content .con { padding: 0 0 20px; margin-bottom:40px; border-bottom:1px solid #ddd; }
.page-content .con .tit { width: 100%; font-size:22px; color:#00518a; line-height:22px; font-weight:500; margin:0px 0 20px; }
.page-content ul { display: flex; flex-wrap:wrap; padding-left:0px; }	
.page-content ul li  { list-style: none; width: 25%; padding: 0 5px 20px; text-align: center;} 	
.page-content ul li p { padding:10px 0 0; text-align: center; font-weight: 500; }
.page-content ul li p:before { content: 'PDF'; display: inline-block; padding: 0 6px; margin: 0 5px 0 0; font-size: 11px;border-radius:5px;  background: #f53d26; color:#fff; font-weight: 500;}
.page-content ul li a img { transition:all .3s;}
.page-content ul li a:hover img { transform:scale(1.02); }
.page-content ul li a:hover { color:#000; }


    
@media (max-width:768px){
   .page-content ul li { width:33.33%; }        
}
   
@media (max-width:576px){
   .page-content ul li { width:50%; text-align: center;}        
}