.att_title {
  background-color: #eee;


  font-weight: 600;
  padding: 0.7em;
}


.att_title font {
  font-size: 1.8rem !important;
}


.bbsnewf5 {
  width: 70%;
}


.bbschk,
.bbsno,
.bbsnewf5,
.bbsetc_dateof_write {
  padding: 0.7em;
  color: #333;
  font-size: 1.8rem !important;
  font-weight: 400;
  margin-bottom: 5vh;
}


/* °Ô½ÃÆÇ ¸®½ºÆ® */
/* 
.board-list-wrap .bbschk,
.board-list-wrap .bbsno,
.board-list-wrap .bbsnewf5,
.board-list-wrap .bbsetc_dateof_write {
} */


.board-list,
.board-read,
.board-write,
.board-modify {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}


/* °Ô½ÃÆÇ ¸®½ºÆ® °Ë»ö¹öÆ° Ä¿½ºÅÒ */
#ext_search {
  width: 30vw !important;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}


#search_table {
  width: 80%;
}


.est_keyword_cell {
  width: 70%;
}
.est_cate_cell {
  width: 100px;
}


.board-list-wrap .est_btn_cell {
  position: relative;
  width: 60px;
  height: 27px;
}


.board-list-wrap .est_btn_cell:hover {
  background-color: #eee;
}


.board-list-wrap .est_btn_cell::before {
  content: '°Ë»ö';


  font-size: 14px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333;
  transition: all 0.3s;
}


.board-list-wrap .est_btn_cell input[title='input'] {
  position: absolute;
  top: 0;
  z-index: 2;
  left: 0;
  display: block;
  background-color: transparent;
  border: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}


.cateform {
  display: block;
  height: 29px;
  border-radius: 0;
  width: 90%;
  border: 1px solid #ccc;
}


.est_keyword_cell input {
  display: block;
  height: 29px;
  width: 95%;
  border-radius: 0;
  border: 1px solid #ccc;
}


/* °Ô½ÃÆÇ Àбâ */


.board_bgcolor {
  background-color: #eee;
  padding: 0.5em;
  border-bottom: 1px solid #ccc;
}


.board_bgcolor font,
.board_bgcolor span {
  font-size: 18px !important;
  font-weight: 600;
}


.board_desc {
  padding-left: inherit;
  padding: 0.5em 1em !important;
  border-bottom: 1px solid #ccc;
}


.board_desc input[type='text'] {
  font-size: 16px !important;
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 0.2em;
}
.board_description {
  border-bottom: 1px solid #ccc;
}
.btn-wrap {
  padding-top: 5vh;
}
.btn-wrap .bbsnewf5 {
  padding: 0;
}
@media (max-width: 650px) {
  .att_title font {
    font-size: 13px !important;
  }


  .bbschk,
  .bbsno,
  .bbsnewf5,
  .bbsetc_dateof_write {
    padding: 0.7em;
    color: #333;
    font-size: 1.4rem !important;
    font-weight: 400;
  }


  .board_bgcolor font,
  .board_bgcolor span,
  .board_desc,
  #post_area {
    font-size: 14px !important;
  }


  .btn-wrap .bbsnewf5 {
    padding: 0;
  }


  .btn-wrap td[align='left'],
  .btn-wrap td[align='center'] {
    display: block;
    width: 100%;
  }


  .btn-wrap .bbsnewf5 {
    display: block;
    width: 100%;
  }


  #ext_search {
    width: 100% !important;
  }


  .est_cate_cell {
    width: 50px;
  }
  .est_keyword_cell {
    width: 60%;
  }
  .board-list-wrap .est_btn_cell {
    width: 40px;
  }


  .att_title,
  .bbschk,
  .bbsno,
  .bbsnewf5,
  .bbsetc_dateof_write {
    padding: 0.5em;
  }
  .bbsnewf5 {
    width: 55%;
    word-break: keep-all;
  }


  .board-list,
  .board-read,
  .board-write,
  .board-modify {
    margin-bottom: 3vh;
  }
}