@charset "utf-8";

#container, #wrapper, #bo_list, #bo_v, #bo_w, #bo_vc, #bo_sch,
.new_win, #mb_login, #find_info, #reg, #register_form {
    padding: 0 var(--ct-pad); color: var(--ct-text);
}
#container_title, .new_win_title, #bo_v_title, #reg h1, #mb_login h1 {
    margin: 18px 0 12px; font-size: 19px; font-weight: 800; letter-spacing: -.5px; color: var(--ct-text);
}
.sound_only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.tbl_head01, .tbl_frm01, .tbl_wrap { margin: 12px 0; }
.tbl_head01 table, .tbl_frm01 table { width: 100%; border-collapse: collapse; font-size: 13px; }
.tbl_head01 caption, .tbl_frm01 caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.tbl_head01 th, .tbl_frm01 th {
    padding: 11px 8px; text-align: left; color: var(--ct-text-sub); font-weight: 600;
    background: var(--ct-bg-elev); border-top: 1px solid var(--ct-line); border-bottom: 1px solid var(--ct-line);
}
.tbl_head01 td, .tbl_frm01 td {
    padding: 11px 8px; border-bottom: 1px solid var(--ct-line-soft); color: var(--ct-text); word-break: break-word;
}
.tbl_head01 a, .tbl_frm01 a { color: var(--ct-text); }
.empty_table, .empty_list { padding: 40px 0 !important; text-align: center; color: var(--ct-text-dim); }

input[type="text"], input[type="password"], input[type="email"], input[type="number"],
input[type="tel"], input[type="date"], input[type="search"], select, textarea {
    background: var(--ct-bg-elev); color: var(--ct-text);
    border: 1px solid var(--ct-line); border-radius: var(--ct-radius-sm);
    padding: 10px 12px; font-size: 14px; max-width: 100%;
}
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--ct-primary-2); }
.frm_input { width: 100%; }
.frm_info, .frm_file, label { color: var(--ct-text-sub); font-size: 12px; }
fieldset { border: 1px solid var(--ct-line); border-radius: var(--ct-radius-sm); padding: 12px; margin: 0 0 12px; }
legend { padding: 0 6px; font-size: 12px; color: var(--ct-text-sub); }

.btn_submit, .btn_confirm input[type="submit"], .btn_confirm .btn_submit {
    background: var(--ct-primary); color: #fff; border: 0;
    padding: 12px 18px; border-radius: var(--ct-radius-sm); font-size: 14px; font-weight: 700; cursor: pointer;
}
.btn_cancel, .btn_close, a.btn_cancel, a.btn_close, .btn_frmline, .btn02, a.btn02 {
    display: inline-block; background: var(--ct-bg-elev2); color: var(--ct-text-sub);
    border: 1px solid var(--ct-line); padding: 11px 16px; border-radius: var(--ct-radius-sm);
    font-size: 14px; text-decoration: none;
}
.btn01, a.btn01, .btn_b01, a.btn_b01, .btn_b02, a.btn_b02 {
    display: inline-block; background: var(--ct-bg-elev2); color: var(--ct-text);
    border: 1px solid var(--ct-line); padding: 9px 14px; border-radius: var(--ct-radius-sm);
    font-size: 13px; text-decoration: none;
}
.btn_confirm { margin: 16px 0 28px; text-align: center; }
.btn_bo_user, .bo_v_com, #bo_list_total, .bo_fx { margin: 12px 0; }
.btn_bo_user li, .bo_fx li { display: inline-block; margin-right: 6px; list-style: none; }
.btn_bo_user ul, .bo_fx ul { padding: 0; margin: 0; }

#bo_v_title { font-size: 18px; line-height: 1.4; }
#bo_v_info {
    margin: 8px 0 14px; padding-bottom: 12px; font-size: 12px; color: var(--ct-text-dim);
    border-bottom: 1px solid var(--ct-line);
}
#bo_v_info strong { color: var(--ct-text-sub); font-weight: 600; }
#bo_v_con { padding: 6px 0 24px; font-size: 15px; line-height: 1.75; word-break: break-word; }
#bo_v_con img { max-width: 100%; height: auto; border-radius: var(--ct-radius-sm); }
#bo_v_file li, #bo_v_link li { list-style: none; margin: 4px 0; font-size: 13px; }
#bo_v_file ul, #bo_v_link ul { padding: 0; margin: 8px 0; }
#bo_v_top, #bo_v_bot { margin: 10px 0; }

.bo_v_act, #bo_v_act { margin: 10px 0 20px; text-align: center; }
.bo_v_act a, #bo_v_act a {
    display: inline-block; padding: 10px 18px; margin: 0 4px;
    border: 1px solid var(--ct-line); border-radius: var(--ct-radius-pill);
    background: var(--ct-bg-elev); color: var(--ct-text-sub); font-size: 13px; text-decoration: none;
}

