@charset "utf-8";

/* 게시??목록 */
#bo_list {position:relative;margin-bottom:20px}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:60px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:90px;text-align:left;padding:10px 0}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_num2 {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}
#bo_list tbody tr {border-left:2px solid transparent}
#bo_list tbody tr:hover {border-left:2px solid #e83030}
#bo_list tbody .even td {background:#fbfbfb}

/* 분류 ??(.cp-region) ??company/keep ?��???*/
.cp-region{margin:12px 0 16px}
.cp-region .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.cp-region .subTabTitle{display:flex;align-items:stretch;border-radius:12px;background:var(--m-white,#fff);margin-bottom:8px;overflow:hidden}
.cp-region .rg-nav{display:flex;align-items:center;justify-content:center;color:var(--primary,#e83030);font-size:16px;text-decoration:none;user-select:none}
.cp-region .rg-nav:hover{background:var(--bg-gray,#f8fafc)}
.cp-region .subTabs{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 4px;cursor:grab}
.cp-region .subTabs::-webkit-scrollbar{display:none}
.cp-region .subTabs.is-dragging,
.cp-region .subTabs:active{cursor:grabbing}
.cp-region .subTabs a{flex:0 0 auto;position:relative;padding:12px 14px;font-size:14px;font-weight:600;color:var(--ink-2,#374151);text-decoration:none;white-space:nowrap;line-height:1.2}
.cp-region .subTabs a:hover,
.cp-region .subTabs a.on{color:var(--primary,#e83030)!important}
.cp-region .subTabs a.on:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:var(--primary,#e83030)}
/* ?�이???�크 모드 ??강조????추후 조정 */
html[data-theme="light"] .cp-region .subTabs a:hover,
html[data-theme="light"] .cp-region .subTabs a.on{color:var(--primary,#e83030)!important}
html[data-theme="light"] .cp-region .subTabs a.on:after{background:var(--primary,#e83030)}
html[data-theme="dark"] .cp-region .subTabTitle{background:transparent}
html[data-theme="dark"] .cp-region .subTabs a:hover,
html[data-theme="dark"] .cp-region .subTabs a.on{color:var(--primary,#e83030)!important}
html[data-theme="dark"] .cp-region .subTabs a.on:after{background:var(--primary,#e83030)}
@media (max-width:600px){
  .cp-region .subTabs a{padding:11px 11px;font-size:13px}
}
.td_subject img {margin-left:5px}

/* 게시??목록 공통 */
.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;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#e83030}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:22px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:5px;left:0;width:16px;height:16px;display:block;margin:0;background:var(--white,#fff);border:1px solid var(--line,#d0d4df);border-radius:4px}
.chk_box input[type="checkbox"]:checked + label {color:var(--ink,#000)}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% var(--primary,#e83030);border-color:var(--primary,#e83030);border-radius:4px}


#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:34px;font-size:0.92em;color:var(--muted,#6b7280)}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:transparent}
.btn_bo_user > li {position:relative}
.btn_bo_user li.li-quote-req {width:auto}
.btn-quote-req {display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;background:var(--primary,#e83030);color:#fff !important;border-radius:8px;font-weight:700;font-size:14px;white-space:nowrap;line-height:36px;text-decoration:none}
.btn-quote-req:hover {background:#c22020;color:#fff !important}
.btn-quote-req i {font-size:15px}
html[data-theme="dark"] .btn-quote-req {background:#e83030}

#bo_list .ql-selall {margin:6px 0 8px;padding:6px 2px;clear:both}
#bo_list .ql-selall .chk_all_label {cursor:pointer;font-size:13px;color:var(--muted,#6b7280);display:inline-flex;align-items:center;gap:6px}
#bo_list .ql-selall .chk_all_label span {float:none;display:inline-block;vertical-align:middle;position:static;width:15px;height:15px;margin:0;background:var(--white,#fff);border:1px solid var(--line,#d0d4df);border-radius:3px}
#bo_list .ql-selall input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% var(--primary,#e83030);border-color:var(--primary,#e83030)}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#fafafa !important;border-bottom:1px solid #f8e6ee}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}

.more_opt {display:none;position:absolute;top:45px;right:0;background:var(--white,#fff);border:1px solid var(--line,#e5e7eb);z-index:999;border-radius:10px;box-shadow:0 8px 24px rgba(17,24,39,.1);min-width:120px;overflow:hidden}
.more_opt:before {content:"";position:absolute;top:-8px;right:22px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent var(--line,#e5e7eb) transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:22px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent var(--white,#fff) transparent}
.more_opt li {border-bottom:1px solid var(--line,#f1f1f1);padding:0;float:inherit;width:100%;margin:0;color:var(--ink-2,#6b757c);text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;color:var(--ink-2,#6b757c);padding:11px 14px;font-size:13px;font-weight:600;text-decoration:none;box-sizing:border-box;cursor:pointer}
.more_opt li:hover a,
.more_opt li:hover button {color:var(--primary,#e83030);background:var(--primary-glow,rgba(232,48,48,.12))}
.more_opt li i {float:none;line-height:1;font-size:15px;color:inherit}

.td_num strong {color:#000}
.bo_cate_link {display:inline-flex;align-items:center;justify-content:center;margin:0;background:var(--primary-glow,rgba(232,48,48,.12));color:var(--primary,#e83030);font-weight:700 !important;height:auto;line-height:1.2;padding:4px 10px;border-radius:6px;font-size:12px;text-decoration:none;text-align:center}
.bo_cate_link:hover {text-decoration:none;opacity:.9}
.bo_tit {display:inline;color:var(--ink,#111827);font-weight:600}
.bo_current {color:var(--primary,#e83030);font-weight:700}
.notice_icon {display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:800;color:#fff;background:#f43f5e;line-height:1.4}
#bo_list .profile_img img {border-radius:50%}
#bo_list .cnt_cmt {background:var(--primary-glow,rgba(232,48,48,.12));color:var(--primary,#e83030);font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:4px;vertical-align:middle}

#bo_list .bo_tit .title_icon {margin-right:2px}
#bo_list .bo_tit .fa-heart {color:#ef4444}
#bo_list .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:12px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:3px;vertical-align:middle}
#bo_list .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:11px;color:#16a34a;background:#dcfce7;text-align:center;border-radius:3px;margin-left:2px;font-weight:bold;vertical-align:middle}
#bo_list .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:11px;color:#ef4444;background:#fee2e2;text-align:center;border-radius:3px;vertical-align:middle}
#bo_list .bo_tit .fa-caret-right {color:var(--muted,#9ca3af)}
#bo_list .bo_tit .fa-download {display:inline-block;width:16px;line-height:16px;font-size:11px;color:#daae37;background:#fef3c7;text-align:center;border-radius:3px;margin-left:5px;vertical-align:middle}
#bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:11px;color:#b451fd;background:#f3e8ff;text-align:center;border-radius:3px;margin-left:5px;vertical-align:middle}

/* ---------- 반응??목록 (div/span) ---------- */
.bo_ulist{border-top:1px solid var(--ink,#111827);margin:0 0 14px;clear:both}
html[data-theme="dark"] .bo_ulist{border-top-color:var(--line,#374151)}
.bo_li_head{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--bg-gray,#f8fafc);border-bottom:1px solid var(--line,#e5e7eb);font-weight:700;font-size:14px;color:var(--ink,#111827)}
.bo_li_head a{color:var(--ink,#111827);text-decoration:none}
.bo_li_head a:hover{color:var(--primary,#e83030)}
.bo_li{display:flex;align-items:center;gap:12px;padding:15px 14px;border-bottom:1px solid var(--line,#e5e7eb);border-left:2px solid transparent;color:var(--ink-2,#374151);transition:background .12s,border-color .12s;background:var(--white,#fff)}
.bo_li:hover{background:var(--bg-gray,#f8fafc);border-left-color:var(--primary,#e83030)}
.bo_li.even{background:var(--white,#fff)}
.bo_li.bo_notice{background:#fafafa}
.bo_li.bo_notice .bo_tit a{font-weight:800}
.bo_li.is-current{background:var(--primary-glow,rgba(232,48,48,.12))}

.bo_li .col-chk,.bo_li_head .col-chk{flex:0 0 28px;display:flex;justify-content:center;align-items:center}
.bo_li .col-chk label span{float:none;display:block;margin:0}
.bo_li .col-num,.bo_li_head .col-num{flex:0 0 56px;text-align:center;color:var(--muted,#6b7280);font-size:13px}
.bo_li .col-subject,.bo_li_head .col-subject{flex:1 1 auto;min-width:0}
.bo_li .col-name,.bo_li_head .col-name{flex:0 0 110px;text-align:center;font-size:13px;color:var(--ink-2,#374151)}
.bo_li .col-hit,.bo_li_head .col-hit{flex:0 0 64px;text-align:center;font-size:13px;color:var(--ink-2,#374151)}
.bo_li .col-good,.bo_li_head .col-good,
.bo_li .col-nogood,.bo_li_head .col-nogood{flex:0 0 56px;text-align:center;font-size:13px}
.bo_li .col-date,.bo_li_head .col-date{flex:0 0 92px;text-align:center;font-size:13px;color:var(--muted,#6b7280)}

.bo_li .col-subject{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.bo_li .bo_tit{display:inline;flex:1 1 auto;min-width:0;font-weight:600}
.bo_li .bo_tit a{color:var(--ink,#111827);text-decoration:none;word-break:break-word}
.bo_li .bo_tit a:hover{color:var(--primary,#e83030)}
.bo_li .col-name .sv_member,
.bo_li .col-name .sv_guest{color:inherit}
.bo_li_empty{padding:70px 0;text-align:center;color:var(--muted,#6b7280);border-bottom:1px solid var(--line,#e5e7eb);background:var(--white,#fff)}

html[data-theme="dark"] .bo_li,
html[data-theme="dark"] .bo_li.even,
html[data-theme="dark"] .bo_li_empty{background:#111827}
html[data-theme="dark"] .bo_li_head,
html[data-theme="dark"] .bo_li.bo_notice{background:#1f2937}
html[data-theme="dark"] .bo_li:hover{background:#1f2937}
html[data-theme="dark"] .bo_li.is-current{background:rgba(232,48,48,.15)}
html[data-theme="dark"] .bo_li .col-hit,
html[data-theme="dark"] .bo_li .col-date,
html[data-theme="dark"] .bo_li .col-name,
html[data-theme="dark"] .bo_li .col-name .sv_member,
html[data-theme="dark"] .bo_li .col-name .sv_guest{color:#e5e7eb}
html[data-theme="dark"] .bo_li .bo_tit a{color:#f3f4f6}
html[data-theme="dark"] .chk_box input[type="checkbox"] + label span,
html[data-theme="dark"] #bo_list .ql-selall .chk_all_label span{background:#9ca3af;border-color:#9ca3af}
html[data-theme="dark"] .chk_box input[type="checkbox"]:checked + label span,
html[data-theme="dark"] #bo_list .ql-selall input[type="checkbox"]:checked + label span{background:var(--primary,#e83030) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M2.2 6.2l2.6 2.6 5-5.4'/%3E%3C/svg%3E") no-repeat center;background-size:10px 10px;border-color:var(--primary,#e83030)}
html[data-theme="dark"] #bo_list .cnt_cmt,
html[data-theme="dark"] .bo_cate_link{background:rgba(232,48,48,.2);color:#fca5a5}

@media (max-width:1024px){
  .bo_li .col-name,.bo_li_head .col-name{flex-basis:88px}
}

/* 모바?? 1�??�목 / 2�?메�? */
@media (max-width:768px){
  .bo_ulist{border-top-width:1px}
  .bo_li_head{display:none}
  .bo_li{flex-wrap:wrap;column-gap:10px;row-gap:8px;padding:14px 12px;align-items:flex-start}
  .bo_li .col-chk{order:0;flex:0 0 auto;padding-top:3px}
  .bo_li .col-subject{order:1;flex:1 1 calc(100% - 40px);min-width:0;width:auto}
  .bo_li .bo_tit{font-size:15px;line-height:1.45;font-weight:700}
  .bo_li .col-num{display:none}
  .bo_li .col-name,
  .bo_li .col-hit,
  .bo_li .col-good,
  .bo_li .col-nogood,
  .bo_li .col-date{order:2;flex:0 0 auto;text-align:left;font-size:12px;color:var(--muted,#6b7280)}
  .bo_li:has(.col-chk) .col-name{margin-left:38px}
  .bo_li .col-name::after,
  .bo_li .col-hit::after,
  .bo_li .col-good::after,
  .bo_li .col-nogood::after{content:"";display:inline-block;width:3px;height:3px;margin:0 8px;border-radius:50%;background:var(--line,#d1d5db);vertical-align:middle}
  .bo_li .col-date::after{display:none}
  .bo_li [data-th]::before{content:none}
  html[data-theme="dark"] .bo_li .col-name,
  html[data-theme="dark"] .bo_li .col-hit,
  html[data-theme="dark"] .bo_li .col-date{color:#9ca3af}
  html[data-theme="dark"] .bo_li .col-name::after,
  html[data-theme="dark"] .bo_li .col-hit::after{background:#4b5563}
}

/* ?�라??검?�바 */
.bo_sch_inline {clear:both;width:100%;margin:18px 0 10px;padding-top:10px;text-align:center}
.bo_sch_inline form {display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;justify-content:center}
.bo_sch_inline select {flex:0 0 auto;height:44px;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:var(--white,#fff);color:var(--ink,#111827);padding:0 10px;font-family:inherit}
.bo_sch_inline .sch_input {flex:1 1 320px;min-width:0;max-width:420px;height:44px;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:var(--white,#fff);color:var(--ink,#111827);padding:0 14px;font-size:14px;font-family:inherit}
.bo_sch_inline .sch_input:focus,
.bo_sch_inline select:focus {outline:0;border-color:var(--primary,#e83030);box-shadow:0 0 0 3px rgba(232,48,48,.15)}
.bo_sch_inline .sch_btn {flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 20px;border:0;border-radius:8px;background:var(--primary,#e83030);color:#fff;font-weight:700;font-size:14px;cursor:pointer}
.bo_sch_inline .sch_btn:hover {background:#c22020}
html[data-theme="dark"] .bo_sch_inline .sch_btn {background:#e83030}
@media (max-width:600px){
  .bo_sch_inline {padding-top:12px}
  .bo_sch_inline form {flex-direction:column;gap:8px}
  .bo_sch_inline select,
  .bo_sch_inline .sch_input,
  .bo_sch_inline .sch_btn {flex:1 1 auto;width:100%;max-width:none}
  .bo_sch_inline .sch_btn {justify-content:center}
}

/* 게시???�기 */
#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:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미�???기기 ?�??*/
#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:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#e83030}
.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 {
  --bo-v-side: 8px;
  margin-bottom: 28px;
  padding: 8px 0 24px;
  box-sizing: border-box;
  overflow-x: hidden;
}
@media (max-width: 640px) {
  #bo_v { --bo-v-side: 0; padding: 4px 0 20px; }
}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v > header {padding: 12px var(--bo-v-side) 8px}
#bo_v_title {margin:0}
#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:var(--primary-glow,rgba(232,48,48,.12));color:var(--primary,#e83030);padding:2px 10px;border-radius:6px;font-size:13px;font-weight:700}
#bo_v_title .bo_v_tit {display:block;font-size:1.35em;margin:10px 0 0;word-break:break-all;color:var(--ink,#111827);font-weight:600;letter-spacing:-.02em;line-height:1.45}

#bo_v_info {margin:0;padding:16px var(--bo-v-side) 18px;border-bottom:1px solid var(--line,#f1f1f1);color:var(--muted,#666)}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info .profile_info {margin:4px 0 12px;display:inline-block;float:left}
#bo_v_info .profile_info .pf_img {float:left;margin-right:12px}
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:1.55}

#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {display:none}
#bo_v_info .sv_member {color:var(--ink,#111827)}
#bo_v_info .if_date {margin:0;color:#888}

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#e83030}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_file li:hover i {color:#e83030}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}


#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#e83030}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_link li:hover i {color:#e83030}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}

#bo_v_top {zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#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_com {margin:20px 0;float:right}
.bo_v_com > li {position:relative;float:left;margin-left:5px;width:auto;background:transparent}
/* 게시�?보기 ?�단 ?�스??버튼 (목록/?��?/글?�기/관�? */
.bo_v_com li{width:auto}
.bo_v_com .btn-vtext{
  display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;line-height:36px;
  font-size:14px;font-weight:700;border:1px solid var(--line,#e5e7eb);border-radius:8px;
  background:var(--white,#fff);color:var(--ink-2,#374151);cursor:pointer;text-decoration:none;white-space:nowrap
}
.bo_v_com .btn-vtext:hover{border-color:var(--primary,#e83030);background:var(--bg-gray,#f8fafc);color:var(--primary,#e83030)!important}
.bo_v_com .btn-vtext i{font-size:15px;margin:0;color:inherit}
html[data-theme="dark"] .bo_v_com .btn-vtext{background:#1f2937;border-color:#374151;color:#e5e7eb}
html[data-theme="dark"] .bo_v_com .btn-vtext:hover{border-color:var(--primary,#e83030);color:var(--primary,#e83030)!important;background:#111827}
html[data-theme="dark"] .more_opt{background:#1f2937;border-color:#374151}
html[data-theme="dark"] .more_opt:after{border-color:transparent transparent #1f2937 transparent}
html[data-theme="dark"] .more_opt li{border-color:#374151}
html[data-theme="dark"] .more_opt li a{color:#e5e7eb}
html[data-theme="dark"] .more_opt li:hover a{background:#111827;color:var(--primary,#e83030)}

.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}
html[data-theme="dark"] .bo_v_nb li,
html:not([data-theme="light"]) .bo_v_nb li{border-top-color:#333}
html[data-theme="dark"] .bo_v_nb li:last-child,
html:not([data-theme="light"]) .bo_v_nb li:last-child{border-bottom-color:#333}
html[data-theme="dark"] .bo_v_nb li:hover,
html:not([data-theme="light"]) .bo_v_nb li:hover{background:#1a1a1a}

#bo_v_atc {min-height:200px;height:auto !important;padding:28px var(--bo-v-side) 8px;box-sizing:border-box}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1; text-align: center;margin-bottom:8px}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto; border-radius: 15px;}

#bo_v_con {margin:16px 0 32px;width:100%;line-height:1.8;min-height:120px;word-break:break-all;overflow:hidden;color:var(--ink,#111827);font-size:15px}
#bo_v_con a {color:var(--primary,#e83030);text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#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 {background-color:#fff;color:#ff484f;border-color:#ff484f}
#bo_v_act i {font-size:1.4em;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;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}

#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}

#bo_v_share {position:relative;padding:20px 0}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:auto;min-width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
#bo_v_share .btn:hover {background:#fff}
#bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}
/* 찜하�?(keep 보드?� ?�일 ?�작) */
#bo_v_share .scrap-add{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  padding:0 14px;border:1px solid var(--primary,#e83030);border-radius:20px;
  background:var(--white,#fff);color:var(--primary,#e83030);
  font-size:13px;font-weight:700;line-height:33px;height:35px;width:auto;min-width:0;
  text-decoration:none;white-space:nowrap;cursor:pointer
}
#bo_v_share .scrap-add i{margin:0;color:inherit;font-size:15px}
#bo_v_share .scrap-add:hover{background:var(--primary,#e83030);color:#fff;border-color:var(--primary,#e83030)}
html[data-theme="dark"] #bo_v_share .scrap-add{background:#1f2937;border-color:var(--primary,#e83030);color:var(--primary,#e83030)}
html[data-theme="dark"] #bo_v_share .scrap-add:hover{background:var(--primary,#e83030);color:#111827}

/* 게시???��? */
.cmt_btn {width:100%;box-sizing:border-box;text-align:left;border:0;border-bottom:1px solid var(--line,#e5e7eb);background:transparent;font-weight:bold;margin:24px 0 0;padding:8px var(--bo-v-side) 16px;color:var(--ink,#111827)}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:var(--primary,#e83030)}
.cmt_btn span.cmt_more {float:right;display:inline-flex;align-items:center;line-height:1;color:var(--ink,#111827);margin-top:2px}
.cmt_btn span.cmt_more i {font-size:18px;transition:transform .2s}
.cmt_btn_op span.cmt_more i {transform:rotate(180deg)}
.cmt_btn b {font-size:1.2em;color:var(--ink,#111827)}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:var(--primary,#e83030);content:"";width:100%;height:2px}
html[data-theme="dark"] .cmt_btn,
html:not([data-theme="light"]) .cmt_btn{border-bottom-color:#333}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid var(--line,#e5e7eb)}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {float:left;margin-right:10px}
#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_vc article .cm_wrap {float:left;max-width:870px;width:90%}
#bo_vc header {position:relative;width:100%}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold;color:var(--ink,#111827)}
.bo_vc_hdinfo {color:var(--muted,#6b7280)}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px;color:var(--ink-2,#374151)}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc {padding:0 var(--bo-v-side);box-sizing:border-box}
#bo_vc_empty {margin:0;padding:48px 0 !important;color:var(--muted,#6b7280);text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}
#bo_vc .btn_cm_opt {border:0;background:transparent;color:var(--muted,#6b7280);padding:4px 6px;cursor:pointer}
#bo_vc .btn_cm_opt:hover {color:var(--primary,#e83030)}
#bo_vc .btn_cm_opt i {font-size:18px}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid var(--line,#e5e7eb);margin:0;list-style:none;background:var(--white,#fff);z-index:9999;border-radius:8px}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent var(--line,#e5e7eb) transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent var(--white,#fff) transparent}
.bo_vc_act li {border-bottom:1px solid var(--line,#e5e7eb)}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px;color:var(--ink-2,#374151)}
.bo_vc_act li a:hover {color:var(--primary,#e83030)}

.bo_vc_w {position:relative;margin:16px var(--bo-v-side) 8px;display:block;width:auto;box-sizing:border-box}
.bo_vc_w:after {display:block;visibility:hidden;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 {border:1px solid var(--line,#e5e7eb);background:var(--white,#fff);color:var(--ink,#111827);vertical-align:middle;border-radius:10px;padding:12px 14px;width:100%;height:120px;font-family:inherit;line-height:1.6}
.bo_vc_w textarea:focus {outline:0;border-color:var(--primary,#e83030);box-shadow:0 0 0 3px rgba(232,48,48,.15)}
.bo_vc_w_info {margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin-right:5px;height:42px;border:1px solid var(--line,#e5e7eb);border-radius:8px;padding:0 12px;background:var(--white,#fff);color:var(--ink,#111827)}
@media (max-width:768px){
  .bo_vc_w_info{float:none !important;width:100% !important;max-width:100%;box-sizing:border-box}
  .bo_vc_w_info .frm_input{float:none !important;display:block !important;width:100% !important;max-width:100% !important;margin-right:0 !important;margin-bottom:8px !important;box-sizing:border-box !important}
}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;margin-top:10px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:6px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit {height:46px;padding:0 22px;border-radius:10px;font-weight:bold;font-size:1.05em}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

#bo_vc_send_sns {display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {border-radius:6px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:6px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:var(--muted,#bbb)}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px;color:#fff}
#bo_vc_sns input {margin:0 5px 0 0}

html[data-theme="dark"] .bo_vc_act {box-shadow:0 8px 24px rgba(0,0,0,.45)}
html[data-theme="dark"] .bo_vc_w textarea:focus {box-shadow:0 0 0 3px rgba(232,48,48,.2)}

/* ---------- 글?�기 (service 카드??UI) ---------- */
#bo_w{
  --bw-brand:var(--primary,#e83030);
  --bw-brand-light:var(--primary-glow,rgba(232,48,48,.12));
  --bw-ink:var(--ink,#111827);
  --bw-ink-2:var(--ink-2,#374151);
  --bw-muted:var(--muted,#6b7280);
  --bw-line:var(--line,#e5e7eb);
  --bw-bg:var(--bg-gray,#f8fafc);
  --bw-white:var(--white,#fff);
  --bw-radius:14px;
  --bw-radius-sm:10px;
  color:var(--bw-ink)
}
#bo_w .quote-box{
  border:1px solid var(--bw-line);border-radius:var(--bw-radius);background:var(--bw-bg);
  padding:20px 22px;margin:14px 0
}
#bo_w .quote-box.write_div:after{content:none}
#bo_w .quote-h{
  margin:0 0 16px;font-size:17px;font-weight:800;color:var(--bw-ink)
}
#bo_w .quote-h i{color:var(--bw-brand);margin-right:6px}
#bo_w .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
#bo_w .quote-field{display:flex;flex-direction:column;min-width:0}
#bo_w .quote-field-full{grid-column:1 / -1}
#bo_w .quote-field > label,
#bo_w .bw-file-label{
  font-size:13px;font-weight:700;color:var(--bw-ink-2);margin-bottom:8px;display:block
}
#bo_w .bw-req{color:#ef4444;font-style:normal;margin-left:2px}
#bo_w .quote-box .frm_input,
#bo_w .quote-box select.frm_input{
  width:100%;height:46px;border:1px solid var(--bw-line);background:var(--bw-white);color:var(--bw-ink);
  border-radius:var(--bw-radius-sm);padding:0 12px;font-size:14px;font-family:inherit;box-sizing:border-box
}
#bo_w .quote-box .frm_input:focus,
#bo_w .quote-box select.frm_input:focus{
  outline:0;border-color:var(--bw-brand);box-shadow:0 0 0 3px rgba(232,48,48,.15)
}
#bo_w .bo_v_option{margin:0;padding:0;list-style:none}
#bo_w .bo_v_option li{display:inline-block;float:none;text-align:left;margin:0 14px 0 0}
#bo_w .bo_v_option li label{vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span{margin-left:0;margin-right:5px}
#bo_w .write_div{margin:10px 0;position:relative}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}

/* ?�목 + ?�시?�??*/
#bo_w .bw-autosave-wrap{position:relative}
#bo_w .bw-main-box .frm_input{height:48px;padding:0 14px;font-size:15px;font-weight:600}
#bo_w .bw-main-box .bw-autosave-wrap:has(.bw-autosave-btn) .frm_input{padding-right:130px}
#bo_w .bw-autosave-btn{
  position:absolute;top:50%;right:8px;transform:translateY(-50%);
  height:34px;line-height:34px;padding:0 12px;border:1px solid var(--bw-line);border-radius:8px;
  background:var(--bw-bg);color:var(--bw-ink-2);font-size:12px;font-weight:700;cursor:pointer
}
#bo_w .bw-autosave-btn:hover{border-color:var(--bw-brand);color:var(--bw-brand);background:var(--bw-brand-light)}
#bo_w .bw-main-box #autosave_pop{top:52px;right:0}

/* ?�용 */
#bo_w .bw-content-box .wr_content{margin:0}
#bo_w .bw-content-box textarea#wr_content{
  width:100%;min-height:280px;border:1px solid var(--bw-line);border-radius:10px;
  background:var(--bw-white);color:var(--bw-ink);padding:14px 16px;font-size:14px;line-height:1.7;
  font-family:inherit;resize:vertical;box-sizing:border-box
}
#bo_w .bw-content-box textarea#wr_content:focus{outline:0;border-color:var(--bw-brand);box-shadow:0 0 0 3px rgba(232,48,48,.15)}
#bo_w .bw-content-box .wr_content iframe{border-radius:10px;overflow:hidden}

/* 링크 */
#bo_w .bw-link-input{position:relative}
#bo_w .bw-link-input > i{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  color:var(--bw-brand);font-size:18px;line-height:1;pointer-events:none;z-index:1
}
#bo_w .bw-link-box .frm_input{
  width:100%;height:48px;padding:0 14px 0 44px;border:1px solid var(--bw-line);
  border-radius:10px;background:var(--bw-white);color:var(--bw-ink);font-size:14px;box-sizing:border-box
}
#bo_w .bw-link-box .frm_input:focus{outline:0;border-color:var(--bw-brand);box-shadow:0 0 0 3px rgba(232,48,48,.15)}

/* 첨�??�일 */
#bo_w .bw-file-hint{margin:0 0 14px;font-size:12.5px;color:var(--bw-muted);line-height:1.45}
#bo_w .bw-file-hint i{color:var(--bw-brand);margin-right:3px}
#bo_w .bw-file-row{position:relative;margin-bottom:14px}
#bo_w .bw-file-row:last-child{margin-bottom:0}
#bo_w .bw-file-box .file_wr{
  position:relative;border:1px solid var(--bw-line);background:var(--bw-white);color:var(--bw-ink);
  vertical-align:middle;border-radius:10px;padding:5px;height:48px;margin:0
}
#bo_w .bw-file-box .lb_icon{
  position:absolute;top:0;left:0;border-radius:8px 0 0 8px;height:46px;line-height:46px;
  width:42px;font-size:1.2em;text-align:center;color:var(--bw-brand)
}
#bo_w .bw-file-box .frm_file{padding-left:52px;margin-top:3px;width:100%;box-sizing:border-box}
#bo_w .bw-file-box .frm_input{margin:10px 0 0;width:100%;height:46px;border:1px solid var(--bw-line);border-radius:10px;padding:0 12px;background:var(--bw-white)}
/* superseded: bw-file-box .file_del ??see override below */

/* 버튼 */
#bo_w .btn_confirm{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
#bo_w .btn_submit{
  padding:0 22px;height:44px;line-height:44px;border:0;border-radius:10px;
  background:var(--bw-brand);color:#fff;font-size:15px;font-weight:700;cursor:pointer
}
#bo_w .btn_submit:hover{filter:brightness(.95)}
#bo_w .btn_cancel{
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 20px;height:44px;border:1px solid var(--bw-line);border-radius:10px;
  background:var(--bw-white);color:var(--bw-ink-2);font-size:15px;font-weight:700;text-decoration:none
}
#bo_w .btn_cancel:hover{border-color:var(--bw-brand);color:var(--bw-brand)}

@media (max-width:768px){
  #bo_w .quote-box{padding:16px}
  #bo_w .quote-grid{grid-template-columns:1fr}
  #bo_w .bw-main-box .bw-autosave-wrap:has(.bw-autosave-btn) .frm_input{padding-right:14px}
  #bo_w .bw-autosave-btn{position:static !important;transform:none;margin-top:8px;width:100%}
  #bo_w .bw-main-box #autosave_pop,#bo_w .svc-main-box #autosave_pop{left:0;right:auto;max-width:100%;width:100%}
  #bo_w .btn_confirm{flex-direction:column-reverse}
  #bo_w .btn_submit,#bo_w .btn_cancel{width:100%;text-align:center}
}

html[data-theme="dark"] #bo_w{
  --bw-brand:var(--primary,#e83030);
  --bw-brand-light:rgba(232,48,48,.18);
  --bw-ink:#eee;
  --bw-ink-2:#eee;
  --bw-muted:#bbb;
  --bw-line:#373737;
  --bw-bg:#1a1a1a;
  --bw-white:#111;
  color:#eee
}
html[data-theme="dark"] #bo_w .quote-box{
  background:#1a1a1a;border-color:#373737;color:#eee
}
html[data-theme="dark"] #bo_w .quote-h,
html[data-theme="dark"] #bo_w .quote-h i,
html[data-theme="dark"] #bo_w .quote-field > label,
html[data-theme="dark"] #bo_w .bw-file-label,
html[data-theme="dark"] #bo_w .bw-link-box .bo_w_link > label,
html[data-theme="dark"] #bo_w .quote-field.bo_w_link > label,
html[data-theme="dark"] #bo_w .bw-file-hint,
html[data-theme="dark"] #bo_w .bo_v_option li label{
  color:#eee !important
}
html[data-theme="dark"] #bo_w .quote-h i,
html[data-theme="dark"] #bo_w .bw-link-input > i,
html[data-theme="dark"] #bo_w .bw-file-hint i,
html[data-theme="dark"] #bo_w .bw-file-box .lb_icon{
  color:var(--primary,#e83030) !important
}
html[data-theme="dark"] #bo_w .quote-box .frm_input,
html[data-theme="dark"] #bo_w .quote-box select.frm_input,
html[data-theme="dark"] #bo_w .bw-main-box .frm_input,
html[data-theme="dark"] #bo_w .bw-link-box .frm_input,
html[data-theme="dark"] #bo_w .bw-content-box textarea#wr_content,
html[data-theme="dark"] #bo_w .bw-file-box .file_wr,
html[data-theme="dark"] #bo_w .bw-file-box .frm_input{
  background:#111 !important;border-color:#373737 !important;color:#fff !important
}
html[data-theme="dark"] #bo_w .quote-box .frm_input::placeholder,
html[data-theme="dark"] #bo_w .bw-main-box .frm_input::placeholder,
html[data-theme="dark"] #bo_w .bw-link-box .frm_input::placeholder,
html[data-theme="dark"] #bo_w .bw-content-box textarea#wr_content::placeholder,
html[data-theme="dark"] #bo_w .bw-file-box .frm_input::placeholder{
  color:#999 !important;opacity:1
}
html[data-theme="dark"] #bo_w .bw-autosave-btn{
  background:#111;border-color:#373737;color:#eee
}
html[data-theme="dark"] #bo_w .bw-autosave-btn:hover{
  border-color:var(--primary,#e83030);color:var(--primary,#e83030);background:#1a1a1a
}
html[data-theme="dark"] #bo_w .btn_cancel,
html[data-theme="dark"] #bo_w a.btn_cancel{
  background:#111 !important;border-color:#373737 !important;color:#eee !important
}
html[data-theme="dark"] #bo_w .bw-file-box .file_del,
html[data-theme="dark"] #bo_w .bw-file-box .file_del label{
  color:#bbb !important
}

/* 카드??링크 UI: ?�벨???�력 ???�스?�로 (구형 absolute ?�이�??�벨 무력?? */
#bo_w .bw-link-box .bo_w_link{
  display:flex;flex-direction:column;min-width:0;position:relative
}
#bo_w .bw-link-box .bo_w_link > label{
  position:static !important;top:auto !important;left:auto !important;
  width:auto !important;height:auto !important;line-height:1.4 !important;
  border-radius:0 !important;font-size:13px !important;font-weight:700;
  text-align:left !important;color:var(--bw-ink-2,var(--m-ink-2,#374151));
  margin:0 0 8px !important;display:block;padding:0
}
#bo_w .bw-link-box .bw-link-input{position:relative}
#bo_w .bw-link-box .bw-link-input > i{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  color:var(--bw-brand,var(--m-brand,#e83030));font-size:18px;line-height:1;
  pointer-events:none;z-index:1
}
#bo_w .bw-link-box .frm_input,
#bo_w .bw-link-box .bw-link-input .frm_input{
  width:100%;height:48px;padding:0 14px 0 44px !important;
  border:1px solid var(--bw-line,var(--m-line,#e5e7eb));
  border-radius:10px;background:var(--bw-white,var(--m-white,#fff));
  color:var(--bw-ink,var(--m-ink,#111827));font-size:14px;box-sizing:border-box
}

/* 카드??첨�?: ?�일??�� 체크�??�력 ?�래 ?�반 ?�름?�로 (구형 absolute 무력?? */
#bo_w .bw-file-box .file_del,
#bo_w .bw-file-box .bo_w_flie .file_del,
#bo_w .bw-file-row .file_del{
  position:static !important;top:auto !important;right:auto !important;left:auto !important;
  display:flex !important;align-items:center;flex-wrap:wrap;gap:6px;
  margin:10px 0 0 !important;padding:0;font-size:13px;line-height:1.45;
  color:var(--bw-muted,var(--m-muted,#6b7280))
}
#bo_w .bw-file-box .file_del label,
#bo_w .bw-file-row .file_del label{
  margin:0;cursor:pointer;color:inherit;font-weight:500
}


/* LINK_LABEL_FORCE */
#bo_w .bw-link-box .bo_w_link{
  display:flex;flex-direction:column;min-width:0;position:relative
}
#bo_w .bw-link-box .bo_w_link > label,
#bo_w .quote-field.bo_w_link > label{
  position:static !important;top:auto !important;left:auto !important;
  width:auto !important;height:auto !important;line-height:1.4 !important;
  border-radius:0 !important;font-size:13px !important;font-weight:700;
  text-align:left !important;color:var(--bw-ink-2,var(--m-ink-2,#374151));
  margin:0 0 8px !important;display:block;padding:0
}
#bo_w .bw-link-box .bw-link-input{position:relative}
#bo_w .bw-link-box .bw-link-input > i{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  color:var(--bw-brand,var(--m-brand,#e83030));font-size:18px;line-height:1;
  pointer-events:none;z-index:1
}
#bo_w .bw-link-box .frm_input,
#bo_w .bw-link-box .bw-link-input .frm_input{
  width:100%;height:48px;padding:0 14px 0 44px !important;
  border:1px solid var(--bw-line,var(--m-line,#e5e7eb));
  border-radius:10px;background:var(--bw-white,var(--m-white,#fff));
  color:var(--bw-ink,var(--m-ink,#111827));font-size:14px;box-sizing:border-box
}

/* WRITE_BTN_FORCE */
#bo_w .btn_confirm.write_div,
#bo_w .btn_confirm{
  display:flex !important;gap:10px !important;justify-content:flex-end !important;
  margin-top:18px !important;align-items:center;flex-wrap:wrap
}
#bo_w a.btn_cancel,
#bo_w a.btn.btn_cancel,
#bo_w a.btn_cancel.btn,
#bo_w .btn_cancel.btn,
#bo_w .btn_cancel{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  padding:0 20px !important;height:44px !important;min-height:44px !important;line-height:1 !important;
  border:1px solid var(--bw-line,var(--m-line,#e5e7eb)) !important;border-radius:10px !important;
  background:var(--bw-white,var(--m-white,#fff)) !important;color:var(--bw-ink-2,var(--m-ink-2,#374151)) !important;
  font-size:15px !important;font-weight:700 !important;text-decoration:none !important;
  vertical-align:middle !important;box-sizing:border-box !important
}
#bo_w a.btn_cancel:hover,
#bo_w a.btn.btn_cancel:hover,
#bo_w a.btn_cancel.btn:hover,
#bo_w .btn_cancel:hover{
  background:var(--bw-white,var(--m-white,#fff)) !important;
  border-color:var(--bw-brand,var(--m-brand,#e83030)) !important;
  color:var(--bw-brand,var(--m-brand,#e83030)) !important;
  filter:none !important
}
#bo_w .btn_submit,
#bo_w button.btn_submit,
#bo_w .btn_submit.btn{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  padding:0 22px !important;height:44px !important;min-height:44px !important;line-height:1 !important;
  border:0 !important;border-radius:10px !important;
  background:var(--bw-brand,var(--m-brand,#e83030)) !important;color:#fff !important;
  font-size:15px !important;font-weight:700 !important;cursor:pointer !important;box-sizing:border-box !important
}
#bo_w .btn_submit:hover,
#bo_w button.btn_submit:hover{filter:brightness(.95) !important;color:#fff !important}
@media (max-width:768px){
  #bo_w .btn_confirm.write_div,
  #bo_w .btn_confirm{flex-direction:column-reverse !important}
  #bo_w .btn_submit,
  #bo_w .btn_cancel,
  #bo_w a.btn_cancel{width:100% !important;text-align:center !important}
}
html[data-theme="dark"] #bo_w a.btn_cancel,
html[data-theme="dark"] #bo_w a.btn.btn_cancel,
html[data-theme="dark"] #bo_w .btn_cancel{
  background:#111 !important;border-color:#373737 !important;color:#eee !important
}
html[data-theme="dark"] #bo_w a.btn_cancel:hover,
html[data-theme="dark"] #bo_w .btn_cancel:hover{
  border-color:var(--primary,#e83030) !important;color:var(--primary,#e83030) !important;background:#111 !important
}

/* 첨�? ?��?지 ?�명 (bf_content) */
#bo_v_img .bo_v_img_item{margin:0 0 18px;padding:0;border:0;text-align:center}
#bo_v_img .bo_v_img_item img{margin-bottom:8px;border-radius:15px}
#bo_v_img .bo_v_img_desc{display:block;margin:0 auto 4px;padding:0 8px;max-width:100%;font-size:14px;line-height:1.55;color:var(--m-ink-2,#374151);font-weight:600;word-break:keep-all}

/* ?�크모드: ?�기/?�기/목록 공통 */
html[data-theme="dark"]{
  --m-brand:var(--primary,#e83030);
  --m-brand-dark:var(--primary-dark,#c22020);
  --m-brand-light:rgba(232,48,48,.2);
  --m-accent:var(--primary,#e83030);
  --m-ink:#f3f4f6;
  --m-ink-2:#e5e7eb;
  --m-muted:#9ca3af;
  --m-line:#374151;
  --m-white:#1f2937;
  --m-bg:#111827;
}
html[data-theme="dark"] #bo_v,
html[data-theme="dark"] #bo_v_top ul{color:#f3f4f6;border-color:#374151}
html[data-theme="dark"] #autosave_pop{background:#1f2937;color:#f3f4f6;border-color:#374151}
html[data-theme="dark"] #bo_v_title .bo_v_tit,
html[data-theme="dark"] #bo_v_info .sv_member,
html[data-theme="dark"] #bo_v_file a,
html[data-theme="dark"] #bo_v_link a,
html[data-theme="dark"] .cmt_btn,
html[data-theme="dark"] .cmt_btn b,
html[data-theme="dark"] .cmt_btn span.cmt_more,
html[data-theme="dark"] .td_num strong{color:#f3f4f6}
html[data-theme="dark"] .bo_notice td{background:#1f2937 !important;border-bottom-color:#374151}
html[data-theme="dark"] #bo_list tbody .even td{background:#111827}
html[data-theme="dark"] #bo_list .td_chk{border-color:#374151}
html[data-theme="dark"] .chk_box input[type="checkbox"] + label{color:#e5e7eb}
html[data-theme="dark"] .chk_box input[type="checkbox"] + label span{background:#0b1220;border:2px solid #9ca3af;box-sizing:border-box}
html[data-theme="dark"] .chk_box input[type="checkbox"]:checked + label span{background:var(--primary,#e83030) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M2.2 6.2l2.6 2.6 5-5.4'/%3E%3C/svg%3E") no-repeat center;background-size:10px 10px;border-color:var(--primary,#e83030)}
html[data-theme="dark"] .frm_input,
html[data-theme="dark"] textarea.frm_input,
html[data-theme="dark"] input.frm_input.required,
html[data-theme="dark"] .bo_vc_w_info .frm_input,
html[data-theme="dark"] .bo_vc_w_info #wr_name,
html[data-theme="dark"] .bo_vc_w_info #wr_password,
html[data-theme="dark"] #wr_content{background-color:#111827 !important;color:#f3f4f6 !important;border-color:#374151 !important;-webkit-appearance:none;appearance:none;color-scheme:dark}
html[data-theme="dark"] .more_opt{background:#1f2937;border-color:#374151}
html[data-theme="dark"] .more_opt li,
html[data-theme="dark"] .more_opt li a,
html[data-theme="dark"] .more_opt li button{color:#e5e7eb}
html[data-theme="dark"] #bo_vc article{border-bottom-color:#374151}
html[data-theme="dark"] .cp-region .subTabs a{color:#e5e7eb}