@charset "utf-8";

/*
 * Lineagefree board system
 * 그누보드 basic 게시판 스킨 위에 공통 적용되는 테마 레이어입니다.
 * 게시판을 추가할 때 basic 스킨을 그대로 선택하면 별도 수정 없이 적용됩니다.
 */

:root {
  --lf-board-bg: #0d1724;
  --lf-board-bg-soft: #111d2c;
  --lf-board-bg-hover: #142438;
  --lf-board-line: #293a50;
  --lf-board-line-soft: #213147;
  --lf-board-text: #edf3f8;
  --lf-board-text-soft: #c8d3df;
  --lf-board-muted: #8f9eb1;
  --lf-board-accent: #42d4ca;
  --lf-board-accent-strong: #25bdb5;
  --lf-board-gold: #e6b25a;
  --lf-board-danger: #ff6f7e;
  --lf-board-radius: 16px;
}

/* common board foundation */
#bo_list,
#bo_v,
#bo_w,
#bo_gall {
  width: 100% !important;
  color: var(--lf-board-text);
  font-size: 16px;
  line-height: 1.6;
}

#bo_list *,
#bo_v *,
#bo_w *,
#bo_gall * {
  box-sizing: border-box;
}

#bo_list a,
#bo_v a,
#bo_w a,
#bo_gall a {
  color: inherit;
}

#bo_list .btn,
#bo_v .btn,
#bo_w .btn,
#bo_gall .btn,
#bo_list button,
#bo_v button,
#bo_w button,
#bo_gall button {
  font-family: inherit;
}

#bo_list .frm_input,
#bo_v .frm_input,
#bo_w .frm_input,
#bo_list select,
#bo_v select,
#bo_w select,
#bo_list textarea,
#bo_v textarea,
#bo_w textarea {
  min-height: 44px;
  border: 1px solid #344861 !important;
  border-radius: 10px !important;
  outline: 0;
  background: #08121f !important;
  color: var(--lf-board-text) !important;
  font-size: 16px;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
}

#bo_list .frm_input:focus,
#bo_v .frm_input:focus,
#bo_w .frm_input:focus,
#bo_list select:focus,
#bo_v select:focus,
#bo_w select:focus,
#bo_list textarea:focus,
#bo_v textarea:focus,
#bo_w textarea:focus {
  border-color: var(--lf-board-accent) !important;
  background: #0a1725 !important;
  box-shadow: 0 0 0 4px rgba(66, 212, 202, .11) !important;
}

#bo_list input::placeholder,
#bo_v input::placeholder,
#bo_w input::placeholder,
#bo_list textarea::placeholder,
#bo_v textarea::placeholder,
#bo_w textarea::placeholder {
  color: #728197;
  opacity: 1;
}

/* shared board controls */
#bo_list .btn_bo_user,
#bo_v .btn_bo_user,
#bo_gall .btn_bo_user {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  float: none;
  margin: 0;
}

#bo_list .btn_bo_user li,
#bo_v .btn_bo_user li,
#bo_gall .btn_bo_user li {
  float: none;
  width: auto;
  margin: 0;
  background: transparent;
}

#bo_list .btn_bo_user .btn,
#bo_v .btn_bo_user .btn,
#bo_gall .btn_bo_user .btn,
#bo_list .btn_bo_adm button,
#bo_gall .btn_bo_adm button {
  display: inline-flex;
  min-width: 44px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 14px;
  border: 1px solid #33465f !important;
  border-radius: 10px !important;
  background: #132033 !important;
  color: #dce6ef !important;
  font-size: 14px;
  font-weight: 760;
  line-height: 1;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
  transition: border-color .18s, background-color .18s, color .18s, transform .18s;
}

#bo_list .btn_bo_user .btn:hover,
#bo_v .btn_bo_user .btn:hover,
#bo_gall .btn_bo_user .btn:hover,
#bo_list .btn_bo_adm button:hover,
#bo_gall .btn_bo_adm button:hover {
  border-color: rgba(66, 212, 202, .72) !important;
  background: #17303a !important;
  color: #74e7df !important;
  transform: translateY(-1px);
}

#bo_list .btn_bo_sch::after {
  content: "검색";
}

#bo_list .btn_bo_user a[title="글쓰기"]::after,
#bo_gall .btn_bo_user a[title="글쓰기"]::after {
  content: "글쓰기";
}

#bo_v .btn_bo_user a[title="목록"]::after { content: "목록"; }
#bo_v .btn_bo_user a[title="답변"]::after { content: "답변"; }
#bo_v .btn_bo_user a[title="글쓰기"]::after { content: "글쓰기"; }

#bo_list .more_opt,
#bo_v .more_opt,
#bo_gall .more_opt,
#bo_v .bo_vc_act {
  top: 50px;
  overflow: hidden;
  border: 1px solid #3a4e68;
  border-radius: 11px;
  background: #111d2c;
  color: var(--lf-board-text-soft);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .38);
}

#bo_list .more_opt::before,
#bo_list .more_opt::after,
#bo_v .more_opt::before,
#bo_v .more_opt::after,
#bo_gall .more_opt::before,
#bo_gall .more_opt::after,
#bo_v .bo_vc_act::before,
#bo_v .bo_vc_act::after {
  display: none;
}

#bo_list .more_opt li,
#bo_v .more_opt li,
#bo_gall .more_opt li,
#bo_v .bo_vc_act li {
  width: 120px;
  padding: 0;
  border-color: var(--lf-board-line-soft);
  background: transparent;
  color: var(--lf-board-text-soft);
}

#bo_list .more_opt a,
#bo_list .more_opt button,
#bo_v .more_opt a,
#bo_v .more_opt button,
#bo_gall .more_opt a,
#bo_gall .more_opt button,
#bo_v .bo_vc_act a {
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  padding: 0 13px;
  border: 0;
  background: transparent !important;
  color: inherit !important;
  font-size: 14px;
}

#bo_list .more_opt li:hover,
#bo_v .more_opt li:hover,
#bo_gall .more_opt li:hover,
#bo_v .bo_vc_act li:hover {
  background: #18283b;
  color: #fff;
}

/* list header, category and table */
#bo_list {
  overflow: visible !important;
  margin-bottom: 32px;
  border-radius: 0 !important;
}

#bo_list form {
  width: 100%;
}

#bo_cate {
  margin: 0 0 18px;
}

#bo_cate ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#bo_cate li {
  padding: 0;
}

#bo_cate a {
  min-height: 40px;
  padding: 8px 15px;
  border: 1px solid #31435b;
  border-radius: 999px;
  background: #101c2b;
  color: #aebccd;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

#bo_cate a:hover,
#bo_cate a:focus,
#bo_cate #bo_cate_on {
  border-color: var(--lf-board-accent);
  background: rgba(66, 212, 202, .12);
  color: #75e5de;
  box-shadow: none;
}

#bo_btn_top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 14px;
}

#bo_btn_top::after {
  display: none;
}

#bo_list_total {
  float: none;
  color: var(--lf-board-muted);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.45;
}

#bo_list_total span {
  color: var(--lf-board-text-soft);
  font-weight: 800;
}