#bo_vc { border-top: 1px solid var(--ct-line); padding-top: 8px; }
#bo_vc h2 { font-size: 15px; font-weight: 800; margin: 14px 0 8px; }
#bo_vc article { padding: 14px 0; border-bottom: 1px solid var(--ct-line-soft); }
#bo_vc header { font-size: 12px; color: var(--ct-text-dim); margin-bottom: 6px; }
.cmt_contents { font-size: 14px; line-height: 1.7; color: var(--ct-text); }
#bo_vc_w { margin: 16px 0 30px; }
#bo_vc_w textarea, #wr_content { width: 100%; min-height: 120px; }

#bo_w .write_div { margin-bottom: 12px; }
#bo_w .btn_confirm { text-align: center; }

.pg_wrap { display: flex; justify-content: center; gap: 4px; padding: 18px 0; }
.pg_page, .pg_current, .pg_start, .pg_prev, .pg_next, .pg_end {
    min-width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: var(--ct-radius-sm); font-size: 13px; color: var(--ct-text-sub); text-decoration: none;
}
.pg_current { background: var(--ct-bg-elev2); color: var(--ct-text); font-weight: 800; }

.local_desc01, .local_desc, #bo_cate, .bo_notice td {
    margin: 12px 0; padding: 12px; border-radius: var(--ct-radius-sm);
    background: var(--ct-bg-elev); color: var(--ct-text-sub); font-size: 12px; line-height: 1.6;
}

#hd_login_msg { display: none !important; }

.btn_submit, .btn_cancel, .btn_close, .btn01, .btn02, .btn_b01, .btn_b02, .btn_admin,
#bo_v_top a, #bo_v_bot a, .bo_v_act a, #bo_v_act a {
    white-space: nowrap; line-height: 1.2;
}
#bo_v_top ul, #bo_v_bot ul { margin: 0; }
.btn_confirm input, .btn_confirm a, .btn_confirm button { margin: 0 4px; }

#bo_w{ padding: 18px var(--ct-pad) 28px; }
#bo_w .write_div{ margin-bottom: 14px; }

#bo_w .frm_input,
#bo_w input[type="text"],
#bo_w input[type="password"],
#bo_w select{
    width: 100%; height: 52px; padding: 0 15px; box-sizing: border-box;
    background: var(--ct-bg-elev); border: 1px solid var(--ct-line); border-radius: 12px;
    color: var(--ct-text); font-size: 15px;
    transition: border-color .15s, box-shadow .15s;
}
#bo_w .frm_input:focus,
#bo_w select:focus{ outline: none; border-color: var(--ct-primary-2); box-shadow: 0 0 0 3px rgba(168,85,247,.18); }
#bo_w .frm_input::placeholder{ color: var(--ct-text-dim); }

#bo_w .half_input{ width: 100%; margin-bottom: 10px; }
#bo_w .bo_w_info{ display: block; }

#bo_w textarea, #bo_w .wr_content textarea{
    width: 100%; min-height: 220px; padding: 14px 15px; box-sizing: border-box;
    background: var(--ct-bg-elev); border: 1px solid var(--ct-line); border-radius: 12px;
    color: var(--ct-text); font-size: 15px; line-height: 1.7; resize: vertical;
}
#bo_w textarea:focus{ outline: none; border-color: var(--ct-primary-2); box-shadow: 0 0 0 3px rgba(168,85,247,.18); }

#bo_w .bo_v_option{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; padding: 0; list-style: none; }
#bo_w .chk_box{ margin: 0; }
#bo_w .chk_box label{ display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px;
    border: 1px solid var(--ct-line); border-radius: 999px; background: var(--ct-bg-elev);
    color: var(--ct-text-sub); font-size: 13.5px; cursor: pointer; }
#bo_w .chk_box input{ position: absolute; opacity: 0; width: 0; height: 0; }
#bo_w .chk_box input:checked + label{ border-color: var(--ct-primary); background: var(--ct-primary-soft); color: #fff; }
#bo_w .chk_box label span{ display: none; }

#bo_w .bo_w_flie{ padding: 12px 14px; border: 1px dashed var(--ct-line); border-radius: 12px; background: var(--ct-bg-elev); }
#bo_w .bo_w_flie input[type="file"]{ color: var(--ct-text-sub); font-size: 13px; }

#bo_w .btn_confirm{ display: flex; gap: 10px; margin-top: 20px; }
#bo_w .btn_submit{ flex: 1; height: 52px; border: 0; border-radius: 12px; cursor: pointer;
    background: linear-gradient(135deg, var(--ct-primary), var(--ct-primary-2)); color: #fff;
    font-size: 16px; font-weight: 700; }
#bo_w .btn_cancel{ flex: 0 0 96px; height: 52px; display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--ct-line); border-radius: 12px; background: var(--ct-bg-elev);
    color: var(--ct-text-sub); font-size: 15px; font-weight: 600; }
