@charset "utf-8";
/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 쓰기 버튼 */
#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
#bo_w .btn_cancel {font-size:1.167em;border-radius:3px}

/* 기본 테이블 */
/* 목록 테이블 */
#bo_list {position:relative}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list tbody .even td {background:#fbfbfb}

/* 쓰기 테이블 */
#bo_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:80px;text-align:center}
#bo_list .td_datetime {width:60px;text-align:center;font-style:italic}
#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:40px;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 .td_stat, #bo_v_rel .td_stat {width:100px;text-align:center}
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}
#bo_list .txt_done, #bo_v_rel .txt_done {display:inline-block;height:30px;line-height:30px;padding:0 10px;border-radius:3px;color:#fff;font-size:1em;background:#f6bb42;font-weight:bold}
#bo_list .txt_done i, #bo_v_rel .txt_done i {font-size:13px}
#bo_list .txt_rdy, #bo_v_rel .txt_rdy {display:inline-block;height:30px;line-height:28px;padding:0 10px;border-radius:3px;color:#fff;font-size:1em;background:#ccd1d9;font-weight:bold}
#bo_list .txt_rdy i, #bo_v_rel .txt_rdy i {font-size:13px}

/* 게시판 목록 */
#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}


/* 게시판 목록 공통 */
#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_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:26px;color:#4e546f; font-weight: 500;}

.btn_bo_user {float:right;margin: 16px 0 0 0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.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:#f5f6fa}
.bo_notice td 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:5px;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:5px;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;float:inherit;width:64px;margin:0;color:#6b757c;text-align:left}
.more_opt li a {font-size:1em}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#none;color:#333}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:36px}

.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:auto;line-height:10px;padding:7px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}
.bo_tit {display:block;color:#000;font-weight:bold}
.td_subject .fa-download {width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}

.bo_current {color:#e8180c}
#bo_list .profile_img img {border-radius:50%}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478}
#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;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;vertical-align:middle}

.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left; font-size: 14px;}
.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_wrp {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;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
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:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;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}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding-bottom:20px; width: 80%; margin: 0 auto;padding-bottom: 80px;}
#bo_v_table {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v header {background:#fff;border:1px solid #dde7e9;border-bottom:0;border-radius:3px 3px 0 0}
#bo_v_title {font-size:1.6em;padding:20px 20px 10px}
#bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;word-break:break-all}
#bo_v_title .bo_v_cate {display:inline-block;line-height:23px;font-size:0.6em;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;vertical-align:middle}

#bo_v_info {position:relative;padding:0 20px 20px;background:#fff;border:1px solid #dde7e9;border-bottom:1px solid #f1f1f1;color:#555;border-top:0}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 7px 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 .bo_date {}
#bo_v_info .profile_img img {border-radius:50%}

#bo_v_file {margin:10px 0 0;background:#f3f3f3}
#bo_v_file h2 {margin:0;padding:0 !important;height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px;position:relative}
#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_contact {border-bottom:1px solid #ddd}
#bo_v_contact h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_contact dl {margin:0;padding:0;list-style:none;zoom:1}
#bo_v_contact dl:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_contact dt, #bo_v_contact dd {float:left;margin:0;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_contact dt {clear:both;padding:8px 0 8px 30px;width:100px;font-weight:bold}
#bo_v_contact dd {padding:8px 0;width:598px}

#bo_v_top {zoom:1;position:absolute;top:-21px;right:20px}
#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 {margin:0;padding:0;list-style:none}

