@charset "utf-8";

.xns_gnuboard_latest_document_list,
.xns_gnuboard_latest_document_list div,
.xns_gnuboard_latest_document_list ul,
.xns_gnuboard_latest_document_list li,
.xns_gnuboard_latest_document_list a {
  padding:0px; margin:0px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.xns_gnuboard_latest_document_list ul,
.xns_gnuboard_latest_document_list ol,
.xns_gnuboard_latest_document_list li {
  padding:0px; margin:0px; list-style:none;
}

.xns_gnuboard_latest_document_list li,
.xns_gnuboard_latest_document_list a {
  text-decoration:none;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
}
.xns_gnuboard_latest_document_list a:hover { text-decoration:none; }


.xns_gnuboard_latest_document_list { position:relative; overflow:hidden; background:#f8f8f8; }
.xns_gnuboard_latest_document_list .header_area { position:relative;overflow:hidden; line-height:40px; color:#383838; font-size:15px; font-weight:bold; background:#f3f3f3; }
.xns_gnuboard_latest_document_list .header_area a.btn_more { position:absolute; top:0px; right:10px; overflow:hidden; line-height:40px; display:inline-block; }


.xns_gnuboard_latest_document_list .document_list { position:relative; padding:5px 10px; overflow:hidden; }
.xns_gnuboard_latest_document_list .document_list > ul { position:relative; overflow:hidden; }
.xns_gnuboard_latest_document_list .document_list > ul > li { position:relative; overflow:hidden; padding:3px; margin-top:7px; border:1px solid #e6e6e6; display:block; }
.xns_gnuboard_latest_document_list .document_list > ul > li:last-child { border-bottom:0px; }
.xns_gnuboard_latest_document_list .document_list > ul > li > a { position:relative; margin-right:90px; overflow:hidden; line-height:30px; text-overflow:ellipsis; white-space:nowrap; display:block; }
.xns_gnuboard_latest_document_list .document_list > ul > li > a:hover { color:#a22121; }
.xns_gnuboard_latest_document_list .document_list > ul > li > div.right_area { position:absolute; top:0px; right:0px; width:90px; overflow:hidden; line-height:30px; text-align:right; }
.xns_gnuboard_latest_document_list .document_list > ul > li > div.right_area > span { margin-left:5px; display:inline-block; }


.title { font-size: 13px; color:#666666; margin-left:10px; text-decoration: none;}

/* 댓글 상태 버튼 스타일 */
.td_comment { text-align: center; }
.btn_complete,
.btn_pending { display: inline-block; padding: 2px 16px; border-radius: 4px; font-size: 11px; font-weight: bold; text-decoration: none;
    cursor: pointer;
}
.btn_complete { color: none; background-color: #666666; }
.btn_pending { color: #fff; background-color: #5cb85c; }
.btn_complete:hover,
.btn_pending:hover { opacity: 0.9; }

.btn_notice_ref { display: inline-block; padding: 2px 16px;
    background-color: #e74c3c; /* 진한 빨간색 */ color: white; border-radius: 4px; text-decoration: none; font-weight: bold; font-size: 11px; cursor: pointer; }

.btn_notice_ref:hover { background-color: #c0392b; color: white; opacity: 0.9; /* 다른 버튼들 hover 효과와 통일 */ }

/* 반응형 CSS */
@media all and (max-width: 768px) {
}