@charset "UTF-8";

.modules_rent h3	{ margin-top: 40px; }

.modules_rent table	{ table-layout: fixed; clear: both; width: 100%; margin: 0; border-collapse: collapse; border-width: 3px 1px 2px 1px; border-style: solid; border-color: #4d4d4d transparent #4d4d4d transparent; text-align: left; }
.modules_rent table caption	{ width: 0; height: 0; line-height: 0; /*visibility: hidden;*/ overflow: hidden; font-size: 0; }
.modules_rent table thead th,
.modules_rent table thead td	{ line-height: 20px; padding: 15px 3px; border-width: 0 0 1px 0; border-style: solid; border-color: transparent transparent #c1c1c1 transparent; text-align: center; font-size: 17px; font-weight: bold; word-break: break-all; word-wrap: break-word; background-color: #fbfbfb; color: #333; text-align: center; }
.modules_rent table thead th a,
.modules_rent table thead td a	{ color: #fff !important; }
.modules_rent table thead tr:nth-child(2) th,
.modules_rent table thead tr:nth-child(2) td	{ background-color: #f0f0f0; }
.modules_rent table thead tr:nth-child(3) th,
.modules_rent table thead tr:nth-child(3) td	{ background-color: #ebebeb; }
.modules_rent table thead tr:nth-child(4) th,
.modules_rent table thead tr:nth-child(4) td	{ background-color: #e0e0e0; }
.modules_rent table tbody th,
.modules_rent table tbody td	{ line-height: 20px; padding: 15px 3px 15px 5px; border-width: 0 0 1px 0; border-style: solid; border-color: transparent transparent #c1c1c1 transparent; word-break: break-all; word-wrap: break-word; }
.modules_rent table tbody td.txtleft	{ padding-left: 5px; padding-right: 3px; }
.modules_rent table tbody td.txtcenter	{ padding-left: 3px; padding-right: 3px; }
.modules_rent table tbody td.txtright	{ padding-left: 3px; padding-right: 5px; }
.modules_rent table tbody th	{ background-color: #fafafa; text-align: center; } 
.modules_rent table tbody td.table-empty,
.modules_rent table tbody td.empty	{ padding: 50px 0 !important; text-align: center; background-color: #fff !important; }
.modules_rent table.over tbody tr:focus, .modules_rent table.over tbody tr:hover, .modules_rent table.over tbody tr:active	{ background-color: #fafafa; background-color:rgba(0, 0, 0, 0.05); }
/*
.modules_rent table tbody tr:focus th, .modules_rent table tbody tr:hover th, .modules_rent table tbody tr:active th,
.modules_rent table tbody tr:focus td, .modules_rent table tbody tr:hover td, .modules_rent table tbody tr:active td	{ background-color: transparent !important; }
*/
.modules_rent table tfoot th,
.modules_rent table tfoot td	{ line-height: 25px; padding: 3px; border-width: 0 0 1px 0; border-style: solid; border-color: #c1c1c1 transparent #c1c1c1 transparent; background-color: #fafafa; word-break: break-all; word-wrap: break-word; }
.modules_rent table tfoot th	{ background-color: #f0f0f0; text-align: center; } 
.modules_rent table th strong	{ color: #4d4d4d; }
.modules_rent table tr.table-title th,
.modules_rent table tr.table-title td	{ line-height: 2.5em; padding-left: 20px; text-align: left; font-size: 1.1em; color: #4d4d4d; font-weight: bold; background-color: #ddd; }
.modules_rent table tr.table-title2 th,
.modules_rent table tr.table-title2 td	{ line-height: 2em; padding-left: 30px; text-align: left; font-size: 1em; color: #000; font-weight: bold; background-color: #f0f0f0; }


.modules_rent .messagebox	{ margin-bottom: 10px; border: 1px solid #e0e0e0; background-color: #fafafa; }
.modules_rent .messagebox > pre,
.modules_rent .messagebox > div	{ padding: 20px; }





.modules_rent input	{ height: 45px; }
.modules_rent input[type="radio"],
.modules_rent input[type="checkbox"]	{ width: auto !important; height: auto !important; }
.modules_rent input[type="text"]	{ min-width: 65px; }
.modules_rent select	{ width: auto; height: 45px; padding: 0 30px 0 15px; box-sizing: border-box; font-size: 15px; background: #fff url(../image/arrow.png) no-repeat right center; }
.modules_rent select option:disabled	{ color: #ccc; }
.modules_rent .button	{ min-width: 100px; height: 45px; line-height: 45px; padding: 0 15px; box-sizing: border-box; font-size: 17px; }
.modules_rent button.button	{ line-height: normal; }
.modules_rent .button.small	{ height: 45px; line-height: 45px; }
.modules_rent .button em	{ font-style: normal; }


@media all and ( max-width: 1023px )
{
	.modules_rent input	{ height: 35px; font-size: 14px; }
	.modules_rent select	{ height: 35px; font-size: 13px; }
	.modules_rent .button,
	.modules_rent .button.small	{ height: 35px; line-height: 35px; font-size: 14px; }
}




.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	{ width: auto; min-width: 200px; height: 45px; text-indent: 20px; background: #fff url(../image/arrow.png) no-repeat right center; }
.modules_rent .proc_list .search form fieldset button[type="submit"]	{ float: right; min-width: 100px; margin: 0; }
.modules_rent .proc_list .search form fieldset .button	{ float: right; min-width: 100px; margin: 0 0 0 5px; }



.modules_rent .proc_list .left	{ position: relative; float: left; width: 50%; padding-right: 30px; box-sizing: border-box; }
.modules_rent .proc_list .left .image	{ padding: 5px; margin-bottom: 40px; 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: 50%; padding: 29px; border: 1px solid #d6d6d6; box-sizing: border-box; background-color: #f5f5f5; }
.modules_rent .proc_list .right h3	{ float: left; line-height: 30px; padding: 0 10px !important; 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_box	{ position: relative; display: block; padding-right: 100px; }
.modules_rent .proc_list .right .select_date .input_box + .input_box	{ margin-top: 5px; }
.modules_rent .proc_list .right .select_date input	{ width: 100%; vertical-align: top; }
.modules_rent .proc_list .right .select_date button	{ position: absolute; right: 0; width: 90px !important; min-width: 0 !important; margin: 0; vertical-align: top; box-sizing: border-box; }

.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%; }
.modules_rent .proc_list .right .select_time select + select	{ margin-top: 5px; }
.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 select	{ width: 100%; margin: 0 0 10px 0; }
	.modules_rent .proc_list .search form fieldset button[type="submit"]	{ float: none; width: 100% !important; min-width: 200px; box-sizing: border-box; }
	
	
	.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 .left .button	{ width: 100% !important; box-sizing: border-box; }
	.modules_rent .proc_list .left .button em	{ display: none; }
	
	.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: 130px; 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-family: serif; 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 table .multi_date_start	{ background-color: #2d5daa; color: #fff; }
.modules_rent .proc_calendar table .multi_date_start strong	{ color: #fff; }
.modules_rent .proc_calendar table .multi_date_start span	{ color: #fff; }





.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_calendar table tbody td	{ padding: 3px; text-align: center; }	
	.modules_rent .proc_calendar table span	{ font-size: 0.9em; font-weight: normal; }
}



.modules_rent .proc_list_calendar p.month	{ max-width: 250px; margin: 20px auto; }
.modules_rent .proc_list_calendar table tbody tr td > br	{ display: none; }
.modules_rent .proc_list_calendar table tbody tr td > span	{ display: block; line-height: 1.1em; font-size: 14px; letter-spacing: -1px; }






.modules_rent .proc_write	{}
.modules_rent .proc_write table td	{ line-height: 50px !important; }
.modules_rent .proc_write table td table td	{ line-height: normal !important; }
.modules_rent .proc_write table td input,
.modules_rent .proc_write table td select,
.modules_rent .proc_write table td textarea	{ max-width: 100%; box-sizing: border-box; }
.modules_rent .proc_write table td input[type="file"]	{ margin-bottom: 3px; }
.modules_rent .proc_write table td ol li	{ padding-top: 3px; }
.modules_rent .proc_write input[name="group_post"]	{ margin-right: 10px; }

.modules_rent .proc_write table td table td select	{ height: 35px; }
.modules_rent .proc_write table td span	{ vertical-align: baseline; }


.modules_rent .proc_write #sum_total_amount	{ display: flex; flex-wrap: wrap; gap: 0.5em 0; line-height: 1.2; font-size: 1.2rem; }
.modules_rent .proc_write #sum_total_amount br	{ display: none; }
.modules_rent .proc_write #sum_total_amount em	{ flex: 0 1 10em; display: flex; justify-content: flex-end; color: #000; font-weight: 500; }
.modules_rent .proc_write #sum_total_amount em:after	{ padding: 0 0.5em; content: ":"; }
.modules_rent .proc_write #sum_total_amount span	{ flex: 0 1 calc(100% - 10em); display: flex; }
.modules_rent .proc_write #sum_total_amount .discount	{}
.modules_rent .proc_write #sum_total_amount span.discount	{ color: red; }
.modules_rent .proc_write #sum_total_amount .discount br	{ display: block; }
.modules_rent .proc_write #sum_total_amount .sum	{ padding-top: 0.5em; border-top: 1px solid #aaa; font-weight: bold; }


.modules_rent .proc_read .payment_text1	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_rent .proc_read .payment_text2	{ display: flex; flex-wrap: wrap; gap: 0.5em 0; line-height: 1.2; font-size: 1.2rem; }
.modules_rent .proc_read .payment_text2 br	{ display: none; }
.modules_rent .proc_read .payment_text2 em	{ flex: 0 1 10em; display: flex; justify-content: flex-end; color: #000; font-weight: 500; }
.modules_rent .proc_read .payment_text2 em:after	{ padding: 0 0.5em; content: ":"; }
.modules_rent .proc_read .payment_text2 span	{ flex: 0 1 calc(100% - 10em); display: flex; }
.modules_rent .proc_read .payment_text2 .discount	{}
.modules_rent .proc_read .payment_text2 span.discount	{ color: red; }
.modules_rent .proc_read .payment_text2 .discount br	{ display: block; }
.modules_rent .proc_read .payment_text2 .sum	{ padding-top: 0.5em; border-top: 1px solid #aaa; font-weight: bold; }
.modules_rent .proc_read .payment_text2 .sum	{ margin-top: 0.5em; font-weight: bold; }


.modules_rent .proc_read .discount_list	{ display: flex; flex-wrap: wrap; gap: 0; line-height: 1.2; padding: 0; margin: 0; list-style: none; }
.modules_rent .proc_read .discount_list dt	{ flex: 0 1 30%; display: flex; align-items: center; gap: 10px; padding: 10px 0; margin: 0; list-style: none; }
.modules_rent .proc_read .discount_list dd	{ flex: 0 1 70%; display: flex; align-items: center; gap: 50px; padding: 10px 0; margin: 0; list-style: none; }
.modules_rent .proc_read .discount_list *	{ border-top: 1px solid #eee; }
.modules_rent .proc_read .discount_list *:nth-child(1),
.modules_rent .proc_read .discount_list *:nth-child(2)	{ border-top: 0 none; }
.modules_rent .proc_read .discount_list dd .member_name:before	{ content: "성명 : "; }
.modules_rent .proc_read .discount_list dd .member_birthday:before	{ content: "생년월일 : "; }


@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: 40px !important; margin-bottom: -1px; border: 1px solid #d0d0d0;  text-align: center; }
	
	
	.modules_rent .proc_write .facilities_box	{ width: calc(100vw - 40px); max-width: 100%; overflow: auto; }
	.modules_rent .proc_write .facilities_box:before	{ display: block; line-height: 2em; text-align: left; color: #104790; content: "※ 좌우 스크롤로 표 내용을 더 볼 수 있습니다."; }
	.modules_rent .proc_write #facilities	{ display: table; min-width: 800px; }
	.modules_rent .proc_write #facilities thead	{ display: table-header-group; }
	.modules_rent .proc_write #facilities thead tr	{ display: table-row; }
	.modules_rent .proc_write #facilities thead tr:after	{ content: none; }
	.modules_rent .proc_write #facilities thead tr th	{ display: table-cell; }
	.modules_rent .proc_write #facilities tbody	{ display: table-row-group; }
	.modules_rent .proc_write #facilities tbody tr	{ display: table-row; }
	.modules_rent .proc_write #facilities tbody tr:after	{ content: none; }
	.modules_rent .proc_write #facilities tbody tr th,
	.modules_rent .proc_write #facilities tbody tr td	{ display: table-cell; }
	.modules_rent .proc_write #facilities tfoot	{ display: table-footer-group; }
	.modules_rent .proc_write #facilities tfoot tr	{ display: table-row; }
	.modules_rent .proc_write #facilities tfoot tr:after	{ content: none; }
	.modules_rent .proc_write #facilities tfoot tr th,
	.modules_rent .proc_write #facilities tfoot tr td	{ display: table-cell; }
	
	
	.modules_rent .proc_write ol li input[type="file"],
	.modules_rent .proc_write ol li input[type="text"]	{ width: calc(100% - 4em) !important; min-width: 0 !important; max-width: none !important; }
}





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

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

.modules_rent .proc_list_multi .search form fieldset > label	{ position: absolute; display: block; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_rent .proc_list_multi .search form fieldset select	{ width: auto; min-width: 200px; height: 45px; text-indent: 20px; background: #fff url(../image/arrow.png) no-repeat right center; }
.modules_rent .proc_list_multi .search form fieldset .radiobox	{ display: inline-block; margin: 0 20px 0 50px; }
.modules_rent .proc_list_multi .search form fieldset .radiobox input[type="radio"]	{ width: 20px !important; height: 20px !important; margin: 0; }
.modules_rent .proc_list_multi .search form fieldset .radiobox label	{ margin: 0; }
.modules_rent .proc_list_multi .search form fieldset .radiobox input[type="radio"] + label	{ padding-left: 5px; }
.modules_rent .proc_list_multi .search form fieldset .radiobox label + input[type="radio"]	{ margin-left: 10px; }
.modules_rent .proc_list_multi .search form fieldset button[type="submit"]	{ float: right; min-width: 100px; margin: 0; }
.modules_rent .proc_list_multi .search form fieldset .button	{ float: right; min-width: 100px; margin: 0 0 0 5px; }

.modules_rent .proc_list_multi .calendar	{}
.modules_rent .proc_list_multi .calendar:after	{ display: block; clear: both; content: " "; }
.modules_rent .proc_list_multi .calendar > h3	{ float: left; clear: both; line-height: 2em; padding: 0; margin: 0 0 50px 0; background: none; font-size: 1.5em; color: #1b1b1b; font-weight: bold; }
.modules_rent .proc_list_multi .calendar > h4	{ float: left; clear: none; line-height: 2em; padding: 0; margin: 0 0 50px 0; background: none; font-size: 1.5em; color: #1b1b1b; font-weight: bold; }
.modules_rent .proc_list_multi .calendar > h3 + h4:before	{ display: inline-block; padding: 0 0.5em; font-weight: normal; font-family: serif; content: ">"; }
.modules_rent .proc_list_multi .calendar > h5	{ float: left; clear: none; line-height: 2em; padding: 0; margin: 0 0 50px 0; background: none; font-size: 1.5em; color: #1b1b1b; font-weight: normal; }
.modules_rent .proc_list_multi .calendar > h4 + h5:before	{ display: inline-block; position: static; width: auto; height: auto; padding: 0 0.5em; margin: 0; background: none; font-weight: normal; font-family: serif; content: ":"; }

.modules_rent .proc_list_multi .calendar .select_team	{ clear: both; margin: 0; text-align: right; }

.modules_rent .proc_list_multi .calendar p.month	{ clear: both; line-height: 35px; margin: 50px 0 20px 0; text-align: center; }
.modules_rent .proc_list_multi .calendar p.month a.action_prev_month	{ position: relative; display: inline-block; width: 30px; height: 30px; line-height: 28px; border: 1px solid #1b1b1b; border-radius: 100%; box-sizing: border-box; background-color: #fff; text-align: left; font-family: serif; font-size: 20px; font-weight: 600; text-indent: -999px; overflow: hidden; vertical-align: middle; }
.modules_rent .proc_list_multi .calendar p.month a.action_prev_month:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: "<"; }
.modules_rent .proc_list_multi .calendar p.month a.action_next_month	{ position: relative; display: inline-block; width: 30px; height: 30px; line-height: 28px; border: 1px solid #1b1b1b; border-radius: 100%; box-sizing: border-box; background-color: #fff; text-align: left; font-family: serif; font-size: 20px; font-weight: 600; text-indent: -999px; overflow: hidden; vertical-align: middle; }
.modules_rent .proc_list_multi .calendar p.month a.action_next_month:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ">"; }
.modules_rent .proc_list_multi .calendar p.month a:focus, .modules_rent .proc_list_multi .calendar p.month a:hover, .modules_rent .proc_list_multi .calendar p.month a:active	{ background-color: #666 !important; color: #fff !important; }
.modules_rent .proc_list_multi .calendar p.month strong	{ display: inline-block; margin: 0 1em; font-size: 1.8em; font-weight: bold; color: #1b1b1b; vertical-align: middle; }

.modules_rent .proc_list_multi .calendar p.month select	{ height: 30px; margin-left: 20px; margin-right: 0; box-sizing: border-box; }
.modules_rent .proc_list_multi .calendar p.month select + select	{ margin-left: 0; }
.modules_rent .proc_list_multi .calendar p.month button	{ height: 30px; box-sizing: border-box; }

.modules_rent .proc_list_multi .calendar table	{ margin: 0; border: 0 none !important; }
.modules_rent .proc_list_multi .calendar table thead tr th	{ height: 60px; padding: 0; border: 1px solid #cdcdcd; background: transparent; color: #000; font-weight: normal; font-size: 1em; }
.modules_rent .proc_list_multi .calendar table thead tr th.day_1	{ color: #f00 !important; }
.modules_rent .proc_list_multi .calendar table thead tr th.day_7	{ color: #0056af !important; }
.modules_rent .proc_list_multi .calendar table thead tr th:first-child	{ border-left: 0 none !important; }
.modules_rent .proc_list_multi .calendar table thead tr th:last-child	{ border-right: 0 none !important; }
.modules_rent .proc_list_multi .calendar table tbody tr th	{ height: 30px; line-height: normal; padding: 0; border: 1px solid #cdcdcd !important; border-left: 0 none !important; background: #e0e4e8 !important; font-size: 1em; font-weight: 400; vertical-align: middle; }
.modules_rent .proc_list_multi .calendar table tbody tr td	{ height: 30px; line-height: normal; padding: 0; border: 1px solid #cdcdcd !important; background: transparent !important; font-size: 1em; font-weight: normal; vertical-align: middle; text-align: center; }
.modules_rent .proc_list_multi .calendar table tbody tr td:last-child	{ border-right: 0 none !important; }
.modules_rent .proc_list_multi .calendar table tbody tr td div	{ position: relative; min-height: 30px; }
.modules_rent .proc_list_multi .calendar table tbody tr td div span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_rent .proc_list_multi .calendar table tbody tr td div label	{ display: none; position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_rent .proc_list_multi .calendar table tbody tr td div input	{ display: none; position: absolute; left: 15% !important; top: 15% !important; z-index: 3; width: 70% !important; height: 70% !important; padding: 0; margin: 0; cursor: pointer; }

.modules_rent .proc_list_multi .calendar .status_text	{ margin: 5px 0 20px 0; text-align: left; }
.modules_rent .proc_list_multi .calendar .status_text span	{ display: inline-block; line-height: 25px; font-size: 1em; }
.modules_rent .proc_list_multi .calendar .status_text span:before	{ display: inline-block; width: 25px; height: 25px; margin: 0 0.5em 0 0; border: 1px solid #c8c8c8; box-sizing: border-box; vertical-align: top; content: ""; }

/*
휴무-B, 휴일-H, 마감-E, 예약완료-R, 예약불가-N, 예약가능-Y
*/

.modules_rent .proc_list_multi .calendar table tbody tr td.status_B,
.modules_rent .proc_list_multi .calendar table tbody tr td.status_휴무일,
.modules_rent .proc_list_multi .calendar .status_text span.status_휴무일:before	{ background: #c70100 !important; }
.modules_rent .proc_list_multi .calendar table tbody tr td.status_H,
.modules_rent .proc_list_multi .calendar table tbody tr td.status_휴일,
.modules_rent .proc_list_multi .calendar .status_text span.status_휴일:before	{ background: #c70100 !important; }
.modules_rent .proc_list_multi .calendar table tbody tr td.status_이용불가,
.modules_rent .proc_list_multi .calendar .status_text span.status_이용불가:before	{ background: #fff !important; }
.modules_rent .proc_list_multi .calendar table tbody tr td.status_E,
.modules_rent .proc_list_multi .calendar table tbody tr td.status_마감,
.modules_rent .proc_list_multi .calendar .status_text span.status_마감:before	{ background: #eee !important; }
.modules_rent .proc_list_multi .calendar table tbody tr td.status_N,
.modules_rent .proc_list_multi .calendar table tbody tr td.status_예약불가,
.modules_rent .proc_list_multi .calendar .status_text span.status_예약불가:before	{ background: #fff !important; }
.modules_rent .proc_list_multi .calendar table tbody tr td.status_R,
.modules_rent .proc_list_multi .calendar table tbody tr td.status_예약완료,
.modules_rent .proc_list_multi .calendar .status_text span.status_예약완료:before	{ background: #f5ced0 !important; }
.modules_rent .proc_list_multi .calendar table tbody tr td.status_Y,
.modules_rent .proc_list_multi .calendar table tbody tr td.status_예약가능,
.modules_rent .proc_list_multi .calendar .status_text span.status_예약가능:before	{ background: #c4e7f7 !important; }


.modules_rent .proc_list_multi .calendar .order	{ margin: 30px 0; text-align: center; }
.modules_rent .proc_list_multi .calendar .order > *	{ margin: 0; }
.modules_rent .proc_list_multi .calendar .order > .process_mode_cancel	{ margin-left: 1em; }

.modules_rent .proc_list_multi .calendar .order > .process_mode_select_end,
.modules_rent .proc_list_multi .calendar .order > .process_mode_cancel	{ display: none; }


.modules_rent .proc_list_multi .calendar.selectable table tbody tr td span	{ display: none; }
.modules_rent .proc_list_multi .calendar.selectable table tbody tr td label,
.modules_rent .proc_list_multi .calendar.selectable table tbody tr td input	{ display: inline-block; }

.modules_rent .proc_list_multi .calendar.selectable .order > .process_mode_select	{ display: none; }
.modules_rent .proc_list_multi .calendar.selectable .order > .process_mode_select_end,
.modules_rent .proc_list_multi .calendar.selectable .order > .process_mode_cancel	{ display: inline-block; }


.modules_rent .proc_list_multi .information	{}
.modules_rent .proc_list_multi .information:after	{ display: block; clear: both; content: " "; }

.modules_rent .proc_list_multi .information .image	{ float: left; width: calc(50% - 10px); padding: 10px; margin: 0 0 50px 0; border: 1px solid #c8c8c8; box-sizing: border-box; }
.modules_rent .proc_list_multi .information .image img	{ display: block; max-width: 100%; margin: 0 auto; }
.modules_rent .proc_list_multi .information .detail	{ float: right; width: calc(50% - 10px); margin: 0 0 50px 0; box-sizing: border-box; }


.proc_list_multi .empty	{ clear: both; line-height: 10em; border: 1px solid #c8c8c8; background-color: #fff; text-align: center; font-size: 1.3em; font-weight: bold; }




.modules_rent .proc_list_multi .tab_content	{ margin: 40px 0; }
.modules_rent .proc_list_multi .tab_content ul	{ display: flex; gap: 2px; padding: 0; margin: 0; list-style: none; }
.modules_rent .proc_list_multi .tab_content ul li	{ flex: 1; padding: 0; margin: 0; list-style: none; background: none; }
.modules_rent .proc_list_multi .tab_content ul li a	{ position: relative; display: flex; align-items: center; justify-content: center; height: 60px; border: 1px solid #d5d5d5; border-radius: 10px 10px 0 0; background-color: #fff; font-size: 18px; color: #464646; font-weight: 600; }
.modules_rent .proc_list_multi .tab_content ul li a:focus, .modules_rent .proc_list_multi .tab_content ul li a:hover, .modules_rent .proc_list_multi .tab_content ul li a:active	{ background-color: #666; color: #fff; }
.modules_rent .proc_list_multi .tab_content ul li a.active	{ border-color: #002361; background-color: #002361; color: #fff; font-weight: bolder; }
.modules_rent .proc_list_multi .tab_content ul li a.active:after	{ position: absolute; left: 50%; bottom: -12px; margin-left: -6.5px; border-width: 13px 6px 0 6px; border-style: solid; border-color: #002361 transparent transparent transparent; content: ""; }


@media all and ( max-width: 1023px )
{
	.modules_rent .proc_list_multi .calendar	{ overflow: auto; }
	.modules_rent .proc_list_multi .calendar .table_box	{ width: auto !important; overflow: visible !important; }
	/*
	.modules_rent .proc_list_multi .calendar .table_box:before	{ display: block; line-height: 30px; color: #3f97d0; content: "* 좌우로 이동하여 표 내용을 보실 수 있습니다."; }
	*/
	.modules_rent .proc_list_multi .calendar table	{ width: 950px; }
}

@media all and ( max-width: 960px )
{
	.modules_rent .proc_list_multi .calendar .table_box	{ position: relative; width: 100% !important; padding-bottom: 30px; box-sizing: border-box; overflow-x: scroll !important; }
	.modules_rent .proc_list_multi .calendar .table_box:before	{ display: block; line-height: 2em; color: #104790; content: "※ 좌우 스크롤로 달력 내용을 더 볼 수 있습니다."; }
}

@media all and ( max-width: 768px )
{
	.modules_rent .proc_list_multi .search form fieldset > *	{ float: left; line-height: 45px; }
	.modules_rent .proc_list_multi .search form fieldset > * + *	{ margin-left: 10px; }
	.modules_rent .proc_list_multi .search form fieldset .radiobox	{ display: block; clear: both; margin: 0 10px; }
	.modules_rent .proc_list_multi .search form fieldset button > span	{ display: block; line-height: 1em; }
	
	.modules_rent .proc_list_multi .calendar .table_box	{ width: 100% !important; padding-bottom: 30px; box-sizing: border-box; overflow-x: scroll !important; }
	.modules_rent .proc_list_multi .calendar .status_text span	{ margin-bottom: 5px; }

	.modules_rent .proc_list_multi .information .image	{ float: none; width: auto; margin: 0 0 30px 0; }
	.modules_rent .proc_list_multi .information .detail	{ float: none; width: auto; margin: 0 0 30px 0; }
}

@media all and ( max-width: 550px )
{
	.modules_rent .proc_list_multi .calendar p.month .select_date_box	{ display: block; margin: 10px 0 0 0; }
	.modules_rent .proc_list_multi .calendar p.month select	{ margin-left: 0; }
}



.modules_rent .proc_mylist .search	{ padding: 10px 15px; margin: 0 0 50px 0; border: 1px solid #c8c8c8; background-color: #fafafa; }
.modules_rent .proc_mylist .search p	{ line-height: 50px; margin: 0; }
.modules_rent .proc_mylist .search p .input_box	{ display: inline-block; white-space: nowrap; }
.modules_rent .proc_mylist .search p .input_box + .input_box	{ margin-left: 10px; }
.modules_rent .proc_mylist .search p .input_box > *	{ margin: 0; }
.modules_rent .proc_mylist .search p .input_box label	{ display: inline-block; min-width: 3.5em; }
.modules_rent .proc_mylist .search p.order	{ padding: 0 0 5px 0; margin: 0; text-align: right; }
.modules_rent .proc_mylist .search p.order > *	{ margin: 0; }






.modules_rent .proc_search	{}
.modules_rent .proc_search .search	{ margin-bottom: 70px; font-size: 1.125rem; }
.modules_rent .proc_search .search form	{ padding: 50px 65px; border-radius: 50px; background-color: #dbe8f4; }
.modules_rent .proc_search .search form fieldset 	{ display: flex; flex-wrap: wrap; gap: 26px 33px; }
.modules_rent .proc_search .search form fieldset:after	{ content: none; }
.modules_rent .proc_search .search form fieldset .input_box	{ flex: 1 1 45%; display: flex; }
.modules_rent .proc_search .search form fieldset .input_box.full	{ flex: 1 1 100%; }
.modules_rent .proc_search .search form fieldset .input_box.submit	{ gap: 20px; }
.modules_rent .proc_search .search form fieldset .input_box label	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_rent .proc_search .search form fieldset .input_box select	{ flex: 1; max-width: 100%; height: 50px; padding-left: 27px; margin: 0; border: 1px solid #a3aeb9; border-radius: 10px; background-color: #fff; }
.modules_rent .proc_search .search form fieldset .input_box input[type="text"]	{ flex: 1; max-width: 100%; height: 50px; padding-left: 27px; margin: 0; border: 2px solid #1e1e1e; border-radius: 10px; background-color: #fff; }
.modules_rent .proc_search .search form fieldset .input_box button[type="submit"]	{ flex: 0 1 135px; max-width: 100%; height: 50px; margin: 0; border: 0 none; border-radius: 10px; background-color: #004383; color: #fff; font-weight: normal; }
.modules_rent .proc_search .search form fieldset .input_box .reset	{ flex: 0 1 135px; display: flex; align-items: center; justify-content: center; height: 50px; margin: 0; border: 0 none; border-radius: 10px; background-color: #666; color: #fff; font-weight: normal; }

.modules_rent .proc_search .search form fieldset .input_box.radiobutton	{ display: flex; flex-wrap: wrap; gap: 5px 0; }
.modules_rent .proc_search .search form fieldset .input_box.radiobutton span	{ flex: 0 1 calc(100% / 7); display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.modules_rent .proc_search .search form fieldset .input_box.radiobutton span input[type="radio"]	{ width: 20px !important; height: 20px !important; margin: 0; }
.modules_rent .proc_search .search form fieldset .input_box.radiobutton span label	{ position: static; width: auto; height: auto; margin: 0; font-size: inherit; overflow: visible; }
.modules_rent .proc_search .search form fieldset .input_box.radiobutton span input[type="radio"]:checked + label	{ color: #0d51a4; font-weight: 600; }


.modules_rent .proc_search .count	{ margin-bottom: 10px; font-size: 18px; }
.modules_rent .proc_search .count strong	{ color: #de6f00; font-weight: bolder; }


.modules_rent .proc_search .list	{ padding: 44px 0 0 0; margin: 0 0 65px 0; border-top: 2px solid #1f1f1f; }
.modules_rent .proc_search .list ul	{ display: flex; flex-wrap: wrap; gap: 48px 26px; padding: 0; margin: 0; list-style: none; }
.modules_rent .proc_search .list ul li	{ flex: 0 1 calc((100% - 26px * 3) / 4); padding: 0; margin: 0; list-style: none; background: none; overflow: hidden; }
.modules_rent .proc_search .list ul li a	{ display: block; height: 100%; border: 1px solid #c7c7c7; border-radius: 12px; background-color: #fff; overflow: hidden; color: #252525; }
.modules_rent .proc_search .list ul li a br	{ display: none; }
.modules_rent .proc_search .list ul li a .image	{ display: block; width: 100%; aspect-ratio: 298 / 198; transition-duration: .3s; }
.modules_rent .proc_search .list ul li a .image img	{ display: block; width: 100%; height: 100%; object-fit: cover; }
.modules_rent .proc_search .list ul li a .center	{ display: block; line-height: 1; padding: 11px 30px 0 30px; color: #0d51a4; font-size: 14px; font-weight: normal; }
.modules_rent .proc_search .list ul li a .name	{ display: block; line-height: 48px; padding: 0 30px 0 30px; color: #252525; font-size: 20px; font-weight: bolder; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modules_rent .proc_search .list ul li a dl	{ display: flex; flex-wrap: wrap; line-height: 1.2; padding: 0 30px; margin: 0; list-style: none; }
.modules_rent .proc_search .list ul li a dl dt	{ position: relative; padding: 0 40px 0 0; margin: 0; list-style: none; }
.modules_rent .proc_search .list ul li a dl dt:after	{ position: absolute; right: 20px; top: 2px; width: 1px; height: 15px; background-color: #252525; content: ""; }
.modules_rent .proc_search .list ul li a dl dd	{ flex: 1; padding: 0; margin: 0; list-style: none; }
.modules_rent .proc_search .list ul li a dl dd.linebreak	{ flex: 1 1 100%; height: 10px; }
.modules_rent .proc_search .list ul li a em	{ display: flex; align-items: center; justify-content: center; width: 150px; max-width: calc(100% - 30px); height: 42px; margin: 25px auto 22px; border-radius: 42px; background-color: #ff7054; color: #fff; font-size: 14px; font-weight: bold; }
.modules_rent .proc_search .list ul li a em.stop	{ background-color: #666; color: #fff; }
.modules_rent .proc_search .list ul li a em.reserve_no	{ background-color: #4a9f00; color: #fff; }
.modules_rent .proc_search .list ul li a:focus, .modules_rent .proc_search .list ul li a:hover, .modules_rent .proc_search .list ul li a:active	{ border-color: #aaa; background-color: #fafafa; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.3); }
.modules_rent .proc_search .list ul li a:focus .image img, .modules_rent .proc_search .list ul li a:hover .image img, .modules_rent .proc_search .list ul li a:active .image img	{ transform: scale(1.05); }







.modules_rent .payment_discount_area	{}
.modules_rent .payment_discount_area input,
.modules_rent .payment_discount_area button	{ margin: 0; }
.modules_rent .payment_discount_area .payment_discount_option	{}
.modules_rent .payment_discount_area .payment_discount_member	{}
.modules_rent .payment_discount_area .payment_discount_member dl	{ display: flex; flex-wrap: wrap; padding: 0; margin: 20px 0 0 0; list-style: none; }
.modules_rent .payment_discount_area .payment_discount_member dl dt	{ flex: 0 1 30%; display: flex; align-items: center; gap: 10px; line-height: 1.2; padding: 5px 0; margin: 0; list-style: none; font-weight: bold; }
.modules_rent .payment_discount_area .payment_discount_member dl dt em	{ font-style: normal; color: red; }
.modules_rent .payment_discount_area .payment_discount_member dl dd	{ flex: 0 1 70%; display: flex; align-items: center; gap: 10px; line-height: 1.2; padding: 5px 0; margin: 0; list-style: none; }
.modules_rent .payment_discount_area .payment_discount_member dl dd input.discount_member_name	{ width: 150px; }
.modules_rent .payment_discount_area .payment_discount_member dl dd input.discount_member_birthday	{ width: 150px; }







@media all and ( max-width: 1024px )
{
	.modules_rent .proc_search .search form	{ padding: 25px 30px; border-radius: 25px; }
}

@media all and ( max-width: 768px )
{
	.modules_rent .proc_search .list ul	{ gap: 10px; }
	.modules_rent .proc_search .list ul li	{ flex: 0 1 calc((100% - 10px) / 2); }
	
	
	.modules_rent .payment_discount_area .payment_discount_option	{ display: flex; flex-wrap: wrap; gap: 10px; }
	.modules_rent .payment_discount_area .payment_discount_option select	{ flex: 1 1 auto; }
	.modules_rent .payment_discount_area .payment_discount_option button	{ flex: 1 1 100px; }
	
	.modules_rent .payment_discount_area .payment_discount_member dl dt,
	.modules_rent .payment_discount_area .payment_discount_member dl dd	{ flex: 1 1 100%; flex-wrap: wrap; }
	.modules_rent .payment_discount_area .payment_discount_member dl dd + dt	{ border-top: 1px dashed #eee; }
	.modules_rent .payment_discount_area .payment_discount_member dl dd > *	{ flex: 1 1 auto !important; }
	
	.modules_rent .proc_write #sum_total_amount em	{ flex: 1 1 100%; justify-content: flex-start; }
	.modules_rent .proc_write #sum_total_amount em:after	{ content: none; }
	.modules_rent .proc_write #sum_total_amount span	{ flex: 1 1 100%; padding-left: 1em; }
	.modules_rent .proc_write #sum_total_amount span.sum	{ padding-top: 0; border-top: 0 none; }
}

@media all and ( max-width: 425px )
{
	.modules_rent .proc_search .search form	{ padding: 10px; border-radius: 10px; }
	.modules_rent .proc_search .search form fieldset	{ gap: 10px; }
	.modules_rent .proc_search .search form fieldset .input_box	{ flex: 1 1 100%; }
	.modules_rent .proc_search .search form fieldset .input_box.radiobutton	{ gap: 5px 10px; }
	.modules_rent .proc_search .search form fieldset .input_box.submit	{ flex-wrap: wrap; gap: 10px; }
	.modules_rent .proc_search .search form fieldset .input_box input[type="text"],
	.modules_rent .proc_search .search form fieldset .input_box button[type="submit"]	{ flex: 1 1 100%; }
	
	.modules_rent .proc_search .list ul li	{ flex: 1 1 100%; }
	
	.modules_rent .proc_list_multi .tab_content ul li	{ flex: auto; }
	.modules_rent .proc_list_multi .tab_content ul li a	{ line-height: 1.1; padding: 0 5px; font-size: 16px; }
	
	.modules_rent .proc_search .count	{ font-size: 14px; }
}