.bo_v_nb {display:none;width:100%}
.bo_v_nb li {margin:10px 0;float:left;width:49.5%;text-align:right;color:#b3b3b3;font-size:0.75em}
.bo_v_nb li:first-child {margin-right:1%;text-align:left}
.bo_v_nb li:hover {background:#f6f6f6}
    
.bo_v_com {float:right}
.bo_v_com > li {position:relative;float:left;margin-left:5px}

#bo_v_atc {min-height:100px;background:#fff;height:auto !important;height:100px;padding:20px;border:1px solid #dde7e9;border-top:0}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

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

#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;
    border-bottom: 1px solid #f1f1f1;
  padding: 30px 0;  


}
#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 a {margin-right:5px;vertical-align:top}
#bo_v_act span {display:inline-block;margin-right:5px;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:top}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good,
#bo_v_act_nogood {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

#bo_v_addq {margin:0 0 30px;text-align:right}

#bo_v_ans {margin:15px 0 30px;border:1px solid #dde7e9;background:#fff;border-radius:3px}
#bo_v_ans header {position:relative;border:0;background:pink}
#bo_v_ans h2 {font-size:1.6em;padding:20px 20px 10px}
#bo_v_ans h2 span {display:inline-block;font-size:11px;background:#fff;border-radius:30px;vertical-align:text-bottom;height:22px;line-height:22px;border:1px solid #a9c6fe;line-height:22px;padding:0 5px;color:#3a8afd;font-weight:normal}
#bo_v_ans #ans_datetime {padding:0 20px 20px;font-size:0.92em;background:#fff;border-bottom:1px solid #f1f1f1;color:#666}
#bo_v_ans #ans_con {margin:0 0 10px;padding:15px;line-height:1.8em}
#bo_v_ans #ans_con img {max-width:100%;height:auto}
#bo_v_ans #ans_add {position:absolute;top:-10px;right:15px;text-align:right}
#bo_v_ans .more_add {display:none;position:relative;margin-top:10px;border:1px solid #b8bfc4;background:#fff}
#bo_v_ans .more_add: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_v_ans .more_add: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_v_ans .more_add li:first-child {border-bottom:1px solid #f1f1f1}
#bo_v_ans .more_add a {font-size:14px}
#ans_msg {padding:40px 0;background:#f2f5f9;text-align:center}

.bo_v_btn {text-align:center}
.bo_v_btn .add_qa {display:inline-block;background:#3a8afd;color:#fff;text-align:center;border-radius:3px;width:280px;height:57px;line-height:57px;font-size:1.2em;margin:0 auto;font-weight:bold}

#bo_v_rel {margin:0 0 30px;padding:30px 0 0}
#bo_v_rel h2 {margin:0 0 10px;font-size:1.2em}

#bo_v_ans_form h2 {margin:10px 0;font-size:1.167em}
#bo_v_ans_form .btn_submit {height:50px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}

/* 게시판 댓글 */
#bo_vc {padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f5f6fa}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc fieldset {margin:0 0 10px;padding:0}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#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_sns {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 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

#bo_vc form {padding:0}

/*글쓰기*/
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w li, .form_01 li {position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;width:33%}
#bo_w #wr_password {margin:0 0.5%}
.qa_content_wrap.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, .form_01 .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon, .form_01 .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, .form_01 .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr, .form_01 .bo_w_flie .file_wr {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, .form_01 .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 .bo_w_mail {float:left;width:100%}
#bo_w .bo_w_hp {float:right;width:49.5%}
#bo_w .bo_w_sbj {clear:both}
#bo_w .frm_info {position:relative;line-height:18px;color:#3497d9;margin:10px 0;display:inline-block;font-size:1em}

.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;padding-left:10px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:0;left:0;width:17px;height:17px;display:block;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_cate {
    font-family: 'Pretendard';
    margin: 25px 0;
}
#bo_list .td_stat, #bo_v_rel .td_stat {
    width: 140px;
    text-align: center;
}
#bo_list .td_date {
    width: 140px;
    text-align: center;
}
#bo_list {
    font-family: 'Pretendard';
    margin: 52px auto;
    width: 80%;
    position: relative;
}
#bo_cate ul {
    font-size: 16px;
    zoom: 1;
}
#bo_list_total span {
    color: #416EF2;
    font-weight: 900;
}
#bo_cate #bo_cate_on {
    z-index: 2;
    background: #416EF2;
    color: #fff;
    font-weight: bold;
    border: 1px solid #416EF2;
    -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);
}
.btn_bo_user li {
    float: left;
    text-align: center;
    margin-left: 10px;
    background: #416EF2;
    padding: 0px 6px;
    border-radius: 50px;
}
/* .btn_admin{ 
    display: none !important;
} */

