@charset "utf-8";


/* 쓰기 버튼 */
#bo_w .btn_confirm { vertical-align:top !important; } /* 서식단계 진행 */
#bo_w .btn_confirm * { vertical-align:top !important; }






/* 게시판 목록 공통 */
#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:14px;font-size:14px;background-color:transparent;float:left; width:240px;}
#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}







/* 갤러리 목록 */



#gall_allchk { text-align:right; font-size:16px; margin-bottom:20px; }
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

#bo_gall .gall_box { position:relative; border-radius:12px; border:1px solid #ddd; background:#f5f5f5; height:100%; overflow:hidden; }
#bo_gall .gall_box .gall_chk { position:absolute; top:10px; left:10px; z-index:20; }

#gall_ul { display:flex; flex-wrap:wrap; }

#gall_ul.col_3 { margin:-2% -1.5%; }
#gall_ul.col_4 { margin:-1.5% -1%; }
#gall_ul.col_5 { margin:-2% -1%; }
#gall_ul.col_3 > li {width:33.33333333%; padding:2% 1.5%; }
#gall_ul.col_4 > li {width:25%; padding:1.5% 1%; }
#gall_ul.col_5 > li {width:20%; padding:2% 1%; }


#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 { position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer; background-color:#fff; }
#gall_ul.col_3 .gall_img { height:280px; }
#gall_ul.col_4 .gall_img { height:320px; }
#gall_ul.col_5 .gall_img { height:400px; }

#bo_gall .gall_img a { display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; }

#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
#bo_gall .gall_txt { display:block; padding:20px 22px; }
#bo_gall .gall_txt .bo_tit { font-weight:600; color:#111; font-size:17px; line-height:140%; }
#bo_gall .gall_txt p { font-size:14px; }
#bo_gall .gall_txt p span { display:inline-block; margin-left:5px; color:#555; }

@media (max-width:1660px) {
	#gall_ul.col_3 .gall_img { height:18vw; }
	#gall_ul.col_4 .gall_img { height:22vw; }
	#gall_ul.col_5 .gall_img { height:29vw; }
	#bo_sch .sch_input { width:calc(100px + 8vw); }
}

@media (max-width:1100px) {
	#gall_ul.col_3, #gall_ul.col_4 { margin:-2% -1.5%; }
	#gall_ul.col_3 > li, #gall_ul.col_4 > li { width:33.33%; padding:2% 1.5%; }
	#gall_ul.col_4 .gall_img { height:29vw; }
	#bo_gall .bo_tit a { padding:4px 5px; }
}
@media (max-width:1000px) {
	#gall_ul.col_5 > li { width:25%; }
	#gall_ul.col_5 .gall_img { height:36vw; }
}
@media (max-width:700px) {
	#gall_ul.col_3, #gall_ul.col_4 { margin:calc(-2% - 5px) -2%; }
	#gall_ul.col_3 > li, #gall_ul.col_4 > li { width:50%; padding:calc(2% + 5px) 2%; }
	#gall_ul.col_3 .gall_img, #gall_ul.col_4 .gall_img { height:44vw; }
	#gall_ul.col_5 > li { width:33.333%; }
	#gall_ul.col_5 .gall_img { height:48vw; }

	#bo_gall .bo_tit { line-height:130%; }
	#bo_gall .gall_info { margin-top:4px; }
	#bo_sch .sch_input { height:34px; padding-left:10px; }
	#bo_sch .sch_btn{height:34px;}
}
@media (max-width:500px) {
	#gall_ul.col_5 > li { width:50%; }
	#gall_ul.col_5 .gall_img { height:70vw; }
}
@media (max-width:440px) {
	#gall_ul.col_3 .gall_img, #gall_ul.col_4 .gall_img { height:42vw; }
}















/* 게시판 읽기 */


#bo_v_title { padding:40px 0; border-top:2px solid #333; border-bottom:1px solid #ddd; text-align:center;}
#bo_v_title .bo_v_cate { display:inline-block; color: #fff;font-weight: 500;padding:12px 20px;border-radius:30px; font-size:15.5px; margin-bottom:16px; }
#bo_v_title .bo_v_tit { font-size:32px; font-weight:600; text-align:center; color:#111; line-height:140%; }

#bo_v_info { font-size:16px; }
#bo_v_info .if_date{ color:#333; font-weight:300; font-size:15px; }

#bo_v_atc { min-height:200px; height:auto !important; }

#bo_v_atc .view_img_wrap { text-align:center; margin-top: }
#bo_v_atc .view_img_wrap:first-of-type { margin-top:65px; }
#bo_v_atc .view_img_wrap:nth-of-type(n+2) { margin-top:35px; }
#bo_v_atc .view_img_wrap img { height:auto; }
#bo_v_atc .view_img_wrap a.view_image {display:block}

