@charset "utf-8";

/* 게시판 목록 */
#bo_list {
    position: relative;
    margin-bottom: 20px;
}
#bo_list:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#bo_list .td_board {
    width: 120px;
    text-align: center;
}
#bo_list .td_chk {
    width: 30px;
    text-align: center;
    border-top: 1px solid #ecf0f1;
    border-bottom: 1px solid #ecf0f1;
}
#bo_list .td_date {
    width: 60px;
    text-align: center;
}
#bo_list .td_datetime {
    width: 60px;
    text-align: center;
}
#bo_list .td_group {
    width: 100px;
    text-align: center;
}
#bo_list .td_mb_id {
    width: 100px;
    text-align: center;
}
#bo_list .td_mng {
    width: 80px;
    text-align: center;
}
#bo_list .td_name {
    width: 90px;
    text-align: left;
    padding: 10px 0;
}
#bo_list .td_nick {
    width: 100px;
    text-align: center;
}
#bo_list .td_num {
    width: 50px;
    text-align: center;
}
#bo_list .td_num2 {
    width: 50px;
    text-align: center;
}
#bo_list .td_numbig {
    width: 80px;
    text-align: center;
}
#bo_list .txt_active {
    color: #5d910b;
}
#bo_list .txt_expired {
    color: #ccc;
}
#bo_list tbody tr {
    border-left: 2px solid transparent;
}
#bo_list tbody tr:hover {
    border-left: 2px solid #253dbe;
}
#bo_list tbody .even td {
    background: #fbfbfb;
}

#bo_cate {
    margin: 25px 0;
}
#bo_cate h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#bo_cate ul {
    zoom: 1;
}
#bo_cate ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#bo_cate li {
    display: inline-block;
    padding: 2px;
}
#bo_cate a {
    display: block;
    line-height: 28px;
    padding: 5px 15px;
    border-radius: 30px;
    border: 1px solid #d6e9ff;
    color: #6794d3;
}
#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active {
    text-decoration: none;
    background: #3a8afd;
    color: #fff;
}
#bo_cate #bo_cate_on {
    z-index: 2;
    background: #3a8afd;
    color: #fff;
    font-weight: bold;
    border: 1px solid #3a8afd;
    -webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
    -moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
    box-shadow: inset 0 2px 5px rgb(33, 135, 202);
}
.td_subject img {
    margin-left: 5px;
}

/* 게시판 목록 공통 */
.selec_chk {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    outline: 0;
    z-index: -1;
    overflow: hidden;
}
.chk_box {
    position: relative;
}
.chk_box input[type='checkbox'] + label {
    position: relative;
    color: #676e70;
}
.chk_box input[type='checkbox'] + label:hover {
    color: #2172f8;
}
.chk_box input[type='checkbox'] + label span {
    float: left;
    width: 15px;
    height: 15px;
    display: block;
    background: #fff;
    border: 1px solid #d0d4df;
    border-radius: 3px;
}
.write_div .chk_box input[type='checkbox'] + label,
.bo_vc_w .chk_box input[type='checkbox'] + label {
    padding-left: 20px;
}
.write_div .chk_box input[type='checkbox'] + label span,
.bo_vc_w .chk_box input[type='checkbox'] + label span {
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    display: block;
    margin: 0;
    background: #fff;
    border: 1px solid #d0d4df;
    border-radius: 3px;
}
.chk_box input[type='checkbox']:checked + label {
    color: #000;
}
.chk_box input[type='checkbox']:checked + label span {
    background: url(./img/chk.png) no-repeat 50% 50% #3a8afd;
    border-color: #1471f6;
    border-radius: 3px;
}

#bo_btn_top {
    margin: 10px 0;
}
#bo_btn_top:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.bo_fx {
    margin-bottom: 5px;
    float: right;
    zoom: 1;
}
.bo_fx:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.bo_fx ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#bo_list_total {
    float: left;
    line-height: 34px;
    font-size: 0.92em;
    color: #4e546f;
}

.btn_bo_user {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}
.btn_bo_user li {
    float: left;
    width: 40px;
    text-align: center;
    margin-left: 5px;
    background: #fff;
}
.btn_bo_user > li {
    position: relative;
}
.btn_bo_adm {
    float: left;
}
.btn_bo_adm li {
    float: left;
    margin-right: 5px;
}
.btn_bo_adm input {
    padding: 0 8px;
    border: 0;
    background: #d4d4d4;
    color: #666;
    text-decoration: none;
    vertical-align: middle;
}
.bo_notice td {
    background: #fff6fa !important;
    border-bottom: 1px solid #f8e6ee;
}
.bo_notice td a {
    font-weight: bold;
}
.bo_notice .notice_icon {
    display: inline-block;
    line-height: 25px;
    border-radius: 5px;
    font-weight: bold;
    color: #f9267f;
}

.more_opt {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    background: #fff;
    border: 1px solid #b8bfc4;
    z-index: 999;
}
.more_opt:before {
    content: '';
    position: absolute;
    top: -8px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #b8bfc4 transparent;
}
.more_opt:after {
    content: '';
    position: absolute;
    top: -6px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent;
}
.more_opt li {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px;
    float: inherit;
    width: 90px;
    margin: 0;
    color: #6b757c;
    text-align: left;
}
.more_opt li:last-child {
    border-bottom: 0;
}
.more_opt li button,
.more_opt li a {
    width: 100%;
    border: 0;
    background: #fff;
    color: #6b757c;
}
.more_opt li:hover a,
.more_opt li:hover button {
    color: #000;
}
.more_opt li i {
    float: right;
    line-height: 20px;
}

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

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