#bo_w .btn_frmline{ height: 36px; padding: 0 12px; border: 1px solid var(--ct-line); border-radius: 10px;
    background: var(--ct-bg-elev); color: var(--ct-text-sub); font-size: 12.5px; }

#bo_w .frm_info, #bo_w .sound_only + .frm_info{ display: block; margin-top: 6px; font-size: 12px; color: var(--ct-text-dim); }

#bo_w #captcha, #bo_w .captcha{
    display: block; margin: 0 0 14px; padding: 14px; border: 1px solid var(--ct-line);
    border-radius: 12px; background: var(--ct-bg-elev);
}
#bo_w #captcha legend, #bo_w .captcha legend{
    padding: 0 0 8px; color: var(--ct-text-sub); font-size: 13px; font-weight: 600;
}
#bo_w #captcha_img{ display: block; margin: 0 0 10px; border-radius: 10px; background: #fff; }
#bo_w #captcha_key{
    width: 100%; height: 46px; padding: 0 14px; box-sizing: border-box;
    background: var(--ct-bg); border: 1px solid var(--ct-line); border-radius: 10px; color: var(--ct-text);
}
#bo_w #captcha_reload, #bo_w #captcha_mp3, #bo_w .captcha_box button, #bo_w .captcha_box a{
    display: inline-flex; align-items: center; justify-content: center; height: 34px; margin: 10px 6px 0 0;
    padding: 0 12px; border: 1px solid var(--ct-line); border-radius: 999px;
    background: var(--ct-bg); color: var(--ct-text-sub); font-size: 12.5px; cursor: pointer;
}
#bo_w #captcha_info{ display: block; margin-top: 8px; font-size: 12px; color: var(--ct-text-dim); }

#bo_w input[type="file"]::file-selector-button{
    height: 32px; margin-right: 10px; padding: 0 12px; border: 1px solid var(--ct-line);
    border-radius: 999px; background: var(--ct-bg); color: var(--ct-text-sub); font-size: 12.5px; cursor: pointer;
}
#bo_w .frm_file, #bo_w input[type="file"]{
    width: 100%; box-sizing: border-box; background: transparent; border: 0;
    color: var(--ct-text-sub); font-size: 13px;
}
#bo_w .bo_w_flie .file_wr{ background: transparent; border: 0; padding: 0; height: auto; color: var(--ct-text-sub); }

.ct-gnu #captcha, .ct-gnu .captcha{
    display: block; margin: 0 0 14px; padding: 14px; border: 1px solid var(--ct-line);
    border-radius: 12px; background: var(--ct-bg-elev);
}
.ct-gnu #captcha legend, .ct-gnu .captcha legend{ padding: 0 0 8px; color: var(--ct-text-sub); font-size: 13px; }
.ct-gnu #captcha_img{ display: block; margin: 0 0 10px; border-radius: 10px; }
.ct-gnu #captcha_key{
    width: 100%; height: 46px; padding: 0 14px; box-sizing: border-box;
    background: var(--ct-bg); border: 1px solid var(--ct-line); border-radius: 10px; color: var(--ct-text);
}
.ct-gnu #captcha_reload, .ct-gnu #captcha_mp3{
    display: inline-flex; align-items: center; justify-content: center; height: 34px; margin: 10px 6px 0 0;
    padding: 0 12px; border: 1px solid var(--ct-line); border-radius: 999px;
    background: var(--ct-bg); color: var(--ct-text-sub); font-size: 12.5px; cursor: pointer;
}
.ct-gnu #captcha_info{ display: block; margin-top: 8px; font-size: 12px; color: var(--ct-text-dim); }

.ct-gnu .btn_b01, .ct-gnu .btn_b02, .ct-gnu .btn_admin{
    display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px;
    padding: 0 12px; border: 1px solid var(--ct-line); border-radius: 10px;
    background: var(--ct-bg-elev); color: var(--ct-text-sub); font-size: 13px; text-decoration: none;
}
.ct-gnu .btn_bo_user{ display: flex; gap: 8px; justify-content: flex-end; margin: 0 0 14px; padding: 0; list-style: none; }
.ct-gnu .btn_bo_user li{ list-style: none; }

.ct-gnu{ padding-bottom: 8px; }