#bo_list .tbl_wrap {
  width: 100%;
  margin: 0 0 20px;
  overflow: hidden;
  border: 1px solid var(--lf-board-line);
  border-radius: var(--lf-board-radius);
  background: var(--lf-board-bg);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
}

#bo_list .tbl_wrap table {
  width: 100% !important;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent !important;
  table-layout: auto;
}

#bo_list .tbl_wrap caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

#bo_list .tbl_head01 thead th {
  height: 48px;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid #34475f;
  background: #142133;
  color: #dce5ee;
  font-size: 15px;
  font-weight: 790;
  line-height: 1.3;
  white-space: nowrap;
}

#bo_list .tbl_head01 thead th a {
  color: inherit;
}

#bo_list .tbl_head01 tbody tr {
  border: 0;
  background: transparent;
}

#bo_list .tbl_head01 tbody td,
#bo_list .tbl_head01 tbody .even td,
#bo_list .tbl_head01 tbody tr:hover td {
  height: 60px;
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid var(--lf-board-line-soft);
  background: transparent;
  color: var(--lf-board-muted);
  font-size: 15px;
  line-height: 1.45;
  transition: background-color .18s, color .18s;
}

#bo_list .tbl_head01 tbody tr:last-child td {
  border-bottom: 0;
}

#bo_list .tbl_head01 tbody tr:hover td {
  background: var(--lf-board-bg-hover);
  color: #b8c6d5;
}

#bo_list .tbl_head01 tbody .bo_notice td,
#bo_list .tbl_head01 tbody .bo_notice:hover td {
  background: rgba(230, 178, 90, .08) !important;
  border-bottom-color: rgba(230, 178, 90, .22);
}

#bo_list .td_chk { width: 46px; }
#bo_list .td_num,
#bo_list .td_num2 { width: 72px; text-align: center; }
#bo_list .td_name { width: 132px; padding: 10px 12px; text-align: center; }
#bo_list .td_datetime,
#bo_list .td_date { width: 96px; text-align: center; }

#bo_list .td_subject {
  min-width: 260px;
  padding-right: 20px !important;
  padding-left: 20px !important;
}

#bo_list .bo_tit {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
  color: var(--lf-board-text);
  font-weight: 760;
}

#bo_list .bo_tit > a {
  min-width: 0;
  color: var(--lf-board-text) !important;
  font-size: 17px;
  font-weight: 760;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

#bo_list .bo_tit > a:hover {
  color: #6ce2da !important;
  text-decoration: none;
}

#bo_list .td_name a,
#bo_list .td_name .sv_member,
#bo_list .td_name .sv_guest,
#bo_list .td_name .member,
#bo_list .td_name .guest {
  color: #becad6 !important;
  font-weight: 680;
}

#bo_list .td_num strong,
#bo_list .bo_current {
  color: var(--lf-board-accent);
}

#bo_list .notice_icon {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 0 8px;
  border-radius: 7px;
  background: rgba(230, 178, 90, .14);
  color: var(--lf-board-gold);
  font-size: 12px;
  line-height: 1;
}

#bo_list .bo_cate_link {
  display: inline-flex;
  float: none;
  height: 25px;
  align-items: center;
  margin: 0 7px 2px 0;
  padding: 0 8px;
  border: 1px solid rgba(66, 212, 202, .25);
  border-radius: 6px;
  background: rgba(66, 212, 202, .09);
  color: #69ddd5;
  font-size: 12px;
  line-height: 1;
}

#bo_list .new_icon {
  flex: 0 0 auto;
  border-radius: 5px;
  background: rgba(45, 218, 148, .14);
  color: #51e3a7;
}

#bo_list .cnt_cmt {
  flex: 0 0 auto;
  height: 20px;
  padding: 0 6px;
  border-radius: 6px;
  background: rgba(66, 212, 202, .12);
  color: #6ce2da;
  font-size: 12px;
  line-height: 20px;
}

#bo_list .empty_table {
  height: auto !important;
  padding: 72px 20px !important;
  color: var(--lf-board-muted) !important;
  font-size: 16px;
  text-align: center;
}

/* checkbox */
#bo_list .chk_box input[type="checkbox"] + label,
#bo_v .chk_box input[type="checkbox"] + label,
#bo_w .chk_box input[type="checkbox"] + label {
  color: var(--lf-board-text-soft);
}

#bo_list .chk_box input[type="checkbox"] + label span,
#bo_v .chk_box input[type="checkbox"] + label span,
#bo_w .chk_box input[type="checkbox"] + label span {
  border-color: #43566e;
  background-color: #0a1522;
}

#bo_list .chk_box input[type="checkbox"]:checked + label span,
#bo_v .chk_box input[type="checkbox"]:checked + label span,
#bo_w .chk_box input[type="checkbox"]:checked + label span {
  border-color: var(--lf-board-accent-strong);
  background-color: var(--lf-board-accent-strong);
}

/* pagination */
#bo_list .pg_wrap,
#bo_gall .pg_wrap {
  display: block;
  float: none;
  margin: 24px 0;
  text-align: center;
}

#bo_list .pg,
#bo_gall .pg {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

#bo_list .pg_page,
#bo_list .pg_current,
#bo_gall .pg_page,
#bo_gall .pg_current {
  display: inline-flex;
  width: auto;
  min-width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #304159;
  border-radius: 10px;
  background: #101b2a;
  color: #9eadbf;
  font-size: 14px;
  font-weight: 720;
  line-height: 1;
}

#bo_list .pg_page:hover,
#bo_gall .pg_page:hover {
  border-color: rgba(66, 212, 202, .65);
  color: #6ce2da;
}

#bo_list .pg_current,
#bo_gall .pg_current {
  border-color: var(--lf-board-accent-strong);
  background: var(--lf-board-accent-strong);
  color: #061412;
}

#bo_list .bo_fx,
#bo_gall .bo_fx {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  float: none;
  margin: 14px 0 0;
}

/* search dialog */
#bo_list .bo_sch_wrap {
  position: fixed;
  z-index: 1200;
  inset: 0;
}

#bo_list .bo_sch_bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 6, 13, .76);
  backdrop-filter: blur(5px);
}

#bo_list .bo_sch {
  z-index: 1;
  top: 50%;
  left: 50%;
  width: min(420px, calc(100vw - 32px));
  max-height: none;
  margin: 0;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #3a4e68;
  border-radius: 16px;
  background: #101b2a;
  color: var(--lf-board-text);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .58);
  transform: translate(-50%, -50%);
}

#bo_list .bo_sch .bo_sch_title {
  margin: 0;
  padding: 18px 20px;
  border-bottom: 1px solid var(--lf-board-line);
  color: #f0f4f8;
  font-size: 18px;
}

#bo_list .bo_sch form { padding: 20px; }
#bo_list .bo_sch select { width: 100%; }

#bo_list .bo_sch .sch_bar {
  display: flex;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #344861;
  border-radius: 10px;
  background: #08121f;
  box-shadow: none;
}

#bo_list .bo_sch .sch_input {
  min-width: 0;
  flex: 1;
  float: none;
  padding: 0 12px;
  border: 0 !important;
  box-shadow: none !important;
}

