@charset "UTF-8";


.modules_fmcs_locker	{ font-size: 16px; color: #333; }

.modules_fmcs_locker input[type="text"],
.modules_fmcs_locker input[type="password"],
.modules_fmcs_locker input[type="file"],
.modules_fmcs_locker select	{ height: 40px; max-width: 100%; padding: 0 10px; box-sizing: border-box; font-size: inherit; }
.modules_fmcs_locker select	{ padding-right: 20px; }
.modules_fmcs_locker .button	{ max-width: 100%; height: 45px; line-height: 43px; padding: 0 30px; border-radius: 3px; box-sizing: border-box; font-size: inherit; }
.modules_fmcs_locker .button.small	{ height: 2em; line-height: 2em; padding: 0 10px; }
.modules_fmcs_locker .button.large	{ height: 3em; line-height: 2.8em; padding: 0 20px; font-size: 1.5em; border: 1px solid #989898; }


.modules_fmcs_locker h2	{ clear: both; padding: 0; margin: 30px 0 20px 0; background: none; font-size: 30px; font-weight: bold; color: #000; }
.modules_fmcs_locker h3	{ clear: both; padding: 0; margin: 30px 0 20px 0; background: none; font-size: 26px; font-weight: bold; color: #323232; }
.modules_fmcs_locker h4	{ clear: both; padding: 0; margin: 30px 0 20px 0; background: none; font-size: 24px; font-weight: bold; color: #323232; }


.modules_fmcs_locker table	{ border-width: 1px 0 0 0; border-color: #707070; }
.modules_fmcs_locker table thead tr th	{ height: 60px; border: 0 none !important; border-bottom: 1px solid #bbb !important; box-sizing: border-box; background-color: #e0e4e8; color: #222; font-weight: 600; text-align: center; vertical-align: middle; }
.modules_fmcs_locker table thead tr th + th	{ border-left: 1px solid #bbb !important; }
.modules_fmcs_locker table tbody tr th,
.modules_fmcs_locker table tbody tr td	{ height: 60px; padding: 5px; border: 0 none !important; border-bottom: 1px solid #bbb !important; box-sizing: border-box; vertical-align: middle; }
.modules_fmcs_locker table tbody tr th	{ background-color: #e0e4e8; text-align: center; font-weight: 600; color: #222; }
.modules_fmcs_locker table tbody tr th + th,
.modules_fmcs_locker table tbody tr th + td,
.modules_fmcs_locker table tbody tr td + th,
.modules_fmcs_locker table tbody tr td + td	{ border-left: 1px solid #bbb !important; }
.modules_fmcs_locker table tbody tr th[rowspan],
.modules_fmcs_locker table tbody tr td[rowspan]	{  border-right: 1px solid #bbb !important; }
.modules_fmcs_locker table tbody tr th[rowspan]:last-child,
.modules_fmcs_locker table tbody tr td[rowspan]:last-child	{  border-right: 0 none !important; }


.modules_fmcs_locker table + h3	{ margin-top: 50px; }


.order_r	{ margin: 30px 0; text-align: right; }
.order_r > *:last-child	{ margin-right: 0; }


.pattern_box	{ padding: 5px; background: url(../image/pattern_box_border.png) repeat 0 0; }
.pattern_box > div	{ padding: 40px; margin: 0; background-color: #fff; }
.pattern_box > div:after	{ display: block; clear: both; content: ""; }


.result_box	{}
.result_box strong	{ display: block; line-height: 80px; text-align: center; color: #112c4e; font-size: 34px; font-weight: bold; background-color: #e6f0f9; }
.result_box .pattern_box	{ line-height: 2em; text-align: center; font-size: 1.1em; }
.result_box .pattern_box span	{ font-size: 22px; font-weight: 600; }


.description_box	{ line-height: 30px; padding: 40px; margin: 0 0 40px 0; border: 1px solid #cdcdcd; background: #fafafa; text-align: left; }
.description_box > div:after	{ display: block; clear: both; content: ""; }

table td.title	{ background-color: #f0f0f0; font-weight: bold; }




.proc_reg_list .search	{ line-height: 2.5em; padding: 20px; margin: 0 0 40px 0; border: 1px solid #c1c1c1; text-align: center; background-color: #fafafa; }
.proc_reg_list .search label	{ font-size: 1.2em; font-weight: 600; }
.proc_reg_list .search select	{ height: 2.5em; padding-right: 2em; }


.proc_reg_list .list_tab	{ margin-bottom: 40px; }
.proc_reg_list .list_tab ul	{ padding: 0; margin: 0; list-style: none; }
.proc_reg_list .list_tab ul:after	{ display: block; clear: both; content: ""; }
.proc_reg_list .list_tab ul li	{ float: left; width: 50%; padding: 0; margin: 0; list-style: none; background: none; }
.proc_reg_list .list_tab ul li a	{ display: block; line-height: 43px; border: 1px solid #d0d0d0; background-color: #fafafa; color: #222; font-weight: normal; text-align: center; }
.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	{ border-color: #333; background-color: #666; color: #fff; font-weight: 600; }
.proc_reg_list .list_tab ul li a.active	{ border-color: #0096dc; background-color: #f4f9fd; color: #0096dc; font-weight: 600; }





.modules_fmcs_locker .proc_reg_list table tr td	{ padding-left: 2px; padding-right: 2px; }
.modules_fmcs_locker .proc_reg_list table tr td.txtright	{ padding-right: 10px; }


.modules_fmcs_locker table tbody tr td .button	{ padding: 0 0.5em; margin: 0; }

/*
.modules_fmcs_locker table tbody tr td .button	{ line-height: 2em; padding: 0 0.5em; margin: 0; font-size: 1em; font-weight: normal; }
.modules_fmcs_locker .order .button	{ height: 2.5em; line-height: 2.2em; padding: 0 0.5em; font-size: 1em; }
*/
.modules_fmcs_locker .order	{ margin: 30px 0; text-align: right; }

.modules_fmcs_locker .proc_write tbody tr th,
.modules_fmcs_locker .proc_write tbody tr td	{ height: 2em; }
.modules_fmcs_locker .proc_write tbody tr td input	{ height: 2.5em; }
.modules_fmcs_locker .proc_write tbody tr td input[readonly="readonly"]	{ padding: 0; border: 0 none; background: transparent; cursor: default; }
.modules_fmcs_locker .proc_write tbody tr td select	{ height: 2.5em; padding: 0 2em 0 1em; }


@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: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_reg_list .list table.wait tbody tr td:nth-child(9)	{ padding-left: 0; text-align: center !important; }
	
	
	
	
	.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%; }
}

.modules_fmcs_locker h2	{ clear: both; padding: 0; margin: 30px 0 20px 0; font-size: 22px; font-weight: bold; color: #000; }
.modules_fmcs_locker h3	{ clear: both; padding: 0; margin: 30px 0 20px 0; font-size: 20px; font-weight: bold; color: #323232; }
.modules_fmcs_locker h4	{ clear: both; padding: 0; margin: 30px 0 20px 0; font-size: 18px; font-weight: bold; color: #323232; }

.pagejump a	{ display: inline-block !important; float: none !important; }