@charset "utf-8";
/* =========================================================
   (주)정민SMC 견적문의 스킨 (skin/board/board-formmail-1.1.1/style.css)
   목록 · 보기 · 공통 = basic 스킨(엔와이티 공지사항 방식)과 같은 CSS / 맨 아래에 폼메일 전용(문의 양식, 관리 버튼)
   엔와이티 공지사항 스킨과 같은 구성. 색만 정민SMC 에 맞춤
   (정민SMC style.css 에는 --blue 등이 없어서 아래 #bo_list/#bo_w/#bo_v 에서 직접 정의)
   ========================================================= */

#bo_list, #bo_w, #bo_v {--ink:#0f0f10;--blue:#0055b8;--sky:#00a2f3;--e:cubic-bezier(.22,1,.36,1);--q-line:#e4e7ec;--q-bg:#f6f8fb;--q-navy:#001031;--q-gray:#6b7280;font-family:'Pretendard Variable',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}

/* ---------- 체크박스 ---------- */
.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(0,85,184,.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}

.bo_fx {display:flex;justify-content:flex-end;float:none;margin:20px 0 0}
.bo_fx ul {margin:0;padding:0;list-style:none}

/* 더보기 옵션 */
.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 thead th:has(a[href*="sst=wr_hit"]),
#bo_list tbody td.td_num {display:none}
#bo_v_info .profile_info_ct strong:has(.fa-eye) {display:none}
#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 {flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(0,85,184,.1);color:var(--blue);font-size:13px} /* 비밀글 */
#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 Variable',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:1400px;margin:0 auto}
#bo_w form {display:flex;flex-direction:column;gap:clamp(14px,1.3vw,20px)}
#bo_w .write_div {position:relative;margin:0}
#bo_w .bo_w_info {display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.3vw,20px) clamp(16px,1.6vw,24px)}
#bo_w .bo_w_info:not(:has(input)) {display:none}
#bo_w .bo_w_info .frm_input {float:none;margin:0}
#bo_w #autosave_wrapper {margin:0}
#bo_w .bo_w_tit .frm_input {padding-right:120px;font-weight:600}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:50%;right:10px;height:36px;padding:0 14px;border:0;border-radius:999px;background:#eef1f5;color:#555;font-size:13px;transform:translateY(-50%);cursor:pointer}
#bo_w .wr_content textarea {min-height:300px}

/* 제목 · 내용 라벨 표시 (스킨의 sound_only 라벨을 화면에 노출) */
#bo_w .bo_w_tit > label[for="wr_subject"],
#bo_w .write_div > label[for="wr_content"] {position:static;display:block!important;width:auto;height:auto;padding:0 0 10px!important;overflow:visible!important;clip:auto;font-size:.95em;line-height:1.4;font-weight:600;color:var(--ink)}
#bo_w .bo_w_tit > label[for="wr_subject"] strong,
#bo_w .write_div > label[for="wr_content"] strong {font-size:0}
#bo_w .bo_w_tit > label[for="wr_subject"]::after,
#bo_w .write_div > label[for="wr_content"]::after {content:" *"}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w #char_count_wrap {color:var(--q-gray);font-size:13px}


#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(0,85,184,.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 Variable',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 Variable',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:1400px;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 {display:none}
#bo_v_info .profile_info_ct br {display:none}
#bo_v_info .profile_info_ct strong i {color:#9aa3b0}
#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:200px;margin:0;color:#333;font-size:1.05em;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere;overflow:hidden}
#bo_v_con p {margin:0 0 1em}
#bo_v_con a {color:var(--blue);text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}


/* 첨부 · 링크 */
#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 Variable',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(0,85,184,.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 .bo_w_info {grid-template-columns:1fr}
 #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_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}
}


/* =========================================================
   ▼ 폼메일 전용 (basic 스킨에는 없는 부분)
   ========================================================= */
/* basic 공통 규칙(체크박스 등)이 쓰는 색 변수를 문의 양식에도 정의 (없으면 체크해도 파란 배경이 안 칠해짐) */
#formmail-write {--ink:#0f0f10;--blue:#0055b8;--sky:#00a2f3;--e:cubic-bezier(.22,1,.36,1);--q-line:#e4e7ec;--q-bg:#f6f8fb;--q-navy:#001031;--q-gray:#6b7280;--fm-ink:#0f0f10;--fm-navy:#001031;--fm-blue:#0055b8;--fm-sky:#00a2f3;--fm-line:#e4e7ec;--fm-bg:#f6f8fb;--fm-gray:#6b7280;font-family:Pretendard,'Noto Sans KR',sans-serif;color:var(--fm-ink)}
#formmail-write * {box-sizing:border-box}

