/* page-title */
.page-head {
  padding-top: var(--padding-section);
  background-repeat: no-repeat;
  background-size: cover;
}
.page-head__title {
  text-align: center;
  padding: calc(var(--padding-large) * 4) 0;
}
.page-head__title h2 {
  font-size: var(--font-medium);
  font-weight: var(--weight-black);
  color: var(--color-green-light);
}
/* tap */
.tap {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  background-color: var(--color-beige);
  text-align: center;
}
.tap__btn {
  color: var(--color-grey);
  padding: var(--padding-large) calc(var(--padding-large) * 2);
  font-weight: var(--weight-bold);
  min-width: 120px;
}
.tap__btn:last-child {
}
.tap__btn:hover {
  color: var(--color-point);
}
.tap__btn--active {
  background-color: var(--color-beige);
  color: var(--color-point);
  border-bottom: 2px solid var(--color-point);
}
/* body */
.page-body {
  padding: var(--padding-section) 0;
}
.page-body__title {
  text-align: center;
}

/* 48rem = 768px */
@media screen and (max-width: 48rem) {
  .page-body {
    padding: calc(var(--padding-large) * 3) 0;
  }
  .page-head {
    padding-top: 50px;
  }
  .page-head__title {
    text-align: center;
    padding: calc(var(--padding-large) * 4) 0 calc(var(--padding-large) * 3);
  }
  .tap__btn {
    flex: 1 1 50%;
    padding: var(--padding-large) 0;
  }
  .tap__btn {
    border-bottom: 1px solid var(--color-light-grey);
  }
  .tap__btn:nth-child(2n-1) {
    border-right: 1px solid var(--color-light-grey);
  }
  .tap__btn--active {
    background-color: var(--color-point);
    color: var(--color-white);
  }
  .tap__btn--active:hover {
    color: var(--color-white);
  }
}

/* 소식 관련  css 모음 */
/*시작-데이터 테이블  */
/* 테이블 */
.bm_datatable {
  margin-top: var(--padding-medium);
}
.dataTables_scroll {
  border-bottom: 1px solid var(--color-light-grey);
  margin-bottom: var(--padding-medium);
}
.dataTables_scrollBody {
  border-bottom: 1px solid rgb(189, 188, 207);
  margin-bottom: var(--padding-medium);
}
.dataTables_scrollBody table tbody tr:hover {
  background-color: var(--color-light-white);
}

.dataTables_scroll {
  min-height: 460px;
}
@media screen and (max-width: 26rem) {
  .dataTables_scroll {
    min-height: 370px;
  }
}

/* 테이블 넘버 */
.bm_datatable .dataTables_paginate {
  text-align: center;
  padding-top: var(--padding-small);
  padding-bottom: var(--padding-small);
  margin-top: var(--padding-medium);
}
.bm_datatable .dataTables_paginate a {
  margin: 0 var(--padding-small);
  cursor: pointer;
  color: var(--color-grey);
}
.bm_datatable .dataTables_paginate span a {
  /* background-color:var(--color-light-grey);  */
  background-color: none;
  padding: var(--padding-small) var(--padding-medium);
  border-radius: calc(var(--size-border-radius) * 2.2);
  font-weight: var(--weight-black);
}
.bm_datatable .dataTables_paginate span .current {
  background-color: var(--color-grey);
  color: var(--color-white);
}
.bm_datatable.bm_border--bottom {
  border-bottom: 1px solid var(--color-light-grey);
}
.bm_datatable.bm_padding--bottom {
  padding-bottom: var(--padding-large);
}
/* 글쓰기 버튼 */
.bm_datatable .write_btn {
  height: 100%;
  background: var(--color-point);
  color: var(--color-white);
  font-size: calc(var(--font-regular) * 1.2);
  padding: var(--padding-small);
  border-radius: var(--size-border-radius);
}

/*종료-데이터 테이블  */
/*시작-내용 뷰  */