#bo_list .bo_sch .sch_btn {
  flex: 0 0 48px;
  float: none;
  width: 48px;
  min-height: 44px;
  border: 0;
  background: transparent;
  color: var(--lf-board-accent);
}

#bo_list .bo_sch .bo_sch_cls {
  top: 8px;
  right: 8px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: #18263a;
  color: #a9b7c8;
}

/* post view */
#bo_v {
  position: relative;
  overflow: visible !important;
  margin-bottom: 32px;
  padding: 34px 38px 38px;
  border: 1px solid var(--lf-board-line);
  border-radius: var(--lf-board-radius) !important;
  background: var(--lf-board-bg) !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, .26);
}

#bo_v_title {
  margin: 0;
  padding: 0 0 22px;
}

#bo_v_title .bo_v_cate {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  margin-bottom: 10px;
  padding: 0 10px;
  border: 1px solid rgba(66, 212, 202, .3);
  border-radius: 7px;
  background: rgba(66, 212, 202, .1);
  color: #69ddd5;
  font-size: 13px;
  line-height: 1;
}

#bo_v_title .bo_v_tit {
  margin: 0;
  color: #f0f5f9 !important;
  font-size: clamp(25px, 2.3vw, 34px);
  font-weight: 840;
  line-height: 1.35;
  letter-spacing: -.025em;
}

#bo_v_info {
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0;
  padding: 18px 0;
  border-top: 1px solid var(--lf-board-line-soft);
  border-bottom: 1px solid var(--lf-board-line-soft);
  color: var(--lf-board-muted);
}

#bo_v_info .profile_info {
  display: flex;
  align-items: center;
  float: none;
  margin: 0;
}

#bo_v_info .profile_info .pf_img {
  flex: 0 0 auto;
  float: none;
  margin-right: 12px;
}

#bo_v_info .profile_info .pf_img img {
  width: 46px;
  height: 46px;
  border: 1px solid #31445c;
  border-radius: 50%;
  background: #142133;
}

#bo_v_info .profile_info .profile_info_ct {
  float: none;
  padding: 0;
  color: #8f9fb2;
  font-size: 14px;
  line-height: 1.65;
}

#bo_v_info .profile_info_ct strong,
#bo_v_info .profile_info_ct strong a,
#bo_v_info .profile_info_ct .sv_member,
#bo_v_info .profile_info_ct .sv_guest {
  color: #c6d1dc !important;
}

#bo_v_info .profile_info_ct > strong:first-of-type,
#bo_v_info .profile_info_ct > strong:first-of-type a {
  color: #f0f4f8 !important;
  font-size: 15px;
  font-weight: 780;
}

#bo_v_info .if_date { color: #7f8ea2; }

#bo_v_top {
  flex: 0 0 auto;
}

#bo_v_top ul {
  background: transparent;
}

#bo_v .bo_v_com {
  display: flex;
  float: none;
  margin: 0;
}

#bo_v_atc {
  min-height: 240px;
  padding: 28px 0 8px;
}

#bo_v_share {
  display: flex;
  gap: 8px;
  padding: 0 0 10px;
}

#bo_v_share .btn {
  display: inline-flex;
  width: auto;
  min-height: 38px;
  align-items: center;
  padding: 0 12px;
  border: 1px solid #34475f;
  border-radius: 9px;
  background: #111e2d;
  color: #b9c6d4;
  font-size: 14px;
}

.lf-import-card {
  margin: 8px 0 26px;
  padding: 24px;
  border: 1px solid #2c4659;
  border-radius: 16px;
  background: linear-gradient(145deg, #102330, #0d1927 66%);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}

.lf-import-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.lf-import-card-head span,
.lf-original-content > header span {
  display: block;
  color: #4bd7cd;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 840;
  letter-spacing: .1em;
}

.lf-import-card-head h3,
.lf-original-content > header h3 {
  margin: 6px 0 0;
  color: #f1f6fa;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 840;
  letter-spacing: -.025em;
}

.lf-import-card-head > b {
  flex: 0 0 auto;
  padding: 7px 11px;
  border: 1px solid rgba(75, 215, 205, .4);
  border-radius: 999px;
  background: rgba(75, 215, 205, .1);
  color: #75e6de;
  font-size: 13px;
  line-height: 1;
}

.lf-import-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 20px 0 0;
}

.lf-import-facts > div {
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid #273a4f;
  border-radius: 11px;
  background: rgba(7, 15, 25, .48);
}

.lf-import-facts dt {
  color: #7f91a6;
  font-size: 12px;
  line-height: 1.3;
}

.lf-import-facts dd {
  margin: 5px 0 0;
  overflow: hidden;
  color: #e2ebf2;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 720;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lf-import-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 16px;
}

.lf-import-actions a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 7px;
  padding: 0 15px;
  border: 1px solid #344a61;
  border-radius: 10px;
  background: #142235;
  color: #c8d4df !important;
  font-size: 14px;
  font-weight: 760;
  text-decoration: none !important;
}

.lf-import-actions a.is-primary {
  border-color: #34cbbf;
  background: #25b9b0;
  color: #061614 !important;
}

.lf-import-card > p {
  margin: 15px 0 0;
  color: #8293a7;
  font-size: 13px;
  line-height: 1.65;
}

.lf-rewritten-content #bo_v_con {
  color: #dbe6ef;
  font-size: 17px;
  line-height: 1.85;
}

.lf-rewritten-content #bo_v_con .lf-rewrite-lead {
  margin: 0 0 28px;
  padding: 18px 20px;
  border-left: 3px solid #3bd1c5;
  border-radius: 0 12px 12px 0;
  background: rgba(42, 190, 179, .08);
  color: #edf7f7;
}

.lf-rewritten-content #bo_v_con h3 {
  margin: 34px 0 14px;
  color: #f1f7fb;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -.02em;
}

.lf-rewritten-content #bo_v_con ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lf-rewritten-content #bo_v_con li {
  position: relative;
  padding-left: 20px;
}

.lf-rewritten-content #bo_v_con li::before {
  position: absolute;
  top: .05em;
  left: 0;
  color: #49d7cc;
  content: '•';
  font-weight: 900;
}

.lf-rewritten-content #bo_v_con .lf-rewrite-link,
.lf-rewritten-content #bo_v_con .lf-rewrite-links > p {
  margin: 20px 0 0;
  padding: 15px 17px;
  overflow-wrap: anywhere;
  border: 1px solid #263d50;
  border-radius: 11px;
  background: rgba(7, 15, 25, .55);
}

.lf-rewritten-content #bo_v_con a {
  color: #5ce0d6 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.lf-original-content {
  margin-top: 4px;
  padding: 24px;
  border: 1px solid #293a4f;
  border-radius: 15px;
  background: #0d1724;
}

.lf-original-content > header {
  padding-bottom: 17px;
  border-bottom: 1px solid #26374a;
}

.lf-original-content #bo_v_con {
  min-height: 0;
  padding-bottom: 4px;
}

#bo_v_con {
  width: 100%;
  min-height: 220px;
  margin: 0;
  padding: 20px 0 32px;
  overflow: hidden;
  color: #dbe4ec !important;
  font-size: 17px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

