/*Content CSS*/
#c4_wrap{padding: 100px 0 160px; position:relative; overflow: hidden; background-color: #001d64;}


.c4_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; position: relative; z-index: 3;}
.c4_inner .fs_60{font-size: 60px; font-weight: 700; line-height: 1; color: #fff; font-family: 'Montserrat';}
.c4_inner .fs_20{font-size: 20px; font-weight: 500; color: #fff;}

.c4_inner .vm_btn{font-size: 16px; font-weight: 500; color: #fff; font-family: 'Montserrat'; border: solid 1px #fff; text-align: center; width: 190px; height: 50px; line-height: 50px; border-radius: 25px; display: block; transition: .3s; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255, 255, 255,.15));}

.c4_inner .top{display: flex; justify-content: space-between; align-items: flex-end;}
.c4_inner .tit{}
.c4_inner .tit h3{margin: 20px 0 0;}


.c4_list{display: grid; grid-template-columns: calc(25% - 35px) calc(25% - 35px) auto; grid-template-rows: auto; column-gap: 30px; row-gap: 30px; margin-top: 34px;}
.c4_list li:nth-child(1){grid-row: 1 / 3;}
.c4_list li:nth-child(2){grid-row: 1 / 3;}
.c4_list li:nth-child(n+3){	grid-column: 3 / span 2; }
.c4_list li:nth-child(4){grid-row-start: 2;}

.c4_list li a{display: block; background-color: #fff; border-radius: 10px;height: 100%; border: solid 2px transparent; transition: .3s;}
.fs_19{font-size: 19px; font-weight: 500; line-height: 30px; color: #1d1d1f;}
.fs_16{font-size: 16px; font-weight: 300; line-height: 30px; color: #1d1d1f;}
.fs_17{font-size: 17px; font-weight: 300; color: #a8a8a8;}
.c4_list .news{font-size: 16px; font-weight: 600; color: #2a00ff; font-family: 'Montserrat'; text-transform: uppercase;}
.c4_list .plus{display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background-color: #ddd; transition: .3s;}
.c4_list .date{display: flex; align-items: center; transition: .3s;}
.c4_list .date i{width: 17px; height: 18px; display: inline-block; margin-right: 8px; background: url('../img/c4_time.png') 50% / cover no-repeat; transition: .3s;}
.c4_list li h4{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;word-break: break-all; }
.c4_list li .text p{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;word-break: break-all; }

.c4_list li:nth-child(-n+2) a{padding: 42px 36px 30px;}
.c4_list li:nth-child(-n+2) .top .date{display: none;}
.c4_list li:nth-child(-n+2) .text .plus{display: none;}
.c4_list li:nth-child(-n+2) .bot{display: flex; justify-content: space-between; align-items: center; margin-top: 25px;}
.c4_list li:nth-child(-n+2) h4{-webkit-line-clamp: 2; min-height: 60px; margin: 25px 0 16px;}
.c4_list li:nth-child(-n+2) .text p{-webkit-line-clamp: 3; min-height: 90px;}

.c4_list li:nth-child(n+3) a{padding: 28px 36px;}
.c4_list li:nth-child(n+3) .top{display: flex; justify-content: space-between; align-items: center;}
.c4_list li:nth-child(n+3) .text{display: flex; justify-content: space-between; align-items: center;}
.c4_list li:nth-child(n+3) .bot{display:none;}
.c4_list li:nth-child(n+3) h4{-webkit-line-clamp: 1; width: calc(100% - 115px); margin: 8px 0 5px;}
.c4_list li:nth-child(n+3) .text p{-webkit-line-clamp: 1; width: calc(100% - 115px);}

@media screen and (min-width:1025px) {
    .c4_inner .vm_btn:hover{background-color: #2a00ff; border-color: #2a00ff;}
    .c4_list li:hover .date{color: #2a00ff;}
    .c4_list li:hover .date i{background-image: url('../img/c4_time_hv.png');}
    .c4_list li:hover a{border-color: #2a00ff;}
    .c4_list li:hover .plus{background-color: #2a00ff;}
    #c4_wrap .spot{display: block; position: absolute; right: -255px; top: -60px; z-index: 1;}
}
@media screen and (max-width:1800px) {
    #c4_wrap .spot{display: none;}
}
@media screen and (max-width:1400px) {
    #c4_wrap{padding: 0 0 100px;}
    .c4_list{grid-template-columns: calc(25% - 25px) calc(25% - 25px) auto; column-gap: 20px; row-gap: 20px; margin-top: 30px;}
}

@media screen and (max-width:1280px) {
    .c4_inner .tit h3{margin: 7px 0 0;}
    .c4_inner .vm_btn{font-size: 15px; line-height: 45px; height: 45px; width: 180px;}

    .c4_inner .fs_60{font-size: 50px;}
    .c4_inner .fs_20{font-size: 18px;}
    .c4_list li:nth-child(-n+2) a{padding: 30px 20px 25px;}
    .c4_list li:nth-child(-n+2) h4{-webkit-line-clamp: 2; min-height: 58px; margin: 15px 0 10px; width: initial;}
    .c4_list li:nth-child(-n+2) .text p{ min-height: 72px;}
    .c4_list li:nth-child(-n+2) .bot{margin-top: 30px;}
    .c4_list li:nth-child(n+3) a{padding: 30px 20px 25px;}
    .c4_list li:nth-child(n+3) .top .date{display: none;}
    .c4_list li:nth-child(n+3) .text .plus{display: none;}
    .c4_list li:nth-child(n+3) .bot{display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
    .c4_list li:nth-child(n+3) h4{-webkit-line-clamp: 2; min-height: 58px; margin: 15px 0 10px; width: initial;}
    .c4_list li:nth-child(n+3) .text p{-webkit-line-clamp: 3; min-height: 72px; width: initial;}

    .fs_19{font-size: 17px; line-height: 1.7;}
    .fs_16{font-size: 14px; line-height: 1.7;}
    .fs_17{font-size: 15px;}
    .c4_list .news{font-size: 14px;}

    .c4_list{grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px); }
    .c4_list li:nth-child(1){grid-row: 1 / 3;}
    .c4_list li:nth-child(2){grid-row: 1 / 3;}
    .c4_list li:nth-child(n+3){grid-row: 1 / 3;	grid-column: initial;}
    .c4_list li:nth-child(4){grid-row: 1 / 3;}

    .c4_list .date i{width: 15px; height: 16px;}
    .c4_list .plus{width: 25px; height: 25px;}
    .c4_list .plus img{width: 13px;}

}

@media screen and (max-width: 1024px) {
    #c4_wrap{padding: 0 0 60px;}
    .c4_inner{display: block; padding: 0 30px;}
    .c4_inner .top{display: block;}
    .c4_inner .tit{text-align: center;}
    .c4_inner .tit h3{margin: 0;}
    .c4_inner .vm_btn{margin: 20px auto 0;}


    .c4_inner .fs_60{font-size: 40px;}
    .c4_inner .fs_20{font-size: 17px;}

    .fs_19{font-size: 16px;}
    .fs_16{font-size: 13px;}
    .fs_17{font-size: 14px;}
    .c4_list .news{font-size: 13px;}

    .c4_list{grid-template-columns: calc(50% - 10px) calc(50% - 10px); }
    .c4_list li:nth-child(n+3){grid-row: 3;grid-column: 1;}
    .c4_list li:nth-child(4){grid-row: 3;grid-column: 2;}

    .c4_list li:nth-child(-n+2) h4{min-height: 55px; margin: 7px 0 5px;}
    .c4_list li:nth-child(n+3) h4{min-height: 55px; margin: 7px 0 5px;}

    .c4_list li:nth-child(-n+2) .text p{-webkit-line-clamp: 2; min-height: 45px;}
    .c4_list li:nth-child(n+3) .text p{-webkit-line-clamp: 2; min-height: 45px;}
    .c4_list li:nth-child(-n+2) .bot{margin-top: 25px;}
    .c4_list li:nth-child(n+3) .bot{margin-top: 25px;}




}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 640px) {
    #c4_wrap{padding: 0 0 50px;}
    .c4_inner{display: block; padding: 0 20px;}

    .c4_inner .vm_btn{height: 40px; line-height: 40px; font-size: 14px; width: 100%;}
    .c4_inner .fs_60{font-size: 30px;}
    .c4_inner .fs_20{font-size: 16px;}
    .c4_inner .fs_18{font-size: 14px;}

    .c4_list{display: block;}
    .c4_list li{margin-bottom: 15px;}
    .c4_list li:last-child{margin: 0;}

    .c4_list li:nth-child(-n+4) a{padding: 20px 15px;}
    .c4_list li:nth-child(-n+4) .top{display: flex; justify-content: space-between; align-items: center;}
    .c4_list li:nth-child(-n+4) .text{display: flex; justify-content: space-between; align-items: center;}
    .c4_list li:nth-child(-n+4) .bot{display:none;}
    .c4_list li:nth-child(-n+4) h4{-webkit-line-clamp: 1; width: calc(100% - 30px); margin: 14px 0 3px;  min-height: 0;}
    .c4_list li:nth-child(-n+4) .text p{-webkit-line-clamp: 1; width: calc(100% - 35px); min-height: 0;}

    .c4_list li:nth-child(-n+4) .top .date{display: flex;}
    .c4_list li:nth-child(-n+4) .text .plus{display: flex;}

    .fs_19{font-size: 15px;}
    .fs_17{font-size: 13px;}

}