@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 #253dbe}
#bo_list tbody .even td {background:#fbfbfb}

#bo_cate {margin:25px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
.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:#2172f8}
.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:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}


#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:#4e546f}

.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:#fff}
.btn_bo_user > li {position:relative}
.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:#fff6fa !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:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

.td_num strong {color:#000}
.bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}
.bo_tit {display:block;color:#000;font-weight:bold}
.bo_current {color:#e8180c}
#bo_list .profile_img img {border-radius:50%}
#bo_list .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

#bo_list .bo_tit .title_icon {margin-right:2px}
#bo_list .bo_tit .fa-heart {color:#ff0000}
#bo_list .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
#bo_list .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;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:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
#bo_list .bo_tit .fa-caret-right {color:#bbb}
#bo_list .bo_tit .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}
#bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}

.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}

/* 게시판 쓰기 */
#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:#3597d9}
.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 {margin-bottom:20px;background:#fff;box-sizing:border-box}

#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_title {}
#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
#bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;word-break:break-all}

#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;color:#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:20px 0 10px;display:inline-block;float:left}
#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
#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:18px}

#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:#000}
#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:#3a8afd}
#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:#3a8afd}
#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:#3a8afd}
#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:#3a8afd}
#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;background:#fff}

#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}

.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}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#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}

#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;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: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}

/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}
#bo_vc {}
#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 #f0f0f0}
#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}
.bo_vc_hdinfo {color:#777}
#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}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.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 #b8bfc4 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 #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 0;display:block}
.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 #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
#wr_secret {}
.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}
.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:3px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
.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;zoom:1}
#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:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}

/*글쓰기*/
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 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 .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em}
/* =========================================================
   BiblePang GroupCafe board skin
   basic/gallery 공통 디자인 오버라이드
   ========================================================= */
