.board-view{
  margin-top: 39px;
}
.board-view .view-header{
    border-top: 1px solid #C9C9C9;
    border-bottom:1px solid #C9C9C9;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding:35px 130px 35px 0;
    gap:20px;
}
.board-view .view-header .subject{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6em;
}
.board-view .view-header .date{
    position: absolute;
    right:0;
    top:35px;
    line-height: 1.6em;
    font-size: 20px;
    font-weight: 500;
    color:#757575;
}
.board-view .view-content{
    padding:22px 0;
    font-size: 20px;
    line-height: 1.6em;
}

.btn-list{
  background: var(--primary-color);
  color:#fff;
  display: block;
  margin:34px auto 0;
  width: 200px;
  border-radius: 5px;
  line-height: 60px;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
}

@media (max-width:1280px){
    .board-view .view-header .subject,
    .board-view .view-header .date{
        font-size: 18px;
    }
    .board-view .view-content{
      font-size: 18px;
    }
    .btn-list{
      margin:25px auto 0;
      width: 180px;
      border-radius: 5px;
      line-height: 50px;
      font-size: 18px;
    }
}
@media (max-width:1100px){
  .board-view .view-header{
    padding:25px 100px 25px 0;
  }
  .board-view .view-header .date{
    top:25px;
  }
    .board-view .view-header .subject,
    .board-view .view-header .date{
        font-size: 16px;
    }
    .board-view .view-content{
      font-size: 16px;
    }
    .btn-list{
      margin:20px auto 0;
      width: 150px;
      border-radius: 5px;
      line-height: 40px;
      font-size: 16px;
    }
}
@media (max-width:768px){
   .board-view .view-header{
        padding:calc((32 / 700) * 100vw) 0 ;
        gap:calc((11 / 700) * 100vw);
        flex-wrap: wrap;
    }
    .board-view .view-header .subject{
        font-size: calc((26 / 700) * 100vw);
    }
    .board-view .view-header .date{
        position: static;
        width: 100%;
        font-size: calc((20 / 700) * 100vw);
        line-height: 1.2em;
        text-align: left;
    }
    .board-view .view-content{
        padding:calc((25 / 700) * 100vw) 0;
        font-size: calc((26 / 700) * 100vw);
    }
    .btn-list{
      margin:calc((55 / 700) * 100vw) auto 0;
      width: calc((264 / 700) * 100vw);
      border-radius: calc((5 / 700) * 100vw);
      line-height: calc((80 / 700) * 100vw);
      font-size: calc((26 / 700) * 100vw);
    }
}