.firstNoticeBox {
  display: flex;
  flex-direction: column;
  height: 60vh;
  gap: 15px;

  :global {
    button {
      min-width: 85px;
    }

    .noticeInfo,
    .noticeList {
      background: #fff;

    }

    .noticeInfo {
      display: flex;
      gap: 15px;
      height: 60%;
      padding: 15px;

    }

    .post {
      // flex: 0.2;
      width: 20%;
      border: 1px solid #cdcdcd;
      height: calc(100% - 50px);

      h2 {
        padding: 6px 10px;
        background: #e3e3e3;
        font-weight: 600;
        margin-bottom: 0;
      }

      .post_table {
        width: 100%;
        height: 100%;
        // height: calc(100% - 42px);
      }
    }

    .postUser {
      // flex: 0.4;
      width: 40%;
      display: flex;
      flex-direction: column;
      gap: 15px;

      .postUser_box {
        display: flex;
        gap: 15px;
        height: calc(100% - 50px);

        &>div {
          border: 1px solid #cdcdcd;
        }

        .postTable {
          // flex: 0.7;
          width: 65%;
        }

        .userTable {
          // flex: 0.3;
          width: calc(35% - 15px);
        }
      }

      .postUser-foot {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 10px;
      }
    }

    .postFrom {
      width: 40%;
      // flex: 0.4;
      display: flex;
      flex-direction: column;
      gap: 15px;

      .postFrom_box {
        display: flex;
        gap: 15px;
        height: calc(100% - 50px);
        border: 1px solid #cdcdcd;

        :global {
          .mesInputBlueBg {
            left: 102px;
            width: calc(100% - 104px);
          }

          .ant-form-item-row {
            flex-wrap: nowrap !important;
          }

          .ant-form-item-label {
            flex-basis: 100px !important;
            max-width: 100px !important;
          }

          .extraBorderBottom {
            .ant-form-item-label {
              height: 100px;
            }
          }

          .ant-col-24 {
            .mesInputBlue {
              .table-title-editabled {
                top: 46.5px;
              }
            }
          }

          .ant-form-item-control {
            flex-basis: 1px !important;
            flex-grow: 1 !important;
          }
        }
      }

      .postFrom-foot {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
      }
    }

    .noticeList {
      height: 38%;
      padding: 15px;
      display: flex;
      flex-direction: column;

      h2 {
        font-weight: 600;
        color: #2196F3;
        height: 30px;
      }

      &>div {
        height: calc(100% - 30px);
      }
    }

    .ant-checkbox-wrapper {
      height: initial;
      line-height: initial;
      margin-left: initial;
    }
  }
}