@charset "utf-8";

/* 뉴스 */
.wrap-news {position: relative; padding:104px 0 120px 0;}
.wrap-news .frame {max-width:1720px; width:100%; margin:0 auto;}
.wrap-news .title {text-align: center; margin-bottom: 42px;}
.wrap-news .title strong {font-family: 'SUITE ExtraBold'; font-size: 50px; line-height: 80px; color:#000;}
.wrap-news .title strong span {color:#00B6AD;}
.wrap-news .row {position: relative; overflow:hidden;}
.wrap-news .img-box {height:370px; border-radius:10px; overflow:hidden;}
.wrap-news .img-box img {width:100%; height:100%; object-fit:cover; transition: .5s;}
.wrap-news .text-box {padding:0 20px; margin-top:35px; position: relative;}
.wrap-news .text-box::before {content:''; width:36px; height:24px; background:url('../images/obj1.png') no-repeat center; position: absolute; left:0; top:-7px;}
.wrap-news .sj {font-size: 26px; font-family: 'SUITE Bold'; color:#000; line-height: 35px; position: relative; transition: .35s;}
.wrap-news .sj {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; overflow:hidden;}
.wrap-news .sj span {background: linear-gradient(to bottom, transparent 96%, #0E51A1 0) left center no-repeat; background-size:0;}
.wrap-news .cn {font-size: 18px; font-family: 'SUITE Light'; line-height: 30px; color:#666; margin-top: 18px; transition: .35s;}
.wrap-news .cn {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 3; overflow:hidden;}
.wrap-news .cn span { background: linear-gradient(to bottom, transparent 95%, #000 0) left center no-repeat; background-size:0;}
.wrap-news a:hover .img-box img {transform: scale(1.1);}
.wrap-news a:hover .sj span{color:#0E51A1; background-size:100% auto; transition: background-size 1s;}
.wrap-news a:hover .cn span{color:#000; background-size:100% auto; transition: background-size 1s;}

.wrap-news .control {font-size: 0; text-align: center; margin-top: 55px;}
.wrap-news .control button {width:80px; height:80px; background-color:#EBEBEB;  background-repeat:no-repeat; background-position:center; border-radius:50%; text-indent: -9999px; margin:0 10px;}
.wrap-news .control button:hover {background-color:#0E51A1;}
.wrap-news .prev {background-image:url('../images/prev.png'); transition:all .5s;}
.wrap-news .next {background-image:url('../images/next.png'); transition:all .5s;}
.wrap-news .prev:hover {background-image:url('../images/prev-on.png'); }
.wrap-news .next:hover {background-image:url('../images/next-on.png'); }

.wrap-news .more {text-align: center; display: none;}
.wrap-news .nodata {margin:0 auto; font-family: 'HG Regular';}
@media screen and (max-width:1800px) {
    .wrap-news .frame {padding:0 20px;}
}
@media screen and (max-width:1200px) {
    .wrap-news {padding:65px 0 80px 0;}
    .wrap-news .frame {padding:0 40px;}
    .wrap-news .title {margin-bottom: 28px;}
    .wrap-news .title strong {font-size: 40px;}

    .wrap-news .img-box {height:295px;}
    .wrap-news .text-box {margin-top: 25px;}
    .wrap-news .sj {font-size: 22px; line-height: 32px;}
    .wrap-news .cn {font-size: 17px; margin-top: 10px; -webkit-line-clamp: 2;}

    .wrap-news .control {margin-top: 40px;}
}
@media screen and (max-width:768px) {
    .wrap-news {padding:43px 0 50px 0;}
    .wrap-news .frame {padding:0 20px;}
    .wrap-news .title {margin-bottom: 20px;}
    .wrap-news .title strong {font-size: 30px; line-height: 1.5;}
    .wrap-news .text-box {margin-top: 33px;}
    .wrap-news .sj {font-size: 20px;}
    .wrap-news .cn {font-size: 16px;}
    .wrap-news .control {margin-top: 30px;}
    .wrap-news .control button {width:60px; height:60px;}
}