#bo_v_con a {
  color: #65dfd7 !important;
  text-decoration-color: rgba(101, 223, 215, .5);
  text-underline-offset: 3px;
}

#bo_v_con img,
#bo_v_img img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

#bo_v_file li,
#bo_v_link li {
  min-height: 72px;
  margin: 12px 0;
  padding: 15px 18px;
  border: 1px solid #304159;
  border-radius: 12px;
  background: #101b2a;
  color: var(--lf-board-text-soft);
  box-shadow: none;
}

#bo_v_file li:hover,
#bo_v_link li:hover {
  border-color: rgba(66, 212, 202, .58);
  background: #132235;
}

#bo_v_file li i,
#bo_v_link li i { color: var(--lf-board-accent); }

#bo_v_file a,
#bo_v_link a,
#bo_v_file li:hover a,
#bo_v_link li:hover a {
  color: #dce6ef !important;
}

#bo_v_file .bo_v_file_cnt,
#bo_v_link .bo_v_link_cnt { color: #7f8fa2; }

#bo_v_act .bo_v_good,
#bo_v_act .bo_v_nogood {
  border-color: #34475f;
  background: #111e2d;
  color: #b9c6d4;
}

#bo_v_act a:hover {
  border-color: var(--lf-board-accent);
  background: #132b32;
  color: #6de3db;
}

#bo_v .bo_v_nb {
  overflow: hidden;
  margin: 24px 0;
  border: 1px solid var(--lf-board-line);
  border-radius: 12px;
  background: #101a28;
}

#bo_v .bo_v_nb li,
#bo_v .bo_v_nb li:last-child {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 17px;
  border: 0;
  border-bottom: 1px solid var(--lf-board-line-soft);
  color: var(--lf-board-text-soft);
}

#bo_v .bo_v_nb li:last-child { border-bottom: 0; }
#bo_v .bo_v_nb li:hover { background: #142235; }
#bo_v .bo_v_nb .nb_tit { min-width: 72px; color: #7f8fa2; }
#bo_v .bo_v_nb a { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#bo_v .bo_v_nb .nb_date { flex: 0 0 auto; color: #718196; }

/* comments */
#bo_v .cmt_btn {
  width: 100%;
  min-height: 58px;
  margin: 26px 0 0;
  padding: 0 18px;
  border: 1px solid var(--lf-board-line);
  border-radius: 12px;
  background: #111d2c !important;
  color: var(--lf-board-text) !important;
  font-weight: 760;
  text-align: left;
}

#bo_v .cmt_btn b,
#bo_v .cmt_btn .total {
  color: var(--lf-board-text) !important;
}

#bo_v .cmt_btn .total::after {
  display: none;
}

#bo_v .cmt_btn .cmt_more {
  width: 28px;
  height: 28px;
  margin: 0;
  border-radius: 8px;
  background: #1a2a3f;
}

#bo_v .cmt_btn .cmt_more::before {
  display: block;
  color: #9baabc;
  content: "+";
  font-size: 20px;
  line-height: 27px;
  text-align: center;
}

#bo_vc article {
  min-height: 88px;
  margin: 0;
  padding: 22px 4px;
  border-bottom: 1px solid var(--lf-board-line-soft);
}

#bo_vc article .cm_wrap {
  max-width: calc(100% - 66px);
}

#bo_vc article .pf_img img {
  width: 46px;
  height: 46px;
  border: 1px solid #31445c;
  background: #142133;
}

#bo_vc header,
#bo_vc .member,
#bo_vc .guest,
#bo_vc .sv_member,
#bo_vc .sv_guest {
  color: #dce5ed;
}

#bo_vc .bo_vc_hdinfo { color: #748499; }
#bo_vc .cmt_contents { color: #c7d2dd; font-size: 16px; }
#bo_vc_empty { padding: 54px 0 !important; color: #7f8fa2; }

#bo_v .bo_vc_w {
  margin: 18px 0 0;
  padding: 18px;
  border: 1px solid var(--lf-board-line);
  border-radius: 12px;
  background: #101a28;
}

#bo_v .bo_vc_w textarea {
  width: 100%;
  height: 130px;
  padding: 14px 15px;
  resize: vertical;
  box-shadow: none;
}

#bo_v .bo_vc_w_info { margin: 12px 0 0; }

#bo_v .bo_vc_w .btn_confirm {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

#bo_v .bo_vc_w .btn_submit {
  min-width: 112px;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--lf-board-accent-strong) !important;
  border-radius: 10px;
  background: var(--lf-board-accent-strong) !important;
  color: #061412 !important;
  font-size: 15px;
  font-weight: 820;
}

/* write form */
#bo_w {
  overflow: visible !important;
  margin-bottom: 32px;
  padding: 30px 34px 34px;
  border: 1px solid var(--lf-board-line);
  border-radius: var(--lf-board-radius) !important;
  background: var(--lf-board-bg);
  box-shadow: 0 20px 52px rgba(0, 0, 0, .24);
}

#bo_w #fwrite {
  width: 100% !important;
}

#bo_w .write_div {
  margin: 14px 0;
}

#bo_w .frm_input,
#bo_w select {
  height: 48px;
  padding: 0 14px;
}

#bo_w .full_input { width: 100%; }
#bo_w .half_input { width: calc(50% - 7px); }

#bo_w .bo_w_info {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

#bo_w .bo_w_info .frm_input {
  float: none;
  margin: 0 !important;
}

#bo_w .bo_v_option {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--lf-board-line-soft);
  border-radius: 10px;
  background: #101a28;
}

#bo_w .bo_v_option li {
  float: none;
  margin: 0;
}

#bo_w #wr_subject { padding-right: 140px; }

#bo_w #btn_autosave,
#bo_w .btn_frmline {
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid #3a4d66;
  border-radius: 8px;
  background: #17253a;
  color: #b9c6d4;
  font-size: 13px;
  font-weight: 700;
}

#bo_w .wr_content textarea {
  width: 100%;
  min-height: 360px;
  padding: 16px;
  resize: vertical;
}

#bo_w .wr_content.smarteditor2 {
  overflow: hidden;
  border-radius: 10px;
}

#bo_w .wr_content.smarteditor2 iframe { background: #fff; }

#bo_w .bo_w_link label,
#bo_w .bo_w_flie .lb_icon {
  top: 1px;
  left: 1px;
  height: 46px;
  line-height: 46px;
  color: #8090a4;
}

#bo_w .bo_w_flie .file_wr {
  height: auto;
  min-height: 50px;
  padding: 7px 10px 7px 48px;
  border: 1px solid #344861;
  border-radius: 10px;
  background: #08121f;
  color: var(--lf-board-text-soft);
}

#bo_w .bo_w_flie .frm_file {
  width: 100%;
  min-height: 34px;
  padding: 3px 0;
  color: #aebccd;
}

#bo_w .btn_confirm {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
}

#bo_w .btn_confirm .btn {
  display: inline-flex;
  min-width: 112px;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 800;
}

#bo_w .btn_cancel {
  border: 1px solid #3a4d66;
  background: #172438;
  color: #c2cdd9;
}