.bo_sch_wrap {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.bo_sch {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    text-align: left;
    width: 330px;
    max-height: 300px;
    margin-left: -125px;
    margin-top: -180px;
    overflow-y: auto;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
    border: 1px solid #dde7e9;
    background: #fff;
    border-radius: 3px;
}
.bo_sch:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.bo_sch h3 {
    padding: 15px;
    border-bottom: 1px solid #e8e8e8;
}
.bo_sch legend {
    background: red;
}
.bo_sch form {
    padding: 15px;
    display: block;
}
.bo_sch select {
    border: 0;
    width: 100%;
    height: 40px;
    border: 1px solid #d0d3db;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 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, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 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: 39px;
    right: 0;
    width: 350px;
    height: auto !important;
    height: 180px;
    max-height: 180px;
    border: var(--border-medium);
    background: var(--bg);
    -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 {
    display: none !important;
    content: '';
    position: absolute;
    top: -8px;
    right: 44px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #000 transparent;
}
#autosave_pop:after {
    display: none !important;
    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(--bg) 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 var(--border-medium);
    list-style: none;
    overflow-y: scroll;
    height: 130px;
    border-bottom: 1px solid var(--border-medium);
}
#autosave_pop li {
    padding: 8px 5px;
    border-bottom: 1px solid var(--border-light);
    background: var(--surface-1);
    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 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_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;
}

#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;
    overflow-wrap: break-word; 
    line-height: 1.65; 
    text-align: justify;
}
#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 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;
    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: 16px;
}
.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;
    font-size:14px !important;
    padding:10px;
    min-height:auto !important;
}

#bo_w .bo_w_tit #btn_autosave svg{
    width:18x;
    height: 18px;

}

#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;
    border-color: var(--input-border);
    background: var(--input-bg);
    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;
    
}

#bo_w #hashtag_wrapper{
    background: var(--input-bg);
        border-radius: 3px !important;
}

#bo_w .note-toolbar{
    padding: 8px 12px;
    color: #333;
    background-color: var(--input-bg);
    border-color:var(--border-light);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.tagify{border: 1px solid var(--input-border);}


#bo_w .tagify__input {
    border: 1px solid var(--input-border);
    background: var(--input-bg);
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    color: var(--input-text) !important; /* 입력된 글자 */
    font: inherit; /* 상위 폰트 상속 */
    min-height:20px;
    line-height: 20px;
    font-size:14px;
}

/* contenteditable이 비어있을 때 placeholder 컬러 */
#bo_w .tagify__input:empty:before {
    content: attr(data-placeholder);
    color: var(--text-placeholder); /* 전역 placeholder 토큰 */
    pointer-events: none;
    opacity: 1;
}


#bo_w .note-btn{
    background-color: var(--input-bg);
    color:var(--input-text);
} 


#bo_w .note-editable{
        background-color: var(--input-bg);
        color:var(--input-text);
}


.tagify{
    border-radius: 3px;
    overflow: hidden;
    transition: box-shadow 0.4s ease; 
    box-shadow: 0 0 0 2px transparent;
}

.tagify__tag {
  --tag-bg: var(--surface-2);           /* 배경 */
  --tag-hover: color-mix(in oklab, var(--surface-2), var(--text) 8%);
  --tag-text-color: var(--text);        /* 글씨 */
  --tag-remove-bg: transparent;
  --tag-remove-btn-color: var(--text);
}

.tagify.tagify--focus{
      box-shadow: 0 0 0 2px var(--input-focus);
   transition: 0.4s ease; 
   border-radius: 3px;
}


/* =========================
   Coinjura Buttons (cj-*)
   - 반응형 유지, 다크/라이트 토큰 사용
   - 네임스페이스: cj-
   ========================= */

/* 컨테이너: 좌우 정렬 + 반응형 간격 */
.cj-btnbar{
  display:flex; gap:12px; align-items:center; justify-content:flex-end;
  margin: 12px 0;
  flex-wrap: wrap;
  
}

