/* 캘린더 상단 */
#calendar_top{ 
	padding:1.66rem; 
	font-size:2.91rem; 
	border-bottom:1px solid #333; 
	border-top:0px solid #333; 
	font-family:"Montserrat"; 
	text-align:center; 
	position:relative; 
	vertical-align:middle; 
	line-height:1; 
}
#calendar_top strong{ color:#333; font-weight:bold; font-family:inherit; }
#btn_prev{ position:absolute; left:1%; }
#btn_next{ position:absolute; right:1%; }

.disabled{ color:#e4e4e4; }


/* 캘린더 영역 */
#calendar_wrap{ background-color:#fff; width:100%; }
#calendar_wrap table{ border-collapse:collapse; width:100%; text-align:center; }
#calendar_wrap th{ 
		padding:1.66rem 0; 
		font-family:"Montserrat"; 
		font-weight:bold; 
		background:url("/rsv/img/calendar_line.png") no-repeat 100% 50%;
		color:#999;
}

#calendar_wrap td{ padding:1.6rem 0; font-family:"Montserrat"; font-size:1.4rem; }
#calendar_wrap td span{ 					
		display:inline-block; 
		width:4.16rem; 
		height:4.16rem; 
		text-align:center; 
		font-family:"Montserrat"; 
		vertical-align:middle;
		line-height:4.16rem;
		border-radius:50%;
		background-color:#e4e4e4;
		cursor:pointer;
		color:#7d8486;
}

#calendar_wrap td.enable span{ background-color:#f272ad;  color:#fff; }
#calendar_wrap td span{ background-color:#e4e4e4;  }

#calendar_wrap tr.under th{ border-bottom:1px solid #ddd; }
#calendar_wrap tr.under td{ border-bottom:1px solid #ddd; }
#calendar_wrap td.sun, th.sun{ color:#f46767 !important; background:none !important; }
#calendar_wrap td.sat, th.sat{ color:#f272ad !important; background:none !important; }		

.reserve-info-text-area{
	display:flex;
	align-items:center;
	padding-top:10px;
}
.reserve-info-text-area .reserve-info-text-inner{
	display:flex; 
	align-items:center;							
	margin-left:auto;
}

.reserve-info-text-area .reserve-info-text-inner span{
	display:inline-block;							
	width:14px;
	height:14px;
}

.reserve-info-text-area .reserve-info-text-inner span:nth-of-type(1){							
	margin-right:5px;
	background-color:#f272ad;
}

.reserve-info-text-area .reserve-info-text-inner span:nth-of-type(2){					
	background-color:#adadad;			
	margin-right:5px;
	margin-left:10px;
}

.reserve-info-text-area .reserve-info-text-inner div:nth-of-type(2){					
	margin-right:5px;							
}


/* 시간선택 영역 */
#curr_reserve_time{
	border:1px solid #d3d3d3; 
	text-align:center;
	line-height:1.5;
	color:#000;
	font-size:1.5rem;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
}

#time_select_wrap{ border-left:1px solid #d9d9d9; padding-left:2.5rem; }
.time_area{
		overflow:hidden; 
		padding:30px 0; 
		border-bottom:1px solid #d9d9d9;
}					
.time_area dt{ width:15%; float:left; border:0px solid red; text-align:center; font-size:1.2rem; }
.time_area dd{ width:80%; float:left; }
.time_area dd ul{ overflow:hidden; border:0px solid blue;  }
.time_area dd ul li{ 
								float:left; 
								width:19%; 
								padding:0.416rem 0;
								margin-right:1%; 
								margin-bottom:1%; 
								text-align:center; 
								box-sizing:border-box; 
								color:#333;
								/* background-color:#fee8f2; */
								border:1px solid #cccccc;
								cursor:pointer;
								font-size:1.3rem;
								transition:all 0.3s;
							}
							
.time_area dd ul li.active{
	background-color:#f272ad;
	border:1px solid #f272ad;
	color:#fff;
}


.time_area dd ul li.disabled{ 
			background-color:#f4f4f4 !important;
			border:1px solid #dddddd;
			color:#dddddd;
}

