@charset "utf-8";

/* 최근게시물 스킨 (new) */
/* --------------------------------------------------------
list
----------------------------------------------------------*/
#fnewlist {display:flex; flex-direction:column; width:100%; height:100%; overflow:auto;}
.newboardList {}
.newboardList .toolBox {display:flex; justify-content:space-between; align-items:center; padding-bottom:20px;}
.newboardList .toolBox .title {font-size:20px; font-weight:600;}
.newboardList .toolBox .tools {display:flex; align-items:center;}
.newboardList .toolBox .tools button {font-size:20px; margin:0 2px;}

.newboardList .listWrap {border-top:1px solid var(--border-main-color);}
.newboardList .listWrap ul {display:flex; flex-direction:column; list-style:none; gap:10px;}
.newboardList .listWrap ul li {display:flex; flex-wrap:wrap; align-items:center; width:100%; padding:10px 0; box-shadow: 0px 2px 4px 0px var(--board-border-01);}
.newboardList .listWrap ul li .checkBox {display:flex; justify-content:center; align-items:center;}
.newboardList .listWrap ul li .post {width:calc(100% - 60px);}
.newboardList .listWrap ul li .post .title {width:100%; display:flex; align-items:center; margin-bottom:6px;}
.newboardList .listWrap ul li .post .title a {display:block; font-weight:600; font-size:16px; line-height:1.2;}
.newboardList .listWrap ul li .post .info {width:100%; display:flex; align-items:center;}
.newboardList .listWrap ul li .post .info .group {margin:0 4px;}
.newboardList .listWrap ul li .post .info .board {margin:0 4px;}
.newboardList .listWrap ul li .post .info .group a,
.newboardList .listWrap ul li .post .info .board a {padding:4px; border:1px solid var(--border-main-color); border-radius:4px; background:var(--bg-main-color); color:var(--txt-gray01-color); font-size:12px;}
.newboardList .listWrap ul li .post .info .name {margin:0 4px;}
.newboardList .listWrap ul li .date {width:60px; text-align:right; color:#999;}

/* --------------------------------------------------------
RESPONSE
----------------------------------------------------------*/
@media (max-width:768px) {
	.newboardList .listWrap ul li .date {display:none;}
	.newboardList .listWrap ul li .post {width: calc(100% - 0px);}
}