
.section.notice .content_body 
{
	gap: 40px 0;
}

.board_button_wrap 
{
	display: flex;
    align-items: center;
    gap: 0 40px;    
}

.board_button_wrap button 
{
	padding: 12px 24px;
	font-size: 16px;
	color: rgba(0,0,0,0.15);
	border-radius: 30px;
}

.board_button_wrap button.on,
.board_button_wrap button:hover 
{
	background: var(--main);
	color: #fff;
}

#board_search,
.board_search 
{
	display: flex;
    align-items: center;
    gap: 0 20px;
    justify-content: end;		
}
#board_search > select,
#board_search .search_wrap input
{
	border: 1px solid #e5e5ec;
	height: 36px;
	min-width: 120px;
}

#board_search > select,
#board_search .search_wrap input::placeholder  
{
	padding-left: 12px;
}
.search_wrap  
{
	display: flex;
	align-items: center;
	gap:0 20px;
}


#board_search .search_wrap input
{
	min-width: 360px;
}

.board_search .search_wrap button, 
.board_search > button
{
	height: 36px;
	background: #111;
	color: #fff;
	font-size: 14px;
	display: flex;
	padding: 0 30px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.board_wrap 
{
	display: flex;
    flex-direction: column;
    gap: 24px 0;	
}

/* table */
table 
{
	width: 100%;
	border-collapse: collapse; 
	border-top: 2px solid #111;
}

table thead 
{
	background: #f7f7fb;
}

th.No { width: 120px; }
th.Date { width: 200px; }

th,td 
{
	padding: 20px;
	border:1px solid #e5e5ec;
	border-left: 0;
	
}

td.Date, th.Date
{
	border-right:0;
}

td.subject 
{
	text-align: left;
	padding-left: 24px;
}

td.No, td.Date
{
	text-align: center;
}

/* 페이징 */
#board_paging, #paging_numbers 
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 12px;
}

#paging_numbers 
{
	gap:0 24px;	
	margin: 0 20px;
}

#paging_numbers button 
{
	padding: 6px;
	font-size: 16px;
	cursor:pointer;
}

#paging_numbers button.on 
{
	background: var(--main);
	color: #fff;
	padding: 8px 14px;
} 

#board_paging > button 
{
    border: 1px solid #e5e5ec;
    padding: 6px;
}

/* Notice_write */
.board_title_wrap 
{
    padding-bottom: 24px;
    border-bottom: 2px solid #111;	
}

.board_title 
{
    font-size: 32px;

}

.board_write_wrap 
{
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 0 20px;
}

.board_write_wrap input 
{
	height:42px;
	border: 1px solid #e5e5ec;
	font-size: 14px;	
	padding-left: 12px;
	min-width: 200px;
}

.board_write_wrap input.board_subject_write
{
	min-width: 360px;
}

textarea.text_content 
{
	width: 100%;
	min-height: 280px;
	border: 1px solid #e5e5ec;
}

textarea.text_content:focus 
{
	outline: none;
} 

textarea.text_content::placeholder 
{
	padding:20px;
}

/* Notice_View */

.board_title_sub_wrap 
{
	display: flex;
	align-items: center;
	gap:0 20px;
	margin-top: 20px;
}

.board_title_sub_wrap h5 
{
	font-size: 16px;
	font-weight: 400;
	color: #767676;
}

.board_write_wrap .content 
{
	font-size: 16px;
	font-weight: 400;
	color: #767676;
	text-align: center;
	line-height: 1.5;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.board_write_wrap .content img 
{
	width: 100%;
}

.section.noticeView .board_write_wrap
{
	justify-content: center;
}

.board_content_btn_wrap .modify { background: #30A84F;}
.board_content_btn_wrap .delete { background: #EA3D2F; }


.content_body { gap: 20px 0 !important; }


/* 반응형 구간 */

/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/ 
@media all and (max-width:1279px) 
{ 

} 

/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) 
{ 

} 

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px)
{
	.board_button_wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
	#board_search, .board_search { flex-direction: column; justify-content: center; align-items: initial; gap: 20px; }
	#board_search .search_wrap input { flex:3; min-width: initial; }
	#board_paging { display: none; }
}
/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) 
{   
	
}






