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

/* ============================================================
   공지사항 게시판 - 다크/골드 커스텀 스킨 (목록/상세/글쓰기)
   제휴 리스트(affiliate)와 톤 통일. .boardArti 내부만 스타일 적용
   ============================================================ */

.boardArti {
    --board-bg: #141414;
    --board-panel: #1d1d1d;
    --board-card: #282828;
    --board-border: #333333;
    --board-text: #e4e4e4;
    --board-text-sub: #adadad;
    --board-accent: #E6B046;
    --board-accent-hover: #d49a2f;
    margin-top: 0;
    background: #141414 !important;
    color: #e4e4e4 !important;
    padding: 120px 0 80px;
    min-height: 50vh;
}

/* 사이트 전역 흰글씨 덮어쓰기 */
.boardArti,
.boardArti .inner,
.boardArti .boardBanner,
.boardArti .boardBanner .t2,
.boardArti .menuList .item,
.boardArti .menuList .item2,
.boardArti .menuList .txt,
.boardArti .menuList .subMenu .item,
.boardArti .menuList .subMenu .item2,
.boardArti .basicList .item,
.boardArti .basicList .boardTitle .item,
.boardArti .basicList .title,
.boardArti .basicList .title a,
.boardArti .basicList .writer,
.boardArti .basicList .date,
.boardArti .basicList .number,
.boardArti .noticeList .item,
.boardArti .noticeList .title a,
.boardArti .infoBox .label,
.boardArti .infoBox .txt,
.boardArti .infoBox .txtBox .txt,
.boardArti .viewContent,
.boardArti .viewContent p,
.boardArti .viewContent span,
.boardArti .viewContent div,
.boardArti .viewContent li,
.boardArti .viewContent td,
.boardArti .viewContent th,
.boardArti .viewContent h1,
.boardArti .viewContent h2,
.boardArti .viewContent h3,
.boardArti .viewContent h4 {
    color: #e4e4e4 !important;
    -webkit-text-fill-color: #e4e4e4;
}

.boardArti .boardBtn.cancel {
    color: #adadad !important;
    -webkit-text-fill-color: #adadad;
}

.boardArti .viewAddArti .t1,
.boardArti .viewAddArti .t2,
.boardArti .prevNextArti .label,
.boardArti .prevNextArti .titleBox a,
.boardArti .addWrap .tag,
.boardArti .delBox,
.boardArti .delBox p,
.boardArti .paging_box a,
.boardArti .paging_box span,
.boardArti input[type="text"],
.boardArti input[type="file"],
.boardArti textarea,
.boardArti select,
.boardArti label,
.boardArti p,
.boardArti li,
.boardArti td,
.boardArti th {
    color: #e4e4e4 !important;
    -webkit-text-fill-color: #e4e4e4;
}

.boardArti .boardBanner .t1,
.boardArti .addWrap .tag {
    color: var(--board-accent) !important;
    -webkit-text-fill-color: var(--board-accent);
}

.boardArti .basicList .boardTitle .item,
.boardArti .infoBox .label,
.boardArti .basicList .writer,
.boardArti .basicList .date,
.boardArti .basicList .number,
.boardArti .viewAddArti .t2,
.boardArti .prevNextArti .label,
.boardArti .delBox,
.boardArti .paging_box a,
.boardArti .paging_box span {
    color: #adadad !important;
    -webkit-text-fill-color: #adadad;
}

.boardArti .basicList .title a:hover,
.boardArti .menuList .item:hover,
.boardArti .menuList .item2:hover,
.boardArti .prevNextArti .titleBox a:hover {
    color: var(--board-accent) !important;
    -webkit-text-fill-color: var(--board-accent);
}

.boardArti .viewContent a,
.boardArti .basicList .title a {
    color: #e4e4e4 !important;
}

.boardArti .viewContent a:hover {
    color: var(--board-accent) !important;
}

.boardArti .boardBtn.submit,
.boardArti .paging_box strong {
    color: #1d1d1d !important;
    -webkit-text-fill-color: #1d1d1d;
}

