@charset "utf-8";

/* renew 고객지원 게시판 — 벤치마크 result/inquiry 스타일 참고 */

#bo_list { position: relative; }
#bo_list:after { display: block; visibility: hidden; clear: both; content: ""; }

#bo_list table { border: 0; width: 100%; border-collapse: collapse; table-layout: fixed; }
#bo_list .tbl_head01 { border-bottom: 1px solid #ddd; }
#bo_list .tbl_head01 thead { border-top: 2px solid var(--mc); }
#bo_list .tbl_head01 thead th {
  padding: 30px 0;
  font-size: 16.5px;
  font-weight: 600;
  color: #222;
  text-align: center;
  background: #fff;
}
#bo_list .tbl_head01 tbody td {
  font-size: 16px;
  padding: 25px 0;
  border-top: 1px solid #eee;
  vertical-align: middle;
  color: #333;
}
#bo_list .tbl_head01 tbody tr:hover { background: #fafafa; }

#bo_list .td_num2 { width: 7%; text-align: center; }
#bo_list .td_name,
#bo_list .td_cate { width: 14%; text-align: center; }
#bo_list .td_datetime { width: 13%; text-align: center; font-size: 14.5px; }
#bo_list .td_subject { text-align: left; width: auto; }

/* 인증실적: 날짜 열 없음 — 남은 컬럼이 전체 너비 사용 */
#bo_list.bo_list_no_date col.col_num { width: 9%; }
#bo_list.bo_list_no_date col.col_cate { width: 14%; }
#bo_list.bo_list_no_date col.col_subject { width: 77%; }
#bo_list.bo_list_no_date col.col_name { width: 12%; }
#bo_list.bo_list_no_date .td_num2 { width: 9%; }
#bo_list.bo_list_no_date .td_cate,
#bo_list.bo_list_no_date .td_name { width: 14%; }
#bo_list.bo_list_no_date .td_subject {
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
}
#bo_list.bo_list_no_date .tb_title {
  display: block;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

#bo_list .bo_tit { display: block; color: #000; }
#bo_list .tb_title { font-size: 18px; line-height: 150%; }
#bo_list .res_info { display: none; font-size: 15px; color: #666; }
#bo_list .res_info.date { font-weight: 300; color: #666; }
#bo_list .bo_cate_link {
  display: inline-block;
  font-size: 14px;
  padding: 10px 14px;
  line-height: 100%;
  color: #333;
  background: var(--lc, #f2f4f8);
  border-radius: 4px;
}
.bglc { background-color: var(--lc); }
#bo_list .fa-lock {
  display: inline-block;
  line-height: 14px;
  width: 16px;
  color: #4f818c;
  background: #cbe3e8;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  border: 1px solid #a2c6ce;
  margin-left: 4px;
  vertical-align: middle;
}
#bo_list .icon_reply {
  margin-right: 6px;
  vertical-align: middle;
}
#bo_list .bo_notice td { background: #f8f8f8 !important; }
#bo_list .bo_notice td a { font-weight: 700; }
#bo_list .notice_icon {
  display: inline-block;
  background: #555;
  width: 40px;
  line-height: 25px;
  border-radius: 5px;
  font-weight: normal;
  color: #fff;
  font-size: 13px;
  text-align: center;
}

.bo_fx { float: right; }
.bo_fx:after { display: block; visibility: hidden; clear: both; content: ""; }
.btn_bo_user { float: right; margin: 0; padding: 0; list-style: none; }
.btn_bo_user li { float: left; margin-left: 5px; }
.btn_bo_user a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 22px;
  font-size: 15px;
  color: #fff;
  border-radius: 4px;
}

#bo_sch {
  display: inline-block;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 3px;
}
#bo_sch:after { display: block; visibility: hidden; clear: both; content: ""; }
#bo_sch legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
#bo_sch .sch_input {
  height: 38px;
  border: 0;
  padding-left: 14px;
  font-size: 14px;
  background: transparent;
  float: left;
  width: 240px;
  outline: none;
}
#bo_sch .sch_btn {
  height: 38px;
  float: left;
  background: none;
  border: 0;
  width: 40px;
  font-size: 15px;
  cursor: pointer;
  color: #555;
}