.ct-gnu .cmt_btn{
    background: transparent; border: 0; border-bottom: 1px solid var(--ct-line);
    margin: 22px 0 0; padding: 0 0 12px; color: var(--ct-text); font-weight: 700;
}
.ct-gnu .cmt_btn b{ color: var(--ct-text); font-size: 15px; }
.ct-gnu .cmt_btn span.total{ color: var(--ct-primary-2); }
.ct-gnu .cmt_btn span.total:after{ background: var(--ct-primary); }
.ct-gnu #bo_vc_empty{ padding: 28px 0; text-align: center; color: var(--ct-text-dim); font-size: 14px; }
.ct-gnu #bo_vc_w textarea, .ct-gnu #bo_vc textarea{
    width: 100%; min-height: 96px; padding: 12px 14px; box-sizing: border-box;
    background: var(--ct-bg-elev); border: 1px solid var(--ct-line); border-radius: 12px;
    color: var(--ct-text); font-size: 14.5px; line-height: 1.6;
}
.ct-gnu #captcha legend, .ct-gnu .captcha legend, #bo_w #captcha legend{ float: left; width: 100%; }


.ct-gnu #bo_v_info{ padding: 4px 0 14px; border-bottom: 1px solid var(--ct-line); }
.ct-gnu #bo_v_info .profile_info{ margin: 12px 0 6px; }
.ct-gnu #bo_v_info .profile_info .pf_img img{ width: 42px; height: 42px; }
.ct-gnu #bo_v_info .profile_info_ct{ color: var(--ct-text-dim); font-size: 12.5px; }
.ct-gnu #bo_v_info .profile_info_ct strong{ color: var(--ct-text); font-size: 14px; font-weight: 600; }
.ct-gnu #bo_v_info .if_date{ color: var(--ct-text-dim); font-weight: 400; }
.ct-gnu #bo_v_info .fa{ margin-right: 3px; opacity: .7; }

.ct-gnu .btn_bo_user li{ width: auto; background: transparent; margin-left: 6px; }
.ct-gnu .btn_bo_user .btn_b01,
.ct-gnu .btn_bo_user .btn_more_opt{
    display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px;
    padding: 0; border: 1px solid var(--ct-line); border-radius: 50%;
    background: var(--ct-bg-elev); color: var(--ct-text-sub); font-size: 14px; line-height: 1;
}
.ct-gnu .btn_bo_user .btn_b01:hover,
.ct-gnu .btn_bo_user .btn_more_opt:hover{ border-color: var(--ct-primary-2); color: var(--ct-text); }
.ct-gnu .more_opt{ background: var(--ct-bg-elev); border: 1px solid var(--ct-line); border-radius: 12px;
    padding: 6px; box-shadow: 0 12px 28px rgba(0,0,0,.45); }
.ct-gnu .more_opt li{ background: transparent; width: auto; float: none; text-align: left; }
.ct-gnu .more_opt a, .ct-gnu .more_opt button{ display: flex; align-items: center; gap: 8px; width: 100%;
    padding: 9px 12px; border: 0; border-radius: 8px; background: transparent; color: var(--ct-text-sub);
    font-size: 13.5px; text-align: left; }
.ct-gnu .more_opt a:hover, .ct-gnu .more_opt button:hover{ background: var(--ct-primary-soft); color: var(--ct-text); }

.ct-gnu .btn_b03{ display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px;
    border: 1px solid var(--ct-line); border-radius: 999px; background: var(--ct-bg-elev);
    color: var(--ct-text-sub); font-size: 13px; }

.ct-gnu #bo_v_atc{ min-height: 0; height: auto !important; padding: 18px 0 6px; }
.ct-gnu #bo_v_con{ color: var(--ct-text); font-size: 15px; line-height: 1.8; word-break: break-word; }
.ct-gnu #bo_v_con img{ max-width: 100%; height: auto; border-radius: 10px; }

.ct-gnu #bo_v_act{ margin: 18px 0 4px; text-align: center; }
.ct-gnu #bo_v_act .bo_v_good{ display: inline-flex; align-items: center; gap: 8px; width: auto; height: 44px;
    padding: 0 20px; line-height: 1; border: 1px solid var(--ct-line); border-radius: 999px;
    background: var(--ct-bg-elev); color: var(--ct-text-sub); font-size: 14px; }
.ct-gnu #bo_v_act .bo_v_good:hover{ border-color: var(--ct-primary); background: var(--ct-primary-soft); color: #fff; }

.ct-gnu .cmt_btn span.cmt_more{ background: none; width: 0; height: 0; margin-top: 8px;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 6px solid var(--ct-text-dim); }
.ct-gnu .cmt_btn_op span.cmt_more{ border-top: 0; border-bottom: 6px solid var(--ct-text-dim); }
.ct-gnu .btn_bo_user{ background: transparent; }
.ct-gnu #bo_v_con{ min-height: 0; margin: 10px 0 8px; overflow: visible; }
.ct-gnu #bo_v_top .btn_b03, .ct-gnu .btn_b03{ width: auto; height: 36px; line-height: 1; overflow: visible; }