:root{
  --gc-primary:var(--dark,#173b67);
  --gc-deep:var(--deep,#102b4e);
  --gc-mid:var(--mid,#315d8b);
  --gc-soft:var(--soft,#d9e5f1);
  --gc-light:var(--light,#f5f9fd);
  --gc-surface:#ffffff;
  --gc-text:#26384b;
  --gc-muted:#738297;
  --gc-line:#e3eaf1;
  --gc-shadow:0 12px 34px rgba(15,43,78,.08);
}
#bo_list,#bo_v,#bo_w{max-width:1360px!important;width:calc(100% - 24px)!important;margin:28px auto 40px!important;box-sizing:border-box;color:var(--gc-text);font-family:inherit}
#bo_list,#bo_v,#bo_w{background:var(--gc-surface);border:1px solid var(--gc-line);border-radius:20px;padding:22px;box-shadow:var(--gc-shadow)}
.gc-board-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-2px 0 20px;padding:4px 2px 17px;border-bottom:1px solid var(--gc-line)}
.gc-board-head__title{margin:0;font-size:26px;line-height:1.25;font-weight:800;letter-spacing:-.04em;color:var(--gc-deep)}
.gc-board-head__badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:var(--gc-light);border:1px solid var(--gc-soft);font-size:12px;font-weight:700;color:var(--gc-primary)}
#bo_list_total{color:var(--gc-muted);font-weight:600}
#bo_list .tbl_head01{overflow:hidden;border:1px solid var(--gc-line);border-radius:14px}
#bo_list .tbl_head01 table{border-collapse:collapse}
#bo_list .tbl_head01 thead th{border:0!important;background:var(--gc-deep)!important;color:#fff!important;padding:14px 10px;font-size:13px;font-weight:700}
#bo_list .tbl_head01 thead th a{color:#fff!important}
#bo_list .tbl_head01 td{border-top:1px solid var(--gc-line)!important;border-bottom:0!important;padding:14px 10px;background:#fff}
#bo_list tbody .even td{background:#fbfdff!important}
#bo_list tbody tr{border-left:0!important;transition:background .18s ease}
#bo_list tbody tr:hover td{background:var(--gc-light)!important}
#bo_list .td_subject a{color:var(--gc-text);font-weight:650}
#bo_list .td_subject a:hover{color:var(--gc-primary);text-decoration:none}
.bo_notice td{background:#fff9eb!important}.bo_notice .notice_icon{background:var(--gc-primary);color:#fff!important;border-radius:999px;padding:2px 9px;line-height:20px}
#bo_cate{margin:0 0 18px}#bo_cate a{border-color:var(--gc-soft)!important;color:var(--gc-primary)!important;background:#fff}#bo_cate #bo_cate_on,#bo_cate a:hover{background:var(--gc-primary)!important;border-color:var(--gc-primary)!important;color:#fff!important;box-shadow:none!important}
.btn_b01.btn,.btn_b02.btn,.btn_submit,.btn_cancel,.btn_admin.btn{border-radius:10px!important;box-shadow:none!important}
.btn_b01.btn,.btn_b02.btn{background:#fff!important;border:1px solid var(--gc-soft)!important;color:var(--gc-primary)!important}.btn_b01.btn:hover,.btn_b02.btn:hover{background:var(--gc-light)!important}
.btn_submit,.btn_admin.btn{background:var(--gc-primary)!important;border-color:var(--gc-primary)!important;color:#fff!important}
#bo_list .btn_bo_user li{background:transparent!important}
.bo_sch_wrap .bo_sch{border-radius:18px!important;overflow:hidden}.bo_sch_wrap .sch_bar{border-color:var(--gc-primary)!important}.bo_sch_wrap .sch_btn{background:var(--gc-primary)!important}
.pg_wrap .pg_current{background:var(--gc-primary)!important;border-color:var(--gc-primary)!important}.pg_wrap a{border-radius:8px!important}

/* 읽기 */
#bo_v_title .bo_v_tit{font-size:28px!important;line-height:1.35;color:var(--gc-deep);letter-spacing:-.035em}
#bo_v_title .bo_v_cate{background:var(--gc-light)!important;color:var(--gc-primary)!important;border:1px solid var(--gc-soft);border-radius:999px!important;padding:3px 10px!important}
#bo_v_info{border-color:var(--gc-line)!important}.bo_v_nb li{border-color:var(--gc-line)!important}.bo_v_nb li:hover{background:var(--gc-light)!important}
#bo_v_con{font-size:16px;line-height:1.8;color:var(--gc-text);padding:26px 4px}
#bo_v_file li,#bo_v_link li{border-color:var(--gc-line)!important;border-radius:12px!important;box-shadow:none!important;background:#fbfdff}
#bo_v_file li:hover,#bo_v_link li:hover{border-color:var(--gc-soft)!important;background:var(--gc-light)}
#bo_vc{border-top:1px solid var(--gc-line)}.cmt_btn{background:var(--gc-light)!important;color:var(--gc-deep)!important;border-radius:10px}
.bo_vc_w{background:#f8fafc!important;border:1px solid var(--gc-line)!important;border-radius:14px!important;padding:16px!important}

/* 글쓰기 */
#bo_w .write_div{margin-bottom:12px}#bo_w input[type=text],#bo_w input[type=password],#bo_w select,#bo_w textarea{border:1px solid var(--gc-line)!important;border-radius:10px!important;background:#fff;color:var(--gc-text)}
#bo_w input[type=text]:focus,#bo_w input[type=password]:focus,#bo_w textarea:focus,#bo_w select:focus{outline:none;border-color:var(--gc-mid)!important;box-shadow:0 0 0 3px rgba(49,93,139,.12)}
#bo_w .btn_confirm{text-align:center;margin-top:20px}

/* 갤러리 */
#gall_ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0!important;padding:0!important}
#gall_ul .gall_li{width:auto!important;padding:0!important;float:none!important}
#gall_ul .gall_box{height:100%;border:1px solid var(--gc-line)!important;border-radius:16px!important;overflow:hidden;background:#fff;box-shadow:0 7px 20px rgba(15,43,78,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#gall_ul .gall_box:hover{transform:translateY(-3px);border-color:var(--gc-soft)!important;box-shadow:0 13px 28px rgba(15,43,78,.12)}
#gall_ul .gall_img{overflow:hidden;background:#eef3f8!important;margin:0!important;border-radius:0!important}
#gall_ul .gall_img img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
#gall_ul .gall_box:hover .gall_img img{transform:scale(1.035)}
#gall_ul .gall_con{padding:0!important}#gall_ul .gall_text_href{padding:14px 15px 7px!important}#gall_ul .bo_tit{display:block;font-size:15px!important;font-weight:750;color:var(--gc-deep)!important;line-height:1.45}#gall_ul .bo_cnt{display:block;margin-top:7px;color:var(--gc-muted)!important;line-height:1.5}
#gall_ul .gall_info{padding:10px 15px!important;border-top:1px solid var(--gc-line);color:var(--gc-muted)!important;font-size:12px}#gall_ul .gall_option{padding:0 15px 13px!important;color:var(--gc-primary)!important}
#gall_ul .is_notice{background:var(--gc-deep)!important;color:#fff!important}
#gall_ul .no_image{display:flex!important;align-items:center;justify-content:center;height:100%;color:var(--gc-muted);background:linear-gradient(135deg,var(--gc-light),#eef3f8)}
.empty_list{grid-column:1/-1;padding:70px 10px!important;border:1px dashed var(--gc-soft);border-radius:14px;color:var(--gc-muted)!important;background:var(--gc-light)}

/* 다크모드 */
html.bp-dark,html[data-theme="dark"]{--gc-surface:#1b222b;--gc-text:#e9eef4;--gc-muted:#9facba;--gc-line:#34404d;--gc-light:#232d38;--gc-soft:#425163;--gc-deep:#e8f0f8;--gc-shadow:0 14px 36px rgba(0,0,0,.24)}
html.bp-dark #bo_list .tbl_head01 td,html[data-theme="dark"] #bo_list .tbl_head01 td,html.bp-dark #gall_ul .gall_box,html[data-theme="dark"] #gall_ul .gall_box{background:#1b222b!important}
html.bp-dark #bo_list tbody .even td,html[data-theme="dark"] #bo_list tbody .even td{background:#1f2832!important}
html.bp-dark #bo_list tbody tr:hover td,html[data-theme="dark"] #bo_list tbody tr:hover td{background:#25313d!important}
html.bp-dark .bo_notice td,html[data-theme="dark"] .bo_notice td{background:#302b20!important}
html.bp-dark #bo_w input[type=text],html.bp-dark #bo_w input[type=password],html.bp-dark #bo_w select,html.bp-dark #bo_w textarea,html[data-theme="dark"] #bo_w input[type=text],html[data-theme="dark"] #bo_w input[type=password],html[data-theme="dark"] #bo_w select,html[data-theme="dark"] #bo_w textarea{background:#151b22;color:#edf2f7;border-color:#394654!important}
html.bp-dark .bo_vc_w,html[data-theme="dark"] .bo_vc_w{background:#202933!important}

@media(max-width:1000px){#gall_ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#bo_list,#bo_v,#bo_w{width:calc(100% - 16px)!important;margin:14px auto 28px!important;padding:14px;border-radius:15px}.gc-board-head__title{font-size:21px}#gall_ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#bo_list .td_num2,#bo_list .td_num,#bo_list .td_date,#bo_list .td_datetime{width:auto}.tbl_head01{overflow-x:auto}#bo_v_title .bo_v_tit{font-size:23px!important}}
@media(max-width:420px){#gall_ul{grid-template-columns:1fr}}
/* =========================================================
   BiblePang GroupCafe Board UI v6
   - seven random rainbow accents are set by skin PHP
   - supports html.bp-dark and html[data-theme="dark"]
   ========================================================= */
:root,
html[data-gc-theme="indigo"]{
  --gc-accent:#284f9e;--gc-accent-2:#17396f;--gc-soft:#edf3ff;--gc-line:#d9e4f2;
  --gc-glow:rgba(40,79,158,.16);--gc-rgb:40,79,158;
}
html[data-gc-theme="ruby"]{--gc-accent:#c84463;--gc-accent-2:#8d2942;--gc-soft:#fff0f4;--gc-line:#f1d7df;--gc-glow:rgba(200,68,99,.15);--gc-rgb:200,68,99}
html[data-gc-theme="orange"]{--gc-accent:#e66f27;--gc-accent-2:#a94b15;--gc-soft:#fff4eb;--gc-line:#f3dccb;--gc-glow:rgba(230,111,39,.15);--gc-rgb:230,111,39}
html[data-gc-theme="gold"]{--gc-accent:#c99713;--gc-accent-2:#8a6500;--gc-soft:#fff9e7;--gc-line:#eee1b8;--gc-glow:rgba(201,151,19,.15);--gc-rgb:201,151,19}
html[data-gc-theme="emerald"]{--gc-accent:#26956e;--gc-accent-2:#17644b;--gc-soft:#ebfaf4;--gc-line:#cfe9df;--gc-glow:rgba(38,149,110,.15);--gc-rgb:38,149,110}
html[data-gc-theme="azure"]{--gc-accent:#237cb8;--gc-accent-2:#16557f;--gc-soft:#ebf7ff;--gc-line:#cfe3f1;--gc-glow:rgba(35,124,184,.15);--gc-rgb:35,124,184}
html[data-gc-theme="violet"]{--gc-accent:#8253bd;--gc-accent-2:#563286;--gc-soft:#f6efff;--gc-line:#e4d7f2;--gc-glow:rgba(130,83,189,.15);--gc-rgb:130,83,189}

#bo_list,#bo_gall,#bo_v,#bo_w{--gc-bg:#fff;--gc-panel:#fff;--gc-text:#16253a;--gc-muted:#6e7f94;--gc-border:var(--gc-line);--gc-hover:#f8fbff;width:100%!important;max-width:1360px!important;margin:28px auto!important;box-sizing:border-box;font-family:inherit;color:var(--gc-text)}
#bo_list *,#bo_gall *,#bo_v *,#bo_w *{box-sizing:border-box}
#bo_list a,#bo_gall a,#bo_v a,#bo_w a{text-decoration:none}

/* page shell / title */
.gc-board-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:24px 26px;background:linear-gradient(135deg,var(--gc-panel),var(--gc-soft));border:1px solid var(--gc-border);border-radius:20px;box-shadow:0 12px 32px rgba(12,37,67,.07)}
.gc-board-head__title{margin:0!important;padding:0!important;border:0!important;font-size:28px!important;line-height:1.25!important;color:var(--gc-accent-2)!important;font-weight:800!important;letter-spacing:-.035em}
.gc-board-head__badge{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(var(--gc-rgb),.25);border-radius:999px;background:rgba(var(--gc-rgb),.08);color:var(--gc-accent-2);font-size:13px;font-weight:700;white-space:nowrap}

/* toolbar */
#bo_btn_top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:54px!important;margin:0 0 15px!important;padding:0!important;position:relative!important}
#bo_list_total{float:none!important;display:flex;align-items:center;gap:8px;color:var(--gc-muted)!important;font-size:14px!important}
#bo_list_total span{font-weight:800;color:var(--gc-accent-2)!important}
.btn_bo_user{float:none!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important;background:transparent!important}
.btn_bo_user>li{float:none!important;display:block!important;margin:0!important;position:relative!important}
.btn_bo_user .btn,.bo_fx .btn,.bo_v_com .btn,#bo_w .btn_submit,#bo_w .btn_cancel{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;min-width:42px!important;height:42px!important;min-height:42px!important;line-height:1!important;padding:0 13px!important;border:1px solid var(--gc-border)!important;border-radius:11px!important;background:var(--gc-panel)!important;color:var(--gc-accent-2)!important;box-shadow:none!important;font-size:14px!important;font-weight:700!important;white-space:nowrap!important;vertical-align:middle!important}
.btn_bo_user .btn:hover,.bo_fx .btn:hover,.bo_v_com .btn:hover{border-color:var(--gc-accent)!important;background:var(--gc-soft)!important;color:var(--gc-accent-2)!important}
.btn_bo_user .btn_admin,.bo_fx .btn_admin,#bo_w .btn_submit{background:var(--gc-accent-2)!important;border-color:var(--gc-accent-2)!important;color:#fff!important}
.btn_bo_user .btn_admin:hover,#bo_w .btn_submit:hover{background:var(--gc-accent)!important;border-color:var(--gc-accent)!important;color:#fff!important}
.btn_bo_user i,.bo_fx i{font-size:15px!important;margin:0!important}
.more_opt{right:0!important;top:48px!important;width:160px!important;padding:7px!important;border:1px solid var(--gc-border)!important;border-radius:12px!important;background:var(--gc-panel)!important;box-shadow:0 14px 30px rgba(16,37,62,.14)!important;overflow:hidden!important;z-index:100!important}
.more_opt li{float:none!important;margin:0!important}
.more_opt li button{width:100%!important;padding:10px 11px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--gc-text)!important;text-align:left!important;white-space:nowrap!important}
.more_opt li button:hover{background:var(--gc-soft)!important}

/* categories */
#bo_cate{margin:0 0 18px!important;padding:0!important;border:0!important;background:transparent!important}
#bo_cate h2{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
#bo_cate_ul{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0!important;padding:0!important;list-style:none!important}
#bo_cate_ul li{float:none!important;margin:0!important}
#bo_cate_ul a{display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:0 13px!important;border:1px solid var(--gc-border)!important;border-radius:999px!important;background:var(--gc-panel)!important;color:var(--gc-muted)!important;font-weight:700!important}
#bo_cate_ul a:hover,#bo_cate_ul #bo_cate_on{border-color:var(--gc-accent)!important;background:var(--gc-soft)!important;color:var(--gc-accent-2)!important;box-shadow:none!important}

/* list table */
.tbl_wrap,.tbl_head01{width:100%!important;margin:0!important;border:1px solid var(--gc-border)!important;border-radius:16px!important;background:var(--gc-panel)!important;overflow:hidden!important;box-shadow:0 9px 28px rgba(15,42,74,.055)!important}
.tbl_head01 table{width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;background:var(--gc-panel)!important}
.tbl_head01 caption{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
.tbl_head01 thead th{height:48px!important;padding:0 10px!important;border:0!important;border-bottom:1px solid rgba(var(--gc-rgb),.22)!important;background:var(--gc-accent-2)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;text-align:center!important;white-space:nowrap!important}
.tbl_head01 thead th a{color:#fff!important}
.tbl_head01 tbody td{height:59px!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--gc-border)!important;background:var(--gc-panel)!important;color:var(--gc-text)!important;font-size:14px!important;vertical-align:middle!important}
.tbl_head01 tbody tr:last-child td{border-bottom:0!important}
.tbl_head01 tbody tr:hover td{background:var(--gc-hover)!important}
.tbl_head01 .td_subject{width:auto!important;text-align:left!important}
.tbl_head01 .td_num2{width:72px!important;color:var(--gc-muted)!important;text-align:center!important}
.tbl_head01 .td_name{width:118px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tbl_head01 .td_num{width:66px!important;text-align:center!important;color:var(--gc-muted)!important}
.tbl_head01 .td_datetime{width:92px!important;text-align:center!important;color:var(--gc-muted)!important;white-space:nowrap!important}
.bo_tit{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
.bo_tit>a{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--gc-text)!important;font-size:15px!important;font-weight:700!important}
.bo_tit>a:hover{color:var(--gc-accent)!important}
.bo_cate_link{display:inline-flex!important;align-items:center!important;margin-right:8px!important;padding:2px 8px!important;border:0!important;border-radius:999px!important;background:var(--gc-soft)!important;color:var(--gc-accent-2)!important;font-size:11px!important;font-weight:800!important}
.notice_icon,.bo_current{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;height:25px!important;padding:0 7px!important;border:0!important;border-radius:999px!important;background:var(--gc-soft)!important;color:var(--gc-accent-2)!important;font-size:11px!important;font-weight:800!important}
.new_icon,.hot_icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:19px!important;height:19px!important;margin-left:4px!important;border-radius:6px!important;background:var(--gc-accent)!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
.cnt_cmt{margin-left:4px!important;color:var(--gc-accent)!important;font-weight:800!important}
.empty_table{height:180px!important;padding:55px 20px!important;color:var(--gc-muted)!important;text-align:center!important;font-size:15px!important;background:linear-gradient(180deg,var(--gc-panel),var(--gc-soft))!important}

/* pagination */
.pg_wrap{display:flex!important;justify-content:center!important;margin:22px 0 10px!important}
.pg{display:flex!important;gap:6px!important;align-items:center!important}
.pg_page,.pg_current{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;line-height:1!important;padding:0!important;border:1px solid var(--gc-border)!important;border-radius:10px!important;background:var(--gc-panel)!important;color:var(--gc-muted)!important;font-weight:700!important;box-shadow:none!important}
.pg_current,.pg_page:hover{border-color:var(--gc-accent)!important;background:var(--gc-accent)!important;color:#fff!important}

/* lower action duplication is visually quiet */
.bo_fx{display:flex!important;justify-content:flex-end!important;margin:14px 0 0!important;min-height:0!important}
.bo_fx .btn_bo_user{margin:0!important}

/* search modal */
.bo_sch_wrap{position:fixed!important;inset:0!important;display:none;align-items:center!important;justify-content:center!important;padding:20px!important;background:rgba(6,17,31,.48)!important;backdrop-filter:blur(5px)!important;z-index:99999!important}
.bo_sch_wrap.is-open,.bo_sch_wrap[style*="display: block"],.bo_sch_wrap[style*="display:block"]{display:flex!important}
.bo_sch{width:min(520px,100%)!important;margin:0!important;padding:24px!important;border:1px solid var(--gc-border)!important;border-radius:18px!important;background:var(--gc-panel)!important;box-shadow:0 24px 70px rgba(0,0,0,.25)!important}
.bo_sch h3{margin:0 0 18px!important;color:var(--gc-accent-2)!important;font-size:21px!important}
.bo_sch select,.bo_sch .sch_input,.bo_sch input[type=text]{height:44px!important;border:1px solid var(--gc-border)!important;border-radius:10px!important;background:var(--gc-panel)!important;color:var(--gc-text)!important}
.bo_sch .sch_btn{height:44px!important;border:0!important;border-radius:10px!important;background:var(--gc-accent-2)!important;color:#fff!important}
.bo_sch .btn_close{margin-top:12px!important;height:40px!important;border:1px solid var(--gc-border)!important;border-radius:10px!important;background:var(--gc-panel)!important;color:var(--gc-muted)!important}

/* gallery */
#bo_gall #gall_allchk{margin:0 0 12px!important;padding:10px 12px!important;border:1px solid var(--gc-border)!important;border-radius:12px!important;background:var(--gc-panel)!important;color:var(--gc-muted)!important}
#gall_ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin:0!important;padding:0!important;list-style:none!important}
#gall_ul .gall_li{float:none!important;width:auto!important;margin:0!important;padding:0!important}
#gall_ul .gall_box{height:100%!important;margin:0!important;padding:0!important;border:1px solid var(--gc-border)!important;border-radius:17px!important;background:var(--gc-panel)!important;overflow:hidden!important;box-shadow:0 10px 27px rgba(13,40,72,.06)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
#gall_ul .gall_box:hover{transform:translateY(-3px)!important;border-color:rgba(var(--gc-rgb),.45)!important;box-shadow:0 16px 35px var(--gc-glow)!important}
#gall_ul .gall_con{position:relative!important}
#gall_ul .gall_img{width:100%!important;height:190px!important;max-height:none!important;margin:0!important;border:0!important;background:var(--gc-soft)!important;overflow:hidden!important}
#gall_ul .gall_img a{display:block!important;width:100%!important;height:100%!important}
#gall_ul .gall_img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
#gall_ul .no_image,#gall_ul .is_notice{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;line-height:1!important;background:linear-gradient(135deg,var(--gc-soft),rgba(var(--gc-rgb),.16))!important;color:var(--gc-accent-2)!important;font-weight:800!important}
#gall_ul .gall_text_href{padding:16px 16px 8px!important;min-height:102px!important}
#gall_ul .gall_text_href .bo_tit{display:block!important;margin:4px 0 7px!important;color:var(--gc-text)!important;font-size:16px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#gall_ul .bo_cnt{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:var(--gc-muted)!important;font-size:13px!important;line-height:1.55!important}
#gall_ul .gall_info{display:flex!important;align-items:center!important;gap:9px!important;padding:0 16px 16px!important;color:var(--gc-muted)!important;font-size:12px!important;white-space:nowrap!important}
#gall_ul .gall_date{margin-left:auto!important}
#gall_ul .gall_chk{top:10px!important;left:10px!important;z-index:4!important}

/* view page */
#bo_v{border:1px solid var(--gc-border)!important;border-radius:20px!important;background:var(--gc-panel)!important;overflow:hidden!important;box-shadow:0 12px 34px rgba(10,38,70,.07)!important}
#bo_v .bo_v_title{padding:24px 26px 18px!important;border-bottom:1px solid var(--gc-border)!important;background:linear-gradient(135deg,var(--gc-panel),var(--gc-soft))!important}
#bo_v #bo_v_title{margin:0!important;color:var(--gc-accent-2)!important;font-size:25px!important;line-height:1.45!important;font-weight:800!important;letter-spacing:-.025em!important}
#bo_v_info{display:flex!important;flex-wrap:wrap!important;gap:11px 18px!important;margin:0!important;padding:14px 26px!important;border-bottom:1px solid var(--gc-border)!important;background:var(--gc-panel)!important;color:var(--gc-muted)!important}
#bo_v_top{padding:14px 24px!important;border-bottom:1px solid var(--gc-border)!important;background:var(--gc-panel)!important}
#bo_v_atc{min-height:300px!important;padding:24px 28px 32px!important}
#bo_v_con{min-height:240px!important;margin:0!important;color:var(--gc-text)!important;font-size:16px!important;line-height:1.85!important;word-break:break-word!important}
#bo_v_file,#bo_v_link{margin:0 24px 22px!important;padding:16px!important;border:1px solid var(--gc-border)!important;border-radius:13px!important;background:var(--gc-soft)!important}
.bo_v_nb{margin:20px 24px!important;border:1px solid var(--gc-border)!important;border-radius:13px!important;overflow:hidden!important}
.bo_v_nb li{padding:13px 16px!important;border:0!important;border-bottom:1px solid var(--gc-border)!important;background:var(--gc-panel)!important}
.bo_v_nb li:last-child{border-bottom:0!important}
.bo_v_nb li:hover{background:var(--gc-soft)!important}

/* comments */
.cmt_btn{margin:24px 0 0!important;padding:15px 0!important;border:0!important;border-top:1px solid var(--gc-border)!important;border-bottom:1px solid var(--gc-border)!important;background:transparent!important;color:var(--gc-text)!important}
.cmt_btn span.total,.cmt_btn b{color:var(--gc-accent-2)!important}
#bo_vc{padding:0 24px!important}
#bo_vc article{margin:0!important;padding:20px 0!important;border-bottom:1px solid var(--gc-border)!important}
#bo_vc .cmt_contents{color:var(--gc-text)!important;line-height:1.7!important}
.bo_vc_w{margin:18px 24px 26px!important;padding:18px!important;border:1px solid var(--gc-border)!important;border-radius:15px!important;background:var(--gc-soft)!important}
.bo_vc_w textarea{border:1px solid var(--gc-border)!important;border-radius:10px!important;background:var(--gc-panel)!important;color:var(--gc-text)!important;box-shadow:none!important}

/* write page */
#bo_w{padding:24px 26px 28px!important;border:1px solid var(--gc-border)!important;border-radius:20px!important;background:var(--gc-panel)!important;box-shadow:0 12px 34px rgba(10,38,70,.07)!important}
#bo_w h2{margin:0 0 20px!important;color:var(--gc-accent-2)!important;font-size:25px!important;font-weight:800!important}
#bo_w .write_div{margin:0 0 14px!important}
#bo_w .frm_input,#bo_w select,#bo_w .file_wr{height:46px!important;border:1px solid var(--gc-border)!important;border-radius:10px!important;background:var(--gc-panel)!important;color:var(--gc-text)!important;box-shadow:none!important}
#bo_w .frm_input:focus,#bo_w select:focus,#bo_w textarea:focus{border-color:var(--gc-accent)!important;box-shadow:0 0 0 3px var(--gc-glow)!important;outline:0!important}
#bo_w .wr_content{border-radius:12px!important;overflow:hidden!important}
#bo_w .btn_confirm{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:22px!important}
#bo_w .btn_cancel{background:var(--gc-panel)!important;color:var(--gc-muted)!important}

/* dark mode */
html.bp-dark #bo_list,html.bp-dark #bo_gall,html.bp-dark #bo_v,html.bp-dark #bo_w,
html[data-theme="dark"] #bo_list,html[data-theme="dark"] #bo_gall,html[data-theme="dark"] #bo_v,html[data-theme="dark"] #bo_w{
  --gc-bg:#0d141d;--gc-panel:#151e29;--gc-text:#edf3f9;--gc-muted:#9bacbd;--gc-border:#2a3949;--gc-hover:#1c2937;
  --gc-soft:rgba(var(--gc-rgb),.13);--gc-accent-2:color-mix(in srgb,var(--gc-accent) 74%,white 26%);
}
html.bp-dark .gc-board-head,html[data-theme="dark"] .gc-board-head{box-shadow:0 14px 35px rgba(0,0,0,.22)!important}
html.bp-dark .tbl_head01,html.bp-dark #bo_v,html.bp-dark #bo_w,html[data-theme="dark"] .tbl_head01,html[data-theme="dark"] #bo_v,html[data-theme="dark"] #bo_w{box-shadow:0 14px 35px rgba(0,0,0,.2)!important}
html.bp-dark .bo_sch_wrap,html[data-theme="dark"] .bo_sch_wrap{background:rgba(0,0,0,.68)!important}

@media(max-width:900px){
  #bo_list,#bo_gall,#bo_v,#bo_w{margin:18px auto!important}
  .gc-board-head{padding:20px!important}.gc-board-head__title{font-size:24px!important}
  #gall_ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tbl_head01 .td_num,.tbl_head01 .td_datetime{display:none!important}.tbl_head01 thead th:nth-last-child(-n+2){display:none!important}
}
@media(max-width:640px){
  .gc-board-head{align-items:flex-start;flex-direction:column;gap:10px!important;border-radius:15px!important}
  #bo_btn_top{align-items:flex-start!important;flex-direction:column!important}.btn_bo_user{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  .tbl_head01 .td_num2{width:52px!important}.tbl_head01 .td_name{width:84px!important}.tbl_head01 tbody td{padding:9px 7px!important}.bo_tit>a{font-size:14px!important}
  #gall_ul{grid-template-columns:1fr!important}.gall_img{height:220px!important}
  #bo_v_atc{padding:20px!important}#bo_v_info{padding:12px 18px!important}.bo_vc_w{margin:16px!important}#bo_vc{padding:0 16px!important}
  #bo_w{padding:18px 16px 22px!important}
}

/* =========================================================
   BiblePang Board UI v7 - toolbar overlap fix
   Keep each action button in its natural width and inside board.
   ========================================================= */
#bo_list #bo_btn_top,
#bo_gall #bo_btn_top{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    flex-wrap:wrap!important;
    position:relative!important;
    overflow:visible!important;
}

#bo_list .btn_bo_user,
#bo_gall .btn_bo_user,
#bo_list .bo_fx .btn_bo_user,
#bo_gall .bo_fx .btn_bo_user{
    width:auto!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
}

#bo_list .btn_bo_user > li,
#bo_gall .btn_bo_user > li,
#bo_list .bo_fx .btn_bo_user > li,
#bo_gall .bo_fx .btn_bo_user > li{
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    float:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    background:transparent!important;
}

#bo_list .btn_bo_user > li > .btn,
#bo_gall .btn_bo_user > li > .btn,
#bo_list .bo_fx .btn_bo_user > li > .btn,
#bo_gall .bo_fx .btn_bo_user > li > .btn{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    min-width:42px!important;
    max-width:none!important;
    flex:0 0 auto!important;
    margin:0!important;
}

#bo_list .bo_fx,
#bo_gall .bo_fx{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    float:none!important;
    clear:both!important;
    margin:16px 0 0!important;
    padding:0!important;
    overflow:visible!important;
}

#bo_list .more_opt,
#bo_gall .more_opt{
    right:0!important;
    left:auto!important;
    top:calc(100% + 6px)!important;
    z-index:200!important;
}

@media (max-width:760px){
    #bo_list #bo_btn_top,
    #bo_gall #bo_btn_top{
        align-items:flex-start!important;
        flex-direction:column!important;
        gap:10px!important;
    }
    #bo_list .btn_bo_user,
    #bo_gall .btn_bo_user,
    #bo_list .bo_fx .btn_bo_user,
    #bo_gall .bo_fx .btn_bo_user{
        width:100%!important;
        justify-content:flex-start!important;
    }
    #bo_list .bo_fx,
    #bo_gall .bo_fx{
        justify-content:flex-start!important;
    }
}


/* =========================================================
   BiblePang Board UI v8
   1) top action buttons align to the same right edge as bottom buttons
   2) list/table area follows dark mode completely
   ========================================================= */

/* Keep Total on the left, but pin the complete action group to the far right. */
#bo_list #bo_btn_top,
#bo_gall #bo_btn_top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:18px!important;
    width:100%!important;
}

#bo_list #bo_list_total,
#bo_gall #bo_list_total{
    min-width:0!important;
    justify-self:start!important;
}

#bo_list #bo_btn_top > .btn_bo_user,
#bo_gall #bo_btn_top > .btn_bo_user{
    width:max-content!important;
    max-width:100%!important;
    justify-self:end!important;
    justify-content:flex-end!important;
    margin-left:auto!important;
}

/* The bottom buttons use the identical right boundary. */
#bo_list .bo_fx,
#bo_gall .bo_fx{
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    justify-content:flex-end!important;
}
#bo_list .bo_fx > .btn_bo_user,
#bo_gall .bo_fx > .btn_bo_user{
    margin-left:auto!important;
    justify-content:flex-end!important;
}

/* Complete dark-mode treatment for the list/table rectangle. */
html.bp-dark #bo_list .tbl_wrap,
html.bp-dark #bo_list .tbl_head01,
html.bp-dark #bo_list .tbl_head01 table,
html.bp-dark #bo_gall .tbl_wrap,
html.bp-dark #bo_gall .tbl_head01,
html.bp-dark #bo_gall .tbl_head01 table,
html[data-theme="dark"] #bo_list .tbl_wrap,
html[data-theme="dark"] #bo_list .tbl_head01,
html[data-theme="dark"] #bo_list .tbl_head01 table,
html[data-theme="dark"] #bo_gall .tbl_wrap,
html[data-theme="dark"] #bo_gall .tbl_head01,
html[data-theme="dark"] #bo_gall .tbl_head01 table{
    background:#151e29!important;
    border-color:#2a3949!important;
}

html.bp-dark #bo_list .tbl_head01 thead th,
html.bp-dark #bo_gall .tbl_head01 thead th,
html[data-theme="dark"] #bo_list .tbl_head01 thead th,
html[data-theme="dark"] #bo_gall .tbl_head01 thead th{
    background:#243447!important;
    color:#f2f6fa!important;
    border-bottom-color:#34485d!important;
}

html.bp-dark #bo_list .tbl_head01 thead th a,
html.bp-dark #bo_gall .tbl_head01 thead th a,
html[data-theme="dark"] #bo_list .tbl_head01 thead th a,
html[data-theme="dark"] #bo_gall .tbl_head01 thead th a{
    color:#f2f6fa!important;
}

html.bp-dark #bo_list .tbl_head01 tbody td,
html.bp-dark #bo_gall .tbl_head01 tbody td,
html[data-theme="dark"] #bo_list .tbl_head01 tbody td,
html[data-theme="dark"] #bo_gall .tbl_head01 tbody td{
    background:#151e29!important;
    color:#edf3f9!important;
    border-bottom-color:#2a3949!important;
}

html.bp-dark #bo_list .empty_table,
html.bp-dark #bo_gall .empty_table,
html[data-theme="dark"] #bo_list .empty_table,
html[data-theme="dark"] #bo_gall .empty_table{
    background:#151e29!important;
    color:#b9c6d3!important;
}