#bo_w .btn_submit {
  border: 1px solid var(--lf-board-accent-strong) !important;
  background: var(--lf-board-accent-strong) !important;
  color: #061412 !important;
}

#bo_w #autosave_pop {
  border-color: #3a4d66;
  border-radius: 11px;
  background: #111d2c;
  color: var(--lf-board-text-soft);
  box-shadow: 0 20px 44px rgba(0, 0, 0, .38);
}

#bo_w #autosave_pop::before,
#bo_w #autosave_pop::after { display: none; }
#bo_w #autosave_pop ul { border-color: var(--lf-board-line-soft); }
#bo_w #autosave_pop li { border-color: var(--lf-board-line-soft); background: #142235; }
#bo_w .autosave_close { color: #aebccd; }

/* gallery skin shares the same controls and surface language */
#bo_gall {
  margin-bottom: 32px;
  color: var(--lf-board-text);
}

#bo_gall .gall_box,
#bo_gall .gall_li {
  border-color: var(--lf-board-line) !important;
  background: var(--lf-board-bg) !important;
  color: var(--lf-board-text-soft) !important;
}

#bo_gall .gall_text_href a,
#bo_gall .gall_href a { color: var(--lf-board-text) !important; }

/* tablet */
@media (max-width: 900px) {
  #bo_list .tbl_head01 thead th { padding: 0 9px; font-size: 14px; }
  #bo_list .tbl_head01 tbody td,
  #bo_list .tbl_head01 tbody .even td,
  #bo_list .tbl_head01 tbody tr:hover td { padding: 10px 9px; }
  #bo_list .td_name { width: 112px; }
  #bo_list .td_datetime { width: 84px; }
  #bo_list .td_subject { min-width: 220px; padding-right: 14px !important; padding-left: 14px !important; }
  #bo_list .bo_tit > a { font-size: 16px; }

  #bo_v { padding: 28px; }
  #bo_v_info { align-items: flex-start; flex-direction: column; }
  #bo_v_top { width: 100%; }
  #bo_v .bo_v_com { justify-content: flex-start; }

  #bo_w { padding: 26px; }

}

/* mobile card list */
@media (max-width: 640px) {
  #bo_list,
  #bo_v,
  #bo_w,
  #bo_gall { font-size: 15px; }

  #bo_btn_top {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
  }

  #bo_list_total { font-size: 14px; }
  #bo_list #bo_btn_top .btn_bo_user { width: 100%; justify-content: flex-start; }

  #bo_list .btn_bo_user .btn,
  #bo_v .btn_bo_user .btn,
  #bo_gall .btn_bo_user .btn {
    min-height: 42px;
    padding: 0 12px;
    font-size: 13px;
  }

  #bo_list .tbl_wrap {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  #bo_list .tbl_wrap table,
  #bo_list .tbl_wrap tbody {
    display: block;
    width: 100% !important;
  }

  #bo_list .tbl_wrap thead { display: none; }

  #bo_list .tbl_head01 tbody {
    display: grid;
    gap: 8px;
  }

  #bo_list .tbl_head01 tbody tr {
    position: relative;
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px 14px;
    padding: 12px 15px;
    overflow: hidden;
    border: 1px solid var(--lf-board-line);
    border-radius: 14px;
    background: var(--lf-board-bg);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .17);
  }

  #bo_list .tbl_head01 tbody tr:hover {
    border-color: rgba(66, 212, 202, .48);
    background: #112033;
  }

  #bo_list .tbl_head01 tbody td,
  #bo_list .tbl_head01 tbody .even td,
  #bo_list .tbl_head01 tbody tr:hover td {
    display: block;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent !important;
    color: var(--lf-board-muted);
    text-align: left;
  }

  #bo_list .tbl_head01 tbody tr.bo_notice,
  #bo_list .tbl_head01 tbody tr.bo_notice:hover {
    border-color: rgba(230, 178, 90, .32);
    background: rgba(230, 178, 90, .07);
  }

  #bo_list .td_subject {
    grid-column: 1 / -1;
    grid-row: 1;
    min-width: 0;
    padding: 0 !important;
  }

  #bo_list .bo_tit {
    display: block;
    font-size: 16.5px;
    line-height: 1.48;
  }

  #bo_list .bo_tit > a {
    display: inline;
    width: auto;
    color: #eef4f8 !important;
    font-size: 16.5px;
    font-weight: 790;
    line-height: 1.48;
  }

  #bo_list .td_name {
    grid-column: 1;
    grid-row: 2;
    font-size: 13px;
  }

  #bo_list .td_name::before {
    margin-right: 5px;
    color: #697a90;
    content: "작성자";
    font-size: 12px;
  }

  #bo_list .td_datetime,
  #bo_list .td_date {
    grid-column: 2;
    grid-row: 2;
    color: #7f8fa2 !important;
    font-size: 13px;
    white-space: nowrap;
  }

  #bo_list .td_num2,
  #bo_list .td_num { display: none !important; }

  #bo_list .td_chk {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 13px;
    display: block !important;
  }

  #bo_list .td_chk + .td_num2 + .td_subject,
  #bo_list .td_chk + .td_subject { padding-right: 30px !important; }

  #bo_list .empty_table {
    display: block !important;
    grid-column: 1 / -1;
    padding: 50px 12px !important;
  }

  #bo_list .bo_fx { margin-top: 16px; }
  #bo_list .bo_fx .btn_bo_user { width: 100%; justify-content: flex-end; }

  #bo_list .pg_page,
  #bo_list .pg_current,
  #bo_gall .pg_page,
  #bo_gall .pg_current {
    min-width: 38px;
    height: 38px;
  }

  #bo_list .bo_sch form { padding: 17px; }

  #bo_v {
    padding: 21px 18px 24px;
    border-radius: 14px !important;
  }

  #bo_v_title { padding-bottom: 17px; }
  #bo_v_title .bo_v_tit { font-size: 23px; line-height: 1.42; }

  #bo_v_info {
    gap: 15px;
    padding: 16px 0;
  }

  #bo_v_info .profile_info { width: 100%; }
  #bo_v_info .profile_info .pf_img img { width: 42px; height: 42px; }
  #bo_v_info .profile_info .profile_info_ct { min-width: 0; font-size: 13px; }
  #bo_v_info .profile_info_ct strong { margin-right: 6px; }

  #bo_v .bo_v_com {
    width: 100%;
    flex-wrap: wrap;
  }

  #bo_v .bo_v_com li { flex: 1; }
  #bo_v .bo_v_com .btn { width: 100%; }

  #bo_v_atc { min-height: 200px; padding-top: 20px; }
  #bo_v_con { min-height: 180px; padding: 14px 0 24px; font-size: 16px; line-height: 1.8; }

  .lf-import-card { padding: 18px; }
  .lf-import-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lf-import-actions a { flex: 1 1 180px; justify-content: center; }
  .lf-original-content { padding: 18px; }

  #bo_v_file li,
  #bo_v_link li { padding: 13px; }
  #bo_v_file li i,
  #bo_v_link li i { margin-right: 11px; font-size: 1.65em; }

  #bo_v .bo_v_nb li { gap: 8px; padding: 13px; }
  #bo_v .bo_v_nb .nb_tit { min-width: 58px; }
  #bo_v .bo_v_nb .nb_date { display: none; }

  #bo_v .cmt_btn { min-height: 54px; padding: 0 14px; }
  #bo_vc article .pf_img { margin-right: 9px; }
  #bo_vc article .pf_img img { width: 40px; height: 40px; }
  #bo_vc article .cm_wrap { width: calc(100% - 49px); max-width: none; }
  #bo_v .bo_vc_w { padding: 14px; }
  #bo_v .bo_vc_w .btn_confirm { align-items: flex-end; flex-direction: column; }
  #bo_v .bo_vc_w .btn_submit { width: 100%; }

  #bo_w {
    padding: 20px 17px 24px;
    border-radius: 14px !important;
  }

  #bo_w .bo_w_info { display: block; }
  #bo_w .half_input { width: 100%; }
  #bo_w .bo_w_info .frm_input { margin-bottom: 10px !important; }
  #bo_w #wr_subject { padding-right: 14px; }
  #bo_w .bo_w_tit #btn_autosave { position: static; width: 100%; margin-top: 8px; }
  #bo_w .wr_content textarea { min-height: 300px; }
  #bo_w .bo_w_flie .file_del { position: static; display: block; margin-top: 8px; }
  #bo_w .btn_confirm { display: grid; grid-template-columns: 1fr 1fr; }
  #bo_w .btn_confirm .btn { width: 100%; min-width: 0; }
}

