@charset "UTF-8";

.labor-cost_content {
  margin-top: 60px;
}
.labor-cost_content:first-child {
  margin-top: 0;
}
.labor-cost_table {
  margin-top: 40px;
}
.labor-cost_table table {
  width: 100%;
  border: solid 1px var(--border);
  border-collapse: collapse;
  border-spacing: 1px;
}
.labor-cost_table tr:first-child th {
  height: 120px;
  background-color: #666666;
  color: var(--white);
  font-family: "ducati-extended Regular";
  font-size: 12px;
  letter-spacing: -0.04em;
  line-height: calc(20 / 12);
  border: solid 1px var(--border);
}
.labor-cost_table tr:not(:first-child) > * {
  font-size: 12px;
  height: 40px;
  letter-spacing: 0;
  border: solid 1px var(--border);
}
.labor-cost_table tr:not(:first-child) > th {
  font-weight: 700;
}
.labor-cost_table tr:not(:first-child) > td {
  font-family: var(--font-bm);
  font-weight: 500;
  text-align: center;
}
.labor-cost_table tr > *:first-child {
  width: 209px;
}
.labor-cost_table tr > *:not(:first-child) {
  width: 160px;
}
.labor-cost_table tr:nth-child(2n-1):not(:first-child) th,
.labor-cost_table tr:nth-child(2n-1):not(:first-child) td {
  background-color: #FAFAFA;
}
.labor-cost_text {
  margin-top: 15px;
  font-family: var(--font-bm);
  font-weight: 500;
}

@media(max-width: 1390px){
  .labor-cost_content {
    margin-top: calc(60/var(--view-size)*100vw);
  }
  .labor-cost_table {
    margin-top: calc(40/var(--view-size)*100vw);
  }
  .labor-cost_table tr:first-child th {
    height: calc(120/var(--view-size)*100vw);
    font-size: calc(12/var(--view-size)*100vw);
  }
  .labor-cost_table tr:not(:first-child) > * {
    font-size: calc(12/var(--view-size)*100vw);
    height: calc(40/var(--view-size)*100vw);
  }
  .labor-cost_table tr > *:first-child {
    width: calc(209/var(--view-size)*100vw);
  }
  .labor-cost_table tr > *:not(:first-child) {
    width: calc(160/var(--view-size)*100vw);
  }
  .labor-cost_text {
    margin-top: calc(15/var(--view-size)*100vw);
  }
}

@media(max-width: 768px){
  .labor-cost_content {
    margin-top: calc(55/var(--view-size)*100vw);
  }
  .labor-cost_table {
    overflow-x: auto;
    margin-top: calc(20/var(--view-size)*100vw);
    padding-bottom: calc(25/var(--view-size)*100vw);
    width: calc(100% + calc(10/var(--view-size)*100vw));
  }
  /* .labor-cost_table::-webkit-scrollbar{
    height: calc(5/var(--view-size)*100vw);
  }
  .labor-cost_table::-webkit-scrollbar-track{
    background: rgba(15,15,15,.1);
    border-radius: calc(10/var(--view-size)*100vw);
    margin-right: calc(10/var(--view-size)*100vw);
  }
  .labor-cost_table::-webkit-scrollbar-thumb{
    background: #CC0000;
    border-radius: calc(10/var(--view-size)*100vw); 
  } */
  .labor-cost_table .simplebar-scrollbar {
    background-color: var(--primary) !important;
    border-radius: calc(10/var(--view-size)*100vw);    
  }
  .labor-cost_table .simplebar-wrapper{
    width: 100%;
  }
  .labor-cost_table .simplebar-track.simplebar-horizontal{
    background: rgba(15,15,15,.1);
    width: calc(355 / var(--view-size) * 100vw);
    background-color: var(--border);
    border-radius: calc(10/var(--view-size)*100vw);
    height: calc(5/var(--view-size)*100vw);
  }
  .labor-cost_table .simplebar-content-wrapper  {
    height: auto !important;
    max-height: none !important;
  }
  .labor-cost_table .simplebar-offset{
    height: auto !important;
    max-height: none !important;
    position: static;
  }
  .labor-cost_table .simplebar-mask{
    height: auto !important;
    max-height: none !important;
    position: static;
  }
  .labor-cost_table .simplebar-placeholder{
    height: auto !important;
    max-width: none;
  }
  .simplebar-wrapper{
    height: auto !important;
    max-height: none !important;
  }
  .labor-cost_table table {
    width: calc(1271/var(--view-size)*100vw);
    /* position: relative;
    border-collapse: collapse; */
  }
  .labor-cost_table tr th {
    line-height: calc(16 / 12);
  }
  .labor-cost_table tr > *:first-child {
    width: calc(130/var(--view-size)*100vw);
    position: sticky;
    left: 0;
    background-color: #fff;
    z-index: 2;
  }
  .labor-cost_table tr > *:not(:first-child) {
    width: calc(163/var(--view-size)*100vw);
  }
  .labor-cost_text {
    margin-top: calc(18/var(--view-size)*100vw);
    font-size: calc(12/var(--view-size)*100vw);
    letter-spacing: 0.037em;
    font-weight: 400;
    color: #666;
  }
}