/* Checkboxes in the table header should not introduce a white patch. */
html.bp-dark #bo_list .tbl_head01 .chk_box label span,
html.bp-dark #bo_gall .tbl_head01 .chk_box label span,
html[data-theme="dark"] #bo_list .tbl_head01 .chk_box label span,
html[data-theme="dark"] #bo_gall .tbl_head01 .chk_box label span{
    background:#182433!important;
    border-color:#597089!important;
}

/* Mobile keeps the natural stacked toolbar. */
@media(max-width:760px){
    #bo_list #bo_btn_top,
    #bo_gall #bo_btn_top{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
    }
    #bo_list #bo_btn_top > .btn_bo_user,
    #bo_gall #bo_btn_top > .btn_bo_user{
        width:100%!important;
        justify-self:auto!important;
        justify-content:flex-start!important;
        margin-left:0!important;
    }
    #bo_list .bo_fx,
    #bo_gall .bo_fx{
        justify-content:flex-start!important;
    }
    #bo_list .bo_fx > .btn_bo_user,
    #bo_gall .bo_fx > .btn_bo_user{
        margin-left:0!important;
        justify-content:flex-start!important;
    }
}


/* =========================================================
   BiblePang Board UI v12
   Theme-aware content surfaces for list / gallery / view / write
   The random data-gc-theme on <html> controls all colors.
   ========================================================= */

/* ---------- BASIC LIST: whole content rectangle ---------- */
#bo_list .tbl_wrap,
#bo_list .tbl_head01{
    border-color:rgba(var(--gc-rgb),.32)!important;
    background:
        linear-gradient(180deg,
            rgba(var(--gc-rgb),.055) 0%,
            var(--gc-panel) 34%,
            var(--gc-panel) 100%)!important;
    box-shadow:
        0 10px 30px rgba(13,40,72,.055),
        inset 0 3px 0 rgba(var(--gc-rgb),.18)!important;
}

#bo_list .tbl_head01 thead th{
    background:linear-gradient(
        135deg,
        var(--gc-accent-2),
        var(--gc-accent)
    )!important;
    border-bottom-color:rgba(var(--gc-rgb),.34)!important;
}

#bo_list .tbl_head01 tbody tr td{
    background:rgba(var(--gc-rgb),.018)!important;
}
#bo_list .tbl_head01 tbody tr:nth-child(even) td{
    background:rgba(var(--gc-rgb),.045)!important;
}
#bo_list .tbl_head01 tbody tr:hover td{
    background:rgba(var(--gc-rgb),.095)!important;
}
#bo_list .tbl_head01 tbody tr:last-child td{
    border-bottom:0!important;
}

/* Empty basic board should still visually belong to the selected theme. */
#bo_list .empty_table{
    min-height:170px!important;
    background:
        radial-gradient(circle at 50% 0,
            rgba(var(--gc-rgb),.13),
            transparent 58%),
        linear-gradient(180deg,
            rgba(var(--gc-rgb),.055),
            rgba(var(--gc-rgb),.018))!important;
    color:var(--gc-muted)!important;
}

/* Notice / selected rows */
#bo_list .bo_notice td{
    background:rgba(var(--gc-rgb),.085)!important;
}
#bo_list tbody tr:hover{
    border-left-color:var(--gc-accent)!important;
}

/* ---------- GALLERY: all-selection row and whole gallery field ---------- */
#bo_gall #gall_allchk{
    border-color:rgba(var(--gc-rgb),.34)!important;
    background:linear-gradient(
        135deg,
        rgba(var(--gc-rgb),.075),
        rgba(var(--gc-rgb),.025)
    )!important;
    box-shadow:inset 3px 0 0 rgba(var(--gc-rgb),.38)!important;
}

#bo_gall #gall_ul{
    position:relative!important;
    padding:18px!important;
    border:1px solid rgba(var(--gc-rgb),.28)!important;
    border-radius:18px!important;
    background:
        radial-gradient(circle at 50% 0,
            rgba(var(--gc-rgb),.09),
            transparent 48%),
        rgba(var(--gc-rgb),.018)!important;
}

#bo_gall #gall_ul .gall_box{
    border-color:rgba(var(--gc-rgb),.24)!important;
}
#bo_gall #gall_ul .gall_box:hover{
    border-color:rgba(var(--gc-rgb),.58)!important;
}

#bo_gall .empty_list,
#bo_gall #gall_ul .empty_table{
    min-height:165px!important;
    border:1px dashed rgba(var(--gc-rgb),.30)!important;
    background:
        radial-gradient(circle at 50% 25%,
            rgba(var(--gc-rgb),.14),
            transparent 55%),
        rgba(var(--gc-rgb),.025)!important;
    color:var(--gc-muted)!important;
}

/* Gallery metadata surface */
#bo_gall #gall_ul .gall_info{
    background:rgba(var(--gc-rgb),.025)!important;
    border-top-color:rgba(var(--gc-rgb),.16)!important;
}

/* ---------- VIEW PAGE ---------- */
#bo_v{
    border-color:rgba(var(--gc-rgb),.30)!important;
    box-shadow:
        0 13px 35px rgba(10,38,70,.07),
        inset 0 3px 0 rgba(var(--gc-rgb),.20)!important;
}
#bo_v .bo_v_title,
#bo_v #bo_v_title{
    background:linear-gradient(
        135deg,
        rgba(var(--gc-rgb),.10),
        rgba(var(--gc-rgb),.025)
    )!important;
}
#bo_v_info{
    background:rgba(var(--gc-rgb),.022)!important;
    border-color:rgba(var(--gc-rgb),.17)!important;
}
#bo_v_top{
    background:rgba(var(--gc-rgb),.035)!important;
    border-color:rgba(var(--gc-rgb),.17)!important;
}
#bo_v_atc{
    padding:24px 26px 30px!important;
    background:
        linear-gradient(180deg,
            rgba(var(--gc-rgb),.025),
            transparent 110px)!important;
}
#bo_v_file,
#bo_v_link,
.bo_vc_w{
    border-color:rgba(var(--gc-rgb),.24)!important;
    background:rgba(var(--gc-rgb),.045)!important;
}
.bo_v_nb{
    border-color:rgba(var(--gc-rgb),.24)!important;
}
.bo_v_nb li{
    border-color:rgba(var(--gc-rgb),.16)!important;
}
.bo_v_nb li:hover{
    background:rgba(var(--gc-rgb),.075)!important;
}
.cmt_btn{
    border-color:rgba(var(--gc-rgb),.20)!important;
}
#bo_vc article{
    border-bottom-color:rgba(var(--gc-rgb),.16)!important;
}

/* ---------- WRITE PAGE ---------- */
#bo_w{
    border-color:rgba(var(--gc-rgb),.30)!important;
    background:
        linear-gradient(180deg,
            rgba(var(--gc-rgb),.055) 0,
            var(--gc-panel) 145px)!important;
    box-shadow:
        0 13px 35px rgba(10,38,70,.07),
        inset 0 3px 0 rgba(var(--gc-rgb),.20)!important;
}
#bo_w h2{
    display:flex!important;
    align-items:center!important;
    min-height:56px!important;
    margin:-8px -8px 22px!important;
    padding:0 16px!important;
    border-bottom:1px solid rgba(var(--gc-rgb),.20)!important;
    color:var(--gc-accent-2)!important;
}
#bo_w .write_div{
    padding:13px 14px!important;
    border:1px solid rgba(var(--gc-rgb),.14)!important;
    border-radius:13px!important;
    background:rgba(var(--gc-rgb),.018)!important;
}
#bo_w .write_div:focus-within{
    border-color:rgba(var(--gc-rgb),.42)!important;
    background:rgba(var(--gc-rgb),.045)!important;
    box-shadow:0 0 0 3px rgba(var(--gc-rgb),.07)!important;
}
#bo_w .frm_input,
#bo_w select,
#bo_w textarea,
#bo_w .file_wr{
    border-color:rgba(var(--gc-rgb),.25)!important;
}
#bo_w .frm_input:focus,
#bo_w select:focus,
#bo_w textarea:focus{
    border-color:var(--gc-accent)!important;
    box-shadow:0 0 0 3px var(--gc-glow)!important;
}

/* ---------- THEME-COLORED CHECKBOXES ---------- */
#bo_list .chk_box input[type="checkbox"] + label span,
#bo_gall .chk_box input[type="checkbox"] + label span,
#bo_w .chk_box input[type="checkbox"] + label span{
    border-color:rgba(var(--gc-rgb),.34)!important;
}
#bo_list .chk_box input[type="checkbox"]:checked + label span,
#bo_gall .chk_box input[type="checkbox"]:checked + label span,
#bo_w .chk_box input[type="checkbox"]:checked + label span{
    background-color:var(--gc-accent)!important;
    border-color:var(--gc-accent)!important;
}

/* ---------- DARK MODE: preserve the same theme hue, not generic gray ---------- */
html.bp-dark #bo_list .tbl_wrap,
html.bp-dark #bo_list .tbl_head01,
html[data-theme="dark"] #bo_list .tbl_wrap,
html[data-theme="dark"] #bo_list .tbl_head01{
    border-color:rgba(var(--gc-rgb),.38)!important;
    background:
        linear-gradient(180deg,
            rgba(var(--gc-rgb),.115),
            #151e29 42%)!important;
}

html.bp-dark #bo_list .tbl_head01 thead th,
html[data-theme="dark"] #bo_list .tbl_head01 thead th{
    background:linear-gradient(
        135deg,
        color-mix(in srgb,var(--gc-accent-2) 72%,#111 28%),
        color-mix(in srgb,var(--gc-accent) 72%,#111 28%)
    )!important;
    color:#fff!important;
}

html.bp-dark #bo_list .tbl_head01 tbody tr td,
html[data-theme="dark"] #bo_list .tbl_head01 tbody tr td{
    background:rgba(var(--gc-rgb),.035)!important;
}
html.bp-dark #bo_list .tbl_head01 tbody tr:nth-child(even) td,
html[data-theme="dark"] #bo_list .tbl_head01 tbody tr:nth-child(even) td{
    background:rgba(var(--gc-rgb),.075)!important;
}
html.bp-dark #bo_list .tbl_head01 tbody tr:hover td,
html[data-theme="dark"] #bo_list .tbl_head01 tbody tr:hover td{
    background:rgba(var(--gc-rgb),.145)!important;
}