@media (max-width: 480px) {
  .lf-import-facts { grid-template-columns: 1fr; }
  .lf-import-facts dd {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

}

@media (max-width: 380px) {
  #bo_list #bo_btn_top .btn_bo_user { flex-wrap: wrap; }
  #bo_list .btn_bo_user .btn,
  #bo_v .btn_bo_user .btn { padding: 0 10px; }
  #bo_v_info .profile_info_ct > strong { display: inline-block; }
  .lf-import-card-head { flex-direction: column; gap: 12px; }
}


/* Shared board frame and category-aware search title input. */
.lf-board-heading { margin: 0 0 24px; padding: 0 0 18px; border-bottom: 1px solid #34475f; font-size: 21px; line-height: 1.4; font-weight: 750; }
.lf-board-heading a { color: #c9d5e3; text-decoration: none; }
.lf-board-heading a:hover { color: #54ddc9; }
.lf-board-common { margin: 0 0 28px; padding: 24px; border: 1px solid #34475f; border-radius: 14px; background: #101b2a; color: #cfdae7; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.lf-board-common-tail { margin: 28px 0 0; }
.lf-board-common h2 { font-size: 21px; line-height: 1.45; margin: 0 0 14px; color: #f1f5fa; }
.lf-board-common h3 { font-size: 18px; line-height: 1.5; margin: 22px 0 10px; }
.lf-board-common p { margin: 0 0 12px; }
.lf-board-common > :last-child { margin-bottom: 0; }
.lf-board-following-list { clear: both; margin-top: 36px; padding-top: 28px; border-top: 1px solid #34475f; }
.lf-board-following-list > .lf-board-list-title { margin: 0 0 18px; color: #edf3fa; font-size: 22px; font-weight: 780; }
@media (max-width: 640px) {
 .lf-board-heading { font-size: 18px; margin-bottom: 18px; }
 .lf-board-common { padding: 18px; font-size: 15px; }
 .lf-board-following-list { margin-top: 26px; padding-top: 22px; }
 .lf-board-following-list > .lf-board-list-title { font-size: 20px; }
}

/* Server promotion fields share the board palette and remain readable on mobile. */
#bo_w.lf-promo-write .bo_w_select {max-width:400px;margin-bottom:24px}
#bo_w.lf-promo-write .bo_w_select label {position:static!important;display:block!important;width:auto!important;height:auto!important;overflow:visible!important;font-size:15px;font-weight:700;line-height:1.5;margin:0 0 14px!important;padding:0!important;clip:auto!important;white-space:normal!important}
#bo_w.lf-promo-write .bo_w_select label strong {margin-left:8px;font-size:12px;color:var(--lf-board-accent)}
#bo_w.lf-promo-write .bo_w_select select {width:100%;min-height:52px;font-size:16px}
#bo_w .lf-promo-fields {min-width:0;margin:26px 0 16px;padding:24px;border:1px solid #456279;border-radius:16px;background:linear-gradient(135deg,#13273a,#101d2c)}
#bo_w .lf-promo-fields legend {padding:0 10px;color:#f0f7fd;font-size:19px;font-weight:800}
#bo_w .lf-promo-intro {margin:0 0 20px;color:#d5e1ed;font-size:16px}
#bo_w .lf-promo-intro strong {color:#70e6db}
#bo_w .lf-promo-inputs {display:grid;grid-template-columns:1fr;gap:22px}
#bo_w .lf-promo-messengers {min-width:0;padding:20px;border:1px solid #46647b;border-radius:12px;background:#172d41}
#bo_w #lf-messenger-label {margin:0 0 16px;color:#f1f7fd;font-size:17px;font-weight:750}
#bo_w .lf-promo-messenger-inputs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#bo_w .lf-promo-intro {line-height:1.75}
#bo_w .lf-promo-intro span {display:block;color:#d9e6f2}
#bo_w .lf-promo-field:has(#lf_telegram) label {color:#96ddff}
#bo_w .lf-promo-field:has(#lf_kakao) label {color:#ffe18a}
#bo_w .lf-promo-field:has(#lf_discord) label {color:#c7c6ff}
#bo_w .lf-promo-field {min-width:0}
#bo_w .lf-promo-field label {display:block;margin-bottom:10px;font-size:16px;font-weight:700;color:#e6eff8}
#bo_w .lf-promo-field input {display:block;min-width:0;width:100%;height:52px;padding:0 14px;border:1px solid #53677d;border-radius:9px;background:#0b1522;color:#f2f7fb;font-family:inherit;font-size:16px;outline:none}
#bo_w .lf-promo-field input::placeholder {color:#93a6ba}
#bo_w .lf-promo-field input:focus {border-color:#70e6db;box-shadow:0 0 0 3px #42d4ca22}
#bo_w .lf-promo-field input[aria-invalid="true"] {border-color:#ff8e9a}
#bo_w #lf-promo-rule {margin:22px 0 0;padding:16px 18px;border-left:3px solid #87e9db;border-radius:0 8px 8px 0;background:#1d3b49;color:#edf7fc;font-size:16px;line-height:1.8}
#bo_w #lf-promo-rule strong {display:block;color:#b2fff0;font-weight:700}
#bo_w #lf-promo-rule span {display:block}
#bo_w #lf-promo-error {min-height:22px;margin:8px 0 0;color:#a7d6c8;font-size:14px;font-weight:600}
#bo_w .has-error #lf-promo-error {color:#ffabb4}
#bo_w .lf-promo-limit {margin:0 0 24px;padding:18px 20px;border:1px solid #716348;border-radius:12px;background:#2a2c2c;color:#f2e9d6;font-size:16px;line-height:1.8}
#bo_w .lf-promo-limit p {margin:7px 0;color:inherit;font-size:inherit;line-height:inherit}
#bo_w .lf-promo-limit-title {color:#fff2d5;font-size:17px}
#bo_w .lf-promo-limit-warning {display:block;color:#ffd28c;font-size:16px}
#bo_w.lf-promo-write #wr_content {min-height:300px;font-size:16px;line-height:1.85}
#bo_w.lf-promo-write #wr_content::placeholder {color:#94a6b8}
#bo_v .lf-promo-links {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 28px}
#bo_v .lf-promo-links a {display:flex;align-items:center;justify-content:space-between;min-width:0;gap:14px;padding:18px 20px;border:1px solid #49677b;border-radius:12px;background:#14283a;text-decoration:none;color:#eff7fc}
#bo_v .lf-promo-links a:hover,#bo_v .lf-promo-links a:focus-visible {border-color:#70e6db;background:#1a3447;outline-offset:3px}
#bo_v .lf-promo-links a>span:first-child {min-width:0}
#bo_v .lf-promo-links strong {display:block;font-size:17px}
#bo_v .lf-promo-links small {display:block;margin-top:5px;color:#acc6d9;font-size:13px;overflow-wrap:anywhere}
@media(max-width:900px){#bo_w .lf-promo-inputs{grid-template-columns:1fr}#bo_w .lf-promo-messenger-inputs{grid-template-columns:1fr}#bo_v .lf-promo-links{grid-template-columns:1fr}}
@media(max-width:640px){#bo_w .lf-promo-fields{padding:18px 15px;margin-top:22px;border-radius:12px}#bo_w .lf-promo-fields legend{font-size:18px}#bo_w.lf-promo-write .bo_w_select{max-width:none}#bo_w .lf-promo-inputs{gap:17px}#bo_v .lf-promo-links a{padding:16px}#bo_w #lf-promo-rule,#bo_w .lf-promo-limit{font-size:16px;padding:16px}#bo_w .lf-promo-messenger-inputs{grid-template-columns:1fr;gap:18px}#bo_w .lf-promo-messengers{padding:17px 14px}}

#bo_list .lf-post-list-version, #bo_gall .lf-post-list-version {color:#8be6d8;font-weight:700}

/* Compact title input: the hint is inside the input, and errors take space only when needed. */
#bo_w .lf-title-input {position:relative;display:block;width:100%}
#bo_w .lf-title-placeholder {display:none;pointer-events:none;position:absolute;left:14px;right:14px;top:50%;transform:translateY(-50%);color:#b3c2d3;font-size:16px;line-height:1.55;white-space:normal}
#bo_w #wr_subject::placeholder {color:#b3c2d3;opacity:1;font-size:16px}
#bo_w .lf-title-error {margin:8px 0 0;color:#ffadb5;font-size:14px;line-height:1.6;font-weight:700}
#bo_w .lf-title-error[hidden] {display:none!important}
#bo_w #wr_subject[aria-invalid="true"] {border-color:#f58b9a;box-shadow:0 0 0 3px #f58b9a16}
#bo_w.lf-promo-write .bo_w_select label {font-size:17px;display:flex!important;align-items:center;gap:10px}
#bo_w.lf-promo-write .bo_w_select label strong {margin:0;padding:3px 8px;border:1px solid #3c776f;border-radius:6px;background:#143a36;color:#a0f3df;font-size:14px;line-height:1.3}
#bo_w.lf-promo-write .bo_w_select select {height:56px;min-height:56px;padding-right:50px;font-size:17px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m4 7 6 6 6-6' stroke='%23cae8e4' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 17px center!important;background-size:20px 20px!important}

/* Promotion detail: title, addresses, body, then metadata and actions. */
#bo_v.lf-board-view {padding:32px 36px 28px;border-color:#3c526a!important;background:linear-gradient(155deg,#111f30 0%,#0e1927 55%)!important}
#bo_v.lf-board-view #bo_v_title {padding:0 0 26px;border-bottom:1px solid #3b5166}
#bo_v.lf-board-view #bo_v_title .bo_v_tit {display:block;font-size:clamp(26px,2.3vw,34px);font-weight:800;line-height:1.5;overflow-wrap:anywhere}
#bo_v.lf-board-view .lf-post-version {color:#8be6d8;font-size:.88em;font-weight:800}
#bo_v.lf-board-view #bo_v_atc {min-height:0;padding:0}
#bo_v.lf-board-view .lf-promo-links {grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));margin:24px 0;gap:14px}
#bo_v.lf-board-view .lf-promo-links a {min-height:94px;gap:16px;padding:20px 22px;border:1px solid #527084;border-radius:13px;background:linear-gradient(115deg,#1c384c,#162c3e);box-shadow:inset 0 1px 0 #ffffff08}
#bo_v.lf-board-view .lf-promo-links a:hover {border-color:#8ce7d8;background:#22445a}
#bo_v.lf-board-view .lf-promo-link-icon {display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #4c827f;border-radius:11px;background:#244c51;color:#a5f0e3}
#bo_v.lf-board-view .lf-promo-link-icon svg {width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
#bo_v.lf-board-view .lf-promo-link-copy {flex:1;min-width:0}
#bo_v.lf-board-view .lf-promo-links strong {font-size:18px;line-height:1.45}
#bo_v.lf-board-view .lf-promo-links small {font-size:14px;color:#bfcedc;line-height:1.6}
#bo_v.lf-board-view .lf-promo-link-action {display:flex;align-items:center;gap:10px;flex:0 0 auto;font-size:14px;font-weight:700;color:#9becdc}
#bo_v.lf-board-view .lf-promo-link-action b {font-size:21px;font-weight:500}
#bo_v.lf-board-view #bo_v_con {min-height:0;margin:0;padding:8px 0 30px;font-size:18px;line-height:1.9;color:#edf2f7!important;overflow:visible;overflow-wrap:anywhere}
#bo_v.lf-board-view .lf-post-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:0;padding:20px 22px;border:1px solid #3b5065;border-radius:12px;background:#152437}
#bo_v.lf-board-view .lf-post-author {display:flex;align-items:center;gap:12px;min-width:0}
#bo_v.lf-board-view .lf-post-avatar {display:flex;flex:0 0 42px}
#bo_v.lf-board-view .lf-post-avatar img {width:42px;height:42px;border:1px solid #526a7f;border-radius:50%;background:#233b50}
#bo_v.lf-board-view .lf-post-author-copy {display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
#bo_v.lf-board-view .lf-post-author-label {font-size:14px;color:#b8c9db}
#bo_v.lf-board-view .lf-post-author-copy strong,#bo_v.lf-board-view .lf-post-author-copy strong a {font-size:16px;color:#f0f6fc;font-weight:750;overflow-wrap:anywhere}
#bo_v.lf-board-view .lf-post-author-copy small {font-size:13px;color:#b8c9db}
#bo_v.lf-board-view .lf-post-stats {display:flex;flex-wrap:wrap;gap:12px 22px;margin:0}
#bo_v.lf-board-view .lf-post-stats div {display:flex;align-items:center;gap:8px}
#bo_v.lf-board-view .lf-post-stats dt {font-size:14px;color:#b8c9db}
#bo_v.lf-board-view .lf-post-stats dd {margin:0;font-size:14px;font-weight:600;color:#edf4fc}
#bo_v.lf-board-view .lf-post-stats a {color:#a1eee0}
#bo_v.lf-board-view .lf-post-actions {display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:20px 0 28px}
#bo_v.lf-board-view .lf-post-action-right {display:flex;justify-content:flex-end;gap:10px}
#bo_v.lf-board-view .lf-post-button {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border:1px solid #50667b;border-radius:9px;background:#1b2b3e;color:#edf5fc;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none}
#bo_v.lf-board-view .lf-post-button:hover {border-color:#8edbce;background:#253f52}
#bo_v.lf-board-view .lf-post-button:focus-visible {outline:2px solid #9becdc;outline-offset:3px}
#bo_v.lf-board-view .lf-post-button.is-primary {background:#79dfcf;border-color:#8fecdb;color:#082922}
#bo_v.lf-board-view .lf-post-more {position:relative}
#bo_v.lf-board-view .lf-post-more summary {list-style:none}
#bo_v.lf-board-view .lf-post-more summary::-webkit-details-marker {display:none}
#bo_v.lf-board-view .lf-post-more-menu {position:absolute;right:0;top:calc(100% + 7px);z-index:20;min-width:130px;padding:6px;border:1px solid #587187;border-radius:10px;background:#1a2d41;box-shadow:0 12px 24px #0006}
#bo_v.lf-board-view .lf-post-more-menu a {display:block;padding:11px 14px;color:#f1f6fc;font-size:15px;border-radius:6px}
#bo_v.lf-board-view .lf-post-more-menu a:hover {background:#29475f}
@media(max-width:640px){
 #bo_v.lf-board-view {padding:22px 18px}
 #bo_v.lf-board-view #bo_v_title {padding-bottom:20px}
 #bo_v.lf-board-view #bo_v_title .bo_v_tit {font-size:25px;line-height:1.55}
 #bo_v.lf-board-view .lf-post-version {font-size:.92em}
 #bo_v.lf-board-view .lf-promo-links {grid-template-columns:1fr;margin:20px 0;gap:12px}
 #bo_v.lf-board-view .lf-promo-links a {padding:17px 15px;gap:12px}
 #bo_v.lf-board-view .lf-promo-link-icon {flex-basis:36px;width:36px;height:36px;border-radius:9px}
 #bo_v.lf-board-view .lf-promo-links strong {font-size:17px}
 #bo_v.lf-board-view .lf-promo-link-action {gap:0}
 #bo_v.lf-board-view .lf-promo-link-action>span {display:none}
 #bo_v.lf-board-view #bo_v_con {padding:4px 0 24px;font-size:17px;line-height:1.9}
 #bo_v.lf-board-view .lf-post-footer {padding:16px;gap:14px}
 #bo_v.lf-board-view .lf-post-stats {width:100%;gap:10px 18px}
 #bo_v.lf-board-view .lf-post-stats div:first-child {width:100%}
 #bo_v.lf-board-view .lf-post-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 24px}
 #bo_v.lf-board-view .lf-post-action-right {display:contents}
 #bo_v.lf-board-view .lf-post-button {width:100%;padding:0 12px;font-size:14px;gap:7px}
 #bo_v.lf-board-view .lf-post-actions:not(:has(.lf-post-more)) .lf-post-action-right:has(a:nth-child(2)) .is-primary {grid-column:1/-1}
 #bo_w .lf-title-input #wr_subject {height:68px;padding-right:14px}
 #bo_w .lf-title-input #wr_subject::placeholder {color:transparent}
 #bo_w .lf-title-input #wr_subject:placeholder-shown + .lf-title-placeholder {display:block}
}
@media(max-width:360px){
 #bo_v.lf-board-view {padding:20px 15px}
 #bo_v.lf-board-view #bo_v_title .bo_v_tit {font-size:23px}
 #bo_v.lf-board-view .lf-post-actions>.lf-post-button {flex:0 0 auto}
 #bo_v.lf-board-view .lf-post-action-right {margin-left:auto}
 #bo_v.lf-board-view .lf-post-action-right .lf-post-button {padding:0 10px}
 #bo_v.lf-board-view .lf-post-button i {display:none}
}

/* Multiline title guidance reserves its space and disappears as soon as typing begins. */
#bo_w form[data-title-hint-kind="version"] .lf-title-input,#bo_w form[data-title-hint-kind="type"] .lf-title-input{display:grid}
#bo_w form[data-title-hint-kind="version"] .lf-title-input>* ,#bo_w form[data-title-hint-kind="type"] .lf-title-input>*{grid-area:1/1}
#bo_w form[data-title-hint-kind="version"] .lf-title-input #wr_subject,#bo_w form[data-title-hint-kind="type"] .lf-title-input #wr_subject{height:100%!important;min-height:66px;padding-right:16px}
#bo_w form[data-title-hint-kind="version"] .lf-title-input #wr_subject::placeholder,#bo_w form[data-title-hint-kind="type"] .lf-title-input #wr_subject::placeholder{color:transparent}
#bo_w form[data-title-hint-kind="version"] .lf-title-placeholder,#bo_w form[data-title-hint-kind="type"] .lf-title-placeholder{display:block!important;position:relative;inset:auto;transform:none;padding:15px 17px;align-self:center;visibility:hidden;z-index:1}
#bo_w form[data-title-hint-kind="version"] #wr_subject:placeholder-shown+.lf-title-placeholder,#bo_w form[data-title-hint-kind="type"] #wr_subject:placeholder-shown+.lf-title-placeholder{visibility:visible}
#bo_w form[data-title-hint-kind="version"] #btn_autosave,#bo_w form[data-title-hint-kind="type"] #btn_autosave{position:static;display:block;margin:8px 0 0 auto}
.lf-report-list-shortcut{display:flex;justify-content:flex-end;margin:0 0 16px}.lf-report-list-shortcut a{display:inline-flex;align-items:center;min-height:42px;padding:8px 15px;border:1px solid #527487;border-radius:9px;background:#173242;color:#a7f0df;font-size:15px;font-weight:700}

/* Private submissions expose only a numbered waiting row. */
.lf-pending-title{display:inline-flex;align-items:center;color:#d9bb77;font-size:16px;font-weight:700;letter-spacing:0}.lf-pending-title::before{content:"";width:7px;height:7px;flex-shrink:0;margin-right:10px;border-radius:50%;background:#cda952}.lf-pending-row .td_name{color:#aebbd0}.lf-pending-card{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px;background:#142137;border:1px solid #334157;border-radius:8px}.lf-pending-number{color:#93a2b8;font-size:13px}.lf-pending-author{margin-left:auto;color:#b7c4d7;font-size:14px}
@media(max-width:768px){#bo_list .lf-pending-row .td_num2{display:block!important;position:absolute;right:15px;top:13px;font-size:13px;color:#9cacbf}#bo_list .lf-pending-row .td_num2::before{content:"No. ";font-size:11px}#bo_list .lf-pending-row .td_subject{padding-right:52px!important}#bo_list .lf-pending-row .td_datetime{display:none!important}#bo_list .lf-pending-row .td_name{color:#b7c4d7}}