body {
	margin:0 0 25px 0;
	padding:0;
	}
		img {
		width:100%;
		}
		.clearfix{clear:both;display:block;content:'';}
		a, li{    text-decoration: none; color: inherit; list-style: none;}
		a:hover { color : inherit;}
		.title_align {    width: 90%;  margin: 0 auto;}
		.sub_text{ color : #999; line-height : 1rem;}
	
		.reserv_store_info, .pay_info , .wait_info  , .reserv_box, .reserv_rbox , .reserv_product_box , .receipt{ 
		width : 90%; 	margin: 0 auto; 
		}
		
/*=========================06==================================*/

		.service_info_area {width : 100%;}
		.service_con , .service_con_detail{width : 90%; margin: 20px auto;}
		.shopinfo_text {line-height : 1.5; font-size : .9rem;    margin-top: 10px; display: block;}
		.shopinfo_text span:nth-child(1) , .shopinfo_text span:nth-child(2){line-height : 3;}
		.product_price { height : 25px; margin-bottom: 20px; }
		.product_price  span{ padding-right: 10px;  line-height : 25px;}
		.origin_price , .pay_price{
		font-size : 1.2rem;
		font-weight : 600;
		}
		.product_price 	.origin_price{
		text-decoration: line-through;		
		}
		.product_price 	.pay_price{
		color : #373c3a
		}
		.product_price  .arr{
		content: '';
		width: 10px; /* 사이즈 */
		height: 10px; /* 사이즈 */
		border-top: 1px solid #676464; /* 선 두께 */
		 border-right: 1px solid #676464; /* 선 두께 */
		 display: inline-block;
		transform: rotate(45deg); /* 각도 */
		margin-right : 10px;
			
		}

/*================================07==============================*/
	.reserv_service_con div:nth-child(1){padding-top: 15px;}

		.grey-line { margin-bottom: 15px;}
		.reserv_service_con{width : 90% ; margin: 0 auto;}
		.reserv_info_contain{ display: flex; line-height :2.5;     margin-bottom: 20px;}
		.reserv_info_title { color: #aecd53; font-size :1rem; width : 36%; font-weight : 500;}
		.reserv_info_text {font-size : 1rem; width : 64%;     margin-top: 15px;}
		.reserv_info_text div:nth-child(3){font-weight: 500;}

		.reserv_date {
		display : flex;
		justify-content: space-evenly;
		text-align: center; 
		margin-top : 20px; 
		margin-bottom : 30px;
		}
		.reserv_date div{ font-size : .95rem;}
		.reserv_date div div{ margin-top : 10px; font-weight : 700; color : #373c3a; font-size : 1rem;  line-height : 30px; }
		 .reserv_date .date_sellect div{   background-color : #aecd53;  width :30px; height : 30px;border-radius: 100px; position : relative; color : #fff; font-weight : 400;} 
		 .reserv_time{ margin: 0 auto 80px; height : 50px; width : 90%;  }
		 .reserv_time ul {white-space: nowrap;
				overflow-x: auto;
				overflow-y: hidden;
				padding: 10px 0;
		 }
		 .reserv_time li{
			display: inline-block;
			padding: 11px 15px 9px;
			border-radius: 100px;
			margin-right: 5px;
			line-height: 0.8rem;
			background-color : #fff;
			 box-shadow : 0 0 5px rgba(0,0,0,.2)
		 }
		 .reserv_time .onclick{
			background-color : #aecd53;
			 box-shadow : 0 0 5px rgba(0,0,0,.2);
			 color : #fff;
		 }

		.w30 {
		width:30px;
		}

		 .service_con_detail { margin: 20px auto 40px;}
		 .service_manager_info {display: flex; margin-bottom: 20px;}
		 .manager_img{
			width: 60px;
			height: 60px;
			background-color: #ddd;
			text-align: center;
			line-height: 60px;
			font-size: 2rem;
			color: #fff;
			border-radius: 100px;
			margin-right: 20px;
		 }
		  .manager_info{ margin: auto 0;}
		 .manager_info div:nth-child(1){
			font-size: 1rem;
			 font-weight: 500;
		 }
		 .manager_info div:nth-child(2){font-size: .9rem;}

	
/*=============================08==============================*/



		.pay_info_box {
				width : 90%;
				height : 150px;
				border: 1px solid #ddd;				
				overflow-x: hidden;
				overflow-y: auto;
				padding: 10px;
				margin: 20px auto;
				line-height : 1.5;
		}
		.pay_info_box div{ margin-bottom: 15px;}
		.price_title_box{display: flex; justify-content: space-between;}
		.price_title {    width: 30%; margin: 15px 0;}
		.product_price { height : 25px; margin-bottom: 15px; margin-top: 15px;}
		.product_price  span{ line-height : 25px;}
		.origin_price , .pay_price{
		font-size : 1.2rem;
		font-weight : 600;
		}
		.product_price 	.origin_price{
		text-decoration: line-through;		
		}
		.product_price 	.pay_price{
		color : #373c3a
		}
		.product_price .arr {position:relative; margin: 0 15px;     margin: 0 15px 0 0px;}



		.pay_howto_notice{
			height : 30px;
			background-color : #aecd53;
			color : #fff;
			line-height : 30px;
			text-align : center;
		}
		.pay_howto .main_title2 {margin: 15px auto;}
		.pay_item {
			   width: 90%;
				margin: 20px auto;
				padding-bottom: 15px;
				border-bottom: 1px solid #eee;
				display: flex;
				 justify-content: space-between;
				 align-items: center;
		}


		.btn_sellect {
				display: inline-block;
				width: 18px;
				height: 18px;
				border: 1px solid #bcbcbc;
				cursor: pointer;
				border-radius: 200px;
				background-color: #e3e3e3;
				line-height : 18px;
				margin : 0 10px;
				text-align: center;
			   line-height: 18px;
				color: transparent;
				}
		.btn_check{
				background-color: #aecd53;
				border: none;
				color : #fff;
				
				}
		.pay_item_title {
				display: inline-block;
				line-height: .9rem;
				margin-top: -2px;
				position: relative;
				}


/*맴버쉽 구매 버튼*/
		.btn_buy_mbs{
			display: inline-block;
			padding: 5px 15px ;
			border-radius: 100px;
			margin-right: 5px;
			background-color : #fff;
			 box-shadow : 0 0 5px rgba(0,0,0,.2);
			 height: 0%;
			 font-size : .9rem;
			 font-weight : 500;
			 color : #666;
				}
		.mbs_balance {
			font-size : .9rem;
			margin-left : 40px;
		}
		.mbs_balance span:nth-child(2){
			font-weight : 700;
			color : #373c3a;
			margin-left : 5px;
			}
		.pay_agr{width : 90%; margin: 20px auto 40px; border-bottom: 1px solid #eee;}
		.pay_agr li{line-height : 2; color : #6a6a6a;}
		.pay_agr  li p{ font-size : 0.75rem ; margin-left : 40px;}


		/*==============================09==============================*/
				.pay_mbs_title{width : 90%; padding: 15px 0 8px; margin: 0 auto;}
		.pay_mbs_title div:nth-child(1){float: left;   width: 70%;}
		.mbs_balance { text-align: end;}

	
		.con_notic{
			text-align: center;
			padding: 15px 0 15px;
		}

		.mbs_item { padding: 15px; border-radius: 10px;  width : 90%; height : 100%; margin: 10px auto;  display : flex; justify-content: space-between; align-items: center;  border: 1px solid #eee; box-sizing: border-box;}
		.mbs_item div { font-weight : 500;}
		.mbs_item div div:nth-child(2){ color : #666;}
		.mbr_price { font-size:  1rem; font-weight : 700; }
		.mbs_click{ background-color : #aecd53; color : #fff; border: none; }
		.mbs_click div div:nth-child(2){ color : #fff;}

		/*=======================10=============================*/
		.wait_img{
			width : 30%;
			margin: 100px auto 20px;
		}
		.reserv_wait_notice{
		width : 90%;
		margin: 0 auto 90px;
		height : 60vh;
		text-align: center;
		}
		.reserv_wati_border {
			border-bottom: 1px solid #ddd;
			padding-bottom : 20px;			
			margin-bottom :20px;
		}
		.wait_notice_title{
		font-size: 2.2rem;
		}
		.fixbutton02 {
			padding: 0px;
		}
		.fixbutton02 div{
		padding: 15px;
		}
		.fixbutton02 div:nth-child(2){
			color : #333;
			background-color : #fff;
		}


		/*11*/

			/* 상단 버튼 기본*/
		.reserv_top_area{ 
			display: flex;
			width: 100%;
			height: 60px;			
		}
		.reserv_top_area div{
		    width: 33.3%;
			margin: 0 auto;
			text-align: center;
			line-height: 66px;		
			border-bottom: 5px solid #ddd;
			color : #747474;
		}
		/* 상단 버튼 클릭했을 때*/
		.reserv_top_area .btn_on{
			border-bottom: 5px solid #aecd53;
			color : #373a3c;
		}


		.past_reserv_area, .reserv_area{ 	
			width: 100%;
/*			background-color:#f8f8f8;*/

			}

		.reserv_rbox {
			background-color: #fff;
			border-radius: 15px;
			margin-bottom:20px;
			box-shadow : 0 0 10px 3px rgba(0,0,0,.1);
		}

		.reserv_box {
			background-color: #fff;
			border-radius: 15px;
			margin-bottom:20px;
			box-shadow : 0 0 10px 3px rgba(0,0,0,.1);

			height: 145px; /* 초기 축소 높이 */
			overflow: hidden; /* 넘치는 내용 숨기기 */
			transition: height 0.3s ease; /* 높이 변경 시 부드러운 전환 효과 */
			cursor: pointer; /* 클릭 가능한 커서 표시 */
		}
		.reserv_box.expanded {
			height: auto; /* 내용에 맞춰 박스가 확장되도록 설정 */
		}

		.reserv_num{
			color: #fff;
			border-radius: 15px 15px 0 0;
			height : 40px;
			text-align: center;
			line-height : 40px;
		}

				/*예약상품*/
		.reserv_barcode_box{
			border-radius: 0px;
			margin-top: 0px;
			display: flex;
			padding: 0;
		}
		
		.reserv_product_box{
			border-radius: 8px;
			margin-top: 20px;
			display: flex;
			padding: 15px 0;
		}
		.reserv_date_info{
			border-right: 1px solid #ddd;
			width: 35%;
			text-align: center;
			height: 40px;
		}
		.reserv_product{
			margin-left : 15px;
		}

		.reserv_service_time{
			width : 50px;
			height: 50px;
			border-radius: 60px;
			background-color: #f7b465;
			color: #fff;
			text-align: center;
			line-height: 50px;
			position: relative;
			top: -80px;
		    float: right;
		    right: 10px;
		}

			/*예약매장*/
		.reserv_store_info , .wait_info{		
			border-bottom: 1px solid #ddd;
			padding-bottom: 10px;
			padding: 0 10px 10px;
		}
		.reserv_store_info{padding-bottom: 30px; } 
		.reserv_store_contact{
			display: flex;
			justify-content: space-evenly;
		}
		.store_addr {margin-top : 10px;}
		.reserv_store_contact div{
			 border-right: 1px solid #ddd;
			 padding-right: 10%;
			 
		}
		.reserv_store_contact div:nth-child(2){
			border-right: none;
			 padding-right: 0;
			 
		}
		/*결재정보*/
		.pay_info{
			margin-top: 20px;
			margin-bottom: 20px;
			padding: 0 10px 0;
		}
		.pay_info > div:nth-child(1){
			padding : 10px 0;
		}
		.receipt{
			display: flex;
			justify-content: space-between;
		}
		.receipt div{ line-height: 25px;}
		.receipt > div:nth-child(1){
			text-align: start;			
		}
		.receipt > div:nth-child(2){
			text-align: end;
			font-weight: 700;
		}
		.reserv_area .reserv_bottom_btn{
		/*	background-color: #bebebe;*/
			}

				
		/*하단 버튼*/
		.reserv_bottom_btn{
			color : #fff;
			text-align: center;
			width: 90%;
			margin: 15px auto 20px;
			border-radius: 15px;
		}
		.reserv_bottom_btn a{
			display: block;
			line-height: 46px;
			height: 46px;
			font-size:.9rem;
			font-weight: 700;			
		}

		/*하단 버튼*/
		.reserv_more_btn{
			color:#999;
			border:1px solid #bebebe;
			text-align: center;
			width: 90%;
			margin: 15px auto 20px;
			border-radius: 15px;
		}
		.reserv_more_btn a{
			display: block;
			line-height: 46px;
			height: 46px;
			font-size:.9rem;
			font-weight: 700;			
		}

		.grey_border {
		background:#fff !important;
		color:#bebebe !important;
		border:1px solid #bebebe !important;
		}

		

		/*============예약 확인============*/
		.reserv_area{
			display : block;
		}

		/*예약번호*/
		.reserv_area .reserv_num{
			background-color:#aecd53;
		}
			/*예약상품*/
		.reserv_area .reserv_product_box{
			background-color: #fafbe8;
			}
		/*예약매장*/
		.reserv_area .reserv_store_info{margin-top: -10px; }
		.reserv_area .reserv_store_contact {margin-top: 20px; }
		.reserv_box .reserv_store_contact {margin-top: 20px; }
		/*대기시간*/
		.wait_info{
			position: relative;
			top: -40px;
		}
		.wait_info div {
			 float: left;
		}
		.wait_info div:nth-child(2){
			float: right;
		}
	

		/*============예약 완료/취소 ============*/
		.past_reserv_area{
display : block; 
		}
		/*예약번호*/
		.past_reserv_area .reserv_num {
		background-color : #bebebe;
		}
		/*예약매장*/
		.past_reserv_area .reserv_store_info{margin-top: 30px; }

		/*예약상품*/
		.past_reserv_area .reserv_product_box {
		background-color :  #eee;
		}
		/*다시예약*/
		.past_reserv_area .reserv_bottom_btn{
			/*background-color :  #aecd53;*/
			}