/* 내용 간격 초기화 */
#bo_v_con p {margin:0}
section #bo_v_atc p {margin:0}
.as_content {
    padding: 0px 15px;
    margin-top: 25px;
    float: left;
    width: 100%;
}
h5, .h5 {
	 color: #555555;
	font-family: NanumBarunGothicOTF, "나눔바른고딕", "나눔고딕", Ngothic;
    font-size: 17.5px;
}


/* 카테고리 */
#bo_cate_ul li { display:inline-block;}
#bo_cate_ul li a {padding:5px 10px; background-color:#b5b6b9; border-radius:5px; margin-left:10px; color:#fff; display:inline-block; font-size:16px;}
#bo_cate_ul li a:hover {background-color:#7d91d8}
#bo_cate_ul li  #bo_cate_on {background-color:#7d91d8}
#bo_cate_ul {padding:10px 0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px;}

/*카테고리 라벨*/
.cate_label {border: 1px solid #ddd;
    padding: 3px 5px;
    background: #fff;
	font-size:11px;
}
.cate_label a:hover {color:#999; text-decoration: none;}
/* 게시판 목록 */
#bo_list .td_board {vertical-align: middle; width:120px;text-align:center}
#bo_list .td_chk {vertical-align: middle; width:30px;text-align:center}
#bo_list .td_date {vertical-align: middle; width:110px;}
#bo_list .td_datetime {vertical-align: middle; width:150px;}
#bo_list .td_group {vertical-align: middle; width:100px;text-align:center}
#bo_list .td_mb_id {vertical-align: middle; width:100px;text-align:center}
#bo_list .td_mng {vertical-align: middle; width:80px;text-align:center}
#bo_list .td_name {vertical-align: middle; width:115px; text-align:center;}
#bo_list .td_nick {vertical-align: middle; width:100px;text-align:center}
#bo_list .td_num {vertical-align: middle; width:50px;text-align:center}
#bo_list .td_numbig {vertical-align: middle; width:60px;text-align:center}
#bo_list .td_subject { vertical-align: middle;}
#bo_list .td_subject a {line-height:200%;}


/* 뷰페이지 라벨크기 */
.bt_group {
    float: left;
    width: 49%;
    border: 1px solid #ccc;
    padding: 12px 0 0 0;
    margin-left: 10px;
      border-radius:3px;
    height: 46px;
    background-color: ;
}
.bt_group span {
    float: left;
    width: 20%;
    margin-top: -35px;
	color:#333;
    margin-left: 23%;
}

.bt_group .required {
    float: left;
    width: 21%;
    border: ;
}

#bo_v .panel-heading h6{line-height:180%;
    font-weight: bold;
    font-size: 14px;
    color: #000;}

/*추천수 숫자 크기 */
#bo_v_act .badge{    font-size: 10px;}

/* 공지사항 */
#bo_list .bo_notice {font-weight: bold; background: #FFFFE4;}

/* 게시물 마우스 오버시 배경 */
#bo_list .panel-body tbody tr:hover {background: #FAFAFA;} 
#bo_w .file-del {max-width:200px; overflow:hidden;}
#bo_w .file-del {    margin-left: -2px;
    border-left: 1px solid #ccc;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;}

/* 댓글등록 버튼 */
.board_btn {height:100%; padding:0 20px;}

/* 웹진 노이미지 */
 .photo {line-height: 110px; margin: 0; font-size: 24px;}

 /* 웹진 최소이미지 크기 */
 .table_photo {min-width:150px;}

 /* 갤러리 마우스오버시 */
 #gall_ul .thumbnail {padding:0;  border-radius: 0;}
 #gall_ul .thumbnail a{text-decoration: none;     line-height: 180%;}
 #gall_ul .thumbnail a:hover{color:#999;}
 #gall_ul .thumbnail a.thumbnail {    border: 0; border-bottom: 1px solid #eee;}
 #gall_ul .thumbnail a.thumbnail:hover {  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);  opacity: 0.6;}
 #gall_ul .thumbnail:hover {border:1px solid #888; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); opacity:1;}

 /* 갤러리 이미지 크기 */
 @media (min-width:0px) {
 #gall_ul .gall_href {border-bottom:1px solid #eee; min-height:218px; line-height:218px;}
}
 @media (min-width:769px) {
 #gall_ul .gall_href {border-bottom:1px solid #eee; min-height:218px; line-height:218px;}
}
 @media (min-width:991px) {
 #gall_ul .gall_href {border-bottom:1px solid #eee; min-height:188px; line-height:188px;}
}
 @media (min-width:1200px) {
 #gall_ul .gall_href {border-bottom:1px solid #eee; min-height:170px; line-height:170px;}
}
 /* 갤러리 NEW 아이콘 위치 */
#gall_ul .new { position: absolute; top: 21px; left: 15px;}
#gall_ul .hit { position: absolute; top: 21px; right: 15px;}
#gall_ul .line-height {line-height: 40px;}

/* 태그 마우스오버 */
a.cate_label.tooltip-top:hover  {text-decoration:none; color:#cc0000;}

/*파일 첨부*/
#bo_w i.fa.fa-reply.fa-fw.fa-rotate-180 {margin-right:5px;}
a.file-on {width:100%;}
#bo_w input.form-control.file-input {font-weight:normal;}
#bo_w input.form-control {font-weight:normal;}
/*글쓰기 인풋폼 */
@media (min-width:992px){

input#wr_password {width:96%;}
input#wr_email {width:96%;}
input#wr_homepage {}
input#wr_link1 {width:96%;}
/* 사용자가 갯수 확장시 고려 */
input#wr_link3 {width:96%;}
input#wr_link5 {width:96%;}
}
@media (max-width:991px){
	.bt_group {
    width: 48%;
    height: 46px;
}

#bo_w .form-group.input-group.pull-left.col-md-6 {width:100%;}
}

.mB15 {margin-bottom:15px;}
/* write */
.form-group label{
    font-family: "NanumBarunGothicOTF", sans-serif;
    float: left;
    width: 100%;
    color: #7d91d8;
    padding: 0;
    font-size: 17.5px;
    border-left: 5px solid #7D91D8;
    padding-left: 10px;
	margin-top:20px;
	font-weight:normal;
}
.v-bt {
    float: left;
    width: 100%;
}
.v-bt_c {
    float: left;
    width: 11%;
    border: 1px solid #ddd;
    margin-right: 20px;
    text-align: center;
    background-color: #fff;
    border-radius: 12px;
    padding: 5px 20px;
}.radioLabel {
    border-left: #fff !important;
	margin-left:0 !important;
}




:last-child.input-group-addon {border:1px solid #ddd; border-radius:5px;}
.dategrp {padding:0;}
.dategrp .form-control {float:left;}
.form-group .radioLabel {display:inline}

.panel {
    padding-top: 20px;
    /* border-top: 3px solid #333; */
}
/* view */
.pb_a {border-top:1px solid #c3c4bf;border-bottom:1px dotted #c3c4bf; padding:2% 2% 0;}
.pb_c {border-bottom:1px solid #c3c4bf; padding:0;}
.pb_d {border-top:1px solid #c3c4bf;border-bottom:1px solid #c3c4bf; padding:2%; font-size:1.2em; text-align:center;}
.pb_content {border:0}
.pb_head {background-color:#ccc; padding:8px; color:#fff; background-color:#7d91d8; text-align:center; font-size:18px;font-family:NanumBarunGothicOTF}
.pb_hd {float:left; width:30%; border-right:1px solid #c3c4bf; padding:8px; background-color:rgba(227, 227, 227, 0.54); font-weight:normal; color:#555; text-align:center; font-family:NanumBarunGothicOTF}


.pb_con {float:left; width:70%; padding:5px;}


#bo_vc {/*position:relative;*/}
#bo_vc_w {
    /* border-top: 3px solid #333; */
    /* padding: 20px; */
    background-color: #fff;
}
.tbl_frm01 {border:1px solid #ddd; background-color:#f5f4f0; border-radius:0;}
.vc_cap {
    background-color: #aaa;
    padding: 8px;
    color: #fff;
    background-color: ;
    text-align: center;
    font-size: 18px;
    font-family: NanumBarunGothicOTF;
    float: left;
    width: 100%;
}


.form-control {
    height: 32px !important;
    padding: 5px 12px !important;
}

.vc_priv {
	float:left;
    padding: 20px 20px 50px 20px;
    margin: 20px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.vc_wrf {display:inline-block; background-color:#fff;}
.vc_wrf .pb_hd {border:0; color:#555;}
.vc_wrf .pb_c {border:0; border-top:1px solid #ddd;}

.vc_btns {text-align:center; padding:20px;}

#divLayer {width:50%; margin:0 auto; display:block; padding:20px;border:5px solid #ddd; border-radius:5px; display:none;}
#divLayer2 {display:none;}
.vc_wrEdit {}
.vc_wrEdit .pb_c {border:0;}
.vcW_hd {color:red;font-weight:bold;display:block;margin-bottom:10px;}
.vcW_txt {margin-bottom:20px;}
.vc_wrEdit .pb_con {padding:0 0 5px 0;}

#modi_title {margin-bottom:20px; color:#F80000;font-size:12pt;font-weight:bold;}

.vc_listH {margin:20px 0 5px; display:inline-block; width:100%;}
.vc_liHd {color:#F80000; padding:0; font-size:18px;}
.vc_liex {text-align:right; padding:0}
.vc_lied {color:#0080FF;}
.vc_linum {color:#0080FF;text-align:right;}
.vc_mox {text-align:center; background-color:#7d91d8; padding:8px; font-size:18px; color:#fff; font-family:NanumBarunGothicOTF}

.vc_litable {}
.vc_litable th,.vc_litable td {text-align:center;padding:10px;}
.vc_litable th {background-color:rgba(227, 227, 227, 0.54)}
.vc_more {}
.vc_search {margin-top:20px;}

.clicktr {cursor:pointer;}
.commtd {background-color:#f1f1f1}
#fboardlist {
    background-color: #fff;
    /* padding: 20px; */
    /* border-top: 3px solid #333; */
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.bo_timetable {text-align:center; margin-bottom:20px;}
.bo_index {display:inline-block; border:1px solid #c3c4bf; width:100%;}
.pb_sec {color:#9d1132}
.pb_gen {
    padding: 10px 0 0 10px;
}
.pb_hd2 {
    float: left;
    width: 30%;
    border-right: 1px solid #c3c4bf;
    padding: 8px;
    background-color:#333;
    font-weight: normal;
    color: #555;
    text-align: center;
    font-family: NanumBarunGothicOTF;
}

.pb_capt {padding:40px;}

.vc_list {background-color:#fff; padding:20px; border-top:3px solid #333; padding-top:40px;}
#divLayer {
    margin-top: 20px !important}
}

.vc_wrf .pb_hd {padding:20px 0;}
.ui-datepicker {z-index:2 !important}
/* after sizeing */
@media (max-width:1200px){
	.pb_aft57 {height:60px;}
	.bo_timetable img {width:100%;}
	.bt_group {
    float: left;
	   border-radius:3px;
    width: 47% !important; margin-bottom:10px;} 
	.panel-body div {float:left; width:100%;}
}



@media (max-width:787px){
	.vc_priv {
    padding: 5px;
    margin: 10px;
}

.part {
    padding: 0 5px 0 19px;
}


	.bt_group span {
    float: left;
    width: 47%  !important; 
}

.bt_group {
    float: left;
    width: 100% !important;
    border-radius:3px;
    padding: 12px 0 0 0;
    margin-left: 10px;
    text-align: ;
    height: 46px;
    background-color: ;
}
.bo_index {
    margin-bottom: 10px;
}
.pb_aft57 {
    height: 40px;
}
.pb_hd {
    padding: ;
}
.vc_wrf .pb_hd {
    padding: 10px 0;
	
    background: #fff;
}

#divLayer {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 20px;
    border: 5px solid #ddd;
    border-radius: 5px;
    display: none;
}

	.td_date {
    text-align: center;
	font-family: "NanumBarunGothicOTF", sans-serif;
}

	.table > thead > tr > th {
    font-size: 15.5px !important}
 .pb_c {
    border-bottom: 1px solid #c3c4bf;
    padding: 0;
    width: 100%;
    float: left;
}


	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-size: 15.5px !important}

	}