@charset "utf-8";

.wrap_news{word-break:keep-all;line-height:1.3;}
.wrap_news h2{position:absolute;top:0;left:0;line-height:1;}
.wrap_news > ul{padding-top:70px;}
.wrap_news > ul > li{}
.wrap_news .title{display:none;}
.wrap_news .title a{}
.wrap_news > ul > li.active .title a{}
.wrap_news .list{}
.wrap_news .list ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.wrap_news .list ul li{width:30%;}
.wrap_news .list .nodata{font-size:18px;text-align:center;padding:50px 0;width:100%;}

.wrap_news a.subject{display:block;position:relative;margin:0 10px;padding-bottom:110px;}

/*

.wrap_news .heading{position:absolute;top:2px;right:22px;color:#FFF;font-size:22px;font-weight:500;padding:7px 25px;z-index:1;}
.wrap_news .list ul li:nth-child(1) .heading{background:#f5a101;}
.wrap_news .list ul li:nth-child(2) .heading{background:#2f8742;}
.wrap_news .list ul li:nth-child(3) .heading{background:#a88c6c;}*/

.wrap_news .thumb{padding:20px 0 0 20px;height:430px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;/* background: red; */}
.wrap_news .thumb img{height:100%;max-width:unset;}
.wrap_news .thumb::before{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid #FFF;position:absolute;left:0;top:0;z-index:1;}
.wrap_news .thumb::after{content:"";display:block;width:20px;height:100%;background: #e2ecee;position:absolute;left:0;top:0;}
.wrap_news .list ul li:nth-child(1) .thumb::before{border-color:#f5a101;}
.wrap_news .list ul li:nth-child(2) .thumb::before{border-color:#2f8742;}
.wrap_news .list ul li:nth-child(3) .thumb::before{border-color:#a88c6c;}

.wrap_news .con{padding:30px;background:#FFF;position:absolute;left:40px;bottom:0;width:calc(100% - 60px);z-index:2;}
.wrap_news a:hover .con{border-radius: 0px; }
.wrap_news a:hover .subjectText{color: #0c79f1;text-decoration: underline;}
.wrap_news a:hover .thumb img{/* height: 110%; */transition: all 0.3s ease, transform 0.3s ease;filter: brightness(0.78);}
.wrap_news .subjectText{font-weight:300;font-size: 19px;color:#000;line-height: 1.23;height: 70px;letter-spacing: -1px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;font-family: 'Dream bold';}
.wrap_news .content{font-size: 15px;color:#666;padding:20px 0 30px 0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family: 'Dream light';}

.wrap_news .detailView{font-weight:700;font-size:12px;color:#0c79f1;}
.wrap_news .detailView::before{content:"";display:inline-block;width:20px;height:2px;background:#0c79f1;margin-right:10px;vertical-align:3px;}

.wrap_news .date{display:none;}

.wrap_news a.more{font-size:0;width:46px;height:34px;position:absolute;right:0;top:15px;background:url(../images/more.png) no-repeat center;}

/*활성화*/
.wrap_news .list,
.wrap_news .more{display:none;}
.wrap_news > ul > li.active .list{display:block;}
.wrap_news > ul > li.active .more{display:flex;}

/*CONTROL*/
.wrap_news .control{display:none;}


@media only screen and (max-width:1280px){
   .wrap_news .list ul li{width:33%;}
   .wrap_news .con{padding:20px;}
}
@media only screen and (max-width:1024px){
   .wrap_news h2{position:relative;top:unset;left:unset;padding-bottom:30px;}
   .wrap_news > ul{padding-top:0;}
   .wrap_news .list ul li{width:100%;margin-bottom:20px;}
   .wrap_news .list ul li:last-child{margin-bottom:0;}
   .wrap_news .thumb{height:unset;}
   .wrap_news .thumb img{height:unset;width:100%;}
   .wrap_news .thumb::after{display:none;}
   .wrap_news a.more{top:0;right:50%;margin-right:-170px;}
}
@media only screen and (max-width:768px){
   .wrap_news .heading{font-size:18px;}
   .wrap_news .subjectText{font-size:18px;height:unset;}
   .wrap_news .content{font-size:16px;}
}
@media only screen and (max-width:480px){
   .wrap_news a.subject{margin:0;padding-bottom:0;}
   .wrap_news .thumb{padding:20px 0 0 0;}
   .wrap_news .heading{top:0;right:unset;left:0;}
   .wrap_news .thumb::before,
   .wrap_news .content,
   .wrap_news .detailView{display:none;}
   .wrap_news .con{left:0;width:100%;position:relative;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1281px){
   .wrap_news a.subject:hover{}
}