@charset "UTF-8";

.extension	{ max-width: 20px; max-height: 20px; vertical-align: middle; }

.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 tbody tr td.board_delete	{ background-color: #ffa4a4; text-decoration: line-through; }

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


.proc_list .list table.gallery	{ border: 0 none; }
.proc_list .list table.gallery tbody tr td	{ padding: 5px; border: 0 none; }
.proc_list .list table.gallery tbody tr td .info	{ position: relative; display: block; padding: 5px; border: 0 none; }
.proc_list .list table.gallery tbody tr td .info .image	{ position: relative; height: 0; padding-bottom: 141.5%; overflow: hidden; background-color: #eee; }
.proc_list .list table.gallery tbody tr td .info .image img	{ position: absolute; display: block; width: 100%; height: auto; margin: 0 auto; transition: transform 0.3s ease; }
.proc_list .list table.gallery tbody tr td .info p	{ padding: 3px 0 7px 0; margin: 0; border-bottom: 1px solid #eee; text-align: left; }
.proc_list .list table.gallery tbody tr td .info p strong	{ display: block; height: 52px; line-height: 26px; margin: 14px 0 19px 0; font-weight: 500; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #000; }
.proc_list .list table.gallery tbody tr td .info p strong	{ display: -webkit-box; -webkit-line-clamp : 2; -webkit-box-orient : vertical; }
.proc_list .list table.gallery tbody tr td .info p span	{ display: block; line-height: 20px; font-size: 13px; color: #999; font-weight: normal; }
.proc_list .list table.gallery tbody tr td .info p br	{ display: none; }
.proc_list .list table.gallery tbody tr td .info .status	{ position: absolute; left: 20px; top: 20px; }
.proc_list .list table.gallery tbody tr td .info .status strong	{ display: block; line-height: 22px; padding: 0 10px; border: 1px solid #eee; border-radius: 24px; background-color: #ddd; color: #666; font-size: 15px; font-weight: normal; }
.proc_list .list table.gallery tbody tr td .info .status strong.ing	{ border-color: #ff7600; background-color: #fff; color: #ff7600; }

.proc_list .list table.gallery tbody tr td .order	{ line-height: 35px; padding: 5px 0; margin: 0; border-bottom: 1px solid #7b7b7b; text-align: center; font-size: 15px;  }
.proc_list .list table.gallery tbody tr td .order:after	{ display: block; clear: both; content: ""; }
.proc_list .list table.gallery tbody tr td .order > *	{ float: left; display: block; width: 31.33% !important; padding: 0 !important; margin: 0 1% !important; box-sizing: border-box; }
.proc_list .list table.gallery tbody tr td .order a	{ font-weight: normal; }
.proc_list .list table.gallery tbody tr td .order .action_regist	{ background-color: #0068b3; border-color: #0068b3; color: #fff; }


@media all and ( max-width: 1024px )
{
	.proc_list .list table.gallery	{ display: block !important; }
	.proc_list .list table.gallery colgroup,
	.proc_list .list table.gallery colgroup col	{ display: none !important; }
	.proc_list .list table.gallery thead	{ display: none !important; }
	.proc_list .list table.gallery tbody	{ display: block !important; }
	.proc_list .list table.gallery tbody tr	{ display: block !important; }
	.proc_list .list table.gallery tbody tr:after	{ display: block; clear: both; content: ""; }
	.proc_list .list table.gallery tbody tr td	{ float: left !important; width: 50% !important; display: block !important; box-sizing: border-box !important; }
}

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

@media all and ( max-width: 425px )
{
	.proc_list .list table.gallery tbody tr td	{ float: none !important; width: auto !important; }
}