html.bp-dark #bo_list .empty_table,
html[data-theme="dark"] #bo_list .empty_table{
    background:
        radial-gradient(circle at 50% 0,
            rgba(var(--gc-rgb),.19),
            transparent 62%),
        rgba(var(--gc-rgb),.035)!important;
    color:#c0cbd7!important;
}

html.bp-dark #bo_gall #gall_allchk,
html[data-theme="dark"] #bo_gall #gall_allchk{
    border-color:rgba(var(--gc-rgb),.40)!important;
    background:rgba(var(--gc-rgb),.10)!important;
    color:#dfe8f1!important;
}
html.bp-dark #bo_gall #gall_ul,
html[data-theme="dark"] #bo_gall #gall_ul{
    border-color:rgba(var(--gc-rgb),.35)!important;
    background:
        radial-gradient(circle at 50% 0,
            rgba(var(--gc-rgb),.15),
            transparent 52%),
        #151e29!important;
}
html.bp-dark #bo_gall .empty_list,
html[data-theme="dark"] #bo_gall .empty_list{
    border-color:rgba(var(--gc-rgb),.38)!important;
    background:rgba(var(--gc-rgb),.065)!important;
    color:#b9c7d4!important;
}

html.bp-dark #bo_v,
html[data-theme="dark"] #bo_v,
html.bp-dark #bo_w,
html[data-theme="dark"] #bo_w{
    border-color:rgba(var(--gc-rgb),.38)!important;
}
html.bp-dark #bo_v .bo_v_title,
html[data-theme="dark"] #bo_v .bo_v_title,
html.bp-dark #bo_v #bo_v_title,
html[data-theme="dark"] #bo_v #bo_v_title{
    background:linear-gradient(
        135deg,
        rgba(var(--gc-rgb),.16),
        rgba(var(--gc-rgb),.045)
    )!important;
}
html.bp-dark #bo_v_info,
html[data-theme="dark"] #bo_v_info,
html.bp-dark #bo_v_top,
html[data-theme="dark"] #bo_v_top,
html.bp-dark #bo_v_atc,
html[data-theme="dark"] #bo_v_atc{
    background-color:#151e29!important;
}
html.bp-dark #bo_w,
html[data-theme="dark"] #bo_w{
    background:
        linear-gradient(180deg,
            rgba(var(--gc-rgb),.13),
            #151e29 145px)!important;
}
html.bp-dark #bo_w .write_div,
html[data-theme="dark"] #bo_w .write_div{
    border-color:rgba(var(--gc-rgb),.25)!important;
    background:rgba(var(--gc-rgb),.045)!important;
}
html.bp-dark #bo_w .write_div:focus-within,
html[data-theme="dark"] #bo_w .write_div:focus-within{
    background:rgba(var(--gc-rgb),.085)!important;
}

/* Mobile: keep themed field but reduce padding. */
@media(max-width:760px){
    #bo_gall #gall_ul{padding:10px!important}
    #bo_v_atc{padding:18px 16px 22px!important}
    #bo_w .write_div{padding:10px!important}
}
\n\n/* =========================================================\n   BiblePang Board UI v14 - form/list polish + GNUBOARD utility reset\n   ========================================================= */\n\n/* GNUBOARD accessibility helper must never become visible due to theme CSS. */\n#bo_list .sound_only,#bo_gall .sound_only,#bo_w .sound_only,#bo_v .sound_only,\n.bo_sch_wrap .sound_only{\n    position:absolute!important;\n    width:1px!important;\n    height:1px!important;\n    padding:0!important;\n    margin:-1px!important;\n    overflow:hidden!important;\n    clip:rect(0,0,0,0)!important;\n    white-space:nowrap!important;\n    border:0!important;\n}\n\n/* Top/bottom board actions: compact and aligned. */\n#bo_list #bo_btn_top,#bo_gall #bo_btn_top{\n    min-height:58px!important;\n    padding:8px 0!important;\n}\n#bo_list .bo_fx,#bo_gall .bo_fx{\n    min-height:58px!important;\n    padding:10px 0 0!important;\n}\n\n/* List options popup: icons and text stay in one clean row. */\n#bo_list .more_opt,#bo_gall .more_opt{\n    width:170px!important;\n    padding:8px!important;\n}\n#bo_list .more_opt li,#bo_gall .more_opt li{\n    width:100%!important;\n    height:auto!important;\n    margin:0!important;\n}\n#bo_list .more_opt li button,#bo_gall .more_opt li button{\n    display:flex!important;\n    align-items:center!important;\n    justify-content:flex-start!important;\n    gap:9px!important;\n    width:100%!important;\n    min-width:0!important;\n    height:40px!important;\n    padding:0 12px!important;\n    border:0!important;\n    border-radius:9px!important;\n    background:transparent!important;\n    color:var(--gc-text)!important;\n    font-size:14px!important;\n    line-height:1!important;\n    white-space:nowrap!important;\n}\n#bo_list .more_opt li button:hover,#bo_gall .more_opt li button:hover{\n    background:rgba(var(--gc-rgb),.09)!important;\n    color:var(--gc-accent-2)!important;\n}\n#bo_list .more_opt li button i,#bo_gall .more_opt li button i{\n    flex:0 0 18px!important;\n    width:18px!important;\n    margin:0!important;\n    text-align:center!important;\n}\n\n/* Search modal: keep search button readable in one line. */\n.bo_sch_wrap .bo_sch{\n    width:min(520px,calc(100vw - 34px))!important;\n}\n.bo_sch_wrap .sch_bar{\n    display:grid!important;\n    grid-template-columns:minmax(0,1fr) 72px!important;\n    width:100%!important;\n    height:46px!important;\n    overflow:hidden!important;\n    border:1px solid rgba(var(--gc-rgb),.28)!important;\n    border-radius:10px!important;\n}\n.bo_sch_wrap .sch_input{\n    width:100%!important;\n    min-width:0!important;\n    height:44px!important;\n    padding:0 12px!important;\n    border:0!important;\n    background:var(--gc-panel)!important;\n    color:var(--gc-text)!important;\n}\n.bo_sch_wrap .sch_btn{\n    display:flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n    gap:5px!important;\n    width:72px!important;\n    min-width:72px!important;\n    height:44px!important;\n    padding:0 10px!important;\n    border:0!important;\n    background:var(--gc-accent-2)!important;\n    color:#fff!important;\n    white-space:nowrap!important;\n    line-height:1!important;\n}\n.bo_sch_wrap .sch_btn:after{content:'검색';font-weight:700}\n\n/* WRITE PAGE ------------------------------------------------ */\n#bo_w{overflow:visible!important}\n#bo_w .write_div{box-sizing:border-box!important}\n\n/* Option row: label and checkboxes sit comfortably on one line. */\n#bo_w .bo_v_option{\n    display:flex!important;\n    align-items:center!important;\n    flex-wrap:wrap!important;\n    gap:12px!important;\n    min-height:36px!important;\n    margin:0!important;\n    padding:0!important;\n    list-style:none!important;\n}\n#bo_w .bo_v_option li{\n    display:flex!important;\n    align-items:center!important;\n    width:auto!important;\n    margin:0!important;\n    padding:0!important;\n}\n#bo_w .bo_v_option .chk_box label{\n    display:inline-flex!important;\n    align-items:center!important;\n    gap:7px!important;\n    min-height:30px!important;\n    margin:0!important;\n    color:var(--gc-text)!important;\n}\n\n/* Subject: long field + compact autosave button, no huge dead space. */\n#bo_w .bo_w_tit #autosave_wrapper{\n    display:grid!important;\n    grid-template-columns:minmax(0,1fr) auto!important;\n    align-items:center!important;\n    gap:12px!important;\n    width:100%!important;\n    margin:0!important;\n    padding:0!important;\n    border:0!important;\n    background:transparent!important;\n}\n#bo_w #wr_subject{\n    width:100%!important;\n    max-width:none!important;\n}\n#bo_w #btn_autosave{\n    position:static!important;\n    width:auto!important;\n    min-width:132px!important;\n    height:42px!important;\n    margin:0!important;\n    padding:0 13px!important;\n    border:1px solid rgba(var(--gc-rgb),.28)!important;\n    border-radius:9px!important;\n    background:rgba(var(--gc-rgb),.055)!important;\n    color:var(--gc-accent-2)!important;\n    white-space:nowrap!important;\n}\n\n/* Editor has a clean framed surface. */\n#bo_w .wr_content{\n    width:100%!important;\n    border:1px solid rgba(var(--gc-rgb),.22)!important;\n    border-radius:12px!important;\n    background:var(--gc-panel)!important;\n}\n#bo_w .wr_content textarea{\n    width:100%!important;\n    min-height:320px!important;\n    box-sizing:border-box!important;\n    border:0!important;\n    border-radius:12px!important;\n    padding:16px!important;\n}\n\n/* Link rows: icon lives in a fixed square; input fills the rest. */\n#bo_w .bo_w_link{\n    display:grid!important;\n    grid-template-columns:44px minmax(0,1fr)!important;\n    align-items:center!important;\n    gap:10px!important;\n}\n#bo_w .bo_w_link>label{\n    display:flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n    width:44px!important;\n    height:44px!important;\n    margin:0!important;\n    border:1px solid rgba(var(--gc-rgb),.18)!important;\n    border-radius:10px!important;\n    background:rgba(var(--gc-rgb),.045)!important;\n    color:var(--gc-accent-2)!important;\n}\n#bo_w .bo_w_link>.frm_input{width:100%!important}\n\n/* File rows: same horizontal rhythm as link rows. */\n#bo_w .bo_w_flie{\n    display:block!important;\n}\n#bo_w .bo_w_flie>.file_wr{\n    display:grid!important;\n    grid-template-columns:44px minmax(0,1fr)!important;\n    align-items:center!important;\n    gap:10px!important;\n    width:100%!important;\n    height:auto!important;\n    margin:0!important;\n    padding:0!important;\n    border:0!important;\n    background:transparent!important;\n}\n#bo_w .bo_w_flie .lb_icon{\n    position:static!important;\n    display:flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n    width:44px!important;\n    height:44px!important;\n    margin:0!important;\n    border:1px solid rgba(var(--gc-rgb),.18)!important;\n    border-radius:10px!important;\n    background:rgba(var(--gc-rgb),.045)!important;\n    color:var(--gc-accent-2)!important;\n}\n#bo_w .bo_w_flie .frm_file{\n    display:block!important;\n    width:100%!important;\n    min-width:0!important;\n    height:44px!important;\n    padding:7px 9px!important;\n    box-sizing:border-box!important;\n    border:1px solid rgba(var(--gc-rgb),.22)!important;\n    border-radius:10px!important;\n    background:var(--gc-panel)!important;\n    color:var(--gc-text)!important;\n}\n\n/* Footer controls */\n#bo_w .btn_confirm{\n    padding-top:4px!important;\n    border:0!important;\n    background:transparent!important;\n}\n\n/* Dark write/search/popup surfaces */\nhtml.bp-dark #bo_w #btn_autosave,html[data-theme="dark"] #bo_w #btn_autosave,\nhtml.bp-dark #bo_w .bo_w_link>label,html[data-theme="dark"] #bo_w .bo_w_link>label,\nhtml.bp-dark #bo_w .bo_w_flie .lb_icon,html[data-theme="dark"] #bo_w .bo_w_flie .lb_icon{\n    background:rgba(var(--gc-rgb),.10)!important;\n    border-color:rgba(var(--gc-rgb),.32)!important;\n}\nhtml.bp-dark #bo_list .more_opt li button,html[data-theme="dark"] #bo_list .more_opt li button,\nhtml.bp-dark #bo_gall .more_opt li button,html[data-theme="dark"] #bo_gall .more_opt li button{color:#e9eef5!important}\n\n@media(max-width:760px){\n    #bo_w .bo_w_tit #autosave_wrapper{grid-template-columns:1fr!important}\n    #bo_w #btn_autosave{width:100%!important}\n    #bo_w .bo_w_link,#bo_w .bo_w_flie>.file_wr{grid-template-columns:38px minmax(0,1fr)!important}\n    #bo_w .bo_w_link>label,#bo_w .bo_w_flie .lb_icon{width:38px!important;height:40px!important}\n}\n
/* =========================================================
   BiblePang board v15
   ========================================================= */
.sound_only{
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}

/* list/view option dropdown */
.more_opt li{width:100%!important;min-width:0!important;padding:0!important;border-bottom:1px solid var(--gc-border)!important}
.more_opt li:last-child{border-bottom:0!important}
.more_opt li button,.more_opt li a{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
 width:100%!important;min-height:46px!important;padding:0 13px!important;border:0!important;border-radius:8px!important;
 background:transparent!important;color:var(--gc-text)!important;font-size:14px!important;line-height:1.3!important;
 text-align:left!important;white-space:nowrap!important;box-sizing:border-box!important;
}
.more_opt li button:hover,.more_opt li a:hover{background:var(--gc-soft)!important;color:var(--gc-accent-2)!important}
.more_opt li i{float:none!important;flex:0 0 auto!important;margin:0 0 0 auto!important;line-height:1!important;font-size:14px!important;opacity:.78!important}

/* write: option line */
#bo_w .gc-option-row{display:flex!important;align-items:center!important;gap:22px!important;min-height:64px!important}
#bo_w .gc-inline-label{flex:0 0 auto!important;margin:0!important;font-size:15px!important;color:var(--gc-text)!important}
#bo_w .bo_v_option{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:16px!important;margin:0!important;padding:0!important;list-style:none!important}
#bo_w .bo_v_option li{float:none!important;margin:0!important;display:flex!important;align-items:center!important}
#bo_w .bo_v_option label{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0!important;line-height:1.3!important}

/* labels */
#bo_w .gc-field-label{display:block!important;margin:0 0 9px 16px!important;color:var(--gc-text)!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important}
#bo_w .gc-field-label strong{color:var(--gc-accent-2)!important;font-weight:800!important}

/* title + autosave */
#bo_w .bo_w_tit{padding:16px!important}
#bo_w #autosave_wrapper{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#bo_w .bo_w_tit .frm_input{width:100%!important;padding:0 14px!important}
#bo_w #btn_autosave{position:static!important;min-width:150px!important;height:44px!important;padding:0 16px!important;border:1px solid var(--gc-border)!important;border-radius:11px!important;background:linear-gradient(135deg,var(--gc-soft),var(--gc-panel))!important;color:var(--gc-accent-2)!important;font-weight:800!important;box-shadow:0 4px 12px rgba(var(--gc-rgb),.08)!important;white-space:nowrap!important}
#bo_w #btn_autosave:hover{border-color:var(--gc-accent)!important;background:var(--gc-soft)!important}

