@charset "utf-8";

/*LAYOUT*/
.wrap-notice2{height:100%;}
.wrap-notice2 .container{}
.wrap-notice2 .inner{display:flex;}
.wrap-notice2 .inner > li{}

/*TAB*/
.wrap-notice2 .title{}
.wrap-notice2 .title a{font-size:13px;color:#FFF;line-height:1;padding:5px 10px;margin-right:5px;background:#b4b4b4;display:block;}
.wrap-notice2 .inner > li.active .title a{background:#2f3087;}

/*LIST*/
.wrap-notice2 .list{position:absolute;left:0;top:40px;width:100%;}
.wrap-notice2 .list ul{}
.wrap-notice2 .list ul li{}

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

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

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

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

/*TITLE*/
.wrap-notice2 .con .subjectText{width:calc(100% - 100px);padding-left:10px;position:relative;}
.wrap-notice2 .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-notice2 .con .subjectText::before{content:"";display:block;width:3px;height:3px;background:#888;position:absolute;left:0;top:6px;}

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

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

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

/*MORE*/
.wrap-notice2 .more{font-size:14px;color:#000;line-height:1;position:absolute;right:0;top:6px;display:block;}

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

/*CONTROL*/
.wrap-notice2 .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){
	.wrap-notice2 .more{right:50%;top:unset;bottom:0;width:60px;margin-right:-30px;text-align:center;background:#DDD;padding:6px 0;}
}