@charset "utf-8";

#bo_gall .pagettl {padding-top: 0;background: #fff;margin: 0;}

/*-------------------------------
 공통 - 게시판 카테고리 
--------------------------------*/
#bo_cate {position: relative; width: 100%; height: 44px; margin: 0; margin-bottom:20px;}
#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; margin:0; margin-left:-4px;}
#bo_cate li a {display:inline-block;padding: 7px 20px;border-radius:20px;margin-right:10px;color: #999;background: #eeeeee;font-size:13px;}
#bo_cate li a:hover {background-color: #ddd;}
#bo_cate #bo_cate_on {background: #2ab673;color: #fff;}


/*-------------------------------
 게시판  공통  
--------------------------------*/
.bo_btns {position: relative;width:100%;padding:10px;zoom: 1;display:flex; justify-content: space-between; text-align: left;}
.bo_btns:after { display: block; visibility: hidden; clear: both; content: "" }

.bo_btns ul {position: relative;margin: 0; padding: 0; list-style: none;  text-align: left; padding-top:1px; width:100%;}

.bo_btns.bo_btns_ul2 ul {width:50%;}
.bo_btns.bo_btns_ul2 ul:nth-child(2) { text-align: right; }

.bo_btns.bo_btns_ul3 ul {width:33%;padding: 0;}
.bo_btns.bo_btns_ul3 ul:nth-child(2) {text-align:center; width:34%;}
.bo_btns.bo_btns_ul3 ul:nth-child(3) {text-align:right;}

.bo_btns fieldset {display:inline-block; width:auto; margin-left: 10px;}

#chkall {display:none;}
#chkall + label {cursor:pointer; vertical-align:middle; display:inline-block;}
#chkall:hover + label {}
#chkall:checked + label .btn {background-color:#940650; border:1px solid #940650;}


/*-------------------------------
 게시판 리스트 _ 갤러리뷰
--------------------------------*/

#bo_gall {position: relative;box-sizing: border-box;padding: 0;margin-bottom: 50px;text-align: left;}
#bo_gall #gall_ul {margin:0;padding: 0;list-style: none;zoom: 1;display: inline-flex;justify-content: flex-start;flex-wrap: wrap;}
#bo_gall #gall_ul:after { display: block; visibility: hidden; clear: both; content: "" }
#bo_gall #gall_ul .empty_list {color: #999;width: 100%;text-align: center;padding: 20px !important;font-size: 16px;}


#bo_gall .gall_li {position: relative;background:#fff;}

#bo_gall .gall_li input[type="checkbox"] {position: absolute;left: 7px;top: 7px;z-index: 9;}
#bo_gall .gall_con {margin: 0;padding: 0;list-style: none;border-radius: 5px;overflow: hidden;}
#bo_gall .gall_con .gall_img {position: relative;border-bottom:1px solid #eee;}
#bo_gall .gall_img a {width: 100% !important; text-decoration: none;display: block;background: #f3f3f3;}
#bo_gall .gall_img a img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#bo_gall .no_image {font-size: 24px;color: #ccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

#bo_gall .icon_notice {position: absolute; right: 5px; top: 5px; display: inline-block; background: #333; color: #fff; padding:0 5px; font-size: 12px; line-height: 18px; border-radius: 10px;}

#bo_gall .gall_info {position: relative;background: #fff;padding: 10px 0;text-align: left;margin-bottom: 7px;overflow: hidden;text-overflow: ellipsis;}
#bo_gall .gall_info .gall_subject {display: block;white-space: nowrap;font-size: 15px;color: #333;font-weight: 400;line-height: 26px;overflow: hidden;text-overflow: ellipsis;padding-right: 15px; margin-bottom: 5px}
#bo_gall .gall_info .cnt_cmt {display: inline-block;white-space: nowrap;font-size: 12px;line-height: 17px;font-weight: 400;overflow: hidden;text-overflow: ellipsis;text-align: center;padding: 0 5px;margin-right: 2px;background: #ccc;vertical-align: middle;border-radius: 7px;min-width: 11px;color: #fff;}
#bo_gall .gall_info .gall_icon {position: absolute; right: 0; top: 9px;  display: block;white-space: nowrap;font-size: 15px;color: #333;font-weight: 400;line-height: 26px;overflow: hidden;text-overflow: ellipsis;}
#bo_gall .gall_info .gall_icon img {margin-left: 3px;}
#bo_gall .gall_info .gall_date { display: inline-block; color: #aaa; font-size: 13px; }
#bo_gall .gall_info .gall_hits {float: right; color: #aaa; font-size: 12px; margin-left: 15px; padding: 0;  }