/* content editor labels */
#bo_w .gc-content-field{padding:17px 16px 15px!important}
#bo_w .gc-content-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin:0 0 11px!important}
#bo_w .gc-content-heading .gc-field-label{margin:0!important}
#bo_w .gc-editor-label,#bo_w .gc-editor-end{display:block!important;margin-left:2px!important;color:var(--gc-muted)!important;font-size:12px!important;line-height:1.4!important}
#bo_w .gc-editor-end{margin-top:10px!important}

/* links and files */
#bo_w .bo_w_link,#bo_w .bo_w_flie{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-height:74px!important;padding:11px 16px!important}
#bo_w .bo_w_link .gc-row-label,#bo_w .bo_w_flie .gc-row-label{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;width:auto!important;height:auto!important;min-height:36px!important;margin:0!important;padding:0 0 0 8px!important;border:0!important;background:transparent!important;color:var(--gc-muted)!important;font-size:12px!important;line-height:1.2!important;text-align:left!important;white-space:nowrap!important}
#bo_w .gc-row-label i{font-size:15px!important;color:var(--gc-accent)!important}
#bo_w .bo_w_link .frm_input{width:100%!important;padding:0 13px!important;margin:0!important}
#bo_w .bo_w_flie .file_wr{grid-column:2!important;position:relative!important;display:flex!important;align-items:center!important;min-height:48px!important;height:auto!important;margin:0!important;padding:5px 10px!important;border:1px solid var(--gc-border)!important;border-radius:11px!important;background:var(--gc-panel)!important}
#bo_w .bo_w_flie .file_wr .gc-row-label{position:absolute!important;left:-122px!important;top:50%!important;transform:translateY(-50%)!important;width:108px!important;padding-left:8px!important}
#bo_w .bo_w_flie .frm_file{width:100%!important;margin:0!important;padding:0!important;color:var(--gc-text)!important;font-size:13px!important;line-height:36px!important}
#bo_w .bo_w_flie .frm_file::file-selector-button{height:36px!important;margin:0 12px 0 0!important;padding:0 16px!important;border:1px solid var(--gc-accent)!important;border-radius:9px!important;background:linear-gradient(135deg,var(--gc-accent-2),var(--gc-accent))!important;color:#fff!important;font-weight:800!important;cursor:pointer!important}
#bo_w .bo_w_flie .frm_file::-webkit-file-upload-button{height:36px!important;margin:0 12px 0 0!important;padding:0 16px!important;border:1px solid var(--gc-accent)!important;border-radius:9px!important;background:var(--gc-accent-2)!important;color:#fff!important;font-weight:800!important}
#bo_w .bo_w_flie > .frm_input{grid-column:2!important;width:100%!important;margin:8px 0 0!important}
#bo_w .bo_w_flie .file_del{position:static!important;grid-column:2!important;margin-top:7px!important}

/* view info + toolbar */
#bo_v_info{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;padding:18px 26px!important}
#bo_v_info .profile_info{float:none!important;display:flex!important;align-items:center!important;margin:0!important}
#bo_v_info .profile_info .profile_info_ct{float:none!important;padding:2px 0!important;line-height:1.55!important}
#bo_v_info .profile_info_ct>br{content:""!important;display:block!important;margin-bottom:7px!important}
#bo_v_info .profile_info_ct strong{margin-right:14px!important;line-height:1.6!important}
#bo_v_top{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important}
#bo_v_top .btn_bo_user{display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;width:auto!important;margin:0!important}
#bo_v_top .btn_bo_user>li{float:none!important;width:auto!important;margin:0!important}
#bo_v_top .btn_bo_user .btn{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important}
#bo_v_top .more_opt{top:48px!important;right:0!important}

/* recommend */
#bo_v_act{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:28px 0 34px!important}
#bo_v_act .bo_v_act_gng{display:inline-flex!important}
#bo_v_act .bo_v_good,#bo_v_act .bo_v_nogood{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:118px!important;height:48px!important;padding:0 18px!important;line-height:1!important;margin:0!important;border:1px solid var(--gc-border)!important;border-radius:24px!important;background:var(--gc-panel)!important;color:var(--gc-accent-2)!important;font-size:14px!important;font-weight:800!important;box-shadow:0 5px 16px rgba(var(--gc-rgb),.08)!important}
#bo_v_act .bo_v_good:hover,#bo_v_act .bo_v_nogood:hover{border-color:var(--gc-accent)!important;background:var(--gc-soft)!important;color:var(--gc-accent-2)!important}
#bo_v_act .gc-like-label{font-weight:800!important}
#bo_v_act strong{font-size:15px!important}

html.bp-dark #bo_w #btn_autosave,html[data-theme="dark"] #bo_w #btn_autosave,html.bp-dark #bo_w .bo_w_flie .file_wr,html[data-theme="dark"] #bo_w .bo_w_flie .file_wr,html.bp-dark #bo_v_act .bo_v_good,html[data-theme="dark"] #bo_v_act .bo_v_good,html.bp-dark #bo_v_act .bo_v_nogood,html[data-theme="dark"] #bo_v_act .bo_v_nogood{background:#18222e!important;border-color:rgba(var(--gc-rgb),.36)!important;color:#eef4fa!important}

@media(max-width:760px){
 #bo_w .gc-option-row{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
 #bo_w #autosave_wrapper{grid-template-columns:1fr!important}
 #bo_w #btn_autosave{width:100%!important}
 #bo_w .bo_w_link,#bo_w .bo_w_flie{grid-template-columns:1fr!important;gap:7px!important}
 #bo_w .bo_w_flie .file_wr,#bo_w .bo_w_flie>.frm_input,#bo_w .bo_w_flie .file_del{grid-column:1!important}
 #bo_w .bo_w_flie .file_wr .gc-row-label{position:static!important;transform:none!important;width:auto!important;margin-right:12px!important}
 #bo_v_info{grid-template-columns:1fr!important}
 #bo_v_top{justify-content:flex-start!important}
}

/* BASIC list: one continuous gradient + select-all */
#bo_list .tbl_head01 thead{background:linear-gradient(110deg,var(--gc-accent-2) 0%,var(--gc-accent) 52%,var(--gc-accent-2) 100%)!important}
#bo_list .tbl_head01 thead tr{background:transparent!important}
#bo_list .tbl_head01 thead th{background:transparent!important;background-image:none!important;border-left:0!important;border-right:0!important;box-shadow:none!important;color:#fff!important}
#bo_list .tbl_head01 thead th a{color:#fff!important}
#bo_list .tbl_head01 thead .chk_box{display:flex!important;align-items:center!important;justify-content:flex-start!important}
#bo_list .tbl_head01 thead .chk_box input[type="checkbox"]+label{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;color:#fff!important;font-weight:700!important;line-height:1.3!important;white-space:nowrap!important}
#bo_list .tbl_head01 thead .chk_box input[type="checkbox"]+label span{float:none!important;flex:0 0 15px!important;margin:0!important}
html.bp-dark #bo_list .tbl_head01 thead,html[data-theme="dark"] #bo_list .tbl_head01 thead{background:linear-gradient(110deg,color-mix(in srgb,var(--gc-accent-2) 74%,#090d13 26%) 0%,color-mix(in srgb,var(--gc-accent) 78%,#090d13 22%) 52%,color-mix(in srgb,var(--gc-accent-2) 74%,#090d13 26%) 100%)!important}
html.bp-dark #bo_list .tbl_head01 thead th,html[data-theme="dark"] #bo_list .tbl_head01 thead th{background:transparent!important;color:#fff!important}
html.bp-dark #bo_list .tbl_head01 thead .chk_box input[type="checkbox"]+label,html[data-theme="dark"] #bo_list .tbl_head01 thead .chk_box input[type="checkbox"]+label{color:#f7f9fc!important;text-shadow:0 1px 1px rgba(0,0,0,.18)!important}


/* =========================================================
   BiblePang board v16 — requested corrections
   ========================================================= */

/* A11y helper: never leak hidden editor/list labels. */
#bo_list .sound_only,#bo_gall .sound_only,#bo_w .sound_only,#bo_v .sound_only{
    position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}

/* LIST: title status icons/badges must have enough width for their contents. */
#bo_list .bo_tit .new_icon,#bo_list .bo_tit .hot_icon,
#bo_gall .bo_tit .new_icon,#bo_gall .bo_tit .hot_icon{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
    width:auto!important;min-width:22px!important;height:20px!important;line-height:20px!important;padding:0 6px!important;
    margin-left:6px!important;border-radius:999px!important;background:var(--gc-accent)!important;color:#fff!important;
    font-size:10px!important;font-weight:900!important;box-sizing:border-box!important;vertical-align:middle!important;
}
#bo_list .bo_tit .fa-lock,#bo_list .bo_tit .fa-download,#bo_list .bo_tit .fa-link,
#bo_gall .bo_tit .fa-lock,#bo_gall .bo_tit .fa-download,#bo_gall .bo_tit .fa-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
    width:22px!important;min-width:22px!important;height:20px!important;line-height:20px!important;margin-left:5px!important;
    border-radius:6px!important;font-size:11px!important;box-sizing:border-box!important;
}
#bo_list .bo_tit,#bo_gall .bo_tit{overflow:visible!important;gap:5px!important}

/* SEARCH MODAL: wide, balanced search button in both skins. */
.bo_sch_wrap .bo_sch{width:min(540px,calc(100vw - 36px))!important}
.bo_sch_wrap .sch_bar{
    display:grid!important;grid-template-columns:minmax(0,1fr) 96px!important;align-items:center!important;
    width:100%!important;height:48px!important;overflow:hidden!important;border:1px solid rgba(var(--gc-rgb),.32)!important;
    border-radius:11px!important;background:var(--gc-panel)!important;
}
.bo_sch_wrap .sch_input{float:none!important;width:100%!important;min-width:0!important;height:46px!important;padding:0 14px!important;border:0!important;background:transparent!important;color:var(--gc-text)!important}
.bo_sch_wrap .sch_btn{
    float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    width:96px!important;min-width:96px!important;height:46px!important;padding:0 14px!important;border:0!important;
    background:linear-gradient(135deg,var(--gc-accent-2),var(--gc-accent))!important;color:#fff!important;
    font-size:14px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;
}
.bo_sch_wrap .sch_btn:after{content:'검색';font-weight:800}
.bo_sch_wrap .sch_btn i{font-size:15px!important}

/* WRITE: option label and '공지' approximately one Korean character closer. */
#bo_w .gc-option-row{gap:10px!important}
#bo_w .gc-inline-label{margin-right:0!important}
#bo_w .bo_v_option{gap:12px!important}

/* SmartEditor2: show engine/modes once; hide native duplicate screen-reader start/end and native shortcut control. */
#bo_w .gc-content-heading{margin-bottom:8px!important}
#bo_w .gc-editor-toolbar-info{
    display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 12px!important;
    margin:0 0 10px!important;padding:9px 11px!important;border:1px solid rgba(var(--gc-rgb),.22)!important;
    border-radius:10px!important;background:rgba(var(--gc-rgb),.035)!important;color:var(--gc-text)!important;
}
#bo_w .gc-editor-engine{display:inline-flex!important;align-items:center!important;gap:6px!important;color:var(--gc-accent-2)!important;font-weight:800!important}
#bo_w .gc-editor-modes{font-size:12px!important;color:var(--gc-muted)!important}
#bo_w .gc-editor-shortcut-btn{
    margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    min-width:112px!important;height:36px!important;padding:0 12px!important;border:1px solid rgba(var(--gc-rgb),.28)!important;
    border-radius:9px!important;background:var(--gc-panel)!important;color:var(--gc-accent-2)!important;font-weight:800!important;cursor:pointer!important;
}
#bo_w .gc-editor-shortcut-btn:hover,#bo_w .gc-editor-shortcut-btn.is-open{background:var(--gc-soft)!important;border-color:var(--gc-accent)!important}
#bo_w .gc-editor-shortcut-panel{margin:0 0 10px!important;border:1px solid rgba(var(--gc-rgb),.22)!important;border-radius:11px!important;overflow:hidden!important;background:var(--gc-panel)!important}
#bo_w .gc-shortcut-frame{display:block!important;width:100%!important;height:330px!important;border:0!important;background:#fff!important}
#bo_w .wr_content>.cke_sc,#bo_w .wr_content .cke_sc{display:none!important}
#bo_w .wr_content{overflow:visible!important}
#bo_w .wr_content iframe{max-width:100%!important}

/* VIEW: title inset slightly, not excessively. */
#bo_v_title{padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important}
#bo_v_title .bo_v_tit{padding-left:2px!important}

/* VIEW: labeled right-aligned toolbar, no overlap. */
#bo_v_info{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
#bo_v_top{justify-self:end!important;margin-left:auto!important;min-width:0!important}
#bo_v_top .btn_bo_user{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;
    gap:8px!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;
}
#bo_v_top .btn_bo_user>li{float:none!important;width:auto!important;margin:0!important;position:relative!important}
#bo_v_top .btn_bo_user .btn,
#bo_v_top .btn_bo_user button.btn{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    width:auto!important;min-width:78px!important;height:40px!important;padding:0 13px!important;border:1px solid rgba(var(--gc-rgb),.28)!important;
    border-radius:10px!important;background:var(--gc-panel)!important;color:var(--gc-accent-2)!important;font-size:13px!important;font-weight:800!important;line-height:1!important;
    box-shadow:0 4px 12px rgba(var(--gc-rgb),.06)!important;white-space:nowrap!important;
}
#bo_v_top .btn_bo_user .btn:hover,#bo_v_top .btn_bo_user button.btn:hover{background:var(--gc-soft)!important;border-color:var(--gc-accent)!important}
#bo_v_top .gc-view-btn-label{display:inline!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important}
#bo_v_top .more_opt{top:48px!important;right:0!important;z-index:60!important}

/* Gallery card: title badges readable and hit count not glued to right wall. */
#bo_gall .gall_text_href .bo_tit{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;overflow:visible!important}
#bo_gall .gall_info{display:flex!important;align-items:center!important;gap:11px!important;padding-left:15px!important;padding-right:22px!important;box-sizing:border-box!important}
#bo_gall .gall_info .gall_date{margin-left:auto!important}
#bo_gall .gall_info .gall_view{margin-left:0!important;margin-right:6px!important}

/* dark mode surfaces */
html.bp-dark .bo_sch_wrap .bo_sch,html[data-theme="dark"] .bo_sch_wrap .bo_sch,
html.bp-dark #bo_w .gc-editor-toolbar-info,html[data-theme="dark"] #bo_w .gc-editor-toolbar-info,
html.bp-dark #bo_w .gc-editor-shortcut-panel,html[data-theme="dark"] #bo_w .gc-editor-shortcut-panel,
html.bp-dark #bo_v_top .btn_bo_user .btn,html[data-theme="dark"] #bo_v_top .btn_bo_user .btn,
html.bp-dark #bo_v_top .btn_bo_user button.btn,html[data-theme="dark"] #bo_v_top .btn_bo_user button.btn{
    background:#18222e!important;border-color:rgba(var(--gc-rgb),.38)!important;color:#edf4fb!important;
}

@media(max-width:760px){
    .bo_sch_wrap .sch_bar{grid-template-columns:minmax(0,1fr) 88px!important}
    .bo_sch_wrap .sch_btn{width:88px!important;min-width:88px!important}
    #bo_w .gc-editor-shortcut-btn{margin-left:0!important}
    #bo_v_info{grid-template-columns:1fr!important}
    #bo_v_top{justify-self:start!important;margin-left:0!important}
    #bo_v_top .btn_bo_user{justify-content:flex-start!important}
    #bo_gall .gall_info{padding-right:16px!important}
}

