@charset "utf-8";

.wrap_noti{word-break:keep-all;line-height:1.3;}

.wrap_noti h2{position:absolute;top:0;left:0;padding-top:13px;line-height:1;}

.wrap_noti > ul{display:flex;align-items:center;justify-content:flex-end;padding-right:70px;}
.wrap_noti > ul > li{}

.wrap_noti .title{padding-left:35px;}
.wrap_noti .title a{font-size:22px;color:#818490;}
.wrap_noti .title a::before{content:"";display:block;width:12px;height:14px;margin:0 auto 7px auto;}
.wrap_noti > ul > li.active .title a{font-weight:500;color:#434652;}
.wrap_noti > ul > li.active .title a::before{background:url(../images/on.png) no-repeat center;}

.wrap_noti .list{position:absolute;top:70px;left:0;width:100%;border-top:1px solid #5e5e5e;border-bottom:1px solid #5e5e5e;}
.wrap_noti .list ul{}
.wrap_noti .list ul li{}
.wrap_noti .list ul li:last-child{border-bottom:0;}

.wrap_noti .list .nodata{font-size:18px;text-align:center;padding:50px 0;width:100%;}

.wrap_noti a.subject{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efefef;padding:5px;}

.wrap_noti .thumb{display:none;}

.wrap_noti .con{display:flex;align-items:center;width:calc(100% - 90px);}

.wrap_noti .heading{display:none;}
.wrap_noti .sort{width:90px;}
.wrap_noti .sort span{display:flex;align-items:center;justify-content:center;border-radius:100%;width:60px;height:60px;font-size:18px;font-weight:300;}

.wrap_noti .subjectText{font-size:22px;font-weight:300;width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.wrap_noti .content{display:none;}

.wrap_noti .date{font-size:16px;color:#6c6f79;width:90px;font-weight:300;}

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

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

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


@media only screen and (max-width:1024px){
	.wrap_noti h2{position:relative;top:unset;left:unset;padding-top:0;padding-bottom:30px;}
	.wrap_noti > ul{justify-content:center;padding-right:0;}
	.wrap_noti .list{top:130px;}
	.wrap_noti .sort{width:70px;}
	.wrap_noti .subjectText{font-size:18px;width:calc(100% - 70px);}
	.wrap_noti a.more{right:50%;top:0;margin-right:-80px;}
}
@media only screen and (max-width:480px){
	.wrap_noti .con{width:100%;}
	.wrap_noti .date{display:none;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1281px){
	.wrap_noti a.subject:hover .sort span{color:#FFF;background:#0ba1b6;}
}