/* 공통 버튼 */
.cj-btn{
  --_bg: var(--surface-2, #1f2330);
  --_text: var(--text, #e6e8ec);
  --_border: var(--border-medium, rgba(255,255,255,0.12));
  --_hover: color-mix(in oklab, var(--_bg), white 6%);
  --_active: color-mix(in oklab, var(--_bg), black 6%);
  position: relative;
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px;
  padding: 10px 16px;
  min-height: 44px;
  border: 1px solid var(--_border);
  border-radius: 14px;
  background: var(--_bg);
  color: var(--_text);
  font-size: 15px; font-weight: 600; letter-spacing: .2px;
  line-height: 1;
  cursor: pointer;
  transition: transform .08s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
  -webkit-tap-highlight-color: transparent;
}



/* 비활성/로딩 */
.cj-btn[disabled],
.cj-btn.is-loading{
  opacity:.6; cursor:not-allowed; pointer-events:none;
}

/* 포커스 접근성 */
.cj-btn:focus-visible{
  outline: 2px solid color-mix(in oklab, var(--_bg), white 25%);
  outline-offset: 2px;
}

/* 모바일 터치 영역 보강 */
@media (max-width: 480px){
  .cj-btn{ min-height: 48px; padding: 12px 16px; border-radius: 16px; }
  .cj-btnbar{ gap:10px; }
}

/* 좁은 화면에서 버튼이 겹치면 줄바꿈 후 전체폭 */
@media (max-width: 380px){
  .cj-btn{ flex: 1 1 100%; }
  .cj-btnbar{ justify-content: stretch; }
}

/* 모션 최소화 설정 존중 */
@media (prefers-reduced-motion: reduce){
  .cj-btn{ transition: none; }
}



/* =========================================================
   Coin Jeka - Custom Board List (DIV/UL 기반)
   Target markup: 최신 list.skin.php (cj-board-list*)
   ========================================================= */

/* 기본 유틸 */
[hidden]{ display:none !important; }
.sr-only{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* 컨테이너 */
#bo_list.cj-board-list{
  background: var(--surface-1, #fff);
  border: 1px solid var(--border-medium, #e5e7eb);
  border-radius: 14px;
  padding: 12px;
  margin:20px 0;
  box-sizing: border-box;
}

/* ===================== 카테고리 ===================== */
.cj-board-list-category{ margin: 6px 6px 10px; }
.cj-board-list-category-title{ font-size:0; line-height:0; }
.cj-board-list-category-list{
  display:flex; flex-wrap:wrap; gap:8px;
  list-style:none; margin:0; padding:0;
}
.cj-board-list-category-list a{
  display:inline-flex; align-items:center; gap:6px;
  height:24px; padding:0 10px; font-size:12px; font-weight:600;
  color: var(--text, #111827); text-decoration:none;
  border:1px solid var(--border-medium, #e5e7eb);
  background: var(--surface-1, #fff);
  border-radius:999px;
}
.cj-board-list-category-list a:hover{
  background: color-mix(in oklab, var(--surface-1, #fff), var(--text, #111827) 6%);
}

/* ===================== 헤더 (통계 + 툴바) ===================== */
.cj-board-list-head{
      display:flex; align-items:center; justify-content:space-between;
  gap: 10px; padding: 6px 6px 12px;
  border-bottom: 1px solid var(--border-medium, #e5e7eb);
}
.cj-board-list-stats{
  display:flex; align-items:center; gap:10px;
  color: var(--text-sub, #6b7280); font-size: 14px;
}

/* 툴바 */
.cj-board-list-toolbar{
  display:flex !important; align-items:center; gap:8px;
  margin:0; padding:0; list-style:none;
  flex-wrap: wrap;
}
.cj-board-list-toolbar > li{ float:none !important; flex-shrink: 0;}

/* 구분선 */
.cj-board-list-divider{
  width:1px; height:20px; background: var(--border-medium, #e5e7eb);
  margin: 0 6px;
}

/* 버튼 공통 */
.cj-board-list-btn{
  --_bg: var(--surface-1, #fff);
  --_bd: var(--border-medium, #e5e7eb);
  --_txt: var(--text, #111827);
  --_hover: color-mix(in oklab, var(--surface-1, #fff), var(--text, #111827) 6%);
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:36px; padding: 4px 10px;
  background: var(--_bg); color: var(--_txt);
  border:1px solid var(--_bd); border-radius:12px;
  font-weight:400 !important; line-height:1; cursor:pointer;
  font-size:14px;
  transition: background-color .15s ease, border-color .15s ease, transform .06s ease;
  text-decoration:none;
  
}
.cj-board-list-btn:hover{ background: var(--_hover); }
.cj-board-list-btn:active{ transform: translateY(1px); }
.cj-board-list-btn i{ font-size:16px; line-height:1; }

/* 일괄 버튼 */
.cj-board-list-bulk{ min-width: 92px; }
.cj-board-list-btn[disabled]{ opacity:.5; cursor:not-allowed; pointer-events:none; }

.cj-board-list-btn.board-list-search{
    width: 31px;
    height: 31px;
    margin-right:4px;
    padding:0px;
    min-height: auto;
    border-radius: 10px;

}

/* 전체선택 */
.cj-board-list-selectall{
  display:inline-flex; align-items:center; gap:6px; color: var(--text-sub, #6b7280);
}


/* ===================== 검색바 ===================== */
.cj-board-list-searchbar{ padding: 10px 6px 6px; }
.cj-board-list-searchform{
  display:grid; grid-template-columns: auto 1fr; gap:10px 10px; align-items:center;
}
.cj-board-list-select{
  height:40px; border:1px solid var(--input-border, #d1d5db);
  background: var(--input-bg, #fff);
  color: var(--input-text, #111827);
  border-radius:10px; padding:0 10px; min-width: 180px;
}
.cj-board-list-searchinput{
  display:flex; align-items:center; gap:8px;
  border:1px solid var(--input-border, #d1d5db);
  background: var(--input-bg, #fff); border-radius:10px;
}
.cj-board-list-searchinput input{
  flex:1 1 auto; height:28px; border:0; outline:0; background:transparent;
  color: var(--input-text, #111827);
}

/* 정렬 링크 */
/* 정렬 영역 */
.cj-board-list-sort{
  grid-column: 1 / -1;
  display:flex; align-items:center; gap:8px;
  font-size:13px; color: var(--text-sub, #6b7280);
}
.cj-board-list-sort-label{ margin-right:2px; }

/* 정렬 링크(앵커) 통일 스타일 */
.cj-board-list-sort a{
  display:inline-flex; align-items:center;
  height:24px; padding:0 10px;
  border-radius:999px; text-decoration:none;
  color: var(--text, #111827);
  border:1px solid var(--border-medium, #e5e7eb);
  background: var(--surface-1, #fff);
  line-height:1;
}
.cj-board-list-sort a:hover{
  background: color-mix(in oklab, var(--surface-1, #fff), var(--text, #111827) 6%);
}
/* 방문/활성 상태도 색 고정 */
.cj-board-list-sort a:visited,
.cj-board-list-sort a:active,
.cj-board-list-sort a:focus{
  color: var(--text, #111827);
  outline: none;
}

/* (선택) 현재 정렬 컬럼 표시: 그누보드가 class를 부여할 때 대비 */
.cj-board-list-sort a.sort_on,
.cj-board-list-sort a.asc,
.cj-board-list-sort a.desc{
  border-color: color-mix(in oklab, var(--brand-600, #7C5CFF), black 18%);
  background: color-mix(in oklab, var(--brand-600, #7C5CFF), white 85%);
  font-weight:700;
}

/* 반응형: 좁은 화면에서 줄바꿈 허용 */
@media (max-width: 480px){
  .cj-board-list-sort{ flex-wrap:wrap; }
}


/* ===================== 리스트 아이템 ===================== */
.cj-board-list-items{ margin-top: 4px; border-top:1px solid var(--border-medium);}
.cj-board-list-check{position: absolute;}
.cj-board-list-item{
    position: relative;
  display:grid; grid-template-columns: 1fr auto;
  gap:10px; align-items:center;
  padding: 12px 8px;
  border-bottom: 1px solid var(--border-light, #edf0f3);
}
.cj-board-list-item:hover{
  background: color-mix(in oklab, var(--surface-1, #fff), var(--text, #111827) 4%);
}

/* 좌측(인덱스+카테고리+제목) */
.cj-board-list-left{ display:flex; align-items:center; gap:8px; min-width:0; }
.cj-board-list-index{ min-width:60px; text-align:center; color: var(--text-sub, #6b7280); }
.cj-board-list-badge{
  display:inline-flex; align-items:center; justify-content:center;
  height:20px; padding:0 8px; font-size:12px; font-weight:700;
  border-radius:999px; border:1px solid var(--border-medium, #e5e7eb);
  background: var(--surface-1, #fff); color: var(--brand-600, #7C5CFF);
}
.cj-board-list-current{ font-size:12px; font-weight:700; color: var(--brand-600, #7C5CFF); }
.cj-board-list-num{ font-size:13px; color: var(--text-sub, #6b7280); }

.cj-board-list-chip{
  display:inline-flex; align-items:center; gap:6px;
  height:22px; padding:0 8px; font-size:12px; font-weight:600;
  border-radius:999px;
  background: color-mix(in oklab, var(--surface-1, #fff), var(--brand-600, #7C5CFF) 14%);
  color: var(--text, #111827);
  border: 1px solid color-mix(in oklab, var(--brand-600, #7C5CFF), black 18%);
  text-decoration:none;
}

.cj-board-list-titlewrap{ min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.cj-board-list-title{
  color: var(--text, #111827); text-decoration:none; font-weight:700;
  display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cj-board-list-title:hover{ text-decoration:underline; }

/* 신고 플래그 / 카운트 */
.cj-board-list-flag{
  display:inline-block; font-size:12px; font-weight:800;
  color: color-mix(in oklab, var(--text, #111827), black 24%);
  background: color-mix(in oklab, var(--surface-1, #fff), black 6%);
  padding:2px 6px; border-radius:6px;
}
.cj-board-list-count{
  display:inline-flex; align-items:center; justify-content:center;
  height:20px; padding:0 8px; font-size:12px; font-weight:700;
  border-radius:999px; color: var(--text-sub, #6b7280);
  border:1px solid var(--border-medium, #e5e7eb);
}
.cj-board-list-reported{ color: var(--text-sub, #6b7280); }
.cj-board-list-reportedtext{ font-weight:700; }

/* 새글 로젠지 / 댓글 */
.cj-board-list-lozenge{
  display:inline-flex; align-items:center; justify-content:center;
  width:18px; height:18px; border-radius:4px;
  font-size:11px; font-weight:800;
  background: color-mix(in oklab, var(--brand-600, #7C5CFF), white 80%);
  color: var(--brand-700, #5C43E6);
  border: 1px solid color-mix(in oklab, var(--brand-600, #7C5CFF), black 14%);
}

.cj-board-list-comment{
  display:inline-flex; align-items:center; gap:4px; margin-left:4px;
  padding: 0 6px; height:20px; border-radius:999px;
  background: color-mix(in oklab, var(--surface-1, #fff), var(--text, #111827) 8%);
  color: var(--text, #111827);
}
.cj-board-list-comment i{ font-size:14px; line-height:1; }
.cj-board-list-commentnum{ font-size:12px; }

/* 메타(작성자/조회/추천/날짜) */
.cj-board-list-meta{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  color: var(--text-sub, #6b7280); font-size: 13px;
}
.cj-board-list-author{ font-weight:600; color: var(--text, #111827); }
.cj-board-list-hit, .cj-board-list-good, .cj-board-list-nogood, .cj-board-list-date{ white-space:nowrap; }

/* 공지 스타일(선택적으로 약한 배경) */
.cj-board-list-notice{
  background: color-mix(in oklab, var(--surface-1, #fff), var(--brand-600, #7C5CFF) 6%);
}

/* 빈 상태 */
.cj-board-list-empty{
  text-align:center; color: var(--text-sub, #6b7280); padding: 36px 10px; font-size:14px;
}

/* 페이지네이션 */
.cj-board-list-pagination{ padding: 14px 6px 6px; }

/* 혹시 남아있을 수 있는 lucide 흔적 비활성화 */
.cj-board-list-btn > svg,
.cj-board-list-btn [data-lucide]{ display:none !important; }

/* ===================== 셀렉트 모듈 보정 (심플) ===================== */
/* 기본 select 톤 */
.cj-board-list-select{ appearance:none; background-clip:padding-box; }

/* Tom Select */
.ts-control{
  border:1px solid var(--input-border, #d1d5db) !important;
  background: var(--input-bg, #fff) !important;
  color: var(--input-text, #111827) !important;
  border-radius:10px !important; min-height:40px !important;
  padding: 6px 10px !important;
}
.ts-dropdown{
  border:1px solid var(--border-medium, #e5e7eb) !important;
  background: var(--surface-1, #fff) !important;
  color: var(--text, #111827) !important;
  border-radius:10px !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.08) !important;
}

/* Select2 */
.select2-container .select2-selection--single{
  height:40px; border-radius:10px;
  border:1px solid var(--input-border, #d1d5db);
  background: var(--input-bg, #fff);
}
.select2-container .select2-selection__rendered{
  line-height:38px; padding:0 34px 0 10px; color: var(--input-text, #111827);
}
.select2-container .select2-selection__arrow{ height:38px; right:8px; }
.select2-dropdown{
  border:1px solid var(--border-medium, #e5e7eb);
  background: var(--surface-1, #fff);
  color: var(--text, #111827);
  border-radius:10px; overflow:hidden;
  box-shadow: 0 12px 24px rgba(0,0,0,.08);
}
.select2-results__option--highlighted{
  background: color-mix(in oklab, var(--surface-1, #fff), var(--text, #111827) 8%) !important;
  color: var(--text, #111827) !important;
}

/* Choices.js */
.choices{ margin-bottom:0; }
.choices__inner{
  min-height:40px; border-radius:10px;
  border:1px solid var(--input-border, #d1d5db);
  background: var(--input-bg, #fff);
  color: var(--input-text, #111827);
  padding: 6px 10px;
}
.choices__list--dropdown{
  border:1px solid var(--border-medium, #e5e7eb);
  background: var(--surface-1, #fff);
  color: var(--text, #111827);
  border-radius:10px;
  box-shadow: 0 12px 24px rgba(0,0,0,.08);
}

/* Chosen */
.chosen-container-single .chosen-single{
  height:40px; line-height:38px;
  border-radius:10px; border:1px solid var(--input-border, #d1d5db);
  background: var(--input-bg, #fff); color: var(--input-text, #111827);
  padding: 0 34px 0 10px;
}
.chosen-container .chosen-drop{
  border:1px solid var(--border-medium, #e5e7eb);
  background: var(--surface-1, #fff); color: var(--text, #111827);
  border-radius:10px; box-shadow: 0 12px 24px rgba(0,0,0,.08);
}

/* ===================== 반응형 ===================== */
@media (max-width: 960px){
  .cj-board-list-head{ flex-wrap:wrap; gap:8px; }
  .cj-board-list-stats{ order:2; width:100%; }
  .cj-board-list-toolbar{ order:1; }
}

@media (max-width: 720px){
  .cj-board-list-searchform{
    grid-template-columns: 1fr; /* 셀렉트/검색 입력 세로 스택 */
  }
  .cj-board-list-select{ width:100%; }
  .select2-container{ width:100% !important; }
  .cj-board-list-item{
    grid-template-columns: 1fr; /* 메타를 아래로 */
  }
  .cj-board-list-meta{ justify-content:flex-start; }
}

@media (max-width: 480px){
  #bo_list.cj-board-list{ border-radius:12px; padding:10px; }
  .cj-board-list-btn{ min-height:38px; border-radius:10px; }
  .cj-board-list-item{ padding:10px 6px; }
  .cj-board-list-index{ min-width:48px; }
  .cj-board-list-title{ white-space:normal; } /* 모바일 줄바꿈 허용 */
}

/* =========================================================
   Coin Jeka - Pagination (그누보드 pg_* 스타일 오버라이드)
   - 아이콘: Font Awesome 계열 사용
   - 테마 변수만 사용(라이트/다크 자동)
   ========================================================= */

/* 래퍼 정렬 & 기본값 초기화 */
.cj-board-list-pagination .pg_wrap{
  float:none; display:flex; justify-content:center; align-items:center;
  width:100%; margin: 10px 0 0;
}
.cj-board-list-pagination .pg{ display:flex; gap:8px; flex-wrap:wrap; }

.cj-board-list-pagination .pg a{display: flex;
    justify-content: center;
    align-items: center;
}

/* 공통 버튼 */
.cj-board-list-pagination .pg_page,
.cj-board-list-pagination .pg_current,
.cj-board-list-pagination .pg_start,
.cj-board-list-pagination .pg_prev,
.cj-board-list-pagination .pg_next,
.cj-board-list-pagination .pg_end{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; height:36px; padding:0 12px;
  border:1px solid var(--border-medium, #e5e7eb);
  border-radius:10px;
  background: var(--surface-1, #fff);
  color: var(--text, #111827);
  font-weight:600; line-height:1; text-decoration:none;
  transition: background-color .15s ease, border-color .15s ease, transform .06s ease;
}
.cj-board-list-pagination .pg_page:hover,
.cj-board-list-pagination .pg_start:hover,
.cj-board-list-pagination .pg_prev:hover,
.cj-board-list-pagination .pg_next:hover,
.cj-board-list-pagination .pg_end:hover{
  background: color-mix(in oklab, var(--surface-1, #fff), var(--text, #111827) 6%);
}
.cj-board-list-pagination .pg a:focus{ outline:none; }
.cj-board-list-pagination .pg a:focus-visible{
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--brand-600, #7C5CFF), white 35%);
}

/* 현재 페이지 */
.cj-board-list-pagination .pg_current{
  background: var(--brand-600, #7C5CFF);
  border-color: var(--brand-600, #7C5CFF);
  color: #fff;
}

/* 시작/이전/다음/끝 아이콘 (Font Awesome) */
.cj-board-list-pagination .pg_start,
.cj-board-list-pagination .pg_prev,
.cj-board-list-pagination .pg_next,
.cj-board-list-pagination .pg_end{
  padding:0; min-width:36px; /* 네모 버튼 */
  background:none;           /* 기존 gif 배경 제거 */
  text-indent:0; overflow:visible; /* 기본 초기화 */
  font-size:0;               /* 내부 텍스트 숨김 */
}
.cj-board-list-pagination .pg_start::before,
.cj-board-list-pagination .pg_prev::before,
.cj-board-list-pagination .pg_next::before,
.cj-board-list-pagination .pg_end::before{
  /* Font Awesome 5/6 Free 또는 4 모두 대응 */
  font-family: "Font Awesome 5 Free","Font Awesome 6 Free","FontAwesome";
  font-weight: 900;          /* FA5/6 solid */
  font-size:14px; line-height:1;
  color: var(--text, #111827);
  display:inline-block; width:1em; text-align:center;
  /* 클릭시 살짝 눌림 효과 */
  transition: transform .06s ease;
}


/* 아이콘 글리프 (FA4/5/6 공통 코드포인트) */
.cj-board-list-pagination .pg_start::before{ content:"\f100"; } /* angle-double-left */
.cj-board-list-pagination .pg_prev::before { content:"\f104"; } /* angle-left */
.cj-board-list-pagination .pg_next::before { content:"\f105"; } /* angle-right */
.cj-board-list-pagination .pg_end::before  { content:"\f101"; } /* angle-double-right */

/* 방문 상태도 색 고정 */
.cj-board-list-pagination .pg a:visited,
.cj-board-list-pagination .pg a:active{
  color: var(--text, #111827);
}

/* 좁은 화면 최적화 */
@media (max-width: 480px){
  .cj-board-list-pagination .pg{ gap:6px; }
  .cj-board-list-pagination .pg_page,
  .cj-board-list-pagination .pg_current,
  .cj-board-list-pagination .pg_start,
  .cj-board-list-pagination .pg_prev,
  .cj-board-list-pagination .pg_next,
  .cj-board-list-pagination .pg_end{
    min-width:28px; height:28px; padding:0 8px; border-radius:8px;
    font-size: 14px;
  }
}


/* 1) '처음/이전/다음/끝' 텍스트만 숨기기 (접근성 OK) */
.cj-board-list-pagination .pg .sound_only{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* 2) 버튼 안의 일반 텍스트를 화면 밖으로 (아이콘은 ::before로 표시) */
.cj-board-list-pagination .pg_start,
.cj-board-list-pagination .pg_prev,
.cj-board-list-pagination .pg_next,
.cj-board-list-pagination .pg_end{
  position: relative;
  text-indent: -9999px;  /* 텍스트만 밀어내기 */
  overflow: hidden;
}

/* 3) 아이콘은 ::before에 별도 폰트/크기 지정 → 텍스트와 독립 */
.cj-board-list-pagination .pg_start::before,
.cj-board-list-pagination .pg_prev::before,
.cj-board-list-pagination .pg_next::before,
.cj-board-list-pagination .pg_end::before{
  content:"";                               /* 기본값 */
  position:absolute; inset:0;
    top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display:flex; align-items:center; justify-content:center;
  text-indent:0;                            /* 아이콘은 가운데 */
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome";
  font-weight:900;                          /* FA5/6 solid */
  font-size:14px; line-height:1;
  color: var(--text, #111827);
}

/* 아이콘 글리프 매핑 */
.cj-board-list-pagination .pg_start::before{ content:"\f100"; } /* angle-double-left */
.cj-board-list-pagination .pg_prev::before { content:"\f104"; } /* angle-left */
.cj-board-list-pagination .pg_next::before { content:"\f105"; } /* angle-right */
.cj-board-list-pagination .pg_end::before  { content:"\f101"; } /* angle-double-right */


/* =========================================================
   CoinZeca - View Top Actions (모노톤 아이콘바)
   - 드롭다운 대신 바깥 노출 버튼용
   - 기존 그누보드 클래스(bo_v_top/btn_bo_user)도 함께 스타일링
   ========================================================= */

/* 레이아웃: 상단 우측 정렬, 가로 플렉스 */
.cj-board-view-actions,
#bo_v_top { /* fallback: 기존 id */
  margin: 8px 0 18px;
}
.cj-board-view-actions__list,
#bo_v_top .btn_bo_user {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0; padding: 0; list-style: none;
  float: none; /* 기존 테마 float 제거 */
  flex-wrap: wrap;
}
/* 기존 li float 제거 */
#bo_v_top .btn_bo_user > li { float: none; margin: 0; }

/* 기본 버튼: 원형/모노톤 */
.cj-board-view-btn,
#bo_v_top .btn_bo_user a.btn_b01,
#bo_v_top .btn_bo_user button.btn_b01 {
  --_bg: var(--btn-secondary-bg);
  --_bd: var(--border-medium, rgba(255,255,255,.12));
  --_tx: var(--text, #e6e6e6);
  --_hover: color-mix(in oklab, var(--_bg), var(--_tx) 6%);

  width: 36px; min-width: 36px; height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0;
  border-radius: 999px;
  border: 1px solid var(--_bd);
  background: var(--_bg);
  color: var(--_tx);
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  box-shadow: none;
  transition: background-color .15s ease, border-color .15s ease, transform .06s ease;
}

/* 아이콘 크기 */
.cj-board-view-btn i,
#bo_v_top .btn_bo_user a.btn_b01 i,
#bo_v_top .btn_bo_user button.btn_b01 i {
  font-size: 14px;
  line-height: 1;
}

/* 호버/액티브 */
.cj-board-view-btn:hover,
#bo_v_top .btn_bo_user a.btn_b01:hover,
#bo_v_top .btn_bo_user button.btn_b01:hover {
  background: var(--_hover);
}
.cj-board-view-btn:active,
#bo_v_top .btn_b01:active {
  transform: translateY(1px);
}
.cj-board-view-btn:focus-visible,
#bo_v_top .btn_b01:focus-visible {
  outline: 2px solid color-mix(in oklab, var(--_bg), var(--text) 25%);
  outline-offset: 2px;
}

/* 상태 아이콘 컬러(배경은 동일, 아이콘만 색으로 구분) */
.cj-board-view-btn--danger i,
#bo_v_top .btn_bo_user i.fa-trash-o { color: var(--red-400, #F87171); }

.cj-board-view-btn--primary i,
#bo_v_top .btn_bo_user i.fa-pencil,
#bo_v_top .btn_bo_user i.fa-pencil-square-o { color: var(--brand-500, #8B75FF); }

/* 목록/검색 등 일반 아이콘은 중립 톤 유지 */
#bo_v_top .btn_bo_user i.fa-list,
#bo_v_top .btn_bo_user i.fa-search,
#bo_v_top .btn_bo_user i.fa-files-o,
#bo_v_top .btn_bo_user i.fa-arrows { color: var(--text, #e6e6e6); }

/* 드롭다운 잔존 요소 숨김(… 버튼/메뉴가 남아있다면) */
#bo_v_top .btn_more_opt.is_view_btn,
#bo_v_top .more_opt.is_view_btn { display: none !important; }

/* 기존 테마가 넣은 박스/그림자/배경 제거 보정 */
#bo_v_top .btn_b01 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 모바일 컴팩트 */
@media (max-width: 480px){
  .cj-board-view-actions { margin: 6px 0 14px; }
  .cj-board-view-actions__list,
  #bo_v_top .btn_bo_user { gap: 6px; }
  .cj-board-view-btn,
  #bo_v_top .btn_bo_user a.btn_b01,
  #bo_v_top .btn_bo_user button.btn_b01 {
    width: 34px; min-width: 34px; height: 34px; border-radius: 999px;
  }
}


.cj-view-title-h1 {
  font-size: 1.8rem;   /* 원하는 값 */
  font-weight: 700;
  line-height: 1.4;
}

.cj-view-title-h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.cj-view-title-h3 {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.4;
}

.board-view-post-meta .profile_img{margin-right:8px;}

/* 코인탐구 css */
.coin-item-list-box h3{
    margin-top:30px;
}

.coin-item-list-box ul {
    padding-left:32px;
    margin-top:6px;
    list-style-type:normal;
}

/* CJ: summernote li bullet (4px circle) */
#bo_w .note-editor .note-editing-area .note-editable ul {
  list-style: none;
  margin: 0;
  padding-left: 12px; /* 도트+간격 */
  }

#bo_w .note-editor .note-editing-area .note-editable ul > li {
  position: relative;
  padding-left: 16px; /* 도트와 텍스트 간격 */
}

#bo_w .note-editor .note-editing-area .note-editable ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 60%;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--text);
  transform: translateY(-50%);
}

/* 중첩 UL은 들여쓰기만 추가 */
#bo_w .note-editor .note-editing-area ul ul {
  padding-left: 18px;
}



/* CJ: summernote li bullet (4px circle) */
#bo_v_con ul {
  list-style: none;
  margin: 0;
  padding-left: 12px; /* 도트+간격 */
  }

#bo_v_con ul > li {
  position: relative;
  padding-left: 16px; /* 도트와 텍스트 간격 */
}

#bo_v_con ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--text);
  transform: translateY(-50%);
}

/* 중첩 UL은 들여쓰기만 추가 */
#bo_v_con ul ul {
  padding-left: 18px;
}



/* 하루이슈 */
.cj-issue-article {
  padding: 10px 0;
  border-bottom: 1px solid var(--border-medium);
}
.cj-issue-title {
  font-weight: 600;
  color: var(--text);
  margin-bottom: 4px;
}
.cj-issue-summary {
  color: var(--text-sub);
  line-height: 1.5;
  margin-bottom: 4px;
}
.cj-issue-link a {
  color: var(--brand-500);
  font-size: 0.9em;
}



/* .mk-view-content */

#bo_v_con .mb-ai-content ul{
    margin-top:8px;
margin-bottom:20px;
}

#bo_v_con .mk-view-content > h3:nth-of-type(n+2){
  margin-top:30px !important;
}


/* 게시글 본문 안 인용구 */
#bo_v_con blockquote {
    max-width: 100%;
align-items: top;
  background: var(--surface-2);
  border-left: 4px solid var(--brand-500);
  margin: 16px 0;
  padding: 0.9em 1.2em;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--text-md);
  border-radius: 6px;
  
}

#bo_v_con blockquote strong{
    width: 100%;
    display: block;
}

#bo_v_con blockquote p {
  margin: 0.5em 0;
  color: var(--text);
}

#bo_v_con blockquote::before {
    
  content: "❝";
  color: var(--brand-500);
  font-size: 2rem;
  margin-right: 0.4em;
  vertical-align: top;
  line-height: 22px;
}



.board-view-content{
    max-width: 100%;
}

/* Crypto calendar fields on the basic_list skin */
.cj-calendar-write-fields{
    padding:18px;
    border:1px solid var(--border-medium, rgba(148,163,184,.28));
    border-radius:12px;
    background:var(--surface-1, #fff);
}

.cj-calendar-write-fields__head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}

.cj-calendar-write-fields__head strong{
    color:var(--text, #111);
    font-size:16px;
    font-weight:900;
}

.cj-calendar-write-fields__head span{
    color:var(--text-sub, #777);
    font-size:12px;
    font-weight:700;
}

.cj-calendar-write-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
}

.cj-calendar-write-field{
    display:flex;
    min-width:0;
    flex-direction:column;
    gap:7px;
    color:var(--text-md, #555);
    font-size:12px;
    font-weight:800;
}

.cj-calendar-write-field span{
    color:var(--text, #111);
}

.cj-calendar-write-field em{
    color:var(--color-red, #f1356e);
    font-style:normal;
}

.cj-calendar-write-field--wide{
    grid-column:span 2;
}

#bo_w .cj-calendar-write-field .frm_input,
#bo_w .cj-calendar-write-field select{
    width:100%;
    height:42px;
    border:1px solid var(--border-medium, rgba(148,163,184,.32));
    border-radius:8px;
    background:var(--surface-1, #fff);
}

.cj-calendar-history-field textarea{
    min-height:92px;
}

.cj-calendar-list-fields{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin:8px 0 0;
    color:var(--text-sub, #777);
    font-size:12px;
    font-weight:800;
}

.cj-calendar-list-date{
    color:var(--text, #111);
    font-weight:900;
}

.cj-calendar-list-badge,
.cj-calendar-list-type,
.cj-calendar-list-source{
    display:inline-flex;
    min-height:22px;
    align-items:center;
    padding:3px 8px;
    border:1px solid var(--border-light, rgba(148,163,184,.25));
    border-radius:999px;
    background:var(--surface-2, #f6f7fb);
    color:var(--text-md, #555);
    line-height:1.2;
}

.cj-calendar-list-grade--A{
    border-color:rgba(241,53,110,.35);
    color:var(--color-red, #f1356e);
}

.cj-calendar-list-grade--B{
    border-color:rgba(245,158,11,.4);
    color:var(--color-amber, #f59e0b);
}

.cj-calendar-list-status--confirmed{
    border-color:rgba(22,163,74,.35);
    color:var(--color-green, #16a34a);
}

.cj-calendar-list-status--changed,
.cj-calendar-list-status--cancelled{
    border-color:rgba(241,53,110,.35);
    color:var(--color-red, #f1356e);
}

.cj-calendar-view-summary{
    margin:18px 0 14px;
    padding:16px;
    border:1px solid var(--border-medium, rgba(148,163,184,.28));
    border-radius:12px;
    background:var(--surface-1, #fff);
}

.cj-calendar-view-summary__badges{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:12px;
}

.cj-calendar-view-summary__grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
    margin:0;
}

.cj-calendar-view-summary__grid div{
    min-width:0;
    padding:10px;
    border-radius:8px;
    background:var(--surface-2, #f6f7fb);
}

.cj-calendar-view-summary dt{
    margin:0 0 5px;
    color:var(--text-sub, #777);
    font-size:11px;
    font-weight:900;
}

.cj-calendar-view-summary dd{
    margin:0;
    overflow:hidden;
    color:var(--text, #111);
    font-size:13px;
    font-weight:900;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.cj-calendar-view-source{
    display:inline-flex;
    margin-top:12px;
    color:var(--brand-500, #7c5cff);
    font-size:13px;
    font-weight:900;
}

.cj-calendar-view-history{
    margin:18px 0 0;
    padding:14px;
    border-left:3px solid var(--brand-500, #7c5cff);
    border-radius:8px;
    background:var(--surface-2, #f6f7fb);
}

.cj-calendar-view-history strong{
    display:block;
    margin-bottom:6px;
    color:var(--text, #111);
    font-size:13px;
    font-weight:900;
}

.cj-calendar-view-history p{
    margin:0;
    color:var(--text-md, #555);
    font-size:13px;
    line-height:1.6;
}

@media (max-width:900px){
    .cj-calendar-write-grid,
    .cj-calendar-view-summary__grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width:560px){
    .cj-calendar-write-fields__head{
        display:block;
    }

    .cj-calendar-write-fields__head span{
        display:block;
        margin-top:5px;
    }

    .cj-calendar-write-grid,
    .cj-calendar-view-summary__grid{
        grid-template-columns:1fr;
    }

    .cj-calendar-write-field--wide{
        grid-column:auto;
    }
}