@charset "utf-8";

/***********************
	게시판 기본 스타일
***********************/  

/***********************
	게시판 공통
***********************/  
/* 게시판 버튼 */
.bo_fx {margin-top:20px; overflow:hidden}
.btn_bo_user {float:right; margin:0 -5px}
.btn_bo_user.left {float:left}
.btn_bo_user:after {display:block; clear:both; content:''}
.btn_bo_user li {float:left; margin:0 5px}
.btn_bo {display:inline-block; min-width:65px; height:38px; padding:0 8px; line-height:36px; border:1px solid #abb3b9; font-size:16px; color:#525252; text-align:center; box-sizing:border-box}
button.btn_bo {line-height:36px}
.btn_write {width:120px; border:0; color:#fff; background:url('/img/btn_bg.jpg'); background-size:100% 100%}
.btn_frmline {position:absolute; right:0; top:5px; padding:5px 10px; font-size:15px; border-radius:5px; border:1px solid #abb3b9; background:#fff}

/***********************
	게시판 목록
***********************/
/* 카테고리 */
#bo_cate {margin:20px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate_ul {}
#bo_cate_ul:after {display:block; clear:both; content:''}
#bo_cate_ul li {float:left}
#bo_cate_ul li + li {margin-left:10px}
#bo_cate_ul li a {display:block; height:34px; padding:0 15px; line-height:34px; font-size:16px; border:1px solid #1573c5; color:#1573c5; -webkit-transition:.3s; transition:.3s}
#bo_cate_ul #bo_cate_on {color:#fff; background:#1573c5}
#bo_cate_ul li:hover a {color:#fff; background:#1573c5}

/* 검색 */
.bo_sch_wrap {float:left; margin-bottom:10px}
.bo_sch:after {display:block; clear:both; content:''}
.bo_sch .sch_input, .bo_sch .sch_btn {height:38px; font-size:15px; }
.bo_sch .sfl_wrap {float:left; width:111px}
.bo_sch .sch_input {float:left; width:220px; padding:0 10px; margin-left:-1px; border:1px solid #c9c9c9;}
.bo_sch .sch_btn {float:left; width:91px; color:#fff; background:#393939}

/* 리스트 테이블 */
#bo_list {margin-top:70px}
#bo_list .tbl_wrap table td {cursor:pointer}
#bo_list .tbl_wrap .bo_cate_link {display:inline-block; height:34px; padding:0 15px; margin-bottom:10px; line-height:34px; font-size:16px; color:#1573c5; border:1px solid #1573c5; background:#fff}
#bo_list .tbl_wrap .td_chk {cursor:default}
#bo_list .tbl_wrap .td_subject {padding:0 15px }
#bo_list .tbl_wrap .bo_tit {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5}

#bo_list .tbl_list td {padding:25px 0; border-bottom:1px dashed #a9b1b7; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#bo_list .tbl_list .btn_more {position:relative; display:block; width:68px; height:68px; margin:0 auto; border:1px solid #b1b1b1; border-radius:50%; background:#fff}
#bo_list .tbl_list .btn_more:after {position:absolute; top:50%; left:50%; width:8px; height:14px; margin:-7px 0 0 -4px; background:url('/img/icons.png') no-repeat; background-position:-40px -120px; content:''}
#bo_list .tbl_list tbody tr:hover td {border-bottom-color:#1573c5; background:#f0f4f7}
#bo_list .tbl_list tbody tr:hover .btn_more {border-color:#277ad7}
#bo_list .tbl_list tbody tr:hover .btn_more:after {background-position:-80px -120px}
#bo_list .tbl_list .td_subject {padding:25px 15px }
#bo_list .tbl_list .bo_tit {font-size:25px; color:#1e1e1e}
#bo_list .tbl_list .bo_cont {margin-top:15px; font-size:18px; color:#777777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* 아이콘 */
#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}

.col_chk {width:50px}
.col_num {width:95px}
.col_school {width:160px}
.col_name {width:120px}
.col_stat {width:120px; padding:0}
.col_datetime {width:120px}
td.td_stat {padding:0}
td.td_school {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* 진행상황 */
.stat_box {display:block; width:120px; height:46px; line-height:46px; font-size:18px; color:#fff}
.stat_0 {background:#64aff0}
.stat_1 {background:#e67d64}
.stat_2 {background:#b5b5b5}
.stat_0:before {content:'접수완료'}
.stat_1:before {content:'진행중'}
.stat_2:before {content:'처리완료'}

/***********************
	게시판 읽기
***********************/  
#bo_v_header {position:relative; padding:25px 10px; border-top:3px solid #464646; border-bottom:1px solid #a9b1b7}
#bo_v_title .stat_box {position:absolute; left:0; text-align:center}
.bo_v_tit {display:block; padding-right:100px; font-size:30px; color:#1e1e1e; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.bo_v_cate {display:inline-block; height:34px; padding:0 15px; margin-bottom:15px; line-height:34px; font-size:16px; color:#1573c5; border:1px solid #1573c5;}
#bo_v_info {margin-top:15px}
#bo_v_info strong {display:inline-block; line-height:15px; font-size:15px; color:#a0a0a0}
#bo_v_info strong + strong {padding-left:8px; margin-left:8px; border-left:1px solid #a1a1a1}
#bo_v_container {border-bottom:1px solid #a9b1b7}

/* qa 읽기 */
.qa_bo_v #bo_v_title {position:relative; padding-left:130px}
.qa_bo_v .bo_v_tit {line-height:46px; }

/* 담당자 */
.inCharge_box {position:absolute; right:0; top:50%; width:105px; height:105px; margin-top:-52.5px; text-align:center; background:url('/img/sub/incharge_box_bg.jpg');}
.inCharge_box img {margin-top:11px}
.inCharge_box span {display:block; margin:3px 0 5px; font-size:13px; color:#fff}
.inCharge_box p {font-size:21.5px; color:#fff}

/* 본문 */
#bo_v_atc {padding:40px 10px}
#bo_v_atc h2 {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 {line-height:1.388; font-size:18px; color:#403e3e}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

/*첨부파일 & 관령링크*/
.section_href {padding:20px 25px; background:#fff}
.section_href + .section_href {border-top:1px dashed #e9e9e9}
.section_href h2 {margin-bottom:8px; font-size:15px; color:#000000}
.section_href ul li {line-height:1.3}
.section_href ul li a {display:inline-block; font-size:18px; color:#2768ed}


/* 게시판 댓글 */
.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:1.083em}
.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}

/***********************
	게시판 글쓰기
***********************/  
/* 최소/최대 글자 수 사용 시 */
#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_wrapper * {box-sizing:border-box}
#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_write_wrap {border-top:3px solid #6b7076; border-bottom:1px solid #b1b1b1}
.write_row {position:relative; padding-left:130px; margin:12px 0; box-sizing:border-box}
.write_row.half {float:left; width:50%}
.write_row .frm_input {width:100%; height:45px; padding:5px 15px; border:0; font-size:16px; box-sizing:border-box}
.write_row .frm_input.size2 {width:150px}
.write_row .frm_input.input_type2 {background:#f7f7f7}
.write_box {position:relative}
.write_label {position:absolute; top:0; left:0; width:130px; height:45px; padding-left:15px; line-height:45px; text-align:left; font-size:18px; color:#323232; box-sizing:border-box}

#bo_w .bo_w_tit {margin:15px 0; padding-bottom:15px; padding-left:85px; border-bottom:1px solid #b6b6b6}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px; padding:0 5px; border:1px solid #999}
#bo_w .bo_w_tit .write_label {width:85px; height:50px; line-height:50px; font-size:30px; color:#1e1e1e}
#bo_w .bo_w_tit .write_label:after {position:absolute; top:50%; right:0px; width:2px; height:24px; margin-top:-12px; background:#626262; content:''}
#bo_w .bo_w_tit .frm_input {height:50px; padding-left:20px; line-height:50px; font-size:30px; color:#1e1e1e}
#bo_w .bo_w_tit .frm_input::placeholder {color:#9c9c9c}
#bo_w .bo_w_content {padding-left:0; padding-top:10px; border-top:3px solid #6b7076}
#bo_w .bo_w_select .write_box {padding:5px 10px; background:#f7f7f7}
#bo_w .bo_w_select select {height:35px; padding:0 10px}
#bo_w .bo_w_option .write_box {height:45px; padding-left:10px; background:#f7f7f7}
#bo_w .bo_w_option ul li {float:left; line-height:45px; margin-right:40px}
#bo_w .bo_w_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .bo_w_file .frm_file {padding:10px}
#bo_w .write_row_group:after {display:block; clear:both; content:''}
#bo_w .bo_w_info {float:left; width:50%; }
#bo_w .btn_confirm {margin-top:48px; text-align:center}
#bo_w .btn_confirm > * {display:inline-block; width:170px; height:65px; margin:0 5px; line-height:63px; font-size:22px; border:1px solid #393939; text-align:center; box-sizing:border-box}
#bo_w .btn_confirm .btn_cancel {color:#393939; background:#fff}
#bo_w .btn_confirm .btn_submit {color:#fff; background:#393939}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}


/* qa 답변 */
.bo_v_ans_form > h2 {padding:30px 0; font-size:42px; color:#4a4a4a; text-align:center}