@charset "utf-8";
a,p{color:#000; text-decoration: none;}


@media (min-width: 767px) {
	.calendar_wrap{
		width: 90%;
		margin: 0 auto;
	}
	.reservation_section{
		width: 80%;
		margin: 70px auto 100px;
	}
	.reservation_input{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		background-color: #f9f9f9;
		padding: 50px;
		border-radius: 20px;
	}
	.reservation_input div{
		width: 33%;
		margin-bottom: 30px;
	}
	.reservation_table th{
		border-bottom: 1px solid #333;
		font-size: 17px;
		padding: 20px 0;
		text-align: center;
	}
	.reservation_table td{
		border-bottom: 1px solid #333;
		padding: 20px 0;
		font-size: 17px;
		text-align: center;
	
	}
	.reservation_table tr.reover td{
		background-color: #ddd;
	}
	.calendar2 {margin: 0;padding: 0; width: 40%;}
}
@media (max-width: 767px) {
	.calendar_wrap{
		width: 100%;
	}
	.reservation_section{
		width: 96%;
		margin: 50px auto 100px;
	}
	.reservation_tit span{
		color: #ff0000;
		display: block;
	}
	.reservation_input{
		display: block;
		justify-content: space-between;
		background-color: #f9f9f9;
		padding: 50px;
		border-radius: 20px;
	}
	.reservation_input div{
		margin-bottom: 20px;
	}
	.reservation_input input{
		border-color: #999;
		width: 100%;
	}
	.reservation_table th{
		border-bottom: 1px solid #333;
		font-size: 14px;
		padding: 20px 0;
	}
	.reservation_table td{
		border-bottom: 1px solid #333;
		padding: 20px 0;
		font-size: 14px;
		text-align: center;
	
	}
	.m_calendar2{
		display: none;
	}
	.calendar2 {margin: 0;padding: 0; width: 100%;}

	.reservation_section ul {
		padding-left: 0px;
		display: flex;
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
	}
	.reservation_section ul li{
		width: 50%;
		word-break: break-all;
		font-weight: bold;
		border-bottom: 1px solid #ddd;
		margin-bottom: 10px;
		padding-bottom: 13px;
	}
	.reservation_section ul li:last-child{
		/*width: 100%;*/
	}
	.reservation_section ul li span{
		display: block;
		font-weight: normal;
	}
	.reservation_section ul li span a{
		display: inline-block;
		margin-left: 10px;
		border: 1px solid #333;
		padding: 3px 5px;
		border-radius: 5px;
	}
	.trans-box{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.trans-box input{
		width: 48%;
	}
	.trans-box a{
		display: block;
		padding: 3px 5px;
		border: 1px solid #333;
		margin-top: 10px;
		margin-left: 0px;
		border-radius: 5px;
	}
	.reservation_section .accordion button.reover{
		background-color: #ddd;
	}
}
.reservation_tit{
	font-size: 25px;
	border-bottom: 3px solid #f00;
}
.reservation_tit span{
	color: #ff0000;
}
.reservation_tit2 p{
	display: inline-block;
	font-size: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.reservation_table{
	width: 100%;
	border-collapse: collapse;
}

.reservation_table td a{
	border: 1px solid #f00;
	display: block;
	width: 60%;
	text-align: center;
	margin: 0 auto;
}
.reservation_table td a:hover{
	background-color: #f00;
	color: #fff;
}

.reservation_input label{
	margin-right: 10px;
	font-size: 16px;

}
.reservation_input input{
	border-color: #999;
	margin-right: 10px;

}
.reservation_btn{
	margin: 50px auto;
}
.reservation_btn a{
	border: 1px solid #f00;
	display: block;
	text-align: center;
	padding: 5px 10px;
	border-radius: 5px;
	width: 50%;
	margin: 0 auto;
	background-color: #fff;
}
.reservation_btn a:hover{
	background-color: #f00;
	color: #fff;
}
#calendar {margin: 0;padding: 0;}
	#calendar * {margin: 0;padding: 0;}
	#calendar p.title {padding: 0 0 20px 0;font-size: 1.8em;font-weight: bold;text-align: center;}
		#calendar p.title img {vertical-align: middle;}
	#calendar table {width: 100%;border-collapse: collapse;}
		#list table col {width: 14%;}
		#list table col.col01, #list table col.col07 {width: 15%;}
		#calendar table tr {}
			#calendar table tr td {height: 100px;padding: 5px 7px 3px 7px;border: 1px solid #E6E6E6;vertical-align: top;line-height: 1.6em;}
			#calendar table tr td.section {height: 0;background: #F5F5F5;font-weight: bold;text-align: center;}
			#calendar table tr td.red {color: #FF0000;}
			#calendar table tr td.gray {color: #999999;}
			#calendar table tr td.null {background: #FAFAFA;}
				#calendar table tr td p {}
				#calendar table tr td p.day {padding: 0 0 5px 0;}
					#calendar table tr td p a {}
						#calendar table tr td p img {vertical-align: middle;}
						#calendar table tr td p a span {font-size: 0.9em;font-family: 돋움;}
						#calendar table tr td p a span.open {color: #333333;}
						#calendar table tr td p a span.close {color: #999999;}
	#calendar p.explain {padding: 10px 0 0 0;font-size: 0.9em;font-family: 돋움;text-align: right;}
	#calendar p.button {margin: 10px 0 0 0;padding: 12px 0 10px 0;border: 1px solid #EBEBEB;background: #F5F5F5;text-align: center;}
		#calendar p.button img {border: none;}


	.calendar2 * {margin: 0;padding: 0;}
	.calendar2 p.title {padding: 20px 0 30px 0;font-size: 1.8em;font-weight: bold;text-align: center;}
		.calendar2 p.title img {vertical-align: middle;}
	.calendar2 table {width: 100%;border-collapse: collapse;}
		.calendar2 table tr {}
			.calendar2 table tr td {height: 60px;padding: 5px 7px 3px 7px;border: 1px solid #E6E6E6;vertical-align: top;line-height: 60px; text-align: center;}
			.calendar2 table tr td.section {height: 0;font-weight: bold;text-align: center; border: none;border-top: 1px solid #ddd; border-bottom: 1px solid #f00;}
			.calendar2 table tr td.red {color: #FF0000;}
			.calendar2 table tr td.red a {color: #FF0000 !important;}
			.calendar2 table tr td.blue {color: #00FF;}
			.calendar2 table tr td.blue a {color:#00FF !important;}
			.calendar2 table tr td.gray {color: #999999;}
			.calendar2 table tr td.null {background: #FAFAFA;}
				.calendar2 table tr td p {}
				.calendar2 table tr td p.day {padding: 0 0 5px 0;}
				.calendar2 table tr td a.day {color:#000;display: block;}
				.calendar2 table tr td.today {background-color:#b5cae0;}
				.calendar2 table tr td.sel_date {background-color:#ff6318;}
				.calendar2 table tr td.sel_date a {color:#fff !important;}
				.calendar2 table tr td.before_date {background-color:#f1f1f1; color:#a4a4a4;}

					.calendar2 table tr td p a {}
						.calendar2 table tr td p img {vertical-align: middle;}
						.calendar2 table tr td p a span {font-size: 0.9em;font-family: 돋움;}
						.calendar2 table tr td p a span.open {color: #333333;}
						.calendar2 table tr td p a span.close {color: #999999;}
	.calendar2 p.explain {padding: 10px 0 0 0;font-size: 0.9em;font-family: 돋움;text-align: right;}
	.calendar2 p.button {margin: 10px 0 0 0;padding: 12px 0 10px 0;border: 1px solid #EBEBEB;background: #F5F5F5;text-align: center;}
		.calendar2 p.button img {border: none;}


#list {margin: 0;padding: 0;}
	#list * {margin: 0;padding: 0;}
	#list table {width: 100%;border-collapse: collapse;}
		#list table col {width: 15%;}
		#list table col.col01 {width: 5%;}
		#list table col.col02 {width: 12%;}
		#list table col.col03 {width: 35%;}
		#list table col.col05 {width: 18%;}
		#list table tr {}
		#list table tr.section {background: #F5F5F5;font-weight: bold;}
			#list table tr td {padding: 5px 0 3px 0;border: 1px solid #E6E6E6;text-align: center;line-height: 1.6em;}
				#list table tr td span {color: #333333;}
	#list p.page {padding: 10px;text-align: center;}
	#list p.button {padding: 12px 0 10px 0;border: 1px solid #EBEBEB;background: #F5F5F5;text-align: center;}
		#list p.button img {border: none;}

#view {margin: 0;padding: 0;}
	#view * {margin: 0;padding: 0;}
	#view table {width: 100%;border-collapse: collapse;}
		#view table col {width: 30%;}
		#view table col.col01 {width: 20%;}
		#view table tr {}
			#view table tr td {padding: 7px 10px 5px 10px;border: 1px solid #E6E6E6;line-height: 1.6em;}
			#view table tr td.section {background: #F5F5F5;font-weight: bold;text-align: center;}
			#view table tr td.red {color: #FF0000;font-weight: bold;}
				#view table tr td span {color: #333333;font-weight: bold;}
	#view p.space {height: 20px;}
	#view p.explain {padding: 10px;border: 1px solid #EBEBEB;background: #FAFAFA;line-height: 1.6em;}
		#view p.explain span {color: #FF0000;}
	#view p.button {margin: 10px 0 0 0;padding: 12px 0 10px 0;border: 1px solid #EBEBEB;background: #F5F5F5;text-align: center;}
		#view p.button img {border: none;}

#write {margin: 0;padding: 0;margin-top:20px;}
	#write{margin: 0;padding: 0;}
	#write .explain {padding: 10px;border: 1px solid #EBEBEB;background: #FAFAFA;line-height: 1.7em;font-size: 0.9em;}
		#write .explain span {color: #FF0000;}
	#write .explain2 {margin-bottom:20px; padding: 10px;line-height: 1.7em;font-size: 0.9em; }
		#write .explain2 span {color: #FF0000;}
		#write .explain2 .c_left {display: flex; justify-content: space-around;}
		#write .explain2 .c_right {float:right;width:530px;}
	#write .space {height: 20px;}
	#write .float {float: left;}
	#write .select {text-align: right;}
	#write .clear {clear: both;}
	#write table {width: 100%;border-collapse: collapse;}
		#write table.room col {width: 12%;}
		#write table.room col.col01 {width: 30%;}
		#write table.room col.col07 {width: 10%;}
		#write table.room tr {}
		#write table.room tr.section {background: #F5F5F5;font-weight: bold;}
			#write table.room tr td {padding: 7px 5px 5px 5px;border: 1px solid #E6E6E6;text-align: center;line-height: 1.6em;}
			#write table.room tr td.left {padding: 7px 10px 5px 10px;text-align: left;}
			#write table.room tr td.red {color: #FF0000;}
			#write table.room tr td.info1 {background: #F5F5F5; color:red;font-weight:bold;}
			#write table.room tr td.info2 {background: #F5F5F5; color:blue;font-weight:bold;}
				#write table.room tr td img {vertical-align: middle;}
				#write table.room tr td select {width: 80%;}

		#write table.infomation col {width: 30%;}
		#write table.infomation col.col01 {width: 20%;}
		#write table.infomation tr {}
			#write table.infomation tr td {padding: 7px 10px 5px 10px;border: 1px solid #E6E6E6;line-height: 1.6em;}
			#write table.infomation tr td.section {background: #F5F5F5;font-weight: bold;text-align: center;}
				#write table.infomation tr td textarea {width: 100%;}
				#write table.infomation tr td span {color: #666666;font-size: 0.9em;font-family: 돋움;}
	#write p.button {margin: 10px 0 0 0;padding: 12px 0 10px 0;border: 1px solid #EBEBEB;background: #F5F5F5;text-align: center;}
		#write p.button img {border: none;}


.room2 {border:2px solid #f2f2f2; margin-bottom:10px !important;display:block;padding-top: 7px !important;box-sizing: border-box;padding-left: 7px !important; padding-bottom:10px;    height: 50px;
    display: flex;
    justify-content: space-around;}
.room2:after{clear:both;}

.room2 .img{position:absolute;width:200px;height:135px;overflow:hidden;background-color:#fafafa;}
.room2 .img img{width:100%;}
.room2 .title{padding:5px 0 5px 20px !important; font-weight:bold;font-size:1.2em;color:#000;width:40%;}
.room2 .info{position:relative; left:220px;border:0px solid #000; width:350px;overflow:hidden;line-height:20px;}
.room2 .right_wrap{ text-align:right; width:60%; padding-right:40px;}
.room2 .right_wrap .toggle-icon {position:relative; padding-left:20px;}
.room2 .right_wrap .toggle-icon i {cursor:pointer; transition: all 0.5s;width: 34px;height: 20px;background-image:url("/images/ico/ico_toggle.png");display: inline-block;vertical-align: middle;overflow: hidden;text-indent: -999px;color: transparent;white-space: nowrap;}
.room2 .right_wrap .toggle-icon.arw i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.room2 .price{display:block;font-weight:bold;font-size:1.1em;color:#000;}
.room2 .people{font-size:0.9em;color:#000;}
.room2 .a_btn{
	border:1px solid #a60000 ;
	background-color:#a60000;
	color:#fff !important;border-radius:3px;
	text-align:center;height:30px; width:140px;line-height:30px;font-weight:bold;font-size:1.1em;
	text-align:center;display:inline-block !important;
	text-decoration:none;		
}
.room2 .a_btn1{
	border:1px solid #a9a9a9 ;
	background-color:#c1c1c1;
	color:#fff;border-radius:3px;
	text-align:center;height:30px; width:90px;line-height:30px;font-weight:bold;font-size:1.1em;
	;text-align:center;display:inline-block !important;
}
.room2 .a_btn2{
	border:1px solid #b5cae0 ;
	background-color:#b5cae0;
	color:#fff;border-radius:3px;
	text-align:center;height:30px; width:90px;line-height:30px;font-weight:bold;font-size:1.1em;
	;text-align:center;display:inline-block !important;
}

td.chkBook{background-color:#fff;text-align:left !important; padding:5px 10px !important;}
td.chkBook input, td.chkBook select{
	height:25px;padding:0 10px;text-align:center;font-weight:;
	background-color:#eee;border:1px solid #ccc;
}
td.chkBook .a_btn4{
	border:0px solid #a60000 ;
	background-color:#a60000;
	color:#fff !important;border-radius:3px;
	width:100px;
	text-align:center;height:25px;line-height:25px;font-weight:normal;
	display:inline-block !important;
}
td.chkBook .bookChkres{
	color:#10559c;font-weight:bold;
	display:inline-block !important;
}

.aa_btn {
	display:inline-block;background:#afafaf !important;color:#fff !important;text-decoration:none !important;line-height:2em;vertical-align:middle;
	-webkit-border-radius:3px;border-radius:3px;border:0;
	font-size:15px !important;font-weight:bold;letter-spacing:0;
	width:130px;text-align:center;height:35px;line-height:35px;
}

.bb_btn {
	display:inline-block;background:#afafaf !important;color:#fff !important;text-decoration:none !important;line-height:2em;vertical-align:middle;
	-webkit-border-radius:3px;border-radius:3px;border:0;
	font-size:14px !important;font-weight:bold;letter-spacing:0;
	width:130px;text-align:center;height:35px;line-height:35px;
}
.bb_btn:hover {background:#a60000 !important;}
.bb_btn.on {background:#a60000 !important;}
/*
.aa_btn {
	display:inline-block;background:#afafaf !important;color:#fff !important;text-decoration:none !important;line-height:2em;vertical-align:middle;
	-webkit-border-radius:3px;border-radius:3px;border:0;
	font-size:12px !important;letter-spacing:0;
	width:100px;text-align:center;height:25px;line-height:25px;
}
*/
.aa_btn:hover {background:#a60000 !important;}
.aa_btn.on {background:#a60000 !important;}

.cc_btn {
	display:inline-block;background:#dfdfdf !important;color:#222 !important;text-decoration:none !important;line-height:2em;vertical-align:middle;
	-webkit-border-radius:3px;border-radius:3px;border:0;
	font-size:14px !important;font-weight:bold;letter-spacing:0;
	width:130px;text-align:center;height:35px;line-height:35px;
}
/*
.cc_btn {
	display:inline-block;background:#dfdfdf !important;color:#222 !important;text-decoration:none !important;line-height:2em;vertical-align:middle;
	-webkit-border-radius:3px;border-radius:3px;border:0;
	font-size:12px !important;letter-spacing:0;
	width:80px;text-align:center;height:25px;line-height:25px;
}
*/
.cc_btn:hover {background:#555 !important;color:#fff !important;}
.cc_btn.on {background:#555 !important;color:#fff !important;}

.rr_btn {
	display:inline-block;background:#dfdfdf;color:#ccc !important;text-decoration:none !important;line-height:2em;vertical-align:middle;
	-webkit-border-radius:3px;border-radius:3px;border:0;
	font-size:12px !important;letter-spacing:0;
	width:80px;text-align:center;height:25px;line-height:25px;
}
.rr_btn:hover {background:#2db400;color:#fff !important;}
.rr_btn.on {background:#2db400;color:#fff !important;}

.dd_btn {
	display:inline-block;background:#555 !important;color:#fff !important;text-decoration:none !important;line-height:2em;vertical-align:middle;
	-webkit-border-radius:3px;border-radius:3px;border:0;
	font-size:12px !important;letter-spacing:0;
	width:80px;text-align:center;height:25px;line-height:25px;
}
.dd_btn:hover {background:#2db400 !important;}
.dd_btn.on {background:#2db400 !important;}

/* paging */
ul, ol, dl{list-style-type:none}
.paging{position:relative;margin-top:70px;padding:5px 0;text-align:center}
.paging > ol{display:inline-block}
.paging > ol li{float:left;padding-left:5px}
.paging > ol li a,
.paging > ol li strong{display:block;width:30px;height:30px;font-size:18px;line-height:30px}
.paging > ol li strong{color:#333;width:28px;height:28px;line-height:28px;border:solid 2px #333;border-radius:50%}
.paging > ol .prev a,
.paging > ol .prev-end a,
.paging > ol .next a,
.paging > ol .next-end a{border-radius:50%;background-color:#333;background-repeat:no-repeat;background-position:center center}
.paging > ol .prev a{background-image:url(/images/paging-prev.png)}
.paging > ol .prev-end a{background-image:url(/images/paging-prev_end.png)}
.paging > ol .next a{background-image:url(/images/paging-next.png)}
.paging > ol .next-end a{background-image:url(/images/paging-next_end.png)}