.treat_area{
		overflow:hidden; 
		padding:30px 0; 
		border-bottom:1px solid #d9d9d9;
}					
.treat_area dt{ width:15%; float:left; border:0px solid red; text-align:center; font-size:1.2rem; }
.treat_area dd{ width:80%; float:left; }
.treat_area dd ul{ overflow:hidden; border:0px solid blue;  }
.treat_area dd ul li{ 
								float:left; 
								width:19%; 
								padding:0.416rem 0;
								margin-right:1%; 
								margin-bottom:1%; 
								text-align:center; 
								box-sizing:border-box; 
								color:#333;
								/* background-color:#fee8f2; */
								border:1px solid #cccccc;
								cursor:pointer;
								font-size:1.3rem;
								transition:all 0.3s;
							}
							
.treat_area dd ul li.active{
	background-color:#f272ad;
	border:1px solid #f272ad;
	color:#fff;
}


.treat_area dd ul li.disabled{ 
			background-color:#f4f4f4 !important;
			border:1px solid #dddddd;
			color:#dddddd;
}

#treat_kubun_list li.active{ background-color:#2263bb; color:#fff; border:1px solid #2263bb; }
#treat_kubun_list li{ border:1px solid #cccccc; color:#333; }

.calendar_text1{ vertical-align:middle; border-bottom:1px solid #d9d9d9; padding:2.5rem 0; }
.calendar_text1 label{ display:inline-block; text-align:center; font-weight:bold; width:15%; border:0px solid red; font-size:1.2rem; }
.calendar_text1 input{						
	text-align:center;
	color:#000;
	font-size:1.5rem;
	border:1px solid #d3d3d3;
}

/* 예약자 정보입력 영역 */

#reserve_wrap{ border:0px solid red; }
#reserve_wrap h2{ 
	padding:4.16rem 1rem 1.6rem 1rem; 
	/*padding-bottom:1.6rem; */
	font-size:1.666rem; 
	font-weight:bold; 
	font-family:'Nanum Gothic'; 
	border-bottom:2px solid #333333;   
}


#reserve_tbl{ 
	width:100%;
	border-collapse:collapse;
	
}

#reserve_wrap th label{ font-weight:bold; font-size:1.2rem; }
#reserve_wrap th{ padding:2.5rem 0; border-bottom:1px solid #cbcbcb; vertical-align:middle; }
#reserve_wrap th label span{ color:#e42929 !important; font-size:1.5rem; display:inline-block; padding-right:2px;  }
#reserve_wrap td{ padding:2.5rem 0; border-bottom:1px solid #cbcbcb; }
#reserve_wrap td input{ 
	color:#585858; 
	border:1px solid #d3d3d3; 
	text-align:center;
	padding:0.8em 1em  0.8em 1em;
	line-height:1.5;
	font-size:1.2rem;
	height:3.7rem;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
}
#reserve_wrap td textarea{ height:10rem; color:#585858; border:1px solid #d3d3d3; width:60%; resize:none;}
			

/* 개인정보동의 영역 */
#agree_wrap{ border-bottom:1px solid #cccccc; padding-bottom:0.5rem; }
#agree_area{ border:0px solid red; padding:3rem 0; background-color:#f3f3f3; margin-top:3rem; }
#agree_tbl{ width:90%; margin:0 auto; }
#agree_tbl th{ 
		padding:1.66rem 0; 
		font-weight:bold; 							
		border:1px solid #d9d9d9;
		text-align:center;
		background-color:#fff;
		color:#000;
		font-size:1.3rem;
}

#agree_tbl td{ 
	padding:1.66rem 0; 
	color:#333; 
	background-color:#fff; 
	text-align:center; 
	border:1px solid #d9d9d9; 
	font-size:1.3rem;
}

#agree_con{ text-align:center; padding-top:1.2rem; }
#agree_con label{ font-size:1.2rem; font-weight:bold; }
#agree_con input{ position:relative; top:2px; }


