/**********************************
***  게시판 전체 공통 적용 페이지 
***********************************/
 input:focus{outline:none;}  /* input  작성시 아웃라인 안보이게 */
.listTable, .list_table{width:100%;}
.list_title a{font-weight:500; font-size:17px; } /* 게시판 글 목록 제목 */

.CheckText{color:#181818;  margin-right:8px; }
.CheckText:hover{color:red; }

.BoardContainer {max-width: 1100px;    margin: auto;  font-family: "Noto Sans", "malgun gothic", AppleGothic, dotum, sans-serif; color:#181818;}   

.Board-Head, .Board-Head th{padding:16px 0; border-top:2px solid #434343; border-bottom:1px solid #434343; font-weight:600;}
.Board-Body{border-bottom:1px solid #ccc;  }
.Board-Body:hover{background-color:#fcfcfc; }
.Board-Body td{padding:1em 0; }



.board-title-s_container{
	display:flex;
	border-bottom: 1px solid #bebebe;
	padding:1em;
}
.board-title-s{	margin-right:2em;}
.view-count::after{
	display:inline-block;
	content:':';
	width:15px;
	padding:0 3px; 
}
.fa-floppy-disk{	margin-right:5px;}

	.@media(max-width:639px){
		.list_title a{font-size:15px; } /* 게시판 글 목록 제목 */
		.board-Click{display:none; }
	}

	.@media(max-width:1024px){
		.BoardContainer { padding:0  !important;}   
	}




/*
* 게시판 글 목록에서 제일 위세 노출되는 부분 공지사항 
*/
.important-notice{margin-top:12px;  margin-left:16px; }
.important-notice:hover{cursor:pointer;}



/*********************************
************   글 쓰 기  ***********
*********************************/


.Writing_Container{max-width:960px; margin:0 auto;  }

.Form_container{position:relative; margin-bottom:32px;}
.Form_container label{
	display:inline-block; 
	position:absolute; 
	z-index:10; 
	width:80px; 
	top:-10px;
	left:16px; 
	padding-left:8px;
	font-size:12px;
	background-color:#fff;
	}
.Form_container input, .secretNumber input{width:100%; padding: 12px; border:1px solid #ddd; border-radius:4px ;}

/* 비밀글 */
.secret-checkBox{margin-bottom:10px; }

/* 작성자,  비밀번호  */
.writer_container, 
.password-container,
.boan-munja_container,
.date{max-width:300px;}

.password-container{margin-top:-24px; }



/*
 *  스케줄 카테고리
 */
 .Scadule-Category{margin-left:1rem; }



/*
 * 검색
 */
 .boardSearch_container{ }


.search{
	border: 1px solid #d7d7d7;
    background: #fff;
    vertical-align: top;
    border-radius: 6px;
	padding:1px 10px 1px 1px;
	}
.search input {
	  height: 27px;
	  padding-left:8px; 
	}
.search input:focus {outline: none;} 



/*
 *첨부파일
 */
.file-icon{
	padding:8px;
margin-top:4px;
	background-color:#eee;
	color:red; 
	font-size:20px; 
	}
.file-icon input{font-size:12px;}


/*
 * 보안문자
 */
 .boan-munja_container{ margin-top:28px;  } 
 .boan-munja{
	position:absolute; 
    margin-left:8px;	
	top:-10px;
	height:18px;
	width:auto; 
	background-color:#fff; 
	}
 .boan-munja_write{
	border:1px solid #ccc; 
	font-size:12px;
	text-align:center;
	padding:4px 8px ; }

/*********************************
************   게시판 목록  ***********
*********************************/

.BoardHead{width:100%; border-top:2px solid #181818; border-bottom:1px solid #181818;padding:1rem 0;font-weight:600; }
.Board-Body{width:100%;  padding:1rem 0; }

.BoardHead .board-Title {
	max-width:300px;
	width:300px;
	text-align:right;
	}
.board-Number{
	width:2em;
	text-align:center; 
	}

.board-Date{text-align:center;}
.board-Writer,
.board-Date,
.board-Click{
	text-align:center;
	font-family:noto
	color:#181818;}
.board-Click{width:2em; text-align:right;}

@media(max-width:767px){
	.BoardContainer{}
	.BoardHead{display:none;}
	.Board-Body{
		border:1px solid #bbb;
		border-radius:4px;
		padding:1em;
		margin-bottom:1.5em;}
	.board-Writer{margin-right:0.5em;}
	.board-Title{margin-bottom:0.5em;}
	.board-Date:before,

	 
 }
@media(min-width:768px){
	.board-Writer,
	.board-Date,
	.board-Click{margin-right:0;}
	.board-Writer{width:4em;}
	.board-Date	  {width:6em;}	
	.board-Click   {width:2em; margin-right:0.5em;}
	.BoardHead,
	.Board-Body{display:flex;}
	.board-Click{	width:2em;}

	}
@media(max-width:959px){
	.board-Number{display:none;}

	.board-Number,
	.board-Writer,
	.board-Date,
	.board-Click {font-size:13px; }
}



	

/* 공지 */
.list_notice{border:1px solid red; border-radius:4px; padding:2px 4px; margin-right:1em; font-size:10px;  color:red;}

/* 제목 */
.list_notice-title{font-weight:600;}

/* 글읽을때 첨부파일 */
.view-file{width:20px; height:auto; margin:0 12px 0 8px; }

.board-wd{background-color:red; }
.list_notice{ white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}


/* 게시판목록 제목에 다른 첨부파일 */
.board-file{display:inline; width:14px; height:auto; margin:0 0 10px 12px; }

/*
 * 게시판목록페이지 총 페이지수
 */
.totalPage{  
	font-size: 15px;
    bottom: 0;
    font-weight: 300;
	margin-bottom:1em;
	}

 /* 게시판하단 넘버링 */
 .pageBtn .page_select a.on {
 	width:30px; height:30px; padding-top:2px; 
    background: #333;
    color: #fff;
	border-radius:50%;
}

/**************************************
****************  버튼 *****************
***************************************/
.Board-Button_container{
	display:flex; 
	justify-content: space-between;
	margin-bottom:20px; 	
	}

.Board-Button{
	font-size:14px;
	color:#fff;
	letter-spacing:0.1em;
	padding:0.3em 1em;	
	background-color:#333;
	border-radius:3px;
	border:1px solid #fff;
	}
.Board-Button:hover{
	background-color:#fff;
	color:#333;
	border:1px solid #333;
	}

.boardBtn{
	display:flex;
	justify-content: space-between;
	 }
.boardBtn a{
	font-size:14px;
	color:#fff;
	letter-spacing:0.1em;
	padding:0.3em 1em;	
	background-color:#333;
	border-radius:3px;
	border:1px solid #fff;
}
.boardBtn a:hover{
	background-color:#fff;
	color:#333;
	border:1px solid #333;
	}
.BoardButton{
	font-size:15px;
}
.Btbg{background-color:red;}



/*
 * 갤러리 목록  
 */
 .gally-list {
	display:flex;
	 flex-wrap: wrap;vertical-align:bottom;
	 align-items: end;
	}

 .gally-list_photo{
	width:23%;
	height:320px;
	margin:0 1% 40px 1%;
	overflow: hidden;
	border-radius: 6px; 
	background-color:#f2f3f6;
	}
	 @media(max-width:1023px){.gally-list_photo{width:31%; height:300px;     } }
	 @media(max-width:639px) {.gally-list_photo{width:47%; height:320px;    } }

.gallery_title_date_container{margin:1rem;}
.gallery_img img{
	width:100%;
	height:180px;
	border-radius:6px 6px 0 0;
	}
.gallery_date {
	display:inline-block;
	font-size: 15px;
	color: #999; 
	}


.gallery_img{margin:0 1% 0 1%;  width:100%; height:auto; }

/* 갤러리 제목*/
.gallery_title a{display:inline-block; line-height:24px; font-weight:600;height:58px;}



/*
 * 꼬리말 달기
 */
.replyWrite{border-top:1px solid #ddd;  padding:20px; margin-bottom:16px; background-color:#f4f4f4; }

.tailWrite_container{margin-bottom:4px ;}
.tailWrite-name, .tailWrite-password{position:absolute ;   left:10px;}

.tail input{
	margin-right:10px;
	height:48px;
	width: 150px;
	padding-left:0.6rem;
	border: 1px solid #e8e8e8;
	}

.tailWrite-cord label{ width:80px; }
.tailWrite-cord img{ font-size:14px; height:16px;  width:auto; }

.tail_write {width:100%;     resize: none; padding: 1rem; margin-bottom:0.6rem; font-size:1.2em; line-height:2em;  }
.tail_btn{
	font-size:14px;
	color:#fff;
	letter-spacing:0.1em;
	padding:0.3em 1em;
	background-color:#777;
	border-radius:3px;
	border:1px solid #fff;
	margin-left:auto;
	}
.tail_btn:hover{
	background-color:#fff;
	color:#333;
	border:1px solid #777;}

.security-code{margin:4px 1rem 0 2rem;}
.security-cord-img{height:16px; width:auto; margin-left:16px;  }

@media(max-width:639px){
	.replyWrite {
		border-top: 0;
		padding: 0;
		margin-bottom: 16px;
		background-color: #fff;
		}
	.tail-name, .tail-password, .security-code{
		width: 50%;
		}
	.tail-name input, .tail-password input{
		width: 100% !important;
		}
	.security-code{
		width:50% !important;
		display:flex;
		margin-top:16px;
		margin-left:4px;}
	.tail input, .tail_write{
		border: 1px solid #181818 !important;}
	.tail input { width: 50%;margin-right:0;}
	.tail_write {margin-bottom: 4px;}
}

/*
 *  FAQ Board
 */
 .fa-clipboard-question{
	font-size:20px;
	color:#ccc; 
	margin-right:12px;}
 .fa-arrow-right{margin-right:0.7em;}