/* 데이터 테이블 */
[data-table] {
  overflow: hidden;
  margin: 15px 0;
    margin: 0 0 120px 0;
}

[data-table] table {
  border-top: 1px solid var(--default-color);
}

[data-table] table :is(th, td) {
  height: 35px;
  line-height: 1.5em;
  padding: 0.5em;
  border-bottom: 1px solid var(--default-color);
  -webkit-border-start: 1px solid var(--default-color);
  border-inline-start: 1px solid var(--default-color);
  -webkit-border-end: 1px solid var(--default-color);
  border-inline-end: 1px solid var(--default-color);
  text-align: left;
  vertical-align: middle;
}

[data-table] table tbody :is(th, td) {
  padding: 0.75em 1em;
}

[data-table] table th {
  background: #eee;
  font-size: 1.1em;
  font-weight: 700;
  text-align: left;
}

[data-table] table thead th {
  background: var(--primary-color);
  color: #fff;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

[data-table] table.center td {
  text-align: center;
}

[data-table] table.side_borderless tr > *:first-child {
  -webkit-border-start: none;
  border-inline-start: none;
}

[data-table] table.side_borderless tr > *:last-child {
  -webkit-border-end: none;
  border-inline-end: none;
}

[data-table] table.vertical_borderless :is(th, td) {
  -webkit-border-start: none;
  border-inline-start: none;
  -webkit-border-end: none;
  border-inline-end: none;
}

[data-table] table.stripe_row tr:nth-child(even) > * {
  background: #f4f4f4;
}

[data-table] table.stripe_col tbody tr > *:nth-child(even) {
  background: #f4f4f4;
}

[data-table] table.hover_row tbody tr:hover > * {
  background: #f4f4f4;
}

[data-table] table.hover_cell tbody td:hover {
  background: #f4f4f4;
}

[data-table] table :is(th.left, td.left) {
  text-align: left;
}

[data-table] table :is(input[type="text"], [data-select-box]) {
  width: 100%;
}

[data-table] table [data-select-box] select {
  min-width: 0;
}

[data-table] table textarea {
  width: 100%;
  height: 200px;
  border: 1px solid var(--default-color);
  padding: 10px;
}

col.sub1 {
    width: clamp(120px, 12vw, 200px)
}

col.sub2 {
  width: 4em;
}

col.sub3 {
    width: clamp(58px, 40vw, 240px);
}

tr.break td {
  background: #f4f4f4;
}

.color {
	color: white;
}

.color.deepblue {
	background-color: #152a5e;
}

.color.deepblue {
	background-color: #152a5e;
}


.color.blue {
	background-color: #016DB6;
}

.color.green {
	background-color: #78991a ;
}

.sub-green {
	color: #78991a;
}

.color.pink {
	background-color: #eb68a2;
}


.sub-pink {
	color: #eb68a2;
}


.left {
  text-align: left;
}

.block-line {
	padding: 0 !important;
}

.block-line .line {
    padding: 0.75em 1em;
    border-bottom: 1px solid var(--default-color);
}


@media (max-width: 1024px) {
  [data-table] {
    overflow-x: auto;
  }

  [data-table]:before {
    content: "↔Scroll left to right.";
    display: block;
    margin-bottom: 5px;
    font-size: 0.8em;
    color: var(--primary-color);
  }

  [data-table].fix:before {
    display: none;
  }

  [data-table] table {
    margin-left: 0;
    width: 1024px;
  }

  [data-table] table :is(th, td) {
    height: 30px;
    padding: 0.25em;
  }
}

@media (max-width: 599px) {
  [data-table] table tbody :is(th, td) {
    height: 25px;
  }
}

@media (max-width: 700px) {
	  [data-table] table {
        width: 700px
  }