@media screen and (max-width:1440px) {
    .center {
        width: 1200px;
    }
    .navBox ul li>a {
        font-size: 20px;
    }
    .logo {
        width: 36%;
    }
}

@media screen and (max-width:1380px) {
    .center {
        width: 1100px;
        padding: 0;
    }
    .navBox ul {
        gap: 0 30px;
    }
}

@media screen and (max-width:1200px) {
    .center {
        width: 100%;
        padding: 0 40px;
    }
    .notice {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .noticeTit {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        gap: 0;
    }
    .part02Con {
        flex-direction: column;
    }
    .project-promo {
        width: 100%;
    }
    .part03Con {
        flex-direction: column;
        bottom: 0;
        padding-bottom: 50px;
    }
    .contentCon {
        flex-direction: column;
        gap: 30px;
    }
    .leftNav {
        width: 100%;
        top: 0;
        padding-bottom: 0;
    }
    .leftNavTit {
        padding: 15px 0;
    }
    .leftNavTit h1 {
        font-size: 24px;
    }
    .leftNavTit h1::after {
        content: none;
    }
    .leftNav::after {
        display: none;
    }
    .leftNavList ul {
        display: flex;
        flex-wrap: wrap;
    }
    .leftNavList ul li {
        flex: 1;
        min-width: 150px;
    }
    .leftNavList ul li a {
        padding: 20px 0;
        font-size: 18px;
    }
    .rightCon {
        width: 100%
    }
    .logo {
        width: 30%;
    }
}

@media screen and (max-width: 998px) {
    .center {
        width: 100%;
        padding: 0 20px;
    }
    header {
        display: none;
    }
    .phoneNav {
        display: flex;
    }
    .banner .swiper-button-prev,
    .banner .swiper-button-next {
        display: none;
    }
    .fastLink {
        top: -30px;
        z-index: 2;
    }
    .rightTitTxt h1::after {
        height: 4px;
        bottom: -4px
    }
    .noticeList ul li {
        width: 100%;
        border-right: none !important;
    }
    .noticeList ul li:nth-child(7) {
        border-bottom: 1px solid #EEEEEE;
    }
    .slide-item {
        flex-direction: column;
    }
    .slide-img {
        width: 100%;
        height: auto;
    }
    .dept-swiper .swiper-pagination {
        width: 100%;
    }
    .dept-list ul li {
        width: 100%;
    }
    .img-list-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        background-position: bottom right;
    }
    .img-box {
        width: 100%;
        height: auto;
        top: 0;
        margin-bottom: 20px;
    }
    .info-box {
        padding-left: 0;
    }
    .rightTit {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .footer-top-con {
        flex-direction: column;
        gap: 40px;
    }
    .footer-top-con>div:last-child {
        flex: 1;
    }
    .articleBox {
        padding: 20px;
    }
    .paperCheck {
        grid-template-columns: 100%;
        gap: 20px;
    }
    .paperCheck a:nth-child(2) {
        text-align: left;
    }
    .paperCheck a:nth-child(2) p {
        background-position: left center;
        padding-right: 0;
        padding-left: 20px;
    }
}

@media screen and (max-width: 768px) {
    .banner {
        height: 320px;
        padding-bottom: 0;
    }
    [data-aos] {
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
    .fastLink {
        padding: 15px 0;
    }
    .fastLink a i {
        width: 34px;
        height: 34px;
    }
    .fastLink a p {
        font-size: 16px
    }
    .aos-animate {
        transform: none !important;
        opacity: 1 !important;
    }
    .noticeTit {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .noticeTxt span {
        font-size: 40px;
    }
    .noticeTxt h1 {
        font-size: 24px;
    }
    .vertical-list ul li a {
        gap: 20px;
    }
    .list-date {
        width: 50px;
    }
    .list-date .day {
        font-size: 18px;
    }
    .list-title {
        font-size: 16px;
    }
    .pagination {
        flex-direction: column;
        gap: 15px;
    }
}

@media screen and (max-width: 554px) {
    .banner {
        height: 200px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet {
        margin: 0 2px;
        width: 8px;
        height: 8px;
        border: none;
    }
    .banner .swiper-pagination {
        bottom: 20px;
    }
    .fastLink {
        padding: 20px 0;
        top: -15px;
    }
    .fastLink a {
        flex-direction: column;
        gap: 6px 0;
        height: fit-content;
    }
    .part01 {
        padding-bottom: 30px;
    }
    .noticeList {
        padding: 20px;
    }
    .part02 {
        padding: 40px 0;
    }
    .slide-info {
        padding-bottom: 50px;
    }
    .part02Con {
        padding: 20px;
        border-bottom-left-radius: 0;
    }
    .project-promo {
        padding: 20px;
    }
    .adv {
        padding-bottom: 28%;
    }
    .tit-left h1 {
        font-size: 20px;
    }
    .listMain {
        padding: 10px 15px 25px 15px;
    }
    .listTxt p {
        font-size: 16px;
    }
    .listMain ul li a {
        padding: 20px 0;
        flex-direction: column-reverse;
        gap: 10px;
        align-items: flex-start;
    }
    .listMain ul li:hover a {
        padding: 20px 0;
    }
    .imgList-wrap {
        padding: 20px;
    }
    .footer-bottom {
        flex-direction: column;
    }
}