@charset "UTF-8";


.modules_reserve .messagebox strong	{ display: inline-block; padding-bottom: 20px; font-size: 1.1em; }

.modules_reserve .button	{ height: 50px; line-height: 50px; padding: 0 20px; border-radius: 0; font-size: 1em; }
.modules_reserve button.button	{ line-height: normal; }
.modules_reserve table .button	{ height: 35px; line-height: 35px; }
.modules_reserve table button.button	{ line-height: normal; }
.modules_reserve form .order .button	{ width: 200px; margin: 0 10px; text-align: center; }



.modules_reserve .proc_calendar	{}
.modules_reserve .proc_calendar:after	{ display: block; clear: both; content: ""; }

.modules_reserve .proc_calendar p.month	{ margin: 30px 0 5px 0; text-align: center; font-size: 20px; color: #000; }
.modules_reserve .proc_calendar p.month strong	{ display: inline-block; line-height: 37px; padding: 0 50px; }
.modules_reserve .proc_calendar p.month .button	{ height: 35px; line-height: 35px; font-size: 0.8em; }


.modules_reserve .proc_calendar table	{ border: 1px solid #d9d9d9; }
.modules_reserve .proc_calendar table thead th	{ line-height: 25px; padding: 6px 10px 4px; border: 1px solid #d9d9d9; border-top: 1px solid #4d5360; border-bottom: 1px solid #aaa; color: #000; font-size: 14px; font-weight: 400; background: #f5f7fd; }
.modules_reserve .proc_calendar table tbody td	{ min-height: 80px; padding: 6px 10px 4px; border: 1px solid #d9d9d9; text-align: left; }
.modules_reserve .proc_calendar table tbody td .day	{ display: block; text-align: left; font-weight: 600; }
.modules_reserve .proc_calendar table tbody td em	{ display: inline-block; min-width: 60px; text-align: right; color: #000; font-weight: normal; font-weight: 600; }

.modules_reserve .proc_calendar table thead th.day_1,
.modules_reserve .proc_calendar table tbody td.day_1 .day	{ color: #f00; }
.modules_reserve .proc_calendar table thead th.day_7,
.modules_reserve .proc_calendar table tbody td.day_7 .day	{ color: #0056af; }
.modules_reserve .proc_calendar table tbody td.days	{ vertical-align: top; }

.modules_reserve .proc_calendar table tbody td span.break_name	{ display: block; text-align: center; font-weight: 600; }
.modules_reserve .proc_calendar table tbody td span.break_type_B	{ color: #00f; }
.modules_reserve .proc_calendar table tbody td span.break_type_R	{ color: #f00; }
.modules_reserve .proc_calendar table tbody td span.break_type_N	{ color: #f00; }


.modules_reserve .proc_calendar table tbody tr td a,
.modules_reserve .proc_calendar table tbody tr td a em	{ font-weight: normal !important; color: #0056af !important; }
.modules_reserve .proc_calendar table tbody tr td a:focus, .modules_reserve .proc_calendar table tbody tr td a:hover, .modules_reserve .proc_calendar table tbody tr td a:active	{ background-color: #666; color: #fff !important; }
.modules_reserve .proc_calendar table tbody tr td a:focus em, .modules_reserve .proc_calendar table tbody tr td a:hover em, .modules_reserve .proc_calendar table tbody tr td a:active em	{ color: #fff !important; }
.modules_reserve .proc_calendar table tbody tr td a em:before	{ display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-top: -1px; margin-right: 5px; text-align: center; background-color: #666; color: #fff; font-size: 0.8em; font-weight: normal; vertical-align: middle; content: "-"; }
.modules_reserve .proc_calendar table tbody tr td a.enable em:before	{ background-color: #0056af; color: #fff; content: "예"; }
.modules_reserve .proc_calendar table tbody tr td a.disabled,
.modules_reserve .proc_calendar table tbody tr td a.disabled em	{ font-weight: normal !important; color: #666 !important; text-decoration: none !important; background-color: transparent !important; }
.modules_reserve .proc_calendar table tbody tr td a.disabled em:before	{ background-color: #666; color: #fff; content: "불"; }
.modules_reserve .proc_calendar table tbody tr td a.end,
.modules_reserve .proc_calendar table tbody tr td a.end em	{ font-weight: normal !important; color: #f00 !important; text-decoration: none !important; background-color: transparent !important; }
.modules_reserve .proc_calendar table tbody tr td a.end em:before	{ background-color: #f00; color: #fff; content: "완"; }


.modules_reserve .search	{ clear: both; padding: 10px 20px; background-color: #f5f5f5; }
.modules_reserve .search p	{ margin: 0; text-align: right; }



.modules_reserve .calendar_box	{ position: relative; border: 1px solid #d3d3d3; box-sizing: border-box; }
.modules_reserve .calendar_box:before	{ position: absolute; left: 50%; width: 1px; height: 100%; margin-left: -1px; background-color: #d3d3d3; content: ""; }
.modules_reserve .calendar_box:after	{ display: block; clear: both; content: ""; }

.modules_reserve .calendar_left	{ float: left; width: 50%; padding: 19px 29px 29px 29px; box-sizing: border-box; }
.modules_reserve .calendar_left table	{ border: 0 none; }
.modules_reserve .calendar_left table thead tr th	{ padding: 10px 0; background-color: #fafafa; font-size: inherit; font-weight: 700; }
.modules_reserve .calendar_left table tr > *:first-child	{ border-left: 0 none !important; }
.modules_reserve .calendar_left table tr > *:last-child	{ border-right: 0 none !important; }
.modules_reserve .calendar_left table tbody tr td	{ line-height: 24px; padding: 0; text-align: center; }
.modules_reserve .calendar_left table tbody tr td.prev_month,
.modules_reserve .calendar_left table tbody tr td.next_month	{ background-color: #f5f4f2; }
.modules_reserve .calendar_left table tbody tr td a	{ display: block; }
.modules_reserve .calendar_left table tbody tr td a:focus, .modules_reserve .calendar_left table tbody tr td a:hover, .modules_reserve .calendar_left table tbody tr td a:active	{ background-color: #f0f0f0 !important; color: inherit !important; }
.modules_reserve .calendar_left table tbody tr td strong.day	{ display: inline-block; padding-top: 2px; text-align: center; color: #4c4c4c; }
.modules_reserve .calendar_left table tbody tr td span	{ font-size: 13px; }
.modules_reserve .calendar_left table tbody tr td span.is_reserve_Y		{ color: #2e3192 !important; }
.modules_reserve .calendar_left table tbody tr td span.is_reserve_N		{ color: #555 !important; }
.modules_reserve .calendar_left table tbody tr td span.is_reserve_E		{ color: #555 !important; }

.modules_reserve .calendar_left table tbody tr td.active,
.modules_reserve .calendar_left table tbody tr td.active a,
.modules_reserve .calendar_left table tbody tr td a.active	{ background-color: #dcf1ff !important; }


.modules_reserve .calendar_right	{ float: left; width: 50%; padding: 19px 29px 29px 29px; box-sizing: border-box; }
.modules_reserve .calendar_right table	{ border: 0 none; }
.modules_reserve .calendar_right table thead tr th	{ padding: 10px 0; background-color: #fafafa; font-size: inherit; font-weight: 700; }
.modules_reserve .calendar_right table tr > *:first-child	{ border-left: 0 none !important; }
.modules_reserve .calendar_right table tr > *:last-child	{ border-right: 0 none !important; }
.modules_reserve .calendar_right table tbody tr td	{ padding: 15px 5px; text-align: center; }
.modules_reserve .calendar_right table tbody tr td.empty	{ line-height: 100px; padding: 0; text-align: center; }

.modules_reserve .calendar_right table tbody tr td input	{ margin: 0; }


.modules_reserve .calendar_order	{ margin: 30px 0; text-align: right; }
.modules_reserve .calendar_order button	{ border: 0 none; background-color: #104790; color: #fff; }





@media all and (max-width: 900px)
{
	.modules_reserve .proc_calendar p.month:after	{ display: block; clear: both; content: ""; }
	.modules_reserve .proc_calendar p.month strong	{ padding: 0; }
	.modules_reserve .proc_calendar p.month .action_prev_month	{ float: left; }
	.modules_reserve .proc_calendar p.month .action_next_month	{ float: right; }
	
/*
	.modules_reserve .proc_calendar table	{ display: block; border: 0 none; }
	.modules_reserve .proc_calendar table colgroup col	{ display: none; }
	.modules_reserve .proc_calendar table thead	{ display: none; }
	.modules_reserve .proc_calendar table tbody	{ display: block; }
	.modules_reserve .proc_calendar table tbody tr	{ display: block; }
	.modules_reserve .proc_calendar table tbody tr td	{ position: relative; display: block; padding-left: 100px; margin-bottom: -1px; }
	.modules_reserve .proc_calendar table tbody tr td.prev_month,
	.modules_reserve .proc_calendar table tbody tr td.next_month	{ display: none; }
	
	.modules_reserve .proc_calendar table tbody tr td .day	{ position: absolute; left: 0; top: 0; width: 80px; height: 100%; line-height: 40px; text-align: center; background-color: #fafafa; }
	.modules_reserve .proc_calendar table tbody tr td .day:after	{}
	.modules_reserve .proc_calendar table tbody td span.break_name	{ line-height: 30px; }
	
	.modules_reserve .proc_calendar table tbody tr td.day_1 .day:after	{ content: "일(일)"; }
	.modules_reserve .proc_calendar table tbody tr td.day_2 .day:after	{ content: "일(월)"; }
	.modules_reserve .proc_calendar table tbody tr td.day_3 .day:after	{ content: "일(화)"; }
	.modules_reserve .proc_calendar table tbody tr td.day_4 .day:after	{ content: "일(수)"; }
	.modules_reserve .proc_calendar table tbody tr td.day_5 .day:after	{ content: "일(목)"; }
	.modules_reserve .proc_calendar table tbody tr td.day_6 .day:after	{ content: "일(금)"; }
	.modules_reserve .proc_calendar table tbody tr td.day_7 .day:after	{ content: "일(토)"; }
	
	
	
	.proc_check_list .list	{ overflow: auto; }
	.proc_check_list .list:before	{ display: block; line-height: 30px; content: "* 좌우로 이동하여 표 내용을 보실 수 있습니다."; color: #3f97d0; }
	.proc_check_list .list table	{ width: 800px; }
*/


	.modules_reserve .calendar_box	{ border: 0 none; }
	.modules_reserve .calendar_box:before	{ content: none; }
	.modules_reserve .calendar_left	{ float: none; width: auto; padding: 0; }
	.modules_reserve .calendar_right	{ float: none; width: auto; padding: 0; }
	
	.modules_reserve .calendar_order button	{ display: block; width: 100% !important; margin: 0; }
}






.modules_reserve .proc_write table tbody tr th,
.modules_reserve .proc_write table tbody tr td	{ line-height: 40px; padding: 7px 5px; }
.modules_reserve .proc_write table tbody tr td input[type="text"],
.modules_reserve .proc_write table tbody tr td select	{ height: 35px; font-size: 1em; padding-left: 10px; box-sizing: border-box; }
.modules_reserve .proc_write table tbody tr td select	{ width: 100%; }
.modules_reserve .proc_write table tfoot tr th,
.modules_reserve .proc_write table tfoot tr td	{ border-width: 1px !important; }
.modules_reserve .proc_write table tfoot tr td	{ background-color: #fff; }

.modules_reserve .proc_write .member_count	{ font-size: 1.1em; color: #2758a5; font-weight: 600; }

.modules_reserve .proc_write .apply_agree	{ max-height: 200px; min-height: 50px; padding: 10px; border: 1px solid #dddee0; background-color: #fafafa; overflow: auto; }

.modules_reserve .proc_write p.order	{ margin-top: 50px; }

@media all and (max-width: 900px)
{
	.modules_reserve .proc_write .order:after	{ display: block; clear: both; content: ""; }
	.modules_reserve .proc_write .order .button	{ float: left; width: 50% !important; margin: 0; box-sizing: border-box; }
	.modules_reserve .proc_write .order .button.full	{ width: 100% !important; }
	.modules_reserve .proc_write .order .button.three	{ width: 33.33% !important; }
}

@media all and (max-width: 700px)
{
	.modules_reserve .proc_write table colgroup col:first-child	{ width: 130px !important; }
	.modules_reserve .proc_write form input[type="text"]	{ width: 100%; }
	
	.modules_reserve .proc_write form .address	{ position: relative; padding-top: 40px; }
	.modules_reserve .proc_write form .address .space	{ display: none; }
	.modules_reserve .proc_write form .process_address_search	{ position: absolute; left: 0; top: 0; width: 100% !important; }
}







.modules_reserve .proc_check_list select	{ height: 35px; padding-left: 10px; }
.modules_reserve .proc_check_list .button.small	{ height: 35px; line-height: 33px; }
.modules_reserve .proc_check_list .button.action_cancel	{ width: 100%; padding: 0; margin: 0; box-sizing: border-box; }


.modules_reserve .proc_check_list.perm_admin	{ font-size: 16px; }
.modules_reserve .proc_check_list.perm_admin .button.small	{ height: 35px; line-height: 35px; }



.modules_reserve .proc_check_list div.table_box table	{ min-width: 1000px; }




.reserved_info	{ min-width: 300px; padding: 10px; border: 1px solid #666; background-color: #fff; }
.reserved_info.layer	{ position: absolute; z-index: 9999; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); border-radius: 3px; }
.reserved_info > strong	{ display: block; line-height: 40px; padding-bottom: 10px; font-size: 1.2em; font-weight: 600; text-align: center; }
.reserved_info > button.close	{ position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; padding: 0; margin: 0; border: 0 none; background-color: transparent; color: #666; font-size: 1.4em; font-weight: lighter; font-family: serif; }
.reserved_info p.box	{ padding: 10px; margin: 0; border: 1px solid #333; background-color: #666; color: #fff; text-align: center; }
.reserved_info p.box em	{ font-style: normal; font-weight: 600; }
.reserved_info .list	{ min-height: 150px; }
.reserved_info .list.empty	{ line-height: 150px; text-align: center; }
.reserved_info .list ul	{ padding: 20px 0; margin: 0; list-style: none; }
.reserved_info .list ul li	{ position: relative; line-height: 25px; padding: 5px 0; margin: 0; list-style: none; }
.reserved_info .list ul li:after	{ display: block; clear: both; content: ""; }
.reserved_info .list ul li em	{ float: left; display: inline-block; line-height: 25px; padding: 0 10px; margin: 0 10px 0 0; color: #fff; background-color: #666; text-align: center; font-style: normal; font-weight: lighter; font-size: 0.8em; vertical-align: middle; }
.reserved_info .list ul li em.state_R	{ background-color: #888; }
.reserved_info .list ul li em.state_Y	{ background-color: #0056af; }
.reserved_info .list ul li em.state_N	{ background-color: #F00; }
.reserved_info .list ul li em.state_C	{ background-color: #F00; }
.reserved_info .list ul li span.members	{ float: right; vertical-align: middle; font-weight: 600; }
.reserved_info .order	{ padding: 10px 0 0 0; margin: 0; }
.reserved_info .order button	{ height: 40px; padding: 0 20px; margin: 0 10px; background-color: #f0f0f0; color: #333; font-size: 1em; font-weight: normal; }
.reserved_info .order button.apply	{ background-color: #104790; color: #fff; border: 0 none; }