#bo_v_con { width:100%;line-height:1.7em; word-break:break-all;overflow:hidden; margin:65px 0; }
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img { max-width:100%; height:auto; border:1px solid #e5e5e5; }


#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:10px 0;list-style:none}
#bo_v_link li { padding:5px 10px; position:relative; font-size:15px; white-space: nowrap; overflow:hidden; }
#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_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: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:16px; white-space: nowrap; overflow:hidden; }
.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;font-size:15px; }


@media (max-width:1000px) {
	.bo_v_nb li .nb_date{display:none;}
}

@media (max-width:768px) {
	#bo_v_file p, #bo_v_link p { padding:8px 10px; }
	.bo_v_file_cnt, .bo_v_link_cnt { display:none; }
}



/* 문의 SNS */


#bo_v .inq_sns { position:fixed; right:30px; bottom:30px; z-index:900; text-align:right; }
#bo_v .inq_sns .btn_inq { display:inline-block; width:64px; height:64px; border-radius:50%; text-align:center; cursor:pointer; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .1); }
#bo_v .inq_sns .btn_inq span { position:relative; font-size:30px; color:#fff; top:50%; transform:translateY(-50%); }

#bo_v .inq_sns .sns_list { visibility:hidden; height:0; margin-bottom:10px; opacity:0; transform:translateY(20%); }
#bo_v .inq_sns .sns_list a { display:flex; align-items:center; width:180px; height:64px; border-radius:300px; background:#fff; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .15); }
#bo_v .inq_sns .sns_list a:nth-of-type(n+2) { margin-top:10px; }
#bo_v .inq_sns .sns_list a img { margin-left:12%; }
#bo_v .inq_sns .sns_list a p { margin-left:5%; font-size:14px; color:#666; font-weight:400; }
#bo_v .inq_sns .sns_list a:hover p { color:#ff3b4b; font-weight:500; }

#bo_v .inq_sns .sns_list.view { visibility:visible; height:auto; opacity:1; transform:translateY(0); transition:all 0.5s; }


@media (max-width:1660px) {
	#bo_v .inq_sns { right:calc(12px + 1vw); bottom:calc(12px + 1vw); }
	#bo_v .inq_sns .btn_inq { width:calc(38px + 1.5vw); height:calc(38px + 1.5vw); }
	#bo_v .inq_sns .sns_list a { width:calc(144px + 2vw); height:calc(38px + 1.5vw); }
	#bo_v .inq_sns .sns_list a img { width:calc(23px + 0.6vw); }
}
@media (max-width:1024px) {
	#bo_v .inq_sns .sns_list { margin-bottom:7px; }
	#bo_v .inq_sns .sns_list a:nth-of-type(n+2) { margin-top:7px; }
}
@media (max-width:767px) {
	#bo_v .inq_sns .sns_list a { width:calc(38px + 1.5vw); justify-content:center; }
	#bo_v .inq_sns .sns_list a img { margin-left:0; }
	#bo_v .inq_sns .sns_list a p { display:none; }
}



/* 게시판 쓰기 */
#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_w #ca_name { padding:14px 15px; font-size:15px; color:#666; }
#bo_w li, #bo_w div, #bo_w td { font-size:16.5px; }

#bo_w .write_col2 { margin-top:calc(6px + 0.6%); }
#bo_w .write_col2:after { clear:both; visibility:hidden; display:block; content:''; }
#bo_w .write_col2 > li { float:left; width:calc(50% - 3px - 0.3%); }
#bo_w .write_col2 > li:last-of-type { float:right; }

#bo_w .tit_text { display:table; }
#bo_w .tit_text span, #bo_w .tit_text input { display:table-cell; }
#bo_w .tit_text span { width:17%; vertical-align:middle; padding-right:10px; }

#bo_w .write_div { margin-top:calc(6px + 0.6%); position:relative; }
#bo_w .wr_content.smarteditor2 iframe { background:#fff; }
#bo_w .bo_w_tit { position:relative; }

#bo_w .frm_input { padding:15px; font-size:15.5px; width:100%; }

#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 .file_del { position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d; }


@media (max-width:1660px) {
	#bo_w .frm_input { padding:calc(8px + 0.4vw); }
}
@media (max-width:767px) {
	#bo_w .write_col2 > li { width:100%; }
	#bo_w .write_col2 > li:last-of-type { margin-top:calc(6px + 0.6%); }
	#bo_w .bo_w_link label { top:10px; }
	#bo_w .bo_w_flie .frm_file { width:300px; }
}

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