/* 공통 */
.new_borad_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.board_content_box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.bc_boder {
  border-top: 2px solid #1B1D1F;
  border-bottom: 2px solid #1B1D1F;
  padding: 50px 0;
}

/* search */
.board_search_box {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
}

.board_count_txt {
  font-size: 16px;
  color: #333;
  font-weight: 400;
}

.board_count_txt span {
  color: #00BC61;
  font-weight: 700;
}

.form_search {
  display: flex;
  align-items: center;
}

.form_search_box {
  display: flex;
  align-items: center;
}

.select_box {
  margin-right: 10px;
}

.select {
  border: 1px solid #CECECE;
  border-radius: 10px;
  padding: 0px 20px;
  height: 55px;
  cursor: pointer;
  font-weight: 500;
  color: #333;
  font-family: 'Pretendard';
  outline: none;
  width: 100%;
}

.search_box {
  display: flex;
  align-items: center;
}

.input_txt {
  border: none;
  padding: 0 20px;
  min-width: 300px;
  font-family: 'Pretendard';
}

.search_box input {
  height: 55px;
  padding: 0px 20px;
  outline: 0;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #CECECE;
  font-weight: 400;
  transition: 0.3s;
  /* caret-color: transparent; */
  font-family: 'Pretendard';
}

.margin_right_10px {
  margin-right: 10px;
}

.search_box button {
  height: 55px;
  padding: 0px 20px;
  outline: 0;
  border-radius: 10px;
  background: #444;
  color: #fff;
  font-weight: 600;
  transition: 0.3s;
  caret-color: transparent;
  font-family: 'Pretendard';
}


/* notice */

.new_board_top_ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #00BC61;
  border-radius: 10px;
}

.new_board_top_list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bd_num {
  max-width: 9%;
}

.bd_kate {
  max-width: 10%;
}

.bd_title {
  max-width: 48%;
}

.bd_file {
  max-width: 10%;
}

.bd_day {
  max-width: 15%;
}

.bd_veiw {
  max-width: 8%;
}

.new_board_top_hd_txt {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 15px 20px;
}

.new_board_cont_ul {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.new_board_cont_list {
  width: 100%;
  display: flex;
  align-items: center;
  max-height: 90px;
  border-bottom: 1px solid #D8D8D8;
}

.new_board_cont_list.on {
  background: #00bc6111;
}

.new_board_cont_list.on .bd_kate .new_board_cont_in_txt {
  font-weight: 700;
  color: #03624C;
  font-size: 20px;
}

.new_board_cont_list.on .bd_title .new_board_cont_in_txt {
  color: #03624C;
  font-weight: 700;
  font-size: 20px;
}

.new_board_cont_list a {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 35px 0px;
}

.new_board_cont_in_ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new_board_cont_in_list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new_board_cont_in_txt {
  color: #333;
  font-weight: 600;
  font-size: 18px;
  padding: 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.new_board_cont_in_day_txt {
  color: #898989;
  font-weight: 400;
  font-size: 16px;
}

.jc_fs {
  justify-content: flex-start;
}

.text_board_notice_txt {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  background: #03624C;
  padding: 10px 20px;
  border-radius: 10px;
  margin: 0 10px;
}


/* paging */
.paging_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
}

.paging_btn {
  display: flex;
  align-items: center;
}

.paging_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
}

.paging_box .paging_num {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.paging_box .paging_num li {
  border-radius: 50%;
  background: #F1F1F1;
  margin-right: 10px;
}

.paging_box .paging_num li:last-child {
  margin-right: 0px;
}

.paging_box .paging_num li:hover {
  background: #cdcdcd;
}

.paging_box .paging_num li.on {
  background: #03624C;
  border: 1px solid transparent;
}

.paging_box .paging_num li a {
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6B6B6B;
  font-weight: 400;
}

.paging_box .paging_num li.on a {
  color: #fff;
  font-weight: 500;
}


/* board_btn */
.board_btn_box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 70px;
}

.board_btn_ul {
  width: 100%;
  display: flex;
  justify-content: center;
}

