.data_title { text-align: center; font-weight: 400; padding-bottom: 30px; border-bottom: 1px solid #666; }

.data_year { 
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 110px;
    li {
        padding-right: 30px;
        padding-bottom: 30px;
        
        display: flex;
        justify-content: center;
        align-items: center;
        
        a {
            width: 459px;
        height: 304px;
        border: 1px solid #cfcfcf;
        
        box-sizing: border-box;
        transition: all 0.2s ease-in-out; 
            display: flex;
            flex-direction: column;
            gap: 38px;
            justify-content: center;
            align-items: center;
            text-align: center; 
            img {
                width: 170px;
                height: 130px;
                object-fit: contain;
            }
            .text {
                font-size: 28px; 
                font-weight: 600; 
            }
        }
    }
    li a:hover { 
        border: 4px solid #16867d;
        box-shadow: 10px 10px 0 #e8e8e8;
        box-sizing: border-box;
        a {
            color: #16867d;
        }
    }
    li:nth-of-type(3), li:nth-of-type(6), li:nth-of-type(9) {
        padding-right: 0;
    }
    li:nth-of-type(7), li:nth-of-type(8), li:nth-of-type(9) {
        padding-bottom: 0;
    }
}