<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";



.proc_reg_list .list_tab	{ margin-bottom: 30px; }
.proc_reg_list .list_tab ul	{ padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #333; }
.proc_reg_list .list_tab ul:after	{ display: block; clear: both; content: ""; }
.proc_reg_list .list_tab ul li	{ float: left; padding: 0; margin: 0 5px 0 0; list-style: none; background: none; }
.proc_reg_list .list_tab ul li a	{ display: block; width: 188px; line-height: 50px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #d9d9d9; color: #666; font-size: 15px; font-weight: 600; text-align: center; background-color: #fff; }
.proc_reg_list .list_tab ul li a:focus, .proc_reg_list .list_tab ul li a:hover, .proc_reg_list .list_tab ul li a:active, .proc_reg_list .list_tab ul li a.active	{ position: relative; z-index: 2; line-height: 50px; margin-bottom: -1px; border-width: 2px 1px 0 1px; border-color: #333; color: #333; }



@media all and (max-width:1023px)
{
	.proc_reg_list .list_tab ul	{ padding: 0 10px; }
	.proc_reg_list .list_tab ul li	{ width: 49%; margin-right: 1%; }
	.proc_reg_list .list_tab ul li a	{ width: auto; }
	
	.proc_reg_list .list table	{ display: block; table-layout: auto !important; }
	.proc_reg_list .list table colgroup	{ display: none; }
	.proc_reg_list .list table thead	{ display: none; }
	.proc_reg_list .list table tbody	{ display: block; }
	.proc_reg_list .list table tbody tr	{ display: block; margin-bottom: 1px; border-bottom: 2px solid #333; }
	.proc_reg_list .list table tbody tr:last-child	{ margin-bottom: 0; border-bottom: 0 none; }
	.proc_reg_list .list table tbody tr td	{ position: relative; display: block; padding-left: 110px; text-align: left !important; }
	.proc_reg_list .list table tbody tr td.empty	{ text-align: center !important; }
	.proc_reg_list .list table tbody tr td:last-child	{ border-bottom: 0 none; }
	.proc_reg_list .list table tbody tr td:before	{ position: absolute; left: 0; top: 0; width: 100px; height: 100%; line-height: 31px; text-align: center; color: #fff; font-weight: bold; background-color: #636a7d; }
	
	.proc_reg_list .list table.history tbody tr td:nth-child(1):before	{ content: "번호";  }
	.proc_reg_list .list table.history tbody tr td:nth-child(2):before	{ content: "이용상태";  }
	.proc_reg_list .list table.history tbody tr td:nth-child(3):before	{ content: "사물함위치";  }
	.proc_reg_list .list table.history tbody tr td:nth-child(4):before	{ content: "사물함번호";  }
	.proc_reg_list .list table.history tbody tr td:nth-child(5):before	{ content: "임대시작일";  }
	.proc_reg_list .list table.history tbody tr td:nth-child(6):before	{ content: "임대종료일";  }
	.proc_reg_list .list table.history tbody tr td:nth-child(7):before	{ content: "임대료(원)";  }
	.proc_reg_list .list table.history tbody tr td:nth-child(8):before	{ content: "접수일자";  }
	.proc_reg_list .list table.history tbody tr td:nth-child(9):before	{ content: "재등록";  }
	
	.proc_reg_list .list table.wait tbody tr td:nth-child(1):before	{ content: "번호";  }
	.proc_reg_list .list table.wait tbody tr td:nth-child(2):before	{ content: "이용상태";  }
	.proc_reg_list .list table.wait tbody tr td:nth-child(3):before	{ content: "사물함위치";  }
	.proc_reg_list .list table.wait tbody tr td:nth-child(4):before	{ content: "사물함번호";  }
	.proc_reg_list .list table.wait tbody tr td:nth-child(5):before	{ content: "임대시작일";  }
	.proc_reg_list .list table.wait tbody tr td:nth-child(6):before	{ content: "임대종료일";  }
	.proc_reg_list .list table.wait tbody tr td:nth-child(7):before	{ content: "임대료(원)";  }
	.proc_reg_list .list table.wait tbody tr td:nth-child(8):before	{ content: "신청일자";  }
	
	
	
	
	.proc_write table colgroup col	{ display: none !important; }
	.proc_write table tbody tr th	{ width: 100px !important; }
	.proc_write table tbody tr td input	{ max-width: 90%; }
	
	
	.proc_wait_read table colgroup col	{ display: none !important; }
	.proc_wait_read table tbody tr th	{ width: 100px !important; }

	
	.proc_payment table colgroup col	{ display: none !important; }
	.proc_payment table tbody tr th	{ width: 100px !important; }
	.proc_payment table tbody tr td input	{ max-width: 90%; }
}
</pre></body></html>