@charset "utf-8";

.board_title {position: relative;  padding-bottom : 6px; margin-bottom : 6px; }
.board_title h1{font-weight: normal; font-size : 18px; color : #111;}
.bo_total{position:absolute; font-size : 12px; bottom : 6px ; right : 0; color : #777; font-weight: 100;}

#bo_btn_top{margin-top : 0; }



.tbl_head01 a:hover{text-decoration: none; color : #0a6084}
.tbl_head01 thead th {padding : 0px; height: 35px; font-size : 14px; background-color: #fcfcfc;}
.tbl_head01 td{height: 35px; padding : 0px 5px; line-height: 35px; font-size : 14px;}

#bo_list, #bo_v, #bo_gall{background-color: #fff; padding : 15px 23px; padding-bottom : 50px; margin-top : 70px;}

#bo_list{}
#bo_list tbody .even td{background-color: transparent;}
#bo_list tbody tr:hover{border-left : 0px; background-color: #FAFAFA;}
#bo_list tr.bo_notice td{background-color: #eaf5ef;border-bottom : inherit;} 
#bo_list .bo_notice .notice_icon{color:#1f966d;}

#bo_list .td_name{padding : 0px; text-align: center; width : 105px;}
#bo_list .td_num {}
#bo_list .best{font-weight: bold; color : #38459a;}
#bo_list .td_num2{text-align: center;}
#bo_list .bo_tit{font-weight: normal;}
#bo_list .all_chk input[type="checkbox"] + label span{margin-left : 5px;}/* bo_list에서 사용 */
#bo_list .chk_box input[type="checkbox"]:checked + label span{border-color : #991212;}
#bo_list .bo_current{background-color: #ffd9d9}
#bo_list .bo_vc_w{margin : 15px 0px;}

#bo_list .bo_tit .new_icon,
#bo_list .bo_tit .fa-download {border: solid 1px #a40000;color: #a40000;height: 15px;width: 15px;display: inline-block;line-height: 13px;text-align: center;margin-right: 0px;font-size: 10px;font-weight: 100;border-radius: 3px; background-color: transparent; margin-top : -2px;}

#bo_gall .btn_wrapper , 
#bo_v .btn_wrapper , 
#bo_list .btn_wrapper{margin-bottom : 10px;}
#bo_gall .btn_wrapper ul, 
#bo_v .btn_wrapper ul , 
#bo_list .btn_wrapper ul {display: flex; justify-content: flex-end;}
#bo_v .btn_wrapper ul li , 
#bo_gall .btn_wrapper ul li, 
#bo_list .btn_wrapper ul li {margin : 0px 5px;}
#bo_gall .btn_wrapper ul li:last-child , 
#bo_v .btn_wrapper ul li:last-child , 
#bo_list .btn_wrapper ul li:last-child {margin-right : 0;}

#bo_cate{margin : 6px 0 12px; }
#bo_cate a{border-radius: 2px;}

#bo_gall #gall_ul{display: flex; flex-wrap: wrap;}
#bo_gall .gall_li{width : calc(25% - 10px); margin: 0px 5px;}

#bo_v {}
#bo_v .bo_v_title{border : solid 1px #ddd; border-bottom : solid 1px #e1e1e1; padding : 10px 15px; background-color: #f5f5f5; }
#bo_v .bo_v_title .bo_v_tit{margin-top : 0; font-size : 18px; font-weight: normal;  line-height: 35px;}
#bo_v .bo_v_title .bo_v_cate{font-weight: normal; border : 1px solid #b7e0c6; padding : 0px 7px; font-size : 20px; margin-right : 10px; line-height: 30px; display: inline-block; background-color: #eaf5ef; color : #289c6a;}


#bo_v_info {background-color: #fcfcfc; padding : 10px 15px; border : solid 1px #f1f1f1; border-top : none;}
#bo_v_info .profile_info{margin : 0px; float: none;}
#bo_v_info .profile_img{display: inline-block;}
#bo_v_info .profile_info .profile_info_ct{float: none; padding : 0;}
#bo_v_info #bo_v_top{}
#bo_v_info #bo_v_top ul{margin : 0px;}
#bo_v_info .sv_member, 
#bo_v_info .sv_guest, 
#bo_v_info .member, 
#bo_v_info .guest{font-weight: normal;}
#bo_v_info .if_date{font-weight: 300; font-size: 12px;}
#bo_v_info>div{position: relative;}
#bo_v_info .more_wrap{position: absolute; top : -2px; right : 0; font-size : 14px; }
#bo_v_info .more_wrap ul{display: flex;  border-top : solid 1px #e1e1e1; border-left : solid 1px #e1e1e1; background-color: #fff}
#bo_v_info .more_wrap ul li{ border-right : solid 1px #e1e1e1; border-bottom : solid 1px #e1e1e1; padding : 4px 7px;}
#bo_v_info .more_wrap ul li a{}
#bo_v_info .more_wrap ul li span{}
#bo_v_info .more_wrap ul li em{margin : 0px 7px;}
#bo_v_atc{padding : 10px 15px; border : solid 1px #f1f1f1; border-top : none;}
#bo_v_atc .info_wrapper {}
#bo_v_atc .info_wrapper span {display: inline-block; margin-right : 10px; margin-top : 10px;}
#bo_v_atc .audio_wrapper{text-align: center; margin : 15px 0px;}
#bo_v_atc .video_wrapper{text-align: center; margin : 15px 0px;}
#bo_v_atc .video_wrapper iframe {height: 600px;}
#bo_v_con{margin: 15px 0px ;}
#bo_v_con iframe, .video_wrapper iframe{height: 600px !important;}



#bo_v_file li{border-radius: 0;}


#bo_vc .cmt_btn{padding-bottom : 6px; /* background-color: #fcfcfc; */ /* border : solid 1px #e5e4e4; */ border-bottom : solid 1px #e5e4e4; padding :6px 15px; text-align: right;}
#bo_vc .cmt_btn b{font-weight: normal;}
#bo_vc .cmt_btn span.total{font-size : 15px; font-weight: normal; color : inherit;}
#bo_vc .cmt_btn span.total strong {color : #289c6a;margin-right : 3px; font-size : 16px;}
#bo_vc .cmt_btn span.total:after{display: none;}
#bo_vc .cmt_btn span.cmt_more{}
#bo_vc .cmt_list {padding : 5px 15px; border : solid 1px #e5e4e4; border-top : none;}
#bo_vc .cmt_list .cm_wrap{border-bottom : solid 1px #cdcdcd; position: relative; padding-left : 0px; padding-top : 10px; }
#bo_vc .cmt_list .cm_wrap.depth{border-bottom : solid 1px #e1e1e1;}
#bo_vc .cmt_list .cm_wrap.depth:before{content:''; position: absolute; width : 10px; height: 12px; border-left : solid 2px #e1e1e1; border-bottom : solid 2px #e1e1e1; top : 20px; left : -17px;}
#bo_vc .cmt_list .cm_wrap:last-child{border-bottom : none;}
#bo_vc .cmt_list .cm_wrap .pf_img {position: absolute; top : 13px; left : 0; display: none;}
#bo_vc .cmt_list .cm_wrap .cmt_contents{padding : 0px;}
#bo_vc .cmt_list .cm_wrap .cmt_head{font-size : 13px; background-color: #f4f4f4; padding : 0px 5px; border : solid 1px #e1e1e1;}
#bo_vc .cmt_list .cm_wrap .cmt_head.writer{background-color: #ffd9d9; border-color : #991212;}
#bo_vc .cmt_list .cm_wrap .cmt_head .cmt_option {display: inline-block; font-size : 13px;}
#bo_vc .cmt_list .cm_wrap .cmt_head .cmt_option ul {}
#bo_vc .cmt_list .cm_wrap .cmt_head .cmt_option ul li{display: inline-block; margin : 0 5px;}
#bo_vc .cmt_list .cm_wrap .cmt_head .cmt_option ul li a{color : #444;}
#bo_vc .cmt_list .cm_wrap .cmt_head .cmt_time {float: right; font-size : 13px; font-weight: 200; }
#bo_vc .cmt_list .cm_wrap .cmt_body{font-size : 14px; line-height: 25px; padding : 0px 5px;}
.cmt_btn span.total{color : #991212;}
.cmt_btn b{font-size : 16px;}
#bo_vc article .pf_img img{display: none;}
#bo_vc .bo_vc_hdinfo time {font-size : 14px;}

#bo_vc_w{margin : 25px 0px 10px;}
#bo_vc_w .btn_submit, .bo_vc_w .btn_submit {height: 30px; font-weight: normal; font-size : 16px;}
#bo_vc_w textarea{border-radius: 1px; height: 180px;}
.cm_wrap .bo_vc_w textarea {margin-left : 25px; width : calc(100% - 25px);}
.cm_wrap .bo_vc_w .btn_confirm{width : calc(100% - 25px); margin-left : 25px;}


#bo_vc .member, 
#bo_vc .guest, 
#bo_vc .sv_member, 
#bo_vc .sv_guest{font-weight: 500;}
/* 회원아이콘 */
.sv_wrap img {width : 20px; height: 20px;}
#bo_list .profile_img img{border-radius: 0;}


#bo_w{background-color: #fff; padding : 15px 23px; padding-bottom : 50px;}
#bo_w .bo_w_tit #btn_autosave{top : 2px; right : 2px; border-radius: 0px;height: 26px; line-height: 26px; background-color: #868686; width: auto; font-size : 12px;}
#bo_w #autosave_pop ul{overflow-y: auto;}
#bo_w .bo_w_link label{height: 30px; line-height: 30px;width : 40px;}
#bo_w .bo_w_flie .lb_icon{height: 30px; line-height: 30px;width : 40px;}
#bo_w .bo_w_flie .file_wr{height: 30px;}
#bo_w .bo_w_flie .frm_file{margin-top : -11px;}
#bo_w .half_input_wrap{display: flex; justify-content: space-between;}
#bo_w .half_input_wrap:after{display: none;}



.page_wrapper{text-align: center; margin-top : 20px;}
.page_wrapper .pg_wrap{float: none; margin : 0 auto;}
.page_wrapper .pg_page{border-radius: 0px;}
.page_wrapper .pg_current{border-radius: 0px;}
.search_wrapper{margin-top : 20px;}
.search_wrapper form {display: flex; justify-content: center; font-size : 13px;  }
.search_wrapper form select{border : solid 1px #e1e1e1; border-right: none; height: 30px; color : #444; padding : 0px 10px;}
.search_wrapper form .sch_bar{height: 30px;}
.search_wrapper form .sch_bar input[type=text]{height: 100%; border : solid 1px #e1e1e1; border-radius: 0px; padding-left : 5px;  color : #444}
.search_wrapper form .sch_bar button{height: 100%; width : 30px; border : solid 1px #e1e1e1; border-radius: 0px;  background-color: #fff; margin-left : -4px;}

#bo_v_act{position: relative; margin-top : 80px;}
#bo_v_act a:hover{border-color : #21976c; color : #21976c;} 
#bo_v_act .bo_v_act_good_status{margin-bottom : 20px; font-size : 20px; text-align: center;}
#bo_v_act .bo_v_act_good_status strong {border-bottom : solid 2px #000;}
#bo_v_act_good {border : solid 1px #1f966d; width : auto; padding : 5px 10px; left : 50%; transform : translate(-50%);  margin : 0 auto; min-width : 300px;bottom : -40px;    top: auto; background-color: transparent; color : #1f966d; border-radius: 2px; font-size : 14px;}
#bo_v_act_good em {font-weight: bold; color : #000; font-size : 15px;}

.sv_wrap .sv:before{left: 44px;}
.sv_wrap .sv a {text-align: center;}
.sch_word{background-color: transparent; color :#1f966d; padding : 0; margin : 0;}

#bo_v_link{display: none;}

#bo_list .bo_tit .answer {width : 80px; display: inline-block; height: 25px; background-color: #e1e1e1; float: left; margin-top : 5px; text-align: center; line-height: 25px; margin-right : 10px; font-size : 13px; border-radius: 2px;}
#bo_list .bo_tit .answer.complete {background-color: #ad8da1; color : #fff;}


@media all and (max-width:980px){
	#bo_list, #bo_v, #bo_gall{padding : 10px 0px; margin-top : 35px;}
	
	#bo_v_con iframe, .video_wrapper iframe {width : 100% !important; height: 400px !important;}
	
	#bo_gall .gall_li{width : calc(50% - 10px);}
	#bo_gall .gall_img a .txt_wrap{position: static; opacity: 1; visibility: visible;}
	#bo_gall .gall_img a:hover img{transform : scale(1);}
	#bo_gall .gall_img a:hover .txt_wrap{transform : scale(0.8);}
}

@media all and (max-width:550px){
	#bo_list, #bo_v, #bo_gall{margin-top : 0;}
	#bo_list .inner , #bo_v .inner , #bo_gall .inner {padding : 10px 0px;}
	.board_title{padding : 0px 10px;}
	.board_title h1{font-size : 16px;}
	.bo_total{right : 10px;}
	
	
	#bo_list{padding : 10px 0px;}
	#bo_list .tbl_head01 thead{display: none;}
	#bo_list .tbl_head01 .td_num2 {display: none;}
	#bo_list .tbl_head01 table{display: block;border-bottom : none;}
	#bo_list .tbl_head01 tbody {display: block; }
	#bo_list .tbl_head01 tbody tr{ flex-wrap: wrap; position: relative;border-left : none; border-bottom : 1px solid #ecf0f1; height: 59px; display: block; padding : 8px 0px;}
	#bo_list .tbl_head01 td{height: auto; line-height: normal; display: inline-block; padding : 0; border : none; width : auto; font-size : 12px; color : #888;}
	#bo_list .tbl_head01 tr.bo_notice td{background-color: transparent; border : none; }
	#bo_list .tbl_head01 tr.bo_notice {background-color: #eaf5ef;}
	#bo_list .tbl_head01 tr.bo_notice td a{font-weight: normal;}
	#bo_list .tbl_head01 .td_subject{display: block;   width : 100%;}
	#bo_list .tbl_head01 .td_subject .bo_tit{ padding-left : 10px;   font-size : 14px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right : 50px;}
	#bo_list .tbl_head01 .td_subject .bo_tit a { width : 100%;}
	#bo_list .tbl_head01 .td_subject .bo_tit .new_icon{}
	#bo_list .tbl_head01 .td_subject .ba_tit{padding-right : 20px;}
	
	#bo_list .tbl_head01 .td_name { background-color: transparent;  display: inline-block; padding-left : 10px; font-weight: 100; float: left; margin-right : 10px; position: relative;}
	#bo_list .tbl_head01 .td_name a {color : #888; display: block; width : 100%; display: inline-block; }
	.sv_wrap .sv{min-width : 100px;}
	#bo_list .tbl_head01 .td_name:after {content:''; width : 1px; height: 60%; background-color: #666; display: inline-block; position: absolute;  top : 23%; right : -6px;}
	#bo_list .tbl_head01 .td_name .profile_img {display: none;}
	#bo_list .tbl_head01 .td_name .profile_image {display: none;}
	#bo_list .tbl_head01 .td_datetime{float: left; margin-right : 10px; position: relative;}
	#bo_list .tbl_head01 .td_datetime:after {content:''; width : 1px; height: 60%; background-color: #666; display: inline-block; position: absolute;  top : 23%; right : -6px;}
	#bo_list .tbl_head01 .td_num {margin-top : -12px; margin-right : 5px;}
	#bo_list .tbl_head01 .td_num:before {content:'조회 ';}
	#bo_list .tbl_head01 .good:before {content:'기도 ';}
	
	#bo_list .tbl_head01 .cnt_cmt{position: absolute; right : 10px; top : auto; margin-top : 4px; width : 30px;  height: 30px; line-height: 30px; text-align: center;}
	#bo_list .tbl_head01 .td_chk{position: absolute; top : 10px; right : 10px;}
	
	#bo_list td.empty_table{ padding : 0px 10px !important; width : 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
	#bo_list  .bo_cate_link{margin : 10px 0px 10px 10px}
	
	
	#bo_v .btn_wrapper ,
	#bo_list .btn_wrapper{margin-top : 10px; padding : 0px 10px;}
	#bo_v .btn_wrapper ul li:last-child a , 
	#bo_list .btn_wrapper ul li:last-child a{position: fixed; bottom : 64px; width : 45px; height: 45px; right: 20px; padding : 0; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,0.3);}
	#bo_v .btn_wrapper ul li:last-child span , 
	#bo_list .btn_wrapper ul li:last-child span {display: none; }
	
	.search_wrapper form{width : 100%; padding : 0px 15px;}
	.search_wrapper form select{width : 70px; border-radius: 0px; padding-left : 10px;}
	.search_wrapper form .sch_bar{display: flex; justify-content: space-between;}
	.search_wrapper form .sch_bar input[type=text]{width : calc(100% - 29px);}
	
	#bo_v{padding : 10px 0px;}
	#bo_v .inner {padding : 0;}
	#bo_v .bo_v_title{padding : 5px 10px 10px; border-right : none; border-left : none;}
	#bo_v .bo_v_title .bo_v_tit{font-size : 15px; line-height: 20px;}
	#bo_v .btn_wrapper{margin : 10px 0px;}
	#bo_v_info{padding : 5px 10px; }
	#bo_v_info .more_wrap{top : 5px; font-size : 11px;}
	#bo_v_info .more_wrap ul{display: block; border : none; background-color: transparent;}
	#bo_v_info .more_wrap ul li{display: inline-block; border : none; padding : 0;margin-left : 5px; color : #888;}
	#bo_v_info .more_wrap ul li:last-child{display: none;}
	#bo_v_info .more_wrap ul li a{color : #888;}
	#bo_v_info .more_wrap ul li em{margin : 0;}
	#bo_v .bo_v_title .bo_v_cate{font-size : 16px; line-height: 20px;}
	
	#bo_v_atc{padding : 10px 10px; border: none;}
	
	.cmt_btn{border: none; margin-top : 10px; padding : 0px 10px;}
	.cmt_btn b{font-size : 14px; font-weight: 500;}
	.cmt_btn span.total{font-size : 13px;}
	.cmt_btn span.total:after{display: none;}
	.cmt_btn span.cmt_more{display: none;}
	
	
	#bo_vc{}
	#bo_vc article{margin : 10px 0px;}
	#bo_vc .cmt_list{border : none; padding : 0px 10px;}
	#bo_vc .cmt_list .cm_wrap{padding-left : 0;}
	#bo_vc .cmt_list .cm_wrap .pf_img{display: none;}
	#bo_vc_w{padding : 0px 10px;}
	#bo_vc_w .secret_cm{display: none;}
	#bo_vc_w .btn_confirm{margin-top : 0px; margin-bottom : 20px;}
	#bo_vc_w .bo_vc_w_info{display: none;}
	#bo_vc_w textarea{border-radius: 2px 2px 0px 0px; box-shadow: none; height: 90px;}
	#bo_vc_w .btn_submit{width : 100%; border-radius: 0 0 2px 2px; height: 40px; line-height: 40px;}
	#bo_vc_empty{font-size : 13px; padding : 40px 0px !important;}
	#bo_w{padding : 10px 0px;}
	#bo_w #fwrite{padding : 0px 10px;}
	#bo_cate{display: none;}
	
	#bo_v_con iframe, .video_wrapper iframe {width : 100% !important; height: 220px !important;}
	#bo_v_con{font-size : 14px;}
	#bo_gall .inner {padding : 0;}
	#bo_gall .gall_box{margin-bottom : 0;}
	#bo_gall .gall_img{border : none;}
	#bo_gall .gall_img img {width : 100%;}
	#bo_gall #gall_ul{margin : 0px;}
	#bo_gall .gall_li{width : 100%; margin : 0px;}
	#bo_gall .gall_img a .txt_wrap{width : 100%; text-align: left; height: auto; justify-content: flex-start; transform : scale(1); margin : 0; padding : 10px 20px 20px 15px; border-bottom : solid 1px #e1e1e1; border-top :solid 1px #e1e1e1; transition-duration : 0s; background-color: #fff;}
	#bo_gall .gall_img a:hover img{transform : scale(1);}
	#bo_gall .gall_img a:hover .txt_wrap{transform : scale(1);}
	#bo_gall .gall_img a .txt_wrap h6{font-size : 14px; line-height: 16px; margin-bottom : 5px;}
	#bo_gall .gall_img a .txt_wrap .gall_date{font-size : 12px;}
	#bo_list .bo_tit .answer{position: absolute; top : 0; right : 0;}
	
	
	
}