/* BASIC list header: one continuous theme gradient and full dark-mode support. */
#bo_list .tbl_head01 thead{
    background:linear-gradient(110deg,var(--gc-accent-2) 0%,var(--gc-accent) 54%,var(--gc-accent-2) 100%)!important;
}
#bo_list .tbl_head01 thead tr{background:transparent!important}
#bo_list .tbl_head01 thead th{
    background:transparent!important;background-image:none!important;color:#fff!important;border-left:0!important;border-right:0!important;
    border-top:0!important;box-shadow:none!important;
}
#bo_list .tbl_head01 thead th a{color:#fff!important}
#bo_list .tbl_head01 thead .chk_box input[type="checkbox"]+label{color:#fff!important;gap:9px!important}
html.bp-dark #bo_list .tbl_head01 thead,html[data-theme="dark"] #bo_list .tbl_head01 thead{
    background:linear-gradient(110deg,
        color-mix(in srgb,var(--gc-accent-2) 68%,#080d14 32%) 0%,
        color-mix(in srgb,var(--gc-accent) 74%,#080d14 26%) 54%,
        color-mix(in srgb,var(--gc-accent-2) 68%,#080d14 32%) 100%)!important;
}
html.bp-dark #bo_list .tbl_head01 thead th,html[data-theme="dark"] #bo_list .tbl_head01 thead th{
    background:transparent!important;background-image:none!important;color:#f7f9fc!important;border-bottom-color:rgba(255,255,255,.15)!important;
}
html.bp-dark #bo_list .tbl_head01 thead .chk_box input[type="checkbox"]+label,
html[data-theme="dark"] #bo_list .tbl_head01 thead .chk_box input[type="checkbox"]+label{color:#f7f9fc!important;text-shadow:0 1px 1px rgba(0,0,0,.2)!important}


/* ==========================================================
   BiblePang Board v17 final overrides
   ========================================================== */

/* ---- Search dialog: larger, balanced search button ---- */
.bo_sch_wrap .sch_bar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 104px!important;
    align-items:stretch!important;
    width:100%!important;
    height:48px!important;
    overflow:hidden!important;
    border:1px solid rgba(var(--gc-rgb),.28)!important;
    border-radius:11px!important;
}
.bo_sch_wrap .sch_input{
    float:none!important;
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    padding:0 14px!important;
    border:0!important;
    background:var(--gc-panel)!important;
    color:var(--gc-text)!important;
    box-sizing:border-box!important;
}
.bo_sch_wrap .sch_btn{
    float:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:104px!important;
    min-width:104px!important;
    height:46px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(135deg,var(--gc-accent-2),var(--gc-accent))!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    line-height:1!important;
}
.bo_sch_wrap .sch_btn:after{
    content:'검색'!important;
    font-weight:800!important;
}
.bo_sch_wrap .sch_btn i{
    font-size:15px!important;
}

/* ---- NEW/HOT/title icons: enough room for full label ---- */
#bo_list .bo_tit .new_icon,
#bo_gall .bo_tit .new_icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:40px!important;
    height:21px!important;
    padding:0 7px!important;
    margin-left:5px!important;
    border-radius:7px!important;
    background:linear-gradient(135deg,var(--gc-accent-2),var(--gc-accent))!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.25px!important;
    vertical-align:middle!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}
#bo_list .bo_tit .hot_icon,
#bo_gall .bo_tit .hot_icon{
    min-width:34px!important;
    width:auto!important;
    padding:0 6px!important;
    overflow:visible!important;
}

/* ---- Write option spacing: move notice closer to '옵션' ---- */
#bo_w .gc-option-row{
    gap:11px!important;
}
#bo_w .bo_v_option{
    gap:11px!important;
}

/* ---- Official SmartEditor2 UI only ----
   Gnuboard editor_html() supplies .cke_sc / .btn_cke_sc and SmartEditor iframe.
*/
#bo_w .cke_sc{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:7px 0 10px!important;
    padding:0!important;
    background:transparent!important;
}
#bo_w .btn_cke_sc{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:126px!important;
    height:38px!important;
    padding:0 14px!important;
    border:1px solid rgba(var(--gc-rgb),.30)!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,var(--gc-soft),var(--gc-panel))!important;
    color:var(--gc-accent-2)!important;
    font-size:13px!important;
    font-weight:800!important;
    cursor:pointer!important;
    box-shadow:0 4px 12px rgba(var(--gc-rgb),.07)!important;
}
#bo_w .btn_cke_sc:hover{
    border-color:var(--gc-accent)!important;
    background:var(--gc-soft)!important;
}
#bo_w .cke_sc_def{
    width:min(620px,100%)!important;
    margin:8px 0 12px!important;
    padding:16px 18px!important;
    border:1px solid rgba(var(--gc-rgb),.22)!important;
    border-radius:12px!important;
    background:var(--gc-panel)!important;
    color:var(--gc-text)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.08)!important;
}

/* Official SmartEditor2 skin iframe / editor space */
#bo_w .wr_content.smarteditor2{
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
}
#bo_w .wr_content.smarteditor2 > iframe,
#bo_w .wr_content.smarteditor2 iframe{
    max-width:100%!important;
}
#bo_w .wr_content textarea{
    padding:20px 22px!important;
    line-height:1.7!important;
}

/* hide Gnuboard accessibility labels correctly */
#bo_w .sound_only,
#bo_list .sound_only,
#bo_gall .sound_only,
#bo_v .sound_only,
.bo_sch_wrap .sound_only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* ---- View: title breathing room and right-aligned non-overlapping toolbar ---- */
#bo_v_title{
    padding-left:16px!important;
    padding-right:16px!important;
}
#bo_v_title .bo_v_tit{
    display:inline-block!important;
    padding-left:3px!important;
}
#bo_v_info{
    grid-template-columns:minmax(0,1fr) minmax(360px,auto)!important;
}
#bo_v_top{
    justify-self:end!important;
    margin-left:auto!important;
    max-width:100%!important;
}
#bo_v_top .btn_bo_user{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:auto!important;
    max-width:100%!important;
}
#bo_v_top .btn_bo_user>li{
    float:none!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    position:relative!important;
}
#bo_v_top .btn_bo_user .btn,
#bo_v_top .btn_bo_user button.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:auto!important;
    min-width:82px!important;
    height:42px!important;
    padding:0 12px!important;
    border:1px solid rgba(var(--gc-rgb),.30)!important;
    border-radius:10px!important;
    background:var(--gc-panel)!important;
    color:var(--gc-accent-2)!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
}
#bo_v_top .btn_bo_user .btn:hover,
#bo_v_top .btn_bo_user button.btn:hover{
    border-color:var(--gc-accent)!important;
    background:var(--gc-soft)!important;
}
#bo_v_top .gc-view-btn-label{
    display:inline!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    overflow:visible!important;
    white-space:nowrap!important;
}
#bo_v_top .more_opt{
    top:48px!important;
    right:0!important;
    z-index:100!important;
}

/* dark mode for editor shortcut + view toolbar */
html.bp-dark #bo_w .btn_cke_sc,
html[data-theme="dark"] #bo_w .btn_cke_sc,
html.bp-dark #bo_w .cke_sc_def,
html[data-theme="dark"] #bo_w .cke_sc_def,
html.bp-dark #bo_v_top .btn_bo_user .btn,
html[data-theme="dark"] #bo_v_top .btn_bo_user .btn,
html.bp-dark #bo_v_top .btn_bo_user button.btn,
html[data-theme="dark"] #bo_v_top .btn_bo_user button.btn{
    background:#18222e!important;
    border-color:rgba(var(--gc-rgb),.38)!important;
    color:#f0f5fb!important;
}

@media(max-width:900px){
    #bo_v_info{grid-template-columns:1fr!important}
    #bo_v_top{justify-self:start!important;margin-left:0!important}
    #bo_v_top .btn_bo_user{justify-content:flex-start!important;flex-wrap:wrap!important}
}
@media(max-width:760px){
    .bo_sch_wrap .sch_bar{grid-template-columns:minmax(0,1fr) 96px!important}
    .bo_sch_wrap .sch_btn{width:96px!important;min-width:96px!important}
}


/* ==========================================================
   Basic v17 specifics
   ========================================================== */

/* subject itself should not touch the left edge of title cell */
#bo_list .td_subject,
#bo_list .bo_tit{
    padding-left:7px!important;
}


/* ==========================================================
   BiblePang v18 — group/super admin shortcuts
   ========================================================== */
#bo_list .gc-admin-shortcut-item,
#bo_gall .gc-admin-shortcut-item{
    width:auto!important;
    flex:0 0 auto!important;
}
#bo_list .gc-group-admin-btn,
#bo_gall .gc-group-admin-btn,
#bo_list .gc-super-admin-btn,
#bo_gall .gc-super-admin-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-width:104px!important;
    height:42px!important;
    padding:0 13px!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
}
#bo_list .gc-group-admin-btn,
#bo_gall .gc-group-admin-btn{
    border:1px solid rgba(var(--gc-rgb),.34)!important;
    background:var(--gc-soft)!important;
    color:var(--gc-accent-2)!important;
}
#bo_list .gc-super-admin-btn,
#bo_gall .gc-super-admin-btn{
    border:1px solid var(--gc-accent-2)!important;
    background:linear-gradient(135deg,var(--gc-accent-2),var(--gc-accent))!important;
    color:#fff!important;
}
#bo_list .gc-group-admin-btn:hover,
#bo_gall .gc-group-admin-btn:hover{
    border-color:var(--gc-accent)!important;
    background:rgba(var(--gc-rgb),.14)!important;
}
#bo_list .gc-super-admin-btn:hover,
#bo_gall .gc-super-admin-btn:hover{
    filter:brightness(1.05)!important;
}
#bo_list .gc-admin-btn-text,
#bo_gall .gc-admin-btn-text{
    display:inline!important;
}
html.bp-dark #bo_list .gc-group-admin-btn,
html[data-theme="dark"] #bo_list .gc-group-admin-btn,
html.bp-dark #bo_gall .gc-group-admin-btn,
html[data-theme="dark"] #bo_gall .gc-group-admin-btn{
    background:#18222e!important;
    border-color:rgba(var(--gc-rgb),.42)!important;
    color:#f0f5fb!important;
}


/* ==========================================================
   BiblePang Board v19 — VIEW dark mode + CHEditor5 theme
   ========================================================== */

/* VIEW: logged-in user/profile information must be readable in dark mode. */
html.bp-dark #bo_v_info,
html[data-theme="dark"] #bo_v_info{
    background:#151e29!important;
    border-color:rgba(var(--gc-rgb),.26)!important;
    color:#e9f0f7!important;
}
html.bp-dark #bo_v_info .profile_info_ct,
html[data-theme="dark"] #bo_v_info .profile_info_ct,
html.bp-dark #bo_v_info .profile_info_ct strong,
html[data-theme="dark"] #bo_v_info .profile_info_ct strong,
html.bp-dark #bo_v_info .profile_info_ct a,
html[data-theme="dark"] #bo_v_info .profile_info_ct a,
html.bp-dark #bo_v_info .if_date,
html[data-theme="dark"] #bo_v_info .if_date{
    color:#dbe6f1!important;
}
html.bp-dark #bo_v_info .profile_info_ct a:hover,
html[data-theme="dark"] #bo_v_info .profile_info_ct a:hover{
    color:var(--gc-accent)!important;
}
html.bp-dark #bo_v_info .pf_img img,
html[data-theme="dark"] #bo_v_info .pf_img img{
    background:#eef2f5!important;
    border:2px solid rgba(var(--gc-rgb),.38)!important;
    border-radius:50%!important;
}

/* VIEW top buttons: integrated dark/theme cards, no bright rectangular patches. */
html.bp-dark #bo_v_top,
html[data-theme="dark"] #bo_v_top{
    background:transparent!important;
}
html.bp-dark #bo_v_top .btn_bo_user .btn,
html[data-theme="dark"] #bo_v_top .btn_bo_user .btn,
html.bp-dark #bo_v_top .btn_bo_user button.btn,
html[data-theme="dark"] #bo_v_top .btn_bo_user button.btn{
    background:linear-gradient(135deg,rgba(var(--gc-rgb),.16),rgba(var(--gc-rgb),.07))!important;
    border:1px solid rgba(var(--gc-rgb),.44)!important;
    color:#f2f6fb!important;
    box-shadow:none!important;
}
html.bp-dark #bo_v_top .btn_bo_user .btn:hover,
html[data-theme="dark"] #bo_v_top .btn_bo_user .btn:hover,
html.bp-dark #bo_v_top .btn_bo_user button.btn:hover,
html[data-theme="dark"] #bo_v_top .btn_bo_user button.btn:hover{
    background:rgba(var(--gc-rgb),.23)!important;
    border-color:var(--gc-accent)!important;
}

/* VIEW options dropdown: complete dark mode. */
html.bp-dark #bo_v_top .more_opt,
html[data-theme="dark"] #bo_v_top .more_opt{
    background:#18222e!important;
    border-color:rgba(var(--gc-rgb),.40)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.35)!important;
}
html.bp-dark #bo_v_top .more_opt:before,
html[data-theme="dark"] #bo_v_top .more_opt:before{
    border-color:transparent transparent rgba(var(--gc-rgb),.40) transparent!important;
}
html.bp-dark #bo_v_top .more_opt:after,
html[data-theme="dark"] #bo_v_top .more_opt:after{
    border-color:transparent transparent #18222e transparent!important;
}
html.bp-dark #bo_v_top .more_opt li,
html[data-theme="dark"] #bo_v_top .more_opt li{
    border-bottom-color:#2d3b4a!important;
}
html.bp-dark #bo_v_top .more_opt li a,
html[data-theme="dark"] #bo_v_top .more_opt li a,
html.bp-dark #bo_v_top .more_opt li button,
html[data-theme="dark"] #bo_v_top .more_opt li button{
    background:transparent!important;
    color:#e7eef6!important;
}
html.bp-dark #bo_v_top .more_opt li a:hover,
html[data-theme="dark"] #bo_v_top .more_opt li a:hover,
html.bp-dark #bo_v_top .more_opt li button:hover,
html[data-theme="dark"] #bo_v_top .more_opt li button:hover{
    background:rgba(var(--gc-rgb),.16)!important;
    color:#fff!important;
}

/* CHEditor5: one rounded outer frame containing toolbar, edit area and bottom mode icons. */
#bo_w .wr_content.cheditor5{
    position:relative!important;
    width:100%!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(var(--gc-rgb),.32)!important;
    border-radius:13px!important;
    background:var(--gc-panel)!important;
    box-shadow:inset 0 3px 0 rgba(var(--gc-rgb),.12)!important;
}
#bo_w .wr_content.cheditor5 table{
    max-width:100%!important;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:transparent!important;
}
#bo_w .wr_content.cheditor5 td{
    border-color:rgba(var(--gc-rgb),.18)!important;
}
#bo_w .wr_content.cheditor5 iframe{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-color:rgba(var(--gc-rgb),.22)!important;
    background:var(--gc-panel)!important;
}
#bo_w .wr_content.cheditor5 img,
#bo_w .wr_content.cheditor5 input,
#bo_w .wr_content.cheditor5 select,
#bo_w .wr_content.cheditor5 button{
    vertical-align:middle!important;
}

