@charset "utf-8";

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm { vertical-align:top !important; } /* 서식단계 진행 */

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



/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 { border-bottom:1px solid #e8e8e8; }
#bo_list table { border:0; }
#bo_list .tbl_head01 thead { border-top:1px solid #666; }
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th { padding:30px 0; font-size:16px; }
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input { vertical-align:middle }
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 tbody td { font-size:16px; padding:25px 0; }
#bo_list .tbl_head01 td {}
#bo_list .tbl_head01 a { }
#bo_list td.empty_table {}





/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}



/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

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




/* 게시판 목록 */
#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_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_nick {width:100px;text-align:center}
#bo_list .td_num {width:70px;text-align:center}
#bo_list .td_num2 {width:70px;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 .list_item {text-align:center; padding-left:10px; padding-right:10px; }

#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_name {width:20%; text-align:center; padding-left:30px !important; padding-right:30px !important; }
#bo_list .td_cate {width:110px;text-align:center; }


.tb_title { font-size:17px; color:#333; line-height:150%; }

#cate { margin-top:-20px; }
#cate .tab li:first-child { display:none; }
#cate .tab li a { display:inline-block; width:100%; }

.tab02 { text-align:center; }
.tab02 .tab { display:inline-block; height: 100%; }
.tab02 .tab > li { float:left;  width: 200px; height:60px; position:relative; }
.tab02 .tab > li:after { content:''; display:block; position:absolute; width:calc(100% - 12px); left:6px; bottom:-4px; border-bottom:4px solid #d8d8d8; }

.tab02 .tab > li a { top: 50%; height:auto; transform: translateY(-50%); position: relative; line-height: 120%; font-size: 17px; color:#666; font-weight:400; }
.tab02 .tab > li.tabon:after { border-color:#171776 }
.tab02 .tab > li.tabon a { font-weight:500; color:#333; }

@media screen and (max-width:1000px){
	.tab02 .tab { display: flex; }
	.tab02 .tab > li { width:100%; height:54px; }
	.tab02 .tab > li:after { border-width:3px; width:calc(100% - 10px); left:5px; bottom:-2px; }
}
@media screen and (max-width:767px){
	.tab02 .tab { flex-wrap: wrap; }
	.tab02 .tab > li { width: 50%; height:48px; }
	.tab02 .tab > li:after { border-width:3px; width:calc(100% - 8px); left:4px; bottom:0; }
}



/* 게시판 목록 공통 */

#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.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:#e6f8ff !important;border-bottom:1px solid #c3dfe8;}
.bo_notice td a {font-weight:bold;}

.bo_notice .notice_icon{display:inline-block;background:#4158d1;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:10px;font-size:14px;background-color:transparent;float:left}
#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}

#bo_list .cate_icon span { display:inline-block; padding:2px 8px 3px; border-radius:5px; color:#fff; font-size:13.5px; }
.res_tb { display:none; word-break:break-all; }


/* 주요 사진 실적 */

#major { }
#major li { padding:0 1vw; }
#major .img { height:12vw; background-size:cover; background-position:center; background-repeat:no-repeat; }
#major .txt { background-color:#f5f5f5; padding:26px 30px 60px; min-height:170px; position:relative; }
#major .txt p { font-size:16px; font-weight:500; line-height:130%; }
#major .txt strong { display:block; line-height:140%; font-size:17px; font-weight:500; color:#222; margin-top:6px; }
#major .txt span { position:absolute; display:inline-block; padding:2px 8px 3px; border-radius:5px; color:#fff; font-size:13.5px; bottom:30px; }

.mj_btn { padding:8px 10px; border:1px solid #aaa; font-size:14px; }

.mj_arr { position:absolute; bottom:-100px; width:60px; height:60px; border:1px solid #bbb; z-index:700; cursor:pointer; }
#mj_arr_space { height:100px; }
.mj_prev { left:50%; margin-left:-60px; background:url('/images/mj_prev.png') center no-repeat; }
.mj_next { right:50%; margin-right:-59px; background:url('/images/mj_next.png') center no-repeat; }

@media (max-width:1500px) {
	#major .txt p { font-size:15px; }
	#major .txt strong { font-size:16px; }
	#major .txt span { font-size:12.5px; }
}
@media (max-width:1400px) {
	#bo_list .td_name { width:170px; }
	#bo_list .td_cate { width:140px; }
	#bo_list .td_datetime { width:100px; }
	.tb_title { font-size:16px; }
	#bo_list .tbl_head01 tbody td { font-size:15px; }
	#bo_list .cate_icon span { font-size:12px; }
	#major li { padding:0 .7vw; }
	#major .img { height:17vw; }
	.mj_arr { bottom:-90px; width:50px; height:50px; background-size:14px; }
	#mj_arr_space { height:90px; }
	.mj_prev { margin-left:-50px; }
	.mj_next { margin-right:-49px; }
}
@media (max-width:1100px) {
	#bo_list .tbl_head01 thead th { padding:20px 0; font-size:15px; }
	#bo_list .tbl_head01 tbody td { font-size:14px; padding:20px 0; }
	.tb_title { font-size:15px; }
	#major .img { height:20vw; }
	#major .txt { padding:22px 25px 60px; min-height:220px; }
	#major .txt p { font-size:13.5px; }
	#major .txt strong { font-size:15px; }
	#major .txt span { font-size:12px; bottom:25px; }
}

@media (max-width:1000px) {
	.res_tb { display:block; font-size:14px; }
	.tb_title { font-size:15px; margin-top:6px; }
	#bo_list .tbl_head01 table thead tr { display:none; }
	#bo_list .tbl_head01 table tbody tr:first-child td { border-color:#666; }
	#bo_list .td_num2, #bo_list .td_name, #bo_list .td_cate, #bo_list .list_item { display:none; }
	#bo_list .tbl_head01 tbody td { padding:25px 0; font-size:13px; }
	#bo_list .td_datetime { width:80px; }


}
@media (max-width:900px) {
	#major .img { height:26vw; }
	#major .txt { padding:20px 22px 60px; min-height:180px; }
	#major .txt span { bottom:22px; }
	.mj_arr { bottom:-70px; width:40px; height:40px; background-size:12px; }
	#mj_arr_space { height:70px; }
	.mj_prev { margin-left:-40px; }
	.mj_next { margin-right:-39px; }
}
@media (max-width:640px) {
	#major li { padding:0 1vw; }
	#major .img { height:34vw; }
	#major .txt { padding:16px 18px 50px; min-height:160px; }
	#major .txt p { font-size:12px; }
	#major .txt strong { font-size:13.5px; }
	#major .txt span { font-size:11px; bottom:20px; padding:2px 5px 3px; }
}
@media (max-width:600px) {
	.res_tb { font-size:13px; }
	#bo_list .tbl_head01 tbody td { padding:15px 0; }
	.tb_title { font-size:13.5px; line-height:140%; }
	#bo_list .cate_icon span { padding:2px 5px 3px; margin:0 2px; border-radius:3px; font-size:11px; }
	#bo_list .tbl_head01 tbody td { font-size:12px; }
	#bo_list .td_datetime { width:70px; }
	.mj_arr { bottom:-56px; width:34px; height:34px; background-size:11px; }
	#mj_arr_space { height:56px; }
	.mj_prev { margin-left:-34px; }
	.mj_next { margin-right:-33px; }
}
@media (max-width:440px) {
	#major .img { height:44vw; }
}



/* 게시판 쓰기 */
#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 .write_div{margin:12px 0;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:50%}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}

#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 .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 #3497d9;height:40px;border-radius:3px}

#bo_w input[type=radio] { width:20px; height:20px; cursor:pointer; }


@media (max-width:760px) {
	#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; }
}