/* section01 */
.sec01{width: 100%; }
.sec01img{ width: 100%; height: 460px;  background-image: url(/img/news/newsSec01.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sec01Wrap{max-width: 1200px; margin: 0 auto;}
.sec01Wrap>h1{position: absolute; top: 400px; font-size: 80px; font-weight: 900;}



/* section02 */
.sec02{max-width: 1200px; margin: 0 auto; }
.sec02 .newsWrap{margin: 170px 0;}
.sec02 .newsWrap{display: grid; grid-template-columns: 31% 31% 31%; column-gap: 42px; row-gap: 100px}

.newsWrap img{width: 100%; height: 350px; object-fit: cover; margin-bottom: 10px;}
.newsWrap li{border: 1px solid transparent;}


li a>p:first-of-type{font-size: 18px; margin-top: 5px; width: 100%; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
li span{font-size: 15px; color: #999;}
li .preview {font-size: 13px; color: #666; margin-top: 12px; width: 100%; width: 100%; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
li .preview>p {font-size: 13px; color: #666;}
.morebtn{cursor: pointer; margin: 0 auto; margin-bottom: 160px; border: 1px solid #000; width: 170px; height: 60px; display: flex; justify-content: center; align-items: center;}


/* mobile */
@media screen and (max-width: 1240px) {
    /* section01 */
   .sec01{width: 100%;}
   .sec01img{ 
        width: 100%; height: 328px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }
    .sec01Wrap{margin: 0 15px;}
    .sec01Wrap>h1{position: absolute; top: 290px; font-size: 55px; font-weight: 900;}
    
    /* section02 */
    .sec02{padding: 0 15px; box-sizing: border-box;}
    .sec02 .newsWrap{margin: 70px 0;}
    .sec02 .newsWrap{display: grid; grid-template-columns: 48.48% 48.48%; column-gap: 10px; row-gap: 50px}
    .sec02 li{height: 340px; text-overflow: ellipsis;}
    .newsWrap img{width: 100%; height: 160px; object-fit: cover; margin-bottom: 10px;}
    /* .sec02 li .preview {
        height:60px;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden
    } */
        
    .morebtn{cursor: pointer; margin: 0 auto; margin-bottom: 160px; border: 1px solid #000; width: 170px; height: 60px; display: flex; justify-content: center; align-items: center;}

   
}