@charset "utf-8";

/*LAYOUT*/
.wrap-news{height:100%;border:1px solid #CCC;padding:25px;}
.wrap-news .container{}
.wrap-news .inner{}
.wrap-news .inner > li{}

/*TAB*/
.wrap-news .tag{width:60px;height:60px;padding:10px;background:#049a8e;position:absolute;left:-1px;top:-1px;display:flex;justify-content:center;align-items:center;}
.wrap-news .tag h3{font-size:18px;color:#FFF;font-family:'pebGov';line-height:1.2;}

.wrap-news .title{display:none;}
.wrap-news .title a{}
.wrap-news .title a span{}
.wrap-news .inner > li.active .title a{}

/*LIST*/
.wrap-news .list{margin-top:50px;}
.wrap-news .list ul{}
.wrap-news .list ul li{}

/*NoData*/
.wrap-news .list .nodata{font-size:18px;color:#000;text-align:center;padding:40px 0;width:100%;text-align:center;}

/*LINK*/
.wrap-news a.subject{display:block;}

/*THUM*/
.wrap-news .thumb{width:265px;height:185px;overflow:hidden;}
.wrap-news .thumb img{object-fit:cover;object-position:center;width:100%;height:100%;}

/*컨텐츠*/
.wrap-news .con{padding:7px 0;display:flex;justify-content:space-between;line-height:1.1;}

/*TITLE*/
.wrap-news .con .subjectText{width:calc(100% - 80px);padding-left:10px;position:relative;}
.wrap-news .con .subjectText span{font-size:14px;color:#444;line-height:1;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.wrap-news .con .subjectText::before{content:"";display:block;width:3px;height:3px;background:#888;position:absolute;left:0;top:6px;}

/*CONTENT*/
.wrap-news .con .content{display:none;}
.wrap-news .con .content span{}

/*DATE*/
.wrap-news .con .date{font-size:12px;color:#c0c0c0;line-height:1;text-align:right;width:80px;}
.wrap-news .con .date .yearStr{}
.wrap-news .con .date .monthStr{}
.wrap-news .con .date .dayStr{}

/*DECO*/
.wrap-news .readMore{display:none;}

/*MORE*/
.wrap-news .more{font-size:0;width:60px;height:60px;background:url("../images/plus_1_b.png") no-repeat center;position:absolute;right:0px;top:0px;display:block;}

/*ACTIVE*/
.wrap-news .list{display:none}
.wrap-news .more{display:none}
.wrap-news .inner > li.active .list{display:block}
.wrap-news .inner > li.active .more{display:block}

/*CONTROL*/
.wrap-news .control{display:none;}

/*HOVER*/
@media only screen and (min-width:1281px){
}
@media only screen and (max-width:1280px){
}
@media only screen and (max-width:768px){
}