.content {
  height: 620px;

  .headerBox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 10px;
  }

  .colorBorderContent {
    margin-top: 5px;
    margin-right: 10px;
    // padding: 10px;
    padding-top: 25px;

    width: 100%;
    height: 550px;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 10px;

    .colorContent {
      height: 100%;
      overflow-y: scroll;



      .colorBox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
      }
    }
  }
}