@charset "utf-8";

.wrap_pub{word-break:keep-all;line-height:1.3;}
.wrap_pub h2{position:absolute;top:0;left:0;padding-top:13px;line-height:1;}
.wrap_pub > ul{display:flex;align-items:center;justify-content:flex-end;padding-right:70px;}
.wrap_pub > ul > li{}
.wrap_pub .title{padding-left:35px;}
.wrap_pub .title a{font-size:22px;color:#818490;}
.wrap_pub .title a::before{content:"";display:block;width:12px;height:14px;margin:0 auto 7px auto;}
.wrap_pub > ul > li.active .title a{font-weight:500;color:#434652;}
.wrap_pub > ul > li.active .title a::before{background:url(../images/on.png) no-repeat center;}
.wrap_pub .list{position:absolute;top:70px;left:0;width:100%;}
.wrap_pub .list ul{display:flex;flex-wrap:wrap;}
.wrap_pub .list ul li{width:18.4%;margin-right:2%;}
.wrap_pub .list ul li:last-child{margin-right:0;}
.wrap_pub .list .nodata{font-size:18px;text-align:center;padding:50px 0;width:100%;}
.wrap_pub a.subject{display:flex;flex-direction:column;max-width:280px;}
.wrap_pub .thumb{overflow:hidden;max-height:270px;width:100%;}
.wrap_pub .thumb img{width:100%;}
.wrap_pub .con{border:1px solid #dcdcdc;border-top:0;padding:25px;background:#FFF;width:100%;}
.wrap_pub .heading{display:none;}
.wrap_pub .subjectText{font-size:18px;font-weight:300;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.wrap_pub .content{display:none;}
.wrap_pub .date{display:none;}
.wrap_pub a.more{font-size:0;width:46px;height:34px;position:absolute;right:0;top:15px;background:url(../images/more.png) no-repeat center;}

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

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


@media only screen and (max-width:1024px){
	.wrap_pub h2{position:relative;top:unset;left:unset;padding-top:0;padding-bottom:30px;}
	.wrap_pub > ul{justify-content:center;padding-right:0;}
	.wrap_pub .title{padding:0 10px;text-align:center;}
	.wrap_pub .title a{font-size:18px;}
	.wrap_pub .list{top:120px;}
	.wrap_pub a.more{top:0;right:50%;margin-right:-80px;}
	.wrap_pub .list ul li{width:32.3%;margin:0 0.5%;}
	.wrap_pub .list ul li:nth-child(n+4){display:none;}
	.wrap_pub .con{padding:10px;}
}
@media only screen and (max-width:480px){
	.wrap_pub > ul{flex-wrap:wrap;}
	.wrap_pub > ul > li{width:50%;}
	.wrap_pub .list{top:170px;}
	.wrap_pub .list ul li{width:49%;margin:0 0.5%;}
	.wrap_pub .list ul li:nth-child(n+3){display:none;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1281px){
	.wrap_pub a.subject:hover{box-shadow:5px 5px 10px #888;}
}