.container {
	display: inline-block;
	width: 100%; max-width: 1080px;
	margin: 0 auto;
	text-align: center;
}

.container > .contents {
	display: inline-block;
	width: 100%;
	background-color: #fff;
	margin-bottom: 100px;
}


.container > .contents > .tbl_box {
	display: inline-block;
	width: 100%;
}

.container > .contents > .tbl_box > table {
    border-collapse: collapse;
    table-layout: auto;
    word-break: break-all;
    width: 100%;
	border-top: 2px solid #222356;
}


.container > .contents > .tbl_box > table > thead > tr > td { 
	height: 48px;
	padding: 0px 10px;
	box-sizing: border-box;
	font-size: 13px; color: #373737;
	border-bottom: 1px solid #d2d2d2;
	background-color: #f3f3f3;
}

.container > .contents > .tbl_box > table > tbody > tr > td { 
	height: 132px;
	padding: 16px 10px;
	box-sizing: border-box;
	font-size: 13px; color: #373737;
	border-bottom: 1px solid #d2d2d2;
}

.container > .contents > .tbl_box > table > thead > tr > td.col_th_01 { width: 120px; }
.container > .contents > .tbl_box > table > thead > tr > td.col_th_02 {  }
.container > .contents > .tbl_box > table > thead > tr > td.col_th_03 { width: 120px; }
.container > .contents > .tbl_box > table > thead > tr > td.col_th_04 { width: 150px; }

.container > .contents > .tbl_box > table > tbody > tr > td.col_td_01 {  }
.container > .contents > .tbl_box > table > tbody > tr > td.col_td_02 { text-align: left; }
.container > .contents > .tbl_box > table > tbody > tr > td.col_td_03 {  }
.container > .contents > .tbl_box > table > tbody > tr > td.col_td_04 {  }

.container > .contents > .tbl_box > table > tbody > tr > td.col_td_02 > img { 
	float: left;
	width: 131px; height: 116px;
	margin-right: 25px;
}

.container > .contents > .tbl_box > table > tbody > tr > td.col_td_02 > span { 
	color: #212255;
}



.container > .contents > .btn_box {
	display: inline-block;
	width: 100%;
	text-align: right;
	margin-top: 34px;
}


.container > .contents > .btn_box > a {
	display: inline-block;
	width: 161px; height: 38px; line-height: 38px;
	color: #fff; font-size: 14px;
	text-align: center; text-decoration: none;
	background-color: #212255;
}

.container > .contents > .paging_box {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

.container > .contents > .paging_box > ul {
	display: inline-block;
}

.container > .contents > .paging_box > ul > li {
	display: inline-block;
	height: 29px; line-height: 29px;
	list-style: none;
	float: left;
	border: 1px solid #d3d3d3;
	margin: 0px 2px;
}

.container > .contents > .paging_box > ul > li.active_page {
	border: 1px solid #212255;
	background-color: #212255;
}

.container > .contents > .paging_box > ul > li > a{
	display: inline-block;
	height: 29px; line-height: 29px;
	padding: 0px 12px;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 12px; color: #212255;
}

.container > .contents > .paging_box > ul > li.active_page > a {
	color: #fff;
}


.container > .contents > .search_box {
	display: inline-block;
	width: 100%; 
	padding: 46px 0px;
	text-align: center;
	margin-top: 34px;
	background-color: #f3f3f3;
}

.container > .contents > .search_box > div {
	display: inline-block;
}


.container > .contents > .search_box > div > select {
	float: left;
	width: 141px; height: 38px; line-height: 38px;
	font-size: 13px; color: #000;
	border: 1px solid #d2d2d2; 
	padding: 0px 15px;
	box-sizing: border-box;
	background-color: #fff;
	margin: 0px 3px;
}


.container > .contents > .search_box > div > input {
	float: left;
	width: 270px; height: 38px; line-height: 38px;
	font-size: 13px; color: #000;
	border: 1px solid #d2d2d2; 
	padding: 0px 15px;
	box-sizing: border-box;
	background-color: #fff;
	margin: 0px 3px;
}


.container > .contents > .search_box > div > img {
	float: left;
	margin: 0px 3px;
	cursor: pointer;
}




@media (max-width: 420px){ 

	.container {
		max-width: 90%;
	}
	.container > .contents > .tbl_box > table > tbody > tr > td { font-size: 12px; }
	.container > .contents > .tbl_box > table > thead > tr > td.col_th_01 { display: none; width: 60px; }
	.container > .contents > .tbl_box > table > thead > tr > td.col_th_02 {  }
	.container > .contents > .tbl_box > table > thead > tr > td.col_th_03 { display: none; width: 120px; }
	.container > .contents > .tbl_box > table > thead > tr > td.col_th_04 { display: none; width: 120px; }

	.container > .contents > .tbl_box > table > tbody > tr > td.col_td_01 { display: none; }
	.container > .contents > .tbl_box > table > tbody > tr > td.col_td_02 { text-align: left; }
	.container > .contents > .tbl_box > table > tbody > tr > td.col_td_03 { display: none; }
	.container > .contents > .tbl_box > table > tbody > tr > td.col_td_04 { display: none;  }
	.container > .contents > .tbl_box > table > tbody > tr > td.col_td_02 > img {
		margin-right: 10px;
	}


	.container > .contents > .search_box > div > select {
	    width: 75px;
	    padding: 0px 5px;
	}

	.container > .contents > .search_box > div > input {
        width: 130px;
		padding: 0px 5px;
	}

}

@media (max-width: 819px) and (min-width: 421px) { 
	.container {
		max-width: 90%;
	}
	.container > .contents > .tbl_box > table > tbody > tr > td { font-size: 12px; }
	.container > .contents > .tbl_box > table > thead > tr > td.col_th_01 { display: none; width: 90px; }
	.container > .contents > .tbl_box > table > thead > tr > td.col_th_02 {  }
	.container > .contents > .tbl_box > table > thead > tr > td.col_th_03 { display: none; width: 120px; }
	.container > .contents > .tbl_box > table > thead > tr > td.col_th_04 { display: none;width: 120px; }

	.container > .contents > .tbl_box > table > tbody > tr > td.col_td_01 { display: none; }
	.container > .contents > .tbl_box > table > tbody > tr > td.col_td_02 { text-align: left; }
	.container > .contents > .tbl_box > table > tbody > tr > td.col_td_03 { display: none; }
	.container > .contents > .tbl_box > table > tbody > tr > td.col_td_04 { display: none; }

	.container > .contents > .search_box > div > select {
	    width: 100px;
	}

	.container > .contents > .search_box > div > input {
	    width: 165px;
		padding: 0px 10px;
	}


}

@media (max-width: 1043px) and (min-width: 820px) { 
	.container {
		max-width: 800px;
	}

}

@media (max-width: 1099px) and (min-width: 1044px) { 
	.container {
		max-width: 1024px;
	}
}

@media (min-width: 1100px){

}




/*
	@media (max-width: 420px){ 

	}

	@media (max-width: 819px) and (min-width: 421px) { 

	}

	@media (max-width: 1043px) and (min-width: 820px) { 

	}

	@media (max-width: 1099px) and (min-width: 1044px) { 

	}

	@media (min-width: 1100px){

	}
*/