@charset "utf-8";

.organB_rct{height:100%;}

/*게시판*/
.organB_rct > ul{display:flex;justify-content:center;}
.organB_rct > ul > li{}

/*타이틀*/
.organB_rct .title{display:flex;align-items:center;margin:0 30px;}
.organB_rct .title a{font-size:35px;color:#888;font-family:'Dream Bold';line-height:1;position:relative;padding:5px 10px 0 0;display:inline-block;}
.organB_rct .title a::after{content:"";display:block;width:10px;height:10px;border-radius:100%;background:#00a993;position:absolute;right:0;top:0;}

/*목록*/
.organB_rct .list{position:absolute;top:70px;left:0;width:100%;}
.organB_rct .list ul{display:flex;flex-wrap:wrap;}
.organB_rct .list ul li{width:25%;margin:25px 0;}

/*noData*/
.organB_rct .list .nodata{font-size:18px;color:#000;text-align:center;padding:50px 0;width:100%;}

/*링크*/
.organB_rct a.subject{display:block;padding:0 30px;}

/*썸네일*/
.organB_rct .thumb{display:none;}
.organB_rct .thumb img{}

/*컨텐츠*/
.organB_rct .con{border-bottom:2px solid #CCC;}

/*제목*/
.organB_rct .subjectText{line-height:1.5;height:65px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.organB_rct .subjectText span{font-size:22px;color:#666;font-family:'Dream Medium';}

/*내용*/
.organB_rct .content{line-height:1.5;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:30px 0;}
.organB_rct .content span{font-size:17px;color:#888;font-family:'Dream Regular';}

/*날짜*/
.organB_rct .date{font-size:14px;color:#999;font-family:'Dream Regular';line-height:1;margin-bottom:30px;}

/*더보기*/
.organB_rct .more{display:block;width:200px;border-radius:30px;padding:15px 30px;font-size:15px;color:#FFF;line-height:1;background:#222 url(../images/more.png) 90% center no-repeat;position:absolute;bottom:0;left:calc(50% - 100px);}
.organB_rct .more span{display:none;}

/*꾸미기*/
.organB_rct .readMore{display:none;}

/*활성화*/
.organB_rct .list,
.organB_rct .more{display:none}
.organB_rct > ul > li.active .list,
.organB_rct > ul > li.active .more{display:block}
.organB_rct > ul > li.active .title a{color:#000;}
.organB_rct > ul > li.active .title::after{opacity:1;}

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

/*HOVER*/
@media only screen and (min-width:1281px){
	.organB_rct .title:hover::after{opacity:1;transition:0.5s;}
	.organB_rct .title a:hover{color:#000;border-color:#000;}
	.organB_rct a.subject:hover .con{border-color:#000;transition:0.5s;}
	.organB_rct a.subject:hover .subjectText span{color:#000;transition:0.5s;}
	.organB_rct .more:hover{background-color:#1557b0;transition:0.5s;}
}
@media only screen and (max-width:1280px){
	.organB_rct .title a{font-size:28px;}
	.organB_rct a.subject{padding:0 10px;}
	.organB_rct .subjectText{height:55px;}
	.organB_rct .subjectText span{font-size:18px;}
}
@media only screen and (max-width:768px){
	.organB_rct > ul{justify-content:flex-start;}
	.organB_rct .title{margin:0 10px 0 0;}
	.organB_rct .title a{font-size:20px;}
	.organB_rct .title::after{margin-top:-17px;}
	.organB_rct .list{top:40px;}
	.organB_rct .list ul li{width:100%;margin:0;}
	.organB_rct a.subject{padding:0;}
	.organB_rct .con{border-bottom:1px solid #CCC;padding:12px 0;display:flex;justify-content:space-between;align-items:center;}
	.organB_rct .subjectText{max-width:calc(100% - 85px);height:unset;white-space:nowrap;}
	.organB_rct .subjectText span{font-size:14px;font-family:'Dream Medium';}
	.organB_rct .content{display:none;}
	.organB_rct .date{margin-bottom:0;}
	.organB_rct .more{width:90px;font-size:12px;padding:7px 0 9px 0;background:#222;left:calc(50% - 45px);text-align:center;}
}
@media only screen and (max-width:420px){
	.organB_rct .subjectText{max-width:100%;}
	.organB_rct .date{display:none;}
}