#reserve_item_list{ overflow:hidden; border:0px solid red; }
#reserve_item_list li{ 
				float:left; 
				padding:0.416rem;
				margin-left:1%; 
				margin-bottom:1%; 
				text-align:center; 
				box-sizing:border-box; 
				color:#333;
				border:1px solid #cccccc;
				cursor:pointer;
				font-size:1.3rem;
				transition:all 0.3s;
				cursor:pointer;
				width:10%; 
}

#reserve_item_list li.active{ background-color:#2263bb !important; color:#fff; border:1px solid #2263bb; }
#reserve_item_list li{ border:1px solid #cccccc; color:#333; font-size:1.2rem; }


#reserve_item_detail_tbl{ width:100%; }
#reserve_item_detail_tbl th{ 
											text-align:center; 
											font-weight:bold; 
											width:10%; 
											background-color:#f8f8f8; 																
											border:0;
											border-top:1px solid #dddddd;
									}

#reserve_item_detail_tbl td{ padding-left:1rem; border:0; border-top:1px solid #dddddd; }

#reserve_item_detail_tbl tr:first-child th{ border-top:0px solid green; }
#reserve_item_detail_tbl tr:first-child td{ border-top:0px solid green; }

#item_detail_body ul{ overflow:hidden; }
#item_detail_body ul li{ float:left; border:0px solid #e6e6e6; padding:0.5rem 1rem;  }
#item_detail_body ul li:last-child{ border-right:0px solid #e6e6e6; }	
#item_detail_body tr th{ font-size:1.2rem;}

#petit_etc{ margin-left:0.5rem; }



label.sec1_label{
	cursor:pointer;
	font-size:1.2rem; 

}

label.sec1_label span{
	display:inline-block;
	width:1.4rem;
	height:1.4rem;
	vertical-align:middle;
	border:1px solid #cecece !important;
	margin-right:0.4rem;
	cursor:pointer;
	background-color:#cccccc;					
	transition:all 0.2s;
	border-radius:3px;
}

input[id="agree"]{
	display:none !important;
}

input[id="agree"] + label{
	cursor:pointer;
	font-size:1.2rem; 
}


input[id="agree"] + label span{
	  display:inline-block;
	  width:1.4rem;
	  height:1.4rem;
	  vertical-align:middle;
	  border:1px solid #cecece !important;
	  margin-left:0.4rem;
	  cursor:pointer;
	  background-color:#cccccc;					
	  transition:all 0.2s;
	  border-radius:3px;
}



input[id="agree"]:checked + label span{
	  width:1.4rem;
	  height:1.4rem;
	  border:1px solid #2763ba !important;
	  background-image:url('../../img/checkbox_checked.png'); 
	  background-repeat:no-repeat;
	  background-position:center center;
	  background-color:#fff;
	  background-size:1.3rem;
	  border-radius:3px;
}



input[id="anes_yn"]{
	display:none !important;
}

input[id="anes_yn"] + label{
	cursor:pointer;
	font-size:1.2rem; 
}


input[id="anes_yn"] + label span{
	  display:inline-block;
	  width:1.4rem;
	  height:1.4rem;
	  vertical-align:middle;
	  border:1px solid #cecece !important;
	  margin-left:0.4rem;
	  cursor:pointer;
	  background-color:#cccccc;					
	  transition:all 0.2s;
	  border-radius:3px;
}



input[id="anes_yn"]:checked + label span{
	  width:1.4rem;
	  height:1.4rem;
	  border:1px solid #2763ba !important;
	  background-image:url('../../img/checkbox_checked.png'); 
	  background-repeat:no-repeat;
	  background-position:center center;
	  background-color:#fff;
	  background-size:1.3rem;
	  border-radius:3px;
}


/* 하단 버튼 영역 */

#btn_wrap{ text-align:center; padding-top:4.16rem; }
#btn_wrap button{ 
					display:inline-block; 
					
					
					text-decoration:none; 
					font-size:1.3rem;
				}
