.uw-box .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 60px auto; }
  .uw-box .tab a {
    width: 160px;
    height: 60px;
    background: #ECF1FF;
    border-radius: 6px 0px 0px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 18px;
    color: #4F5968;
    line-height: 27px; }
    .uw-box .tab a.active {
      background: #3C6EF1;
      border-radius: 6px 0px 0px 6px;
      font-weight: bold;
      font-size: 18px;
      color: #FFFFFF;
      line-height: 27px; }
      .uw-box .tab a:nth-child(2){
          border-radius: 0px 6px 6px 0px;
      }
    .uw-box .tab a:nth-child(2).active {
      border-radius: 0px 6px 6px 0px; }

.uw-box ul {
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  gap: 20px; 
    
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
  .uw-box ul li {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 6px;
    padding-bottom: 20px; }
    .uw-box ul li img {
      width: 100%;
      height: 220px;
      border: 0; }
    .uw-box ul li h4 {
      font-weight: bold;
      font-size: 20px;
      color: #1C2C41;
      line-height: 30px;
      margin-top: 20px;
      padding-left: 20px; }
    .uw-box ul li p {
      margin-top: 2px;
      font-weight: 400;
      font-size: 16px;
      color: #666666;
      line-height: 22px;
      padding-left: 20px;
      padding-right: 20px; }
    .uw-box ul li span {
      margin-top: 20px;
      font-weight: 400;
      font-size: 14px;
      color: #666666;
      line-height: 21px;
      padding-left: 20px;
      display: block; }

@media screen and (max-width: 768px) {
  .uw-box {
    padding: 0 1.5rem;
    margin-bottom: 2rem; }
    .uw-box .tab {
      margin: 2rem 0; }
      .uw-box .tab a {
        width: 8rem;
        height: 3rem;
        font-size: 1.2rem;
        line-height: 1.8rem; }
        .uw-box .tab a.active {
          font-size: 1.2rem;
          line-height: 1.8rem; }
    .uw-box ul {
         display: grid;
    grid-template-columns: repeat(1, 1fr);
      gap: 1rem; }
      .uw-box ul li {
        width: 100%; }
        .uw-box ul li img {
          height: 150px; }
        .uw-box ul li h4 {
          font-size: 16px;
          line-height: 24px;
          padding-left: 1rem;
          padding-right: 1rem; }
        .uw-box ul li p {
          font-size: 12px;
          line-height: 18px;
          padding-left: 1rem;
          padding-right: 1rem; }
        .uw-box ul li span {
          font-size: 12px;
          line-height: 18px;
          padding-left: 1rem; } }