@charset "utf-8";

/*-------------------------------
 공통 - 게시판 카테고리 
--------------------------------*/
#bo_cate {position: relative; width: 1200px; 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;}
#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: #eee; font-size:13px;}
#bo_cate li a:hover {background: #ddd; }
#bo_cate #bo_cate_on {background: #2ab673; color: #fff;  }


/*-------------------------------
 공통 - 게시판 버튼리스트
--------------------------------*/
.bo_fx { position: relative; width:100%; margin: 20px 0px; zoom: 1;display:table;}
.bo_fx:after { display: block; visibility: hidden; clear: both; content: "" }
.bo_fx ul {position: relative;margin: 0; padding: 0; list-style: none; float: left; box-sizing: border-box; text-align: left; padding-top:1px; width:50%;}
.bo_fx ul:nth-child(2) { text-align: right; }

.bo_fx.bo_fx3 {}
.bo_fx.bo_fx3 ul {float: left; width:33%; box-sizing: border-box; text-align: left; padding:20px 0; }
.bo_fx.bo_fx3 ul:nth-child(2) {text-align:center; width:34%;}
.bo_fx.bo_fx3 ul:nth-child(3) {text-align:right;}


.bo_fx fieldset {display:inline-block; width:auto;}

#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: 40px 0; }
#bo_gall #gall_ul { margin:0; padding: 0; list-style: none; zoom: 1 }
#bo_gall #gall_ul:after { display: block; visibility: hidden; clear: both; content: "" }


/*#bo_list { position: relative; box-sizing: border-box;  padding-top:40px;}
#bo_list h2 { margin: 0; padding: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden }


#bo_list td {vertical-align:middle; line-height:18px; vertical-align:top; padding:10px;}
#bo_list .td_num {min-width:40px; text-align:center !important; color:#555;}
#bo_list .td_chk {width:30px; text-align:center !important; padding:10px 0;}
#bo_list .td_reply {width:20px; padding:10px 0;}

#bo_list .cnt_cmt {background:#ccc; color:#fff; padding:3px 5px; display:inline-block; border-radius:7px; font-size:10px; margin-top:-1px; line-height:10px; vertical-align:middle; font-weight:normal;}
*/


 /* table-basic */ 
#basic2.table-basic {font-size: 13px;  margin: 0; border-top: 1px solid #e9e9e9;}
#basic2.table-basic th {padding: 7px; color: #555; font-weight:normal; vertical-align: middle; text-align: center; background: #f9f9f9; min-width:130px; width:15%;}
#basic2.table-basic td  {padding: 7px 10px; font-size:12px; line-height: 20px; color: #888; vertical-align: middle; background: #fff; border-bottom: 1px solid #e9e9e9; text-align:left;border-right: 1px solid #e9e9e9;}
#basic2.table-basic .td_num {min-width:50px; text-align:center; color:#777; padding:7px 0; font-size:11px; background:#f7f7f7;  border-left: 1px solid #e9e9e9;}
#basic2.table-basic .td_chk {min-width:50px; text-align:center;padding:7px 0;background:#f6f6f6;}
#basic2.table-basic .td_reply {width:40px; text-align:right; vertical-align:top; padding:7px 0; border:none;}

#basic2.table-basic a {display:inline-block; font-size:15px; line-height:25px; vertical-align:middle; color:#000;}
#basic2.table-basic img {display:inline-block; margin-left:5px; vertical-align:middle; margin-top:-6px;}
#basic2.table-basic .sv_member {color:#aaa; font-size:12px;} 
#basic2.table-basic .name {color:#aaa; font-size:13px; line-height:25px; margin-right:15px;display:inline-block;}
#basic2.table-basic .date,
#basic2.table-basic .hits {color:#bbb; min-width:40px; text-align:center; font-size:12px; line-height:25px; margin-right:15px; display:inline-block; }


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

#basic2.table-basic a.bo_cate_link {font-size:11px; line-height:13px; color:#fff; background:#bbb; margin-right:5px; display:inline-block; padding:3px 6px; border-radius:2px; }

#basic2.table-basic td.empty_table {font-size:15px; text-align:center; border-left: 1px solid #e9e9e9; }



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