.boardArti .ipt::placeholder,
.boardArti input::placeholder {
    color: #888888 !important;
    -webkit-text-fill-color: #888888;
}

.boardArti .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* 배너 */
.boardBanner {
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--board-border);
}

.boardBanner .t1 {
    font-size: 13px;
    font-weight: 600;
    color: var(--board-accent);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.boardBanner .t2 {
    font-size: 28px;
    font-weight: 700;
    color: var(--board-text);
    line-height: 1.35;
}

/* 메뉴 버튼 */
.menuBox {
    position: relative;
    z-index: 50;
    margin-bottom: 20px;
    overflow: visible;
}

.boardArti .menuList,
.menuList {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: flex-end;
    overflow: visible;
}

.menuList > li {
    position: relative;
}

.menuList .item,
.menuList .item2 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: #1d1d1d;
    border: 1px solid var(--board-border);
    border-radius: 6px;
    color: var(--board-text);
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
}

.menuList .item:hover,
.menuList .item2:hover {
    border-color: var(--board-accent);
    color: var(--board-accent);
    background: #2f2f2f;
}

.menuList .item img {
    width: 18px;
    height: 18px;
}

.menuList .txt {
    margin: 0;
}

.menuList .subMenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    min-width: 120px;
    background: #1d1d1d !important;
    border: 1px solid #333333 !important;
    border-radius: 6px;
    list-style: none;
    margin: 0;
    padding: 4px 0;
    z-index: 999;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    pointer-events: none;
}

.boardArti .menuList .subMenu.show,
.boardArti .menuList > li.is_open .subMenu,
.menuList .subMenu.show,
.menuList > li.is_open .subMenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.menuList > li.is_open > .btn_edit_menu,
.menuList > li:has(.subMenu.show) > .btn_edit_menu {
    border-color: var(--board-accent);
    color: var(--board-accent) !important;
    background: #2f2f2f;
}

.menuList .subMenu li {
    list-style: none;
}

.menuList .subMenu .item,
.menuList .subMenu .item2 {
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
    background: #1d1d1d !important;
    text-align: left;
    padding: 10px 16px;
    color: #e4e4e4 !important;
    -webkit-text-fill-color: #e4e4e4;
    font-size: 14px;
}

.menuList .subMenu .item:hover,
.menuList .subMenu .item2:hover {
    background: #2f2f2f;
}

/* 목록 */
.basicList,
.noticeList {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid var(--board-border);
    border-radius: 8px;
    overflow: hidden;
    background: #1d1d1d;
}

.basicList > li,
.noticeList > li {
    border-bottom: 1px solid var(--board-border);
}

.basicList > li:last-child,
.noticeList > li:last-child {
    border-bottom: none;
}

.basicList .item,
.noticeList .item {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    gap: 8px;
    transition: background 0.15s;
}

.basicList > li:not(.boardTitle):hover .item,
.noticeList > li:not(.boardTitle):hover .item {
    background: #282828;
}

.basicList .boardTitle .item,
.noticeList .boardTitle .item {
    background: var(--board-card);
    font-weight: 600;
    font-size: 14px;
    color: var(--board-text-sub);
    padding: 12px 16px;
}

.basicList .chk,
.noticeList .chk { flex: 0 0 40px; }
.basicList .number,
.noticeList .number { flex: 0 0 60px; }
.basicList .title,
.noticeList .title { flex: 1; min-width: 0; }
.basicList .writer,
.noticeList .writer { flex: 0 0 100px; }
.basicList .hit,
.noticeList .hit { flex: 0 0 70px; }
.basicList .date,
.noticeList .date { flex: 0 0 80px; }
.basicList .center,
.noticeList .center { text-align: center; }

