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

.container > .contents {
	display: inline-block;
	width: 100%;
	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;
	margin-top: 35px;
}

.container > .contents > .tbl_box > table > tbody > tr > td {
	border-bottom: 1px solid #d2d2d2;
}

.container > .contents > .tbl_box > table > tbody > tr > td.col_01{
	width: 160px; height: 50px;
	box-sizing: border-box;
	color: #373737; font-size: 13px;
	text-align: center;
	font-family: "nanumbarungothicbold", "nanumbarungothic bold", serif;

	background-color: #f3f3f3;
}


.container > .contents > .tbl_box > table > tbody > tr > td.col_02{
	padding: 0px 14px;
	box-sizing: border-box;
	color: #373737; font-size: 13px;
	text-align: left;
}


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

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

.container > .contents > .btn_box > a.write_btn {
	background-color: #212255;
	margin-left: 6px;
}

.container > .contents > .btn_box > a {
	background-color: #474747;
}

@media (max-width: 420px){ 
	.container {
		max-width: 90%;
	}

	.container > .contents > .tbl_box > table > tbody > tr > td {
		font-size: 12px;
	}
	.container > .contents > .tbl_box > table > tbody > tr > td.col_01 {
		width: 75px;
		font-size: 12px;
	}

	.container > .contents > .btn_box > a {
		width: 100px;
		font-size: 12px;
	}
}

@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 > tbody > tr > td.col_01 {
		width: 75px;
		font-size: 12px;
	}
	
}

@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){

}