.fac_wrap{
  display: flex;
  flex-direction: column;
  gap: 4rem;
  width: 100%;
  padding: 0;
  margin: 0;
}
.fac_wrap .list{
  width: 100%;
  padding: 0;
  margin: 0;
}
.fac_wrap .list table{
  width:100%;
  border-top: 2px solid #d2bf9d;

}
.fac_wrap .list table th,
.fac_wrap .list table td{
  font-size: .85rem;
  text-align: center;
  padding: .5rem;

}
.fac_wrap .list table thead th{
  font-weight: 800;
  border-bottom: 1px solid #d2bf9d;
}
.fac_wrap .list table tbody tr{
  border-bottom: 1px solid rgba(149, 187, 205, .2);  
}
.fac_wrap .list table tbody th{
  width: 50% !important;
  font-weight: 600;
}


.box_wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
  padding: 0;
  margin: 0;
}
.box_item{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: calc(25% - 1.5rem);
  padding: 1rem;
  margin: 0;
  border-radius: 1rem;
  border: 1px solid #fff;
  box-shadow: 
    0 0px 5px rgba(0, 0, 0, 0.05),
    0 0px 24px rgba(0, 0, 0, 0.05);
    transition: all .3s;
}
.box_item:hover{
  border: 1px solid var(--color-main);
}
.box_item .title{
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  padding-bottom: 1rem;
  border-bottom: 1px dashed #f3f3f3;
}
.box_item:hover .title{
  color: var(--color-main);
}
.box_item .size,
.box_item .cnt{
  font-size: 0.85rem;
  color: #5e5e5e;
  text-align: center;
}

@media (max-width: 991.98px) {
  .box_item{
    width: calc(33% - 1.5rem);
  }
}
@media (max-width: 767.98px) {
  .box_wrap{
    gap: 1rem;
  }
  .box_item{
    width: calc(50% - 1rem);
    padding: 1rem 0.5rem;
  }
  .box_item .title{
    font-size: 1.05rem;
  }
}