@charset "utf-8"; /* 게시판 목록 */

#bo_list {position:relative;}
#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;}
#bo_list .td_date {width:60px; text-align:center}
#bo_list .td_datetime {width:140px; 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:center;}
#bo_list .td_nick {width:100px; text-align:center}
#bo_list .td_num {width:100px; text-align:center}
#bo_list .td_num2 {width:100px; text-align: center;}
#bo_list .td_num2 .notice_icon {font-size: 20px; font-weight:bold; color:#f9267f; display: flex; align-items: center; justify-content: center;}
#bo_list .td_numbig {width:80px; text-align:center}
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}

#bo_list .bo_tr:hover {background: var(--point);}
#bo_list .bo_tr > div {align-self: center;}

.td_subject img {margin-left:5px}
#bo_list .td_subject {overflow: hidden;}

/* 게시판 목록 공통 */
.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 a {font-weight:bold}

.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 button {font-size: 14px;}
.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_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}


/* 게시판 쓰기 */
#char_count_desc {display:block; margin:0 0 5px; padding:0}
#char_count_wrap {margin:5px 0 0; text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none; z-index:10; position:absolute !important; top:34px; right:0; width:350px; height:auto !important; height:180px; max-height:180px; border:1px solid #565656; background:#fff; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:""; position:absolute; top:-8px; right:45px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:""; position:absolute; top:-7px; right:45px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto; max-height:10000px !important}/* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute; font-size:0; line-height:0; overflow:hidden}
#autosave_pop div {text-align:center; margin:0 !important}
#autosave_pop button {margin:0; padding:0; border:0}
#autosave_pop ul {padding:15px; border-top:1px solid #e9e9e9; list-style:none; overflow-y:scroll; height:130px; border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px; border-bottom:1px solid #fff; background:#eee; zoom:1}
#autosave_pop li:after {display:block; visibility:hidden; clear:both; content:""}
#autosave_pop a {display:block; float:left}
#autosave_pop span {display:block; float:right; font-size:0.92em; font-style:italic; color:#999}
.autosave_close {cursor:pointer; width:100%; height:30px; background:none; color:#888; font-weight:bold; font-size:0.92em}
.autosave_close:hover {background:#f3f3f3; color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%; text-indent:-999px; overflow:hidden; height:20px; width:20px}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px; background:#fff; box-sizing:border-box}

#bo_v_table {position:absolute; top:0; right:16px; margin:0; padding:0 5px; height:25px; background:#ff3061; color:#fff; font-weight:bold; line-height:2.2em}

#bo_v_title .bo_v_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_link li {padding:15px; position:relative; margin:10px 0; border:1px solid #dfdfdf; border-radius:5px; -webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); -moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_link li i {float:left; color:#b2b2b2; font-size:2.35em; margin-right:20px}
#bo_v_link a {float:left; display:block; text-decoration:none; word-wrap:break-word; color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline; color:#3a8afd}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2; font-size:0.92em}
#bo_v_link li:hover {border-color:#bed4f4; color:#bed4f4}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}

#bo_v_top {zoom:1}
#bo_v_top:after {display:block; visibility:hidden; clear:both; content:""}
#bo_v_top h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_top ul {padding:0; list-style:none; word-break:break-all; background:#fff}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block; visibility:hidden; clear:both; content:""}
#bo_v_bot h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_bot ul {padding:0; list-style:none}

.bo_v_com {margin:20px 0; float:right}
.bo_v_com > li {position:relative; float:left; margin-left:5px}

.bo_v_nb {position:relative; margin:20px 0; clear:both; text-align:left}
.bo_v_nb:after {display:block; visibility:hidden; clear:both; content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1; padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px; color:#b3b3b3}
.bo_v_nb li .nb_tit {display:inline-block; padding-right:20px; color:#b3b3b3}
.bo_v_nb li .nb_date {float:right; color:#b3b3b3}

#bo_v_atc {min-height:200px; height:auto !important; height:200px}
#bo_v_atc_title {position:absolute; font-size:0; line-height:0; overflow:hidden}

#bo_v_img {width:100%; overflow:hidden; zoom:1}
#bo_v_img:after {display:block; visibility:hidden; clear:both; content:""}
#bo_v_img a.view_image {display:block; width: fit-content;}
#bo_v_img img {margin-bottom:20px; max-width:100%; height:auto}

#bo_v_con {margin:10px 0 30px; width:100%; line-height:1.7em; min-height:200px; word-break:break-all; overflow:hidden}
#bo_v_con a {color:#000; text-decoration:underline}
#bo_v_con img {max-width:100%; height:auto}

/* 게시판 댓글 */
.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 h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_vc h1 {position:absolute; font-size:0; line-height:0; overflow:hidden}


.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 #D2D2D2 !important; background:#fff; color:#000; vertical-align:middle; border-radius:4px!important; padding:12px 16px; 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)}
.bo_vc_w_info {margin:10px 0; float:left}
.bo_vc_w_info:after {display:block; visibility:hidden; clear:both; content:""}
.bo_vc_w_info .frm_input {float:left; margin-right:5px}
.bo_vc_w_info #captcha {padding-top:10px; display:block; clear:both}
.bo_vc_w .btn_confirm {clear:both; margin-top:10px}
.bo_vc_w .btn_confirm label {display:inline-block; margin-right:10px; border-radius:3px; font-size:1.5em; text-align:center}
.bo_vc_w .btn_submit {height:45px; padding:0 20px; border-radius:3px; font-weight:bold; font-size:1.083em; border-radius: 999px;}
.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_w .bo_v_option li {display:inline-block; float:left; text-align:left; margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0; margin-right:5px}
#bo_w .write_div {margin:10px 0; position:relative}
#bo_w .write_div:after {display:block; visibility:hidden; clear:both; content:""}
#bo_w .bo_w_info:after {display:block; visibility:hidden; clear:both; content:""}
#bo_w .bo_w_info .frm_input {float:left; margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_tit #btn_autosave {position:absolute; top:5px; right:5px; line-height:30px; height:30px}
#bo_w .bo_w_link label {position:absolute; top:1px; left:1px; border-radius:3px 0 0 3px; height:38px; line-height:38px; width:40px; font-size:1.2em; text-align:center; color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute; top:0px; left:0px; border-radius:3px 0 0 3px; height:38px; line-height:38px; width:40px; font-size:1.2em; text-align:center; color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px; margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative; border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; height:40px; margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute; top:10px; right:10px; font-size:0.92em; color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db; width:100%; height:40px; border-radius:3px}
#bo_w .btn_submit {padding:0 20px; font-size:1.167em}
#bo_w .btn_cancel {border-radius:3px; font-size:1.167em}

/*20260330 홍경은 추가 시작*/
#bo_write {padding: 136px 0 200px;}
#bo_write .title,#bo_view .title,#bo_list .title {text-align: center; margin-bottom: 100px;}
#bo_write .title h3,#bo_view .title h3,#bo_list .title h3 {font-size: 36px; font-weight: 700; line-height: 130%; margin-bottom: 38px;}
#bo_write .title p,#bo_view .title p,#bo_list .title p {font-size: 20px; font-weight: 500; line-height: 150%;}
#bo_write .title > span {color: #7A7878; font-size: 18px; font-weight: 500; line-height: 150%; display: block; margin-top: 4px;}
#bo_write .writeWrap {border-top: 1px solid #1B1818;}
#bo_write form {display: flex; flex-wrap: wrap; column-gap: 36px;}
#bo_write form > * {padding: 20px 8px; display: flex; align-items: center; gap: 35px; border-bottom: 1px solid #D2D2D2; width: 100%;}
#bo_write form > *.input-box-50w {width: calc((100% - 36px) / 2);}
#bo_write form > * >label,#bo_write .bo_w_privacy > span {width: 100px; color: #231916; font-size: 18px; font-weight: 600; line-height: 150%; padding-left: 0;}
#bo_write .radio-wrap {display: flex; align-items: center; gap: 35px;}
#bo_write .radio-box {display: flex; align-items: center; gap: 12px;}
#bo_write .radio-box input[type="radio"] {appearance: none; -webkit-appearance: none; width: 22px; height: 22px; border: 1px solid #A6A5A5; border-radius: 2px;}
#bo_write .radio-box input[type="radio"]:checked {position: relative; border: 2px solid var(--highlight );}
#bo_write .radio-box input[type="radio"]:checked::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 12px; height: 12px; background:var(--highlight );}

#bo_write .bo_w_contact:has(#contact2:checked) ~ .bo_w_select {display: none;}

#bo_write .radio-box label {font-size: 18px; font-weight: 500; line-height: 150%; color: #1B1818;}
.writeWrap #ca_name {padding: 12px 16px; min-width: 220px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1.7125 0.2925L5.5925 4.1725L9.4725 0.2925C9.8625 -0.0975 10.4925 -0.0975 10.8825 0.2925C11.2725 0.6825 11.2725 1.3125 10.8825 1.7025L6.2925 6.2925C5.9025 6.6825 5.2725 6.6825 4.8825 6.2925L0.2925 1.7025C-0.0975 1.3125 -0.0975 0.6825 0.2925 0.2925C0.6825 -0.0875 1.3225 -0.0975 1.7125 0.2925Z' fill='%2358616A'/%3E%3C/svg%3E")no-repeat center right 16px; border-radius: 4px; border: 1px solid var(--gray400, #D2D2D2); font-size: 18px; font-weight: 500; line-height: 150%;}
#bo_write input {border: 0; box-shadow: none; flex: 1;font-size: 18px;}
#bo_write input[type="text"]:not(#captcha_key):focus, #bo_write input[type="email"]:focus, #bo_write input[type="tel"]:focus {border: 0 !important; border-bottom: 1px solid #A6A5A5!important;}
#bo_write input::placeholder {color: #7A7878; font-size: 18px; font-weight: 500; line-height: 150%;}
#bo_write input.required {background: none !important;}
#bo_write #wr_password {border: 1px solid var(--gray400); border-radius: 4px;}
#bo_write #wr_password:hover {border-color: #A6A5A5;}
#autosave_wrapper {flex: 1;}
#bo_write form .bo_write_cont {flex-direction: column; gap: 16px; align-items: start;}
#bo_write form .bo_write_cont .wr_content {width: 100%;}
.writeWrap .bo_w_flie .file_wr .file_custom label {gap: 20px;}
.writeWrap .bo_w_flie .file_wr .file_custom .file_name {min-width: 600px; border-radius: 4px; border: 1px solid #D2D2D2; color: #7A7878; font-size: 18px; font-weight: 500; line-height: 150%; padding: 12px 16px; height: auto;}
.writeWrap .bo_w_flie .file_wr .file_custom .btn {padding: 12px 16px; border-radius: 4px; background: #EAEAEA !important; color: #000; font-size: 18px; font-weight: 500; line-height: 150%; height: auto;}
#bo_write form > *.bo_w_pw {flex-wrap: wrap; row-gap: 16px;}
#bo_write form > *.bo_w_pw p {width: 100%; display: block; color: #7A7878; font-size: 18px; font-weight: 500; line-height: 150%;}
#bo_write .bo_w_privacy {display: flex; flex-direction: column; gap: 16px; align-items: start;}
#bo_write .bo_w_privacy > span {width: 100%;}
#bo_write .bo_w_privacy .privacy-box {padding: 12px 16px; width: 100%; min-height: 134px; border-radius: 4px; border: 1px solid var(--gray400, #D2D2D2);}
#bo_write .bo_w_privacy .privacy-box p {overflow-y: auto; color: #7A7878; font-size: 18px; font-weight: 500; line-height: 150%;}
#bo_write .bo_w_privacy .privacy-box p::-webkit-scrollbar {width: 6px;}
#bo_write .bo_w_privacy .privacy-box p::-webkit-scrollbar-thumb {background: #D9D9D9; border-radius: 10px;}
#bo_write .bo_w_privacy .privacy-box p::-webkit-scrollbar-thumb:hover {background: var(--highlight);}
#bo_write .bo_w_privacy .check-box {display: flex; align-items: center; gap: 10px; margin-left: auto;}
#bo_write .bo_w_privacy .check-box input[type="checkbox"] {display: none;}
#bo_write .bo_w_privacy .check-box label {display: flex; align-items: center; gap: 16px; font-size: 18px; font-weight: 500; color: #7A7878;}
#bo_write .bo_w_privacy .check-box label span {display: flex; align-items: center; width: 22px; height: 22px; border: 1px solid #A6A5A5; border-radius: 2px; transition: border-color 0.2s,background-color 0.2s;}
#bo_write .bo_w_privacy .check-box input[type="checkbox"]:checked + label span {border-color: var(--highlight); background-color: var(--highlight); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M4 11l5 5 9-9' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 80%;}
#bo_write form > *.bbs-btns {border: 0; padding: 0; margin-top: 80px;}
#bo_write form > *.bbs-btns >* {border-radius: 999px; font-size: 18px; font-weight: 700; line-height: 100%;}
#bo_write form > *.bbs-btns > a {display: flex; justify-content: center; align-items: center;}
#bo_write form > *.bbs-btns > .btn_cancel {border: 0; background: var(--primary); color: var(--white);}

.contact-submit-loading {position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(24, 24, 24, 0.45); z-index: 20000; }
.contact-submit-loading.is-active {display: flex; }
.contact-submit-loading__inner {width: clamp(0px, 92vw, 320px); padding: 28px 24px; border-radius: 14px; background: #fff; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center;}
.contact-submit-loading__spinner {width: 42px; height: 42px; border-radius: 50%; border: 4px solid #e6e6e6; border-top-color: var(--highlight); animation: contact-submit-spin 0.9s linear infinite; }
.contact-submit-loading__text {margin: 0; color: #231916; font-size: 16px; font-weight: 500; line-height: 150%; }
@keyframes contact-submit-spin {to {transform: rotate(360deg);}}

.writeWrap .bo_w_flie .file_del.check-box {display: flex; align-items: center; gap: 10px;}
.writeWrap .bo_w_flie .file_del.check-box input[type="checkbox"] {display: none;}
.writeWrap .bo_w_flie .file_del.check-box label {display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 16px; color: #7A7878; margin-top: 4px;}
.writeWrap .bo_w_flie .file_del.check-box label span {display: inline-block; width: 14px; height: 14px; border: 2px solid #A6A5A5; border-radius: 3px; flex-shrink: 0; transition: border-color 0.2s,background-color 0.2s;}
.writeWrap .bo_w_flie .file_del.check-box input[type="checkbox"]:checked + label span {border-color: var(--highlight); background-color: var(--highlight); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M4 11l5 5 9-9' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 80%;}


#bo_view {padding: 136px 0 150px;}
.viewWrap .view-header {padding: 0; border-top: 1px solid #1B1818; border-bottom: 0;}
.viewWrap .view-header .tit .top {display: flex; gap: 60px; align-items: center; padding: 20px;}
.viewWrap .view-header .tit .top h3 {padding: 0; color: #231916; font-size: 28px; font-weight: 500; line-height: 130%; flex: 1;}
.viewWrap .view-header .tit .top .top-info {display: flex; align-items: center; gap: 20px; font-size: 18px; font-weight: 500; line-height: 150%;}
.viewWrap .view-header .tit .top .top-info span {display: flex; align-items: center; gap: 20px;}
.viewWrap .view-header .tit .top .top-info span+span::before {content: '|'; display: flex; align-items: center; gap: 20px;}
.viewWrap .view-header .tit .top > em {border-radius: 4px; background: var(--gray500, #A6A5A5); display: flex; width: 100px; padding: 4px 16px; justify-content: center; align-items: center; color: #FFF; text-align: center; font-size: 18px; font-weight: 500; line-height: 150%;}
.viewWrap .view-header .tit .top > em.end {background: var(--highlight);}
.viewWrap .view-header .tit .sub {padding: 20px 8px; border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2;}
.viewWrap .view-cont {padding: 20px; border-bottom: 1px solid #D2D2D2;}

.viewWrap .listGo {display: flex; justify-content: space-between; align-items: center; margin-top: 80px;}
.viewWrap .listGo a {width: 185px; padding: 24px 36px; border-radius: 999px; background: #231916; color: #FFF; text-align: center; font-size: 18px; font-weight: 700; line-height: 100%; display: flex; align-items: center; justify-content: center; height: auto; }
.viewWrap .listGo a.link-delete {background: #A6A5A5;}
.viewWrap .listGo a.link-list {margin: 0 auto;}
.viewWrap .listGo .link-delete ~ .link-list {margin: 0;}
#bo_vc header {display: flex; justify-content: space-between; width: 100%; padding: 20px; gap: 20px;}
#bo_vc header .comment-title {color: #231916; font-size: 28px; font-weight: 450; line-height: 130%;}
#bo_vc header .bo_vc_hdinfo {color: var(--primary, #231916); text-align: center; font-size: 18px; font-weight: 500; line-height: 150%; display: flex; align-items: center;}
.cmt_contents {border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; background: var(--gray200, #F5F5F5); padding: 20px;}
.cmt_contents p {min-height: 400px; color: #231916; font-size: 18px; font-weight: 500; line-height: 150%}
.cmt_contents p::-webkit-scrollbar {width: 6px;}
.cmt_contents p::-webkit-scrollbar-thumb {background: #D9D9D9; border-radius: 10px;}
.cmt_contents p::-webkit-scrollbar-thumb:hover {background: var(--highlight);}
#bo_list {padding: 136px 0 150px;}
#bo_list .td_status {text-align: center; white-space: nowrap; width: 120px;}
#bo_list .td_status em {display: inline-block; padding: 6px 16px; border-radius: 4px; font-style: normal; font-size: 15px; font-weight: 600; background: #A6A5A5; color: #fff;}
#bo_list .td_status em.end {background: var(--highlight);}

#bo_list .bo_tit a {display: block;}
#bo_list .bo_tit a p {text-align: left; display: flex; align-items: center; gap: 8px; color: #231916; overflow: hidden;}
#bo_list .bo_tit a p .tit_text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1;}
.tbl_head01 .bo_tr > div {padding: 20px 0; font-size: 18px; font-weight: 500; line-height: 1.5; color: #4E4B4B;}
.tbl_head01 .bo_thead .bo_tr > div {color: #231916; text-align: center;}
.tbl_wrap .bo_table {border-top: 1px solid #1B1818;}
.bo_table {display: block;}
.bo_thead, .bo_tbody {display: block;}
.bo_tr {display: grid; grid-template-columns: 100px 1fr 90px 140px 120px; align-items: center;}
.bo_table.has_chk .bo_tr {grid-template-columns: 30px 100px 1fr 90px 140px 120px; border-bottom: 1px solid #D2D2D2;}

#bo_list .btn-box {margin-top: 60px; display: flex; justify-content: end;}
#bo_list .btn-contact {width: 185px; padding: 24px 36px; border-radius: 999px; background: #231916; color: #FFF; text-align: center; font-size: 18px; font-weight: 700; line-height: 100%; height: auto;}
#bo_write .wr_content #wr_content{border-radius: 4px !important; border: 1px solid #D2D2D2;}
#bo_list .bo_sch_wrap {margin-bottom: 40px;}
#bo_list .bo_sch form {display: flex; align-items: center; gap: 16px; justify-content: end;}
#bo_list .bo_sch form #sfl {border-radius: 4px; border: 1px solid #D2D2D2; padding: 12px 16px; font-size: 18px; font-weight: 500; color: #231916; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1.7125 0.2925L5.5925 4.1725L9.4725 0.2925C9.8625 -0.0975 10.4925 -0.0975 10.8825 0.2925C11.2725 0.6825 11.2725 1.3125 10.8825 1.7025L6.2925 6.2925C5.9025 6.6825 5.2725 6.6825 4.8825 6.2925L0.2925 1.7025C-0.0975 1.3125 -0.0975 0.6825 0.2925 0.2925C0.6825 -0.0875 1.3225 -0.0975 1.7125 0.2925Z' fill='%2358616A'/%3E%3C/svg%3E") no-repeat center right 12px; min-width: 220px;}
#bo_list .bo_sch form .sch_bar {display: flex; align-items: center; border-radius: 4px; border: 1px solid #D2D2D2;}
#bo_list .bo_sch form .sch_bar .sch_input {border: 0; padding: 12px 16px; font-size: 16px; width: 100%; box-shadow: none;}
#bo_list .bo_sch form .sch_bar .sch_input:focus {border: 0 !important;}
#bo_list .bo_sch form .sch_bar .sch_btn {padding-right: 16px;}
#bo_list .bo_sch form .sch_bar .sch_btn:hover {color: var(--highlight);}
.viewWrap .view-header .tit .sub {color: #4E4B4B; font-size: 18px; font-weight: 500; line-height: 150%;}
.viewWrap .view-header .tit .sub .date{display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 4px;}
.viewWrap .view-header .tit .sub .date li{margin: 0;}
.viewWrap .view-header .tit .sub .date li::after{display: none;}
/*20260330 홍경은 추가 끝*/





@media (max-width: 1400px){
    .viewWrap .view-header .tit .top{gap: 20px;}
    #bo_write form{column-gap: 12px;}
    #bo_write form > *.input-box-50w {width: calc((100% - 12px) / 2);}
}

@media (max-width: 1200px){
  #bo_write .title, #bo_view .title, #bo_list .title {margin-bottom: 40px;}
  #bo_write .title h3, #bo_view .title h3, #bo_list .title h3 {font-size: 28px; margin-bottom: 20px;}
  #bo_write .title p, #bo_view .title p, #bo_list .title p {font-size: 18px;}
  #bo_write .title > span {font-size: 16px;}
  .tbl_head01 .bo_tr > div,#bo_list .bo_sch form #sfl,#bo_list .bo_sch form .sch_bar .sch_input,#bo_write form > * >label, #bo_write .bo_w_privacy > span,#bo_write .radio-box label,#bo_write input,#bo_write input::placeholder,.writeWrap #ca_name,.writeWrap .bo_w_flie .file_wr .file_custom .file_name,.writeWrap .bo_w_flie .file_wr .file_custom .btn,#bo_write form > *.bo_w_pw p,#bo_write .bo_w_privacy .privacy-box p,#bo_write .bo_w_privacy .check-box label {font-size: 16px;}
  #bo_list .bo_sch_wrap {margin-bottom: 24px;}
  #bo_list .btn-box {margin-top: 40px;}
  .viewWrap .view-header .tit .top{flex-wrap: wrap;row-gap: 4px;}
  .viewWrap .view-header .tit .top h3{width: 100%;order: 1;flex: none;}
  .viewWrap .view-header .tit .top .top-info{margin-left: auto;}
}

@media (max-width: 768px){
  .bo_tr .td_num2,
  .bo_tr .td_name,
  .bo_tr .td_datetime {display: none;}
  .bo_tr {grid-template-columns: 1fr 100px;}
  .bo_table.has_chk .bo_tr {grid-template-columns: 30px 1fr 100px;}
  .bo_table:not(.has_chk) .bo_thead .bo_tr > div:nth-child(1),
  .bo_table:not(.has_chk) .bo_thead .bo_tr > div:nth-child(3),
  .bo_table:not(.has_chk) .bo_thead .bo_tr > div:nth-child(4) {display: none;}
  .bo_table.has_chk .bo_thead .bo_tr > div:nth-child(2),
  .bo_table.has_chk .bo_thead .bo_tr > div:nth-child(4),
  .bo_table.has_chk .bo_thead .bo_tr > div:nth-child(5) {display: none;}
  .tbl_head01 .bo_tr > div {padding: 14px 0; font-size: 15px;}
  #bo_list .bo_sch form {gap: 4px; flex-wrap: wrap;}
  #bo_list .bo_sch form #sfl {min-width: 0;}
  #bo_list .bo_sch form .sch_bar .sch_input {width: 190px;}
  #bo_list, #bo_view,#bo_write {padding: 80px 0;}
  #bo_list .btn-contact, .viewWrap .listGo a {padding: 12px 20px; width: auto;}

  .viewWrap .view-header .tit .top {gap: 16px; padding: 16px;}
  .viewWrap .view-header .tit .top h3 {font-size: 20px;}
  .viewWrap .view-header .tit .top .top-info {font-size: 15px; gap: 10px;}
  .viewWrap .view-header .tit .top > em {font-size: 14px; width: auto; padding: 4px 12px;}

  .viewWrap .move-view .view {width: 100%;}
  .viewWrap .move-view .view.next {border-top: 1px solid #E3E5EE;}

  #bo_vc header {flex-direction: column; gap: 8px; padding: 16px;}
  #bo_vc header .comment-title {font-size: 20px;}
  .cmt_contents p {min-height: 200px; font-size: 16px;}
  .viewWrap .move-view .view a{padding: 14px 0;align-items: center;gap: 4px;flex-wrap: wrap;}

  #bo_write form > * {padding: 12px 8px; gap: 12px; flex-wrap: wrap;}
  .contact-submit-loading__inner {padding: 22px 16px; border-radius: 12px; }
  .contact-submit-loading__text {font-size: 15px; }
  #bo_write form > *.input-box-50w {width: 100%;}
  .writeWrap #ca_name,.writeWrap .bo_w_flie .file_wr .file_custom .file_name,.writeWrap .bo_w_flie .file_wr .file_custom .btn{padding: 8px 12px;}
  #bo_write .bo_w_privacy .check-box label{gap: 4px;}
  .bbs-btns .btn.cancle{margin: 0;}
  .writeWrap .bbs-btns .btn{width: 100%;}
  .writeWrap .bo_w_flie .file_wr .file_custom .file_name{min-width: 0;width: 100%;}
  .writeWrap .bo_w_flie .file_wr .file_custom label{gap: 4px;}
  .file_wr{width: 100% !important;}
  .writeWrap .bo_w_flie{flex-direction: column;align-items: start;}
  #bo_write .writeWrap .bo_w_flie label  {width: 100%;}
}

@media (max-width: 480px){
  .bo_tr {grid-template-columns: 1fr 90px;}
  .bo_table.has_chk .bo_tr {grid-template-columns: 30px 1fr 90px;}
  #bo_list .td_status em {padding: 5px 10px; font-size: 13px;}
  .tbl_head01 .bo_tr > div {font-size: 13px;}

  #bo_write form > * {flex-direction: column; align-items: start;}


  .viewWrap .listGo {flex-direction: column; gap: 10px;}
  .viewWrap .listGo a {width: 100%; font-size: 15px; padding: 16px 20px;}
}