@charset "utf-8";


/* 쓰기 버튼 */
#bo_w .btn_confirm * { vertical-align:top !important; }
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */


/* 목록 테이블 */

#bo_list table { border:0; }
#bo_list .tbl_head01 thead { border-top:2px solid; }
#bo_list .tbl_head01 { border-bottom:1px solid #ddd; }
#bo_list .tbl_head01 thead th { padding:30px 0; font-size:16.5px; }
#bo_list .tbl_head01 thead th input { vertical-align:middle }
#bo_list .tbl_head01 tbody td { font-size:16px; padding:25px 0; }






/* 게시판 목록 */


/* 카테고리 탭메뉴 */

/* 카테고리 텍스트에 따라 width 방식과 min-width 방식으로 만들 수 있다. width 방식은 박스크기를 모두 동일하게 하고 텍스트가 긴 것은 2행 처리하여 전체적으로 vertical middle을 한다. min-width 방식은 텍스트 길이에 따라 크기가 다르기 때문에 박스 크기가 제각각인 디자인이다. */

#cate { margin-bottom:60px; }
#cate .tab { display: flex; flex-wrap: wrap; justify-content: center; margin:-4px; }
#cate .tab > li { padding:21px 20px; margin:4px; border:1px solid #ddd;  }
#cate .tab > li a { width:100%; height:100%; font-size: 15px; color:#888; text-align:center; }
#cate .tab > li.tabon { color:#111; }
#cate .tab > li.tabon { border:1px solid #444; }

#cate.same_box .tab > li { width:140px; display:table; }
#cate.same_box .tab > li a { display:table-cell; line-height:130%; vertical-align:middle; }

#cate.flex_box .tab > li { width:auto; min-width:140px; }

@media (max-width:1660px){
	#cate .tab { margin:-3px; }
	#cate.same_box .tab > li { width:calc(70px + 4vw); margin:3px; }
	#cate.flex_box .tab > li { min-width:calc(70px + 4vw); margin:3px; }
}
@media (max-width:768px){
	#cate .tab { margin:-2px; justify-content: left; }
	#cate .tab > li { margin:2px; }
}



/* 리스트 설정 */
#bo_list { position:relative; }
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}

#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_num2 {width:7%;text-align:center}
#bo_list .td_name {width:14%;text-align:center;}
#bo_list .td_datetime {width:13%;text-align:center;}
#bo_list .tbl_head01 tbody td.td_datetime { font-size:14.5px; }




/* 게시판 목록 공통 */
.bo_fx {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:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}