/* =========================================================
   쓰기 (문의 양식)
   ========================================================= */
#formmail-write {position:relative;max-width:1100px;margin:0 auto;padding-bottom:clamp(20px,3vw,40px);font-size:clamp(15px,.95vw,17px)}
#formmail-write .check-list {position:absolute;right:0;top:4px;display:inline-flex;align-items:center;height:34px;padding:0 16px;border:1px solid var(--fm-line);border-radius:999px;color:var(--fm-gray);font-size:14px;transition:border-color .25s,color .25s}
#formmail-write .check-list:hover {border-color:var(--fm-blue);color:var(--fm-blue)}

/* 제목 + 안내 */
#formmail-write .fm_head {padding:0 0 clamp(18px,1.6vw,26px);margin-bottom:clamp(24px,2.2vw,34px);border-bottom:2px solid var(--fm-ink)}
#formmail-write .fm_tit {font-size:clamp(22px,1.8vw,32px);font-weight:800;letter-spacing:-.02em}
#formmail-write .fm_desc {margin-top:8px;color:var(--fm-gray);font-size:.95em}

/* 입력 칸: PC 2열 (성함·회사명 / 연락처·이메일), 나머지는 한 줄 */
#formmail-write .fm_grid {display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,1.6vw,26px) clamp(16px,1.6vw,24px)}
#formmail-write .fm_field {display:flex;flex-direction:column;min-width:0}
#formmail-write .fm_full {grid-column:1 / -1}
#formmail-write .fm_label {display:block;padding:0 0 10px;font-size:.95em;font-weight:600;color:var(--fm-ink)}
#formmail-write .fm_req {color:var(--fm-blue)}

#formmail-write .fm_input {width:100%;height:54px;margin:0;padding:0 18px;border:1px solid #dcdfe5;border-radius:10px;background:#fff;color:var(--fm-ink);font:inherit;font-size:clamp(15px,.95vw,16px);box-shadow:none;transition:border-color .25s,box-shadow .25s;-webkit-appearance:none;appearance:none}
#formmail-write select.fm_input {padding-right:44px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 18px center}
#formmail-write .fm_textarea {display:block;height:clamp(200px,18vw,280px);padding:16px 18px;line-height:1.7;resize:vertical}
#formmail-write .fm_input::placeholder {color:#a8afba}
#formmail-write .fm_input:focus {outline:0;border-color:var(--fm-blue);box-shadow:0 0 0 4px rgba(0,85,184,.1)}

/* 자동등록방지 (그누보드 kcaptcha) - 회색 상자 없이 입력칸과 같은 톤 */
#formmail-write #captcha {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;border:0;background:none}
#formmail-write #captcha legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#formmail-write #captcha #captcha_img {width:auto;height:54px;border:1px solid #dcdfe5;border-radius:10px;background:#fff}
#formmail-write #captcha #captcha_key {flex:1;min-width:0;width:auto;height:54px;margin:0;padding:0 18px;border:1px solid #dcdfe5;border-radius:10px;background:#fff;color:var(--fm-ink);font:inherit;font-size:17px;font-weight:600;text-align:center;letter-spacing:.2em;transition:border-color .25s,box-shadow .25s}
#formmail-write #captcha #captcha_key.required {background-image:none !important} /* 그누보드 기본 빨간 * 숨김 (라벨에 * 있음) */
#formmail-write #captcha #captcha_key:focus {outline:0;border-color:var(--fm-blue);box-shadow:0 0 0 4px rgba(0,85,184,.1)}
#formmail-write #captcha #captcha_mp3,
#formmail-write #captcha #captcha_reload {flex:none;width:54px;height:54px;margin:0;padding:0;border:1px solid #dcdfe5;border-radius:10px;text-indent:-999px;overflow:hidden;cursor:pointer;transition:border-color .25s,background-color .25s}
#formmail-write #captcha #captcha_mp3 {background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2350596b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E") no-repeat center / 20px}
#formmail-write #captcha #captcha_reload {background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2350596b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.5 0 4.9 1 6.7 2.7L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E") no-repeat center / 20px}
#formmail-write #captcha #captcha_mp3:hover,
#formmail-write #captcha #captcha_reload:hover {border-color:var(--fm-blue);background-color:var(--fm-bg)}
#formmail-write #captcha #captcha_mp3 span,
#formmail-write #captcha #captcha_reload span {display:none}
#formmail-write #captcha #captcha_audio {order:5;flex-basis:100%;width:100%;max-width:360px;height:40px}
#formmail-write #captcha #captcha_info {flex-basis:100%;margin:2px 0 0;color:var(--fm-gray);font-size:13px}

