@charset "UTF-8";

.recentBbsTabWrap{margin-bottom: 50px;}
.recentBbsTabWrap ul{display: flex; justify-content: space-between; align-items: center;}
.recentBbsTabWrap li{width: 18.7%;}
.recentBbsTabWrap li input{background: #f1f2f8; border: 0; padding: 0; margin: 0; text-align: center; color: #666666; font-size: 16px; font-family: 'NanumBarunGothic','Nanum Gothic',nanumgothic,"돋움",dotum; width: 100%; display: block; line-height: 60px;}
.recentBbsTabWrap li:nth-child(2) {width: 23%;}
.recentBbsTabWrap li.active input{background: #7eb138; color: white;}
.recentBbsLi{display: none; position: relative;}
.recentBbsLi.active{display: block;}
.recentBbsLi .recentBbsMore{position: absolute; right: 0; top: -35px; font-size: 14px; text-align: center; color: white; background-color: #84ACAE; width: 60px; height: 20px; line-height: 22px; padding:5px;}
.recentBbsInnerLi .recentBbsSub{display: none; padding-bottom: 20px;}
.recentBbsInnerLi{border-bottom: 1px solid #dddddd; padding: 6px 0;}
.recentBbsInnerLi:first-child .recentBbsSub{display: block;}
.recentBbsInnerLi:not(.recentBbsInnerLi:first-child){padding:14px 0;}
.recentBbsInnerLi:not(.recentBbsInnerLi:first-child) strong{font-size:18px;}
.recentBbsInnerLi .recentBbsTitle{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.recentBbsInnerLi .recentBbsTitle strong{color: #333333; font-size: 23px; font-weight: 500;}
.recentBbsInnerLi p{font-size: 18px; line-height: 25px; color: #333333; margin: 18px 0 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 50px; word-break: break-all;}
.recentBbsInnerLi span{color:#333333; font-size: 16px;}

@media all and (max-width: 1023px) {
    .recentBbsInnerLi .recentBbsSub{padding-bottom: 30px;}
    .recentBbsInnerLi .recentBbsTitle strong{font-size: 20px;}
    .recentBbsInnerLi p{font-size: 16px; line-height: 22px; height: 45px;}
    .recentBbsInnerLi span{font-size: 14px;}
}