.board {
		/*padding-top: 10%;*/
		/*padding-bottom: 10%;*/
	}

	table, th, td {
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #eee;
	height: 50px;
	font-size: 15px;
	padding-left: 30px;
	text-align : center;
	 }
	 table {
	    margin: auto;
	    margin-top: 30px;
	    width : 80%;
	}
	.list th {
		text-align: center;
	}
	.list .th_no {
		width : 10%;
	}
	.list .th_img {
		width : 20%;
	}
	.list .th_title_contents a{
		width : 50%;
		text-decoration-line : none;
		color : black;
	}
	.list .th_date {
		width : 20%;
	}
	.list td > img {
		width : 50%;
	}
	.list .board_list {
		 width : 100%;
	}
	.board_list {
		margin: 0 auto;
		/*width: 80%;*/
		height: 100%;
		min-height: 400px;
		margin-bottom: 10%;
	}
	
	.pagination {
		float: left;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		margin: 20px auto;
	}
	
	.pagination li {
		margin: 0 5px;
	}
	
	button:hover {
		cursor: pointer;
	}
	
	.tdIsTop{
		background: #ffff; 
		border-radius: 4px; 
		margin: 0 auto; 
		text-align: center; 
		color: rgb(17, 17, 17);
		height:70%;
		display: flex;
  	  	justify-content: center;
   		align-items: center;
	}
	
	.page-link{
	    width: 40px;
	    border: 1px solid #eee;
	    margin-left: 3px;
	    margin-right: 3px;
	    background: white;
	    display: flex;
	    height: 39px;
	    justify-content: center;
	    align-items: center;
	}
	.page-link:hover{
		border: 1px solid #eee;
		background: #292929;
		color: white;
	}
	
	.btncss{
		border: 1px solid #eee;
		background: #292929;
		color: white;
	}
	
	.activeNav{
		border: 1px solid #eee;
		background: #292929;
		color: white;
	}
	
	a {
		text-decoration-line: none;
		color: black;
	}
	
	table a:hover {
		text-decoration: underline;
	}
	.activeNav{
		border: 1px solid #eee;
		background: #636363;
		color: white;
	}
	

	@media screen and (max-width: 900px) {
		table {
			width : 90%;}
		tbody {font-size: 13px;}
		th {font-size : 13px; text-align:left;}
		.list td > img {width: 100%;}
		table, th, td {padding-left: 10px;}
		thead, .th_date, th_reg, tr > .tdRegUserNm, tr> .tdAttachKey {display:none;}
		.th_title_contents {width:60%;}
		.th_img {width:30%;}
		.tdIsTop {
			height: 50%;
			width: 50px;
	}
	
	@media screen and (max-width: 420px) {

		}
	}