@charset "utf-8"; 

/* 전체 요소 초기화 */
.xns_gnuboard_latest_list_style1, 
.xns_gnuboard_latest_list_style1 div, 
.xns_gnuboard_latest_list_style1 span, 
.xns_gnuboard_latest_list_style1 a, 
.xns_gnuboard_latest_list_style1 table, 
.xns_gnuboard_latest_list_style1 tr, 
.xns_gnuboard_latest_list_style1 th, 
.xns_gnuboard_latest_list_style1 td { 
    padding:0px; 
    margin:0px; 
    line-height:normal; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

.xns_gnuboard_latest_list_style1 ul, 
.xns_gnuboard_latest_list_style1 li { 
    padding:0px; 
    margin:0px; 
    list-style:none; 
    line-height:normal; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

/* 
   [보라색 큰 박스 밸런스 통일] 최외곽 박스 스타일 
   - 배경색을 동일한 #f3f0ea로 매칭하고 테두리선 및 전환 효과 탑재 
*/
.xns_gnuboard_latest_list_style1 { 
    position:relative; 
    overflow:hidden; 
    background-color: #f3f0ea; /* 💥 배경색 통일 */
    border: 1px solid #cfc7a4;  /* 💥 테두리선 두께 및 톤 통일 */
    padding: 15px;               /* 💥 패딩을 아래 박스들과 동일하게 15px로 넓혀 안정감 부여 */
    border-radius: 8px;         
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
} 

/* 전체 박스 마우스 올렸을 때 그림자 효과 (동일 수준 이식) */
.xns_gnuboard_latest_list_style1:hover {
    transform: translateY(-3px); 
    box-shadow: 0 10px 22px rgba(60, 58, 54, 0.18); /* 💥 깊이감 있는 음영그림자 */
    border-color: #8c8368; 
}

/* 
   [게시판 제목 줄 그라데이션 적용] 타이틀 영역 
   - 기존의 밑줄 형태를 폐기하고, 아래 박스들과 동일한 규격의 다크 그라데이션 바로 전면 개조
*/
.xns_gnuboard_latest_list_style1 .title_center { 
    position:relative; 
    height: auto; /* 높이 유연화 */
    padding: 12px 14px !important; 
    margin: -15px -15px 12px -15px !important; /* 💥 박스 상단/좌우 테두리에 빈틈없이 밀착 */
    overflow:hidden; 
    background: linear-gradient(135deg, #46433e 0%, #2f2d2a 100%) !important; /* 💥 다크 그라데이션 장착 */
    border-radius: 7px 7px 0 0; 
    border-bottom: 1px solid #1f1e1c; 
    text-shadow: none !important; /* 그라데이션 가독성을 위해 기존 그림자 제거 */
    text-align: left; 
} 

/* 더보기(+) 버튼 위치 및 색상 정렬 */
.xns_gnuboard_latest_list_style1 .title_center .btn_more { 
    position:absolute; 
    top: 12px; /* 상하 정렬 보정 */
    bottom: auto;
    right: 14px; 
    font-size:14px; 
    color: #dcd7c9 !important; /* 은은한 아이보리 톤 매칭 */
    display:inline-block; 
} 

/* 그라데이션 배경 위에서 제목 글자가 선명하게 노출되도록 전면 수정 */
.xns_gnuboard_latest_list_style1 .title_center span { 
    position:relative; 
    padding:0px; 
    margin:0px; 
    overflow:hidden; 
    border-radius:0px; 
    line-height: normal; 
    font-size:14px; 
    font-weight: bold;
    text-align: left; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    background:none; 
    display:inline-block; 
    color: #ffffff !important; /* 💥 맑고 선명한 화이트 폰트로 변경 */
    letter-spacing: -0.3px;
} 

.xns_gnuboard_latest_list_style1 .title_center span > i { 
    font-size:14px; 
    margin-right: 3px;
} 

/* 게시글 리스트 영역 여백 최적화 */
.xns_gnuboard_latest_list_style1 .docu_list { 
    position:relative; 
    padding-top: 0px; 
    overflow:hidden; 
} 

.xns_gnuboard_latest_list_style1 .docu_list > ul > li { 
    position:relative; 
    margin-top:0px; 
    overflow:hidden; 
    border-bottom:1px solid #e3dec3; /* 💥 리스트 구분선도 튀지 않는 연베이지 톤으로 변경 */
    display:block; 
} 

.xns_gnuboard_latest_list_style1 .docu_list > ul > li:last-child {
    border-bottom: 0px !important; /* 마지막 줄선은 제거하여 하단 여백 정돈 */
}

.xns_gnuboard_latest_list_style1 .docu_list > ul > li.no_item { 
    border-bottom:0px; 
    text-align:center; 
    padding: 15px 0;
    color: #888;
} 

.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a { 
    border-bottom: 0px !important; /* 중복 보정 제거 */
    white-space:normal; 
    display: block;
} 

/* 게시글 텍스트 및 간격 최적화 */
.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a .title_area { 
    position:relative; 
    margin: 9px 85px 9px 0px; /* 💥 상하 여백을 미세하게 늘려 콤팩트하면서도 시원한 비율 형성 */
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    font-size: 14px;
    color: #2b2c2e !important; /* 💥 폰트 색상을 또렷한 다크 차콜로 매칭 */
} 

.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a .title_area img { 
    vertical-align:middle; 
} 

/* 뉴 아이콘 디자인 통일 */
.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a .title_area .icon_new { 
    padding: 1px 4px 2px 4px; 
    margin-top:-3px; 
    border-radius:3px; 
    line-height: 14px; 
    font-size:10px; 
    color:#fff; 
    vertical-align:middle; 
    background:#e63946; /* 💥 다홍빛 맑은 레드로 통일 */
    display:inline-block; 
} 

/* 날짜 영역 배치 조절 */
.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a .date { 
    position:absolute; 
    bottom: 9px; /* title_area 마진과 대칭 고정 */
    right:0px; 
    font-size:12px; 
    color: #888;
    display:inline-block; 
}