@charset "UTF-8";


.modules_rent .proc_list	{ margin: 30px 0; }
.modules_rent .proc_list:after	{ display: block; clear: both; content: " "; }

.modules_rent .proc_list .search	{ margin-bottom: 30px; }
.modules_rent .proc_list .search form	{}
.modules_rent .proc_list .search form fieldset	{ padding: 15px; background-color: #f5f5f5; }
.modules_rent .proc_list .search form fieldset:after	{ display: block; clear: both; content: " "; }

.modules_rent .proc_list .search form fieldset label	{ position: absolute; display: block; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_rent .proc_list .search form fieldset select	{ min-width: 200px; height: 35px; text-indent: 20px; }
.modules_rent .proc_list .search form fieldset button[type="submit"]	{ float: right; min-width: 100px; margin: 0; }



.modules_rent .proc_list .left	{ position: relative; float: left; width: 560px; padding-right: 30px; }
.modules_rent .proc_list .left .image	{ padding: 5px; border: 1px solid #d6d6d6; }
.modules_rent .proc_list .left .image img	{ display: block; width: 100%; height: 100%; border: 0 none; }

.modules_rent .proc_list .left .messagebox	{ font-size: 0.9em; }





.modules_rent .proc_list .right	{ position: relative; float: right; width: 280px; padding: 29px; border: 1px solid #d6d6d6; background-color: #f5f5f5; }
.modules_rent .proc_list .right h3	{ float: left; line-height: 30px; padding: 0 10px; margin: 0 0 5px 0; background: #185eb7; color: #fff; font-size: 13px; }
.modules_rent .proc_list .right h4	{ float: left; line-height: 30px; padding: 0; margin: 0 0 5px 10px; color: #333; font-size: 13px; font-weight: normal; background: none; }

.modules_rent .proc_list .right p.empty	{ clear: both; margin: 50px 0 10px 0; padding: 10px; background-color: #fff; text-align: center; font-size: 1.1em; }

.modules_rent .proc_list .right .rent_type	{ clear: both; padding: 10px 0 0 0; margin: 20px 0; list-style: none; }
.modules_rent .proc_list .right .rent_type:after	{ display: block; clear: both; content: " "; }
.modules_rent .proc_list .right .rent_type li	{ float: left; width: 50%; padding: 0; margin: 0; list-style: none; background: none; }
.modules_rent .proc_list .right .rent_type li a	{ display: block; line-height: 30px; margin: 0 2px; border: 1px solid #ccc; border-radius: 15px; background: #fff; color: #333; text-align: center; }
.modules_rent .proc_list .right .rent_type li:first-child a	{ margin-left: 0; }
.modules_rent .proc_list .right .rent_type li:last-child a	{ margin-right: 0; }
.modules_rent .proc_list .right .rent_type li a.active	{ background-color: #333; color: #fff; }

.modules_rent .proc_list .right .select_date	{ line-height: 40px; padding: 10px; margin: 10px 0; background: #fff; }
.modules_rent .proc_list .right .select_date h5	{ line-height: 25px; padding: 0; margin: 0; background: none; font-size: 13px; font-weight: 600; }
.modules_rent .proc_list .right .select_date input	{ width: 75%; height: 35px; vertical-align: top; }
.modules_rent .proc_list .right .select_date button	{ height: 35px; vertical-align: top; }

.modules_rent .proc_list .right .select_time	{ line-height: 40px; padding: 10px; margin: 10px 0; background: #fff; }
.modules_rent .proc_list .right .select_time h5	{ line-height: 25px; padding: 0; margin: 0; background: none; font-size: 13px; font-weight: 600; }
.modules_rent .proc_list .right .select_time select	{ width: 100%; height: 35px; }
.modules_rent .proc_list .right .select_time input	{ margin: 0; }

.modules_rent .proc_list .right .time_table	{ margin: 10px 0; }
.modules_rent .proc_list .right .time_table table	{ margin: 0; }
.modules_rent .proc_list .right .order	{ margin: 10px 0; }
.modules_rent .proc_list .right .order button	{ width: 100%; background-color: #185eb7; color: #fff; }


@media all and ( max-width: 1023px )
{
	.modules_rent .proc_list .search form fieldset	{ line-height: 40px; text-align: center; }
	.modules_rent .proc_list .search form fieldset button[type="submit"]	{ float: none; min-width: 200px; }
	
	
	.modules_rent .proc_list .left	{ float: none; width: auto; padding-right: 0; }
	.modules_rent .proc_list .left .image img	{ height: auto; }
	
	
	.modules_rent .proc_list .right	{ float: none; width: auto; padding: 0; margin-top: 30px; border: 0 none; background-color: transparent; }
}







.modules_rent .proc_state .search form fieldset select[name="year"]	{ min-width: 100px; margin-left: 100px; }
.modules_rent .proc_state .search form fieldset select[name="month"]	{ min-width: 100px; }


.modules_rent .proc_state .state	{ padding-right: 20px; text-align: right; }
.modules_rent .proc_state .state span	{ margin-left: 10px; }

.modules_rent .proc_state .state_YY	{ position: relative; display: inline-block; line-height: 20px; padding-right: 20px; }
.modules_rent .proc_state .state_YY:after	{ position: absolute; right: 0; top: 50%; width: 15px; height: 15px; line-height: 12px; margin-top: -8px; border: 1px solid #2d5daa; color: #2d5daa; content: "→"; text-indent: 7px; }
.modules_rent .proc_state .state_NN	{ position: relative; display: inline-block; line-height: 20px; padding-right: 20px; }
.modules_rent .proc_state .state_NN:after	{ position: absolute; right: 0; top: 50%; width: 15px; height: 15px; line-height: 15px; margin-top: -8px; border: 1px solid #333; color: #333; content: "X"; text-align: center; font-size: 10px; }

.modules_rent .proc_state .state_N	{ color: #555; }
.modules_rent .proc_state .state_Y	{ color: #2d5daa; }
.modules_rent .proc_state .state_D	{ color: #f00; }
.modules_rent .proc_state .state_B	{ color: #f00; }



.modules_rent .proc_state .calendar	{}
.modules_rent .proc_state .calendar table	{ margin: 0; }
.modules_rent .proc_state .calendar table tbody td a	{ display: inline; height: auto; line-height: normal; }
.modules_rent .proc_state .calendar table tbody td strong	{ color: #000; }
.modules_rent .proc_state .calendar table tbody td span	{ padding-left: 5px; }

@media all and ( max-width: 1023px )
{
	.modules_rent .proc_state .search form fieldset select	{ display: block; margin: 2px auto !important; }
	.modules_rent .proc_state .search form fieldset select[name="year"],
	.modules_rent .proc_state .search form fieldset select[name="month"]	{ display: inline-block; }
	
	.modules_rent .proc_state .calendar	{ overflow: auto; }
	.modules_rent .proc_state .calendar:before	{ display: block; line-height: 30px; color: #3f97d0; content: "* 좌우로 이동하여 표 내용을 보실 수 있습니다."; }
	.modules_rent .proc_state .calendar table	{ width: 950px; }
}








.modules_rent .proc_calendar	{}
.modules_rent .proc_calendar p.month	{ text-align: center; font-size: 20px; }
.modules_rent .proc_calendar p.month:after	{ display: block; clear: both; content: ""; }
.modules_rent .proc_calendar p.month strong	{ color: #000; }
.modules_rent .proc_calendar p.month a	{ display: block; width: 25px; height: 25px; line-height: 25px; border: 1px solid #ccc; background-color: #fff; text-align: center; font-size: 15px; font-weight: bold; }
.modules_rent .proc_calendar p.month a span	{ display: none; }
.modules_rent .proc_calendar p.month a.action_prev_month	{ float: left; }
.modules_rent .proc_calendar p.month a.action_next_month	{ float: right; }
.modules_rent .proc_calendar p.month a.action_prev_month:after	{ content: "<"; }
.modules_rent .proc_calendar p.month a.action_next_month:after	{ content: ">"; }
.modules_rent .proc_calendar table a	{ display: block; padding: 5px 3px 5px 5px; margin: -5px -3px -5px -5px; }
.modules_rent .proc_calendar table a:focus, .modules_rent .proc_calendar table a:hover, .modules_rent .proc_calendar table a:active	{ background-color: #f0f0f0; }
.modules_rent .proc_calendar table strong	{ color: #000; }
.modules_rent .proc_calendar table .state_N	{ color: #555; }
.modules_rent .proc_calendar table .state_Y	{ color: #2d5daa; }
.modules_rent .proc_calendar table .state_D	{ color: #f00; }
.modules_rent .proc_calendar table .state_B	{ color: #f00; }

.modules_rent .proc_calendar .mobile_content	{ display: none; }

@media all and ( max-width: 1023px )
{
	.modules_rent .proc_calendar .mobile_content	{ display: block; }
}







.modules_rent .proc_write	{}

@media all and ( max-width: 1023px )
{
	.modules_rent .proc_write table	{ display: block; }
	.modules_rent .proc_write table tbody	{ display: block; }
	.modules_rent .proc_write table tbody tr	{ display: block; }
	.modules_rent .proc_write table tbody tr:after	{ display: block; clear: both; content: ""; }
	.modules_rent .proc_write table tbody tr th	{ display: block; margin-bottom: -1px; border: 1px solid #d0d0d0; }
	.modules_rent .proc_write table tbody tr td	{ display: block; line-height: 35px; margin-bottom: -1px; border: 1px solid #d0d0d0;  text-align: center; }
}