@charset "utf-8";

.wrap_notice{word-break:break-all;background:#FFF;padding:35px;}

/*게시판*/
.wrap_notice > ul{display:flex;justify-content:flex-start;align-contents:center;position:relative;}
.wrap_notice > ul > li{}
.wrap_notice > ul::before{content:"";display:block;width:100%;height:1px;background:#EEE;position:absolute;left:0;top:47px;}
/*타이틀*/
.wrap_notice .title{margin-right:30px;display:flex;justify-content:flex-start;align-items:center;position:relative;}
.wrap_notice .title a{display:inline-block;font-size:24px;font-family:'Noto Medium';line-height:1;padding:0 10px 20px 10px;color:#666;border-bottom:3px solid transparent;}
.wrap_notice .title a::before{content:"";display:block;width:23px;height:19px;background:url(../images/rct_title_active.png) no-repeat center;position:absolute;left:calc(50% - 11.5px);top:38px;transform:scale(0);}

/*목록*/
.wrap_notice .list{position:absolute;top:100px;left:0;width:100%;}
.wrap_notice .list ul{}
.wrap_notice .list ul li{width:100%;}
/*noData*/
.wrap_notice .list .nodata{font-size:18px;text-align:center;padding:50px;width:100%;}
/*썸네일*/
.wrap_notice .thumb{display:none;}
.wrap_notice .thumb img{}
/*컨텐츠*/
.wrap_notice .con{}
.wrap_notice a.subject{display:flex;justify-content:space-between;padding:12px 0 12px 25px;position:relative;font-size:18px;line-height:1;font-family:'Noto Light';color:#333;}
.wrap_notice a.subject::before{content:"";display:inline-block;width:10px;height:10px;background:#728d97;position:absolute;left:0;top:16px;border-radius:100%;}
/*제목*/
.wrap_notice .subjectText{position:relative;width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap_notice .subjectText span{}
/*내용*/
.wrap_notice .content{display:none;}
/*날짜*/
.wrap_notice .date{text-align:right;width:100px;color:#666;}
/*더보기*/
.wrap_notice .more{text-indent:-9999px;position:absolute;right:0;top:-5px;width:35px;height:35px;border:1px solid #888;background:url(../images/more.png) center no-repeat;border-radius:100%;}
/*활성화*/
.wrap_notice .list,
.wrap_notice .more{display:none}
.wrap_notice > ul > li.active .list{display:block}
.wrap_notice > ul > li.active .more{display:inline-block}
.wrap_notice > ul > li.active .title a{color:#000 !important;border-bottom-color:#183693;}
.wrap_notice > ul > li.active .title a::before{transform:scale(1);}
/*첫글*/
.wrap_notice .list ul li:first-child .con{display:flex;align-items:center;margin-bottom:20px;}
.wrap_notice .list ul li:first-child .con::before{content:"";display:inline-block;width:150px;height:150px;margin-right:20px;background:url(../images/rct_first.png) left center no-repeat;}
.wrap_notice .list ul li:first-child a.subject{flex-wrap:wrap;padding:0;width:calc(100% - 170px);}
.wrap_notice .list ul li:first-child a.subject::before{display:none;}
.wrap_notice .list ul li:first-child .subjectText{font-family:'Noto Medium';font-size:22px;width:100%;height:80px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:unset;line-height:1.5;}
.wrap_notice .list ul li:first-child .subjectText span{border-bottom:15px solid transparent;}
.wrap_notice .list ul li:first-child .date{text-align:left;width:100%;font-size:20px;color:#666;margin-top:15px;}
.wrap_notice .list ul li:first-child{}

/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_notice .title a:hover{color:#222;border-bottom-color:#183693;}
	.wrap_notice .title a:hover::before{transform:scale(1);transition:0.3s;}
	.wrap_notice a.subject:hover{line-height:1;font-family:'Noto Regular';}
	.wrap_notice .list ul li:first-child a.subject:hover .subjectText span{border-color:#caf4ff;}
}
@media only screen and (max-width:1024px){
	.wrap_notice .title a{font-size:20px;}
}
@media only screen and (max-width:768px){
	.wrap_notice .list ul li:first-child .con::before{display:none;}
	.wrap_notice .list ul li:first-child a.subject{width:100%;}
	.wrap_notice .list ul li:first-child .subjectText{font-size:20px;height:65px;}
}
@media only screen and (max-width:420px){
	.wrap_notice .subjectText{width:100%;}
	.wrap_notice .date{display:none;}
}