@charset "utf-8";
/* [2026-10-13] 공개 게시판(공지사항 71·칭찬하기 76) PC 새 디자인
   head.sub.php 가 이 게시판 화면에서만 불러온다. 주소에 &bd=old 를 붙이면 옛 화면.
   글꼴 Pretendard(굵기 400/500/700), 색은 클린앤제이 파랑 #218fe0 */

body #bo_list, body #bo_v, body #bo_vc, body #bo_vc_w, body #bo_sch, body .pg_wrap {
  font-family:'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  letter-spacing:-0.2px; color:#1f2937;
}
body #bo_list, body #bo_v { box-sizing:border-box; }
body #bo_list :is(p, td, th, a, span, strong, li, input, select, textarea, button),
body #bo_v :is(p, div, a, span, strong, li, h1, h2, time, input, select, textarea, button, label, th, td),
body #bo_sch :is(input, select, button), body .pg_wrap :is(a, strong) { font-family:inherit; }
body #bo_vc_w .required, body #bo_sch .required, body #bo_vc_w input.frm_input, body #bo_vc_w textarea { background:#fff !important; background-image:none !important; }

/* ---------- 버튼 ---------- */
body #bo_list a.btn_b01, body #bo_v a.btn_b01 {
  display:inline-block; height:40px; padding:0 16px; line-height:38px; border:1px solid #d6dde5; border-radius:8px;
  background:#fff; color:#374151; font-size:14px; font-weight:500; transition:border-color .15s, color .15s;
}
body #bo_list a.btn_b01:hover, body #bo_v a.btn_b01:hover { border-color:#218fe0; color:#218fe0; }
body #bo_list a.btn_b02, body #bo_v a.btn_b02 {
  display:inline-block; height:40px; padding:0 20px; line-height:40px; border:0; border-radius:8px;
  background:#218fe0; color:#fff; font-size:14px; font-weight:700; transition:background .15s;
}
body #bo_list a.btn_b02:hover, body #bo_v a.btn_b02:hover { background:#1477c2; }
body .bo_fx ul.btn_bo_user li, body .bo_v_com li { margin-left:6px; }

/* ---------- 목록 ---------- */
body #bo_list { width:100% !important; margin-top:10px; }
body #bo_list .bo_fx { display:flex; align-items:center; justify-content:space-between; margin:0 0 14px; }
body #bo_list .bo_fx:after { display:none; }
body #bo_list_total { float:none; padding:0; color:#6b7280; font-size:14px; }
body #bo_list_total span { color:#1f2937; font-weight:700; }

body #bo_list .tbl_head01 { margin:0; }
body #bo_list .tbl_head01 table { width:100%; border-collapse:collapse; border-top:2px solid #1f2937; }
body #bo_list .tbl_head01 thead th {
  height:52px; padding:0 8px; border:0; border-bottom:1px solid #e5e8ec; background:#fff;
  color:#4b5563; font-size:14px; font-weight:500; letter-spacing:-0.2px;
}
body #bo_list .tbl_head01 thead a { color:#4b5563; }
body #bo_list .tbl_head01 td {
  height:62px; padding:0 8px; border-top:0; border-bottom:1px solid #eef0f3;
  color:#6b7280; font-size:14px; line-height:1.5; vertical-align:middle;
}
body #bo_list .tbl_head01 tbody tr { transition:background .15s; }
body #bo_list .tbl_head01 tbody tr:hover { background:#f4f8fc; }
body #bo_list .td_num { width:auto; color:#9ca3af; }
body #bo_list .td_name { width:auto; text-align:center; color:#4b5563; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
body #bo_list .td_date { width:auto; }
body #bo_list .tbl_head01 td.td_subject { padding-left:16px; text-align:left; }
body #bo_list .td_subject a { color:#1f2937; font-size:16px; font-weight:500; }
body #bo_list .tbl_head01 tbody tr:hover .td_subject a { color:#218fe0; }
body #bo_list .cnt_cmt {
  display:inline-block; min-width:22px; height:22px; margin:0 0 0 8px; padding:0 7px; border-radius:11px;
  background:#e8f3fc; color:#218fe0; font-size:12px; font-weight:700; line-height:22px; text-align:center; vertical-align:2px;
}
body #bo_list .td_subject img[src*="icon_hot"] { display:none; }
body #bo_list .td_subject img { vertical-align:-2px; }
body #bo_list .bo_notice td { background:none; }
body #bo_list .bo_notice .td_subject a { font-weight:500; }
body #bo_list .bo_notice .td_num strong { color:#218fe0; font-size:13px; font-weight:700; }
body #bo_list td.empty_table { height:160px; color:#9ca3af; }
body #bo_list .bo_fx + form .bo_fx, body #bo_list form .bo_fx { margin:16px 0 0; justify-content:flex-end; }

