@charset "utf-8";


/* 게시판상단 */
[class^="scene-"].active .main_txt{visibility:visible !important;}
[class^="scene-"].active .sub_txt{visibility:visible !important;}
[class^="scene-"].active .mobile_wrap{visibility:visible !important;}
[class^="scene-"].active .vi_wrap{visibility:visible !important;}
[class^="scene-"].active .cont_wrap .info_wrap{visibility:visible !important;}

.anchur { position:absolute; top:-50px; }

@media screen and (min-width:901px) {
[class^="scene-"] { position:relative; width:100%; }
[class^="scene-"] .inner { position:relative; z-index:1; }
[class^="scene-"] .cont_wrap {  }
[class^="scene-"] .main_txt { position: relative; visibility:hidden; }
[class^="scene-"] .sub_txt { position: relative; visibility:hidden; }
[class^="scene-"] .mobile_wrap { position: relative; visibility:hidden; }
[class^="scene-"] .vi_wrap { position: relative; visibility:hidden; }
[class^="scene-"] [class^="status_wrap-"] { display: inline-block;}	

.scene-1 {  position:relative; }
.scene-1 .cont_wrap {  text-align:center; }
.scene-1 .main_txt { padding:200px 0; background:url(../../img/sub/news/back.png) no-repeat center bottom / cover; }
.scene-1 .main_txt h6 { color:#333; font-size:17px; margin:0 0 20px; }
.scene-1 .main_txt h2 { font-size:52px;  color:#fff; margin:0; }
.scene-1 .main_txt p { color:#fff; padding:10px 0; font-size:16px; line-height:21px;  }
.scene-1 .main_txt div div {  font-size:15px; line-height:21px;  }
.scene-1 .sub_txt { max-width:1200px; margin:auto; padding:50px 0; }
.scene-1 .sub_txt div {  column-gap:0px; row-gap:0px; padding:50px 0; }
.scene-1 .sub_txt div p { display:inline-block; padding:0 30px; }
.scene-1 .sub_txt div p a { border-bottom:3px solid #fff; color:#999; height:50px; line-height:50px; text-align:center; font-size:16px;  display:block; }
.scene-1 .sub_txt div p .onX { border-bottom:2px solid #333; background-color:#fff; color:#333; }


/* 게시판 목록 */
#bo_cate { }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; text-align:center; }
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:0 25px; }
#bo_cate a { border-bottom:3px solid #fff; color:#999; height:50px; line-height:50px; text-align:center;   display:block; font-size:18px; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { border-bottom:2px solid #333; background-color:#fff; color:#333; }
#bo_cate #bo_cate_on { border-bottom:2px solid #333; background-color:#fff; color:#333; }

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:0;padding:0;list-style:none;zoom:1; display:grid; grid-template-columns:repeat(1, 1fr); column-gap:0px; row-gap:0px;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li { padding:20px 0;border-bottom:1px solid #eee; }
#bo_gall .gall_box {position:relative;background:#fff; overflow:hidden; }
#bo_gall .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}

#bo_gall .gall_con { display:flex; }
#bo_gall .gall_img{ width:400px; text-align:center; position:relative; }
#bo_gall .gall_img:after { z-index:100; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); visibility:visible; content:""; width:100%; height:100%; background:url(../../img/play.png) no-repeat center / 50px auto; background-color:rgba(0,0,0,0.3); }
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block}
#bo_gall .gall_img img{max-width:100%;height:auto !important}
#bo_gall .gall_img span{display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_gall .gall_text_href { width:calc(100% - 400px); padding:50px 50px 90px; position:relative; }
#bo_gall .gall_text_href h6 { font-size:15px;  color:#c5a059; }
#bo_gall .gall_text_href h6 font { float:right; font-weight:400; color:#666; }
#bo_gall .gall_text_href h3 { font-size:27px;  margin:15px 0; font-weight:400; }
#bo_gall .gall_text_href div { color:#666; font-size:16px; line-height:32px;  }
#bo_gall .gall_text_href img { width:100%; }
#bo_gall .gall_text_href .lt_mores { display:block; position:absolute; bottom:40px; left:50px; height:40px; line-height:40px;  font-size:15px; color:#666; }
}

@media screen and (max-width:900px) {
[class^="scene-"] { position:relative; }
[class^="scene-"] .inner { position:relative; z-index:1; }
[class^="scene-"] .cont_wrap { }
[class^="scene-"] .main_txt { position: relative; visibility:hidden; }
[class^="scene-"] .sub_txt { position: relative; visibility:hidden; }
[class^="scene-"] .mobile_wrap { position: relative; visibility:hidden; }
[class^="scene-"] .vi_wrap { position: relative; visibility:hidden; }
[class^="scene-"] [class^="status_wrap-"] { display: inline-block;}	

.scene-1 {  position:relative; }
.scene-1 .cont_wrap {  text-align:center; }
.scene-1 .main_txt { padding:100px 0; background:url(../../img/sub/news/back.png) no-repeat center bottom / cover; }
.scene-1 .main_txt h6 { color:#333; font-size:17px; margin:0 0 20px; }
.scene-1 .main_txt h2 { font-size:21px;  color:#fff; margin:0; }
.scene-1 .main_txt p { color:#fff; padding:10px 0; font-size:12px; line-height:18px;  }
.scene-1 .main_txt div div {  font-size:12px; line-height:18px;  }
.scene-1 .sub_txt {  }
.scene-1 .sub_txt div { display:grid; grid-template-columns:repeat(4, 1fr); column-gap:0px; row-gap:0px; padding:50px 0; }
.scene-1 .sub_txt div p a { border-bottom:3px solid #fff; color:#999; height:50px; line-height:50px; text-align:center; font-size:12px;  display:block; }
.scene-1 .sub_txt div p .onX { border-bottom:2px solid #333; background-color:#fff; color:#333; }


/* 게시판 목록 */
#bo_cate { }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; text-align:center; }
#bo_cate li { padding:0 10px; }
#bo_cate a { border-bottom:3px solid #fff; color:#999; height:50px; line-height:50px; text-align:center;  display:block; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { border-bottom:2px solid #333; background-color:#fff; color:#333; }
#bo_cate #bo_cate_on { border-bottom:2px solid #333; background-color:#fff; color:#333; }

/* 갤러리 목록 */
#bo_gall { margin:0 20px; }
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:0;padding:0;list-style:none;zoom:1; display:grid; grid-template-columns:repeat(1, 1fr); column-gap:14px; row-gap:14px;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_box {position:relative;border:1px solid #ccc;background:#fff;border-radius:10px; overflow:hidden; }
#bo_gall .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}

#bo_gall .gall_con { }
#bo_gall .gall_img{ text-align:center; position:relative; }
#bo_gall .gall_img:after { z-index:100; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); visibility:visible; content:""; width:100%; height:100%; background:url(../../img/play.png) no-repeat center / 50px auto; background-color:rgba(0,0,0,0.3); }
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block}
#bo_gall .gall_img img{ width:100%; }
#bo_gall .gall_img span{display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_gall .gall_text_href { padding:20px 20px 60px; position:relative; }
#bo_gall .gall_text_href h6 { font-size:12px;  color:#c5a059; }
#bo_gall .gall_text_href h6 font { float:right; font-weight:400; color:#666; }
#bo_gall .gall_text_href h3 { font-size:21px;  margin:15px 0; }
#bo_gall .gall_text_href div { color:#666; font-size:12px; line-height:18px;  }
#bo_gall .gall_text_href img { width:100%; }
#bo_gall .gall_text_href .lt_mores { display:block; height:40px; line-height:40px;  color:#666; }
}


/* 게시판 목록 공통 */
#bo_btn_top{margin: 10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.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}
#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 {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 td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon{display:inline-block;background:#ed6478;padding:0 3px;line-height:20px;font-weight:normal;font-size:0.92em;color:#fff}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;font-size:0.92em;color:#3598db !important;font-weight:bold} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
#bo_list .profile_img {display:inline-block;margin-right:5px}
#bo_list .profile_img img{border-radius:50%}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478;font-size:0.86em}

#bo_sch {float:left;border:1px solid #ccc;border-radius:3px;margin:0 0 20px;background:#fff}
#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:0;background-color:transparent;float:left}
#bo_sch .sch_btn{height:38px;float:left;background:url('./img/sch_btn.png') no-repeat 50% 50%;border:0;width:40px;text-indent:-999px;overflow:hidden}

#bo_gall li.empty_list {padding:85px 0;text-align:center}


/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding:50px 20px 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:inline-block;line-height:26px;background: #3497d9;color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow: inset 0 2px 5px rgb(33, 135, 202);}
#bo_v_title .bo_v_tit{display:block;font-size:2em;margin:5px 0 0;word-break:break-all}

#bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 10px 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:bold}
#bo_v_info .profile_img {}
#bo_v_info .profile_img img{border-radius:50%}
#bo_v_info .sv_member{color:#000}
#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_date{float:right;margin:0;font-style:italic;color:#888}

#bo_v_top {zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#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_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 {margin:20px 0;float:right}
.bo_v_com li {float:left;margin-left:5px}

.bo_v_left {margin:20px 0;float:left}
.bo_v_left li {float:left;margin-right:5px}

.bo_v_nb {margin:20px 0;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:13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
.bo_v_nb li .nb_date{float:right;color:#888}

#bo_v_atc {min-height:200px;height:auto !important; display:grid; grid-template-columns:repeat(2, 1fr); column-gap:25px; row-gap:25px; border:1px solid #eee; border-radius:25px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1); }
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_atc h6 { font-size:15px;  color:#c5a059; }
#bo_v_atc h3 { font-size:27px;  margin-bottom:15px; }
#bo_v_atc .bo_v_infos { padding:30px 20px; }

#bo_v_img { overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image{display:block}
#bo_v_img img { max-width:100%;height:auto}

#bo_v_con {margin:10px 0 30px;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_w .write_div{margin:10px 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:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#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}
/* ── 홈페이지 영상 관리 (2026-10-05) ── */
/* 대표그림이 없는 유튜브 영상 그림 — hqdefault 는 4:3 에 16:9 영상이 위아래 검은 띠로 들어 있어 16:9 로 잘라 낸다 */
#bo_gall .gall_img img.yt_poster { width:100%; aspect-ratio:16 / 9; object-fit:cover; }
/* 대표 영상 — 목록 맨 위, 제목 앞 */
#bo_gall .gall_text_href h3 .mv_badge { display:inline-block; margin-right:10px; padding:2px 10px; border-radius:999px; background:#c5a059; color:#1f1b17; font-size:13px; font-weight:700; line-height:1.6; vertical-align:middle; position:relative; top:-2px; }
@media screen and (max-width:900px) {
    #bo_gall .gall_text_href h3 .mv_badge { font-size:11px; padding:1px 8px; margin-right:6px; }
}
/* ── 영상 상세 — 후원 · 홍보 안내형 (2026-10-06 대표님 "스티치 헤드 후원 페이지 여기처럼") ──
 * 관리자 [영상 관리 › 상세 화면 모양] = 후원 · 홍보 안내형. 참고 화면(popup_page)의 #bo_v_popup 모양을
 * 글 구조(첫 그림 · h3 · div 안 h5+p · p · h2 · h6)에 맞춰 준다 — 글에는 class 를 넣을 수 없어서(HtmlSafe) 칸 차례로.
 */
#bo_v_atc.is-promo .bo_v_infos { padding:30px 34px 30px 10px; }
.is-promo #bo_v_con { margin:0; min-height:0; color:#333; font-size:15px; line-height:1.4; word-break:keep-all; }
.is-promo #bo_v_con > p:first-child img, .is-promo #bo_v_con > img:first-child { width:60%; max-width:360px; height:auto; }
.is-promo #bo_v_con h3 { margin:0; padding:25px 0; font-size:32px; line-height:42px; font-weight:400; color:#222; }
.is-promo #bo_v_con h3 span { display:block; letter-spacing:1.1px; }
.is-promo #bo_v_con h3 b { color:#890e2b; font-weight:700; }
.is-promo #bo_v_con > div { margin:0 0 30px; }
.is-promo #bo_v_con h5 { margin:0; padding:0 0 10px; font-size:18px; color:#890e2b; }
.is-promo #bo_v_con > div > p { margin:0; font-size:15px; line-height:21px; color:#555; }
.is-promo #bo_v_con > div > p span { display:block; }
.is-promo #bo_v_con > p { margin:0; letter-spacing:5px; }
.is-promo #bo_v_con h2 { margin:4px 0 0; color:#890e2b; font-size:36px; font-style:italic; }
.is-promo #bo_v_con h6 { margin:12px 0 0; color:#890e2b; font-size:18px; line-height:27px; font-style:italic; }
.is-promo #bo_v_con h6 span { display:block; }
@media screen and (max-width:900px) {
    #bo_v_atc.is-promo .bo_v_infos { padding:10px 20px 30px; }
    .is-promo #bo_v_con h3 { padding:18px 0; font-size:24px; line-height:34px; }
    .is-promo #bo_v_con h2 { font-size:30px; }
}
/* 안내형은 오른쪽 글이 길어 칸 높이가 커진다 — 영상 칸은 늘이지 않고 위에 붙인다(늘이면 영상 아래가 검게 남는다) */
#bo_v_atc.is-promo .movie_player, #bo_v_atc.is-promo #bo_v_img { align-self: start; margin-bottom: 0; }
/* 영상 상세 — 휴대폰(900px 이하)은 한 칸으로 : 영상 위, 글 아래 (2026-10-06 — 전에는 휴대폰에서도 두 칸이라 영상 · 글이 160px 남짓으로 좁았다. 참고 화면도 이렇게 쌓는다) */
@media screen and (max-width:900px) {
    #bo_v_atc { grid-template-columns:1fr; row-gap:0; }
    #bo_v_atc .movie_player, #bo_v_atc #bo_v_img { margin-bottom:0; border-radius:0; }
}
/* 휴대폰 공통 narrow.css 가 제목 글자에 overflow-wrap:anywhere 를 걸어 "인연의/집이" 처럼 낱말 가운데서 끊긴다 — 안내형 글은 낱말 단위로 */
.is-promo #bo_v_con, .is-promo #bo_v_con * { word-break:keep-all; overflow-wrap:break-word; }