.content {
  height: 430px;
  overflow-y: scroll;

  .groupBox {
    width: 100%;
    margin-bottom: 30px;

    .headerBox {

      display: flex;
      align-items: center;
      justify-content: left;

      .line {
        height: 12px;
        width: 3px;
        background-color: #3D78FF;
      }

      .groupName {
        margin-left: 7px;

        .serchIcon {
          position: relative;
          top: 0;
          display: inline-block;
          width: 12px;
          height: 12px;
          transform: scale(0.9);
          margin-left: 2px;
          &:hover {
            cursor: pointer;
          }
        }
      }


    }

    .tableContent {
      display: flex;

      .tableBox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 10px;
        margin-top: 10px;
        width: 100px;
        cursor: pointer;

        .imgBox {
          display: flex;
          justify-content: center;
          width: 100px;
          height: 50px;
          transition: transform 1s inherit;

          img {
            width: 50px;
            height: 50px;
          }

        }

        .imgBox:hover {
          transform: scale(1.1);
        }

        .title {
          text-align: center;
          margin-top: 5px;
        }
      }
    }
  }
}