@charset "UTF-8";

.proc_list .category .buttons	{ padding: 0; margin: 0 0 30px 0; list-style: none; }
.proc_list .category .buttons:after	{ display: block; clear: both; content: ""; }
.proc_list .category .buttons li	{ float: left; width: 25%; padding: 0; margin: 0 -1px -1px 0; list-style: none; }
.proc_list .category .buttons li a	{ position: relative; z-index: 1; display: block; line-height: 35px; border: 1px solid #c8c8c8; background-color: #fafafa; text-align: center; }
.proc_list .category .buttons li a:focus, .proc_list .category .buttons li a:hover, .proc_list .category .buttons li a:active	{ background-color: #666; color: #fff; }
.proc_list .category .buttons li a.active	{ z-index: 2; border-color: #00479d; background-color: #3a5ba2; color: #fff; }


.proc_list .list table.no_border	{ border: 0 none; }
.proc_list .list table.no_border > tbody > td	{ padding: 5px; border: 0 none; }



@media all and ( max-width: 768px )
{
	.proc_list .list { display: block; width: 100%; overflow-x: auto; }
	.proc_list .list:before	{ display: block; content: "※ 좌우 스크롤을 이용하시면 내용을 보실 수 있습니다."; }
	.proc_list .list table	{ width: 728px !important; }
}