/************************************/
/*************** 게시판***************/
/************************************/


/* 기본 테이블 */
table[class*='tbl']{width:100%; background:var(--main-color-white); }
table[class*='tbl'] tr th:last-child,
table[class*='tbl'] tr td:last-child{border-right:0;}
table[class*='tbl'] tr th{padding:15px; }
table[class*='tbl'] tr td{padding:8px; border-bottom:1px dashed var(--main-color-lightergray);font-size:1em;}
table[class*='tbl'] th{border-right:1px solid var(--table-border-color); background:var(--table-head-color); color:var(--main-color-white);}
table[class*='tbl'] tr th{font-weight:500; white-space:nowrap; border-bottom:1px solid var(--table-border-color);}
table[class*='tbl'] tr th span[class*='icon-'],
table[class*='tbl'] tr td span[class*='icon-']{font-size:1.3em;}
.bdbt tbody tr:last-child th,
.bdbt tbody tr:last-child td{border-bottom:1px solid var(--table-head-color);}
.pinRow{background:var(--table-point-color);}
table[class*='tbl'] tr td a:hover{text-decoration: underline;}
.bdtp{border-top:1px solid var(--table-border-color);}
.viewTbl{border-top:1px solid var(--table-head-color);}
table[class*='tbl'] .basicbtn{display:inline-block; white-space: nowrap;}

/* 게시판 페이지 */
.pagination{display:flex; justify-content: center;}
.pagination a[class*='page']{display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin:0 5px 0 0;}
.pagination a i{color:var(--main-color-gray); font-size:0.6em; }
.pagination .pages{display:flex; margin:0 5px;}
.pagination .pages a{height:22px; color:var(--main-color-gray); font-size:1.071em;}
.pagination .pages a.on{position:relative; color:var(--main-color); font-weight:500;}
.pagination .pages a.on:before{position:absolute; content:''; bottom:0; left:50%; width:80%; transform:translateX(-50%); height:1px; background:var(--main-color);}

/* ~ 1440px */
@media screen and (max-width:1440px){

}

/* ~ 1023px */
@media screen and (max-width:1023px){
	table[class*='tbl'] tr td{padding:8px;}
}

/* ~ 767px */
@media screen and (max-width:768px){


}

/* ~ 639px */
@media screen and (max-width:639px){


}