@charset "utf-8";

/*=======================================
// table(기본)
=======================================*/
.table_wrap {
  margin-bottom: 2.4rem;
  /* overflow-x: auto; */
}

table {
  width: 100%;
  border-top: 0.1rem solid #949497;
  border-spacing: 0;
  border-collapse: collapse;
  /* min-width: 60rem; */
}

table th,
td {
  position: relative;
  font-size: 1.4rem;
  height: 4.8rem;
  padding: 0 1.6rem;
}

table th {
  border-bottom: 0.1rem solid #ddd;
  background-color: #f5f5f5;
  font-weight: 700;
  color: #444;
  white-space: nowrap;
}

table td {
  position: relative;
  border-bottom: 0.1rem solid #e2e2e2;
  background-color: #fff;
  color: #222;
  line-height: 1.2;
}

table.row_type th {
  text-align: left;
}

table.col_type th,
table.col_type td {
  text-align: center;
}

.table_btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 4.8rem;
  height: 3.2rem;
  border: 0.1rem solid #2b5ca1;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  color: #2b5ca1;
  cursor: pointer;
  padding: 0 0.8rem;
}

.table tr td span.move {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  background: url(/images/icon_list_move.png);
}
/* 
.section.admin.wrap .table tbody tr.on {
  background: #ffeaea;
}

.table tbody tr.bg {
  background: #f5f5f5;
} */

/*=======================================
// 리스트 테이블
=======================================*/

/* table.col_type th {
  min-width: 20rem;
  height: 6.4rem;
  padding: 0.8rem 2.4rem;
  text-align: left;
  font-weight: bold;
}
table.col_type td {
  height: 6.4rem;
  padding: 1rem 1.6rem;
}


table.row_type th:not(:last-of-type),
table.row_type td:not(:last-of-type) {
  border-right: 0.1rem solid #ddd;
}

table.row_type th {
  height: 4rem;
  padding: 0.8rem;
  font-weight: bold;
}

table.row_type td {
  height: 5.2rem;
  padding: 0 1.8rem;
  text-align: center;
} */

/* 20241108 추가 추후 소스 분리 필요 */

.container .content .content_inner {
  display: flex;
  justify-content: flex-start;
  gap: 1.6rem;
}

.content_inner .sec_box:first-child {
  width: 40%;
}
.content_inner .sec_box:last-child {
  width: 60%;
}
.custom_table {
  width: 100%;
  table-layout: fixed;
}

.custom_table th {
  background-color: rgba(0, 96, 186, 0.1);
  font-weight: 700;
}
.custom_table td {
  background-color: #fff;
}
.col.custom_table td {
  text-align: center;
}
.row.custom_table td {
  text-align: left;
}
.custom_table th,
.custom_table td {
  border-bottom: 0.1rem solid #e2e2e2;
  font-size: 1.3rem;
  padding: 1.2rem 1.6rem;
}
.link_btn {
  color: #2b5ca1;
  text-decoration: underline !important;
  text-underline-offset: 0.5rem;
  display: block;
  line-height: 1.2;
}
.table_common_btn {
  padding: 0.8rem 1.6rem;
  font-size: 1.3rem;
  border-radius: 0.4rem;
}
/* .black {
  background-color: #000;
  color: #fff;
} */
/* .outline {
  border: 0.1rem solid #000;
  color: #000;
  background-color: #fff;
} */
.table_top_box.small {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table_top_box.small .left_box {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  font-size: 1.4rem;
}
.table_top_box.small .left_box .total_box {
  margin-top: 0;
  display: flex;
  gap: 1.4rem;
}

.tabs.small button {
  padding: 0.8rem 10rem;
}

.orderhis .react-datepicker-wrapper input {
  width: 100%;
}