@charset "utf-8";
/* =========================================================
   (주)엔와이티 견적문의 스킨 (skin/board/inquiry/style.css)
   사이트 공통 변수 사용 : --ink, --blue, --sky, --e (css/style.css :root)
   ========================================================= */

#bo_list, #bo_w, #bo_v {--q-line:#e4e7ec;--q-bg:#f6f8fb;--q-navy:#001031;--q-gray:#6b7280;font-family:Pretendard,'Noto Sans KR',sans-serif;color:var(--ink,#0f0f11);font-size:clamp(14px,.95vw,17px)}
#bo_list *, #bo_w *, #bo_v * {box-sizing:border-box}

/* ---------- 공통 버튼 ---------- */
.btn_bo_user {display:flex;gap:8px;margin:0;padding:0;list-style:none}
.btn_bo_user > li {position:relative}
.btn_bo_user .btn_b01,
.btn_bo_user .btn {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--q-line);border-radius:50%;background:#fff;color:var(--ink);font-size:15px;line-height:1;transition:background .3s,border-color .3s,color .3s}
.btn_bo_user .btn_b01:hover,
.btn_bo_user .btn:hover {background:var(--q-navy);border-color:var(--q-navy);color:#fff}

.bo_fx{margin-top:30px;}

/* ---------- 체크박스 ---------- */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;display:inline-flex;align-items:center;gap:8px;color:var(--q-gray);cursor:pointer;transition:color .25s}
.chk_box input[type="checkbox"] + label:hover {color:var(--blue)}
.chk_box input[type="checkbox"] + label span {position:relative;display:block;flex:none;width:18px;height:18px;margin:0;background:#fff;border:1px solid #cfd4dc;border-radius:5px;transition:background .25s,border-color .25s}
.chk_box input[type="checkbox"]:checked + label {color:var(--ink)}
.chk_box input[type="checkbox"]:checked + label span {background:var(--blue);border-color:var(--blue)}
.chk_box input[type="checkbox"]:checked + label span::after {content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.chk_box input[type="checkbox"]:focus-visible + label span {box-shadow:0 0 0 3px rgba(53,95,171,.2)}

/* =========================================================
   목록
   ========================================================= */
#bo_list {position:relative;margin-bottom:20px}

#bo_cate {margin:0 0 30px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
#bo_cate a {display:block;padding:9px 20px;border:1px solid var(--q-line);border-radius:999px;color:var(--q-gray);font-weight:500;transition:background .3s,color .3s,border-color .3s}
#bo_cate a:hover, #bo_cate #bo_cate_on {background:var(--q-navy);border-color:var(--q-navy);color:#fff}

#bo_btn_top {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
#bo_list_total {color:var(--q-gray);font-size:.94em}
#bo_list_total span {margin-right:6px;color:var(--ink);font-weight:700}
.btn_bo_adm {display:flex;gap:6px;margin:0;padding:0;list-style:none}
.btn_bo_adm input {height:36px;padding:0 14px;border:0;border-radius:999px;background:#eef1f5;color:#555;cursor:pointer}

/* 더보기 옵션 */
.more_opt {display:none;position:absolute;top:52px;right:0;min-width:120px;margin:0;padding:6px;list-style:none;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(0,16,49,.14);z-index:999}
.more_opt li {padding:0;border:0}
.more_opt li button, .more_opt li a {display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;border:0;border-radius:8px;background:none;color:#555;font-size:14px;text-align:left;cursor:pointer}
.more_opt li:hover a, .more_opt li:hover button {background:var(--q-bg);color:var(--blue)}

/* 테이블 */
#bo_list .tbl_wrap {margin:0}
#bo_list .tbl_head01 table {width:100%;border-collapse:collapse;border-top:2px solid var(--ink)}
#bo_list .tbl_head01 caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_list .tbl_head01 thead th {padding:18px 10px;border:0;border-bottom:1px solid var(--q-line);background:none;color:#555;font-size:.94em;font-weight:600;text-align:center}
#bo_list .tbl_head01 thead th a {color:inherit}
#bo_list .tbl_head01 td {padding:22px 10px;border:0;border-bottom:1px solid var(--q-line);background:none;color:var(--q-gray);text-align:center;transition:background .3s}
#bo_list tbody tr {border:0}
#bo_list tbody tr:hover td {background:var(--q-bg)}
#bo_list tbody .even td {background:none}
#bo_list tbody .even:hover td {background:var(--q-bg)}

#bo_list .td_chk {width:40px}
#bo_list .td_num, #bo_list .td_num2 {width:80px}
#bo_list .td_name {width:130px}
#bo_list .td_datetime {width:110px}
#bo_list .td_board {width:120px}
#bo_list .td_date {width:80px}
#bo_list .td_mng {width:80px}
#bo_list .td_subject {text-align:left;padding-left:20px!important}
#bo_list .td_name .sv_guest, #bo_list .td_name .sv_member {color:var(--ink)}
#bo_list .td_num strong {color:var(--ink)}
#bo_list .bo_current {color:var(--blue);font-weight:700}

.bo_tit {display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}
.bo_tit a {display:inline-flex;align-items:center;gap:8px;color:inherit;transition:color .25s}
#bo_list tbody tr:hover .bo_tit a {color:var(--blue)}
.bo_cate_link {flex:none;padding:3px 10px;border-radius:999px;background:#e8eef8;color:var(--blue);font-size:.8em;font-weight:500}

#bo_list .bo_tit .fa-lock {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#eef1f5;color:#8a93a0;font-size:11px}
#bo_list .bo_tit .new_icon {display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--sky);color:#fff;font:700 10px Poppins,sans-serif}
#bo_list .bo_tit .hot_icon {display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ff5a5a;color:#fff;font-size:10px}
#bo_list .bo_tit .fa-download, #bo_list .bo_tit .fa-link {color:#9aa3b0;font-size:13px}
#bo_list .bo_tit .fa-caret-right {color:#bbb}
#bo_list .cnt_cmt {padding:2px 7px;border-radius:999px;background:#e8eef8;color:var(--blue);font-size:12px;font-weight:600}
#bo_list .empty_table {padding:100px 0!important;color:#999}

.bo_notice td {background:#f3f7fd!important}
.bo_notice td a {font-weight:700}
.bo_notice .notice_icon {display:inline-flex;padding:3px 10px;border-radius:999px;background:var(--blue);color:#fff;font-size:.8em;font-weight:600}

/* 페이지네이션 */
.pg_wrap {display:flex;justify-content:center;float:none;width:100%;margin:clamp(40px,4vw,70px) 0 0}
.pg {display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pg_page, .pg_current {display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 6px;border:0;border-radius:50%;background:none;color:var(--q-gray,#6b7280);font:500 15px Poppins,Pretendard,sans-serif;transition:background .3s,color .3s}
.pg_page:hover {background:#f1f3f6;color:var(--ink)}
.pg_current {background:var(--q-navy,#001031);color:#fff}
.pg_start, .pg_prev, .pg_next, .pg_end {border:1px solid #e4e7ec;text-indent:0;font-size:12px}

/* 검색 레이어 */
.bo_sch_wrap {display:none;position:fixed;inset:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;width:min(420px,calc(100% - 40px));max-height:none;margin:0;padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(0,16,49,.2);transform:translate(-50%,-50%);overflow:hidden;text-align:left}
.bo_sch h3 {padding:22px 26px;border-bottom:1px solid #eef0f3;font-size:18px;font-weight:700}
.bo_sch legend {display:none}
.bo_sch form {display:block;padding:22px 26px 26px}
.bo_sch select {width:100%;height:48px;padding:0 14px;border:1px solid #dcdfe5;border-radius:10px;background:#fff;font-size:15px;box-shadow:none}
.bo_sch .sch_bar {display:flex;width:100%;margin-top:10px;border:1px solid #dcdfe5;border-radius:10px;overflow:hidden;box-shadow:none;transition:border-color .25s}
.bo_sch .sch_bar:focus-within {border-color:var(--blue)}
.bo_sch .sch_input {flex:1;width:auto;height:48px;padding:0 14px;border:0;background:none;font-size:15px}
.bo_sch .sch_btn {width:52px;height:48px;border:0;background:var(--q-navy,#001031);color:#fff;font-size:16px;cursor:pointer}
.bo_sch .bo_sch_cls {position:absolute;top:12px;right:12px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:#9aa3b0;font-size:17px;cursor:pointer}
.bo_sch .bo_sch_cls:hover {background:#f1f3f6;color:var(--ink)}
.bo_sch_bg {width:100%;height:100%;background:rgba(0,16,49,.45)}

/* =========================================================
   글쓰기
   ========================================================= */
#bo_w {max-width:1100px; width:100%; margin:0 auto}
#bo_w form {display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,1.6vw,26px) clamp(16px,1.6vw,24px)}
#bo_w .write_div {position:relative;grid-column:1/-1;margin:0}
#bo_w .write_div:has(#wr_name),
#bo_w .write_div:has(#wr_email),
#bo_w .write_div:has(#wr_1),
#bo_w .write_div:has(#wr_2) {grid-column:auto}
#bo_w .bo_w_info:not(:has(input)) {display:none}

#bo_w .w_subject {order:-1;grid-column:1/-1;padding:0 0 clamp(18px,1.6vw,26px);border-bottom:2px solid var(--ink)}
#bo_w .w_subject strong {font-size:clamp(22px,1.8vw,32px);font-weight:800;letter-spacing:-.02em}

#bo_w .write_div label.write_tit {display:block;width:100%;padding:0 0 10px;color:var(--ink);font-size:.95em;font-weight:600}

#bo_w .frm_input,
#bo_w textarea,
#bo_w select {width:100%;height:54px;padding:0 18px;border:1px solid #dcdfe5;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:clamp(15px,.95vw,16px);box-shadow:none;transition:border-color .25s,box-shadow .25s}
#bo_w textarea, #bo_w textarea.frm_input {display:block;height:clamp(200px,18vw,280px);padding:16px 18px;line-height:1.7;resize:vertical}
#bo_w .frm_input::placeholder, #bo_w textarea::placeholder {color:#a8afba}
#bo_w .frm_input:focus, #bo_w textarea:focus, #bo_w select:focus {outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(53,95,171,.1)}

/* 옵션 체크 */
#bo_w .bo_v_option {display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none}
#bo_w .bo_v_option li {margin:0}

/* 링크 · 파일 */
#bo_w .bo_w_link label,
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:52px;height:54px;color:#9aa3b0;font-size:16px;z-index:1}
#bo_w .bo_w_link .frm_input {padding-left:52px}
#bo_w .bo_w_flie .file_wr {position:relative;display:flex;align-items:center;height:54px;margin:0;padding:0 18px 0 52px;border:1px dashed #cfd4dc;border-radius:10px;background:var(--q-bg)}
#bo_w .bo_w_flie .frm_file {width:100%;margin:0;padding:0;color:var(--q-gray);font-size:14px}
#bo_w .bo_w_flie .frm_file::file-selector-button {margin-right:14px;padding:7px 16px;border:0;border-radius:999px;background:var(--q-navy);color:#fff;font:500 13px Pretendard,sans-serif;cursor:pointer}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:50%;right:16px;transform:translateY(-50%);color:var(--q-gray);font-size:13px}

/* 자동등록방지 */
#bo_w #captcha {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:clamp(18px,1.6vw,24px);border:0;border-radius:14px;background:var(--q-bg)}
#bo_w #captcha legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_w #captcha #captcha_img {height:48px;border-radius:8px;border:1px solid #e4e7ec;background:#fff}
#bo_w #captcha #captcha_key {width:120px;height:48px;padding:0 14px;border:1px solid #dcdfe5;border-radius:10px;background:#fff;font-size:17px;font-weight:600;text-align:center;letter-spacing:.2em}
#bo_w #captcha #captcha_key:focus {outline:0;border-color:var(--blue)}
#bo_w #captcha #captcha_mp3,
#bo_w #captcha #captcha_reload {margin:0;border-radius:8px}
#bo_w #captcha #captcha_audio {order:5;flex-basis:100%;width:100%;max-width:360px;height:40px}
#bo_w #captcha #captcha_info {flex-basis:100%;margin:4px 0 0;color:var(--q-gray);font-size:13px}

/* 하단 버튼 */
#bo_w .btn_confirm {display:flex;justify-content:center;gap:10px;margin-top:clamp(14px,2vw,30px)}
#bo_w .btn_confirm .btn {display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:56px;padding:0 30px;border-radius:999px;font:600 16px Pretendard,sans-serif;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
#bo_w .btn_cancel {border:1px solid #cfd4dc;background:#fff;color:var(--ink)}
#bo_w .btn_cancel:hover {border-color:var(--ink)}
#bo_w .btn_submit {border:1px solid var(--q-navy);background:var(--q-navy);color:#fff}
#bo_w .btn_submit:hover {border-color:var(--blue);background:var(--blue)}

/* 글자수 · 임시저장 (기본 기능 유지) */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}
#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute!important;top:58px;right:0;width:350px;max-height:180px;border:0;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(0,16,49,.14);overflow:hidden}
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0!important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:12px;list-style:none;overflow-y:auto;height:130px;border-bottom:1px solid #eef0f3}
#autosave_pop li {display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px}
#autosave_pop li:hover {background:var(--q-bg)}
#autosave_pop span {font-size:.92em;color:#999}
.autosave_close {cursor:pointer;width:100%;height:36px;background:none;color:#888;font-weight:600}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

/* =========================================================
   읽기
   ========================================================= */
#bo_v {max-width:960px;margin:0 auto 20px;background:#fff}
#bo_v header {padding-bottom:clamp(14px,1.2vw,20px)}
#bo_v_title {margin:0}
#bo_v_title .bo_v_cate {display:inline-block;margin-bottom:10px;padding:4px 12px;border-radius:999px;background:#e8eef8;color:var(--blue);font-size:.85em;font-weight:600}
#bo_v_title .bo_v_tit {display:block;font-size:clamp(22px,1.8vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.35;word-break:keep-all}

#bo_v_info {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0 0 clamp(14px,1.2vw,20px);border-bottom:2px solid var(--ink);color:var(--q-gray);font-size:1em}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info .profile_info {display:flex;align-items:center;margin:0}
#bo_v_info .profile_info .pf_img {margin-right:10px}
#bo_v_info .profile_info .pf_img img {width:44px;height:44px;border-radius:50%}
#bo_v_info .profile_info .profile_info_ct {display:flex;flex-wrap:wrap;gap:4px 16px;padding:0;line-height:1.4}
#bo_v_info strong {display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400}
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {color:var(--ink);font-weight:600}
#bo_v_info .profile_img {display:none}
#bo_v_info .if_date {color:var(--q-gray)}
#bo_v_info .if_date i {color:#9aa3b0}

#bo_v_top {margin-left:auto}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {background:none}
.bo_v_com {display:flex;gap:8px;margin:0}
.bo_v_com > li {position:relative;margin:0}

#bo_v_atc {min-height:0;padding:clamp(28px,2.6vw,44px) 0}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden}
#bo_v_img a.view_image {display:block}
#bo_v_img img {max-width:100%;height:auto;margin-bottom:20px;border-radius:12px}

#bo_v_con {width:100%;min-height:0;margin:0;font-size:1em;line-height:1.75;word-break:break-all;overflow:hidden}
#bo_v_con a {color:var(--blue);text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

/* 견적 항목 (view.skin 의 .view_info) */
#bo_v_con .view_info {display:flex;gap:20px;margin:0!important;padding:18px 24px;border-bottom:1px solid var(--q-line);color:#333}
#bo_v_con .view_info strong {flex:none;width:110px;color:var(--ink);font-weight:600}
#bo_v_con .view_info br {display:none}
#bo_v_con .view_info:last-child {flex-direction:column;gap:14px;margin-top:clamp(20px,2vw,32px)!important;padding:clamp(22px,2vw,32px);border:0;border-radius:14px;background:var(--q-bg)}
#bo_v_con .view_info:last-child strong {width:auto;white-space:normal}
#bo_v_con .view_info:not(:last-child) {background:#fff}

/* 첨부 · 링크 */
#bo_v_file, #bo_v_link {margin-bottom:20px}
#bo_v_file h2, #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul, #bo_v_link ul {display:grid;gap:8px;margin:0;padding:0;list-style:none}
#bo_v_file li, #bo_v_link li {position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;padding:16px 20px;border:1px solid var(--q-line);border-radius:12px;box-shadow:none;transition:border-color .3s,background .3s}
#bo_v_file li i, #bo_v_link li i {float:none;margin:0;color:#9aa3b0;font-size:20px}
#bo_v_file a, #bo_v_link a {float:none;color:var(--ink);font-weight:600;text-decoration:none;word-wrap:break-word}
#bo_v_file img {float:none;margin:0}
#bo_v_file .bo_v_file_cnt, #bo_v_link .bo_v_link_cnt {color:#9aa3b0;font-size:.88em}
#bo_v_file li:hover, #bo_v_link li:hover {border-color:var(--blue);background:var(--q-bg)}
#bo_v_file li:hover a, #bo_v_link li:hover a, #bo_v_file li:hover i, #bo_v_link li:hover i {color:var(--blue)}

#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {padding:0;list-style:none}

/* 추천 · 공유 (기본 기능 유지) */
#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158}
#bo_v_act a:hover {color:var(--blue);border-color:var(--blue)}
#bo_v_act i {font-size:1.2em;margin-right:5px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;border-radius:10px;background:var(--q-navy);color:#fff;text-align:center}
#bo_v_act .bo_v_good, #bo_v_act .bo_v_nogood {display:inline-block;width:76px;line-height:46px;border:1px solid var(--q-line);border-radius:999px}
#bo_v_share {position:relative;padding:20px 0}
#bo_v_share .btn {padding:0 14px;height:38px;line-height:38px;border:1px solid var(--q-line);border-radius:999px;color:#555;font-size:1em}
#bo_v_sns {display:flex;gap:6px;margin:0;padding:0;list-style:none}
#bo_v_sns li a {display:block;height:38px;line-height:38px;padding:0 16px;border-radius:999px;color:#fff;font-size:.95em}
#bo_v_sns li .sns_f {background:#3b5997}
#bo_v_sns li .sns_t {background:#09aeee}
#bo_v_sns li .sns_g {background:#ea4026}
#bo_v_sns li .sns_k {background:#fbe300;color:#3c1e1e}

/* 이전글 · 다음글 */
.bo_v_nb {margin:clamp(30px,3vw,50px) 0 0;padding:0;list-style:none;border-top:1px solid var(--ink);font-size:1em}
.bo_v_nb li {display:flex;align-items:center;gap:20px;padding:18px 20px;border-bottom:1px solid var(--q-line);transition:background .3s}
.bo_v_nb li:last-child {border-bottom:1px solid var(--q-line)}
.bo_v_nb li:hover {background:var(--q-bg)}
.bo_v_nb li .nb_tit {flex:none;display:inline-flex;align-items:center;gap:8px;width:90px;padding:0;color:var(--q-gray);font-weight:500}
.bo_v_nb li i {color:#9aa3b0;font-size:11px}
.bo_v_nb li a {flex:1;min-width:0;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s}
.bo_v_nb li:hover a {color:var(--blue)}
.bo_v_nb li .nb_date {flex:none;float:none;color:#9aa3b0;font:500 .9em Poppins,Pretendard,sans-serif}

/* =========================================================
   댓글 (답변)
   ========================================================= */
.cmt_btn {width:100%;margin:clamp(30px,3vw,50px) 0 0;padding:0 0 16px;border:0;border-bottom:1px solid var(--q-line,#e4e7ec);background:none;text-align:left;font-weight:700;cursor:pointer}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;color:var(--blue)}
.cmt_btn span.total:after {content:"";position:absolute;bottom:-17px;left:0;width:100%;height:2px;background:var(--blue)}
.cmt_btn span.cmt_more {float:right;width:15px;height:10px;margin-top:5px;background:url(./img/btn_cmt.png) no-repeat right 2px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.1em;color:var(--ink)}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {position:relative;display:flex;gap:12px;margin:0;padding:22px 0;border-bottom:1px solid #eef0f3}
#bo_vc article .pf_img img {width:44px;height:44px;border-radius:50%}
#bo_vc article .cm_wrap {flex:1;min-width:0}
#bo_vc header {position:relative;width:100%;margin-bottom:8px}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:4px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:700;color:var(--ink)}
.bo_vc_hdinfo {margin-left:8px;color:#9aa3b0;font-size:.9em}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {padding:0;line-height:1.75;color:#333}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {color:var(--blue)}
#bo_vc_empty {margin:0;padding:60px 0!important;color:#9aa3b0;text-align:center}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}
.bo_vc_act {display:none;position:absolute;right:0;top:40px;margin:0;padding:6px;list-style:none;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(0,16,49,.14);z-index:9999}
.bo_vc_act li a {display:block;padding:8px 14px;border-radius:8px;white-space:nowrap}
.bo_vc_act li a:hover {background:var(--q-bg,#f6f8fb);color:var(--blue)}

.bo_vc_w {position:relative;display:block;margin:20px 0}
.bo_vc_w:after {display:block;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {width:100%;height:140px;padding:16px 18px;border:1px solid #dcdfe5;border-radius:12px;background:#fff;color:var(--ink);font:inherit;line-height:1.7;resize:vertical;box-shadow:none}
.bo_vc_w textarea:focus {outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(53,95,171,.1)}
.bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:0}
.bo_vc_w_info {display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;float:none}
.bo_vc_w_info .frm_input {float:none;height:46px;margin:0;padding:0 14px;border:1px solid #dcdfe5;border-radius:10px}
.bo_vc_w_info #captcha {flex-basis:100%;padding-top:10px}
.bo_vc_w .btn_confirm {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:10px}
.bo_vc_w .btn_submit {height:48px;padding:0 28px;border:0;border-radius:999px;background:#001031;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:background .3s}
.bo_vc_w .btn_submit:hover {background:var(--blue)}
.secret_cm {display:inline-block}
#bo_vc_send_sns, #bo_vc_sns {display:inline-flex;gap:5px;margin:0;padding:0;list-style:none}
#bo_vc_sns .sns_li_f, #bo_vc_sns .sns_li_t {height:40px;line-height:40px;padding:0 0 0 10px;border-radius:999px}
#bo_vc_sns .sns_li_f {background:#3a589b}
#bo_vc_sns .sns_li_t {background:#00aced}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}

/* =========================================================
   반응형
   ========================================================= */
@media (max-width:820px){
 /* 목록 : 카드형 */
 #bo_list .tbl_head01 table {border-top-width:1px}
 #bo_list .tbl_head01 thead {display:none}
 #bo_list .tbl_head01 tbody, #bo_list .tbl_head01 tr {display:block}
 #bo_list .tbl_head01 tbody tr {display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;padding:18px 4px;border-bottom:1px solid var(--q-line)}
 #bo_list .tbl_head01 td {display:block;width:auto!important;height:auto;padding:0!important;border:0;background:none!important;text-align:left;font-size:13px}
 #bo_list tbody tr:hover {background:var(--q-bg)}
 #bo_list .td_chk {order:0;margin-right:10px}
 #bo_list .td_num2, #bo_list .td_num {display:none!important}
 #bo_list .td_subject {order:1;flex-basis:100%;font-size:15px!important}
 #bo_list .td_name {order:2}
 #bo_list .td_datetime {order:3}
 #bo_list .td_name::after {content:"";display:inline-block;width:1px;height:10px;margin:0 10px;background:#d5d9e0;vertical-align:middle}
 #bo_list .td_mng {order:4;margin-left:auto}
 #bo_list .empty_table {flex-basis:100%;text-align:center!important;padding:80px 0!important}
 .bo_tit {font-size:15px}

 /* 글쓰기 : 1열 */
 #bo_w form {grid-template-columns:1fr}
 #bo_w .write_div:has(#wr_name),
 #bo_w .write_div:has(#wr_email),
 #bo_w .write_div:has(#wr_1),
 #bo_w .write_div:has(#wr_2) {grid-column:1/-1}
 #bo_w input.frm_input, #bo_w select {height:50px}
 #bo_w .bo_w_link label, #bo_w .bo_w_flie .lb_icon {height:50px}
 #bo_w .bo_w_flie .file_wr {height:auto;min-height:50px;padding:10px 14px 10px 52px}
 #bo_w .btn_confirm .btn {flex:1;min-width:0;height:52px}

 /* 읽기 */
 #bo_v_info {flex-wrap:wrap}
 #bo_v_con .view_info {flex-direction:column;gap:6px;padding:16px 4px}
 #bo_v_con .view_info strong {width:auto;color:var(--q-gray);font-size:.9em;font-weight:500}
 #bo_v_con .view_info:last-child {padding:20px}
 #bo_v_con .view_info:last-child strong {color:var(--ink);font-size:1em;font-weight:600}
 .bo_v_nb li {flex-wrap:wrap;gap:6px 12px;padding:16px 4px}
 .bo_v_nb li .nb_tit {width:auto}
 .bo_v_nb li a {flex-basis:100%;order:3}
 .bo_v_nb li .nb_date {margin-left:auto}
}

@media (max-width:480px){
 #bo_btn_top {margin-bottom:12px}
 .btn_bo_user .btn_b01, .btn_bo_user .btn {width:40px;height:40px;font-size:14px}
 #bo_w #captcha #captcha_key {flex:1;width:auto;min-width:0}
 #bo_v_info .profile_info .profile_info_ct {font-size:13px}
 .pg_page, .pg_current {min-width:34px;height:34px;font-size:14px}
}