#layout_body {
    max-width: inherit;
}

.jente-page {
    padding: 6.4rem 0;
}

.jente-page-title {
    font-size: 6.4rem;
    font-weight: bold;
    font-family: 'Source_Sans_Pro';
    color: #111;
    text-align: center;
}

.content {
    margin-top: 5.86rem;
}

.content-title {
    display: block;
    font-family: 'Source_Sans_Pro';
    color: #111;
    font-weight: 500;
    font-size: 5rem;
    margin: 3.46rem 0;
}

.content-desc {
    font-family: 'Source_Sans_Pro';
    font-size: 3.2rem;
    color: #111;
    font-weight: 500;
    margin-bottom: 3.46rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: keep-all;
}

.content-more-btn {
    display: block;
    font-family: Source_Sans_Pro, HelveticaNeueLTStd-Roman;
    font-size: 3.2rem;
    font-weight: normal;
    color: #6a696c;
    text-decoration: underline;
}

.main-slides {
    text-align: center;
    margin-bottom: 10.13rem;
    position: relative !important;
}

.main-slides .swiper-slide .image img {
    display: block;
    width: 100%;
    height: 60rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: center;
}

.main-slides .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    top: 55rem;
    bottom: auto;
}

.main-slides .content-title,
.main-slides .content-desc {
    padding: 0 6.4rem;
}

.new-contents .item {
    padding: 0 5.3rem;
    margin-bottom: 8.8rem;
}

.new-contents .item:nth-child(even) {
    text-align: right
}

.new-contents .item .image img {
    display: block;
    width: 100%;
    height: 60rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: center;
}

.contents {
    padding: 0 5.3rem;
}

.contents>.content-title {
    text-align: center;
    margin: 0;
    padding-top: 1.2rem;
}

.contents .list {}

.contents .list>div {
    display: flex;
    flex-font: row nowrap;
    justify-content: space-between;
}

/*.contents .list .top>div:first-child, .contents .list .bottom>div:last-child{width:27.46rem;}*/
.contents .list .top>div:last-child,
.contents .list .bottom>div:first-child {
    width: 58.4rem;
}

.contents .list .item:first-child {
    margin-right: 3.46rem;
}

.contents .list .item {
    margin-top: 5.3rem;
    position: relative;
    visibility: visible;
}

.contents .list .item .image img {
    display: block;
    height: 40rem;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: center;
}

.contents .list .item .content-title {
    font-family: Source_Sans_Pro;
    text-align: left;
    font-size: 3.2rem;
    margin-top: 3.46rem;
    margin-bottom: 0;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contents .list .item .content-desc {
    font-family: Source_Sans_Pro;
    font-size: 3.2rem;
    margin-bottom: 3rem;
}

.contents .list .item .content-more-btn {
    font-size: 3.2rem;
}

.contents .list .item>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.contents .list .item.hidden {
    visibility: hidden;
}

.contents .pagination {
    margin-top: 10.66rem;
}

.contents .pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contents .pagination li>a,
.contents .pagination li>span {
    font-family: Source_Sans_Pro;
    background: transparent;
    color: #999;
    border: none;
    box-shadow: none;
    font-weight: bold;
}

.contents .pagination li .current {
    color: #111;
}

.contents .pagination li img {
    width: 5rem;
}

.swiper-pagination {
    display: block;
    !important;
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 6.4rem !important;
    background-color: #ffffff;
    transition: all 0.2s;
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    width: 3.2rem !important;
    height: 1rem !important;
    display: inline-block;
    border-radius: 0.6rem !important;
    background: transparent;
    border: 1px solid #ffffff;
    opacity: 1;
    box-sizing: border-box;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ffffff !important;
}

@media only screen and (min-width: 720px) {
.new-contents {
        padding: 0 5.66rem;
        margin: 0 auto;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }

.new-contents .content-title {
        font-size: 5rem;
    }

.new-contents .item {
        width: 33.33%;
        padding: 0 1.5rem;
    }

.new-contents .item:nth-child(even) {
        text-align: left
    }

.new-contents .item .image img {
        height: 50rem;
    }

.contents .list {
        max-width: 1200px;
        margin: 0 auto;
    }

.contents .list>div>.item {
        width: 50% !important;
    }

.contents .list .item .image img {
        height: 60rem;
    }
}

.news-list-content .bottom.row{
    margin-top: 20px;
}

@media only screen and (min-width: 1024px) {
    .new-contents .swiper-container{
        padding-left: 20px;
        /*padding-right: 20px;*/
        /*margin-left: 20px;*/
        /*margin-right: 20px;*/
    }
    .new-contents .swiper-container:before{
        content: "";
        background-color: #FFF;
        height: 100%;
        position: absolute;
        width: 45px;
        left: -20px;
        z-index: 5;
        top: 0;
    }
    .new-contents .swiper-container:after{
        content: "";
        background-color: #FFF;
        height: 100%;
        position: absolute;
        width: 45px;
        right: -20px;
        z-index: 5;
        top: 0;
    }

    html {
        font-size: 5px;
    }

.main-slides .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
        top: 93rem;
    }

.main-slides .swiper-slide .image img {
        margin: 0 auto;
        max-width: 1200px;
        height: 500px;
    }

.new-contents {
        max-width: 1200px;
    padding: 0;
    margin:auto
    }

.contents .list {
        max-width: 1200px;
        margin: 0 auto;
    }
}