.basicList .title a,
.noticeList .title a {
    color: var(--board-text);
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.basicList .title a:hover,
.noticeList .title a:hover {
    color: var(--board-accent);
}

.basicList .writer,
.noticeList .writer,
.basicList .date,
.noticeList .date,
.basicList .number,
.noticeList .number {
    color: var(--board-text-sub);
    font-size: 14px;
}

/* 체크박스 */
.allchk input[type="checkbox"],
.basicList input[type="checkbox"],
.noticeList input[type="checkbox"] {
    display: none;
}

.allchk label,
.basicList label,
.noticeList label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.allchk label span,
.basicList label span,
.noticeList label span {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #555555;
    border-radius: 3px;
    background: #1d1d1d;
}

.allchk input[type="checkbox"]:checked + label span,
.basicList input[type="checkbox"]:checked + label span,
.noticeList input[type="checkbox"]:checked + label span {
    background: var(--board-accent) url(./img/chk.png) no-repeat 50% 50%;
    border-color: var(--board-accent);
}

/* 페이징 */
.paging_box {
    margin-top: 28px;
    text-align: center;
}

.paging_box a,
.paging_box strong,
.paging_box span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    margin: 0 2px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
    color: var(--board-text-sub);
}

.paging_box a:hover {
    color: var(--board-accent);
    background: #2f2f2f;
}

.paging_box strong {
    background: var(--board-accent);
    color: #1d1d1d;
    font-weight: 600;
}

/* infoBox 공통 (글쓰기·상세) */
.boardArti .infoBoxWrap {
    margin-bottom: 24px;
}

.boardArti .infoBoxList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.boardArti .infoBox {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--board-border);
    border-radius: 8px;
    overflow: hidden;
    background: #1d1d1d;
}

.boardArti .infoBox .label {
    flex: 0 0 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 14px;
    background: var(--board-card);
    border-right: 1px solid var(--board-border);
    font-size: 14px;
    font-weight: 600;
    color: var(--board-text-sub);
    box-sizing: border-box;
}

.boardArti .infoBox .txtBox {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0;
    background: #1d1d1d;
}

.boardArti .infoBox .txtBox.viewBox {
    padding: 12px 16px;
}

.boardArti .infoBox .txtBox .txt {
    font-size: 15px;
    color: var(--board-text);
    line-height: 1.5;
    word-break: break-all;
}

/* 입력 필드 */
.boardArti .ipt,
.boardArti input[type="text"],
.boardArti input[type="file"] {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    background: #1d1d1d;
    border: none;
    border-radius: 0;
    color: var(--board-text);
    font-size: 15px;
    box-sizing: border-box;
}

.boardArti .ipt:focus,
.boardArti input[type="text"]:focus {
    outline: none;
    box-shadow: inset 0 0 0 2px var(--board-accent);
}

.boardArti .ipt::placeholder {
    color: #777777;
}

.boardArti input[type="file"],
.boardArti .ipt.file {
    height: auto;
    padding: 10px 14px;
    border: none;
    color: var(--board-text);
    font-size: 14px;
}

.boardArti input[type="file"]::file-selector-button,
.boardArti .ipt.file::file-selector-button {
    margin-right: 12px;
    padding: 7px 14px;
    background: var(--board-card);
    border: 1px solid var(--board-border);
    border-radius: 4px;
    color: var(--board-text);
    font-size: 13px;
    cursor: pointer;
}

.boardArti input[type="file"]::file-selector-button:hover {
    background: #2f2f2f;
    border-color: var(--board-accent);
    color: var(--board-accent);
}

.boardArti input[type="file"]::-webkit-file-upload-button {
    margin-right: 12px;
    padding: 7px 14px;
    background: var(--board-card);
    border: 1px solid var(--board-border);
    border-radius: 4px;
    color: var(--board-text);
    font-size: 13px;
    cursor: pointer;
}

/* 에디터 */
.boardArti .dhtmlBox {
    border: 1px solid var(--board-border);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 24px;
    background: #1d1d1d;
    min-height: 300px;
}

.boardArti .dhtmlBox iframe,
.boardArti .dhtmlBox textarea {
    background: #1d1d1d !important;
    color: #e4e4e4 !important;
}

/* 첨부/링크 (글쓰기) */
.boardArti .addArti {
    margin-bottom: 24px;
}

.boardArti .addWrap {
    border: 1px solid var(--board-border);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 10px;
    background: var(--board-card);
}

.boardArti .addWrap .tag {
    font-size: 13px;
    font-weight: 600;
    color: var(--board-accent);
    margin-bottom: 8px;
}

