@charset "UTF-8";


.modules_reserve .proc_calendar	{}

.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 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; vertical-align: top; }
.modules_reserve .proc_calendar table tbody td .day	{ display: block; text-align: left; font-weight: 600; }
.modules_reserve .proc_calendar table tbody td em	{ 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: #00f; }

.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: #1e57a1 !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.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.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 .search	{ clear: both; padding: 10px 20px; background-color: #f5f5f5; }
.modules_reserve .search p	{ margin: 0; text-align: right; }


@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 table	{ table-layout: fixed; clear: both; width: 100%; margin: 20px 0; border-collapse: collapse; border-width: 2px 0 0 0; border-style: solid; border-color: #4075bd transparent transparent transparent; }
.modules_reserve table caption	{ width: 0; height: 0; line-height: 0; /*visibility: hidden;*/ overflow: hidden; font-size: 0; }
.modules_reserve table thead tr	{border-bottom:1px solid #dedee1;}
.modules_reserve table thead th	{padding:15px 0; border-right:1px solid #dedee1; font-size:17px; font-weight:700; background:#fbfbfb; line-height:20px;}
.modules_reserve table tbody tr	{border-bottom:1px solid #dedee1;}
.modules_reserve table tbody th	{padding:15px 0; border-right:1px solid #dedee1; font-size:17px; font-weight:700; background:#fbfbfb; line-height:20px;}
.modules_reserve table tbody td	{padding:15px; border-right:1px solid #dedee1; font-size:17px; box-sizing:border-box; color:#5e5e5e; line-height:25px; }
.modules_reserve table tbody td:last-child	{ border-right: 0 none; }
.modules_reserve table tbody td.modules_reserve table-empty,
.modules_reserve table tbody td.empty	{ padding: 50px 0 !important; text-align: center; background-color: #fff !important; }
.modules_reserve table.over tbody tr:focus, .modules_reserve table.over tbody tr:hover, .modules_reserve table.over tbody tr:active	{ background-color: #fafafa; background-color:rgba(0, 0, 0, 0.05); }
.modules_reserve table tfoot th,
.modules_reserve 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; text-align: left; }
.modules_reserve table tfoot th	{ background-color: #f0f0f0; }
.modules_reserve table input[type="radio"],
.modules_reserve table input[type="checkbox"]	{ width: auto; height: auto; }
.modules_reserve table input[name="reserve_no"]	{ width: 30px; height: 30px; }


.modules_reserve .proc_check table.no_thead	{ table-layout: fixed; clear: both; width: 100%; margin: 20px 0; border-collapse: collapse; border-width: 2px 0 0 0; border-style: solid; border-color: #4075bd transparent transparent transparent; }
.modules_reserve .proc_check table.no_thead caption	{ width: 0; height: 0; line-height: 0; /*visibility: hidden;*/ overflow: hidden; font-size: 0; }
.modules_reserve .proc_check table.no_thead tbody tr	{border-bottom:1px solid #dedee1;}
.modules_reserve .proc_check table.no_thead tbody th	{padding:15px 0; border-right:1px solid #dedee1; font-size:17px; font-weight:700; background:#fbfbfb; line-height:20px;}
.modules_reserve .proc_check table.no_thead tbody td	{padding:15px; border-right:1px solid #dedee1; font-size:17px; box-sizing:border-box; color:#5e5e5e; line-height:25px; text-align: left; }
.modules_reserve .proc_check table.no_thead tbody td..modules_reserve .proc_check table.no_thead-empty,
.modules_reserve .proc_check table.no_thead tbody td.empty	{ padding: 50px 0 !important; text-align: center; background-color: #fff !important; }
.modules_reserve .proc_check table.no_thead.over tbody tr:focus, .modules_reserve .proc_check table.no_thead.over tbody tr:hover, .modules_reserve .proc_check table.no_thead.over tbody tr:active	{ background-color: #fafafa; background-color:rgba(0, 0, 0, 0.05); }
.modules_reserve .proc_check table.no_thead tfoot th,
.modules_reserve .proc_check table.no_thead 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; text-align: left; }
.modules_reserve .proc_check table.no_thead tfoot th	{ background-color: #f0f0f0; }

.modules_reserve .proc_check table.no_thead input[type="checkbox"]	{ width: auto; height: auto; }
.modules_reserve .proc_check table.no_thead input[type="text"]	{ margin-right: 5px; }
.modules_reserve .proc_check table.no_thead textarea	{ width: 100%; height: 5em; } 

.max_reserve_member	{ display: inline-block; font-size: 1.1em; margin-bottom: 10px; }
.max_reserve_member em	{ font-style: normal; color: #1e57a1; }

@media all and (max-width:900px)
{
	.modules_reserve .proc_check table.no_thead colgroup col:first-child	{ width: 120px !important; }
	
	.modules_reserve table tbody tr	{ border: 0 none; }
	.modules_reserve table tbody td	{ white-space: normal !important; }
	.modules_reserve table tbody td:last-child	{ border-right: 1px solid #d9d9d9; }
	.modules_reserve .proc_calendar table tbody td span.break_name	{ text-align: left; }
	
	.modules_reserve .proc_check table.no_thead input	{ width: 95% !important; }
}





.modules_reserve .count	{ margin-top: 40px; }
.modules_reserve select	{ width: auto; height: 30px; padding-right: 25px; background: #fff url(/common/image/arrow.png) no-repeat right center;; }