@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}







/* 갤러리 목록 */



/* 카테고리 탭메뉴 */

#cate { margin-bottom:60px; }
#cate .tab { display: flex; flex-wrap: wrap; justify-content: center; margin:-4px; }
#cate .tab > li { padding:21px 20px; margin:4px; border:1px solid #ddd;  }
#cate .tab > li a { width:100%; height:100%; font-size: 15px; color:#888; text-align:center; }
#cate .tab > li.tabon { color:#111; }
#cate .tab > li.tabon { border:1px solid #444; }

#cate.same_box .tab > li { width:140px; display:table; }
#cate.same_box .tab > li a { display:table-cell; line-height:130%; vertical-align:middle; }

#cate.flex_box .tab > li { width:auto; min-width:140px; }

@media (max-width:1660px){
	#cate .tab { margin:-3px; }
	#cate.same_box .tab > li { width:calc(70px + 4vw); margin:3px; }
	#cate.flex_box .tab > li { min-width:calc(70px + 4vw); margin:3px; }
}
@media (max-width:768px){
	#cate .tab { margin:-2px; justify-content: left; }
	#cate .tab > li { margin:2px; }
}




#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; }
#bo_gall .gall_box .gall_chk { position:absolute; top:10px; left:10px; }

#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_3 > li {width:33.33333333%; padding:2% 1.5%; }
#gall_ul.col_4 > li {width:25%; padding:1.5% 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 { background-repeat:no-repeat; background-position:center; background-size:cover; }
#gall_ul.col_3 .gall_img { height:280px; }
#gall_ul.col_4 .gall_img { height:210px; }



#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
#bo_gall .gall_img a { width:100%; height:100%; }

#bo_gall .bo_tit { display:block; font-weight:600; color:#111; font-size:18.5px; line-height:140%; }

#bo_gall .bo_tit .title_icon { vertical-align:middle; margin-bottom:4px; margin-left:2px; }
#bo_gall .gall_info { font-size:13.5px; margin-top:6px; }
#bo_gall .gall_info .gall_date { color:#777; font-weight:300; }


@media (max-width:1660px) {
	#gall_ul.col_3 .gall_img { height:18vw; }
	#gall_ul.col_4 .gall_img { height:14vw; }
	#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:18vw; }
}

@media (max-width:640px) {
	#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:26vw; }
	#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;}
}

















/* 게시판 읽기 */

#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}

#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; }
}








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