@charset "utf-8";
/* Bundled skin stylesheet: edit css/board-skins.css and rebuild with origin/scripts/bundle-board-skins.cjs. */
/* 게시판 목록 */
#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}
/* jn_basic / jn_gallery: responsive board UI. Native form actions and controls remain intact. */
html body :is(#bo_list,#bo_gall,#bo_v,#bo_w).jn-board { --board-blue:#2563eb; --board-ink:#172b4d; --board-muted:#64748b; --board-line:#e2e8f0; width:100%!important; max-width:100%; margin:0 auto; color:var(--board-ink); font-size:15px; line-height:1.6; }
html body .jn-board *, html body .jn-board *::before, html body .jn-board *::after { box-sizing:border-box; }
html body .jn-board a { transition:color .15s,background-color .15s,border-color .15s; }
html body .jn-board :focus-visible { outline:2px solid var(--board-blue); outline-offset:4px; }
html body :is(#bo_list,#bo_gall,#bo_w).jn-board .jn-board-heading,html body .jn-board .jn-editor-heading { padding:0 0 28px; margin-bottom:24px; border-bottom:1px solid var(--board-line); }
html body .jn-board .jn-board-eyebrow { display:block; margin-bottom:10px; color:var(--board-blue); font-size:11px; font-weight:800; letter-spacing:.14em; }
html body :is(#bo_list,#bo_gall,#bo_w).jn-board .jn-board-heading h2,html body .jn-board .jn-editor-heading h2 { position:static; width:auto; height:auto; overflow:visible; margin:0; padding:0; font-size:30px; font-weight:800; letter-spacing:-.045em; line-height:1.35; }
html body .jn-board .jn-board-heading p,html body .jn-board .jn-editor-heading p { margin:10px 0 0; font-size:14px; color:var(--board-muted); }
html body .jn-board #bo_btn_top { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 20px; }
html body .jn-board #bo_btn_top::after { display:none; }
html body .jn-board #bo_list_total { float:none; margin:0; padding:0; color:var(--board-muted); font-size:13px; }
html body .jn-board #bo_list_total strong { color:var(--board-blue); }
html body .jn-board .btn_bo_user { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; float:none; margin:0; padding:0; }
html body .jn-board .btn_bo_user>li { float:none; margin:0; position:relative; }
html body .jn-board .btn_bo_user::after { display:none; }
html body :is(#bo_list,#bo_gall,#bo_v,#bo_w).jn-board :is(.btn_b01,.btn_b02,.btn_b03,.btn_admin,.btn_submit,.btn_cancel) { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; height:auto; width:auto; padding:9px 15px; border:1px solid var(--board-line); border-radius:12px; background:#fff; color:var(--board-ink); font-size:13px; font-weight:600; line-height:1.5; box-shadow:none; }
html body :is(#bo_list,#bo_gall,#bo_v,#bo_w).jn-board :is(.btn_b01,.btn_b03,.btn_cancel):hover { border-color:#bfdbfe; background:#eff6ff; color:var(--board-blue); }
html body :is(#bo_list,#bo_gall,#bo_v,#bo_w).jn-board :is(.btn_submit,.btn_b02),html body .jn-board .btn_bo_user a[title="글쓰기"] { background:var(--board-blue); border-color:var(--board-blue); color:#fff; }
html body .jn-board .jn-button-label { font-size:13px; }
html body .jn-board .more_opt { z-index:30; border:1px solid var(--board-line); border-radius:12px; box-shadow:0 12px 28px #172b4d14; padding:6px; }
html body .jn-board .more_opt li { margin:0; }
html body .jn-board .more_opt li a,html body .jn-board .more_opt li button { padding:10px 12px; border-radius:8px; white-space:nowrap; }
html body .jn-board #bo_cate { margin:0 0 24px; }
html body .jn-board #bo_cate ul { display:flex; flex-wrap:wrap; gap:8px; border:0; padding:0; }
html body .jn-board #bo_cate li { padding:0; margin:0; float:none; }
html body .jn-board #bo_cate a { display:block; padding:8px 16px; border:1px solid var(--board-line); border-radius:24px; background:#fff; color:var(--board-muted); font-size:13px; line-height:1.5; }
html body .jn-board #bo_cate #bo_cate_on { background:var(--board-blue); border-color:var(--board-blue); color:white; box-shadow:none; }
html body .jn-board #bo_cate #bo_cate_on::after { display:none; }
html body .jn-board #bo_cate a:hover { border-color:#93c5fd; }
html body .jn-board .pg_wrap { float:none; clear:both; margin:32px 0 24px; text-align:center; }
html body .jn-board .pg_page,html body .jn-board .pg_current { display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; margin:3px; border:1px solid var(--board-line); border-radius:10px; background-color:#fff; font-size:13px; }
html body .jn-board .pg_current { color:#fff; background:var(--board-blue); border-color:var(--board-blue); }
html body .jn-board .pg_start,html body .jn-board .pg_prev,html body .jn-board .pg_next,html body .jn-board .pg_end { background-position:center; background-repeat:no-repeat; }
html body .jn-board .bo_fx { display:flex; justify-content:flex-end; clear:both; margin-top:20px; }
html body .jn-board .bo_sch_wrap { z-index:90; }
html body .jn-board .bo_sch { width:min(440px,calc(100vw - 32px)); padding:28px; border:0; border-radius:22px; background:#fff; box-shadow:0 20px 80px #172b4d33; }
html body .jn-board .bo_sch h3 { font-size:21px; font-weight:800; }
html body .jn-board .bo_sch select { width:100%; height:44px; border:1px solid var(--board-line); border-radius:10px; margin-bottom:12px; padding:0 12px; }
html body .jn-board .bo_sch .sch_bar { display:flex; height:46px; border:1px solid var(--board-line); border-radius:10px; overflow:hidden; }
html body .jn-board .bo_sch .sch_input { float:none; flex:1; min-width:0; width:auto; height:100%; padding:0 12px; }
html body .jn-board .bo_sch .sch_btn { flex-shrink:0; width:44px; height:100%; }
html body .jn-board .bo_sch .bo_sch_cls { top:22px; right:22px; }
html body .jn-board .chk_box:focus-within label span { outline:2px solid var(--board-blue); outline-offset:3px; }
/* Basic list: spacious rows become cards without a horizontal scroll on mobile. */
html body #bo_list.jn-board .tbl_head01 { overflow:visible; border:1px solid var(--board-line); border-top:2px solid #172b4d; border-radius:16px; }
html body #bo_list.jn-board .tbl_head01 table { width:100%; min-width:0; border-collapse:separate; border-spacing:0; }
html body #bo_list.jn-board thead th { padding:16px 12px; border:0; border-bottom:1px solid var(--board-line); background:#f4f8fc; color:#52647c; font-size:13px; font-weight:600; }
html body #bo_list.jn-board thead th:first-child { border-radius:14px 0 0; }
html body #bo_list.jn-board thead th:last-child { border-radius:0 14px 0 0; }
html body #bo_list.jn-board tbody td { padding:22px 12px; border:0; border-bottom:1px solid #edf1f5; color:var(--board-muted); background:transparent; font-size:13px; }
html body #bo_list.jn-board tbody tr:last-child td { border-bottom:0; }
html body #bo_list.jn-board tbody tr:hover { background:#f8fbff; }
html body #bo_list.jn-board tbody .bo_notice { background:#f3f7ff; }
html body #bo_list.jn-board .td_subject { text-align:left; }
html body #bo_list.jn-board .bo_tit { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
html body #bo_list.jn-board .bo_tit>a { color:var(--board-ink); font-size:15px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
html body #bo_list.jn-board .bo_tit>a:hover { color:var(--board-blue); }
html body #bo_list.jn-board .notice_icon { display:inline-block; padding:3px 10px; border-radius:20px; background:#dbeafe; color:#1d4ed8; font-size:11px; }
html body #bo_list.jn-board .bo_cate_link { display:inline-block; padding:2px 8px; margin:0 0 5px; border-radius:6px; color:var(--board-blue); background:#eff6ff; font-size:11px; }
html body #bo_list.jn-board .new_icon { background:#dcfce7; color:#15803d; border-radius:5px; }
html body #bo_list.jn-board .cnt_cmt { font-size:11px; color:var(--board-blue); }
html body #bo_list.jn-board .td_chk { width:42px; }
html body #bo_list.jn-board .td_name { width:115px; }
html body #bo_list.jn-board .td_num,html body #bo_list.jn-board .td_num2 { width:64px; }
html body #bo_list.jn-board .td_datetime { width:96px; font-variant-numeric:tabular-nums; }
html body #bo_list.jn-board .empty_table { padding:72px 20px; text-align:center; color:#94a3b8; }
html body .jn-mobile-tools { display:none; }
/* Gallery retains the full-photo card and direct post navigation. */
html body #bo_gall.jn-board #gall_ul.jn-board-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:24px 0 32px; padding:0; list-style:none; }
html body #bo_gall.jn-board #gall_ul.jn-board-gallery::after { display:none; }
html body #bo_gall.jn-board .jn-thumbnail { aspect-ratio:5/4; border-radius:22px; }
html body #bo_gall.jn-board .jn-thumbnail-caption { padding:24px; }
html body #bo_gall.jn-board .jn-thumbnail-caption h3 { font-size:18px; }
html body #bo_gall.jn-board #gall_allchk { margin:0 0 20px; color:var(--board-muted); font-size:13px; }
/* Article, attachments, previous/next and comments. */
html body #bo_v.jn-board { padding:32px; border:1px solid var(--board-line); border-top:3px solid var(--board-blue); border-radius:24px; background:#fff; box-shadow:0 10px 40px #172b4d05; }
html body #bo_v.jn-board #bo_v_title { margin:0; padding:0; }
html body #bo_v.jn-board #bo_v_title .bo_v_tit { display:block; margin-top:12px; font-size:30px; font-weight:800; line-height:1.45; letter-spacing:-.035em; overflow-wrap:anywhere; }
html body #bo_v.jn-board #bo_v_title .bo_v_cate { display:inline-block; background:#eff6ff; color:var(--board-blue); padding:5px 12px; border:0; border-radius:20px; font-size:12px; }
html body #bo_v.jn-board #bo_v_info { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; padding:24px 0; margin:0 0 28px; border-bottom:1px solid var(--board-line); }
html body #bo_v.jn-board #bo_v_info .profile_info { float:none; margin:0; min-width:0; }
html body #bo_v.jn-board #bo_v_info .profile_info_ct { font-size:12px; color:var(--board-muted); }
html body #bo_v.jn-board #bo_v_info .profile_info_ct strong { font-weight:500; }
html body #bo_v.jn-board #bo_v_top { float:none; margin:0 0 0 auto; }
html body #bo_v.jn-board #bo_v_con { font-size:16px; line-height:1.9; overflow-wrap:anywhere; }
html body #bo_v.jn-board #bo_v_img { margin:24px 0; }
html body #bo_v.jn-board #bo_v_img img { display:block; max-width:100%; height:auto; margin:0 auto 20px; border-radius:14px; }
html body #bo_v.jn-board #bo_v_con img { max-width:100%; height:auto; }
html body #bo_v.jn-board #bo_v_file,html body #bo_v.jn-board #bo_v_link { margin:20px 0; border:1px solid var(--board-line); background:#f8fafc; border-radius:14px; padding:14px 18px; }
html body #bo_v.jn-board #bo_v_file li,html body #bo_v.jn-board #bo_v_link li { padding:10px 0; border:0; overflow-wrap:anywhere; }
html body #bo_v.jn-board #bo_v_file a,html body #bo_v.jn-board #bo_v_link a { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
html body #bo_v.jn-board .bo_v_nb { border:1px solid var(--board-line); border-radius:14px; margin:28px 0; }
html body #bo_v.jn-board .bo_v_nb li { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; padding:16px; }
html body #bo_v.jn-board .bo_v_nb li>a { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html body #bo_v.jn-board .bo_v_nb .nb_date { float:none; margin-left:auto; color:#94a3b8; font-size:12px; }
html body #bo_v.jn-board .cmt_btn { font-size:18px; font-weight:700; padding:16px 0; border-bottom:1px solid var(--board-line); }
html body #bo_v.jn-board #bo_vc article { padding:22px 0; border-bottom:1px solid #edf1f5; }
html body #bo_v.jn-board #bo_vc .cmt_contents { font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
html body #bo_v.jn-board .bo_vc_w { background:#f8fafc; border:1px solid var(--board-line); border-radius:16px; padding:20px; }
html body #bo_v.jn-board .bo_vc_w textarea { min-height:140px; padding:14px; border:1px solid var(--board-line); border-radius:12px; font-size:14px; resize:vertical; }
html body #bo_v.jn-board .bo_vc_w_info { display:flex; flex-wrap:wrap; gap:8px; float:none; }
html body #bo_v.jn-board .bo_vc_w_info .frm_input { margin:0; float:none; max-width:100%; }
/* Write/edit form, including guest fields, uploads, captcha and native editor. */
html body #bo_w.jn-board { border:1px solid var(--board-line); border-radius:24px; padding:32px; background:#fff; }
html body #bo_w.jn-board #fwrite { width:100%!important; }
html body #bo_w.jn-board .write_div { margin:20px 0; }
html body #bo_w.jn-board .jn-field-label { display:block; margin-bottom:8px; color:var(--board-ink); font-size:14px; font-weight:700; }
html body #bo_w.jn-board .jn-field-label strong { margin-left:6px; color:var(--board-blue); font-size:11px; }
html body #bo_w.jn-board .frm_input,html body #bo_v.jn-board .frm_input { min-height:46px; height:auto; padding:11px 14px; border:1px solid #dce3ed; border-radius:10px; background:#fff; color:var(--board-ink); font-size:14px; box-shadow:none; }
html body #bo_w.jn-board .bo_w_info { display:flex; flex-wrap:wrap; gap:12px; }
html body #bo_w.jn-board .bo_w_info .frm_input { width:calc(50% - 6px); float:none; margin:0; }
html body #bo_w.jn-board .bo_w_select select { height:46px; padding:0 12px; border-radius:10px; }
html body #bo_w.jn-board .bo_v_option { display:flex; flex-wrap:wrap; gap:12px; }
html body #bo_w.jn-board .bo_v_option li { float:none; }
html body #bo_w.jn-board #autosave_wrapper { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
html body #bo_w.jn-board #wr_subject { flex:1; min-width:200px; padding-right:14px; width:auto; }
html body #bo_w.jn-board #btn_autosave { position:static; flex:0 0 auto; width:auto; max-width:100%; height:40px; border:1px solid var(--board-line); border-radius:10px; padding:0 12px; background:#f8fafc; color:#334155; font-size:14px; line-height:38px; white-space:nowrap; }
html body #bo_w.jn-board #btn_autosave #autosave_count { color:#2458cc; font-weight:700; }
html body #bo_w.jn-board #btn_autosave:hover { background:#eef2ff; border-color:#a5b4fc; }
html body #bo_w.jn-board #btn_autosave:focus-visible { outline:2px solid #2458cc; outline-offset:3px; }
html body #bo_w.jn-board #autosave_pop { max-width:100%; }
html body #bo_w.jn-board textarea#wr_content { width:100%; min-height:360px; padding:18px; border:1px solid var(--board-line); border-radius:12px; font-size:15px; line-height:1.8; resize:vertical; }
html body #bo_w.jn-board .wr_content { max-width:100%; }
/* CHEditor uses content-box dimensions for its toolbar sprites and panels.
   Keep the board reset outside the editor, and contain wrapped toolbar floats
   without clipping dropdowns. Restrict viewport sizing to normal (not fullscreen) mode. */
html body #bo_w.jn-board .wr_content.cheditor5 .cheditor-container,
html body #bo_w.jn-board .wr_content.cheditor5 .cheditor-container *,
html body #bo_w.jn-board .wr_content.cheditor5 .cheditor-container-fullscreen,
html body #bo_w.jn-board .wr_content.cheditor5 .cheditor-container-fullscreen * { box-sizing:content-box; }
html body #bo_w.jn-board .wr_content.cheditor5 .cheditor-container { max-width:100%; font-size:12px; line-height:normal; }
/* template.xml sets inline height:47px; override it only in rich-text toolbar mode. */
html body #bo_w.jn-board .wr_content.cheditor5 .cheditor-tb-wrapper { display:flow-root; height:auto!important; min-height:52px; padding:4px 0; overflow:visible; }
html body #bo_w.jn-board .wr_content.cheditor5 .cheditor-tb-wrapper::after { content:""; display:block; clear:both; }
html body #bo_w.jn-board .wr_content.cheditor5 .cheditor-container .cheditor-editarea,
html body #bo_w.jn-board .wr_content.cheditor5 .cheditor-container .cheditor-editarea-text-content { min-height:clamp(320px, 55vh, 720px); }
html body #bo_w.jn-board textarea#wr_content { min-height:clamp(320px, 55vh, 720px); }

html body #bo_w.jn-board .bo_w_link label { height:46px; line-height:46px; }
html body #bo_w.jn-board .bo_w_link .frm_input { padding-left:48px; }
html body #bo_w.jn-board .bo_w_flie .file_wr { min-height:62px; height:auto; border:1px dashed #bfcee2; border-radius:12px; background:#f8fafc; padding:12px; }
html body #bo_w.jn-board .bo_w_flie .lb_icon { display:none; }
html body #bo_w.jn-board .bo_w_flie .frm_file { width:100%; max-width:100%; margin:0; padding:0; font-size:13px; }
html body #bo_w.jn-board input[type=file]::file-selector-button { padding:8px 12px; margin-right:12px; border:1px solid var(--board-line); border-radius:8px; background:#fff; color:var(--board-ink); cursor:pointer; }
html body #bo_w.jn-board .bo_w_flie .file_del { position:static; display:block; margin-top:8px; font-size:12px; overflow-wrap:anywhere; }
html body #bo_w.jn-board .btn_confirm { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; padding-top:24px; border-top:1px solid var(--board-line); }
html body #bo_w.jn-board .btn_confirm .btn { min-width:120px; margin:0; }
@media(min-width:1280px) { html body #bo_gall.jn-board #gall_ul.jn-board-gallery { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:1023px) {
  html body #bo_gall.jn-board #gall_ul.jn-board-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  html body #bo_v.jn-board,html body #bo_w.jn-board { padding:24px; }
}
@media(max-width:767px) {
  html body .jn-board .jn-board-heading { margin-bottom:20px; padding-bottom:20px; }
  html body :is(#bo_list,#bo_gall,#bo_w).jn-board .jn-board-heading h2,html body .jn-board .jn-editor-heading h2 { font-size:25px; }
  html body .jn-board #bo_btn_top { flex-wrap:wrap; gap:12px; }
  html body .jn-board #bo_list_total { font-size:12px; }
  html body .jn-board #bo_btn_top>.btn_bo_user { margin-left:auto; }
  html body .jn-board .jn-mobile-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; font-size:12px; }
  html body .jn-mobile-tools nav { display:flex; flex-wrap:wrap; gap:12px; margin-left:auto; color:#64748b; }
  html body .jn-mobile-tools .jn-select-all { padding:5px 10px; border:1px solid var(--board-line); border-radius:8px; background:#fff; }
  html body #bo_list.jn-board .tbl_head01 { border:0; border-radius:0; }
  html body #bo_list.jn-board table,html body #bo_list.jn-board tbody { display:block; width:100%; }
  html body #bo_list.jn-board thead { display:none; }
  html body #bo_list.jn-board tbody tr { position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:0 12px; margin-bottom:12px; padding:20px; border:1px solid var(--board-line); border-radius:16px; background:#fff; }
  html body #bo_list.jn-board tbody tr.bo_notice { border-color:#bfdbfe; background:#f3f7ff; }
  html body #bo_list.jn-board tbody td { display:block; width:auto; padding:0; border:0; font-size:12px; text-align:left; }
  html body #bo_list.jn-board tbody .td_subject { order:1; flex:0 0 100%; padding:8px 0 12px!important; }
  html body #bo_list.jn-board .bo_tit>a { font-size:16px; }
  html body #bo_list.jn-board tbody .td_num2 { order:0; color:#94a3b8; font-size:11px; }
  html body #bo_list.jn-board tbody .td_chk { position:absolute; top:14px; right:14px; width:24px; height:24px; }
  html body #bo_list.jn-board .td_chk.chk_box input+label span { top:4px; left:4px; }
  html body #bo_list.jn-board tbody td[data-label] { order:2; margin-top:4px; color:#94a3b8; }
  html body #bo_list.jn-board tbody td[data-label]::before { content:attr(data-label) ' '; color:#94a3b8; font-weight:400; }
  html body #bo_list.jn-board tbody .empty_table { width:100%; padding:44px 0; text-align:center; }
  html body #bo_v.jn-board,html body #bo_w.jn-board { padding:20px; border-radius:18px; }
  html body #bo_v.jn-board #bo_v_title .bo_v_tit { font-size:24px; }
  html body #bo_v.jn-board #bo_v_info { padding:18px 0; gap:16px; }
  html body #bo_v.jn-board #bo_v_info .profile_info { width:100%; }
  html body #bo_v.jn-board #bo_v_info .if_date { display:inline-block; margin:4px 0 0; }
  html body #bo_v.jn-board #bo_v_con { font-size:15px; }
  html body #bo_v.jn-board #bo_v_file,html body #bo_v.jn-board #bo_v_link { padding:10px 14px; }
  html body #bo_v.jn-board .bo_v_nb .nb_date { display:none; }
  html body #bo_v.jn-board #bo_vc .cm_wrap { padding-left:0; }
  html body #bo_v.jn-board #bo_vc .pf_img { display:none; }
  html body #bo_v.jn-board #bo_vc .bo_vc_hdinfo { display:block; margin-top:4px; }
  html body #bo_v.jn-board .bo_vc_w { padding:14px; }
  html body #bo_v.jn-board .bo_vc_w_info .frm_input { width:100%; }
  html body #bo_v.jn-board .bo_vc_w .btn_confirm { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
  html body #bo_w.jn-board .bo_w_info .frm_input { width:100%; }
  html body #bo_w.jn-board #wr_subject { width:100%; flex:auto; min-width:0; }
  html body #bo_w.jn-board textarea#wr_content { min-height:clamp(280px, 55vh, 480px); padding:14px; }
  html body #bo_w.jn-board .btn_confirm .btn { flex:1; min-width:0; }
}
@media(max-width:479px) {
  html body #bo_gall.jn-board #gall_ul.jn-board-gallery { grid-template-columns:minmax(0,1fr); }
  html body #bo_gall.jn-board .jn-thumbnail-caption { padding:20px; }
  html body .jn-board .btn_bo_user { gap:6px; }
  html body :is(#bo_list,#bo_gall,#bo_v,#bo_w).jn-board :is(.btn_b01,.btn_b03,.btn_admin) { padding:9px 11px; }
  html body #bo_v.jn-board,html body #bo_w.jn-board { padding:16px; }
}
@media(prefers-reduced-motion:reduce) { html body .jn-board a { transition:none; } }

/* View layout: remove legacy fixed-width buttons and oversized panel framing. */
html body #bo_v.jn-board { padding:0; border:0; border-radius:0; background:#fff; box-shadow:none; }
html body #bo_v.jn-board>header { padding:28px 0 0; border-top:0; }
html body #bo_v.jn-board #bo_v_title .bo_v_tit { margin:0; font-size:30px; font-weight:750; line-height:1.5; letter-spacing:-.035em; color:#172b4d; word-break:keep-all; overflow-wrap:anywhere; }
html body #bo_v.jn-board #bo_v_title .bo_v_cate { margin-bottom:12px; }
html body #bo_v.jn-board #bo_v_info { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:16px 24px; padding:22px 0 24px; margin:0 0 30px; border-bottom:1px solid #e5ebf2; }
html body #bo_v.jn-board #bo_v_info::after,html body #bo_v.jn-board #bo_v_top::after { display:none; }
html body #bo_v.jn-board .jn-view-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; min-width:0; font-size:13px; line-height:1.6; color:#8b96a7; }
html body #bo_v.jn-board .jn-view-author { color:#53647b; font-weight:600; }
html body #bo_v.jn-board .jn-view-author .sv_member,html body #bo_v.jn-board .jn-view-author .sv_guest { color:inherit; }
html body #bo_v.jn-board .jn-view-ip { margin-left:5px; color:#9aa5b5; font-size:12px; font-weight:400; }
html body #bo_v.jn-board .jn-view-meta time { font-variant-numeric:tabular-nums; }
html body #bo_v.jn-board .jn-view-meta>a { color:#8b96a7; }
html body #bo_v.jn-board #bo_v_top { flex:0 0 auto; float:none; width:auto; max-width:100%; margin:0 0 0 auto; }
html body #bo_v.jn-board #bo_v_top>.btn_bo_user { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:8px; margin:0; padding:0; word-break:normal; }
html body #bo_v.jn-board #bo_v_top>.btn_bo_user>li { flex:0 0 auto; width:auto; min-width:0; margin:0; padding:0; float:none; background:transparent; }
html body #bo_v.jn-board #bo_v_top :is(a.btn,button.btn) { display:inline-flex; align-items:center; justify-content:center; gap:7px; width:auto; min-width:72px; height:40px; padding:0 14px; border:1px solid #dfe6ef; border-radius:9px; background:#fff; color:#52647c; font-size:13px; font-weight:500; line-height:1; white-space:nowrap; word-break:normal; writing-mode:horizontal-tb; }
html body #bo_v.jn-board #bo_v_top .jn-button-label { display:inline-block; flex-shrink:0; white-space:nowrap; }
html body #bo_v.jn-board #bo_v_top a[title="글쓰기"] { min-width:92px; color:#fff; background:#2563eb; border-color:#2563eb; }
html body #bo_v.jn-board #bo_v_top a[title="글쓰기"]:hover { background:#1d4ed8; border-color:#1d4ed8; }
html body #bo_v.jn-board #bo_v_top button.btn_more_opt { min-width:40px; width:40px; padding:0; }
html body #bo_v.jn-board #bo_v_top .more_opt { min-width:140px; padding:6px; }
html body #bo_v.jn-board #bo_v_top .more_opt>li { float:none; width:auto; margin:0; padding:0; }
html body #bo_v.jn-board #bo_v_top .more_opt a { display:block; padding:10px 12px; white-space:nowrap; }
html body #bo_v.jn-board #bo_v_atc { margin:0; padding:0; }
html body #bo_v.jn-board #bo_v_con { min-height:0; padding:0; margin:0 0 30px; font-size:16px; line-height:1.9; }
html body #bo_v.jn-board #bo_v_img { margin:0 0 24px; }
html body #bo_v.jn-board #bo_v_img img { display:block; max-width:100%; height:auto; margin:0 auto 20px; border-radius:10px; }
html body #bo_v.jn-board #bo_v_share { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; margin:20px 0 28px; padding:0; }
html body #bo_v.jn-board #bo_v_share::after { display:none; }
html body #bo_v.jn-board #bo_v_share .btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; width:auto; min-width:82px; height:36px; padding:0 12px; border:1px solid #e2e8f0; border-radius:8px; color:#7a889b; font-size:12px; white-space:nowrap; }
html body #bo_v.jn-board #bo_v_share:empty { display:none; }
@media(max-width:767px) {
  html body #bo_v.jn-board { padding:0; border:0; border-radius:0; }
  html body #bo_v.jn-board>header { padding-top:22px; }
  html body #bo_v.jn-board #bo_v_title .bo_v_tit { font-size:23px; line-height:1.5; }
  html body #bo_v.jn-board #bo_v_info { display:flex; flex-direction:column; align-items:stretch; padding:16px 0 20px; margin-bottom:24px; gap:18px; }
  html body #bo_v.jn-board .jn-view-meta { gap:6px 14px; font-size:12px; }
  html body #bo_v.jn-board #bo_v_top { width:100%; margin:0; }
  html body #bo_v.jn-board #bo_v_top>.btn_bo_user { justify-content:flex-end; gap:6px; }
  html body #bo_v.jn-board #bo_v_top :is(a.btn,button.btn) { height:38px; min-width:68px; padding:0 12px; }
  html body #bo_v.jn-board #bo_v_top button.btn_more_opt { min-width:38px; width:38px; padding:0; }
  html body #bo_v.jn-board #bo_v_con { font-size:15px; }
}
/* Refined list layout: one heading, inline search, stable text buttons. */
html body :is(#bo_list,#bo_gall).jn-board { padding:8px 0 0; }
html body :is(#bo_list,#bo_gall).jn-board .jn-board-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:0; margin:0 0 36px; border:0; }
html body .jn-board .jn-board-intro { min-width:0; }
html body :is(#bo_list,#bo_gall).jn-board .jn-board-heading h2 { font-size:32px; line-height:1.3; letter-spacing:-.05em; color:#172b4d; font-weight:800; }
html body .jn-board .jn-board-heading p { margin-top:10px; font-size:15px; color:#7a889b; }
html body .jn-board .jn-board-search { display:flex; align-items:center; flex-shrink:0; width:390px; max-width:100%; height:48px; border:1px solid #dde4ed; border-radius:12px; background:#fff; overflow:hidden; }
html body .jn-board .jn-board-search:focus-within { border-color:#6496f2; box-shadow:0 0 0 3px #2563eb0a; }
html body .jn-board .jn-board-search select { width:94px; min-width:0; height:26px; padding:0 10px; margin:0; border:0; border-right:1px solid #e8edf3; background:#fff; font-size:13px; color:#53647b; box-shadow:none; }
html body .jn-board .jn-board-search input[type=search] { min-width:0; width:0; flex:1; height:100%; margin:0; padding:0 14px; border:0; border-radius:0; background:#fff; box-shadow:none; font-size:14px; color:#172b4d; }
html body .jn-board .jn-board-search input::placeholder { color:#9aa5b5; }
html body .jn-board .jn-board-search button { display:grid; place-items:center; flex:0 0 46px; height:46px; padding:0; border:0; background:#fff; color:#64748b; }
html body .jn-board .jn-board-search button:hover { background:#f5f8fd; color:#2563eb; }
html body .jn-board .jn-list-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 18px; min-height:44px; }
html body .jn-board .jn-list-toolbar #bo_list_total { display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin:0; color:#64748b; font-size:14px; }
html body .jn-board #bo_list_total strong { font-size:15px; font-weight:700; }
html body .jn-board .jn-page-number { margin-left:10px; padding-left:14px; border-left:1px solid #e2e8f0; color:#9aa5b5; font-size:12px; }
html body .jn-board .jn-list-actions { display:flex; align-items:center; flex-wrap:nowrap; gap:8px; margin:0; padding:0; }
html body .jn-board .jn-list-actions>li { width:auto; float:none; list-style:none; margin:0; padding:0; }
html body .jn-board .jn-list-actions .jn-tool-button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:40px; height:42px; margin:0; padding:0; border:1px solid #e2e8f0; border-radius:10px; background:white; color:#7b8a9e; line-height:1; font-size:12px; }
html body .jn-board .jn-list-actions .jn-tool-button:hover { background:#f8fafc; color:#2563eb; border-color:#b8cef5; }
html body .jn-board .jn-list-actions .jn-write-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; min-width:106px; height:42px; margin:0; padding:0 18px; border:1px solid #2563eb; border-radius:10px; background:#2563eb; color:#fff; font-size:14px; font-weight:600; line-height:1; white-space:nowrap; writing-mode:horizontal-tb; }
html body .jn-board .jn-write-button:hover { background:#1d4ed8; border-color:#1d4ed8; }
html body .jn-board .jn-write-button svg { display:block; flex-shrink:0; }
html body .jn-board .jn-list-actions .more_opt { min-width:140px; padding:6px; }
html body .jn-board .jn-list-actions .more_opt>li { width:auto; min-width:0; padding:0; }
html body .jn-board .jn-mobile-tools { display:none; }
html body #bo_list.jn-board .tbl_head01 { border:0; border-top:1px solid #b6c4d6; border-radius:0; }
html body #bo_list.jn-board .tbl_head01 table { table-layout:auto; border-collapse:separate; border-spacing:0; }
html body #bo_list.jn-board thead th { background:#f6f8fb; height:56px; padding:16px 12px; color:#65758c; font-size:13px; border-bottom:1px solid #e4eaf2; font-weight:500; }
html body #bo_list.jn-board thead th:first-child,html body #bo_list.jn-board thead th:last-child { border-radius:0; }
html body #bo_list.jn-board tbody td { height:82px; padding:24px 12px; border-bottom:1px solid #edf0f5; background:#fff; color:#8591a2; font-size:13px; vertical-align:middle; }
html body #bo_list.jn-board tbody tr:last-child td { border-bottom:1px solid #dce4ed; }
html body #bo_list.jn-board tbody .even td { background:#fff; }
html body #bo_list.jn-board tbody tr:hover td { background:#f9fbff; }
html body #bo_list.jn-board tbody tr.bo_notice td { background:#f6f9ff!important; }
html body #bo_list.jn-board .td_subject { padding-right:24px; }
html body #bo_list.jn-board .bo_tit { gap:8px; }
html body #bo_list.jn-board .bo_tit>a { font-size:16px; line-height:1.6; font-weight:600; letter-spacing:-.02em; }
html body #bo_list.jn-board .td_name { width:125px; text-align:center; font-size:13px; }
html body #bo_list.jn-board .td_num { width:72px; text-align:center; }
html body #bo_list.jn-board .td_num2 { width:72px; text-align:center; color:#9aa5b5; font-size:13px; }
html body #bo_list.jn-board .td_datetime { width:110px; text-align:center; font-size:13px; white-space:nowrap; }
html body #bo_list.jn-board .notice_icon { min-width:40px; padding:2px 9px; font-size:11px; font-weight:600; line-height:23px; border-radius:6px; background:#e7efff; color:#3c70d5; }
html body #bo_list.jn-board .bo_cate_link { float:none; margin-right:0; background:transparent; padding:0; color:#6583af; font-size:12px; font-weight:500; }
html body #bo_list.jn-board .bo_tit .new_icon { width:17px; height:17px; margin:0; border:0; border-radius:5px; background:#e8f5ee; color:#48a776; font-size:10px; font-weight:700; line-height:17px; }
html body .jn-board .jn-list-footer { margin-top:24px; text-align:right; }
html body .jn-board .jn-list-footer>a { color:#64748b; font-size:13px; }
html body .jn-board .jn-list-footer>a:hover { color:#2563eb; }
html body .jn-board .pg_wrap { margin-top:32px; }
html body .jn-board .pg_page,html body .jn-board .pg_current { border-radius:9px; width:36px; height:36px; }
@media(max-width:1023px) {
  html body :is(#bo_list,#bo_gall).jn-board .jn-board-heading { gap:20px; }
  html body .jn-board .jn-board-search { width:330px; }
}
@media(max-width:767px) {
  html body :is(#bo_list,#bo_gall).jn-board .jn-board-heading { display:flex; flex-direction:column; align-items:stretch; gap:22px; margin-bottom:24px; }
  html body :is(#bo_list,#bo_gall).jn-board .jn-board-heading h2 { font-size:27px; }
  html body .jn-board .jn-board-heading p { margin-top:8px; font-size:13px; }
  html body .jn-board .jn-board-search { width:100%; height:46px; }
  html body .jn-board .jn-list-toolbar { gap:10px; flex-wrap:wrap; margin-bottom:14px; }
  html body .jn-board .jn-list-toolbar #bo_list_total { font-size:13px; }
  html body .jn-board .jn-page-number { display:none; }
  html body .jn-board .jn-list-actions { margin-left:auto; gap:6px; }
  html body .jn-board .jn-list-actions .jn-tool-button { width:36px; height:38px; }
  html body .jn-board .jn-list-actions .jn-write-button { min-width:94px; height:38px; padding:0 12px; font-size:13px; }
  html body .jn-board .jn-mobile-tools { display:flex; margin:0 0 14px; padding:0; font-size:12px; }
  html body #bo_list.jn-board .tbl_head01 { border:0; }
  html body #bo_list.jn-board tbody tr { padding:20px; margin-bottom:12px; border:1px solid #e4eaf2; border-radius:14px; }
  html body #bo_list.jn-board tbody td,html body #bo_list.jn-board tbody tr:last-child td { height:auto; padding:0; border:0; background:transparent; }
  html body #bo_list.jn-board tbody .even td,html body #bo_list.jn-board tbody tr:hover td { background:transparent; }
  html body #bo_list.jn-board tbody tr.bo_notice td { background:transparent!important; }
  html body #bo_list.jn-board .bo_tit>a { font-size:15px; }
  html body #bo_list.jn-board tbody .td_subject { padding:7px 0 10px!important; }
  html body #bo_list.jn-board .td_name,html body #bo_list.jn-board .td_num,html body #bo_list.jn-board .td_num2,html body #bo_list.jn-board .td_datetime { width:auto; text-align:left; font-size:12px; }
  html body #bo_list.jn-board tbody td[data-label] { color:#8b96a7; }
  html body #bo_list.jn-board tbody .empty_table { padding:48px 0; }
}