.ct-gnu #bo_v_top ul{ background: transparent !important; }
.ct-gnu .btn_bo_user .btn_b01,
.ct-gnu .btn_bo_user .btn_more_opt{
    width: 38px; height: 38px; padding: 0 !important; border-radius: 50% !important;
    background: var(--ct-bg-elev) !important; border: 1px solid var(--ct-line) !important;
    color: var(--ct-text-sub) !important;
}
.ct-gnu .more_opt{ background: var(--ct-bg-elev) !important; border-color: var(--ct-line) !important; }
.ct-gnu .more_opt li a, .ct-gnu .more_opt li button{
    background: transparent !important; color: var(--ct-text-sub) !important;
    border: 0 !important; border-radius: 8px; padding: 9px 12px !important;
}
.ct-gnu #bo_v_share .btn{ width: auto !important; height: 36px; line-height: 34px; padding: 0 14px !important;
    border-radius: 999px !important; background: var(--ct-bg-elev) !important;
    border: 1px solid var(--ct-line) !important; color: var(--ct-text-sub) !important; }
.ct-gnu #bo_v_share .btn i{ color: var(--ct-text-dim) !important; margin-right: 6px; }
.ct-gnu .chk_box input[type="checkbox"] + label span{
    background: var(--ct-bg-elev) !important; border: 1px solid var(--ct-line) !important; border-radius: 4px;
}
.ct-gnu .chk_box input[type="checkbox"]:checked + label span{
    background: var(--ct-primary) !important; border-color: var(--ct-primary) !important;
}
.ct-gnu #bo_v_info::after{ content: ''; display: block; clear: both; }
.ct-gnu #bo_v_top{ margin-top: 10px; }
.ct-gnu #bo_v_atc{ padding-top: 6px; }
.ct-gnu #bo_v_share{ padding: 8px 0 !important; }

.ct-gnu .bo_vc_w{ margin: 14px 0 4px; }
.ct-gnu .bo_vc_w h2{ position: static; overflow: visible; font-size: 14px; line-height: 1.4;
    margin: 0 0 8px; color: var(--ct-text-sub); font-weight: 600; }

.ct-gnu .bo_vc_w textarea{
    width: 100%; min-height: 104px; height: 104px; padding: 14px !important; box-sizing: border-box;
    background: var(--ct-bg-elev) !important; color: var(--ct-text) !important;
    border: 1px solid var(--ct-line) !important; border-radius: 14px !important;
    font-size: 15px; line-height: 1.65; resize: vertical;
}
.ct-gnu .bo_vc_w textarea::placeholder{ color: var(--ct-text-dim); }
.ct-gnu .bo_vc_w textarea:focus{
    outline: none; border-color: var(--ct-primary-2) !important;
    box-shadow: 0 0 0 3px rgba(168,85,247,.18);
}
.ct-gnu .bo_vc_w #char_cnt{ margin: 6px 2px 0; color: var(--ct-text-dim); font-size: 12px; text-align: right; }

.ct-gnu .bo_vc_w_info{ float: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; }
.ct-gnu .bo_vc_w_info .frm_input{ float: none; margin: 0; flex: 1 1 160px; height: 46px; padding: 0 14px;
    box-sizing: border-box; background: var(--ct-bg-elev) !important; color: var(--ct-text) !important;
    border: 1px solid var(--ct-line) !important; border-radius: 12px; }

.ct-gnu .bo_vc_w .btn_confirm{
    display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px;
}
.ct-gnu .bo_vc_w .secret_cm{ position: relative; display: inline-flex; align-items: center; }
.ct-gnu .bo_vc_w .secret_cm label{ display: inline-flex; align-items: center; height: 36px; padding: 0 14px 0 34px;
    border: 1px solid var(--ct-line); border-radius: 999px; background: var(--ct-bg-elev);
    color: var(--ct-text-sub); font-size: 13.5px; cursor: pointer; }
.ct-gnu .bo_vc_w .secret_cm input:checked + label{
    border-color: var(--ct-primary); background: var(--ct-primary-soft); color: #fff; }
.ct-gnu .bo_vc_w .secret_cm label span{ top: 50% !important; left: 12px !important; margin-top: -8px; }

.ct-gnu .bo_vc_w #btn_submit, .ct-gnu .bo_vc_w .btn_submit{
    min-width: 108px; height: 48px; padding: 0 22px; border: 0; border-radius: 14px; cursor: pointer;
    background: linear-gradient(135deg, var(--ct-primary), var(--ct-primary-2)) !important;
    color: #fff !important; font-size: 15px; font-weight: 700;
}

.ct-gnu #bo_vc article .bo_vc_w{ margin-left: 14px; padding-left: 12px; }
.ct-gnu #bo_vc_empty{ padding: 34px 0 !important; color: var(--ct-text-dim) !important; font-size: 14px; }
.ct-gnu .bo_vc_w .secret_cm label span{ top: 10px !important; margin-top: 0; }
.ct-gnu .bo_vc_w .secret_cm input[type="checkbox"] + label{ padding: 0 14px 0 34px; }

