@charset "utf-8";


/* [S] NEWS */
.news-wrap{position: relative; background: url(../images/bg-news.png) no-repeat right .5rem top 6rem; padding: 16rem 0 0;}
.news-wrap .frame{max-width: 174rem; margin: 0 auto; padding: 0 2rem; position: relative;}
.news-wrap .news-header{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
.news-wrap .news-title h1{font-size: 5rem; color: #000000; font-family: "sm"; line-height: 1;}
.news-wrap .news-title h1 span{color: #025b94;}
.news-wrap .news-title p{font-size: 1.8rem; color: #000000; font-family: "sl"; margin-top: 1rem;}
.news-wrap .news-more-box{padding-left: 28rem; position: relative; margin-top: .4rem;}
.news-wrap .news-more-box::before{content:""; display: block; position: absolute; left: 0; top: 50%; width: 25rem; height: .1rem; background-color: #000000;}
.news-wrap .news-more{display: block; text-indent: -9999rem; width: 3.4rem; height: 3.4rem; background: #000; position: relative;}
.news-wrap .news-more::after{content:""; display: block; position: absolute; left: 50%; top: 50%; margin: -.85rem 0 0 -.85rem; width: 1.7rem; height: 1.7rem; background: url(../images/ic-news-more.png) no-repeat center center / cover; transition: all .5s;}
.news-wrap .news-more:hover::after{transform: rotate(180deg);}
.news-wrap .news-content{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 4.6rem;}
.news-wrap .news-content .news-content-image{width: 49.42%; border-radius: 2rem; overflow: hidden;}
.news-wrap .news-content .news-content-image .news-image{position: relative; padding-bottom: 69%;}
.news-wrap .news-content .news-content-image .news-image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.news-wrap .news-content .news-content-image .news-image:hover img{transform: scale(1.05);}
.news-wrap .news-content .news-content-text{width: 50.58%; padding-left: 6rem; padding-top: 4.8rem;}
.news-wrap .news-content .news-content-text li{background-color: white; text-align: right;}
.news-wrap .news-content .news-content-text h1{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 3rem; line-height: 4.1rem; color: #000000; font-family: "sm"; text-align: left;}
.news-wrap .news-content .news-content-text h1 span{background :linear-gradient(to bottom, transparent 94%, rgba(0,0,0,1) 0) left center no-repeat; background-size: 0; transition: background-size .5s;}
.news-wrap .news-content .news-content-text p{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; font-size: 1.8rem; line-height: 2.8rem; color: #555555; font-family: "pr"; margin: 3rem 0 1.8rem; text-align: left;}
/* .news-wrap .news-content .news-content-text p span{background :linear-gradient(to bottom, transparent 94%, rgba(85,85,85,1) 0) left center no-repeat; background-size: 0; transition: background-size .5s;} */
.news-wrap .news-content .news-content-text .news-link:hover h1 span{background-size: 100% auto;}
/* .news-wrap .news-content .news-content-text .news-link:hover p span{background-size: 100% auto;} */
.news-wrap .news-content .news-content-text .news-content-more{font-size: 1.6rem; color: #999999; font-family: "sm"; display: inline-block; padding-right: 3rem; position: relative;}
.news-wrap .news-content .news-content-text .news-content-more::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -.45rem; width: 1rem; height: .9rem; background: url(../images/ic-news-more2.png) no-repeat center center; transition: all .5s; transform: rotate(0deg);}
.news-wrap .news-content .news-content-text .news-content-more:hover::after{transform: rotate(180deg);}
.news-wrap .news-content .news-content-info{position: absolute; right: 2rem; bottom: 0; width: 50.58%; padding-left: 6rem; z-index: 2;}
.news-wrap .news-content .news-content-info .news-content-pagination{text-align: right; margin: 0 -1rem;}
.news-wrap .news-content .news-content-info .news-content-pagination .swiper-pagination-bullet{width: 1.2rem; height: 1.2rem; opacity: 1; background-color: #eeeeee; transition: all .5s; margin: 0 1rem; border-radius: .6rem;}
.news-wrap .news-content .news-content-info .news-content-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 3.2rem; background-color: #005b94; border-radius: .6rem;}
.news-wrap .news-content .news-content-thumbnail{margin-top: 5.7rem;}
.news-wrap .news-content .news-content-thumbnail ul{display: flex; flex-wrap: wrap; margin: 0 -1.35rem;} 
.news-wrap .news-content .news-content-thumbnail li{width: 25%; padding: 0 1.35rem;}
.news-wrap .news-content .news-content-thumbnail li .thumbnail-image{border-radius: 1.5rem; position: relative; overflow: hidden; padding-bottom: 65%;}
.news-wrap .news-content .news-content-thumbnail li img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.news-wrap .news-content .news-content-thumbnail li .thumbnail-image:hover img{transform: scale(1.05)}

.disable .news-wrap{padding: 16rem 0 8rem;}

@media screen and (max-width: 1400px) {
    .news-wrap .news-content .news-content-image{width: 45%;}
    .news-wrap .news-content .news-content-text{width: 55%; padding-left: 3rem; padding-top: 2rem;}
    .news-wrap .news-content .news-content-text h1{font-size: 2.4rem; line-height: 3rem;}
    .news-wrap .news-content .news-content-text p{font-size: 1.4rem; line-height: 2.2rem; margin: 2rem 0 1rem;}
    .news-wrap .news-content .news-content-text .news-content-more{font-size: 1.4rem;}
    .news-wrap .news-content .news-content-info{width: 55%; padding-left: 5rem;}
    .news-wrap .news-content .news-content-thumbnail{margin-top: 3rem;}
}

@media screen and (max-width: 1200px) {
    .disable .news-wrap,
    .news-wrap{padding: 10rem 0 6rem;}
    .news-wrap .news-title h1{font-size: 4rem;}
    .news-wrap .news-title p{font-size: 1.6rem;}
    .news-wrap .news-content{margin-top: 3.6rem;}
    .news-wrap .news-content .news-content-image{width: 100%;}
    .news-wrap .news-content .news-content-text{width: 100%; padding-left: 0; padding-top: 2rem;}
    .news-wrap .news-content .news-content-text p{font-size: 1.6rem; line-height: 2.8rem;}
    .news-wrap .news-content .news-content-info{position: static; padding-left: 0; width: 100%; margin-top: 4rem;}
    .news-wrap .news-content .news-content-thumbnail{margin-top: 2rem;}
}

@media screen and (max-width: 768px) {
    .disable .news-wrap,
    .news-wrap{padding: 6rem 0; background-position: right -.5rem top; background-size: 17rem;}
    .news-wrap .news-title h1{font-size: 3rem;}
    .news-wrap .news-more-box{padding-left: 10rem; margin-top: 0;}
    .news-wrap .news-more-box::before{width: 8rem;}
    .news-wrap .news-more{width: 2.5rem; height: 2.5rem; background-size: 1.1rem;}
    .news-wrap .news-content{margin-top: 3.4rem;}
    .news-wrap .news-content .news-content-text{padding-top: 2.6rem;}
    .news-wrap .news-content .news-content-text h1{font-size: 2.2rem;}
    .news-wrap .news-content .news-content-text p{line-height: 2.6rem; -webkit-line-clamp: 2; margin: .5rem 0 2rem}
    .news-wrap .news-content .news-content-info{margin-top: 2.5rem;}
    .news-wrap .news-content .news-content-thumbnail{display: none;}
}
/* [E] NEWS */