/* ---------- 페이지 번호 ---------- */
body .pg_wrap { padding:28px 0 0; margin:0 0 18px; }
body .pg_wrap .pg { display:inline-flex; flex-wrap:wrap; justify-content:center; gap:6px; }
body .pg_wrap .pg_page, body .pg_wrap .pg_current {
  min-width:38px; height:38px; margin:0; padding:0 10px; border:1px solid #e5e8ec; border-radius:8px; box-sizing:border-box;
  background:#fff; color:#4b5563; font-size:14px; font-weight:500; line-height:36px; text-align:center;
}
body .pg_wrap a.pg_page:hover { border-color:#218fe0; color:#218fe0; }
body .pg_wrap .pg_current { border-color:#218fe0; background:#218fe0; color:#fff; font-weight:700; }

/* ---------- 검색 ---------- */
body #bo_sch { margin:0 0 30px; padding:0; }
body #bo_sch form { display:inline-flex; align-items:center; gap:6px; }
body #bo_sch select, body #bo_sch .frm_input {
  height:42px; padding:0 12px; border:1px solid #d6dde5; border-radius:8px; box-sizing:border-box;
  background:#fff; color:#1f2937; font-family:inherit; font-size:14px; line-height:normal;
}
body #bo_sch select { width:120px; }
body #bo_sch .frm_input { width:220px; }
body #bo_sch .frm_input:focus, body #bo_sch select:focus { border-color:#218fe0; outline:0; }
body #bo_sch .btn_submit {
  height:42px; padding:0 20px; border:0; border-radius:8px; background:#1f2937; color:#fff;
  font-family:inherit; font-size:14px; font-weight:500; letter-spacing:0; cursor:pointer;
}
body #bo_sch .btn_submit:hover { background:#218fe0; }

/* ---------- 글 보기 ---------- */
body #bo_v { width:100% !important; margin:10px 0 30px; padding:0; }
body #bo_v > header { padding:0; border-top:2px solid #1f2937; }
body #bo_v_title { padding:26px 4px 12px; color:#111827; font-size:26px; font-weight:700; line-height:1.4; letter-spacing:-0.6px; }
body #bo_v_info { padding:0 4px 20px; border-bottom:1px solid #e5e8ec; color:#9ca3af; font-size:14px; }
body #bo_v_info strong { margin:0 16px 0 4px; color:#4b5563; font-weight:500; }
body #bo_v_info strong .sv_guest, body #bo_v_info strong .sv_member { color:#4b5563; }
body #bo_v_top { margin:0; padding:14px 0 0; }
body #bo_v_top:after { display:block; clear:both; content:""; }
body #bo_v_top .bo_v_com { float:right; margin:0; }
body #bo_v_top .bo_v_com li { float:left; }
body #bo_v_atc { min-height:140px; padding:26px 4px 40px; color:#374151; font-size:16px; line-height:1.8; }
body #bo_v_atc img[src*="allstar"] { vertical-align:-3px; }
body #bo_v_con { margin-top:8px; color:#1f2937; font-size:16px; line-height:1.85; word-break:keep-all; overflow-wrap:anywhere; }
body #bo_v_con img { max-width:100%; height:auto; border-radius:12px; }
body #bo_v_img img { max-width:100%; height:auto; border-radius:12px; }
body #bo_v_bot { padding:16px 0 0; border-top:1px solid #e5e8ec; }

