@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 .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 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;white-space:nowrap;}
	.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 .deco{display:block;font-family:'S-CoreDream-6Bold';font-size:12px;color:#117fd6;padding-top:100px;}
	.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:100px;}
	.wrap_news .inner{width:calc(100% - 100px);}
	.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;}
}


/*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);}
}