/* Toolbar and lower mode/action strip receive a subtle theme tint. */
#bo_w .wr_content.cheditor5 > table:first-of-type,
#bo_w .wr_content.cheditor5 table:first-of-type{
    background:linear-gradient(180deg,rgba(var(--gc-rgb),.08),rgba(var(--gc-rgb),.025))!important;
}

html.bp-dark #bo_w .wr_content.cheditor5,
html[data-theme="dark"] #bo_w .wr_content.cheditor5{
    background:#151e29!important;
    border-color:rgba(var(--gc-rgb),.44)!important;
    box-shadow:inset 0 3px 0 rgba(var(--gc-rgb),.22)!important;
}
html.bp-dark #bo_w .wr_content.cheditor5 table,
html[data-theme="dark"] #bo_w .wr_content.cheditor5 table,
html.bp-dark #bo_w .wr_content.cheditor5 td,
html[data-theme="dark"] #bo_w .wr_content.cheditor5 td{
    background-color:#18222e!important;
    border-color:#33475b!important;
    color:#eaf1f8!important;
}
html.bp-dark #bo_w .wr_content.cheditor5 iframe,
html[data-theme="dark"] #bo_w .wr_content.cheditor5 iframe{
    background:#151e29!important;
    border-color:#33475b!important;
}
html.bp-dark #bo_w .wr_content.cheditor5 select,
html[data-theme="dark"] #bo_w .wr_content.cheditor5 select,
html.bp-dark #bo_w .wr_content.cheditor5 input[type="text"],
html[data-theme="dark"] #bo_w .wr_content.cheditor5 input[type="text"]{
    background:#111922!important;
    color:#edf3f9!important;
    border-color:#3a4b5d!important;
}

/* Obsolete v16 SmartEditor helper styles are hidden if cached markup survives. */
#bo_w .gc-editor-toolbar-info,
#bo_w .gc-editor-shortcut-panel,
#bo_w .gc-editor-shortcut-btn,
#bo_w .gc-editor-engine,
#bo_w .gc-editor-modes{
    display:none!important;
}


/* ==========================================================
   BiblePang Board v20 — final dark/view/CHEditor5 adjustments
   ========================================================== */

#bo_w #autosave_wrapper.gc-subject-full{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
#bo_w #autosave_wrapper.gc-subject-full #wr_subject{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
#bo_w #btn_autosave,
#bo_w #autosave_pop{
    display:none!important;
}
#bo_w .bo_w_tit #autosave_wrapper{
    grid-template-columns:1fr!important;
}

/* VIEW member info */
html.bp-dark body #bo_v_info,
html[data-theme="dark"] body #bo_v_info{
    background:#121c27!important;
    border-color:rgba(var(--gc-rgb),.34)!important;
    color:#edf4fb!important;
}
html.bp-dark body #bo_v_info *,
html[data-theme="dark"] body #bo_v_info *{
    color:#e6eef7!important;
}
html.bp-dark body #bo_v_info .sv_member,
html[data-theme="dark"] body #bo_v_info .sv_member,
html.bp-dark body #bo_v_info .sv_guest,
html[data-theme="dark"] body #bo_v_info .sv_guest,
html.bp-dark body #bo_v_info .member,
html[data-theme="dark"] body #bo_v_info .member,
html.bp-dark body #bo_v_info .guest,
html[data-theme="dark"] body #bo_v_info .guest,
html.bp-dark body #bo_v_info .if_date,
html[data-theme="dark"] body #bo_v_info .if_date{
    color:#f1f6fb!important;
}
html.bp-dark body #bo_v_info a:hover,
html[data-theme="dark"] body #bo_v_info a:hover{
    color:var(--gc-accent)!important;
}

/* VIEW buttons */
html.bp-dark body #bo_v_top,
html[data-theme="dark"] body #bo_v_top,
html.bp-dark body #bo_v_top .btn_bo_user,
html[data-theme="dark"] body #bo_v_top .btn_bo_user,
html.bp-dark body #bo_v_top .btn_bo_user li,
html[data-theme="dark"] body #bo_v_top .btn_bo_user li{
    background:transparent!important;
}
html.bp-dark body #bo_v_top .btn_bo_user a.btn,
html[data-theme="dark"] body #bo_v_top .btn_bo_user a.btn,
html.bp-dark body #bo_v_top .btn_bo_user button.btn,
html[data-theme="dark"] body #bo_v_top .btn_bo_user button.btn{
    background:linear-gradient(135deg,#1b2836,#15212d)!important;
    border:1px solid rgba(var(--gc-rgb),.52)!important;
    color:#f2f7fb!important;
    box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
}
html.bp-dark body #bo_v_top .btn_bo_user a.btn *,
html[data-theme="dark"] body #bo_v_top .btn_bo_user a.btn *,
html.bp-dark body #bo_v_top .btn_bo_user button.btn *,
html[data-theme="dark"] body #bo_v_top .btn_bo_user button.btn *{
    color:#f2f7fb!important;
}
html.bp-dark body #bo_v_top .btn_bo_user a.btn:hover,
html[data-theme="dark"] body #bo_v_top .btn_bo_user a.btn:hover,
html.bp-dark body #bo_v_top .btn_bo_user button.btn:hover,
html[data-theme="dark"] body #bo_v_top .btn_bo_user button.btn:hover{
    background:rgba(var(--gc-rgb),.22)!important;
    border-color:var(--gc-accent)!important;
}

/* VIEW dropdown */
html.bp-dark body #bo_v_top .more_opt,
html[data-theme="dark"] body #bo_v_top .more_opt{
    background:#15212d!important;
    border:1px solid rgba(var(--gc-rgb),.48)!important;
}
html.bp-dark body #bo_v_top .more_opt li,
html[data-theme="dark"] body #bo_v_top .more_opt li{
    background:#15212d!important;
    border-color:#2d3d4d!important;
}
html.bp-dark body #bo_v_top .more_opt a,
html[data-theme="dark"] body #bo_v_top .more_opt a,
html.bp-dark body #bo_v_top .more_opt button,
html[data-theme="dark"] body #bo_v_top .more_opt button{
    background:#15212d!important;
    color:#eaf2fa!important;
}

/* CHEditor5 */
#bo_w .wr_content.cheditor5{
    overflow:hidden!important;
    border:1px solid rgba(var(--gc-rgb),.44)!important;
    border-radius:14px!important;
    background:var(--gc-panel)!important;
    box-shadow:inset 0 3px 0 rgba(var(--gc-rgb),.16)!important;
}
#bo_w .wr_content.cheditor5 table:first-child td,
#bo_w .wr_content.cheditor5 table:first-of-type td{
    padding-top:5px!important;
    padding-bottom:5px!important;
    vertical-align:middle!important;
}
#bo_w .wr_content.cheditor5 select{
    min-height:29px!important;
    border-radius:5px!important;
}
#bo_w .wr_content.cheditor5 iframe{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-color:rgba(var(--gc-rgb),.30)!important;
}
#bo_w .wr_content.cheditor5 table:last-of-type td{
    padding-top:5px!important;
    padding-bottom:5px!important;
    vertical-align:middle!important;
}
#bo_w .wr_content.cheditor5 table:last-of-type td:has(img){
    background:rgba(var(--gc-rgb),.10)!important;
    border-radius:6px!important;
}
html.bp-dark body #bo_w .wr_content.cheditor5,
html[data-theme="dark"] body #bo_w .wr_content.cheditor5{
    background:#121c27!important;
    border-color:rgba(var(--gc-rgb),.54)!important;
}
html.bp-dark body #bo_w .wr_content.cheditor5 table,
html[data-theme="dark"] body #bo_w .wr_content.cheditor5 table,
html.bp-dark body #bo_w .wr_content.cheditor5 tr,
html[data-theme="dark"] body #bo_w .wr_content.cheditor5 tr,
html.bp-dark body #bo_w .wr_content.cheditor5 td,
html[data-theme="dark"] body #bo_w .wr_content.cheditor5 td{
    background:#172330!important;
    border-color:#334557!important;
    color:#edf4fb!important;
}
html.bp-dark body #bo_w .wr_content.cheditor5 table:first-child td,
html[data-theme="dark"] body #bo_w .wr_content.cheditor5 table:first-child td{
    background:linear-gradient(180deg,rgba(var(--gc-rgb),.18),rgba(var(--gc-rgb),.06))!important;
}
html.bp-dark body #bo_w .wr_content.cheditor5 table:last-of-type td,
html[data-theme="dark"] body #bo_w .wr_content.cheditor5 table:last-of-type td{
    background:#15212d!important;
}
html.bp-dark body #bo_w .wr_content.cheditor5 table:last-of-type td:has(img),
html[data-theme="dark"] body #bo_w .wr_content.cheditor5 table:last-of-type td:has(img){
    background:rgba(var(--gc-rgb),.20)!important;
    outline:1px solid rgba(var(--gc-rgb),.34)!important;
}
html.bp-dark body #bo_w .wr_content.cheditor5 select,
html[data-theme="dark"] body #bo_w .wr_content.cheditor5 select,
html.bp-dark body #bo_w .wr_content.cheditor5 input,
html[data-theme="dark"] body #bo_w .wr_content.cheditor5 input{
    background:#0f1821!important;
    color:#edf4fb!important;
    border-color:#405468!important;
}


/* =========================================================
   BiblePang Board v21
   ========================================================= */

#bo_w #autosave_wrapper.gc-subject-full{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
#bo_w #autosave_wrapper.gc-subject-full #wr_subject{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:46px!important;
    margin:0!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
}
#bo_w .bo_w_link{display:none!important;}

/* Dark dropdown for list options */
html.bp-dark body #bo_list .more_opt,
html[data-theme="dark"] body #bo_list .more_opt,
html.bp-dark body #bo_gall .more_opt,
html[data-theme="dark"] body #bo_gall .more_opt{
    background:#141f2b!important;
    border:1px solid rgba(var(--gc-rgb),.46)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.32)!important;
}
html.bp-dark body #bo_list .more_opt ul,
html[data-theme="dark"] body #bo_list .more_opt ul,
html.bp-dark body #bo_gall .more_opt ul,
html[data-theme="dark"] body #bo_gall .more_opt ul{
    background:#141f2b!important;
}
html.bp-dark body #bo_list .more_opt li,
html[data-theme="dark"] body #bo_list .more_opt li,
html.bp-dark body #bo_gall .more_opt li,
html[data-theme="dark"] body #bo_gall .more_opt li{
    background:#141f2b!important;
    border-bottom:1px solid #2c3d4e!important;
}
html.bp-dark body #bo_list .more_opt button,
html[data-theme="dark"] body #bo_list .more_opt button,
html.bp-dark body #bo_list .more_opt a,
html[data-theme="dark"] body #bo_list .more_opt a,
html.bp-dark body #bo_gall .more_opt button,
html[data-theme="dark"] body #bo_gall .more_opt button,
html.bp-dark body #bo_gall .more_opt a,
html[data-theme="dark"] body #bo_gall .more_opt a{
    background:#141f2b!important;
    color:#edf4fb!important;
    border:0!important;
}
html.bp-dark body #bo_list .more_opt button *,
html[data-theme="dark"] body #bo_list .more_opt button *,
html.bp-dark body #bo_list .more_opt a *,
html[data-theme="dark"] body #bo_list .more_opt a *,
html.bp-dark body #bo_gall .more_opt button *,
html[data-theme="dark"] body #bo_gall .more_opt button *,
html.bp-dark body #bo_gall .more_opt a *,
html[data-theme="dark"] body #bo_gall .more_opt a *{
    color:#edf4fb!important;
}
html.bp-dark body #bo_list .more_opt button:hover,
html[data-theme="dark"] body #bo_list .more_opt button:hover,
html.bp-dark body #bo_list .more_opt a:hover,
html[data-theme="dark"] body #bo_list .more_opt a:hover,
html.bp-dark body #bo_gall .more_opt button:hover,
html[data-theme="dark"] body #bo_gall .more_opt button:hover,
html.bp-dark body #bo_gall .more_opt a:hover,
html[data-theme="dark"] body #bo_gall .more_opt a:hover{
    background:rgba(var(--gc-rgb),.18)!important;
    color:#fff!important;
}

/* Gallery select-all vertical alignment */
#bo_gall #gall_allchk{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    padding-top:0!important;
    padding-bottom:0!important;
}
#bo_gall #gall_allchk .chk_box{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
}
#bo_gall #gall_allchk .chk_box input[type="checkbox"] + label{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    line-height:1.2!important;
}
#bo_gall #gall_allchk .chk_box input[type="checkbox"] + label span{
    position:static!important;
    float:none!important;
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
    margin:0!important;
}

/* 2026-08-17: board follows BiblePang page/header/footer theme */
#bo_list,#bo_v,#bo_w{--gc-primary:var(--bp-site-deep,#0d52bc)!important;--gc-deep:var(--bp-site-deep,#0d52bc)!important;--gc-mid:var(--bp-site-accent,#1769e0)!important;--gc-accent:var(--bp-site-accent,#1769e0)!important;--gc-accent-2:var(--bp-site-accent-2,#4388eb)!important;--gc-soft:color-mix(in srgb,var(--bp-site-accent,#1769e0) 15%,#e7eef7)!important;--gc-light:var(--bp-site-soft,#edf5ff)!important}
html.bp-dark #bo_list,html.bp-dark #bo_v,html.bp-dark #bo_w,html[data-theme="dark"] #bo_list,html[data-theme="dark"] #bo_v,html[data-theme="dark"] #bo_w{--gc-primary:var(--bp-site-accent-2,#4388eb)!important;--gc-mid:var(--bp-site-accent,#1769e0)!important;--gc-accent:var(--bp-site-accent,#1769e0)!important;--gc-accent-2:var(--bp-site-accent-2,#4388eb)!important}


/* =========================================================
   2026-08-18 BiblePang board theme lock — image 5
   게시판 자체 랜덤색을 사용하지 않고 현재 사이트/헤더/푸터 팔레트를 그대로 사용
   ========================================================= */