/* ---------- 댓글 ---------- */
body #bo_vc {
  margin:0 0 24px; padding:24px 28px 10px; border:0; border-radius:16px; background:#f4f8fc;
}
body #bo_vc > h2 { position:static; margin:0 0 14px; padding:0; border:0; color:#111827; font-size:18px; font-weight:700; line-height:1.4; overflow:visible; }
body #bo_vc article {
  position:relative; margin:0 0 14px; padding:20px 22px; border:0; border-radius:12px; background:#fff;
  box-shadow:0 1px 3px rgba(15,59,95,.06);
}
body #bo_vc header { padding:0 0 10px; color:#9ca3af; font-size:13px; }
body #bo_vc header .member, body #bo_vc header .sv_member, body #bo_vc header .sv_guest { margin-right:6px; color:#1f2937; font-size:15px; font-weight:700; }
body #bo_vc header .bo_vc_hdinfo { color:#9ca3af; }
body #bo_vc article p { padding:0; color:#374151; font-size:15px; line-height:1.5; }
body #bo_vc article header { border:0; }
body #bo_vc footer { padding:6px 0 0; }
body #bo_vc .bo_vc_act { position:static; margin:0; text-align:right; }
body #bo_vc .bo_vc_act li { display:inline-block; margin-left:4px; }
body #bo_vc .bo_vc_act a {
  display:inline-block; height:30px; padding:0 12px; border:1px solid #d6dde5; border-radius:6px; background:#fff;
  color:#4b5563; font-size:13px; line-height:28px;
}
body #bo_vc .bo_vc_act a:hover { border-color:#218fe0; color:#218fe0; }
body #bo_vc #bo_vc_empty { padding:30px 0; color:#9ca3af; text-align:center; }

/* ---------- 댓글 쓰기 ---------- */
body #bo_vc_w { margin:0 0 20px; padding:24px 28px; border:1px solid #e5e8ec; border-radius:16px; }
body #bo_vc_w > h2 { position:static; margin:0 0 12px; font-size:18px; font-weight:700; color:#111827; line-height:1.4; overflow:visible; }
body #bo_vc_w .tbl_frm01 { margin:0; }
body #bo_vc_w .tbl_frm01 table { border:0; }
body #bo_vc_w .tbl_frm01 th {
  width:110px; padding:10px 0; border:0; background:none; color:#374151; font-size:14px; font-weight:500; text-align:left; vertical-align:middle;
}
body #bo_vc_w .tbl_frm01 td { padding:8px 0; border:0; background:none; }
body #bo_vc_w .frm_input, body #bo_vc_w textarea, body #bo_vc_w #captcha_key {
  height:44px; padding:0 12px; border:1px solid #d6dde5; border-radius:8px; box-sizing:border-box; background:#fff;
  color:#1f2937; font-family:inherit; font-size:15px; line-height:normal;
}
body #bo_vc_w #wr_name, body #bo_vc_w #wr_password { width:200px; }
body #bo_vc_w textarea { width:100%; height:120px; padding:12px; line-height:1.6; resize:vertical; }
body #bo_vc_w .frm_input:focus, body #bo_vc_w textarea:focus, body #bo_vc_w #captcha_key:focus { border-color:#218fe0; outline:0; }
body #bo_vc_w #captcha { border:0; }
body #bo_vc_w #captcha_info { color:#9ca3af; font-size:13px; }
body #bo_vc_w .btn_confirm { margin-top:10px; text-align:center; }
body #bo_vc_w .btn_submit {
  height:46px; padding:0 34px; border:0; border-radius:8px; background:#218fe0; color:#fff;
  font-family:inherit; font-size:15px; font-weight:700; letter-spacing:0; cursor:pointer;
}
body #bo_vc_w .btn_submit:hover { background:#1477c2; }

