@charset "utf-8";

/*LAYOUT*/
.wrap-notice{height:100%;}
.wrap-notice .container{}
.wrap-notice .inner {display:flex; column-gap:3%; }
.wrap-notice .inner > li { overflow:hidden; height:auto; }

/*TAB*/
.wrap-notice .title {}
.wrap-notice .title a {font-size:22px;color:#313131; line-height:1; padding:10px 10px; margin-right:5px; display:block;}
.wrap-notice .inner > li .title a:hover, 
.wrap-notice .inner > li.active .title a { font-size:23px; color:#2c53b0; border-bottom:1px solid #2c53b0; padding-bottom:5px; padding-right:30px; background:url("../images/bul_10.png") no-repeat right center; }

/*LIST*/
.wrap-notice .list{position:absolute;left:0;top:40px;width:100%; margin-top:20px; }
.wrap-notice .list ul{}
.wrap-notice .list ul li { padding:7px; border-bottom:1px solid #d7d7d7; }
.wrap-notice .list ul li a {}

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

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

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

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

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

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

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

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

/*MORE*/
.wrap-notice .more{font-size:0; position:absolute; right:0; top:6px; display:block; text-indent:-9999px; width:35px; height:35px; border:1px solid #c2c2c2; background:url("../images/more_01.png") no-repeat center center; }

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

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