#bo_list,#bo_gall,#bo_v,#bo_w{
  --gc-primary:var(--bp-site-deep,#0d52bc)!important;
  --gc-deep:var(--bp-site-deep,#0d52bc)!important;
  --gc-mid:var(--bp-site-accent,#1769e0)!important;
  --gc-accent:var(--bp-site-accent,#1769e0)!important;
  --gc-accent-2:var(--bp-site-deep,#0d52bc)!important;
  --gc-light:var(--bp-site-soft,#edf5ff)!important;
  --gc-soft:color-mix(in srgb,var(--bp-site-accent,#1769e0) 14%,#fff)!important;
  --gc-line:color-mix(in srgb,var(--bp-site-accent,#1769e0) 24%,#d9e4f2)!important;
  --gc-border:var(--gc-line)!important;
  --gc-glow:color-mix(in srgb,var(--bp-site-accent,#1769e0) 16%,transparent)!important;
}
.gc-board-head{
  background:linear-gradient(135deg,#fff,var(--bp-site-soft,#edf5ff))!important;
  border-color:color-mix(in srgb,var(--bp-site-accent,#1769e0) 24%,#d9e4f2)!important;
}
.gc-board-head__title,
#bo_w .gc-field-label strong,
#bo_w .gc-editor-engine,
#bo_v_title .bo_v_tit{
  color:var(--bp-site-deep,#0d52bc)!important;
}
#bo_cate #bo_cate_on,#bo_cate a:hover,
#bo_w .btn_submit,.btn_admin.btn,
.pg_wrap .pg_current{
  background:var(--bp-site-accent,#1769e0)!important;
  border-color:var(--bp-site-accent,#1769e0)!important;
  color:#fff!important;
}
#bo_list .tbl_head01 thead,
#bo_list .tbl_head01 thead th{
  background:linear-gradient(110deg,var(--bp-site-deep,#0d52bc),var(--bp-site-accent,#1769e0),var(--bp-site-deep,#0d52bc))!important;
  color:#fff!important;
}
html.bp-dark #bo_list,html.bp-dark #bo_gall,html.bp-dark #bo_v,html.bp-dark #bo_w,
html[data-theme="dark"] #bo_list,html[data-theme="dark"] #bo_gall,html[data-theme="dark"] #bo_v,html[data-theme="dark"] #bo_w{
  --gc-primary:var(--bp-site-accent-2,#4388eb)!important;
  --gc-deep:#edf5fc!important;
  --gc-mid:var(--bp-site-accent,#1769e0)!important;
  --gc-accent:var(--bp-site-accent,#1769e0)!important;
  --gc-accent-2:var(--bp-site-accent-2,#4388eb)!important;
  --gc-light:#172330!important;
  --gc-soft:color-mix(in srgb,var(--bp-site-accent,#1769e0) 20%,#172330)!important;
  --gc-line:color-mix(in srgb,var(--bp-site-accent,#1769e0) 30%,#334557)!important;
}
html.bp-dark .gc-board-head,html[data-theme="dark"] .gc-board-head{
  background:linear-gradient(135deg,#172330,color-mix(in srgb,var(--bp-site-accent,#1769e0) 14%,#172330))!important;
}

/* GCSoft Editor integration */
#bo_w .wr_content.gcsofteditor{width:100%;--gcsoft-accent:var(--gc-accent);--gcsoft-accent2:var(--gc-accent-2);--gcsoft-soft:var(--gc-soft);--gcsoft-line:var(--gc-line);--gcsoft-rgb:var(--gc-rgb);--gcsoft-panel:var(--gc-panel);--gcsoft-text:var(--gc-text);--gcsoft-muted:var(--gc-muted)}
#bo_w .wr_content.gcsofteditor .gcsoft-editor-shell{width:100%}


/* =========================================================
   2026-08-23 Basic-superadmin list table refinement
   - 실내용에 맞춘 열 너비
   - 헤더 전체가 하나의 연속 그라데이션을 사용
   - enquiry / report 등 이 스킨을 쓰는 모든 게시판에 공통 적용
   ========================================================= */
#bo_list .tbl_head01 table{
    width:100%!important;
    table-layout:fixed!important;
}

/* 헤더 전체에 단 하나의 그라데이션 */
#bo_list .tbl_head01 thead{
    background:linear-gradient(110deg,
        var(--bp-site-deep,#0d52bc) 0%,
        var(--bp-site-accent,#1769e0) 52%,
        var(--bp-site-deep,#0d52bc) 100%)!important;
}
#bo_list .tbl_head01 thead tr,
#bo_list .tbl_head01 thead th{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
}

/* 열 너비: 체크/번호/조회/날짜는 필요한 만큼만, 제목에 가장 넓은 공간 */
#bo_list .tbl_head01 thead .gc-th-check,
#bo_list .tbl_head01 tbody .td_chk{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
}
#bo_list .tbl_head01 thead .gc-th-num,
#bo_list .tbl_head01 tbody .td_num2{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
}
#bo_list .tbl_head01 thead .gc-th-subject,
#bo_list .tbl_head01 tbody .td_subject{
    width:auto!important;
}
#bo_list .tbl_head01 thead .gc-th-name,
#bo_list .tbl_head01 tbody .td_name{
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
}
#bo_list .tbl_head01 thead .gc-th-hit,
#bo_list .tbl_head01 tbody .td_num{
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
}
#bo_list .tbl_head01 thead .gc-th-good,
#bo_list .tbl_head01 thead .gc-th-nogood{
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
}
#bo_list .tbl_head01 thead .gc-th-date,
#bo_list .tbl_head01 tbody .td_datetime{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
}

/* 제목은 실제 게시글 영역을 최대한 확보 */
#bo_list .tbl_head01 .td_subject{
    padding-left:18px!important;
    padding-right:18px!important;
}

/* 다크모드에서도 하나의 연속 그라데이션 */
html.bp-dark #bo_list .tbl_head01 thead,
html[data-theme="dark"] #bo_list .tbl_head01 thead{
    background:linear-gradient(110deg,
        color-mix(in srgb,var(--bp-site-deep,#0d52bc) 76%,#090d13 24%) 0%,
        color-mix(in srgb,var(--bp-site-accent,#1769e0) 80%,#090d13 20%) 52%,
        color-mix(in srgb,var(--bp-site-deep,#0d52bc) 76%,#090d13 24%) 100%)!important;
}
html.bp-dark #bo_list .tbl_head01 thead th,
html[data-theme="dark"] #bo_list .tbl_head01 thead th{
    background:transparent!important;
    background-image:none!important;
}

@media(max-width:760px){
    #bo_list .tbl_head01 thead .gc-th-check,
    #bo_list .tbl_head01 tbody .td_chk{width:38px!important;min-width:38px!important;max-width:38px!important}
    #bo_list .tbl_head01 thead .gc-th-num,
    #bo_list .tbl_head01 tbody .td_num2{width:52px!important;min-width:52px!important;max-width:52px!important}
    #bo_list .tbl_head01 thead .gc-th-name,
    #bo_list .tbl_head01 tbody .td_name{width:84px!important;min-width:84px!important;max-width:84px!important}
}


/* =========================================================
   2026-08-23 Basic-superadmin list columns v2
   colgroup로 실제 열 구조를 고정하여 제목 영역을 넓게 확보합니다.
   ========================================================= */
#bo_list .tbl_head01 table{
    width:100%!important;
    table-layout:fixed!important;
}

/* 데스크톱: 내용 성격에 맞춘 실제 열 너비 */
#bo_list .tbl_head01 col.gc-col-check{width:44px!important}
#bo_list .tbl_head01 col.gc-col-num{width:52px!important}
#bo_list .tbl_head01 col.gc-col-subject{width:auto!important}
#bo_list .tbl_head01 col.gc-col-name{width:145px!important}
#bo_list .tbl_head01 col.gc-col-hit{width:80px!important}
#bo_list .tbl_head01 col.gc-col-good,
#bo_list .tbl_head01 col.gc-col-nogood{width:82px!important}
#bo_list .tbl_head01 col.gc-col-date{width:150px!important}

/* 기존 스킨의 개별 셀 width 규칙을 무력화하고 colgroup을 기준으로 정렬 */
#bo_list .tbl_head01 thead .gc-th-check,
#bo_list .tbl_head01 tbody .td_chk,
#bo_list .tbl_head01 thead .gc-th-num,
#bo_list .tbl_head01 tbody .td_num2,
#bo_list .tbl_head01 thead .gc-th-subject,
#bo_list .tbl_head01 tbody .td_subject,
#bo_list .tbl_head01 thead .gc-th-name,
#bo_list .tbl_head01 tbody .td_name,
#bo_list .tbl_head01 thead .gc-th-hit,
#bo_list .tbl_head01 tbody .td_num,
#bo_list .tbl_head01 thead .gc-th-good,
#bo_list .tbl_head01 thead .gc-th-nogood,
#bo_list .tbl_head01 thead .gc-th-date,
#bo_list .tbl_head01 tbody .td_datetime{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
}

#bo_list .tbl_head01 thead th{
    text-align:center!important;
    white-space:nowrap!important;
}
#bo_list .tbl_head01 tbody .td_num2,
#bo_list .tbl_head01 tbody .td_name,
#bo_list .tbl_head01 tbody .td_num,
#bo_list .tbl_head01 tbody .td_datetime{
    text-align:center!important;
}
#bo_list .tbl_head01 tbody .td_subject{
    text-align:left!important;
    padding-left:20px!important;
    padding-right:20px!important;
}

/* 체크박스 열은 중앙에 작게 고정 */
#bo_list .tbl_head01 thead .gc-th-check,
#bo_list .tbl_head01 tbody .td_chk{
    text-align:center!important;
    padding-left:8px!important;
    padding-right:8px!important;
}
#bo_list .tbl_head01 thead .gc-th-check .chk_box,
#bo_list .tbl_head01 tbody .td_chk.chk_box{
    justify-content:center!important;
}

/* 좁은 화면에서도 열 비율이 뒤틀리지 않도록 필요한 열만 압축 */
@media(max-width:900px){
    #bo_list .tbl_head01 col.gc-col-check{width:40px!important}
    #bo_list .tbl_head01 col.gc-col-num{width:52px!important}
    #bo_list .tbl_head01 col.gc-col-name{width:106px!important}
    #bo_list .tbl_head01 col.gc-col-hit{width:64px!important}
    #bo_list .tbl_head01 col.gc-col-good,
    #bo_list .tbl_head01 col.gc-col-nogood{width:66px!important}
    #bo_list .tbl_head01 col.gc-col-date{width:116px!important}
    #bo_list .tbl_head01 tbody .td_subject{padding-left:14px!important;padding-right:14px!important}
}

@media(max-width:760px){
    #bo_list .tbl_head01 col.gc-col-check{width:38px!important}
    #bo_list .tbl_head01 col.gc-col-num{width:48px!important}
    #bo_list .tbl_head01 col.gc-col-name{width:86px!important}
    #bo_list .tbl_head01 col.gc-col-hit{width:60px!important}
    #bo_list .tbl_head01 col.gc-col-good,
    #bo_list .tbl_head01 col.gc-col-nogood{width:62px!important}
    #bo_list .tbl_head01 col.gc-col-date{width:102px!important}
}


/* =========================================================
   Bug / inconvenience report workflow
   wr_1: received | checking | done
   기존 7색 테마와 다크모드 변수는 그대로 사용합니다.
   ========================================================= */
#bo_list .tbl_head01 col.gc-col-status{width:112px!important}
#bo_list .tbl_head01 thead .gc-th-status,
#bo_list .tbl_head01 tbody .td_report_status{
    text-align:center!important;
    white-space:nowrap!important;
}
.gc-report-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:74px;
    height:28px;
    padding:0 11px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    box-sizing:border-box;
}
.gc-report-status--received{
    color:var(--bp-site-deep,#0d52bc);
    background:color-mix(in srgb,var(--bp-site-accent,#1769e0) 10%,#fff);
    border:1px solid color-mix(in srgb,var(--bp-site-accent,#1769e0) 26%,#d9e4f2);
}
.gc-report-status--checking{
    color:#8a5800;
    background:#fff6d8;
    border:1px solid #efd486;
}
.gc-report-status--done{
    color:#087345;
    background:#eafaf2;
    border:1px solid #a7dfc1;
}
.gc-board-head .gc-report-status{margin-left:auto;flex:0 0 auto}
.gc-report-status-editor{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    padding:14px 16px!important;
    border:1px solid var(--gc-line)!important;
    border-radius:12px;
    background:color-mix(in srgb,var(--bp-site-soft,#edf5ff) 58%,#fff);
}
#bo_w .gc-report-status-select{width:150px!important;min-width:150px}
.gc-report-status-help{font-size:12px;color:var(--gc-muted,#6f8091)}
html.bp-dark .gc-report-status--received,
html[data-theme="dark"] .gc-report-status--received{
    color:#e8f3ff;
    background:color-mix(in srgb,var(--bp-site-accent,#1769e0) 22%,#172330);
    border-color:color-mix(in srgb,var(--bp-site-accent,#1769e0) 38%,#33475b);
}
html.bp-dark .gc-report-status--checking,
html[data-theme="dark"] .gc-report-status--checking{
    color:#ffe7a0;background:#4a3a17;border-color:#735c28;
}
html.bp-dark .gc-report-status--done,
html[data-theme="dark"] .gc-report-status--done{
    color:#b9f3d3;background:#173a2a;border-color:#2e6c4d;
}
html.bp-dark .gc-report-status-editor,
html[data-theme="dark"] .gc-report-status-editor{
    background:color-mix(in srgb,var(--bp-site-accent,#1769e0) 10%,#172330)!important;
}
@media(max-width:900px){#bo_list .tbl_head01 col.gc-col-status{width:100px!important}}
@media(max-width:760px){
    #bo_list .tbl_head01 col.gc-col-status{width:92px!important}
    .gc-report-status{min-width:66px;height:26px;padding:0 8px;font-size:11px}
    .gc-report-status-help{width:100%}
}


/* =========================================================
   Report comment status controls - superadmin only
   기존 테마색 / 다크모드 구조는 그대로 사용합니다.
   ========================================================= */
.gc-report-status--unresolved{
    color:#a52a2a;
    background:#fff0f0;
    border:1px solid #efb4b4;
}
.gc-comment-status-control{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 12px;
    padding:11px 12px;
    border:1px solid var(--gc-line,#d8e4ee);
    border-radius:11px;
    background:color-mix(in srgb,var(--bp-site-soft,#edf5ff) 60%,#fff);
}
.gc-comment-status-label{
    margin-right:2px;
    font-size:12px;
    font-weight:900;
    color:var(--bp-site-deep,#0d52bc);
}
.gc-comment-status-option{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:30px;
    padding:0 10px;
    border:1px solid color-mix(in srgb,var(--bp-site-accent,#1769e0) 22%,#d6e1ec);
    border-radius:999px;
    background:#fff;
    color:#34485d;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}
.gc-comment-status-option input{margin:0;accent-color:var(--bp-site-accent,#1769e0)}
.gc-comment-status-option:has(input:checked){
    color:#fff;
    background:linear-gradient(135deg,var(--bp-site-deep,#0d52bc),var(--bp-site-accent,#1769e0));
    border-color:var(--bp-site-accent,#1769e0);
}
.gc-comment-status-option--done:has(input:checked){background:linear-gradient(135deg,#087345,#15945d);border-color:#15945d}
.gc-comment-status-option--unresolved:has(input:checked){background:linear-gradient(135deg,#9b2d30,#c54a4f);border-color:#c54a4f}
.gc-comment-status-control small{
    flex:1 1 220px;
    margin-left:4px;
    color:var(--gc-muted,#6f8091);
    font-size:11px;
}
html.bp-dark .gc-report-status--unresolved,
html[data-theme="dark"] .gc-report-status--unresolved{
    color:#ffd0d0;background:#442226;border-color:#704047;
}
html.bp-dark .gc-comment-status-control,
html[data-theme="dark"] .gc-comment-status-control{
    background:color-mix(in srgb,var(--bp-site-accent,#1769e0) 9%,#172330);
    border-color:#33475b;
}
html.bp-dark .gc-comment-status-label,
html[data-theme="dark"] .gc-comment-status-label{color:#edf5ff}
html.bp-dark .gc-comment-status-option,
html[data-theme="dark"] .gc-comment-status-option{
    background:#1c2a39;color:#dce8f3;border-color:#3b5268;
}
html.bp-dark .gc-comment-status-option:has(input:checked),
html[data-theme="dark"] .gc-comment-status-option:has(input:checked){color:#fff}
@media(max-width:760px){
    .gc-comment-status-control{gap:6px;padding:10px}
    .gc-comment-status-control small{flex-basis:100%;margin-left:0}
}