:root {
  --theme-color: #4E75FF;
  --gray: #CCCCD1;
  --gray-light: #F3F3F4;
  --gray-dark: #60616A;
  --black: #252629;
  --light: #f8f9fc;
}

a {
  text-decoration: none;
}

.eqc {
  margin-top:-10px;
  margin-left:-10px;
  position:absolute;
  color:#ff0000;
}
.list__board * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.list__board {
  display: table;
  width: 100%;
  margin-bottom: 38px;
  border-collapse: collapse;
  overflow: hidden;
}

.list__board-title {
  display: table-caption;
  color: var(--gray-dark);
  font-size: 1.215rem;
  font-weight: 600;
  margin: 0.815rem 0;
}
.list__board_row {
  display: table-row;
}

.list__board_row:hover:not(.list__board_none) {
  background-color: var(--light);
  color: var(--gray-dark);
}

.list__board_cell,
.list__board_none {
  display: table-cell;
  height: 42px;
  padding: 0px 2rem;
  /* width: 55rem; */
  white-space: nowrap;
  font-family: 'Pretendard', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: var(--black);
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
  border-bottom: 1px solid var(--gray);
}

.list__board_item {
  background-color: var(--gray-light);
  border-top: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
  font-family: 'Pretendard', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-dark);
}

.list__board_none {
  text-align: center !important;
}

.list__board_cell.checkbox {
  padding: 0 0.325rem;
  text-align: center;
}

.list__board_cell.no {
  padding: 0 0.825rem;
  text-align: center;
}