.boardArti .addWrap .ipt {
    border: 1px solid var(--board-border);
    border-radius: 6px;
    background: #1d1d1d;
}

.boardArti .delBox {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    font-size: 13px;
    color: var(--board-text-sub);
    cursor: pointer;
}

.boardArti .delBox p {
    margin: 0;
}

/* 버튼 */
.boardArti .btnWrap {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 32px;
}

.boardArti .boardBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    height: 46px;
    padding: 0 24px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.boardArti .boardBtn.cancel {
    background: #1d1d1d;
    border: 1px solid var(--board-border);
    color: var(--board-text-sub);
}

.boardArti .boardBtn.cancel:hover {
    border-color: #888888;
    color: var(--board-text);
}

.boardArti .boardBtn.submit {
    background: var(--board-accent);
    color: #1d1d1d;
}

.boardArti .boardBtn.submit:hover {
    background: var(--board-accent-hover);
}

/* 상세 - 본문 */
.boardViewArti .viewContent {
    min-height: 200px;
    padding: 28px 0;
    font-size: 16px;
    line-height: 1.8;
    color: var(--board-text);
    border-top: 1px solid var(--board-border);
    border-bottom: 1px solid var(--board-border);
    margin-bottom: 24px;
}

.boardViewArti .viewContent img {
    max-width: 100%;
    height: auto;
}

.boardViewArti .viewContent a {
    color: var(--board-accent);
}

/* 상세 - 첨부/링크 */
.boardViewArti .viewAddArti {
    margin-bottom: 24px;
}

.boardViewArti .viewAddArti > a {
    display: block;
    text-decoration: none;
    margin-bottom: 8px;
}

.boardViewArti .viewAddArti .item {
    position: relative;
    border: 1px solid var(--board-border);
    border-radius: 8px;
    padding: 14px 16px 14px 52px;
    background-color: var(--board-card) !important;
    background-image: none !important;
    transition: border-color 0.2s, background-color 0.2s;
    min-height: 56px;
    box-sizing: border-box;
}

.boardViewArti .viewAddArti .item.file::before,
.boardViewArti .viewAddArti .item.link::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
}

.boardViewArti .viewAddArti .item.file::before {
    background-image: url(../../../../../img/boardImg/file.png);
}

.boardViewArti .viewAddArti .item.link::before {
    background-image: url(../../../../../img/boardImg/link.png);
}

.boardViewArti .viewAddArti > a:hover .item {
    border-color: var(--board-accent);
    background-color: #2f2f2f !important;
}

.boardViewArti .viewAddArti .item .t1 {
    font-size: 14px;
    color: var(--board-text);
    margin: 0 0 4px;
}

.boardViewArti .viewAddArti .item .t2 {
    font-size: 12px;
    color: var(--board-text-sub);
    margin: 0;
}

/* 상세 - 이전/다음글 */
.boardViewArti .prevNextArti {
    border: 1px solid var(--board-border);
    border-radius: 8px;
    overflow: hidden;
}

.boardViewArti .prevNextArti .item {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid var(--board-border);
    background: #1d1d1d;
}

.boardViewArti .prevNextArti .item:last-child {
    border-bottom: none;
}

.boardViewArti .prevNextArti .item:hover {
    background: #282828;
}

.boardViewArti .prevNextArti .label {
    flex: 0 0 90px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--board-text-sub);
}

.boardViewArti .prevNextArti .label img {
    width: 16px;
    height: 16px;
}

.boardViewArti .prevNextArti .titleBox {
    flex: 1;
    min-width: 0;
}

.boardViewArti .prevNextArti .titleBox a {
    color: var(--board-text);
    text-decoration: none;
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boardViewArti .prevNextArti .titleBox a:hover {
    color: var(--board-accent);
}

/* 그누보드 기본 스킨 (게시판 영역 내) */
.boardArti #bo_list,
.boardArti #bo_v,
.boardArti #bo_w {
    color: var(--board-text);
}

.boardArti #bo_v {
    background: #1d1d1d;
    border: 1px solid var(--board-border);
    border-radius: 8px;
    padding: 24px;
}

