@charset "utf-8";

/* 게시판 목록 */
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate_ul{display: flex; gap: 0.5rem; margin-bottom: 1rem;}
#bo_cate a {display:block; line-height: 1rem; padding: 0.75em 1em; border-radius: 1.5rem; border:1px solid #ddd; color: #959595; font-size: 0.95rem; white-space: nowrap;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none; border-color:var(--main-color); color:var(--main-color); font-weight: 500;}
#bo_cate #bo_cate_on {z-index:2; background:var(--main-color); color:#fff; font-weight:600; border:1px solid var(--main-color);
-webkit-box-shadow:inset 0 2px 5px var(--dark-opacity40);
-moz-box-shadow:inset 0 2px 5px var(--dark-opacity40);
box-shadow:inset 0 2px 5px var(--dark-opacity40);}
.td_subject img {margin-left:5px}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}

.btn_bo_user::after{content:""; display: block; clear: both;}
.btn_bo_user > li{position: relative; float: left;}
.btn_bo_user > li{position:relative;float:left;}
.btn_bo_user > li + li{margin-left:5px}

.btn_bo_user > li a, .btn_bo_user > li button{display: flex;align-items: center; justify-content: center; padding: 0; background: transparent; gap: 5px;}
.btn_bo_user > li > a, .btn_bo_user > li > button{width: 2.5rem; height: 2.5rem;}
.btn_bo_user a:hover .svg{color: var(--main-color); transition-duration: 100ms;}
.btn_bo_user a:hover .svg path, .btn_bo_user button:hover .svg path{stroke: var(--main-color); transition-duration: 100ms;}


.btn_bo_user .more_opt button, .btn_bo_user > li .more_opt a{padding: 1em 1.25em; font-size: 0.9rem;}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice {background: var(--main-opacity30) !important;}
.bo_notice td a {font-weight: 600;}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}