a.btn_admin, .btn_admin {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}
thead, tfoot {
    background-color:#fff;
}
#bo_list .txt_done, #bo_v_rel .txt_done {
    display: inline-block;
    font-family: 'Pretendard';
    height: 100%;
    padding: 3px 10px;
    border-radius: 62px;
    color: #fff;
    font-size:16px;
    background: #416EF2;
    font-weight: 500;
}
.even{
    align-items: center;
}

#bo_btn_top {
    margin: 40px 0 10px 0;
    border-bottom: none;
    padding-bottom: 20px;
}
.bo_fx ul {
    margin: 54px 0;
    padding: 0;
    list-style: none;
}
#bo_w{
    width: 80%;
    margin: 0 auto;
}

#container_title {
    font-size: 24px;
    width: 80%;
    margin: 0 auto;
    font-weight: 600;
    padding: 70px 0 60px 0;
    color: #333;
    text-align: left;
}
#bo_list .txt_rdy, #bo_v_rel .txt_rdy {
    display: inline-block;
    height: 100%;
    line-height: 28px;
    padding: 3px 10px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    background: #bebebe;
    font-weight: bold;
}
#bo_v_top ul .more_opt {
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    border: 1px solid #999999;
}
.fa-edit:before, .fa-pencil-square-o:before {
    color: #333;
    content: "\f044";
}
.fa-trash-o:before {
    content: "\f014";
    color: #fff;
}

.btn_confirm {
    width: 100%;
}
.btn_more_add {
    color: #333;
}

/*문의클릭*/
#bo_v_top ul {
    background:#416EF2;
    border-radius: 30px;
    padding: 0;
    list-style: none;
    word-break: none;
}

#bo_v_atc {
    min-height: 100px;
    background: #fff;
    height: auto !important;
    height: 100px;
    padding: 20px;
    border: 1px solid #dde7e9;
    border-top: 0;
}
#bo_v_info {
border: none;
}
.bo_v_btn .add_qa {
display: none;
}
#bo_v header {
    border: none;
}
#bo_v_atc {
    min-height: 100px;
    background: #fff;
    height: auto !important;
    height: 100px;
    padding: 20px;
    border: 1px solid #dde7e9;
    border-top: 1px solid #dde7e9;
}
#bo_w .bo_w_flie .file_wr, .form_01 .bo_w_flie .file_wr {
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    height: 52px;
    margin: 0;
}
#bo_w .btn_submit {
    padding: 0 20px;
    font-size: 16px;
}
#bo_w .btn_cancel {
    font-size: 16px;
    border-radius: 30px;
}
.btn_submit {
    border: 0;
    background: #416EF2;
    color: #fff;
    cursor: pointer;
    border-radius: 30px;
}
.btn_margin{
    padding-bottom: 50px;
}

#bo_w .write_div {
    text-align: center;
    margin: 16px 0 10px 0;
    position: relative;
}
textarea, select {
    font-family: 'Pretendard';
    font-size: 14px;
}
body {
    word-break: keep-all;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Pretendard';
    background: #fff;
    color: #333333;
    overflow-x: hidden;
}
.fa {
    color: #fff;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#bo_v_ans_form h2 {
    margin: 20px auto;
    font-size: 18px;
}
#bo_v_atc {
    margin: 0 auto;

    min-height: 100px;
    background: #fff;
    height: auto !important;
    height: 100px;
    padding: 20px;
    border: none;
    border-top: none;
}
#bo_v_info {
    font-size: 14px;
    margin: 0px auto;
    position: relative;
    padding: 7px 0 20px 11px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #f1f1f1;
    color: #555;
    border-top: 0;
}
#bo_v_title {
    width: 100%;
    text-align: left;
    font-size: 20px;
    padding: 24px 20px 3px 10px;
}
#bo_v_ans #ans_datetime {
    padding: 0 20px 20px;
    font-size: 14px;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    color: #666;
}
#bo_v_ans h2 {
    font-size: 20px;
    padding: 20px 20px 10px;
}
#bo_v_ans #ans_con {
    font-size: 20px;
    margin: 0 0 10px;
    padding: 15px;
    line-height: 1.8em;
}
#bo_v_ans {
    margin: 0 auto;
    /* margin: 15px 0 30px; */
    border: 1px solid #dde7e9;
    background: #fff;
    border-radius: 3px;
}
a.btn_admin, .btn_admin {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}