#btn_self_cert{ background-color:#2763ba; color:#fff; border:1px solid #2763ba; padding:1rem 5rem; }
#btn_re_self_cert{ background-color:#f272ad; color:#fff; border:1px solid #f272ad; padding:1rem 1.5rem; }
#btn_wrap #btn_reserve{ background-color:#2763ba; color:#fff; border:1px solid #2763ba; padding:1rem 3rem; }
#btn_wrap #btn_cancel{ background-color:#fff; color:#2763ba; border:1px solid #2763ba; padding:1rem 5rem; }

.table_responsive{ 
	/*display:table;*/
	width:100%;
	table-layout:fixed;
}
/*
.tr{ display:table-row; }

.td, .th{ 
	display: table-cell;
}
*/

.table_responsive th.name-th{
	width:10%;
}

.table_responsive td.name-td{
	width:20%;
}

.table_responsive th.hp-th{
	width:10%;
}

.table_responsive td.hp-td{
	width:60%;
}

.th{ font-weight:bold; }

#reserve_tbl tbody{ 
	width:100%;
}

.reserve_auth_btn_area{
	border-bottom:1px solid #cbcbcb; 
	padding-top:25px; 
	padding-bottom:30px;
	display:flex;
	align-items:center;
}

.reserve_auth_btn_area div{
	display:inline-block;
	margin-left:10px; 					
	font-size:13px;
	font-weight:bold;						
}

.reserve_auth_btn_area div span{
	font-weight:bold;
}






@media (max-width: 980px){		
	#header{
		padding:1rem 0;
		font-size:3rem;
		display:none;
	}

	#wrap_top{
		padding-top:1.2rem;
	}


	#wrap_top h2{
		font-size:2.6rem;
	}

	#time_select_wrap{
		padding-left:0;
	}

	.table_responsive,
	.tr{
		/*display:block;*/
	}
	.th,
	.td{
		width:100% !important;
		float:left; 
		text-align:center;
		padding:1rem 0 !important;
	}

	.table_responsive th.name-th{
		padding:1.74rem 0 !important;
	}

	.table_responsive th.name-th{
		width:30% !important;			
	}	

	 .table_responsive td.name-td{
		width:70% !important;
	 }

	.table_responsive th.hp-th{
		padding:1.74rem 0 !important;
	}

	/*
	.table_responsive th.hp-th{
		width:50% !important;
		float:left;
	}	

	 .table_responsive td.hp-td{
		width:70% !important;
	 }
	*/

	 .table_responsive td.btn-td{
		width:100% !important;
	 }

	 .reserve_auth_btn_area{ 
		display:block; 
		text-align:center;
		padding-top:0px; 
		padding-bottom:10px;
	}

	.reserve_auth_btn_area div{
		margin-top:10px;			
	}

	.reserve_auth_btn_area button{ 
		width:90% 
	}

	#reserve_tbl th.name-th{
		width:30% !important;
		height:70px;
	}

	#reserve_tbl td.name-td{
		width:70% !important;
		height:70px;
		text-align:left;
	}

	#reserve_tbl td.name-td #name{
		width:50% !important;									
	}

	#reserve_tbl th.hp-th{
		width:30% !important;
		height:70px;
	}

	#reserve_tbl td.hp-td{
		width:70% !important;
		height:70px;
		text-align:left;
	}	

	.table_responsive td.td .rsv_tel{
		width:80px;
	}


	.td #rsv_name{ 
		display:inline-block;
		width:90%;
	}

	.td #rsv_sec{ 
		display:inline-block;
		width:90%;
	}

	.td .rsv_tel{
		width:30%;
		display:inline-block;
	} 

	.td #note_d{ 
		display:inline-block;
		width:90%;
	}

	#agree_tbl th, td{
		font-size:1rem !important;
	}

	#agree_tbl th{
		width:100px;
	}

	#reserve_item_list li{
		font-size:1rem;
		width:48.5% !important;
		padding:0.5rem 0 !important;						
	}


	#reserve_item_detail_tbl th{ width:22% !important;}

	#item_detail_body ul li{
		float:left;						 
		text-align:left;
		width:49%;
	}

	#btn_self_cert{
		width:95%;
		margin-top:0.7rem;
	}

	#btn_re_self_cert{
		width:95%;
		margin-top:0.7rem;
	}
}