@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 {}

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



/* 읽기 내 테이블 */
#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_chk {width:30px;text-align:center}
#bo_list .td_date {width:60px;text-align:center;}
#bo_list .td_datetime {width:120px;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:120px;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}




/* 게시판 목록 */

.pro_tab { margin:-3px; display: flex; }
.pro_tab > li { width:100%; padding:3px; }
.pro_tab > li > a { display:block; padding:9%; border:1px solid #ddd; text-align:center; background:#f6f6f6; height:100%; line-height:100%; }
.pro_tab > li span { display:block; font-size: 15px; color:#888; line-height:1.2; }
.pro_tab > li.tab_on a { border:2px solid #222; background:#fff; }
.pro_tab > li.tab_on span { color:#000; }

@media (max-width:1250px){
	.pro_tab { flex-wrap:wrap; }
	.pro_tab > li { width:calc(50px + 7vw); }
}
@media screen and (max-width:600px){
	.pro_tab { margin:-2px; }
	.pro_tab > li { padding:2px; width:20%; }
	.pro_tab > li > a { width:100%; }
	#cate_names.pro_tab > li { width:auto; }
	#cate_names.pro_tab > li > a { width:auto; padding:10px 12px; }
}




/* 갤러리 목록 */

#bo_gall #pro_list_search { display:none; }
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

#bo_gall #gall_ul { display:flex; flex-wrap:wrap; margin:-1.3%; }
#bo_gall #gall_ul li { width:33.33%; padding:1.3%; }

#bo_gall .gall_box { position:relative; height:100%; border:1px solid #ddd; }
#bo_gall .gall_box .gall_con { height:100%; }
#bo_gall .gall_li .gall_chk { position:absolute;top:6px;left:14px; z-index:10; }
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}

#bo_gall .gall_img { height:300px; background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer; }
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block}
#bo_gall .gall_img a { width:100%; height:100%; }

#bo_gall .bo_tit { padding:22px; height:calc(100% - 300px); }
#bo_gall .bo_tit > div { position:relative; height:100%; padding-bottom:45px; }
#bo_gall .bo_tit strong { display:block; color:#111; font-size:18px; font-weight:600; line-height:130%; }
#bo_gall .bo_tit span { display:inline-block; font-size:12.5px; text-transform: uppercase; background:#f4f4f4; color:#555; padding:8px 12px; font-weight:400; word-break:break-all; line-height:110%; position:absolute; bottom:0; }

@media (max-width:1660px) {
	#bo_gall .gall_img { height:calc(80px + 13vw); }
	#bo_gall .bo_tit { height:calc(100% - 13vw - 80px); }
	#bo_gall .bo_tit > div { padding-bottom:calc(24px + 1vw); }
}

@media (max-width:767px) {
	#bo_gall .gall_img { height:30vw; }
	#bo_gall .bo_tit { height:calc(100% - 30vw); }
	#bo_gall #gall_ul li { width:50%; }
}
@media (max-width:440px) {
	#bo_gall .gall_img { height:57vw; }
	#bo_gall .bo_tit { height:calc(100% - 57vw); }
	#bo_gall #gall_ul li { width:100%; }
}


/* 게시판 목록 공통 */

#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_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_gall li.empty_list {padding:85px 0;text-align:center}




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


#bo_v_title .bo_v_cate {display:inline-block; color: #fff;font-weight: 500;padding:8px 20px 7px;border-radius:30px; font-size:15px; }
#bo_v_title .bo_v_tit { font-size:36px; font-weight:700; text-align:center; color:#222; line-height:130%; }

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

#bo_v_img {width:100%;overflow:hidden;text-align:center;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image{display:block}
#bo_v_img img {margin-top:30px;max-width:100%;height:auto}

#bo_v_con {margin-top:40px;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}
#bo_v_con p { line-height:170%; }

#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:5px 0;list-style:none}
#bo_v_link li {padding:5px 10px;position:relative;font-size:15px;}
#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_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 {float:right}
.bo_v_com li {float:left;margin-left:5px}

.bo_v_left {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:15px; }
.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}


#project:after { clear:both; visibility:hidden; display:block; content:''; }
#project section { float:left; }

#project #pj_img { width:60%; padding-right:5%; }
#project #pj_cont { width:40%; }

#project #pj_img img { width:100%; }

#project #thumb:after { clear:both; visibility:hidden; display:block; content:''; }
#project #thumb { margin:0 -1px; }
#project #thumb li { float:left; width:14.285%; height:46px; padding:0 1px; }
#project #thumb li div { height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; cursor:pointer; }

#project .pj_overview { border-top:1px solid; }
#project .pj_overview li { padding:20px 0; border-bottom:1px solid #ddd; }
#project .pj_overview li:after { clear:both; visibility:hidden; display:block; content:''; }
#project .pj_overview li div { float:left; }
#project .pj_overview li .tit { width:28%; padding-left:5%; font-size:16px; }
#project .pj_overview li .con { width:72%; font-size:16px; line-height:130%; color:#555; padding-left:5%; }

#project .res_table tr * { font-size:15px; padding:15px 10px; line-height:130%; }
#project .res_table tr th { width:28%; }
#project .res_table tr td { padding-left:5%; font-weight:300; color:#444; }

@media (max-width:1660px) {
	#project .pj_overview li .tit img { height:calc(14px + 0.4vw); }
	#project .pj_overview li { padding:17px 0; }
	#project #thumb li { height:40px; }
	#project .res_table tr * { padding:12px 7px; }
}
@media (max-width:1000px) {
	#project #pj_img { width:100%; padding-right:0; }
	#project #pj_cont { width:100%; }
	#project #pj_cont:after { clear:both; visibility:hidden; display:block; content:''; }
	#project #pj_cont > div { float:left; width:50%; }
	#project #pj_cont > div:first-of-type { margin-top:calc(15px + 2vw); }
	#project #pj_cont > div:last-of-type { padding-left:6%; }
}
@media (max-width:700px) {
	#project #pj_cont > div { width:100%; }
	#project #pj_cont > div:first-of-type { margin-top:5px; }
	#project #pj_cont > div:last-of-type { padding-left:0; }
	#project .pj_overview li .tit { padding-left:4%; }
	#project #thumb li { height:calc(10px + 6vw); }
}

/*글쓰기*/


#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; font-size:15px;}

#bo_w .wr_tit { font-size:15px; }

#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 .gaeyo li:first-child { width:20%; }
#bo_w .gaeyo li:last-child { width:80%; }

@media (max-width:1600px) {

}

@media (max-width:767px) {
	#bo_w .bo_w_link label { top:10px }
	#bo_w .bo_w_flie .frm_file { width:300px; }
	#bo_w .bo_w_flie .file_del{position:static;margin-top:8px;}
}

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