/* section01 */
#section01{ padding: 100px 0 40px;}
#section01 .flex-wrap{ justify-content: flex-start;}
#section01 a{ width: calc(25% - 15px); text-align: left; display: block; transition: .3s; padding-bottom: 60px; margin-right: 20px;}
#section01 a:nth-child(4n){ margin-right: 0;}
#section01 a .img-area{ width: 100%; height: 250px; position: relative; overflow: hidden; margin-bottom: 25px;}
#section01 a h3{ font-size: 24px; padding-bottom: 5px;}
#section01 a p{ font-size: 14px; padding-bottom: 25px; opacity: .7;}
#section01 a div.koR{font-size: 14px; transition: .3s;}
#section01 a:hover .img-area .img{ transform: scale(1.1);}
#section01 a:hover div.koR{letter-spacing: 0.4em; color: #123d6d;}
/* =================== 1660px =================== */
@media (max-width: 1660px) {
}

/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01{ padding: 60px 0 30px;}
    #section01 .flex-wrap{ justify-content: space-between;}
    #section01 a{ width: calc(50% - 5px); padding-bottom: 30px; margin-right: 0; }
    #section01 a .img-area{ height: 25.33vw; margin-bottom: 15px;}
    #section01 a p{ font-size: 12px; padding-bottom: 0;}
}