#bo_w .bo_w_flie .frm_file, .form_01 .bo_w_flie .frm_file {
    font-size: 14px;
    padding-left: 50px;
    margin-top: 3px;
}

#bo_v_ans_form .btn_submit {
    height: 35px;
    padding: 0 20px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 16px;
}
.fa-download:before {
    color: #fff;
    content: "\f019";
}
#fwrite{
    width: 100%;
    margin: 0 auto;
}
.fa-arrow-up:before {
    color: #333;
    content: "\f062";
}
.fa-ellipsis-v:before {
    color: #fff;
    content: "\f142";
}
#bo_w .bo_w_flie .lb_icon, .form_01 .bo_w_flie .lb_icon {
    align-items: center;
    position: absolute;
    top: 5px;
    left: 9px;
    border-radius: 3px 0 0 3px;
    height: 38px;
    line-height: 38px;
    width: 40px;
    font-size: 18px;
    text-align: center;
    color: #b2b2b2;
}
.fa-clock-o:before {
    color: #999;
    content: "\f017";
}
.fa-envelope-o:before {
    color: #999;
    content: "\f003";
}
.fa-download:before {
    color: #333;
    content: "\f019";
}

.btn_more_add {
    background: #416EF2;
}
.bo_w_name{
    width: 50%;
}



@media screen and (max-width:1024px){


    #bo_list .txt_rdy, #bo_v_rel .txt_rdy {
        display: inline-block;
        height: 24px;
        line-height: 22px;
        padding: 1px 10px;
        border-radius: 30px;
        color: #fff;
        font-size: 1em;
        background: #d6d6d6;
        font-weight: bold;
    }
    
    .table_head01tbl_ thead .col:nth-child(2){
        display: none;
    }

    .tbl_head01 thead th {
        display: none;
        font-size: 1.2rem;
        padding: 35px 20px;
        font-weight: normal;
        text-align: left;
        border-bottom: 1px solid #ececec;
        height: 40px;
    }
    #bo_list .td_name {
        margin-left: 47px;
        width: fit-content;
        text-align: left;
        padding: 10px 0;
    }

    #bo_list .tbl_head01 table tbody > tr {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        row-gap: 0px;
        padding: 10px 0;
        border-bottom: 1px solid #11080010;
    }
    .tbl_head01 td {
        font-size: 16px;
        color: #666;
        padding: 8px 0px;
        border: none;
        line-height: 0em;
        height: 36px;
        word-break: break-all;
    }
    #bo_list .txt_done, #bo_v_rel .txt_done {
        display: inline-block;
        font-family: 'Pretendard';
        /* height: 42px; */
        line-height: 1px;
        /* padding: 21px 14px; */
        border-radius: 62px;
        color: #fff;
        font-size: 1em;
        /* background: #416EF2; */
        font-weight: 500;
    }
    #bo_list .td_stat, #bo_v_rel .td_stat {
        width: 107px;
        text-align: center;
    }
    #bo_list tbody .even td {
        background: none;
    }
    #bo_list .txt_done, #bo_v_rel .txt_done {
        
        display: inline-block;
        font-family: 'Pretendard';
        height: 24px;
        line-height: 0px;
        padding: 12px 12px;
        border-radius: 62px;
        color: #fff;
        font-size: 12px;
        background: #416EF2;
        font-weight: 500;
    }
    .td_subject{
        min-width: calc(100% - 70px);
    }

    #bo_list .td_stat, #bo_v_rel .td_stat {
        height: 100%;
        width: 80px;
        text-align: center;
    }
    #bo_list .td_date {
        width: 90px;
        text-align: center;
    }
}



