@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{font-family: 'Noto Sans KR', sans-serif;}
.tbl_head01 a:hover{text-decoration: none; color : #0a6084}
.tbl_head01 thead th {padding : 0px; height: 35px; font-size : 15px; background-color: #fcfcfc;}
.tbl_head01 td{height: 35px; padding : 0px 5px; line-height: 35px; font-size : 15px;}

#bo_list, #bo_v, #bo_gall{background-color: #fff; padding : 15px 23px; padding-bottom : 50px; font-family: 'Noto Sans KR', sans-serif !important;}

#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 : 145px;}
#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 : #eb5218 !important;}
#bo_list .bo_current{background-color: #fff3e1}
#bo_list .bo_vc_w{margin : 15px 0px;}
#bo_list .cnt_cmt{background-color: #eb5218; color : #fff;}

#bo_list .bo_tit .fa-link,
#bo_list .bo_tit .new_icon,
#bo_list .bo_tit .fa-download {border: solid 1px #eb5218;color: #fff; background-color: #eb5218; 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;  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(33.333% - 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: 675px !important;}



#bo_v_file li{border-radius: 0;}


#bo_vc .cmt_btn{padding-bottom : 6px; /* background-color: #fcfcfc; */ border : solid 1px #e5e4e4;  border-bottom : none; padding :6px 15px; text-align: left; margin : 0;}
#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 : #eb5218;margin-right : 3px; font-size : 16px;}
#bo_vc .cmt_btn span.total:after{display: none;}
#bo_vc .cmt_btn span.cmt_more{}
#bo_vc #bo_vc_empty{border-top : solid 1px #f1f1f1;}
#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 : #eb5218;}
#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 : #eb5218;}
.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; box-shadow: none;}
.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;}



.file_link{}
.file_link ul{}
.file_link ul li{background-color: #fcfcfc; border : solid 1px #f1f1f1; border-top : none; padding : 10px 15px; display: flex; align-items: center;}
.file_link ul li i{width : 30px; color : #7b7b7b;}
.file_link ul li a {color : #555; font-weight: 200; font-size : 15px;}
.file_link ul li a strong {font-weight: normal;}
.file_link ul li span {display: none;}


.calendar_section{width : 100%;}
.calendar_section .calendar{}
.calendar_section .calendar .cal_head{ text-align: center; padding : 20px; display: flex; justify-content: center; align-items: center; position: relative; border : solid 1px #e1e1e1; border-bottom : none;}
.calendar_section .calendar .cal_head h6 {font-size : 20px;}
.calendar_section .calendar .cal_head a {position: absolute; top : 50%; transform : translateY(-50%);}
.calendar_section .calendar .cal_head a:first-child {left : 50px;}
.calendar_section .calendar .cal_head a:last-child {right : 50px;}
.calendar_section .calendar .cal_body{border : solid 1px #e1e1e1; border-right : none; border-bottom : none;}
.calendar_section .calendar .cal_body ul{display: flex; justify-content: space-between;}
.calendar_section .calendar .cal_body ul li{width : 14.285%; text-align: center; min-height: 120px; border-bottom : solid 1px #e1e1e1;border-right : solid 1px #e1e1e1; position: relative; padding : 25px 0px 0px 0px; text-align: left;}
.calendar_section .calendar .cal_body ul li .item {font-size : 15px; display: block; color : #fff; padding : 5px 4px; margin : 4px 0px; font-weight: normal; position: relative; z-index: 2;}
.calendar_section .calendar .cal_body ul li .item .mobile_date{display: none;}
.calendar_section .calendar .cal_body ul li .item input[type=checkbox]{position: absolute; top : 50%; right : 10px; transform : translateY(-50%);}
.calendar_section .calendar .cal_body ul li .item:last-child {margin-bottom : 0;}
.calendar_section .calendar .cal_body ul li .item_back {position: absolute; width : 100%; height: 100%; position: absolute; top : 0; left : 0; z-index: 1; opacity: 0; visibility: hidden; transition : 0.3s ease-out;}
.calendar_section .calendar .cal_body ul li .item_back.last{border : solid 2px #111; border-top : none; border-left : none;}
.calendar_section .calendar .cal_body ul li .item_back.active {opacity: 0.8; visibility: visible;}
.calendar_section .calendar .cal_body ul li .date{position: absolute; top : 5px; left : 5px; font-size : 14px; z-index: 3;}
.calendar_section .calendar .cal_body ul li:hover a {background-color: #f4f4f4;}

.calendar_section .calendar .cal_body ul li a.non_active{cursor: no-drop; color : #999;}
.calendar_section .calendar .cal_body ul.top {}
.calendar_section .calendar .cal_body ul.top li {text-align: center; min-height: 30px;line-height: 30px; background-color: #f4f4f4; padding : 10px 4px;}
.calendar_section .calendar .cal_body ul li.sun a{color : #9a2626;}
.calendar_section .calendar .cal_body ul li.sat a{color : #232197;}
.calendar_section .calendar .cal_body ul li.cur .date {font-weight: bold;}
.calendar_section .calendar .cal_body ul li.today {background-color: #f2f5f7;}
.calendar_section .calendar .cal_body ul li.prev {color : #bbb;}
.calendar_section .calendar .cal_body ul li.next {color : #bbb;}



@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);}
	
	.calendar_section .calendar .cal_body ul.top{display: none;}
	.calendar_section .calendar .cal_body ul{flex-wrap: wrap;}
	.calendar_section .calendar .cal_body ul li{width : 100%; min-height: auto; padding : 0; border : none;}
	.calendar_section .calendar .cal_body ul li .date{display: none;}
	.calendar_section .calendar .cal_body ul li .item{}
	.calendar_section .calendar .cal_body ul li .item .mobile_date{display: block;}
}

@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.write a , 
	#bo_list .btn_wrapper ul li.write a{position: fixed; bottom : 105px; 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{}
	#bo_vc_w .bo_vc_w_info .frm_input{width : 100%; margin-bottom : 5px;}
	#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: 57.5117vw !important;}
	#bo_v_con{font-size : 14px; min-height: 125px;}
	#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;}
	
	
	
}