.pg_wrap { margin-top: 50px; text-align: center; }
.pg_wrap .pg { display: inline-flex; flex-wrap: wrap; gap: 4px; align-items: center; justify-content: center; }
.pg_wrap .pg_page,
.pg_wrap .pg_current {
  display: inline-block;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  font-size: 14px;
  color: #555;
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
  border-radius: 3px;
}
.pg_wrap .pg_current {
  background: var(--mc);
  border-color: var(--mc);
  color: #fff;
  font-weight: 600;
}
.pg_wrap .pg_start,
.pg_wrap .pg_end,
.pg_wrap .pg_prev,
.pg_wrap .pg_next { font-size: 13px; }

/* view */
#bo_v_title {
  padding: 32px 0;
  border-top: 2px solid #333;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
#bo_v_title .bo_v_cate {
  display: inline-block;
  color: #111;
  font-weight: 400;
  padding: 12px 20px;
  border-radius: 30px;
  font-size: 15px;
  margin-bottom: 16px;
  background: var(--lc, #f2f4f8);
}
#bo_v_title .bo_v_tit {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  color: #111;
  line-height: 140%;
}
#bo_v_info {
  margin-top: 18px;
  font-size: 15px;
  color: #666;
  text-align: center;
}
#bo_v_con {
  width: 100%;
  line-height: 1.7;
  min-height: 200px;
  word-break: break-all;
  overflow: hidden;
  margin: 65px 0;
  font-size: 17.5px;
}
#bo_v_con img { max-width: 100%; height: auto; }
#bo_v_con p { line-height: 170%; }

.bo_v_nb {
  margin: 40px 0 20px;
  clear: both;
  border-bottom: 1px solid #ddd;
}
.bo_v_nb li {
  border-top: 1px solid #ddd;
  padding: 20px 13px;
  font-size: 16px;
}
.bo_v_nb li:hover { background: #f6f6f6; }
.bo_v_nb li a { display: block; color: #333; }
.bo_v_nb li .nb_tit { display: inline-block; padding-right: 20px; color: #888; }
.bo_v_nb li .nb_date { float: right; color: #888; font-size: 15px; }

.bo_v_btns { margin-top: 30px; text-align: center; }
.bo_v_btns a { margin: 0 4px; }

.renew_secret_box {
  margin: 60px auto;
  max-width: 520px;
  padding: 40px 30px;
  text-align: center;
  border: 1px solid #ddd;
  background: #fafafa;
}
.renew_secret_box p { font-size: 16px; line-height: 1.6; color: #555; }
.renew_secret_box .btns { margin-top: 24px; }

.empty_list {
  padding: 80px 20px;
  text-align: center;
  color: #888;
  font-size: 16px;
  border-top: 2px solid var(--mc);
  border-bottom: 1px solid #ddd;
}

.sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  border: 0;
  overflow: hidden;
}

.cl { clear: both; }
.mt-70 { margin-top: 70px; }
.mt-110 { margin-top: 110px; }

@media (max-width: 1660px) {
  #bo_list .tbl_head01 thead th { padding: calc(14px + 1vw) 0; }
  #bo_list .tbl_head01 tbody td { padding: calc(10px + 1vw) 0; }
  #bo_sch .sch_input { width: calc(100px + 8vw); }
  .mt-110 { margin-top: calc(50px + 3vw); }
}

@media (max-width: 1000px) {
  .bo_v_nb li .nb_date { display: none; }
  #bo_v_title .bo_v_tit { font-size: calc(22px + 1.5vw); }
}

@media (max-width: 767px) {
  #bo_list table { table-layout: auto; }
  #bo_list colgroup { display: none; }
  #bo_list .tb_title { line-height: 140%; font-size: 16px; }
  #bo_list .res_info { display: block; }
  #bo_list .tbl_head01 tbody tr { display: block; width: 100%; }
  #bo_list .tbl_head01 tbody td.td_subject {
    display: block;
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
  }
  #bo_list .tbl_head01 tbody td.td_subject .bo_tit { padding: 0 4px; }
  #bo_list.bo_list_no_date .td_subject {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
  }
  #bo_list.bo_list_no_date .tb_title {
    overflow-wrap: break-word;
    word-break: keep-all;
  }
  #bo_list .tbl_head01 table thead tr { display: none; }
  #bo_list .tbl_head01 table tbody tr:first-child td { border-color: #111; }
  #bo_list .td_num2,
  #bo_list .td_name,
  #bo_list .td_cate,
  #bo_list .td_datetime { display: none; }
  #bo_sch .sch_input { height: 34px; padding-left: 10px; }
  #bo_sch .sch_btn { height: 34px; }
  #bo_v_con { margin: 35px 0; font-size: 15.5px; }
  .btn_bo_user { float: none; width: 100%; text-align: right; }
}