.wg-news{
    padding-top: 60px;
    padding-bottom: 50px;
    overflow: hidden;
    .action{
        width: max-content;
        margin: 0 auto;
        margin-top: 28px;
    }
    .news-list{
        margin-top: 45px;
        min-height: 600px;
        .wrapper-news{
            border-radius: 20px;
            width: 100%;
            height: 310px;
            background-color: $color-light;
            overflow: hidden;
            position: relative;
            transform: scale(1) translate(0, 273px);
            transition: all 400ms;
            & > div {float: left;}
            .content{
                padding: 15px 38px 0px 24px;
                width: 21.7%;
                .title{
                    font-size: 29px;
                    line-height: 1.3em;
                    font-weight: 300;
                    margin-bottom: 10px;
                    transition: all 200ms;
                    &.text-limit{height: 2.6em; -webkit-line-clamp: 2;}
                }
                .desc{
                    font-family: 'Pridi';
                    font-weight: 300;
                    font-size: 12px;
                    line-height: 1.7em;
                    transition: all 200ms;
                    &.text-limit{
                        height: 10.2em;
                        -webkit-line-clamp: 6;
                    }
                }
                .action{
                    position: absolute;
                    bottom: 20px;
                    left: 25px;
                    .btn{
                        height: 37px;
                        line-height: 37px;
                        font-size: 9px;
                        min-width: 100px;
                    }
                }
            }
        }
        .image{width: 78.3%;}
        .link{display: block;}
        .cover{padding-bottom: 40%; transition: padding 400ms;}
        .slick-slide{
            &.slick-center{
                .wrapper-news{
                    transform: scale(1);
                    // min-width: 1120px;
                    height: 580px;
                    .cover{padding-bottom: 80%;}
                    .content{
                        padding: 24px 34px 0 39px;
                        width: 34.9%;
                        .title{font-size: 48px;}
                        .desc{
                            font-size: 21px;
                            &.text-limit{height: 11.9em; -webkit-line-clamp: 7;}
                        }
                        .action{
                            .btn{
                                height: 60px;
                                line-height: 60px;
                                min-width: 160px;
                                font-size: 16px;
                            }
                        }
                    }
                    .image{width: 65.1%;}
                }
                
            }
        }
        .slick-list{
            margin: 0 -20px;
            overflow: unset;
            .item{padding: 0 20px;}
            .slick-slide{
                opacity: 1;
                pointer-events: inherit;
            }
        }
        .slick-prev, 
        .slick-next{top: 150px; transform: translateY(30%);}
        .slick-prev{left: 14.7%;}
        .slick-next{right: 14.7%;}
    }
}