@charset "utf-8";

/* ===== 세별교육 게시판 스킨 ===== */

/* 기본 변수 */
:root {
    --primary: #E8453C;
    --primary-dark: #C93830;
    --orange: #FF6B35;
    --dark: #333333;
    --text: #333333;
    --text-light: #666666;
    --text-muted: #999999;
    --border: #E0E0E0;
    --border-light: #EEEEEE;
    --bg: #F5F5F5;
    --bg-light: #FAFAFA;
    --white: #FFFFFF;
}

/* ===== 게시판 컨테이너 ===== */
#container {max-width:1200px;margin:0 auto;padding:0 20px}
#contents {padding:40px 0}

/* 서브 비주얼 */
.sub-visual-board {background:linear-gradient(135deg, #E8453C 0%, #FF6B35 50%, #FFB347 100%);padding:60px 0;text-align:center;margin:0 calc(-50vw + 50%);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.sub-visual-board .sv-inner {max-width:1200px;margin:0 auto;padding:0 20px}
.sub-visual-board .page-title {font-size:36px;font-weight:900;color:#fff;margin-bottom:10px}
.sub-visual-board .breadcrumb {font-size:14px;color:rgba(255,255,255,0.9)}
.sub-visual-board .breadcrumb a {color:rgba(255,255,255,0.8)}
.sub-visual-board .breadcrumb a:hover {color:#fff}

/* ===== 게시판 목록 ===== */
#bo_list {position:relative; padding: 0 10px;margin-bottom:20px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list table {width:100%;border-collapse:collapse}
#bo_list thead th {background:#f8f9fa;padding:15px 10px;font-size:13px;font-weight:600;color:#666;border-bottom:2px solid var(--primary)}
#bo_list tbody td {padding:15px 10px;border-bottom:1px solid var(--border-light);font-size:14px;color:var(--text)}
#bo_list tbody tr {border-left:3px solid transparent;transition:all 0.2s}
#bo_list tbody tr:hover {background:var(--bg-light);border-left:3px solid var(--primary)}
#bo_list tbody .even td {background:#fcfcfc}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:100px;text-align:center;color:var(--text-muted);font-size:13px}
#bo_list .td_datetime {width:100px;text-align:center;color:var(--text-muted);font-size:13px}
#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:100px;text-align:center;padding:10px 0}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:60px;text-align:center;color:var(--text-muted);font-size:13px}
#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_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:8px 20px;border-radius:30px;border:1px solid var(--border);color:var(--text-light);font-size:14px;transition:all 0.2s}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:var(--primary);color:#fff;border-color:var(--primary)}
#bo_cate #bo_cate_on {background:var(--primary);color:#fff;font-weight:bold;border-color:var(--primary);box-shadow:0 3px 10px rgba(232,69,60,0.3)}
.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;cursor:pointer}
.chk_box input[type="checkbox"] + label:hover {color:var(--primary)}
.chk_box input[type="checkbox"] + label span {float:left;width:18px;height:18px;display:block;background:#fff;border:2px solid var(--border);border-radius:4px;transition:all 0.2s}
.chk_box input[type="checkbox"]:checked + label {color:var(--primary)}
.chk_box input[type="checkbox"]:checked + label span {background:var(--primary);border-color:var(--primary)}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:25px}
.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}

/* 상단 버튼 영역 */
#bo_btn_top {margin:15px 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_list_total {float:left;line-height:40px;font-size:14px;color:var(--text-light)}
#bo_list_total strong {color:var(--primary);font-weight:700}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user:after {display:block;visibility:hidden;clear:both;content:""}
.btn_bo_user li {float:left;margin-left:5px;list-style:none;padding:0;border:none;background:none}
.btn_bo_user li a, .btn_bo_user li button {display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:#fff;border:1px solid var(--border);border-radius:5px;font-size:13px;color:var(--text-light);transition:all 0.2s;cursor:pointer;text-decoration:none}
.btn_bo_user li a:hover, .btn_bo_user li button:hover {border-color:var(--primary);color:var(--primary);background:#fff}
.btn_bo_user li a i, .btn_bo_user li button i {font-size:14px}
.btn_bo_user li a span, .btn_bo_user li button span {margin-left:5px}
.btn_bo_adm {float:left;margin:0;padding:0;list-style:none}
.btn_bo_adm:after {display:block;visibility:hidden;clear:both;content:""}
.btn_bo_adm li {float:left;margin-right:5px;list-style:none}
.btn_bo_adm input {padding:10px 15px;border:1px solid var(--border);background:#fff;color:var(--text-light);border-radius:5px;cursor:pointer;transition:all 0.2s}
.btn_bo_adm input:hover {border-color:var(--primary);color:var(--primary)}

/* 공지사항 */
.bo_notice td {background:#fff9fa !important;border-bottom:1px solid #fce8ec}
.bo_notice td a {font-weight:bold;color:var(--primary)}
.bo_notice .notice_icon {display:inline-block;padding:3px 10px;border-radius:15px;font-weight:bold;color:#fff;background:var(--primary);font-size:11px;margin-right:5px}

/* 더보기 옵션 */
.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid var(--border);border-radius:8px;z-index:999;box-shadow:0 5px 20px rgba(0,0,0,0.1);overflow:hidden}
.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 var(--border) 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 var(--border-light);padding:12px 15px;float:inherit;width:100px;margin:0;color:var(--text-light);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:var(--text-light);cursor:pointer}
.more_opt li:hover {background:var(--bg-light)}
.more_opt li:hover a, .more_opt li:hover button {color:var(--primary)}

/* 글 제목 스타일 */
.td_num strong {color:var(--primary);font-weight:700}
.bo_cate_link {float:left;display:inline-block;margin-right:10px;background:rgba(232,69,60,0.1);color:var(--primary);font-weight:600;height:24px;line-height:24px;padding:0 12px;border-radius:12px;font-size:12px}
.bo_cate_link:hover {text-decoration:none;background:var(--primary);color:#fff}
.bo_tit {display:block;color:var(--text);font-weight:500;transition:color 0.2s}
.bo_tit:hover {color:var(--primary)}
.bo_current {color:var(--primary) !important}
#bo_list .profile_img img {border-radius:50%;width:30px;height:30px}
#bo_list .cnt_cmt {background:var(--primary);color:#fff;font-size:11px;height:18px;line-height:18px;padding:0 6px;border-radius:9px;vertical-align:middle;margin-left:5px;font-weight:600}

/* 아이콘 스타일 */
#bo_list .bo_tit .title_icon {margin-right:3px}
#bo_list .bo_tit .fa-heart {color:#ff0000}
#bo_list .bo_tit .fa-lock {display:inline-block;line-height:16px;width:18px;font-size:11px;color:#fff;background:var(--text-muted);text-align:center;border-radius:3px;vertical-align:middle}
#bo_list .bo_tit .new_icon {display:inline-block;width:50px;line-height:18px;font-size:10px;color:#fff;background:var(--primary);text-align:center;border-radius:3px;margin-left:5px;font-weight:bold;vertical-align:middle}
#bo_list .bo_tit .hot_icon {display:inline-block;width:18px;line-height:18px;font-size:10px;color:#fff;background:var(--orange);text-align:center;border-radius:3px;vertical-align:middle}
#bo_list .bo_tit .fa-caret-right {color:#bbb}
#bo_list .bo_tit .fa-download {display:inline-block;width:18px;line-height:18px;font-size:10px;color:#fff;background:#4A90D9;text-align:center;border-radius:3px;margin-left:5px;vertical-align:middle}
#bo_list .bo_tit .fa-link {display:inline-block;width:18px;line-height:18px;font-size:10px;color:#fff;background:#8E44AD;text-align:center;border-radius:3px;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:400px;max-height:350px;margin-left:-200px;margin-top:-175px;overflow-y:auto;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,0.2);border:1px solid var(--border)}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:20px;border-bottom:1px solid var(--border-light);font-size:18px;font-weight:700;color:var(--dark)}
.bo_sch form {padding:20px;display:block}
.bo_sch select {border:0;width:100%;height:45px;border:1px solid var(--border);border-radius:8px;padding:0 15px;font-size:14px}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.bo_sch .sch_input {width:calc(100% - 50px);height:45px;border:0;padding:0 15px;background-color:transparent;float:left;font-size:14px}
.bo_sch .sch_btn {height:45px;float:right;color:#fff;background:var(--primary);border:0;width:50px;font-size:16px;cursor:pointer}
.bo_sch .sch_btn:hover {background:var(--primary-dark)}
.bo_sch .bo_sch_cls {position:absolute;right:10px;top:10px;color:var(--text-muted);border:0;padding:10px;font-size:18px;background:#fff;cursor:pointer}
.bo_sch .bo_sch_cls:hover {color:var(--primary)}
.bo_sch_bg {background:rgba(0,0,0,0.5);width:100%;height:100%}

/* ===== 게시판 쓰기 ===== */
#bo_w {background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
#char_count_desc {display:block;margin:0 0 5px;padding:0;color:var(--text-muted);font-size:13px}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold;color:var(--primary)}

/* 자동저장 팝업 */
#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:40px;right:0;width:350px;height:auto !important;max-height:200px;border:1px solid var(--border);background:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1)}
#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 var(--border) 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}
#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 var(--border-light);list-style:none;overflow-y:auto;height:130px;border-bottom:1px solid var(--border-light)}
#autosave_pop li {padding:10px;border-bottom:1px solid var(--border-light);background:var(--bg-light);border-radius:5px;margin-bottom:5px;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left;color:var(--text)}
#autosave_pop a:hover {color:var(--primary)}
#autosave_pop span {display:block;float:right;font-size:12px;color:var(--text-muted)}
.autosave_close {cursor:pointer;width:100%;height:40px;background:none;color:var(--text-light);font-weight:bold;font-size:13px;border-radius:0 0 10px 10px}
.autosave_close:hover {background:var(--bg-light);color:var(--primary)}

/* ===== 게시판 읽기 ===== */
#bo_v {margin-bottom:20px;background:#fff;box-sizing:border-box;border-radius:10px;padding:30px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 10px;height:28px;background:var(--primary);color:#fff;font-weight:bold;line-height:28px;border-radius:0 0 5px 5px}

#bo_v_title {}
#bo_v_title .bo_v_cate {display:inline-block;line-height:24px;background:rgba(232,69,60,0.1);color:var(--primary);padding:0 15px;border-radius:12px;font-size:13px;font-weight:600}
#bo_v_title .bo_v_tit {display:block;font-size:28px;font-weight:700;margin:15px 0 0;word-break:break-all;color:var(--dark);line-height:1.4}

#bo_v_info {margin:0;padding:20px 0;border-bottom:1px solid var(--border-light);color:var(--text-light)}
#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:0;display:inline-block;float:left}
#bo_v_info .profile_info .pf_img {float:left;margin-right:12px}
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:20px}

#bo_v_info strong {display:inline-block;margin:0 15px 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:700;color:var(--dark)}
#bo_v_info .profile_img {display:none}
#bo_v_info .if_date {margin:0;color:var(--text-muted);font-size:13px}

/* 첨부파일 */
#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 20px;position:relative;margin:15px 0;border:1px solid var(--border);border-radius:10px;transition:all 0.2s}
#bo_v_file li:hover {border-color:var(--primary);background:rgba(232,69,60,0.02)}
#bo_v_file li i {float:left;color:var(--text-muted);font-size:24px;margin-right:15px}
#bo_v_file li:hover i {color:var(--primary)}
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:var(--text)}
#bo_v_file a:focus, #bo_v_file li:hover a {color:var(--primary)}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:var(--text-muted);font-size:12px;margin-left:5px}
#bo_v_file li:hover .bo_v_file_cnt {color:var(--primary)}

/* 관련링크 */
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link li {padding:15px 20px;position:relative;margin:15px 0;border:1px solid var(--border);border-radius:10px;transition:all 0.2s}
#bo_v_link li:hover {border-color:var(--primary);background:rgba(232,69,60,0.02)}
#bo_v_link li i {float:left;color:var(--text-muted);font-size:24px;margin-right:15px}
#bo_v_link li:hover i {color:var(--primary)}
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:var(--text)}
#bo_v_link a:focus, #bo_v_link li:hover a {color:var(--primary)}
#bo_v_link .bo_v_link_cnt {color:var(--text-muted);font-size:12px;margin-left:5px}
#bo_v_link li:hover .bo_v_link_cnt {color:var(--primary)}

#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:30px 0;clear:both;text-align:left;background:var(--bg-light);border-radius:10px;overflow:hidden}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {padding:15px 20px;border-bottom:1px solid var(--border-light);transition:background 0.2s}
.bo_v_nb li:last-child {border-bottom:0}
.bo_v_nb li:hover {background:var(--bg)}
.bo_v_nb li i {font-size:13px;color:var(--text-muted)}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:var(--text-muted);font-weight:600;min-width:60px}
.bo_v_nb li a {color:var(--text)}
.bo_v_nb li a:hover {color:var(--primary)}
.bo_v_nb li .nb_date {float:right;color:var(--text-muted);font-size:13px}

/* 본문 내용 */
#bo_v_atc {min-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;border-radius:5px}

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

/* 추천/비추천 */
#bo_v_act {margin:40px 0;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:10px;vertical-align:middle;color:var(--text-light)}
#bo_v_act a:hover {color:var(--primary)}
#bo_v_act i {font-size:1.4em;margin-right:5px}
#bo_v_act .bo_v_good, #bo_v_act .bo_v_nogood {display:inline-block;border:2px solid var(--border);padding:15px 30px;border-radius:50px;transition:all 0.2s;font-size:15px}
#bo_v_act .bo_v_good:hover {border-color:var(--primary);color:var(--primary);background:rgba(232,69,60,0.05)}
#bo_v_act .bo_v_nogood:hover {border-color:var(--text-muted);color:var(--text-muted);background:var(--bg-light)}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:60px;left:50%;transform:translateX(-50%);z-index:9999;padding:15px 20px;background:var(--primary);color:#fff;text-align:center;border-radius:8px}

/* SNS 공유 */
#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;margin-right:8px}
#bo_v_sns li a {display:block;height:40px;line-height:40px;text-align:center;border-radius:8px;color:#fff;font-size:13px;padding:0 20px}
#bo_v_sns li .sns_f {background:#3b5997}
#bo_v_sns li .sns_t {background:#09aeee}
#bo_v_sns li .sns_g {background:#ea4026}
#bo_v_sns li .sns_k {background:#fbe300;color:#3c1e1e}

#bo_v_share {position:relative;padding:20px 0;border-top:1px solid var(--border-light);margin-top:20px}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0 15px;color:var(--text-light);font-weight:500;font-size:14px;line-height:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:#fff;transition:all 0.2s}
#bo_v_share .btn:hover {background:#fff;border-color:var(--primary);color:var(--primary)}
#bo_v_share .btn i {margin-right:8px;vertical-align:middle}

/* ===== 댓글 ===== */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:2px solid var(--primary);background:#fff;font-weight:bold;margin:40px 0 0;padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:16px;color:var(--primary)}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;margin-top:5px}
.cmt_btn b {font-size:18px;color:var(--dark)}

#bo_vc {background:#fff}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:0;padding:20px 0;position:relative;border-bottom:1px solid var(--border-light)}
#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:15px}
#bo_vc article .pf_img img {border-radius:50%;width:45px;height:45px}
#bo_vc article .cm_wrap {float:left;max-width:calc(100% - 60px);width:calc(100% - 60px)}
#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:700;color:var(--dark)}
.bo_vc_hdinfo {color:var(--text-muted);font-size:13px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8;padding:10px 0 0;color:var(--text);font-size:14px}
#bo_vc p a {text-decoration:underline;color:var(--primary)}
#bo_vc p a.s_cmt {color:var(--primary)}
#bo_vc_empty {margin:0;padding:60px 0 !important;color:var(--text-muted);text-align:center;font-size:14px}
#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:80px;text-align:left;border:1px solid var(--border);margin:0;list-style:none;background:#fff;zoom:1;z-index:9999;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:10px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent var(--border) transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:10px;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 var(--border-light)}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:block;padding:12px 15px;color:var(--text-light);font-size:13px}
.bo_vc_act li a:hover {color:var(--primary);background:var(--bg-light)}

/* 댓글 작성 */
.bo_vc_w {position:relative;margin:20px 0;display:block;background:var(--bg-light);border-radius:10px;padding:20px}
.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 10px;color:var(--text-muted);font-size:13px}
.bo_vc_w textarea {border:1px solid var(--border);background:#fff;color:var(--text);vertical-align:middle;border-radius:8px;padding:15px;width:100%;height:120px;font-size:14px;line-height:1.6;resize:vertical}
.bo_vc_w textarea:focus {outline:none;border-color:var(--primary)}
#wr_secret {}
.bo_vc_w_info {margin:15px 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:10px;padding:10px 15px;border:1px solid var(--border);border-radius:5px;font-size:14px}
.bo_vc_w_info .frm_input:focus {outline:none;border-color:var(--primary)}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;margin-top:15px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:15px;font-size:14px}
.bo_vc_w .btn_submit {height:45px;padding:0 30px;border-radius:8px;font-weight:600;font-size:14px;background:var(--primary);color:#fff;border:none;cursor:pointer;transition:background 0.2s}
.bo_vc_w .btn_submit:hover {background:var(--primary-dark)}
.bo_vc_w .btn_confirm .secret_cm label {font-size:14px !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

/* 댓글 SNS */
#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:5px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:5px;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;color:#fff}
#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 15px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline;font-size:14px;color:var(--text-light)}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:8px}
#bo_w .write_div {margin:15px 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:10px;padding:12px 15px;border:1px solid var(--border);border-radius:8px;font-size:14px}
#bo_w .bo_w_info .frm_input:focus {outline:none;border-color:var(--primary)}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:10px}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {width:100%;padding:15px;padding-right:120px;border:1px solid var(--border);border-radius:8px;font-size:15px}
#bo_w .bo_w_tit .frm_input:focus {outline:none;border-color:var(--primary)}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:8px;right:8px;line-height:34px;height:34px;padding:0 15px;background:var(--bg-light);border:1px solid var(--border);border-radius:5px;color:var(--text-light);font-size:13px;cursor:pointer}
#bo_w .bo_w_tit #btn_autosave:hover {border-color:var(--primary);color:var(--primary)}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:8px 0 0 8px;height:48px;line-height:48px;width:100px;font-size:18px;text-align:center;color:var(--text-muted);background:var(--bg-light)}
#bo_w .bo_w_link .frm_input {padding-left:60px;width:100%;height:50px;border:1px solid var(--border);border-radius:8px;font-size:14px}
#bo_w .bo_w_link .frm_input:focus {outline:none;border-color:var(--primary)}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:8px 0 0 8px;height:48px;line-height:50px;width:100px;font-size:18px;text-align:center;color:var(--text-muted);background:var(--bg-light)}
#bo_w .bo_w_flie .frm_file {padding-left:100px;margin-top:5px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid var(--border);background:#fff;vertical-align:middle;border-radius:8px;padding:10px 15px;height:50px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:15px;right:15px;font-size:13px;color:var(--text-muted)}
#bo_w .bo_w_flie .file_del:hover {color:var(--primary)}
#bo_w .bo_w_select select {border:1px solid var(--border);width:100%;height:50px;border-radius:8px;padding:0 15px;font-size:14px}
#bo_w .bo_w_select select:focus {outline:none;border-color:var(--primary)}
#bo_w .btn_submit {padding:0 40px;font-size:16px;height:50px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background 0.2s}
#bo_w .btn_submit:hover {background:var(--primary-dark)}
#bo_w .btn_cancel {    padding:16px 40px;
    font-size: 16px;
    height: 50px;
    background: #eee;
    color: #555;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;}
#bo_w .btn_cancel:hover {border-color:var(--primary);color:var(--primary)}

/* ===== 버튼 공통 ===== */
.btn_b01 {display:inline-block;padding:12px 25px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.2s}
.btn_b01:hover {background:var(--primary-dark);text-decoration:none;color:#fff}
.btn_b02 {display:inline-block;padding:12px 25px;background:#fff;color:var(--text-light);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s}
.btn_b02:hover {border-color:var(--primary);color:var(--primary);text-decoration:none}







	
	
	/* half_input 기본 너비 */
.half_input {width:calc(50% - 5px);box-sizing:border-box}
.btn_confirm {display:flex;gap:10px;justify-content:center}




/* ===== 반응형 ===== */
@media (max-width: 1024px) {
    #container {padding:0 15px}
    #bo_list .td_group, #bo_list .td_mb_id {display:none}
    #bo_v {padding:25px}
    #bo_w {padding:25px}
}

@media (max-width: 768px) {
    #contents {padding:25px 0}
    #bo_list thead th {padding:12px 5px;font-size:12px}
    #bo_list tbody td {padding:12px 5px;font-size:13px}
    #bo_list .td_num, #bo_list .td_date, #bo_list .td_datetime {display:none}
    #bo_list .td_name {width:80px;font-size:12px}
    #bo_btn_top {margin:10px 0}
    #bo_list_total {font-size:12px;line-height:35px}
    .btn_bo_user li a, .btn_bo_user li button {min-width:35px;height:35px;padding:0 10px;font-size:12px}
    .btn_bo_user li a span, .btn_bo_user li button span {display:none}
    #bo_v {padding:20px}
    #bo_v_title {padding:20px 15px}
    #bo_v_title .bo_v_tit {font-size:18px}
    #bo_v_info {padding:10px 15px}
    #bo_v_info span {font-size:11px;padding:0 8px}
    #bo_v_atc {padding:15px}
    .bo_vc_w {padding:15px}
    #bo_w {padding:20px}
    #bo_w .bo_w_info .frm_input {float:none;width:100%;margin-left:0 !important}
    #bo_w #wr_password, #bo_w #wr_homepage {margin-left:0}
    #bo_v_sns li {margin-bottom:5px}
    #bo_v_act .bo_v_good, #bo_v_act .bo_v_nogood {padding:12px 20px;font-size:14px}
    .sub-visual-board {padding:40px 0}
    .sub-visual-board .page-title {font-size:28px}
    #bo_cate a {padding:6px 15px;font-size:13px}
	
	
	
	#bo_w .half_input {float:none;width:100%;margin-left:0 !important;margin-bottom:10px}
#bo_w .bo_w_link label, #bo_w .bo_w_flie .lb_icon {width:50px;font-size:14px}
#bo_w .bo_w_link .frm_input {padding-left:55px}
#bo_w .bo_w_flie .frm_file {padding-left:55px}
#bo_w .bo_v_option li {margin:0 10px 10px 0}
#autosave_pop {width:280px}
	
	
	
	
	
	
}

@media (max-width: 480px) {
    #contents {padding:20px 0}
    #bo_list thead th {padding:10px 3px;font-size:11px}
    #bo_list tbody td {padding:10px 3px;font-size:12px}
    #bo_list .td_name {width:60px;font-size:11px}
    #bo_list_total {display:none}
    .btn_bo_user li {margin-left:3px}
    .btn_bo_user li a, .btn_bo_user li button {min-width:32px;height:32px;padding:0 8px;font-size:11px}
    #bo_v {padding:15px}
    #bo_v_title {padding:15px 12px}
    #bo_v_title .bo_v_tit {font-size:16px;line-height:1.4}
    #bo_v_info {flex-wrap:wrap}
    #bo_v_info span {padding:0 5px;font-size:10px}
    #bo_v_atc {padding:12px}
    .bo_vc_w {padding:12px}
    #bo_w {padding:15px}
    #bo_w .bo_w_tit .frm_input {padding:12px;font-size:14px;padding-right:80px}
    #bo_w .bo_w_tit #btn_autosave {padding:0 10px;font-size:11px;height:30px;line-height:30px;top:6px}
    #bo_w .btn_submit, #bo_w .btn_cancel {height:45px;font-size:14px}
    .btn_b01, .btn_b02 {padding:10px 20px;font-size:13px}
    .sub-visual-board {padding:30px 0}
    .sub-visual-board .page-title {font-size:22px}
    .sub-visual-board .breadcrumb {font-size:12px}
    #bo_cate a {padding:5px 12px;font-size:12px}
    #bo_cate li {padding:1px}
	
	
	
	#bo_w .btn_confirm {flex-direction:column}
#bo_w .btn_submit, #bo_w .btn_cancel {width:100%;padding:14px 0;text-align:center}
#bo_w .bo_w_link label, #bo_w .bo_w_flie .lb_icon {width:40px;font-size:12px}
#bo_w .bo_w_link .frm_input {padding-left:45px}
#bo_w .bo_w_flie .frm_file {padding-left:45px}
#bo_w .bo_v_option li {display:block;margin-bottom:8px}
#autosave_pop {width:calc(100vw - 40px);right:-10px}
#bo_w .bo_w_select select {height:45px;font-size:13px}
	
	
	
}



/* 에디터/내용 영역 */
.write_section_label { display: block; font-size: 13px; font-weight: 600; color: #555; margin-bottom: 6px; }
.wr_content { margin-bottom: 10px; }
.wr_content iframe { width: 100% !important; }
.wr_content .sound_only { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; }
#char_count_desc { font-size: 12px; color: #999; margin-bottom: 8px; }
#char_count_desc strong { color: #E8453C; }
#char_count_wrap { text-align: right; font-size: 12px; color: #888; margin-top: 5px; }
#char_count_wrap #char_count { font-weight: 700; color: #E8453C; }


.cke_sc{display: none;}