.ct-gnu #bo_vc article{ margin: 0; padding: 16px 0; border-bottom: 1px solid var(--ct-line-soft, var(--ct-line)); }
.ct-gnu #bo_vc article:last-of-type{ border-bottom: 0; }
.ct-gnu #bo_vc article .pf_img{ margin-right: 10px; }
.ct-gnu #bo_vc article .pf_img img{ width: 36px; height: 36px; }
.ct-gnu #bo_vc article .cm_wrap{ width: calc(100% - 46px); max-width: none; }

.ct-gnu #bo_vc article .cm_wrap > strong,
.ct-gnu #bo_vc article .sv_member,
.ct-gnu #bo_vc article .cm_wrap > a{ color: var(--ct-text) !important; font-size: 13.5px; font-weight: 600; }
.ct-gnu .bo_vc_hdinfo{ color: var(--ct-text-dim) !important; font-size: 12px; margin-left: 6px; }
.ct-gnu .bo_vc_hdinfo .fa{ margin-right: 3px; }

.ct-gnu #bo_vc .cmt_contents{ padding: 6px 0 0; color: var(--ct-text); font-size: 14.5px; line-height: 1.7; }

.ct-gnu #bo_vc .btn_cm_opt{
    width: 32px; height: 32px; padding: 0 !important; border-radius: 50% !important;
    background: var(--ct-bg-elev) !important; border: 1px solid var(--ct-line) !important;
    color: var(--ct-text-sub) !important; font-size: 13px;
}
.ct-gnu .bo_vc_act{
    width: auto; min-width: 92px; background: var(--ct-bg-elev) !important;
    border: 1px solid var(--ct-line) !important; border-radius: 12px; padding: 6px;
    box-shadow: 0 12px 28px rgba(0,0,0,.45);
}
.ct-gnu .bo_vc_act:before, .ct-gnu .bo_vc_act:after{ display: none; }
.ct-gnu .bo_vc_act li{ border-bottom: 0; }
.ct-gnu .bo_vc_act li a, .ct-gnu .bo_vc_act li button{
    display: block; width: 100%; padding: 8px 10px !important; border: 0 !important; border-radius: 8px;
    background: transparent !important; color: var(--ct-text-sub) !important; font-size: 13px; text-align: left;
}
.ct-gnu .bo_vc_act li a:hover, .ct-gnu .bo_vc_act li button:hover{
    background: var(--ct-primary-soft) !important; color: var(--ct-text) !important; }

.ct-gnu #bo_vc article[style*="margin-left"]{
    margin-left: 0 !important;
    padding: 12px 14px 12px 38px !important;
    position: relative;
    background: #f7f7f8;
    border-left: 0 !important;
    border-top: 1px solid #ececee !important;
}
.ct-gnu #bo_vc article[style*="margin-left"]::before{
    content: ''; position: absolute; left: 14px; top: 14px; width: 13px; height: 17px;
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='17' viewBox='0 0 13 17' fill='none'><path d='M12.3172 12.3172L8.56719 16.0672C8.44991 16.1845 8.29085 16.2503 8.125 16.2503C7.95915 16.2503 7.80009 16.1845 7.68281 16.0672C7.56554 15.9499 7.49965 15.7909 7.49965 15.625C7.49965 15.4591 7.56554 15.3001 7.68281 15.1828L10.3664 12.5H0.625C0.45924 12.5 0.300269 12.4342 0.183058 12.3169C0.0658481 12.1997 0 12.0408 0 11.875V0.625C0 0.45924 0.0658481 0.300268 0.183058 0.183058C0.300269 0.065848 0.45924 0 0.625 0C0.79076 0 0.949731 0.065848 1.06694 0.183058C1.18415 0.300268 1.25 0.45924 1.25 0.625V11.25H10.3664L7.68281 8.56719C7.56554 8.44991 7.49965 8.29085 7.49965 8.125C7.49965 7.95915 7.56554 7.80009 7.68281 7.68281C7.80009 7.56554 7.95915 7.49965 8.125 7.49965C8.29085 7.49965 8.44991 7.56554 8.56719 7.68281L12.3172 11.4328C12.3753 11.4909 12.4214 11.5598 12.4529 11.6357C12.4843 11.7115 12.5005 11.7929 12.5005 11.875C12.5005 11.9571 12.4843 12.0385 12.4529 12.1143C12.4214 12.1902 12.3753 12.2591 12.3172 12.3172Z' fill='%23DBDDE0'/></svg>") no-repeat center / 13px 17px;
}
.ct-gnu #bo_vc article header{ color: var(--ct-text) !important; font-size: 13.5px; font-weight: 600; }
.ct-gnu #bo_vc article header span,
.ct-gnu #bo_vc article header time{ color: var(--ct-text-dim) !important; font-weight: 400; }
@media (max-width: 400px){
    .ct-gnu #bo_vc article[style*="margin-left"]{ margin-left: 0 !important; }
    .ct-gnu #bo_vc article[style*="margin-left"] .pf_img img{ width: 30px; height: 30px; }
}

