.table-responsive {
    margin: 20px 0 0;
    border: 1px solid #d1d1d1;
}
.table-responsive table {
	width: 100%; border-collapse: collapse;
}
.table-responsive table tr th {
    padding: 20px 0;
    font-size: 12px; font-weight: 400; letter-spacing: -1px;
    border-bottom: 1px solid #d1d1d1;
    background-color: #f5f5f5;
}
.table-responsive table tr th.writer {
    padding: 0 0 0 10px; text-align: left;
}

.table-responsive table tr:hover td { background-color: #efefef; }
.table-responsive table tr.active td { background-color: #fff7f7; }

.table-responsive table tr td {
    padding: 15px 0;
    background-color: #fff; border-bottom: 1px solid #efefef;
}
.table-responsive table tr td, .table-responsive table tr td * { font-size: 15px; }

.table-responsive table tr td.num {
    width: 70px;
    font-family: tahoma; font-size: 14px;
    text-align: center;
}

.table-responsive table tr td.confirm {
    text-align: center;
}
.table-responsive table tr td.confirm span {
    display: inline-block; width: 50px; height: 22px;
    font-family: gulim; font-size: 12px;
    text-align: center; line-height: 22px; letter-spacing: -1px;
    background-color: #fff;
}
.table-responsive table tr td.confirm .confirm-w { color: #aaa; border: 1px solid #aaa; }
.table-responsive table tr td.confirm .confirm-y { color: #c01e1e; border: 1px solid #c01e1e; }
.table-responsive table tr td.confirm .confirm-n { color: #888; border: 1px solid #888; }

.table-responsive table tr td .icon-offenses {
    position: relative; top: 2px;
    display: inline-block; width: 20px; height: 20px; margin: 0 3px 0 0;
    font-family: tahoma; font-size: 10px; font-weight: bold; color: #fff;
    text-align: center; letter-spacing: 0px; line-height: 18px;
    border-radius: 50%;
}
/*.table-responsive table tr td .icon-offenses.offenses-1,
.table-responsive table tr td .icon-offenses.offenses-2,
.table-responsive table tr td .icon-offenses.offenses-3 { border: 1px solid #7fac49; background: #91c653; }
.table-responsive table tr td .icon-offenses.offenses-4,
.table-responsive table tr td .icon-offenses.offenses-5,
.table-responsive table tr td .icon-offenses.offenses-6 { border: 1px solid #b349c3; background: #da5ded; }
.table-responsive table tr td .icon-offenses.offenses-7,
.table-responsive table tr td .icon-offenses.offenses-8,
.table-responsive table tr td .icon-offenses.offenses-9 { border: 1px solid #c01e1e; background: #e62626; }
.table-responsive table tr td .icon-offenses.offenses-10 { border: 1px solid #000; background: #222; }*/


.table-responsive table tr td.title {
    /*width: calc(100% - 260px);*/
}

.table-responsive table tr td.writer {
    width: 110px;
    text-align: center;
}
.table-responsive table tr td.writer .ano-user { left: -50%; }

.table-responsive table tr td.time {
    width: 110px;
    font-family: tahoma; font-size: 14px;
    text-align: center;
}

.table-responsive table tr td .view {
    position: relative; top: 0px;
    font-family: tahoma; font-size: 12px; font-weight: bold; color: #e62626;
    letter-spacing: 0px;
}

/* pagination */
.paging-group {
    background-color: #f5f5f5; padding: 25px 0; margin: 0;
    border: 1px solid #d1d1d1; border-top: none;
}
.paging-group .pagination .page-item { border: 1px solid #d1d1d1; }
.paging-group .pagination .page-item .page-link {
    position: relative; /*z-index: 999;*/
    font-family: tahoma;
    font-size: 10px; color: #777;
}
.paging-group .pagination .page-item:hover {
    border-color: #888;
}
.paging-group .pagination .page-item:hover .page-link {
    color: #e62626; font-weight: 900;
}
.paging-group .pagination .page-item.active { background-color: var(--point-main); }
.paging-group .pagination .page-item.active .page-link { color: #fff; }
.paging-group .pagination .page-item.active:hover {
    border: 1px solid #d1d1d1;
}

/*.table-responsive table tr:first-child td {
	border-top: 1px solid var(--color-line);
}
.table-responsive table tr td:nth-of-type(1) {
	width: calc(100% - 240px); padding: 10px 0 10px 10px;
	text-align: left;
}
.table-responsive table tr td:nth-of-type(2) {
	width: 100px;
	text-align: center;
}
.table-responsive table tr td:nth-of-type(3) {
	width: 130px;
	text-align: center; font-size: 15px;
}*/

.table-responsive table tr td a:hover {
	color: var(--point-main);
}