#bo_v  {position: relative; box-sizing: border-box; padding: 40px 0;/* background:#f5f4f4;*/}
#bo_v h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v .container {min-height:200px; background:#fff; padding:30px; border:1px solid #ccc;} 

#bo_v .bo_v_head {padding-bottom:20px; text-align:left; border-bottom:1px solid #ddd;}
#bo_v .bo_v_head .v_title {font-size:22px; line-height:32px; color:#222; font-weight:500;}
#bo_v .bo_v_head .v_title span {font-size:18px; line-height:28px; vertical-align:middle; margin-right:5px; color:#fff; background:#999; display:inline-block; padding:3px 10px; border-radius:2px; }

#bo_v .bo_v_head .v_info {margin-top: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 a {font-size:13px;}
#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:#ccc; 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:#2bacbc; word-wrap:break-word; text-decoration:none}
#bo_v .bo_v_file li span {margin-left:20px;}
#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:#2bacbc; 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;font-size: 13px; line-height: 1.7em; text-align: left; color: #333;}
#bo_v .bo_v_cont ul {margin-bottom:40px;width:100%;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_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;}

/*-------------------------------
 게시판 댓글
--------------------------------*/
/* 댓글 타이틀
.vc_title {position:relative; width:1200px; margin:0 auto; border-bottom:1px solid #e3e3e3; padding-bottom:10px; margin-bottom:30px; color:#000; font-size:14px; font-weight:bold; }

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

.bo_vc_w > div {position:relative; width:1200px; background:#f7f7f7; border-left:1px solid #eee;border-right:1px solid #eee; min-height:10px; padding:0px 30px 30px 30px; 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:30px; padding-bottom:0px; text-align:left;}
.bo_vc_w > div.vc_title ul {padding-bottom:7px; font-size:17px;}
.vc_title i {font-size:18px;margin-top:-2px;}
.vc_title span {background:#2bacbc; color:#fff; font-size:11px; padding:3px 7px; border-radius:10px; margin-left:3px; vertical-align:middle; margin-top:-5px;}

.bo_vc_w_wrap {overflow:hidden; padding:0;} 
 
#captcha #captcha_info {display:none;}

.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_write .guest_info {overflow:hidden; position:relative; width:100%;}
.vc_write .guest_info li {position:relative; float:left;}
.vc_write .guest_info li label {display:inline-block; width:auto; margin-right:10px; min-width:20px; font-size:12px; color:#888;}
.vc_write .guest_info li input {margin-right:25px;} 

.vc_write .vc_con {float:left; width:90%;}
.vc_write .vc_confirm { float:left;  width:10%; text-align:right;}
.vc_write .vc_confirm label {font-size:12px; color:#888; }  
.vc_write .vc_confirm .btn {width:90%; text-align:center; min-height:51px; margin:0; margin-top:5px; }


.bo_vc_w_wrap .vc_write {width:100%;}


/* 댓글리스트 */
#bo_vc {position:relative; padding:0; overflow:hidden; margin:0; padding-bottom:40px; background:#f5f4f4;}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc > div {width:1200px; background:#f7f7f7;  border:1px solid #eee;border-top:none;  min-height:10px; padding:30px; padding-top:0px; }
 
.vc-item {position:relative; display:block; clear:both;}

.vc-item .vc-icon {float:left; width:5%;}
.vc-item .vc-icon .sv_member {visibility:hidden;}

.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_guest {visibility:hidden;}

.vc-item .vc-con {position:relative; float:left; width:95%; text-align:left;}
.vc-item .vc-con .info {position:relative; width:100%; margin:0; padding:0; margin-bottom:5px;}

.vc-item .vc-con .info span {color:#999; font-size:12px; margin-right:20px;}
.vc-item .vc-con .info span.name {margin:0; margin-right:20px; font-size:14px; color:#2fa3b2; font-weight:bold;}
.vc-item .vc-con .info span.vc-btn {margin:0 0px 0 5px;}

.vc-item .vc-con .con {position:relative;  width:100%; margin:0; padding:0px; padding-bottom:30px; }
.vc-item .vc-con .con p {color:#777; font-size:12px; line-height:20px;}


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

.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; text-align:left; box-sizing: border-box; padding: 40px 0; }


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