/* [2026-10-13] 목록 제목 옆 옛 gif 표시(디스크 모양 첨부파일·자물쇠·NEW·링크) → 새 아이콘 (그림 파일은 그대로, 안 보이게 하고 배경으로 그림) */
body #bo_list .td_subject img[src*="icon_file"], body #bo_list .td_subject img[src*="icon_img"] {display:inline-block; width:18px; height:18px; padding:0 0 0 18px; margin:0 0 0 6px; box-sizing:border-box; overflow:hidden; background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Crect x=%222%22 y=%223.5%22 width=%2216%22 height=%2213%22 rx=%223%22 fill=%22%23e8f3fc%22 stroke=%22%23218fe0%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%227%22 cy=%228%22 r=%221.6%22 fill=%22%23218fe0%22/%3E%3Cpath d=%22M3.5 15 8 10.5l3 3 2.5-2.5 3 3%22 fill=%22none%22 stroke=%22%23218fe0%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:-3px;}
body #bo_list .td_subject img[src*="icon_secret"] {display:inline-block; width:16px; height:16px; padding:0 0 0 16px; margin:0 0 0 6px; box-sizing:border-box; overflow:hidden; background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Crect x=%224%22 y=%229%22 width=%2212%22 height=%228.5%22 rx=%222.2%22 fill=%22%239ca3af%22/%3E%3Cpath d=%22M6.8 9V6.6a3.2 3.2 0 0 1 6.4 0V9%22 fill=%22none%22 stroke=%22%239ca3af%22 stroke-width=%221.8%22/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:-3px;}
body #bo_list .td_subject img[src*="icon_new"] {display:inline-block; width:16px; height:16px; padding:0 0 0 16px; margin:0 0 0 6px; box-sizing:border-box; overflow:hidden; background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228%22 fill=%22%235fb246%22/%3E%3Cpath d=%22M7.3 13.6V6.4h.9l3.6 5.3V6.4h.9v7.2h-.9L8.2 8.3v5.3z%22 fill=%22%23fff%22 stroke=%22%23fff%22 stroke-width=%22.5%22/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:-3px;}
body #bo_list .td_subject img[src*="icon_link"] {display:inline-block; width:16px; height:16px; padding:0 0 0 16px; margin:0 0 0 6px; box-sizing:border-box; overflow:hidden; background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Cpath d=%22M8.5 11.5a3 3 0 0 0 4.2 0l2.6-2.6a3 3 0 0 0-4.2-4.2l-1 1M11.5 8.5a3 3 0 0 0-4.2 0l-2.6 2.6a3 3 0 0 0 4.2 4.2l1-1%22 fill=%22none%22 stroke=%22%236b7280%22 stroke-width=%221.7%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:-3px;}

/* [2026-10-13] 목록 칸 폭: 번호·글쓴이·날짜·조회는 좁게, 제목이 남는 폭 전부. 제목은 한 줄(길면 …) + 댓글 수·사진 표시는 바로 오른쪽 */
body #bo_list .tbl_head01 table { table-layout:fixed; }
body #bo_list .tbl_head01 thead th:nth-last-child(1) { width:64px; }
body #bo_list .tbl_head01 thead th:nth-last-child(2) { width:68px; }
body #bo_list .tbl_head01 thead th:nth-last-child(3) { width:88px; }
body #bo_list .tbl_head01 thead th:nth-last-child(n+5) { width:60px; }
body #bo_list .tbl_head01 td { overflow:hidden; }
body #bo_list .tbl_head01 td.td_subject { padding-left:12px; padding-right:12px; }
body #bo_list .cnj_sbj { display:flex; align-items:center; min-width:0; white-space:nowrap; }
body #bo_list .cnj_sbj > a { display:flex; align-items:center; min-width:0; flex:0 1 auto; }
body #bo_list .cnj_sbj_t { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
body #bo_list .cnj_sbj .cnt_cmt, body #bo_list .cnj_sbj > img, body #bo_list .cnj_sbj > .bo_cate_link { flex:0 0 auto; }
body #bo_list .cnj_sbj .cnt_cmt { vertical-align:0; }

