.education-list-wrap {
  .item-group {
    .item {
      &.empty {
        padding: 50px 0; border-radius: 10px; border: 1px solid #D0D0D0; display: block;
        p {
          font-size: 1.5rem; font-weight: 500; color: #838383; text-align: center;
        }
      }
      position: relative; padding: 25px; border-radius: 10px; border: 1px solid #D0D0D0; display: block;
      &:not(:last-child) { 
        margin-bottom: 10px; 
      }
      &:hover {
        .head {
          .title {
            text-decoration: underline;
          }
        }
      }
      .head {
        --label-width: 75px;
        --gap: 10px;
        display: flex; gap: var(--gap); align-items: center;
        .label {
          font-size: 1.4rem; color: #fff; text-align: center; padding: 8px 0; width: var(--label-width); border-radius: 3px; font-weight: 500;
          &.on {
            background: #17C272;
          }
          &.end {
            background: #B5B5B5;
          }
        }
        .title {
          @include ellipsis; width: calc(100% - var(--label-width) - var(--gap)); font-size: 1.7rem; font-weight: 600;
        }
      }
      .date {
        font-size: 1.4rem; display: flex; gap: 15px; padding-top: 10px;
        span {
          display: block;
          b {
            font-weight: 600; color: #002445;
          }
        }
      }
    }
  }
}

@media (max-width: 1200px) {
  .education-list-wrap {
    .item-group {
      .item {
        padding: 22px;
        .head {
          --label-width: 70px;
          .label { font-size: 1.3rem; padding: 7px 0; }
          .title { font-size: 1.6rem; }
        }
        .date { font-size: 1.3rem; gap: 12px; }
      }
    }
  }
}

@media (max-width: 1024px) {
  .education-list-wrap {
    .item-group {
      .item {
        padding: 20px;
        .head {
          --label-width: 65px;
          .label { font-size: 1.25rem; }
          .title { font-size: 1.55rem; }
        }
        .date { font-size: 1.25rem; gap: 10px; }
      }
    }
  }
}

@media (max-width: 768px) {
  .education-list-wrap {
    .item-group {
      .item {
        padding: 18px;
        &.empty {
          padding: 40px 0;
          p { font-size: 1.3rem; }
        }
        &:not(:last-child) { margin-bottom: 8px; }
        .head {
          --label-width: 60px;
          --gap: 8px;
          .label { font-size: 1.2rem; padding: 6px 0; }
          .title { font-size: 1.45rem; }
        }
        .date { font-size: 1.2rem; gap: 8px; padding-top: 8px; flex-direction: column; }
      }
    }
  }
}

@media (max-width: 480px) {
  .education-list-wrap {
    .item-group {
      .item {
        padding: 15px;
        .head {
          --label-width: 58px;
          --gap: 6px;
          .label { font-size: 1.1rem; }
          .title { font-size: 1.35rem; }
        }
        .date { font-size: 1.1rem; gap: 6px; }
      }
    }
  }
}