@charset "utf-8";
/* dasion - 테이블 스타일 (클래스명 ds- 체계) */

.ds-tbl-stat { clear: both; width: 100%; border-top: #000 2px solid; border-collapse: collapse; border-spacing: 0px; table-layout: fixed; font-size: 16px }
.ds-tbl-stat thead th, .ds-tbl-stat tbody th { padding: 20px; border: solid #e0e0e0; border-width: 0 1px 1px 1px; background: #f6f6f6; color: #333; word-wrap: break-word; }
.ds-tbl-stat tbody th { background: #fcfcfc }
.ds-tbl-stat thead th:first-child, .ds-tbl-stat tbody th:first-child, .ds-tbl-stat tbody td:first-child, .ds-tbl-stat tfoot td:first-child { border-left: 0px; }
.ds-tbl-stat thead th:last-child, .ds-tbl-stat tbody th:last-child, .ds-tbl-stat tbody td:last-child, .ds-tbl-stat tfoot td:last-child { border-right: 0 }
.ds-tbl-stat tbody td { padding: 20px; text-align: left; border: 1px solid #e0e0e0; border-width: 1px; word-break: break-all; line-height: 1.6 }
.ds-tbl-stat .ds-tbl-l, .ds-tbl-stat .l { padding-left: 20px }
.ds-tbl-stat tfoot th { background: #f6f6f6; border: solid #e0e0e0; border-width: 0 0 1px 0px; text-align: center; padding: 10px 0; color: #e6360d; }
.ds-tbl-stat tfoot td { background: #f6f6f6; border: solid #e0e0e0; border-width: 0 0 1px 1px; text-align: center; padding: 10px 0; color: #333; font-weight: bold; }
.ds-tbl-stat tbody td h2 { font-size: 18px; font-weight: bold }

.ds-tbl-stat thead th.ds-sort a { display: inline-block; padding-right: 15px; margin: 0px 3px; font-weight: bold; }
.ds-tbl-stat thead th.ds-sort a:hover, .ds-tbl-stat thead th a:focus, .ds-tbl-stat thead th.ds-sort a:active { text-decoration: underline; color: #e6360d; }
.ds-tbl-stat thead th.ds-sort-up a { color: #e6360d; padding-right: 15px; margin: 0px 3px }
.ds-tbl-stat thead th.ds-sort-up a:hover, .ds-tbl-stat thead th.ds-sort-up a:focus, .ds-tbl-stat thead th.ds-sort-up a:active { text-decoration: underline; }
.ds-tbl-stat thead th.ds-sort-dw a { color: #e6360d; padding-right: 15px; margin: 0px 3px }
.ds-tbl-stat thead th.ds-sort-dw a:hover, .ds-tbl-stat thead th.ds-sort-dw a:focus, .ds-tbl-stat thead th.ds-sort-dw a:active { text-decoration: underline; }
.ds-tbl-stat td.ds-sort { color: #e6360d; font-weight: bold; }

.ds-tbl-stat .ds-accent { background: #f8f5f3; }

@media screen and (max-width: 600px) {
    .ds-tbl-stat tbody td { padding: 10px }
}