.board_btn_list {
  width: 100%;
  max-width: 180px;
  height: 55px;
  margin-right: 10px;
  background: #c1c1c1;
  border-radius: 10px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.board_btn_list:last-child {
  margin-right: 0px;
}

.board_btn_list.point {
  background: #333;
}

.board_btn_list:hover {
  background: #00BC61;
}

.board_btn_list a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s;
}


/* write */
.ip_box {
  width: 100%;
}

.input_area {
  width: 100%;
  height: 400px;
  border: 1px solid #D1D1D1;
  font-size: 18px;
  color: #333;
  font-family: 'Pretendard';
  padding: 20px;
  font-weight: 500;
}

textarea {
  border-radius: 10px;
}

textarea:focus {
  outline: none;
}

.two_ip_box {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #EBEBEB;
}

.border_btom {
  border-bottom: 1px solid #EBEBEB;
}

.border_tb_none {
  border: none !important;
}

.title_ip_box {
  width: 10%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.title_ip_txt {
  color: #23262A;
  font-weight: 700;
  word-break: keep-all;
}

.ip_box .chk_box {
  display: flex;
}

.ip_box .chk_box .check_box {
  width: 100%;
  max-width: 160px;
  margin-right: 8px;
}

.ip_box .chk_box .check_box:nth-last-child(1) {
  margin-right: 0;
}

.ip_box input:read-only {
  background: #f3f3f3;
}

.ip_box .chk_box .check_box .check {
  display: none;
}

.ip_box .chk_box .check_box .check_ck {
  min-width: 125px;
  width: 100%;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 5px 20px;
  cursor: pointer;
  border: 1px solid #CECECE;
  border-radius: 10px;
  transition: 0.2s;
}

.ip_box .chk_box .check_box .check_ck .ch_img {
  background: #fff;
  border: 1px solid #CECECE;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

.ip_box .chk_box .check_box .check_ck .ch_img path {
  fill: none;
  stroke: #20C2E0;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.6s ease;
}

.ip_box .chk_box .check_box .check_ck span {
  color: #72787F;
  font-weight: 400;
  word-break: keep-all;
}

.ip_box .chk_box .check_box input:checked+.check_ck {
  color: #03624C;
  background: #03624C;
  border: 1px solid transparent;
}

.ip_box .chk_box .check_box input:checked+.check_ck path {
  fill: transparent;
}

.ip_box .chk_box .check_box .check_ck .ch_img polyline {
  fill: none;
  stroke: #03624C;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}

.ip_box .chk_box .check_box input:checked+.check_ck polyline {
  stroke-dashoffset: 0;
}

.ip_box .chk_box .check_box input:checked+.check_ck span {
  color: #fff;
  font-weight: 700;
}


/* file */
.file_del_box {
  width: 100%;
  display: flex;
  align-items: center;
}

.file_del_box a {
  padding: 10px 0;
}

.file_del_box a span {
  font-weight: 500;
  color: #333;
}

.file_del_chk {
  background: #1B1D1F;
  border-radius: 5px;
  padding: 5px 13px 5px 10px;
  font-weight: 500;
  color: #fff;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
  word-break: keep-all;
}

input[type="checkbox"]:checked+.file_del_chk {
  background: #ff5050;
}


/* file add */
.write_file_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333333;
  cursor: pointer;
  border-radius: 5px;
}

.write_file_txt p {
  padding: 5px 13px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.file_add {
  width: 100%;
  color: #72787F;
  font-weight: 400;
  /* padding: 5px 20px; */
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.write_file_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  position: relative;
}

.write_file_box:last-child {
  margin-bottom: 0px;
}

.write_file_box label {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #CECECE;
  min-height: 60px;
  cursor: pointer;
}

.write_file_box label .file_name_txt {
  -webkit-user-drag: 100%;
  color: #72787F;
  font-weight: 400;
  padding: 5px 20px;
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file_del_img {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 10px;
}

/* view */
.sub_board_title_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
}

.sub_board_title {
  color: #23262A;
  font-size: 48px;
  font-weight: 700;
}

.board_icon_ul {
  width: 100%;
  display: flex;
  align-items: center;
}

.board_icon_list {
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.board_icon_img {
  margin-right: 5px;
}

.board_icon_txt {
  color: #72787F;
  font-weight: 700;
}

.sub_board_view_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}

.sub_board_view_img_box {
    width: 70%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-direction: column;
    gap: 20px;
}

.sub_board_view_img {
    width: 100%;
    object-fit: contain;
    border-radius: 20px;
}

.sub_board_view_txt_box{
	width:100%;
}

.sub_board_view_txt {
  font-size: 18px;
  color: #454C53;
  font-weight: 400;
  line-height: 24px;
}

.file_box {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid #E4E4E4;
  padding-top: 50px;
  margin-top: 70px;
}

.file_name_box {
  display: flex;
  align-items: center;
}

.file_name {
  font-weight: 700;
  margin-right: 20px;
  color: #191919;
  word-break: keep-all;
}

.file_box_list {
  margin-top: 12px;
  display: flex;
}

.file_box_list:first-child {
  margin-top: 9px;
}

.file_box_list a {
  align-items: center;
  font-weight: 400;
  color: #333333;
}

/* photo */
.galley_box {
  width: 100%;
  display: flex;
}

.galley_ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.galley_list {
  display: flex;
  width: 23.5%;
  margin-right: 2%;
}

.galley_list:nth-child(4n) {
  margin-right: 0;
}

.galley_list:nth-child(n+5) {
  margin-top: 80px;
}

.galley_list a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.galley_img_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 350px;
  border-radius: 10px;
  overflow: hidden;
}

.galley_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.board_tltie {
  font-size: 24px;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
}

.board_day {
  color: #72787F;
  font-weight: 400;
}


/* select */
.ip_select{
  max-width: 160px;
  width: 100%;
  margin-right: 0;
}

.ip_select .select{
  width: 100%;
  color: #72787F;
  min-height: 60px;
}

.board_none_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 50px 0;
}

.board_none_txt {
  margin-top: 10px;
  color: #99A1A9;
  font-weight: 400;
  margin-top: 20px;
}


@media(max-width : 1400px) {
  .search_box input, .sel_mo .select, .hei_search button {height: 50px;}
  .paging_box, .board_btn_box {margin-top: 60px;}
  .mar_t40{margin-top: 30px;}
  .two_ip_box {padding: 15px 0;}
  .sub_board_title {font-size: 42px;}
  .sub_board_title_box {margin-bottom: 30px;}
  .galley_img_box {height: 320px;}
  .board_tltie {font-size: 22px; margin-top: 15px;}
}

@media(max-width : 1200px) {
  .search_box input, .sel_mo .select, .hei_search button {height: 45px;}
  .bd_veiw {display: none;}
  .bd_num {max-width: 13%;}
  .bd_title {max-width: 52%;}
  .new_board_top_hd_txt {font-size: 16px;}
  .paging_box, .board_btn_box {margin-top: 50px;}
  .bc_boder {padding: 40px 0;}
  .sub_board_title {font-size: 38px;}
  .sub_board_title_box {margin-bottom: 20px;}
  .sub_board_view_img_box {max-height: unset; height: 500px; margin-bottom: 40px;}
  .file_box {padding-top: 40px; margin-top: 60px;}
  .galley_img_box {height: 270px;}
  .galley_list {width: 32%; margin-right: 2%;}
  .galley_list:nth-child(3n) {margin-right: 0%;}
  .galley_list:nth-child(4n) {margin-right: 2%;}
  .galley_list:nth-child(n+5) {margin-top: auto;}
  .galley_list:nth-child(n+4) {margin-top: 80px;}
}

@media(max-width : 1000px) {
  .bd_file,.board_count_txt {display: none;}
  .bd_day {max-width: 18%;}
  .bd_title {max-width: 55%;}
  .bd_num {max-width: 15%;}
  .bd_kate {max-width: 12%;}
  .board_search_box {justify-content: flex-end; margin-bottom: 15px;}
  .text_board_notice_txt {padding: 7px 17px;}
  .new_board_cont_list {max-height: unset;}
  .new_board_cont_list a {padding: 30px 0px;}
  .new_board_cont_in_txt{font-size: 16px;}
  .new_board_cont_list.on .bd_title .new_board_cont_in_txt {font-size: 18px;}
  .new_board_cont_list.on .bd_kate .new_board_cont_in_txt {font-size: 18px;}
  .board_btn_list {height: 50px;}
  .mar_t40{margin-top: 20px;}
  .two_ip_box {align-items: flex-start; flex-direction: column;}
  .title_ip_box {width: 100%; margin-bottom: 10px;}
  .ip_box input {height: 55px;}
  .ip_box .chk_box .check_box .check_ck {min-height: 55px;}
  .ip_select .select {min-height: 55px;}
  .write_file_box label {min-height: 55px;}
  .sub_board_view_img_box {height: 400px; margin-bottom: 30px; border-radius: 10px;}
  .sub_board_view_txt{font-size: 16px;}
  .galley_img_box {height: 250px;}
  .board_tltie {font-size: 20px; margin-top: 10px;}
  .galley_list:nth-child(n+4) {margin-top: 70px;}
}

@media(max-width : 800px) {
  .new_board_top_ul{display: none;}
  .new_board_cont_ul {border-top: 2px solid #1B1D1F; border-bottom: 2px solid #1B1D1F;}
  .new_board_cont_in_ul {align-items: flex-start; flex-direction: column;}
  .new_board_cont_list a {padding: 25px 0px;}
  .text_board_notice_txt {font-size: 14px; padding: 4px 15px; border-radius: 5px; margin: 0px;}
  .new_board_cont_in_list {justify-content: flex-start; margin-bottom: 10px;}
  .new_board_cont_in_list:nth-child(5) {margin-bottom: 0px;}
  .bd_num,.bd_kate,.bd_title, .bd_day {max-width: 100%;}
  .bd_title .new_board_cont_in_txt {font-size: 18px;}
  .bd_num .new_board_cont_in_txt {color: #898989; font-weight: 400;}
  .new_board_cont_in_txt {padding: 0;}
  .hei_search .input_txt {min-width: unset; max-width: 300px; width: 100%;}
  .search_box button {word-break: keep-all;}
  .sub_board_title {font-size: 32px;}
  .bc_boder {padding: 30px 0;}
  .sub_board_view_img_box {height: 300px; margin-bottom: 20px;}
  .file_box {padding-top: 30px; margin-top: 50px;}
  .galley_img_box {height: 220px;}
  .galley_list {width: 49%; margin-right: 2%;}
  .galley_list:nth-child(n+3) {margin-right: 2%;}
  .galley_list:nth-child(2n) {margin-right: 0%;}
  .galley_list:nth-child(n+4) {margin-top: auto;}
  .galley_list:nth-child(n+3) {margin-top: 50px;}
}

@media(max-width : 600px) {
  .form-search{width: 100%;}
  .sel_mo {width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
  .sel_rino{margin-right: 0%;}
  .form_search_box {flex-wrap: wrap; align-content: space-between;}
  .hei_search{width: 100%;}
  .hei_search .input_txt {min-width: unset; max-width: unset; width: 100%;  padding: 0 15px;}
  .search_box button {max-width: 80px;  padding: 0 15px;}
  .sel_mo .select{ padding: 0 15px;}
  .board_btn_list {height: 45px;}
  .new_board_cont_in_txt {-webkit-line-clamp: 4;}
  .sub_board_title {font-size: 28px;}
  .sub_board_view_img_box {height: 270px; margin-bottom: 15px;}

  .galley_img_box {height: 180px;}
  .galley_list {width: 100%; margin-right: 0%;}
  .galley_list:nth-child(n+3) {margin-right: 0%;}
  .galley_list:nth-child(2n) {margin-right: 0%;}
  .galley_list:nth-child(n+4) {margin-top: auto;}
  .galley_list:nth-child(n+3) {margin-top: auto;}
  .galley_list:nth-child(n+2) {margin-top: 50px;}
}

@media(max-width : 400px) {
  .sub_board_title {font-size: 24px;}
  .board_icon_txt{font-size: 14px;}
  .sub_board_view_img_box {height: 250px; margin-bottom: 10px;}
  
}