/* ---------- [2026-10-13] 글쓰기 화면(칭찬하기·공지사항) 새 디자인 — CSS 만, 입력칸 이름·동작 그대로 ---------- */
body #bo_w { font-family:'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; letter-spacing:-0.2px; color:#1f2937; }
body #bo_w :is(p, div, a, span, strong, li, h2, label, th, td, input, select, textarea, button, legend) { font-family:inherit; }
body #bo_w #container_title { position:static; width:auto; height:auto; margin:0 0 14px; padding:0; border:0; color:#111827; font-size:22px; font-weight:700; line-height:1.4; letter-spacing:-0.5px; overflow:visible; text-indent:0; }
body #bo_w form { width:100% !important; }
body #bo_w .tbl_frm01 { margin:0; padding:26px 28px 8px; border:1px solid #e5e8ec; border-radius:16px; background:#fff; }
body #bo_w .tbl_frm01 caption { position:absolute; font-size:0; line-height:0; overflow:hidden; }
body #bo_w .tbl_frm01 table { display:block; width:100%; border:0; }
body #bo_w .tbl_frm01 tbody { display:grid; grid-template-columns:1fr 1fr; column-gap:14px; }
body #bo_w .tbl_frm01 tr { display:block; grid-column:1 / -1; margin:0 0 20px; padding:0; border:0; }
body #bo_w .tbl_frm01 tr:has(#wr_name), body #bo_w .tbl_frm01 tr:has(#wr_password) { grid-column:auto; }
body #bo_w .tbl_frm01 tr[style*="none"] { display:none !important; }
body #bo_w .tbl_frm01 th, body #bo_w .tbl_frm01 td { display:block; width:auto; padding:0; border:0; background:none; text-align:left; }
body #bo_w .tbl_frm01 th { padding:0 0 8px; color:#374151; font-size:14px; font-weight:700; line-height:1.4; }
body #bo_w .tbl_frm01 th label[for="wr_name"]:after, body #bo_w .tbl_frm01 th label[for="wr_password"]:after,
body #bo_w .tbl_frm01 th label[for="wr_subject"]:after, body #bo_w .tbl_frm01 th label[for="wr_content"]:after { content:" *"; color:#ef4444; }
body #bo_w .tbl_frm01 tbody { counter-reset:cnjf; }
body #bo_w .tbl_frm01 tr:has(.frm_file) th { font-size:0; counter-increment:cnjf; }
body #bo_w .tbl_frm01 tr:has(.frm_file) th:before { content:"사진 첨부 " counter(cnjf); font-size:14px; }
body #bo_w .frm_input, body #bo_w textarea, body #bo_w #captcha_key {
  width:100%; height:48px; padding:0 14px; border:1px solid #d6dde5; border-radius:10px; box-sizing:border-box;
  background:#fff !important; background-image:none !important; color:#1f2937; font-size:16px; line-height:normal; transition:border-color .15s, box-shadow .15s;
}
body #bo_w textarea { height:200px; padding:14px; line-height:1.65; resize:vertical; }
body #bo_w .frm_input:focus, body #bo_w textarea:focus, body #bo_w #captcha_key:focus { border-color:#218fe0; outline:0; box-shadow:0 0 0 3px rgba(33,143,224,.15); }
body #bo_w input.frm_file { height:auto; padding:9px 10px; border:1.5px dashed #cfd8e3; background:#f8fbfe !important; color:#6b7280; font-size:14px; cursor:pointer; }
body #bo_w input.frm_file::file-selector-button { height:34px; margin-right:12px; padding:0 14px; border:0; border-radius:8px; background:#e8f3fc; color:#1477c2; font-family:inherit; font-size:14px; font-weight:700; cursor:pointer; }
body #bo_w #captcha { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; padding:0; border:0; }
body #bo_w #captcha legend { position:absolute; font-size:0; line-height:0; overflow:hidden; }
body #bo_w #captcha #captcha_img { width:120px; height:48px; margin:0; border:1px solid #e5e8ec; border-radius:10px; background:#fff; }
body #bo_w #captcha button { height:48px; margin:0; border:1px solid #d6dde5; border-radius:10px; background-color:#fff; color:#4b5563; font-size:13px; cursor:pointer; }
body #bo_w #captcha #captcha_key { width:120px; margin:0; padding:0 10px; font-size:18px; font-weight:700; text-align:center; letter-spacing:2px; }
body #bo_w #captcha #captcha_info { flex-basis:100%; margin:2px 0 0; color:#9ca3af; font-size:13px; letter-spacing:-0.2px; }
body #bo_w #sit_use_write_star { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
body #bo_w #sit_use_write_star li { position:relative; display:flex; align-items:center; gap:6px; margin:0; padding:10px 14px; border:1px solid #e5e8ec; border-radius:10px; background:#fff; cursor:pointer; transition:border-color .15s, background .15s; }
body #bo_w #sit_use_write_star li:has(input:checked) { border-color:#218fe0; background:#eef6fd; }
body #bo_w #sit_use_write_star input { width:16px; height:16px; margin:0; accent-color:#218fe0; }
body #bo_w #sit_use_write_star label { margin:0; color:#374151; font-size:14px; font-weight:500; cursor:pointer; }
body #bo_w #sit_use_write_star label:after { content:""; position:absolute; inset:0; }
body #bo_w #sit_use_write_star img { height:14px; width:auto; }
body #bo_w .btn_confirm { display:flex; justify-content:center; gap:10px; margin:22px 0 30px; text-align:center; }
body #bo_w .btn_confirm .btn_submit {
  height:52px; padding:0 44px; border:0; border-radius:10px; background:#218fe0; color:#fff;
  font-size:16px; font-weight:700; letter-spacing:0; cursor:pointer; transition:background .15s;
}
body #bo_w .btn_confirm .btn_submit:hover { background:#1477c2; }
body #bo_w .btn_confirm .btn_cancel {
  display:inline-block; height:52px; padding:0 30px; border:1px solid #d6dde5; border-radius:10px; box-sizing:border-box;
  background:#fff; color:#374151; font-size:16px; font-weight:500; line-height:50px; text-decoration:none;
}
body #bo_w #captcha button, body #bo_vc_w #captcha button { position:relative; top:auto; left:auto; width:48px; height:48px; margin:0; padding:0; border:1px solid #d6dde5; border-radius:10px; background:#fff; font-size:0; vertical-align:middle; }
body #bo_w #captcha button:hover, body #bo_vc_w #captcha button:hover { border-color:#218fe0; }
body #bo_w #captcha button span, body #bo_vc_w #captcha button span { position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center / 20px; }
body #bo_w #captcha #captcha_mp3 span, body #bo_vc_w #captcha #captcha_mp3 span { background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%234b5563%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M11 5 6 9H3v6h3l5 4z%22/%3E%3Cpath d=%22M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13%22/%3E%3C/svg%3E"); }
body #bo_w #captcha #captcha_reload span, body #bo_vc_w #captcha #captcha_reload span { background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%234b5563%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 11a8 8 0 1 0-2.3 5.7%22/%3E%3Cpath d=%22M20 4v7h-7%22/%3E%3C/svg%3E"); }
body #bo_vc_w #captcha { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
body #bo_vc_w #captcha #captcha_img { width:120px; height:44px; border:1px solid #e5e8ec; border-radius:8px; }
body #bo_vc_w #captcha #captcha_key { width:120px; margin:0; text-align:center; font-size:17px; font-weight:700; }
body #bo_vc_w #captcha #captcha_info { flex-basis:100%; margin:0; }