.btn_bo_adm button, .btn_bo_user a { font-size:15px; }
.btn_bo_adm {float:left;}
.btn_bo_adm:after { clear:both; visibility:hidden; display:block; content:''; }
.btn_bo_adm li {float:left;margin-right:6px;}
.bo_notice td {background:#f8f8f8 !important;border-bottom:1px solid #e5e5e5;}
.bo_notice td a {font-weight:bold;}

.bo_notice .notice_icon{display:inline-block;background:#555;width:25px;line-height:25px;border-radius:5px;font-weight:normal;color:#fff}
.td_num strong {color:#000}
.bo_cate_link {display: inline-block;color: #3497d9;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */
.bo_tit{display:block;color:#000;}
.bo_current {color:#e8180c}

#bo_list .bo_tit .title_icon{margin-right:2px}
#bo_list .bo_tit .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_list .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_list .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#bo_list .bo_tit .fa-heart{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal}
#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 #a2c6ce}

#bo_sch {display:inline-block; border:1px solid #ccc;background:#fff;border-radius:3px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
#bo_sch .sch_input{height:38px;border:0;padding-left:14px;font-size:14px;background-color:transparent;float:left; width:240px;}
#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}



#bo_list .res_info { display:none; font-size:16px; color:#666; }
#bo_list .res_info.date { font-weight:300; color:#666; }
#bo_list .tb_title { font-size:18.5px; line-height:150%; }
#bo_list .board_new { padding-left:3px; font-size:13px; }


@media (max-width:1660px) {
	#bo_list .tbl_head01 thead th { padding:calc(14px + 1vw) 0; }
	#bo_list .tbl_head01 tbody td { padding:calc(10px + 1vw) 0; }
	#bo_sch .sch_input { width:calc(100px + 8vw); }
}

@media (max-width:767px) {
	#bo_list .tb_title { line-height:140%; }
	#bo_list .res_info { display:block; }
	#bo_list .tbl_head01 tbody td.td_subject .bo_tit { padding:0 15px; }
	#bo_list .tbl_head01 table thead tr { display:none; }
	#bo_list .tbl_head01 table tbody tr:first-child td { border-color:#111; }
	#bo_list .td_num2, #bo_list .td_name, #bo_list .td_datetime { display:none; }
	#bo_sch .sch_input { height:34px; padding-left:10px; }
	#bo_sch .sch_btn{height:34px;}
}








/* 게시판 읽기 */

#bo_v_title { padding:40px 0; border-top:2px solid #333; border-bottom:1px solid #ddd; text-align:center;}
#bo_v_title .bo_v_cate { display:inline-block; color: #fff;font-weight: 500;padding:12px 20px;border-radius:30px; font-size:15.5px; margin-bottom:16px; }
#bo_v_title .bo_v_tit { font-size:32px; font-weight:500; text-align:center; color:#111; line-height:140%; }

#bo_v_info { font-size:16px; }
#bo_v_info .if_date{ color:#333; font-weight:300; font-size:15px; }

#bo_v_atc { min-height:200px; height:auto !important; }

#bo_v_atc .view_img_wrap { text-align:center; margin-top: }
#bo_v_atc .view_img_wrap:first-of-type { margin-top:65px; }
#bo_v_atc .view_img_wrap:nth-of-type(n+2) { margin-top:35px; }
#bo_v_atc .view_img_wrap img { height:auto; }
#bo_v_atc .view_img_wrap a.view_image {display:block}

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

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act a:hover{background-color:#f3f3f3}

#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_file p {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3;font-size:16px; font-weight:400; color:#333;}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px;position:relative;font-size:15px;}
#bo_v_file a {display:inline-block;color:#666;text-decoration:none;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:14px;}

#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_link p {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3;font-size:16px; font-weight:400; color:#333; }
#bo_v_link ul {margin:0; padding:10px 0;list-style:none}
#bo_v_link li { padding:5px 10px; position:relative; font-size:15px; white-space: nowrap; overflow:hidden; }
#bo_v_link a { display:inline-block; color:#666; text-decoration:none; 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 {position:absolute;top:5px;right:10px;color:#888;font-size:14px}

#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all}

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

.bo_v_left {margin:20px 0;float:left}
.bo_v_left li {float:left;margin-right:5px}

.bo_v_nb {margin:40px 0 20px;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding:20px 13px;font-size:16px; white-space: nowrap; overflow:hidden; }
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#888;}
.bo_v_nb li .nb_date{float:right;color:#888;font-size:15px; }


@media (max-width:1000px) {
	.bo_v_nb li .nb_date{display:none;}
}

@media (max-width:768px) {
	#bo_v_con p { line-height:160%; }
	#bo_v_file p, #bo_v_link p { padding:8px 10px; }
	.bo_v_file_cnt, .bo_v_link_cnt { display:none; }
}








/* 게시판 쓰기 */
#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}


/*글쓰기*/

#bo_w #ca_name { padding:14px 15px; font-size:15px; color:#666; }
#bo_w li, #bo_w div, #bo_w td { font-size:16.5px; }

#bo_w .write_col2 { margin-top:calc(6px + 0.6%); }
#bo_w .write_col2:after { clear:both; visibility:hidden; display:block; content:''; }
#bo_w .write_col2 > li { float:left; width:calc(50% - 3px - 0.3%); }
#bo_w .write_col2 > li:last-of-type { float:right; }

#bo_w .tit_text { display:table; }
#bo_w .tit_text span, #bo_w .tit_text input { display:table-cell; }
#bo_w .tit_text span { width:17%; vertical-align:middle; padding-right:10px; }

#bo_w .write_div { margin-top:calc(6px + 0.6%); position:relative; }
#bo_w .wr_content.smarteditor2 iframe { background:#fff; }
#bo_w .bo_w_tit { position:relative; }

#bo_w .frm_input { padding:15px; font-size:15.5px; width:100%; }

#bo_w .bo_w_link label { position:absolute;top:14px;left:1px;width:40px; text-align:center;color:#888; font-size:16px; }
#bo_w .bo_w_flie .lb_icon { position:absolute;top:5px;left:0;width:40px; text-align:center;color:#888; font-size:16px; }
#bo_w .bo_w_link .frm_input, #bo_w .bo_w_flie .frm_file { padding-left:50px; }

#bo_w .bo_w_flie .file_del { position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d; }


@media (max-width:1660px) {
	#bo_w .frm_input { padding:calc(8px + 0.4vw); }
}
@media (max-width:767px) {
	#bo_w .write_col2 > li { width:100%; }
	#bo_w .write_col2 > li:last-of-type { margin-top:calc(6px + 0.6%); }
	#bo_w .bo_w_link label { top:10px; }
	#bo_w .bo_w_flie .frm_file { width:300px; }
}

@media (max-width:420px) {
	#bo_w .bo_w_link label { top:7px }
	#bo_w .bo_w_flie .frm_file { width:200px; }
}