.board-wrap {
  .board-head {
    > span.board-head-tit {
      border-top: 0;
    }
  }
  .board-body {
    > div.board-cell { 
      letter-spacing: -.8px; line-height: 1.5; padding: 12px 3px;
      .btn-wrap {
        button { 
          min-width: 60px; padding:0 10px; font-size: 1rem;
          .email-icon {
            width: 10px; margin-right: 3px; margin-top: 1px;
          }
        }
      }
    }
  }
}




@media (max-width: 1024px) {
  .board-wrap {
    .board-body {
      position: relative;
      > div.board-cell {
        &.cell-tit { width: 100%; font-size: 1.5rem; font-weight: 500;}
        &.btn-cell { 
          display: block; padding: 0; margin: 10px 0 0;
          button { min-width: auto; padding: 0 20px; font-size: 1.2rem;}
        }
      }
    }
  }
}


.scrool-wrap {
  @include scrollbar; height: calc(93% - 43px); overflow-y: auto; 
  .board-wrap {
    .board-head {
      top: 0; position: sticky;
      > span.board-head-tit {
        border-top: 0;
      }
    }
    .board-body {
      > div.board-cell { 
        .btn-wrap {
          button { 
            min-width: 60px; padding:0; font-size: 1rem;
          }
        }
      }
    }
  }
}


@media (max-width: 1024px) { 
  .scrool-wrap {
    height: calc(98% - 40px);
    .board-wrap {
      .board-body {
        position: relative;
        > div.board-cell {
          &.cell-tit { width: 100%; font-size: 1.5rem; font-weight: 500;}
          &.btn-cell { 
            display: block; padding: 0; margin: 10px 0 0;
            button { min-width: auto; padding: 0 20px; font-size: 1.2rem;}
          }
        }
      }
    }
  }
}