@media screen and (max-width:768px){


    #bo_list .tbl_head01 table tbody > tr {
        row-gap: 0px;
    }

    #bo_list .td_stat, #bo_v_rel .td_stat {
        height: 100%;
        width: 82px;
        text-align: center;
    }
    #bo_list .td_date {
        width: 90px;
        text-align: center;
    }
    #bo_list .txt_done, #bo_v_rel .txt_done {
        display: inline-block;
        font-family: 'Pretendard';
        height: 24px;
        line-height: 0px;
        padding: 12px;
        border-radius: 62px;
        color: #fff;
        font-size: 12px;
        background: #416EF2;
        font-weight: 500;
    }


    #bo_v_info {
        font-size: 14px;
        margin: 0px auto;
        position: relative;
        padding: 14px 0 32px 11px;
        background: #fff;
        border: none;
        border-bottom: 1px solid #f1f1f1;
        color: #555;
        border-top: 0;
    }
    #bo_v_top {
        zoom: 1;
        position: absolute;
        top: -100px;
        right: 2px;
    }


}

    @media screen and (max-width: 1024px) {
        #bo_list .txt_rdy, #bo_v_rel .txt_rdy {

            font-size: 12px;
        }

}

@media screen and (max-width:425px){

    .bo_cate_link{
        padding: 4px 8px;
    }

    .tbl_head01 td {
        font-size: 14px;
        height: 24px;
        padding: 4px 5px;
    }


    .tbl_head01 td {
        font-size: 14px;
        height: 26px;
    }


    #bo_list .td_name {
        margin-left: 38px;
        width: fit-content;
        text-align: left;
        padding: 4px 0;
    }
    #bo_list .td_date {
        width: 89px;
        text-align: center;
    }
    #bo_list_total {
        margin-bottom: 30px;
        font-size: 24px;
    }

    #container_title {
        font-size: 15px;
        width: 84%;
        margin: 0 auto;
        font-weight: 600;
        padding: 70px 0 0 0;
        color: #333;
        text-align: left;
    }
    #bo_btn_top {
        margin: 40px 0;
        border-bottom: none;
        padding-bottom: 0px;
    }
    .btn_bo_user {
        float: right;
        margin: 0px;
        padding: 0;
        list-style: none;
    }
    .info_head h1:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 2px;
        right: 0;
        width: 14px;
        height: 14px;
        border: 5px solid #416EF2;
        border-radius: 50%;
    }
    .info_quote {
        margin: 70px 0 ;
        display: flex
;
        justify-content: center;
    }
    #bo_w .bo_w_flie .file_wr, .form_01 .bo_w_flie .file_wr {
        border: 1px solid #ccc;
        background: #fff;
        color: #000;
        vertical-align: middle;
        border-radius: 3px;
        padding: 5px;
        height: 45px;
        margin: 0;
    }
    #top_btn {
        transition: all 0.5s;
        position: fixed;
        bottom: 20px;
        right: 16px;
        width: 50px;
        height: 50px;
        line-height: 46px;
        border: 2px solid #333;
        color: #333;
        text-align: center;
        font-size: 15px;
        z-index: 1;
        background: rgba(255, 255, 255, 0.5);
    }
    #bo_cate a {
        display:block;
        line-height:22px;
        padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3
    }
    .btn_bo_user li {
        float: left;
        text-align: center;
        margin-left: 10px;
        background: #416EF2;
        padding: 0px 8px;
        border-radius: 50px;
    }

    #bo_w .btn_submit {
        padding: 0 20px;
        font-size: 14px;
    }
    #bo_w .btn_cancel {
        font-size: 14px;
        border-radius: 30px;
    }
}