@charset "utf-8";

/* 게시판- board_paging (공통) */
.board_paging {display: flex;width:100%;justify-content: center;text-align:center;margin-top:26px}
.board_paging a {display:block;margin:0 2px;min-width:20px;padding:7px 2px 7px 2px;font-size:11px;line-height:11px;text-align:center;color:#858796;border:1px solid #ddd;background:#fff}
.board_paging a:hover {background:#eaecf4;}
.board_paging a:active, .board_paging a.active {background:#858796;border:1px solid #858796;color:#fff}

/* 게시판 - 버튼 (공통)*/
.board_btn_bx {display: flex;justify-content: flex-end;width:100%;margin-top:20px}
.board_btn_bx a.board_btn  {display:inline-block;width:68px;margin-left:10px;color:#fff;font-size:14px;line-height:40px;text-align:center;background:#004299;border-radius: 2px;}
.board_btn_bx a.board_btn:hover,
.board_btn_bx a.board_btn:active {background:#1945cc}

/* 게시판 list (공통)*/
.board_list {margin-top: 20px;}
.board_list ul li {display:flex;width:100%;border-bottom:1px solid #ddd;}
.board_list ul li.tbl_tit {border-top: 2px solid #bbb; border-bottom: 1px solid #bbb}
.board_list ul li.tbl_tit p {padding: 14px 0;color:#333;font-size:15px; text-align:center;}
.board_list ul li.tbl_row a {display:flex;align-items: center;width:100%;padding: 16px 0;cursor:pointer}
.board_list ul li.tbl_row a:hover,
.board_list ul li.tbl_row a:focus {background:#eff1f9;}
.board_list ul li p {font-size:15px;line-height: 22px;color:#555;text-align:center;font-family:'Noto Sans KR';}
/* 게시판 list - 공지사항 필드너비*/
.board_list ul li .num {width:15%}
.board_list ul li .tit {width:65%;text-align:left}
.board_list ul li .date {width:20%}
.board_list ul li .num,
.board_list ul li .date {font-family:verdana;font-size:14px;letter-spacing: -1.2px;}

/* 게시판 read*/
.board_read {margin-top: 20px;}
.board_read .readtop {display: flex;width:100%;padding:20px 16px;align-items: center;border-top:1px solid #888;border-bottom:1px solid #c4c7ca;box-sizing: border-box;}
.board_read .readtop p {line-height:20px;font-size:15px;line-height: 22px;}
.board_read .readtop .tit {width:80%;color:#333;text-align:left}
.board_read .readtop .date {width:20%;font-size:13px; color:#3853d8;text-align:right}
.board_read .readcont {display: flex;flex-direction: column;width:100%;}
.board_read .readcont .puts {width:100%;margin:40px 0;min-height:250px;padding: 0 18px;}
.board_read .readcont .puts p {word-wrap:break-word;color:#666;font-size:14px;line-height:26px}
.board_read .readcont .puts a {word-wrap:break-word;color: #3853d8;font-size:14px;line-height:26px;text-decoration: underline;}
.board_read .readcont .accretion {display: flex;width:100%;padding:12px 16px;background:#f8f8f8;border-top:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing: border-box;} /* 230829 추가*/
.board_read .readcont .accretion a {display:block;padding-left:30px;color:#666;font-size:14px;line-height:26px;background:url(../Images/common/inclined-clip.png)no-repeat 5px 5px;}
.readcont .accretion a:hover, .readcont .accretion a:active {color:#3853d8}

/* 게시판 write&edit */
.board_edit {margin-top: 20px;}
.board_edit .edit_top {display: flex;width:100%;padding:20px 16px;border-top:1px solid #888;border-bottom:1px solid #c4c7ca;box-sizing:border-box}
.board_edit .edit_top input {padding:0 8px;width:100%;height: 36px;font-size:14px;border:1px solid #ddd;box-sizing:border-box}
.board_edit .edit_cont {display: flex;flex-direction: column;width:100%;padding:0 16px;margin:20px 0;word-wrap:break-word;border-bottom:1px solid #888;box-sizing:border-box}
.board_edit .edit_cont .puts_area {width:100%;min-height:260px;padding:8px;border:1px solid #ddd;box-sizing:border-box}
.board_edit .edit_cont .puts_area p {font-size:14px;line-height:26px;color: #666;}
.board_edit .edit_cont .attach_area {display: flex;justify-content: space-between;align-items: center;width:100%;height:auto;padding:15px;margin-top:20px;border:1px solid #ddd;box-sizing:border-box;}
.board_edit .edit_cont ul.file {width:calc(100% - 120px);}
.board_edit .edit_cont ul.file .file_item {display:block;width:100%;margin-top:5px}
.board_edit .edit_cont ul.file .file_item:first-child {margin-top:0}
.board_edit .edit_cont ul.file a {display:block;font-size:13px;color:#666}
.board_edit .edit_cont a:hover {color:#3853d8}
.board_edit .edit_cont .add_area {display: flex;align-items: center;justify-content: flex-end;width:100%;height:auto;padding:15px;margin:20px 0;border:1px solid #ddd;box-sizing:border-box}
.board_edit .edit_cont .file_btn_box {display: flex;flex-direction: column;justify-content: flex-end}
.board_edit .edit_cont .file_btn_box a.file_btn {display:block;width:80px;height:30px;color:#333;font-size:13px;line-height:30px;text-align: center;border:1px solid #ddd;background:#f5f5f5}
.board_edit .edit_cont .file_btn_box a.file_btn + a.file_btn {margin-top:10px}



@media screen and (max-width:1280px){

	
	
	}



/* 태플릿용 */
@media screen and (max-width:768px){
	
	/* 게시판 read*/
	.board_read .readtop {flex-direction: column;padding:10px 10px;}
	.board_read .readtop .tit {width:100%}
	.board_read .readtop .date {width:100%;margin-top: 2px;text-align: left;}
	.board_read .readcont .puts {margin:20px 0;padding: 0 10px}
	.board_read .readcont .accretion {padding:12px 10px}
	
	/* 게시판 write&edit */
	.board_edit .edit_top {padding:20px 0;}
	.board_edit .edit_cont {padding:0 ;}
	
	
	}


/* 모바일용 */
@media screen and (max-width:425px){
	
	/* 게시판 list (공통)*/
	.board_list ul {border-top:1px solid #ddd}
	.board_list ul li.tbl_tit {display: none;}
	.board_list ul li.tbl_row a {flex-direction: column}
	/* 게시판 list - 공지사항 필드너비*/
	.board_list ul li .num {display: none;}
	.board_list ul li .tit {width:100%;}
	.board_list ul li .date {width:100%;text-align: left;font-size: 13px;color: #777;}
	

	}
		

	
@media screen and (max-width:320px){
	
	/* 모바일-슬라이드메뉴 */ 
	.header_mo .menu_mo .top a.log_out {top:18%;width:27%}
	.header_mo .menu_mo .top a.log_out p {vertical-align:-16%} 
	


	}