@charset "utf-8";

.wrap_news{word-break:break-all;}

/*타이틀*/
.wrap_news h3{line-height:1;font-size:55px;color:#FFF;font-family:'S-CoreDream-1Thin';position:absolute;left:67%;top:-5px;}
.wrap_news h3 strong{font-family:'S-CoreDream-5Medium';}

/*게시판*/
.wrap_news > ul{height:100%;}
.wrap_news > ul > li{height:100%;position:relative;}
/*타이틀*/
.wrap_news .title{display:none;}
.wrap_news .title a{}
/*목록*/
.wrap_news .list{}
.wrap_news .list ul{display:flex;flex-wrap:wrap;}
.wrap_news .list ul li{width:31.3%;margin:0 1%;}
/*noData*/
.wrap_news .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*링크*/
.wrap_news a.subject{display:block;}
.wrap_news .con{display:flex;height:145px;position:relative;}
/*썸네일*/
.wrap_news .thumb{width:190px;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;}
.wrap_news .thumb img{height:150%;max-width:none !important;}
/*컨텐츠*/
.wrap_news .inner{width:calc(100% - 190px);background:#FFF;}
.wrap_news .item{position:relative;padding:20px;}
.wrap_news .inner p{color:#117fd6;font-size:16px;font-family:'S-CoreDream-3Light';}
.wrap_news .inner p strong{font-family:'S-CoreDream-4Regular';}
/*제목*/
/*.wrap_news .subjectText{font-size:18px;font-family:'Noto Regular';color:#000;margin-top:7px;line-height:1.3;height:45px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}*/
.wrap_news .subjectText{font-size:18px;font-family:'Noto Regular';color:#000;margin-top:7px;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:50px;line-height:25px;}
/*내용*/
.wrap_news .content{display:none;}
.wrap_news .deco{display:none;}
/*날짜*/
.wrap_news .date{font-size:16px;color:#999;margin-top:7px;}
/*더보기*/
.wrap_news .more{display:block;text-indent:-9999px;width:30px;height:30px;background:url(../images/plus_4_w.png) no-repeat center;position:absolute;right:10px;top:10px;}
/*활성화*/
.wrap_news .list,
.wrap_news .more{display:none}
.wrap_news > ul > li.active .list,
.wrap_news > ul > li.active .more{display:block}
.wrap_news > ul > li.active .title a{}
@media all and (max-width:1281px) {
	.wrap_news .more {top:-60px;}
}
/*첫글*/
@media only screen and (min-width:1281px){
	.wrap_news .list ul li:first-child{width:100%;margin-bottom:50px;}
	.wrap_news .list ul li:first-child .con{height:auto;}
	.wrap_news .list ul li:first-child .thumb{width:65%;height:535px;padding:20px 0 0 20px;position:relative;background:none;justify-content:flex-start;}
	.wrap_news .list ul li:first-child .thumb img{height:100%;}
	.wrap_news .list ul li:first-child .thumb::before{content:"";display:block;width:calc(100% - 40px);height:calc(100% - 20px);border:1px solid #FFF;position:absolute;left:0;top:0;z-index:1;}
	.wrap_news .list ul li:first-child .inner{width:41%;padding:0 0 10px 10px;background:none;position:absolute;right:0;bottom:10%;}
	.wrap_news .list ul li:first-child .inner::before{content:"";display:block;width:calc(100% - 10px);height:calc(100% - 10px);background:#f5a101;position:absolute;left:0;bottom:0;}
	.wrap_news .list ul li:first-child .item{background:#FFF;padding:50px;}

/*	.wrap_news .list ul li:first-child .subjectText{font-size:30px;width:100%;overflow:hidden;text-overflow:ellipsis;height:80px;}
	.wrap_news .list ul li:first-child .content{display:block;font-size:16px;color:#000;margin-top:20px;line-height:1.5;height:70px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
*/
	.wrap_news .list ul li:first-child .subjectText{font-size:30px;width:100%;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:70px;line-height:35px;}
	.wrap_news .list ul li:first-child .content{font-size:16px;color:#000;margin-top:20px;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:75px;line-height:25px;}

	.wrap_news .list ul li:first-child .deco{display:block;font-family:'S-CoreDream-6Bold';font-size:12px;color:#117fd6;padding-top:50px;}
	.wrap_news .list ul li:first-child .deco::before{content:"";display:inline-block;width:20px;height:2px;background:#117fd6;margin-right:10px;vertical-align:6px;}
	.wrap_news .list ul li:first-child .date{display:none;}
	.wrap_news .list ul li:first-child .inner p{display:none;}
}

@media only screen and (max-width:1280px){
	.wrap_news h3{font-size:35px;position:relative;left:0;top:0;text-align:center;margin-bottom:30px;}
	.wrap_news .list ul{justify-content:space-between;}
	.wrap_news .list ul li{width:49%;margin:1% 0;}
}
@media only screen and (max-width:1024px){
	.wrap_news .thumb{width:150px;}
	.wrap_news .inner{width:calc(100% - 150px);}
}
@media only screen and (max-width:768px){
	.wrap_news h3{font-size:25px;}
	.wrap_news .list ul li{width:100%;margin:1% 0;}
	.wrap_news .con{height:100px;}
	.wrap_news .thumb{width:160px;}
	.wrap_news .inner{width:calc(100% - 160px);}
	.wrap_news .thumb img{height:125%;}
	.wrap_news .inner p{display:none;}
	.wrap_news .subjectText{margin-top:0;height:auto;width:100%;white-space:nowrap;display: block;}
}
@media only screen and (max-width:420px){
	.wrap_news .con{display:block;height:auto;}
	.wrap_news .thumb{width:100%;}
	.wrap_news .thumb img {width:100%;}
	.wrap_news .inner{width:100%;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1281px){
	.wrap_news a.subject:hover .thumb img{transform:scale(1.2);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_news .list ul li:first-child a.subject:hover .thumb img{transform:scale(1);}
}
.wrap_news .control {display:none;}
@media all and (max-width:420px) {
	.wrap_news .control {display:flex; align-items: center; position:relative; left:auto; bottom:auto; justify-content: center;}
	.wrap_news .control button {position: relative; bottom:auto; left:auto; text-indent: -9999px; width:30px; height:30px;}
	.wrap_news .control button.prev {background: url('../images/arrow_1_w.png') center no-repeat;}
	.wrap_news .control button.play {display: none; background: url('../images/play_1_w.png') center no-repeat;}
	.wrap_news .control button.play.on {display:inline-block;}
	.wrap_news .control button.stop {display:none; background: url('../images/pause_1_w.png') center no-repeat;}
	.wrap_news .control button.stop.on {display:inline-block}
	.wrap_news .control button.next {background: url('../images/arrow_1_w.png') center no-repeat; transform: rotate(180deg);}
}