#bo_gall #layerSch {padding: 15px;background: #f9f9f9;margin-bottom: 20px;text-align: center;position: relative;margin-top: 20px;}


/*-------------------------------
 게시판 뷰
--------------------------------*/

#bo_v  {position: relative;box-sizing: border-box;padding: 0;margin-bottom: 50px;background:#fff;}
#bo_v h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v .container {min-height:200px;} 

#bo_v .bo_v_head {padding:20px 0; text-align:left; border-bottom:1px solid #ddd;}
#bo_v .bo_v_head .v_title {width: 100%;padding: 0 10px;font-size: 20px;line-height: 26px;color:#222;font-weight:500;white-space: normal;word-break: break-all;}
#bo_v .bo_v_head .v_info {margin-top:10px;padding: 0 10px;}
#bo_v .bo_v_head .v_info span {margin-right:15px;font-size:13px;color:#999;}
#bo_v .bo_v_head .v_info span i {font-size:14px; margin-top:-1px;}
#bo_v .bo_v_head .v_info .v_name {}
#bo_v .bo_v_head .v_info .v_name span {margin:0;}
#bo_v .bo_v_head .v_info .v_name img {display:none;}
#bo_v .bo_v_head .v_info .v_view {}
#bo_v .bo_v_head .v_info .v_comment {background:#fba345; color:#fff; padding:4px 10px; display:inline-block; border-radius:3px; font-size:11px;}
#bo_v .bo_v_head .v_info .v_comment i {font-size:14px; margin-top:-1px; margin-right:5px;}

/* 첨부파일 */
#bo_v .bo_v_file {text-align:left;margin-top:20px;}
#bo_v .bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v .bo_v_file li {padding:10px 20px;border:1px solid #eee; background:#f5f6fa; font-size:12px; color:#777;}
#bo_v .bo_v_file li a {color:#fba345; word-wrap:break-word; text-decoration:none}
#bo_v .bo_v_file li span {margin-left:20px;float: right;}
#bo_v .bo_v_file li img { }


/* 참고링크 */
#bo_v .bo_v_link {text-align:left;}
#bo_v .bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v .bo_v_link li {padding:10px 20px;border:1px solid #eee; background:#f5f6fa; font-size:12px; color:#777; margin-top:-1px;}
#bo_v .bo_v_link li a {color:#fba345; word-wrap:break-word; text-decoration:none}
#bo_v .bo_v_link li span {margin-left:20px;}

/* 내용 */
#bo_v .bo_v_cont {margin-top:40px; border-bottom:1px solid #ddd;}
#bo_v .bo_v_cont ul {margin-bottom:40px;width:100%;line-height:1.5em;word-break:break-all;overflow:hidden;}
#bo_v .bo_v_cont ul img {max-width:100%;height:auto}
#bo_v .bo_v_cont ul.v_sign {margin-top:20px;}

#bo_v_img img {display: block; margin: 0 auto;}

/* 추천비추천 */
#bo_v_act {display:inline-block; width:auto;}

/* SNS */
#bo_v_sns {display:inline-block; padding: 0; margin-left:5px;}
#bo_v_sns li {display:inline-block; margin:0; padding:0;}

/*-------------------------------
 게시판 댓글
--------------------------------*/

