@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Blinker:wght@100;200;300;400;600;700;800;900&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap');

/* 진골회동호회_보기 시작 */
/* 타이틀 */
.card_comm_tit {
  width: 100%;
  height: 18px;
  display: flex;
  align-items: center;
  border-left: 3px solid #CF4F00;
  margin-top: 20px;
}

.card_comm_tit h1 {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  margin-left: 5px;
}

.card_comm_tit button {
  width: 15px;
  height: 15px;
  border-radius: 3px;
  background: #ccc;
  border: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  cursor: pointer;
}

.card_comm_tit button:hover {
  background: #333;
  transition: background-color 0.3s ease;
}

/* 진골회동호회_보기 섹션 시작 */
.cbn_comm_section {
  /* width: 1610px; */
  width: calc(100% - 7px);
  height: 670px;
  margin-top: 20px;
}

/* 개선제안_보기 시작 */
.piv_section {
  /* 1610px */
  width: 100%;
  height: 650px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

/* 개선제안_보기 좌측 */
.kpv_section_lt {
  /* width: 1460px; */
  width: calc(100% - 150px);
  height: 100%;
}

/* 개선제안_보기 검색조건 */
.kpv_top {
  /* width: 1420px; */
  width: calc(100% - 40px);
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.kpv_top_tit_section {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 법인 */
.kpv_comp_section {
  width: 338px;
  height: 28px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  display: flex;
}

.kpv_comp_section {
  margin-left: 0;
}

.kpv_comp_tit {
  width: 150px;
  height: 28px;
  background: #eee;
  border-radius: 10px;
}

.kpv_comp_tit p {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
} 

.kpv_comp_section>p {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  margin-left: 15px;
}

/* 제목 */
.kpv_tit_section {
  width: 1068px;
  height: 30px;
  background: #fff;
  border: 1px solid #FFAD7A;
  border-radius: 10px;
  display: flex;
}

.kpv_tit {
  width: 150px;
  height: 30px;
  background: #FFEDE2;
  border-radius: 10px;
  line-height: 30px;
}

.kpv_tit p {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}

.kpv_tit_section>p {
  color: #333;
  font-size: 13px;
  font-weight: 500;
  margin-left: 15px;
  line-height: 30px;
}

.kpv_mid_tit_section {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 작성자 */
.kpv_write_section {
  width: 458px;
  height: 28px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  display: flex;
}

.kpv_write_tit {
  width: 150px;
  height: 28px;
  background: #eee;
  border-radius: 10px;
}

.kpv_write_tit p {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
} 

.kpv_write_section>p {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  margin-left: 15px;
}

/* 분류 */
.kpv_se_section {
  width: 458px;
  height: 28px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  display: flex;
}

.kpv_se_tit {
  width: 150px;
  height: 28px;
  background: #eee;
  border-radius: 10px;
}

.kpv_se_tit p {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
} 

.kpv_se_section>p {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  margin-left: 15px;
}

/* 게시만료일 */
.kpv_end_dt_section {
  width: 458px;
  height: 28px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  display: flex;
}

.kpv_end_dt_tit {
  width: 150px;
  height: 28px;
  background: #eee;
  border-radius: 10px;
}

.kpv_end_dt_tit p {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
} 

.kpv_end_dt_section>span {
  color: #CF4F00;
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  margin-left: 15px;
}

.kpv_end_dt_section>p {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  margin-left: 3px;
}

.kpv_bottom_tit_section {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 작성일 */
.kpv_write_dt_section {
  width: 458px;
  height: 28px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  display: flex;
}

.kpv_write_dt_tit {
  width: 150px;
  height: 28px;
  background: #eee;
  border-radius: 10px;
}

.kpv_write_dt_tit p {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
} 

.kpv_write_dt_section>p {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  margin-left: 15px;
}

/* 조회수 */
.env_csum_section {
  width: 458px;
  height: 28px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  display: flex;
}

.env_csum_tit {
  width: 150px;
  height: 28px;
  background: #eee;
  border-radius: 10px;
}

.env_csum_tit p {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
} 

.env_csum_section>p {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  margin-left: 15px;
}

/* 공지여부 */
.env_nyn_section {
  width: 458px;
  height: 28px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  display: flex;
}

.env_nyn_tit {
  width: 150px;
  height: 28px;
  background: #eee;
  border-radius: 10px;
}

.env_nyn_tit p {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
} 

.env_nyn_section>p {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  margin-left: 15px;
}

.kpv_main_section {
  /* width: 1420px; */
  width: calc(100% - 40px);
  height: 335px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  margin-top: 10px;
}

.kpv_main_scroll {
  width: calc(100% + 38px);
  box-sizing: content-box; 
  margin-right: 150px;
  height: 335px;
  overflow-y: auto; 
  overflow-x: hidden;
}

.kpv_main_scroll::-webkit-scrollbar {
  width: 15px; 
  background: #F6F6F6;
}

.kpv_main_scroll::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px; 
  transition: background-color 0.3s ease;
}

.kpv_main_scroll::-webkit-scrollbar-thumb:hover {
  background-color: #333; 
  transition: background-color 0.3s ease;
}

.kpv_main_scroll::-webkit-scrollbar-track {
  background: #f6f6f6;
  border-radius: 10px; 
  margin: 12px; 
}

.kpv_main {
  width: 1380px;
  height: 400px;
}

.notice_view_mid {
  width: calc(100% - 38px);
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
}

.nv_file_down {
  width: 660px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notice_view_bottom {
  /* width: 1420px; */
  width: 100%;
  margin-top: 20px;
  height: 134px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.nv_bottom_lt {
  width: 740px;
  height: 144px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.nv_bottom_lt_top {
  width: 100%;
  height: 18px;
  display: flex;
}

/* 댓글 */
.re_tit {
  width: 100%;
  height: 18px;
  display: flex;
  align-items: center;
  border-left: 3px solid #007BDF;
}

.re_tit h1 {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  margin-left: 5px;
}

.nv_bottom_lt_bottom {
  width: 100%;
  height: 108px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.re_section {
  width: 703px;
  height: 108px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.re_txt_section {
  width: 665px;
  height: 90px;
}

.re_line {
  width: 100%;
  height: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.re_line>span {
  color: #333;
  font-size: 15px;
  font-weight: 400;
}

.re_line>p {
  color: #333;
  font-size: 15px;
  font-weight: 400;
}

ul.re_txt_section>li {
  margin-top: 10px;
}

.ul.re_txt_section>li:first-child {
  margin-top: 0px;
}

.nv_file_section {
  width: 500px;
  height: 30px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #eee;
  display: flex;
}

.nv_file_section>p {
  color: #333;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 30px;
  margin-left: 15px;
  cursor: pointer;
}

.nv_file_section:hover>p {
  color: #007BDF;
  transition: color 0.3s ease;
}

.nv_file_tit {
  width: 150px;
  height: 30px;
  background: #eee;
  border-radius: 10px;
}

.nv_file_tit p {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
}

.download_btn {
  border: none;
  width: 150px;
  height: 30px;
  border-radius: 10px;
  color: #fff;
  background: #333;
  cursor: pointer;
}

.download_btn:hover {
  background: #CF4F00;
  transition: background-color 0.3s ease;
}

.notice_view_btn {
  width: 70px;
  height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 13px;
}

.notice_view_btn button {
  width: 70px;
  height: 30px;
  border-radius: 10px;
  border: none;
  background: #333;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}

.reply:hover .reply_btn,
.revise:hover .revise_btn,
.list_move:hover .list_move_btn  
{
  background: #CF4F00;
  transition: background-color 0.3s ease;
}

.delete:hover .delete_btn {
  transition: width 0.05s ease-in-out, background-color 0.3s ease-in-out;
  background: #FF0000;
  width: 75px;
}

.top_move:hover .top_move_btn {
  background: #007BDF;
  transition: background-color 0.3s ease;
}

.nv_bottom_rt {
  width: 695px;
  height: 110px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nv_bottom_rt>input {
  width: 568px;
  height: 108px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #FFAD7A;
}

.memo_sign {
  width: 70px;
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.memo_sign button {
  width: 70px;
  height: 30px;
  border-radius: 10px;
  border: none;
  background: #CF4F00;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}

.memo_sign_btn:hover {
  background: #007BDF;
  transition: background-color 0.3s ease;
}

.en_memo_scroll {
  width: 15px;
  height: 100%;
  border-radius: 10px;
  background: #F6F6F6;
  display: flex;
  justify-content: center;
}

.en_memo_scroll_bar {
  width: 11px;
  height: 22px;
  border-radius: 20px;
  background: #ccc;
  margin-top: 12px;
}