.bm_list_view {
  margin-top: calc(var(--padding-large) * 3);
}
.bm_list_view .bm_list_view_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.bm_list_view .bm_list_view_wrap .bm_list_write_btn_grp {
  align-self: flex-end;
  margin-bottom: var(--padding-medium);
}
.bm_list_view .bm_list_view_wrap .bm_list_write_btn_grp button {
  padding: var(--padding-small) var(--padding-medium);
  border-radius: var(--size-border-radius);
  font-size: var(--font-regular);
}
.bm_list_view .bm_list_view_wrap .bm_list_write_btn_grp .btn_update {
  background: var(--color-point);
  color: var(--color-white);
}
.bm_list_view .bm_list_view_wrap .bm_list_write_btn_grp .btn_delete {
  background: tomato;
  color: var(--color-white);
}
/*타이틀부분 */
.bm_list_view .bm_list_view_wrap .bm_list_view_title {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  cursor: default;
  padding: var(--padding-large) var(--padding-small);
  border-top: 1px solid var(--color-light-grey);
  border-bottom: 2px solid var(--color-light-grey);
}
.bm_list_view .bm_list_view_wrap .bm_list_view_title .bm_list_view_title_cont1 {
  flex: 1 1 auto;
  font-size: calc(var(--font-regular) * 1.2);
  font-weight: var(--weight-bold);
}
.bm_list_view .bm_list_view_wrap .bm_list_view_title .bm_list_view_title_cont2 {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: calc(var(--font-regular));
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_title
  .bm_list_view_title_cont2
  .contpart2 {
  margin-left: var(--padding-medium);
}

/*내용부분 */
.bm_list_view .bm_list_view_wrap .bm_list_view_body {
  width: 100%;
  min-height: 250px;
  padding: calc(var(--padding-large) * 1.5) var(--padding-large);
  border-bottom: 2px solid var(--color-light-grey);
}

/*답변글부분*/
.bm_list_view .bm_list_view_wrap .bm_list_view_comment {
  /* 답변글 전체 */
  width: 100%;
  padding: var(--padding-large) var(--padding-small);
  border-bottom: 2px solid var(--color-light-grey);
}
.bm_list_view .bm_list_view_wrap .bm_list_view_comment .comment_head {
  /* 답변글 head */
  font-size: calc(var(--font-regular) * 1.2);
  font-weight: var(--weight-bold);
  padding: 0 0 var(--padding-medium) 0;
}
.bm_list_view .bm_list_view_wrap .bm_list_view_comment .comment_head span {
  /* 답변글 head 밑줄 */
  border-bottom: 2px solid var(--color-point);
}
.bm_list_view .bm_list_view_wrap .bm_list_view_comment .comment_body {
  /* 답변글 body */
  display: flex;
  flex-direction: column;
  padding: var(--padding-small) var(--padding-medium);
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment
  .comment_body
  .comment_body_contA {
  /* 답변글 body - contA(작성자 및 날짜) */
  font-size: var(--font-regular);
  background: var(--color-dark-white);
  padding: var(--padding-medium) var(--padding-small) 0 var(--padding-small);
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment
  .comment_body
  .comment_body_cont {
  /* 답변글 body - cont(내용) */
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: var(--font-regular);
  font-weight: var(--weight-bold);
  background: var(--color-dark-white);
  padding: 0 var(--padding-small) var(--padding-small) var(--padding-small);
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment.view_wrap
  .comment_body
  .comment_body_cont {
  border-bottom: 1px solid var(--color-light-grey);
}

.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment
  .comment_body
  .comment_body_cont
  .commnet_text_area {
  /* 답변글 body - cont-textarea wrap */
  font-size: var(--font-regular);
  flex: 1 1 auto;
  min-height: 90px;
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment
  .comment_body
  .comment_body_cont
  textarea {
  /* 답변글 body - cont-textarea */
  width: 100%;
  height: 100%;
  border: none;
  resize: none;
  overflow-y: auto;
  background: none;
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment
  .comment_body
  .comment_body_cont
  textarea:focus {
  outline: none;
}

.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment
  .comment_body
  .comment_body_cont
  .comment_btn_grp {
  /* 답변글 body - cont-btn grp */
  display: flex;
  align-self: flex-end;
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment
  .comment_body
  .comment_body_cont
  .comment_btn_grp
  button {
  /* 답변글 body - cont-btn */
  flex: 1 1 auto;
  white-space: nowrap;
  padding: var(--padding-small) var(--padding-small);
  margin-left: var(--padding-small);
  border-radius: var(--size-border-radius);
  font-size: var(--font-small);
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment
  .comment_body
  .comment_body_cont
  .comment_btn_grp
  .comment_btn_update {
  background: var(--color-point);
  color: var(--color-white);
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment
  .comment_body
  .comment_body_cont
  .comment_btn_grp
  .comment_btn_delete {
  background: tomato;
  color: var(--color-white);
}

/*답변글 작성부분*/
.bm_list_view .bm_list_view_wrap .bm_list_view_comment.write_wrap {
  /* 답변달기부분 전체 */
  border-bottom: none;
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment.write_wrap
  .comment_body {
  /* 답변달기부분 body */
  width: 100%;
  min-height: 90px;
  display: flex;
  flex-direction: row;
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment.write_wrap
  .comment_body
  .comment_write {
  /* 답변달기부분 작성부분 */
  width: 80%;
  min-height: 80px;
  border: 1px solid var(--color-light-grey);
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment.write_wrap
  .comment_body
  .comment_write
  textarea {
  /* 답변달기부분 작성부분 -textarea*/
  width: 100%;
  min-height: 80px;
  pointer-events: all;
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment.write_wrap
  .comment_body
  .comment_write
  textarea:focus {
  outline: none;
}
.bm_list_view
  .bm_list_view_wrap
  .bm_list_view_comment.write_wrap
  .comment_body
  button {
  /* 답변달기부분 작성부분 -btn*/
  width: 20%;
  height: 100%;
  background: var(--color-point);
  color: var(--color-white);
  min-height: 86px;
  font-size: calc(var(--font-regular) * 1.2);
}
.bm_list_view .bm_list_view_wrap .bm_list_view_comment .comment_body .bgc_none {
  background: none;
}

/*하단부분*/
.bm_list_view .bm_list_view_wrap .bm_list_view_foot {
  width: 100%;
  text-align: center;
  padding: var(--padding-large) 0;
}
.bm_list_view .bm_list_view_wrap .bm_list_view_foot button {
  padding: var(--padding-medium) var(--padding-medium);
  background: var(--color-beige);
  color: var(--color-grey);
  font-size: var(--font-regular);
  font-weight: var(--weight-bold);
  border-radius: var(--size-border-radius);
}
.bm_list_view .bm_list_view_wrap .bm_list_view_foot button.bg_none {
  background: none;
}

/*종료-내용 뷰 */

/*시작-내용 작성 뷰 */
.bm_list_write_view {
  margin-top: calc(var(--padding-large) * 3);
  padding: 0 var(--padding-section);
}
@media screen and (max-width: 26rem) {
  .bm_list_write_view {
    padding: 0 var(--padding-small);
  }
}
.bm_list_write_view .bm_list_write_table {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  /* border-top: 3px solid var(--color-green-light);  
      border-bottom: 1px solid var(--color-green-light);       */
}
.bm_list_write_view .bm_list_write_table .bm_table_tr {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--padding-large);
  /* flex-direction: row;       */
  /* border-bottom: 1px solid var(--color-light-grey); */
}
.bm_list_write_view .bm_list_write_table .bm_table_tr:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.bm_list_write_view .bm_list_write_table .bm_h15 {
  /* min-height: 50px; */
}
.bm_list_write_view .bm_list_write_table .bm_h40 {
  /* min-height: 300px; */
}

.bm_list_write_view .bm_list_write_table .bm_table_th {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-width: 90px;
  background: none;
  cursor: default;
  margin-bottom: var(--padding-medium);
  /* background-color:var(--color-beige); */
}
.bm_list_write_view .bm_list_write_table .bm_table_th h4 {
  font-size: calc(var(--font-regular) * 1.1);
}
.bm_list_write_view .bm_list_write_table .bm_table_td {
  width: 100%;
  padding: var(--padding-small);
  display: flex;
  align-items: center;
  min-width: 155px;
}
.bm_list_write_view .bm_list_write_table .bm_table_td input {
  /* border: none;
      border-bottom: 1px solid var(--color-light-grey); */
  padding: var(--padding-medium) var(--padding-small);
  border: 1px solid var(--color-light-grey);
  font-size: calc(var(--font-regular) * 1.2);
  border-radius: var(--size-border-radius);
  width: 100%;
}
.bm_list_write_view .bm_list_write_table .bm_table_td input:focus {
  outline-color: var(--color-point);
}

.bm_list_write_view .bm_list_write_table .bm_table_td.table_inputB {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.bm_list_write_view .bm_list_write_table .bm_table_td.table_inputB input {
  flex: 1 1 auto;
}
.bm_list_write_view .bm_list_write_table .bm_table_td.table_inputB p {
  padding: var(--padding-medium);
  cursor: default;
  flex: 1 1 auto;
  color: var(--color-grey);
  font-size: var(--font-regular);
}

.bm_list_write_view .bm_list_write_table .bm_table_td.table_summernote {
  width: 100%;
}
.bm_list_write_view
  .bm_list_write_table
  .bm_table_td.table_summernote
  .summernote_textarea {
  width: 100%;
}

.bm_list_write_view .bm_list_write_table .bm_table_td.table_inputC {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.bm_list_write_view .bm_list_write_table .bm_table_td.table_inputC p {
  flex: 1 1 auto;
  cursor: default;
}
.bm_list_write_view .bm_list_write_table .bm_table_td.table_inputC p span {
  color: var(--color-grey);
  font-size: var(--font-regular);
}
.bm_list_write_view .bm_list_write_table .bm_table_td.table_inputD {
  display: flex;
  flex-direction: column;
}
.bm_list_write_view .bm_list_write_table .bm_table_td.table_inputD input {
  margin-bottom: var(--padding-medium);
}
.bm_list_write_view .bm_list_write_table .bm_table_td.table_textarea textarea {
  width: 100%;
  resize: none;
  padding: var(--padding-medium) var(--padding-small);
  border: 1px solid var(--color-light-grey);
  font-size: calc(var(--font-regular) * 1.1);
  border-radius: var(--size-border-radius);
  max-height: 180px;
}
.bm_list_write_view
  .bm_list_write_table
  .bm_table_td.table_textarea
  textarea:focus {
  outline-color: var(--color-point);
}

.bm_list_write_view .bm_list_write_table .safety_cont .bm_table_td {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  height: 200px;
  align-items: flex-start;
  padding: var(--padding-large);
  background: var(--color-light-white);
  border-radius: var(--size-border-radius);
}
.bm_list_write_view .bm_list_write_table .safety_cont p {
  margin-top: var(--padding-medium);
  cursor: pointer;
}

/*하단부분*/
.bm_list_write_view .bm_list_view_foot {
  width: 100%;
  text-align: right;
  padding: var(--padding-large) 0;
}
.bm_list_write_view .bm_list_view_foot button.cancle {
  padding: var(--padding-medium) var(--padding-medium);
  background: var(--color-beige);
  color: var(--color-grey);
  font-size: var(--font-regular);
  font-weight: var(--weight-bold);
  border-radius: var(--size-border-radius);
}
.bm_list_write_view .bm_list_view_foot button.write {
  padding: var(--padding-medium) var(--padding-medium);
  background: var(--color-point);
  color: var(--color-white);
  font-size: var(--font-regular);
  font-weight: var(--weight-bold);
  border-radius: var(--size-border-radius);
  margin-left: var(--padding-medium);
}

/*종료-내용 작성 뷰 */
/* 소식 관련  css 모음 */