/* 반응형 */
@media (max-width: 768px) {
    .boardArti {
        margin-top: 90px;
    }

    .boardBanner .t2 {
        font-size: 22px;
    }

    .boardArti .inner {
        padding: 0 16px;
    }

    .basicList .boardTitle,
    .noticeList .boardTitle {
        display: none;
    }

    .basicList .item,
    .noticeList .item {
        flex-wrap: wrap;
        padding: 12px;
    }

    .basicList .title,
    .noticeList .title {
        flex: 1 1 100%;
        order: -1;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .boardArti .infoBox {
        flex-direction: column;
    }

    .boardArti .infoBox .label {
        flex: none;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--board-border);
        justify-content: flex-start;
    }

    .boardArti .btnWrap {
        flex-direction: column;
    }

    .boardArti .boardBtn {
        width: 100%;
    }

    .boardViewArti .prevNextArti .item {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .boardViewArti .prevNextArti .label {
        flex: none;
    }
}


/* ============================================================
   공지사항 상세(view) - 본문 내용 다크 정규화
   에디터로 저장된 흰색/회색 배경·검정 글씨가 검정 배경과
   충돌하지 않도록 강제로 다크 톤에 맞춘다.
   ============================================================ */
.boardViewArti .viewContent{
    padding: 28px 4px;
    color: var(--board-text);
    background: transparent;
}
/* 본문 내부 요소 : 배경 투명 + 글씨 밝게 (흰박스/회색박스 제거) */
.boardViewArti .viewContent,
.boardViewArti .viewContent *:not(a):not(img):not(svg):not(hr){
    background-color: transparent !important;
    color: #e4e4e4 !important;
    -webkit-text-fill-color: #e4e4e4;
    border-color: #333 !important;
}
.boardViewArti .viewContent a,
.boardViewArti .viewContent a *{
    color: var(--board-accent) !important;
    -webkit-text-fill-color: var(--board-accent);
}
.boardViewArti .viewContent img,
.boardViewArti .viewContent video{
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}
.boardViewArti .viewContent table,
.boardViewArti .viewContent td,
.boardViewArti .viewContent th{
    border: 1px solid #333 !important;
}
.boardViewArti .viewContent th{
    background-color: #282828 !important;
}
.boardViewArti .viewContent blockquote{
    border-left: 3px solid var(--board-accent);
    padding-left: 14px;
    margin: 12px 0;
    color: #adadad !important;
}
.boardViewArti .viewContent hr{
    border: none;
    border-top: 1px solid #333;
    margin: 20px 0;
}

/* ============================================================
   공지사항 상세 - 제목(infoBox) 다크 강제
   (전역 스타일이 흰 배경을 씌우는 것을 !important 로 덮음)
   ============================================================ */
.boardArti .infoBox{
    background: #1d1d1d !important;
    border: 1px solid #333 !important;
}
.boardArti .infoBox .label{
    background: #282828 !important;
    border-right: 1px solid #333 !important;
    color: var(--board-accent) !important;
    -webkit-text-fill-color: var(--board-accent);
    font-weight: 700;
}
.boardArti .infoBox .txtBox,
.boardArti .infoBox .txtBox.viewBox{
    background: #1d1d1d !important;
}
.boardArti .infoBox .txt,
.boardArti .infoBox .txtBox .txt{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

/* ============================================================
   공지사항 게시판 - 헤더 배경 항상 다크
   head.php 에서 공지 게시판일 때 <header class="scroll-on"> 를 붙임.
   전역 header 규칙보다 뒤에 나오는 것을 대비해 specificity 를
   높여(body header.scroll-on) 스크롤 여부와 상관없이 검정 배경 강제.
   ============================================================ */
body header.scroll-on,
body header.scroll-on.scroll,
body header.scroll-on.active,
body header.scroll-on.on,
body header.scroll-on.fixed{
    background-color: #141414 !important;
    background-image: none !important;
}
/* 헤더 배경을 가상요소(::before)로 까는 테마 구조 대응 */
body header.scroll-on::before{
    background: #141414 !important;
    opacity: 1 !important;
}