.reg_btn_wrap {
  display: flex;
  justify-content: flex-end;
  gap: 0.625rem;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #858796;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.35rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}


.btn:hover {
  color: #858796;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #4e73df;
  border-color: #4e73df;
}

.btn-primary:hover {
  color: #fff;
  background-color: #2e59d9;
  border-color: #2653d4;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #2e59d9;
  border-color: #2653d4;
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #4e73df;
  border-color: #4e73df;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2653d4;
  border-color: #244ec9;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #858796;
  border-color: #858796;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #717384;
  border-color: #6b6d7d;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #717384;
  border-color: #6b6d7d;
  box-shadow: 0 0 0 0.2rem rgba(151, 153, 166, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #858796;
  border-color: #858796;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6b6d7d;
  border-color: #656776;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(151, 153, 166, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #1cc88a;
  border-color: #1cc88a;
}

.btn-success:hover {
  color: #fff;
  background-color: #17a673;
  border-color: #169b6b;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #17a673;
  border-color: #169b6b;
  box-shadow: 0 0 0 0.2rem rgba(62, 208, 156, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #1cc88a;
  border-color: #1cc88a;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #169b6b;
  border-color: #149063;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(62, 208, 156, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #36b9cc;
  border-color: #36b9cc;
}

.btn-info:hover {
  color: #fff;
  background-color: #2c9faf;
  border-color: #2a96a5;
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #2c9faf;
  border-color: #2a96a5;
  box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #36b9cc;
  border-color: #36b9cc;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #2a96a5;
  border-color: #278c9b;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
}

.btn-warning {
  color: #fff;
  background-color: #f6c23e;
  border-color: #f6c23e;
}

.btn-warning:hover {
  color: #fff;
  background-color: #f4b619;
  border-color: #f4b30d;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #f4b619;
  border-color: #f4b30d;
  box-shadow: 0 0 0 0.2rem rgba(247, 203, 91, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #f6c23e;
  border-color: #f6c23e;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #f4b30d;
  border-color: #e9aa0b;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(247, 203, 91, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #e74a3b;
  border-color: #e74a3b;
}

.btn-danger:hover {
  color: #fff;
  background-color: #e02d1b;
  border-color: #d52a1a;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #e02d1b;
  border-color: #d52a1a;
  box-shadow: 0 0 0 0.2rem rgba(235, 101, 88, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #e74a3b;
  border-color: #e74a3b;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #d52a1a;
  border-color: #ca2819;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(235, 101, 88, 0.5);
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control option {
  font-size: 1rem;
  font-weight: 400;
}

.w5 {width:5%;}
.w10 {width:10%;}
.w20 {width:20%;}

.w50 {width:50px !important;}
.w80 {width:80px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w35 {width:35px !important;}

.th {background:#f8f9fc; font-weight:600; color:#01010d;}
.txt-c {text-align:center;}
.br-r {border-right:1px solid #e1e1e1;}
.mb20 {margin-bottom:1.25rem;}

.card-body .tit {margin-top:1.25rem; font-weight:600; color:#4e73df; font-size:1.25rem;}
.card-body .tit:before {content:""; display:inline-block; position:relative; top:1px; margin-right:8px; width:5px; height:17px; background:#4e73df;}

.tbl-st {border-top:2px solid #e3e6f0; margin: 20px auto;}
.tbl-st .cols {display:table; width:100%;}
.tbl-st .cols > .cols_ {display:table-cell; padding:0.625rem 1.25rem; box-sizing:border-box; border-bottom:1px solid #e1e1e1; vertical-align:middle;}
.tbl-st .cols > .cols_5 {width:5%;}
.tbl-st .cols > .cols_10 {width:10%;}
.tbl-st .cols > .cols_15 {width:15%;}
.tbl-st .cols > .cols_20 {width:20%;}
.tbl-st .cols > .cols_30 {width:30%;}
.tbl-st .cols > .cols_40 {width:40%;}
.tbl-st .cols > .cols_50 {width:50%;}
.tbl-st .cols > .cols_60 {width:60%;}
.tbl-st .cols > .cols_70 {width:70%;}
.tbl-st .cols > .cols_80 {width:80%; }
.tbl-st .cols > .cols_90 {width:90%;}

.tbl-st .rows {display:table-cell; word-break:keep-all; /*float:left;*/}
.tbl-st .rows > .cols_ {padding:0.625rem 1.25rem; box-sizing:border-box; border-bottom:1px solid #e1e1e1; vertical-align:middle; min-width:75px; /*max-width:300px;*/}

.tbl-st .rows > .cols_.w190 {width:190px;}

.tbl-st .rows > .cols_ label {margin-bottom:0 !important;}
.tbl-st input#start, .tbl-st .rows input#end {margin:0.313rem 0;}

.tbl-st .rows > .cols_ input, .tbl-st .rows > .cols_ select {width:100%; height:30px;}
.tbl-st .rows > .cols_ input#gender01, .tbl-st .rows > .cols_ input#gender02 {width:auto; vertical-align:middle;}

.tbl-st-wrap01 {overflow-x:scroll; border-top:2px solid #e3e6f0;}

.tbl-st-wrap01::-webkit-scrollbar {
	height:10px;
}

.tbl-st-wrap01::-webkit-scrollbar-thumb {
	background-color:#edeef1;
	border-radius:30px;
}
.tbl-st-wrap01::-webkit-scrollbar-track {
	background-color: #f8f9fc;
}

.tbl-st-w01 {width:1600px; border-top:none;}


/* mobile */
@media (max-width:768px) {
  .list__board * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .list__board {
    display: table;
    width: 100%;
    margin-bottom: 1.125rem;
    border-collapse: collapse;
    overflow: hidden;
  }

  .list__board_row {
    display: table-row;
  }

  .list__board_row:hover:not(.list__board_none) {
    background-color: var(--light);
    color: var(--gray-dark);
  }

  .list__board_cell,
  .list__board_none {
    display: table-cell;
    height: 42px;
    padding: 0px 2rem;
    /* width: 55rem; */
    white-space: nowrap;
    font-family: 'Pretendard', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: var(--black);
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
    border-bottom: 1px solid var(--gray);
  }

  .list__board_item {
    background-color: var(--gray-light);
    border-top: 1px solid var(--gray);
    border-bottom: 1px solid var(--gray);
    font-family: 'Pretendard', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--gray-dark);
  }

  .list__board_none {
    text-align: center !important;
  }

  /* write */
  .form-control {width: 100% !important;}

  .tbl-st .cols > .cols_20 {width:100%; display:block;}
  .tbl-st .cols > .cols_80 {width:100%; display:block;}
}