/* style.css ¼öÁ¤ */
@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;
}

.xns_gnuboard_latest_list_style1 { 
    position:relative; 
    overflow:hidden; 
    margin-bottom: 15px; /* °Ô½ÃÆÇ °£ °£°Ý Á¶Á¤ */
}

.xns_gnuboard_latest_list_style1 .title_center { 
    position:relative; 
    height:33px; 
    padding:0px 10px 0px 0px; /* Á¿ì Æеù Ãß°¡ */
    overflow:hidden; 
    border-bottom:2px solid #8b8d90; 
    text-align:left; 
    text-shadow:1px 1px 1px #aaa; 
}

.xns_gnuboard_latest_list_style1 .title_center .btn_more { 
    position:absolute; 
    bottom:3px; 
    right:5px; /* ¿ìÃø ¿©¹é Ãß°¡ */
    font-size:15px; 
    display:inline-block; 
    color: #666;
    text-decoration: none;
}

.xns_gnuboard_latest_list_style1 .title_center .btn_more:hover { 
    color: #333;
}

.xns_gnuboard_latest_list_style1 .title_center span { 
    position:relative; 
    padding:0px 0px 0px 10px; /* ÁÂÃø Æеù Ãß°¡ */
    margin:0px; 
    overflow:hidden; 
    border-radius:0px; 
    line-height:30px; 
    font-size:16px; /* 18px¿¡¼­ 16px·Î Á¶Á¤ */
    font-weight: 700; /* ±½°Ô */
    text-align:left; /* center¿¡¼­ left·Î º¯°æ */
    text-overflow:ellipsis; 
    white-space:nowrap; 
    background:none; 
    display:inline-block; 
    color: #333;
}

.xns_gnuboard_latest_list_style1 .title_center span > i { font-size:16px; }

.xns_gnuboard_latest_list_style1 .docu_list { 
    position:relative; 
    padding-top:3px; /* 5px¿¡¼­ 3px·Î ÁÙÀÓ */
    padding-bottom:3px; /* ÇÏ´Ü Æеù Ãß°¡ */
    overflow:hidden; 
}

.xns_gnuboard_latest_list_style1 .docu_list > ul > li { 
    position:relative; 
    margin-top:0px; 
    overflow:hidden; 
    border-bottom:1px solid #ddd; 
    display:block; 
}

.xns_gnuboard_latest_list_style1 .docu_list > ul > li:last-child { 
    border-bottom:none; /* ¸¶Áö¸· Ç׸ñ º¸´õ Á¦°Å */
}

.xns_gnuboard_latest_list_style1 .docu_list > ul > li.no_item { 
    border-bottom:0px; 
    text-align:center; 
    padding: 20px 0; /* ºó ¸ñ·Ï½Ã Æеù */
}

.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a { 
    border-bottom:0px; /* ÀÌÁß º¸´õ Á¦°Å */
    white-space:normal; 
    display: block;
    padding: 8px 10px; /* Æеù Ãß°¡ */
    text-decoration: none;
    color: #333;
    transition: background-color 0.2s ease;
}

.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a:hover { 
    background-color: #f8f9fa;
    text-decoration: none;
    color: #333;
}

.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a .title_area { 
    position:relative; 
    margin:0px 80px 0px 0px; /* »óÇÏ ¸¶Áø Á¦°Å */
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    font-size: 14px;
    line-height: 1.4;
}

.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:2px 5px; /* Æеù Á¶Á¤ */
    margin-top:0px; /* ¸¶Áø Á¦°Å */
    margin-left: 5px;
    border-radius:3px; 
    line-height:12px; /* ³ôÀÌ Á¶Á¤ */
    font-size:10px; 
    color:#fff; 
    vertical-align:middle; 
    background:#28a745; /* »ö»ó º¯°æ */
    display:inline-block; 
}

.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a .title_area em {
    background: #007bff;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    padding: 2px 6px;
    border-radius: 10px;
    margin-left: 5px;
}

.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a .date { 
    position:absolute; 
    top:50%; /* ¼¼·Î Áß¾Ó Á¤·Ä */
    transform: translateY(-50%);
    right:10px; /* ¿ìÃø ¿©¹é Á¶Á¤ */
    font-size:12px; 
    color: #999;
    display:inline-flex; /* flex·Î º¯°æ */
    align-items: center;
    gap: 4px;
}

.xns_gnuboard_latest_list_style1 .docu_list > ul > li > a .date i { 
    font-size:11px;
}

/* ¹ÝÀÀÇü Á¶Á¤ */
@media (max-width: 991.98px) {
    .xns_gnuboard_latest_list_style1 {
        margin-bottom: 12px;
    }
}

@media (max-width: 767.98px) {
    .xns_gnuboard_latest_list_style1 {
        margin-bottom: 10px;
    }
    
    .xns_gnuboard_latest_list_style1 .title_center { 
        height: 30px;
        padding:0px 5px;
    }
    
    .xns_gnuboard_latest_list_style1 .title_center span { 
        font-size:15px;
        line-height: 28px;
        padding:0px 0px 0px 5px;
    }
    
    .xns_gnuboard_latest_list_style1 .title_center .btn_more { 
        bottom:5px; 
        right:5px;
    }
    
    .xns_gnuboard_latest_list_style1 .docu_list > ul > li > a {
        padding: 6px 5px;
    }
    
    .xns_gnuboard_latest_list_style1 .docu_list > ul > li > a .title_area { 
        margin:0px 85px 0px 5px;
        font-size: 13px;
    }
    
    .xns_gnuboard_latest_list_style1 .docu_list > ul > li > a .date { 
        right:5px;
        font-size: 11px;
    }
}