/* section01 */
#section01{ padding: 100px 0; width: 100%; overflow: hidden; font-size: 0;}
#section01 .wrap1620{ position: relative; text-align: left; align-items: flex-start; }
#section01 .all-full-swiper{ width: 100%; height: 912px; margin-bottom: 100px;}
#section01 .text-wrap{ width: 100%; padding-left: 0;}
#section01 .tit{ width: 100%; padding-bottom: 50px; border-bottom: 1px solid rgba(34,34,34,.2); position: relative;}
#section01 .tit h3{ font-size: 40px; padding-bottom: 10px;}
#section01 .tit p{ font-size: 16px; }
#section01 .tit p.time{ position: absolute; font-size: 14px; right: 0; bottom: 50px;}
#section01 .tit:after{ content: ''; width: 68px; height: 1px; background-color: #222; bottom: -1px; left: 0; position: absolute;}
#section01 .content{ padding: 50px 0 70px; font-size: 13px; color: #777; line-height: 28px; word-break: keep-all;}
/* =================== 1660px =================== */
@media (max-width: 1660px) {
    #section01 .all-full-swiper{ width: 100%; height: 54.94vw; margin-bottom: 100px;}
}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01{ padding: 60px 0;}
    #section01 .all-full-swiper{ width: 100%; height: 51.87vw; margin-bottom: 35px;}
    #section01 .text-wrap{ width: 100%; padding-left: 0;}
    #section01 .tit{ padding-bottom: 0; }
    #section01 .tit h3{ font-size: 30px; padding-bottom: 10px;}
    #section01 .tit p{ font-size: 14px; padding-bottom: 25px; }
    #section01 .tit:after{ width: 34px; }
    #section01 .tit p.time{ position: relative; font-size: 12px; right: 0; bottom: 0; padding-bottom: 10px;}
    #section01 .content{ padding: 30px 0 50px; font-size: 12px; line-height: 22px; }
}

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

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