/* 댓글쓰기 */
.bo_vc_w {position:relative; background:#fff;}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.bo_vc_w > div {position:relative; width:100%; background:#f7f7f7; border-left:1px solid #eee;border-right:1px solid #eee; min-height:10px; padding:0px 20px 20px 20px; text-align:left;}
.bo_vc_w > div.vc_title {background:#f7f7f7;margin:0 auto;border:1px solid #eee;border-bottom:none;min-height:10px;padding: 20px;padding-bottom: 10px;text-align:left;}
.bo_vc_w > div.vc_title ul {padding-bottom:7px;font-size: 18px;font-weight: 700;}
.vc_title i {font-size:18px;margin-top:-2px;}
.vc_title span {background: #98d282;color:#fff;font-size:11px;padding:2px 7px;border-radius: 20px;margin-left:3px;margin-top: -3px;vertical-align: middle;display: inline-block;}

.bo_vc_w_wrap {border:1px solid #e9e9e9; overflow:hidden; padding:15px; background:#fcfcfc;} 

.vc_write {float:left;width: calc(100% - 100px);}
.vc_confirm {float:right;width: 100px;text-align:right;}	

#captcha #captcha_info {display:none;}
.vc_write ul {margin-bottom:5px;}
.vc_write label {display:inline-block; min-width:90px; font-size:12px; color:#888;} 

.char_ex, .bo_vc_w #char_cnt {display:inlineblock; color:#888; font-size:12px; }
textarea.required {display:block; width:100%; margin-top:5px; background:#fff !important;}

.vc_confirm label {font-size:12px; color:#888; }  
.vc_confirm .btn {width: 90px;text-align:center;min-height: 70px;margin:0;margin-top:5px;font-weight: 500;font-size: 15px;}

.secret_wr {width: 100px;display: block;margin-top: 10px;}
.secret_wr label {min-width: auto;}


/* 댓글리스트 */
#bo_vc {position:relative; padding:0; overflow:hidden; margin:0; padding-bottom:40px; background:#fff;}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc > div {width:100%; background:#f7f7f7;  border-left:1px solid #eee;border-right:1px solid #eee; min-height:10px; padding:30px; padding-top:0px;}

.vc-item {position:relative; width: 100% !important; display:block;clear:both;border-bottom: 1px solid #e9e9e9;padding:10px;margin-bottom: 20px;overflow: hidden;}

.vc-item .vc-icon {float:left;width: 40px;HEIGHT: 40px;background: #fff;border-radius: 40px;margin-right: 15px;line-height: 40px;color: #aaa;}

.vc-item .vc-icon .sv_wrap {width:40px; height:40px; box-sizing:border-box; background:url(img/noImage.png) no-repeat;}
.vc-item .vc-icon .sv_wrap img {width:40px; height:40px;}
.vc-item .vc-icon .sv_wrap
.vc-item .vc-icon .sv_guest {display:none;}

.vc-item .vc-con {position:relative;float:left;width: calc(100% - 55px);text-align:left;}
.vc-item .vc-con .info {position:relative; width:100%; margin:0; padding:0;}

.vc-item .vc-con .info span {color:#999;font-size:12px;line-height: 22px;margin-right:20px;}
.vc-item .vc-con .info span.name {margin:0;margin-right:20px;font-size: 13px;line-height: 22px;color: #333;font-weight:bold;}
.vc-item .vc-con .info span.vc-btn {margin: 0;margin-left: 3px;float: right;}
.vc-item .vc-con .info span.vc-btn a {background: #ccc;padding: 0 7px;font-size: 13px;line-height: 23px;text-align: center;width: auto;display: inline-block;color: #fff;border-radius: 2px;}

.vc-item .vc-con .con {position:relative;width:100%;margin:0;padding:0px;}
.vc-item .vc-con .con p {color:#333;font-size:13px;line-height: 19px;margin-top: 5px;}


.vc-item .edit_div, 
.vc-item .reply_div {position:relative;display:block;width:100%;margin:0;padding:0;margin-top: 10px;}

.vc-item .edit_div > div, 
.vc-item .reply_div > div {width: 100%; min-height:10px; }

.icon_reply {position:absolute; left:-10px; top:2px; display:block; z-index:99;}


/*-------------------------------
 게시판 글쓰기
--------------------------------*/
#bo_w {position: relative; box-sizing: border-box; padding: 40px 0; }

#bo_w table {width: 100%;}
#bo_w table th,
#bo_w table td {color: #555;font-weight:normal;vertical-align: middle;background: #f9f9f9;min-width: auto;width: 15%;text-align: center;}
#bo_w table td {line-height: 20px;color: #333;background: #fff;text-align: left;width: 85%;}

#bo_w input[type="text"] {max-width: 100%;}
#bo_w textarea {width: 100%; max-width: 100%; min-width: 100%; padding: 0; border: 1px solid #ddd;}


#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_pop {display:none; z-index:10;position:absolute;top:32px; right:300px; padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
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:right}
#autosave_pop ul {margin-bottom:10px; padding:0;list-style:none}
#autosave_pop ul li {padding: 5px;border-bottom:1px solid #e9e9e9;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:12px; color:#888;}
.autosave_del {background:#f30; padding:3px 4px; border:none; color:#fff; font-size:11px;}
.autosave_close {cursor:pointer; background:#fff; padding:5px 7px; border:1px solid #ddd; color:#333; font-size:12px; line-height:14px;}
.autosave_close img {line-height:14px;vertical-align:middle;}
.autosave_content {display:none}

.btn_confirm {margin-bottom:40px; overflow:hidden;}