@charset "utf-8";


/*게시판*/
.rct_organA > ul{position:relative;}
.rct_organA > ul > li{}

/*타이틀*/
.rct_organA .title{display:flex;align-items:center;display:none;}

/*목록*/
.rct_organA .list{width:100%;}
.rct_organA .list ul{display: grid;gap: 40px;grid-template-columns: 1fr 1fr 1fr;}
.rct_organA .list ul li{background: #f0f0f0;padding: 30px;position:relative;transition:all ease .5s;}
.rct_organA .list ul li:nth-child(2),
.rct_organA .list ul li:nth-child(5){top:40px;}
.rct_organA .list ul li:nth-child(3),
.rct_organA .list ul li:nth-child(6){top:-35px;}

/*noData*/
.rct_organA .list .nodata{font-size:18px;color:#000;text-align:center;padding:50px 0;background:none !important;}

/*링크*/
.rct_organA a.subject{display:block;}

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

/*컨텐츠*/
.rct_organA .con{}

/*제목*/
.rct_organA .subjectText{position:relative;}
.rct_organA .subjectText span{font-size: 20px;font-family: 'Paper Medium';padding-bottom: 15px;margin-bottom: 15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;transition:all ease .5s;}
.rct_organA .subjectText:after{content:'';width:20px;height:2px;background:#e0e0e0;position:absolute;left:0;bottom:0;transition:all ease .5s;}

/*내용*/
.rct_organA .content{}
.rct_organA .content span{display:-webkit-box;-webkit-line-clamp:4;font-size:16px;-webkit-box-orient:vertical;line-height:1.8;overflow: hidden;transition:all ease .5s;}

/*날짜*/
.rct_organA .dateA{font-family:'Play Regular';font-size:14px;color:#888;line-height:1;width:80px;text-align:right;display:none;}
.rct_organA .dateB{font-family:'Play Bold';line-height:0.7;position:absolute;left:85px;top:0;display:none;align-items:center;justify-content:center;flex-direction:column-reverse;}
.rct_organA .dateB .dD{font-size:80px;color:#CCC;}
.rct_organA .dateB .yM{font-size:18px;color:#8a8a8a;padding-top:10px;}

/*더보기*/
.rct_organA .more{display:block;text-indent:-9999px;width:70px;height:70px;background:rgba(255,255,255,0.3);border-radius:15px;border:1px solid #333;position:absolute;top:-190px;right:0;}
.rct_organA .more span{position:relative;text-indent: 0;display: none;}
.rct_organA .more:before{content:'';width:30px;height:3px;background:#fff;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-1.5px;}
.rct_organA .more:after{content:'';width:30px;height:3px;background:#fff;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-1.5px;transform:rotate(90deg);}

/*활성화*/
.rct_organA .list,
.rct_organA .more{display:none}
.rct_organA > ul > li.active .list,
.rct_organA > ul > li.active .more{display:block}
.rct_organA .list ul li:hover{background:#014292;}
.rct_organA .list ul li:hover .subjectText span{color:#fff;}
.rct_organA .list ul li:hover .content span{color:#fff;}
.rct_organA .list ul li:hover .subjectText:after{background:#06336a;}

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

@media only screen and (max-width:1280px){
	.rct_organA .more{width:50px;height:50px;border-radius:5px;}
	.rct_organA .more:before{width: 25px;height: 2px;margin-top: -1px;margin-left: -12.5px;}
	.rct_organA .more:after{width:25px;height: 2px;margin-top: -1px;margin-left: -12.5px;}
	.rct_organA .list ul{grid-template-columns:1fr 1fr;gap:30px;}
	.rct_organA .list ul li:nth-child(even){top:40px;}
	.rct_organA .list ul li:nth-child(odd){top:0;}
	.rct_organA .list ul li + li + li + li + li{display:none;}
}
@media only screen and (max-width:768px){
	.rct_organA .title a{font-size:18px;}
	.rct_organA .list{top:40px;}
	.rct_organA .more{width: 35px;height: 35px;top: -175px;right: 0;}
	.rct_organA .list ul{grid-template-columns:1fr;gap:30px;}
	.rct_organA .list ul li:nth-child(even){top:0;}
	.rct_organA .more:before{width:16px;height:2px;margin-left:-8px;}
	.rct_organA .more:after{width:16px;height:2px;margin-left:-8px;}
	.rct_organA .list ul li:nth-child(odd){background:#014292;}
	.rct_organA .list ul li:nth-child(odd) .subjectText span{color:#fff;}
	.rct_organA .list ul li:nth-child(odd) .content span{color:#ddd;}
	.rct_organA .list ul li:nth-child(odd) .subjectText:after{background:#06336a;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.rct_organA .title a:hover{color:#000;border-color:#000;}
	.rct_organA a.subject:hover .subjectText{font-family:'Dream Medium';color:#000;}
	.rct_organA a.subject:hover .content{font-family:'Dream Medium';}
}