.ct-gnu .new_win{ background: transparent; border: 0; margin: 0; padding: 0; width: auto; }
.ct-gnu .new_win h1{ margin: 0 0 6px; color: var(--ct-text); font-size: 20px; font-weight: 800; }
.ct-gnu .new_win_con{ background: transparent; border: 0; padding: 0; margin: 0; }
.ct-gnu .new_win fieldset{
    margin: 0 0 14px; padding: 16px; border: 1px solid var(--ct-line); border-radius: 14px;
    background: var(--ct-bg-elev); color: var(--ct-text-sub); font-size: 13.5px; line-height: 1.7;
}
.ct-gnu .new_win fieldset legend{ padding: 0 0 8px; color: var(--ct-text-sub); font-size: 13px; font-weight: 600; }
.ct-gnu .new_win p{ margin: 0 0 10px; color: var(--ct-text-sub); font-size: 13.5px; line-height: 1.7; }

.ct-gnu .frm_input, .ct-gnu .full_input, .ct-gnu .half_input{
    width: 100%; height: 52px; padding: 0 15px; box-sizing: border-box; margin: 6px 0 0;
    background: var(--ct-bg) !important; color: var(--ct-text) !important;
    border: 1px solid var(--ct-line) !important; border-radius: 12px; font-size: 15px;
}
.ct-gnu .frm_input:focus{ outline: none; border-color: var(--ct-primary-2) !important;
    box-shadow: 0 0 0 3px rgba(168,85,247,.18); }
.ct-gnu .frm_input::placeholder{ color: var(--ct-text-dim); }

.ct-gnu .win_btn{ margin-top: 18px; text-align: center; }
.ct-gnu .win_btn .btn_submit, .ct-gnu .win_btn .btn_close, .ct-gnu .win_btn .btn{
    display: block; width: 100%; height: 52px; margin: 0 0 10px; border: 0; border-radius: 14px; cursor: pointer;
    background: linear-gradient(135deg, var(--ct-primary), var(--ct-primary-2)) !important;
    color: #fff !important; font-size: 16px; font-weight: 700;
}
.ct-gnu .win_btn .btn_close, .ct-gnu .win_btn .btn_cancel{
    background: var(--ct-bg-elev) !important; color: var(--ct-text-sub) !important;
    border: 1px solid var(--ct-line) !important;
}
.ct-gnu .new_win .new_win_con, .ct-gnu .new_win_con{ background: transparent !important; }
.ct-gnu #bo_v_act .bo_v_nogood{ display: inline-flex; align-items: center; gap: 8px; width: auto; height: 44px;
    padding: 0 20px; line-height: 1; border: 1px solid var(--ct-line) !important; border-radius: 999px !important;
    background: var(--ct-bg-elev) !important; color: var(--ct-text-sub) !important; font-size: 14px; }
.ct-gnu #bo_v_act .bo_v_nogood:hover{ border-color: var(--ct-danger) !important; color: #fff !important; }
.ct-gnu #bo_v_act{ display: flex; gap: 10px; justify-content: center; }
.ct-gnu-chip{ display: inline-flex; align-items: center; height: 26px; padding: 0 12px; margin: 4px 0 10px;
    border-radius: 999px; background: var(--ct-primary-soft); color: var(--ct-primary-text);
    font-size: 12.5px; font-weight: 700; }
.ct-gnu .bo_v_nb{ margin: 18px 0 6px; padding: 0; list-style: none;
    border: 1px solid var(--ct-line); border-radius: 14px; overflow: hidden; }
.ct-gnu .bo_v_nb li{ display: flex; align-items: center; gap: 12px; padding: 13px 14px;
    border-top: 1px solid var(--ct-line-soft, var(--ct-line)); }
.ct-gnu .bo_v_nb li:first-child{ border-top: 0; }
.ct-gnu .bo_v_nb .nb_tit{ flex: 0 0 auto; color: var(--ct-text); font-size: 13.5px; font-weight: 700; }
.ct-gnu .bo_v_nb .nb_tit .fa{ display: none; }
.ct-gnu .bo_v_nb a{ flex: 1 1 auto; color: var(--ct-text-sub) !important; font-size: 14px;
    text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ct-gnu .bo_v_nb .nb_date, .ct-gnu .bo_v_nb time{ display: none; }


#bo_w .chk_box input:checked + label,
.ct-gnu #bo_v_act .bo_v_good:hover,
.ct-gnu .bo_vc_w .secret_cm input:checked + label {
    background: var(--ct-primary); border-color: var(--ct-primary); color: #fff;
}
.ct-gnu #bo_v_act .bo_v_nogood:hover { background: var(--ct-danger); }
.ct-gnu .more_opt,
.ct-gnu .bo_vc_act { box-shadow: 0 10px 26px rgba(33, 26, 58, .14); }


.ct-gnu #bo_v_act .bo_v_good,
.ct-gnu #bo_v_act .bo_v_nogood,
.ct-gnu .bo_v_act a, .ct-gnu #bo_v_act a{
    background: var(--ct-bg-elev) !important;
    border: 1px solid var(--ct-line) !important;
    color: var(--ct-text-sub) !important;
}
.ct-gnu #bo_v_act .bo_v_good:hover{
    background: var(--ct-primary) !important; border-color: var(--ct-primary) !important; color: #fff !important;
}
.ct-gnu #bo_v_act .bo_v_nogood:hover{
    background: var(--ct-danger) !important; border-color: var(--ct-danger) !important; color: #fff !important;
}
.ct-gnu #bo_v_act .bo_v_good strong, .ct-gnu #bo_v_act .bo_v_nogood strong{ color: inherit !important; }