.more_opt, .sns_opt{display:none; position:absolute; top:2.5em; right: -2%;border:1px solid transparent; z-index:999; box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
.more_opt li:first-child:before, .sns_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #eee transparent}
.more_opt li:first-child::after, .sns_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {position: relative; border-bottom:1px solid #eee; margin:0; color:#959595;text-align:left; background-color: #fff;}
.more_opt li:first-child{border-color: #eee;}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width: fit-content !important; height: auto !important; white-space: nowrap; border:0; background:#fff; color:#666;}
.more_opt li:hover a{color: var(--main-color); background-color: #f7f7f7;}
.more_opt li:hover button {color: var(--main-color);}
.more_opt li i {float:right;line-height:20px}

.td_num strong {color:#000}

/* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}
.bo_current {color:#e8180c}
#bo_list .profile_img img {border-radius:50%}

#bo_list .bo_tit .title_icon {margin-right:2px}
.gall_text_href .cnt_cmt, #bo_list .bo_tit .fa-heart, #bo_list .bo_tit .fa-lock, .gall_text_href .new_icon, #bo_list .bo_tit .hot_icon, #bo_list .bo_tit .fa-caret-right, #bo_list .bo_tit .fa-download, #bo_list .bo_tit .fa-link
{display:inline-block; height: 1.2rem; width: 1.2rem; vertical-align:middle; text-align:center; padding: 3px; box-sizing: border-box; color: #bbb; font-size: 0.6rem; font-weight: 800;}

.gall_text_href .cnt_cmt{width: 0.8rem; height: 0.8rem; line-height: 0.85rem; background: #333; color: #fff; padding: 0; vertical-align: top; border-radius: 50%;}

#bo_list .bo_tit .fa-heart {color:#ff0000}
#bo_list .bo_tit .fa-lock {}
.gall_text_href .new_icon {width: fit-content; padding: 0 3px; animation: blink 1s infinite;}
@keyframes blink{ 
	0% {color: #333;} 
	50% {color: var(--main-color);}
	100% {color: #333;} 
 }

#bo_list .bo_tit .hot_icon {}
#bo_list .bo_tit .fa-caret-right {}
#bo_list .bo_tit .fa-download {}
#bo_list .bo_tit .fa-link {}

.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}

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

#autosave_wrapper {position:relative}
#autosave_wrapper > button{position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 0.8rem; padding: 0.4rem; background-color: var(--main-color); color: #fff; border-radius: 0.4em;}
#autosave_pop {display:none;z-index:10;position:absolute !important; top:34px; right:0; width:350px; height:auto !important; height:180px; max-height:180px; border:1px solid #eee; background: #fff;
-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #eee transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer; width:100%; padding: 0.75rem; background:none;color:#888; font-weight:600; font-size:0.85rem}
.autosave_close:hover {background: #fbfbfb; color: var(--main-color);}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;background:#fff;box-sizing:border-box}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {}
#bo_v_title .bo_v_cate {display:block; width: fit-content; background:#eee; color:var(--main-color); padding:0.5rem; font-weight: 600; border-radius: 0.4rem; font-size: 0.9rem;}
#bo_v_title .bo_v_tit {display:block;font-size:2em; margin-top: 1rem; word-break:break-all; line-height: 1.2;}

#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_v_info .profile_info .profile_info_ct {}

#bo_v_info strong {display:inline-block; margin:0 0.5em 0 0; font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:600}
#bo_v_info .profile_img {display:none}
#bo_v_info .sv_member {color:#000}
#bo_v_info .if_date {margin:0;color:#888}

#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_nb {}
.bo_v_nb li {border-top:1px solid #eee; padding:1rem; background-color: #fbfbfb;}
.bo_v_nb li:last-child {border-bottom:1px solid #eee}
.bo_v_nb li a{display: -webkit-inline-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; vertical-align: middle; max-width: calc(100% - 7rem);}
.bo_v_nb li .nb_tit {display:inline-block; padding-right:1rem; color: var(--main-color);}
.bo_v_nb li .nb_date {float:right; color:#999}

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

#bo_v_img {display: block; width: fit-content; max-width:100%;overflow:hidden;zoom:1; margin: 0 auto;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:1rem;max-width:100%;height:auto}
.bo_v_info + #bo_v_img {margin-top: 1rem;}

#bo_v_con {border-top: 2px solid #000; padding: 1rem 0 5rem 0; width:100%; line-height:1.5; min-height:400px; word-break:break-all; overflow:hidden; text-align: justify;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#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;color:#4a5158}
#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f}
#bo_v_act i {font-size:1.4em;margin-right:5px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}

#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}

#bo_v_share {position:relative;padding:20px 0}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
#bo_v_share .btn:hover {background:#fff}
#bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}

/* 게시판 댓글 */
.cmt_btn {width:100%; border:0; border-bottom:2px solid #eee; background:#fff; font-weight: 600; margin:30px 0 0px; padding:0 0 1rem; text-align: left;}
.cmt_btn span.total {position:relative;display:inline-block; font-size:1em;color:var(--main-color)}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em; color:#000; margin-right: 5px;}
.cmt_btn span.total:after {position:absolute;bottom: calc(-1rem - 2px); left:0; display:inline-block; background:var(--main-color); content:""; width:100%; height:2px;}
.cmt_contents{margin: 0.5rem 0; line-height: 1.3; word-break: break-all; text-align: justify;}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {padding: 1rem 0 0.5rem 0; position:relative; border-bottom:1px solid #f0f0f0}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .cm_wrap {}
#bo_vc header {position:relative;width:100%}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:600;}
.bo_vc_hdinfo {display: inline-block; font-size: 0.9rem; color: #666; margin-bottom: 0.5rem;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute; top:0; right:0; z-index: 111;}

.bo_vc_act {display:none; position:absolute; right:0; top:40px; width:58px;text-align:right; margin:0;list-style:none;background:#fff;zoom:1;z-index:9999; box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
.bo_vc_act li:first-child{position: relative;}
.bo_vc_act li:first-child::before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #eee transparent}
.bo_vc_act li:first-child::after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #eee}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block; padding: 1em 1.25em; font-size: 0.9rem; color: #666;}
.bo_vc_act li:hover a{color:var(--main-color); background-color: #f7f7f7;}


#bo_vc_send_sns {display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}

/* 댓글 답글 */
.bo_vc_r {display: block; width: 100%; box-shadow: 0 0 6px 0 rgba(0,0,0,0.05); margin: 0.5rem 0;}
aside.bo_vc_w{margin: 1rem 0;}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {border: 0; vertical-align:middle; padding:1rem; width:100%; height:120px;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
#wr_secret {}
.secret_cm {display:inline-block;float:left}

#fviewcomment textarea{display: block; border: 1px solid #eee; box-shadow: none; background-color: #fff; resize: none; border-radius: 0;}
.bo_vc_w_wr .btn_confirm{display: flex; align-items: center; justify-content: space-between; background-color: #fbfbfb; border: 1px solid #eee; border-top: none;}
.bo_vc_w_wr .btn_confirm button{background-color: #333; padding: 1rem; border-left: 1px solid #eee; font-size: 0.9rem; font-weight: 400; color: #fff;}
.bo_vc_w_wr .btn_confirm button:hover{background-color: #eee; color: #333; font-weight: 600;}

.bo_vc_w_info{display: flex; gap: 5px; border: 1px solid #eee; border-top: none; padding: 0.5rem 1rem; background-color: #eee;}
.bo_vc_w_info input{width: 25%; border: 1px solid #eee; height: auto;}
.bo_vc_w_info fieldset{width: 50%;}
.bo_vc_w_info #captcha #captcha_info{display: inline-block; margin: 0; vertical-align: bottom; color: #999; font-size: 0.85rem; flex-basis: auto; margin-le: 5px;}
.bo_vc_w_info #captcha #captcha_key{width: 30%;height: 2.5rem; border: 1px solid #eee;}
.bo_vc_w_info #captcha #captcha_img {border: 1px solid #eee; height: 2.5rem;}
.bo_vc_w .secret_cm{padding-left: 1rem;}
.bo_vc_w_wr input{background-color: #fff !important;}

/* =================================== 교회A 게시판 디자인 =================================== */
input[type="text"], input[type="password"], select{padding: 0.5rem; line-height: 20px; border: 1px solid #eee; background-color: #fbfbfb; border-radius: 0.4rem;}
select{padding-right: 2rem; height: auto;}
textarea{width: 100%; padding: 0.5rem; border: 1px solid #eee; background-color: #fbfbfb; border-radius: 0.4rem; resize: none;}
input[type="radio"], input[type="checkbox"]{display: inline-block; margin-right: 0.4rem;}

.hide {position: absolute; left: -9999px; top: 0;}
.svg{display: inline-block; width: 1em; height: 1em; vertical-align: top; color: #999; stroke-width: 1.5;}
.svg path{stroke: #999; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}
.svg_lg{width: 1.5em; height: 1.5em;}
.svg + span, .svg + a{display: inline-block; margin-left: 2px;}
.box_btn{display: inline-block; padding: 0.5rem; font-size: 0.9rem; border: 1px solid #ddd; background-color: #fbfbfb; color: #666; font-weight: 500;}
.box_btn:hover{border-color: var(--main-color); color: var(--main-color); background-color: #fff; transition-duration: 100ms;}
.color_svg{color: var(--main-color);}
.color_svg path{stroke: var(--main-color);}
.fa_icon{width: 1rem; text-align: center; }


/* 리스트 페이지 */
#bo_gall, #bo_v{padding: 3.5rem 0 10rem 0;}
#bo_btn_top {display: flex; margin-bottom: 1rem; align-items: center; justify-content: space-between;}
#bo_list_total span {display: inline-block; font-weight: 600;}
#bo_list_total span b{color: var(--main-color); font-size: 1.2rem; font-weight: 700; margin: 0 0.25rem;}
#bo_list_total span + span::before{content:"｜"; display: inline-block; font-size: 0.8rem; margin: 0 0.5rem; color: #ddd;}
.bo_sch_wrap{padding: 0.5rem 1rem; border: 2px solid #eee; background-color: #fff; width: fit-content; margin: 2rem auto 0 auto; border-radius: 2rem; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.04);}
.bo_sch_wrap form{display: flex; align-items: center; gap: 0.5rem;}
.bo_sch_wrap form select, .bo_sch_wrap form input[type="text"]{ height: 1.5rem; line-height: 1.5rem; border: none; background-color: #fff;}
.bo_sch_wrap form select{padding: 0; padding-right: 1.5rem; color: #666;}
.bo_sch_wrap form input[type="text"]{width: calc(100% - 1.5rem);}
.bo_sch_wrap form .sch_btn{color: var(--main-color); font-size: 1.25rem; background-color: transparent;}

.table_wrap table{width: 100%; border-top: 2px solid var(--main-color);}
.table_wrap table tr{border-bottom: 1px solid #eee;}
.table_wrap table tbody tr:nth-child(odd){background-color: #fbfbfb;}
.table_wrap table td, .table_wrap table th{padding: 1rem 0; text-align: center; vertical-align: middle;}
.table_wrap table th{font-weight: 600;}
.table_wrap table td > div{text-align: left;}

.table_wrap table .t_check{width: 30px;}
.table_wrap table .t_num{width: 50px;}
.table_wrap table .t_date{width: 140px;}
.table_wrap table td.t_date{letter-spacing: -0.02em;}
.table_wrap table .t_title .mo_view{display: none;}


.table_wrap table td.t_title{display: flex; align-items: center;}
.bo_cate_link {display: block; width: fit-content; background:#eee; color:var(--main-color); padding: 0.5rem; text-align: center; border-radius: 0.4em; font-size:0.8rem; font-weight: 600; margin-bottom: 0.5rem;}
.bo_tit{display: -webkit-inline-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: calc(100% - 1.5rem); vertical-align: text-bottom; font-weight: 500; font-size: 1.1rem;}
.bo_tit:hover{text-decoration: underline;}

.table_wrap table .t_name{width: 100px;}
.mo_combine{width: 100%; padding-top: 0.5rem; margin-top: 0.5rem;border-top: 1px dashed #eee; font-size: 0.8rem;}
.mo_combine span{display: inline-block; line-height: 1rem;}
.mo_combine span + span::before{content:"｜"; display: inline-block; margin: 0 5px; clear: both; font-weight: 500; font-size: 0.8em; line-height: 1rem; color: #bbb;}

/* 뷰페이지 페이지 */
#bo_v_info {display: flex; align-items: center; justify-content: space-between; margin: 0.5rem 0}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all;}
#bo_v_top ul.btn_bo_user {min-width: 6em;}

#bo_vc .cm_wrap .color_svg{position: absolute; left: 0; transform: scale(-1, -1);}
#bo_vc .cm_wrap .svg, #bo_vc .cm_wrap .svg path{stroke-width: 2.5;}
#bo_v .btn_box, #bo_w .btn_box{margin-top: 5rem;}

/* 공유하기 옵션 */
.sns_opt{padding: 1rem; border-color: #eee; background-color: #fff;}
.sns_opt > p{font-size: 1.2rem; font-weight: 500; text-align: center; margin-bottom: 1rem; color: #000; font-family: 'Godo', sans-serif;}
.sns_opt ul{display: flex; gap: 10px;}
.sns_opt li a{width: auto; height: auto; flex-direction: column; gap: 10px;}
.sns_opt .icon{display: block; width: 2.5rem; height: 2.5rem;}
.sns_opt .icon img{display:block; width: 100%;}
.sns_opt .text{white-space: nowrap; font-weight: 500; font-size: 0.85rem; color: #000;}

/* 테이블 */
.ul_table{border-top: 2px solid #000;}
.ul_table > li{display: flex; border-bottom: 1px solid #eee; align-items: center; background-color: #fbfbfb;}
.ul_table li > div{padding: 1rem;}
.ul_table .tit{width: 20%; text-align: center; font-weight: 600; line-height: 1.3; min-width: 86px;}
.ul_table .con{width: 80%; border-left: 1px solid #eee; background-color: #fff; line-height: 1.3; text-align: justify; word-break: break-all;}

.bo_v_attach{border: 1px solid #eee; border-style: solid none; padding: 1rem 0;}
.bo_v_attach + .bo_v_attach{border-top: none;}
.bo_v_attach h2{font-size: 1.3rem; font-weight: 500; margin-bottom: 1rem; font-family: 'Godo', sans-serif;}
.bo_v_attach li{position: relative; display: flex; padding-left: 1.5rem; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;}
.bo_v_attach li .svg{position: absolute; left: 0;}
.bo_v_attach li > a{text-decoration: underline; word-break: break-all;}
.bo_v_attach li > span{font-size: 0.9rem; color: #999;}

/* 작성 페이지 */
#bo_w {padding: 4rem 0 10rem 0;}
#bo_w h3{font-size: 1.6rem; font-family: 'Godo',sans-serif; margin-bottom: 1rem;}
#bo_w h3 > span{display: inline-block; font-size: 1rem; margin-left: 1rem;}
#bo_w button.btn_big{width: 100%;}
#bo_w textarea{box-shadow: none; -webkit-box-shadow: none; border: 1px solid #eee; background-color: #fbfbfb; border-radius: 0.4rem; padding: 1rem;}
.bo_v_option{display: flex; gap: 5%;}
.gall_info{font-size: 0.8em;}

/* =================================== 교회A 갤러리 디자인 =================================== */
#gall_allchk{padding: 1rem 0; border: 1px solid #eee; border-style: solid none; margin-bottom: 1rem; font-weight: 600;}
#gall_ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px;}
.gall_box{position: relative;}
.gall_chk{position: absolute; top: 0.5rem; left: 0.5rem;}
.gall_img{overflow: hidden; width: 100%; height: auto !important; max-height: none !important; aspect-ratio: 4/3;}
.gall_img img{display: block; width: 100%; height: 100% !important; object-fit: cover; transition-duration: 400ms;}

.gall_text_href{padding: 1rem 0;}
.bo_cnt{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2rem; height: 2.4rem; word-break: break-all; text-align: justify; font-size: 0.9rem; margin: 0.5rem 0;}
#gall_ul .empty_list{grid-column: span 4; padding: 6rem 0 !important; text-align: center; color: #999; background-color: #fbfbfb; border: 1px solid #eee; border-style: solid none;}
#gall_allchk + #gall_ul .empty_list{margin-top: -20px;}
#bo_gall #bo_cate{overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none;}
#bo_gall #bo_cate::-webkit-scrollbar {display: none;}

/****************************************************************************************************/
/* Media Query */

@media screen and (max-width: 1080px){
	.table_wrap table .t_date, .table_wrap table .t_name{display: none;}
	.table_wrap table td.t_title{flex-wrap: wrap;}
	.table_wrap table .t_title .mo_view{display: block;}
}
@media screen and (max-width: 768px){
	/* 카테고리 */
	#bo_cate a{font-size: 0.9rem; padding: 0.75em;}
	#bo_cate_ul_wrap{overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none;}
	#bo_cate_ul_wrap:-webkit-scrollbar{display: none;}
	#bo_cate_ul{gap: 0.25rem;}

	/* 리스트 아이콘 삭제 */
	#bo_list .t_title .fa-download, #bo_list .t_title .fa-link, #bo_list .cnt_cmt{display: none;}
	.bo_tit a{max-width: calc(100% - 1.5rem);}

	/* 리스트 페이지 */
	.table_wrap table .t_num{display: none;}
	.table_wrap table td.t_title{padding: 10px !important;}
	.bo_tit{margin-top: 0.5rem;}
	.bo_cate_link{padding: 0.5rem; margin-right: 0;}

	/* 뷰페이지 */
	#bo_v_info{}
	#bo_v_title .bo_v_tit{font-size: 1.6em; margin-top: 0.75rem;}
	.profile_info{font-size: 0.9rem;}
	.bo_v_com .mo_none{display: none;}
	.btn_bo_user > li > a, .btn_bo_user > li > button{width: 2em; height: 2em;}
	.bo_v_attach li {flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 0.5rem;}
	.bo_vc_w_info{flex-wrap: wrap;}
	.bo_vc_w_info input{width: calc(50% - 2.5px);}
	.bo_vc_w_info #captcha #captcha_img{width: 30%; height: auto;}
	.bo_vc_w_info #captcha #captcha_key{width: calc(70% - 2.5em);}
}
@media screen and (max-width: 480px){
	/* 뷰페이지 */
	#bo_v_title .bo_v_cate{font-size: 0.8rem;}
	#bo_v_title .bo_v_tit{font-size: 1.4em;}
	.profile_info{font-size: 0.8rem;}
	.more_opt, .sns_opt{top: 1.8rem;}
	.sns_opt > p{font-size: 1.1rem; margin-bottom: 0.75rem;}
	.btn_bo_user > li > a, .btn_bo_user > li > button{width: 1.5em; height: 1.5em;}
	.svg_lg{width: 1.2em; height: 1.2em;}
	
}