/* 개인정보처리방침 + 동의 */
#formmail-write .privacy-of-use {height:180px;margin-bottom:14px;padding:18px 20px;overflow-y:auto;border:1px solid var(--fm-line);border-radius:12px;background:var(--fm-bg);color:#4b5563;font-size:13px;line-height:1.7}
#formmail-write .privacy-of-use:focus {outline:0;border-color:var(--fm-blue)}
#formmail-write .privacy-of-use * {font-size:13px}
#formmail-write .privacy-of-use .cont {margin-bottom:14px}
#formmail-write .privacy-of-use h4 {margin-bottom:6px;color:var(--fm-ink);font-weight:700}
#formmail-write .privacy-of-use dl {padding:8px 0}
#formmail-write .privacy-of-use dt {font-weight:600}
#formmail-write .privacy-of-use dd {margin-left:16px}
#formmail-write .privacy-of-use ul {margin-left:18px;list-style:disc}
#formmail-write .privacy-of-use ul li {margin-top:4px}
#formmail-write .privacy-of-use table {width:100%;border-collapse:collapse;background:#fff}
#formmail-write .privacy-of-use th,
#formmail-write .privacy-of-use td {padding:6px 8px;border:1px solid var(--fm-line)}
#formmail-write .privacy-of-use th {background:#eef1f5}
#formmail-write .privacy-of-use-check label {font-size:.95em}

/* 보내기 버튼 */
#formmail-write .form-footer {display:flex;justify-content:center;margin-top:clamp(28px,3vw,44px)}
#formmail-write .send {display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:56px;margin:0;padding:0 34px;border:0;border-radius:999px;background:var(--fm-navy);color:#fff;font:600 16px Pretendard,sans-serif;cursor:pointer;transition:background .3s}
#formmail-write .send:hover,
#formmail-write .send:focus-visible {background:var(--fm-blue)}
#formmail-write .send:disabled {opacity:.6;cursor:default}

/* 목록 · 보기의 관리 버튼 (폼메일 스킨은 아이콘 버튼 사용) */
#bo_list .list_btns, #bo_v .list_btns {--fm-line:#e4e7ec;--fm-blue:#0055b8}
.list_btns {display:flex;gap:6px}
.bbs_adm_btn {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--fm-line, #e4e7ec);border-radius:10px;background:#fff;color:#333;cursor:pointer;transition:border-color .25s}
.bbs_adm_btn:hover {border-color:var(--fm-blue, #0055b8)}
.bbs_adm_btn img {width:18px !important;height:18px}
.admin_btn i {margin:0;font-size:1.1em}
#bo_v_top .list_btns ul {display:flex;gap:6px;margin:0;padding:0}

/* 비밀번호 | 자동등록방지: 반반이 좁아지는 태블릿부터는 각각 한 줄 */
@media (max-width: 1100px) {
	#formmail-write .fm_pw,
	#formmail-write .fm_captcha {grid-column:1 / -1}
}

@media (max-width: 768px) {
	#formmail-write .fm_grid {grid-template-columns:1fr}
	#formmail-write #captcha #captcha_img {height:50px}
	#formmail-write #captcha #captcha_key,
	#formmail-write #captcha #captcha_mp3,
	#formmail-write #captcha #captcha_reload {height:50px}
	#formmail-write #captcha #captcha_mp3,
	#formmail-write #captcha #captcha_reload {width:50px}
	#formmail-write .check-list {position:static;margin-bottom:16px}
	#formmail-write .send {width:100%}
}