.ct-gnu .bo_v_nb li:hover{ background: var(--ct-bg-elev) !important; }
.ct-gnu .bo_v_nb li:hover a{ color: var(--ct-text) !important; }

.ct-gnu #bo_vc article[style*="margin-left"]{
    background: var(--ct-bg-soft) !important;
    border-top-color: var(--ct-line-soft) !important;
}
.ct-gnu #bo_vc article[style*="margin-left"]::before{
    background: var(--ct-text-dim) !important;
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='17' viewBox='0 0 13 17'><path d='M12.3172 12.3172L8.56719 16.0672C8.44991 16.1845 8.29085 16.2503 8.125 16.2503C7.95915 16.2503 7.80009 16.1845 7.68281 16.0672C7.56554 15.9499 7.49965 15.7909 7.49965 15.625C7.49965 15.4591 7.56554 15.3001 7.68281 15.1828L10.3664 12.5H0.625C0.45924 12.5 0.300269 12.4342 0.183058 12.3169C0.0658481 12.1997 0 12.0408 0 11.875V0.625C0 0.45924 0.0658481 0.300268 0.183058 0.183058C0.300269 0.065848 0.45924 0 0.625 0C0.79076 0 0.949731 0.065848 1.06694 0.183058C1.18415 0.300268 1.25 0.45924 1.25 0.625V11.25H10.3664L7.68281 8.56719C7.56554 8.44991 7.49965 8.29085 7.49965 8.125C7.49965 7.95915 7.56554 7.80009 7.68281 7.68281C7.80009 7.56554 7.95915 7.49965 8.125 7.49965C8.29085 7.49965 8.44991 7.56554 8.56719 7.68281L12.3172 11.4328C12.3753 11.4909 12.4214 11.5598 12.4529 11.6357C12.4843 11.7115 12.5005 11.7929 12.5005 11.875C12.5005 11.9571 12.4843 12.0385 12.4529 12.1143C12.4214 12.1902 12.3753 12.2591 12.3172 12.3172Z'/></svg>") no-repeat center / 13px 17px;
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='17' viewBox='0 0 13 17'><path d='M12.3172 12.3172L8.56719 16.0672C8.44991 16.1845 8.29085 16.2503 8.125 16.2503C7.95915 16.2503 7.80009 16.1845 7.68281 16.0672C7.56554 15.9499 7.49965 15.7909 7.49965 15.625C7.49965 15.4591 7.56554 15.3001 7.68281 15.1828L10.3664 12.5H0.625C0.45924 12.5 0.300269 12.4342 0.183058 12.3169C0.0658481 12.1997 0 12.0408 0 11.875V0.625C0 0.45924 0.0658481 0.300268 0.183058 0.183058C0.300269 0.065848 0.45924 0 0.625 0C0.79076 0 0.949731 0.065848 1.06694 0.183058C1.18415 0.300268 1.25 0.45924 1.25 0.625V11.25H10.3664L7.68281 8.56719C7.56554 8.44991 7.49965 8.29085 7.49965 8.125C7.49965 7.95915 7.56554 7.80009 7.68281 7.68281C7.80009 7.56554 7.95915 7.49965 8.125 7.49965C8.29085 7.49965 8.44991 7.56554 8.56719 7.68281L12.3172 11.4328C12.3753 11.4909 12.4214 11.5598 12.4529 11.6357C12.4843 11.7115 12.5005 11.7929 12.5005 11.875C12.5005 11.9571 12.4843 12.0385 12.4529 12.1143C12.4214 12.1902 12.3753 12.2591 12.3172 12.3172Z'/></svg>") no-repeat center / 13px 17px;
}

.ct-gnu #bo_vc_w .btn_submit, .ct-gnu #bo_vc_w #btn_submit,
.ct-gnu .bo_vc_w .btn_submit, .ct-gnu #btn_submit{
    background: var(--ct-primary) !important; border: 0 !important; color: #fff !important;
}