@charset "utf-8";
#ui-datepicker-div {display:none;}
.ul_select li {width:50% !important;}

@media(max-width:767px){
/*	header #headlogo {left:3;}*/

	.ui-datepicker {width:100%;}

	.ui-datepicker td span, .ui-datepicker td a {padding:14px 0;}

	#reservation .time_select {width:100%; height:290px; margin:0;}

	#reservation .time_info {width:100%; padding: 10px 0;}
	#reservation .time_info .mobile_info {width:25%;}

	#reservation .confirm_form {width:100%;}
	#reservation .confirm_mobile {width:25%;}
	#reservation .confirm_form td .input2 {width:31%;}

	#reservation .reserve_wrap .button_wrap .button_reset, #reservation .reserve_wrap .button_wrap .button_submit {width:50%;}

	#reservation p {font-size:12px; margin:10px 0 0 0;}

	#reservation .reserve_table td .input2 {margin:0;}
	.reserve_table.mobile_off {display:none;}
	.reserve_table.mobile_on {display:block;}

	#qna table .mobile_size {width:30%;}
	#qna table th, #qna table td {padding:15px 10px;}
	#qna table td .qna_input2 {width:100%;}
	#qna table td .qna_input1 {widtH:100%;}
	#qna table td .qna_input3 {width:28%; background:none;}
	#qna table td .fileName {width:53% !important;}
	#qna .button_wrap .button_reset, #qna .button_wrap .button_submit {width:30%; margin:0;}

	#qna table td label {font-size:13px;}
	#qna table td span.red_dot::before {margin:0 4px 0 0;}
	#qna table td span {font-size:12px;}
}

@media(min-width:768px){
	.reserve_table.mobile_off {display:block;}
	.reserve_table.mobile_on {display:none;}

	header .header_button .header_left, header .header_button .header_right {width:48.8%;}
	header .header_button ul li {width:24%;}

	#location {width:740px;}
	#location .locationmenu > a {width:calc(680px/3); height:60px;}
	#location .locationmenu ul {width:calc(680px/3);}
	#location .exlocation .locationmenu > a {width:calc(680px/2);}
	#location .exlocation .locationmenu ul {width:calc(680px/2);}

	.ui-datepicker {width:593px; height:auto;}
	.ui-datepicker td span, .ui-datepicker td a {padding:14px 0;}

	#reservation .time_select {width:16%; margin:0 0 0 28px;}

	#reservation .time_info {width: 60%; padding: 20px 0;}
	#reservation .time_info .mobile_info {width:20%;}

	#reservation .reserve_table th, #reservation .reserve_table td {font-size:14px;}
	#reservation .reserve_table td .input1 {height:40px;}

	#reservation .reserve_table td .input2 {width:32%; height:40px; margin:0;}
	#reservation p {font-size:12px;}

	#reservation .confirm_form {width:67%;}
	#reservation .confirm_mobile {width:15%;}
	#reservation .confirm_form td .input2 {margin:0;}

	#qna table .mobile_size {width:20%;}
	#qna table td .qna_input3 {width:161px;}
	#qna table td span.red_dot::before {margin:0 4px 0 69px;}
	#qna table td span.pwd {display:block;}
}

@media(min-width:992px){
	header .header_button ul li {width:22%;}

	#location {width:940px;}
	#location .locationmenu > a {width: calc(880px/3);}
	#location .locationmenu ul {width:calc(880px/3);}
	#location .exlocation .locationmenu > a, #location .exlocation .locationmenu ul {width: calc(880px/2);}

	.ui-datepicker {width:376px; height:306px;}
	.ui-datepicker td span, .ui-datepicker td a {padding:14px 18px;}
	#reservation .time_select {width:13%; margin:0 28px;}
	#reservation .time_info {width:40%; padding:10px 0;}

	#reservation .reserve_table td .input2 {width:30.9%;}
	#reservation .reserve_table td .input3 {height:480px;}

	#reservation .confirm_form {width:50%;}
	#reservation .confirm_form td .input2 {width:31.8%; margin:0 4px 0 0;}

	#reservation .reserve_table th, #reservation .reserve_table td {font-size:16px;}
	#reservation .reserve_table td .input1 {height:50px;}

	#reservation .reserve_table td .input2 {width:30.24%; height:50px; margin:0 5px 0 0;}
	#reservation p {font-size:14px;}

	#qna table td .qna_input3 {width:190px;}
	#qna table td span.red_dot::before {margin:0 4px 0 160px;}
	#qna table td span.pwd {display:inline;}
}

@media(min-width:1500px){
	header .header_button .header_left, header .header_button .header_right {width:49.8%;}
	header .header_button ul li {width:18%;}

	#location {width:1200px;}
	#location .locationmenu > a {width:380px;}
	#location .locationmenu ul {width:380px;}

	.ui-datepicker {width:484px;}
	.ui-datepicker td span, .ui-datepicker td a {padding:14px 24px;}
	#reservation .time_select {width:16%;}
	#reservation .time_info {width:35%; padding:0 20px;}

	#reservation .reserve_table td .input2 {width:31.24%;}
	#reservation .reserve_table td .input3 {height:390px;}

	#reservation .confirm_form td .input2 {width:32.1%;}
}