@charset "utf-8";

/* top영역 */
#header .sector{
    background-color :#FFFFFF; 
	height : 75px;
	border-bottom : 1px solid #CFCFCF;
	display : flex;
	justify-content : center;
	align-items : center;
	position : relative;
}
#header .sector>a>img{
	width : 36px;
	height : 36px;
	position : absolute;
	top : 50%;
	left : 0;
	transform : translateY(-50%);
}
#header .sector>h3{
	font-weight : bold;
}
@media screen and (max-width:1000px) {
	#header .sector{
		background-color :#FFFFFF; 
		height : 15vw;
		border-bottom : 1px solid #CFCFCF;
		display : flex;
		justify-content : center;
		align-items : center;
		position : relative;
	}
}
/* top영역 끝*/

/* bottom 영역 */
.bottom_btn{
	/* background-color : yellow;  */
	margin-top : auto;
	position: sticky;
	bottom: 0;             
	background: #fff;        
	z-index: 10;
}
.bottom_hr{
    margin: 0 0 12px;
}
 .submit_btn{
  width: 100%;
  height: 75px;
  border: none;
  border-radius: 10px;
  background: #6DBB4B;
  color: #fff;
  font-weight: 800;
  font-size: 22px;
  cursor: pointer;
}

@media screen and (max-width:1000px) {
	.bottom_btn{
		/* background-color : yellow;  */
		margin-top : 50px;
		position: sticky;
		bottom: 0;             
		background: #fff;        
		z-index: 10;
		padding-bottom : 30px;
	}
	.bottom_hr{
		margin: 0 0 12px;
	}
	 
	 .submit_btn{
		  width: 100%;
		  height: 15vw;
		  border: none;
		  border-radius: 5px;
		  background: #6DBB4B;
		  color: #fff;
		  font-weight: 800;
		  font-size: 4.4vw;
		  cursor: pointer;
	}
}
/* bottom 영역 끝 */

/************************************** 
	로그인페이지 시작
**************************************/
.logo_img{
	width : 100%;
	height : 350px;
/*     background-color : yellow;  */
	text-align : center;
}
.logo_img>img{
	width : 200px;
	height : 200px;
	margin-top : 100px;
}
.login{
	width : 100%;
	height : 150px;
	text-align : center;
/* 	background-color : pink; */
}
.login>form>input{
	width : 440px;
	height : 75px;
	border : 1px solid #707070;
	/* border-radius : 10px; */
}
.login>form>input:first-child{
	border-radius : 10px 10px 0 0;
}
.login>form>input + input{
	border-radius : 0 0 10px 10px;
	border-top: 0;
}
input::placeholder {
	font-size : 20px; 
}
.login>form>.login_btn{
	width : 440px;
	height : 75px;
	background-color : #6DBB4B;
	border-radius : 10px;
	margin : 50px 0;
	color : #ffffff;
	font-size : 22px;
}
.links{
	width : 440px;
	height : 260px;
	font-size : 20px;
	font-weight : bold;
	display : flex;
	flex-direction : column;
	gap : 130px;
	margin : 0 auto;
/* 	background-color : skyblue;  */
}
.links .find_pass {
	color : #BEBEBE;
}

@media screen and (max-width:1000px) {
#header .sector>a>img{
	width : 7vw;
	height : 7vw;
	position : absolute;
	top : 50%;
	left : 0;
	transform : translateY(-50%);
}
	.logo_img{
		width : 100%;
		height : 320px;
/* 	    background-color : yellow; */
		text-align : center;
	}
    .logo_img>img{
		width : 40vw;
		height : 40vw;
	}	
	.login>form>input{
		width : 88vw;
		height : 15vw;
		border : 1px solid #707070;
		border-radius : 10px;
	}
	.login>form>input:first-child{
		border-radius : 10px 10px 0 0;
	}
	.login>form>input + input{
		border-radius : 0 0 10px 10px;
		border-top: 0;
	}
	input::placeholder {
		font-size : 4vw; 
	}
	.login>form>.login_btn{
		width : 88vw;
		height : 15vw;
		background-color : #6DBB4B;
		border-radius : 10px;
		margin : 25px 0;
		color : #ffffff;
		font-size : 4.4vw;
	}
	.links{
		width : 88vw;
		height : 15vw;
		font-size : 4vw;
		font-weight : bold;
		display : flex;
		flex-direction : column;
		gap : 100px;
		margin : 0 auto;
	/* 	background-color : skyblue;  */
	}
}
/************************************** 
	로그인페이지 끝
**************************************/

/************************************** 
	회원가입페이지 시작
**************************************/
.signup_form {
/* 	background-color : pink; */
	width : 440px;
	/* min-height : 100vh; */
	margin : 0 auto;
	display : flex;
	flex-direction : column;
}
.tit_bold{
	font-size : 20px;
	font-weight : bold;
}
.inputbox{
	width : 100%;
	height : 60px;
	border: 1px solid #858585;
	border-radius: 5px;
	margin : 7.5px 0;
}

#checkCodeBtn{
	background-color : #858585;
}
.send{
	position : relative;
}
.tel_btn{
	width : 128px; 
	height : 60px;
	background-color :  #6DBB4B;
	border-radius: 0px 5px 5px 0px;
	position : absolute;
    color : #ffffff;
	font-size :20px;
	top: 7.5px;
	right: 0px;
}
.tel_btn:disabled {
  background: #858585; 
  color: #666;
  cursor: not-allowed;
}
.signbox{
	margin-bottom : 35px;
}
#agree_all{
	margin-right : 10px;
}
#agree_all::before{
	border : 2px solid #707070;
}
.checkbox{
	margin-right : 5px;
	width : 25px;
	height : 25px;
}
.agree_a, .agree_b{
	margin-bottom : 17px; 
}
.agree_a a, .agree_b a{
	float: right;
}
hr{
    margin: 25px 0; 
}


@media screen and (max-width:1000px) {
#header .sector>a>img{
	width : 7vw;
	height : 7vw;
	position : absolute;
	top : 50%;
	left : 0;
	transform : translateY(-50%);
}
	.signup_form {
		/* background-color : pink; */
		width : 88vw;
		margin : 0 auto;
	}
	.tit_bold{
		font-size : 4vw;
		font-weight : bold;
	}
	.inputbox{
		width : 100%;
		height : 12vw;
		padding: 0 2vw;
		border: 1px solid #858585;
		border-radius: 5px;
		margin : 7.5px 0;

	}
	.tel_btn{
		width : 25.7vw; 
		height : 12vw;
		background-color :  #6DBB4B;
		border-radius: 0px 5px 5px 0px;
		position : absolute;
		color : #ffffff;
		font-size :4vw;
     	top: 7.5px;
		right: 0px; 
	}
	.checkbox{
		margin-right : 5px;
		width : 5vw;
		height : 5vw;
	}

}
/************************************** 
	회원가입페이지 끝
**************************************/

/************************************** 
	비밀번호찾기 시작
**************************************/
.send{
	position: relative;
}
.tel_btn{
	width : 128px; 
	height : 60px;
	background-color :  #6DBB4B;
	border-radius: 0px 5px 5px 0px;
	position : absolute;
    color : #ffffff;
	font-size :20px;
	top: 7.5px;
	right: 0px;
}

@media screen and (max-width:1000px) {
	#header .sector>a>img{
		width : 7vw;
		height : 7vw;
		position : absolute;
		top : 50%;
		left : 0;
		transform : translateY(-50%);
}
	.tel_btn{
		width : 25.7vw; 
		height : 12vw;
		background-color :  #6DBB4B;
		border-radius: 0px 5px 5px 0px;
		position : absolute;
		color : #ffffff;
		font-size :4vw;
     	top: 7.5px;
		right: 0px; 
	}

}
/************************************** 
	비밀번호찾기 끝
**************************************/

/************************************** 
	메인페이지01 시작
**************************************/
header .sector .top_btn{
	width : 100%;
/* 	background-color : pink; */
	display : flex;
	justify-content : right;
	gap : 5px;
}
header .sector .top_btn>a{
	width : 110px;
	height : 40px;
	border : 1px solid #707070;
	font-size : 20px;
	align-content : center;
	border-radius : 5px;
	background-color : #ffffff;
}
.select .datebar {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #eee; 
  
}
.datebar::-webkit-scrollbar { 
	display: none; 
}
.select .datebar .datebar_list {
	display: flex;
	gap: 50px;
	justify-content : center;
	scroll-snap-type: x mandatory;
}
.datebar_item { 
	flex: 0 0 auto; 	
}
.date_btn {
	display: grid;
	color: #000;
	font-size: 20px;
	place-items: center;
	scroll-snap-align: center;
}
.date_btn .date_d {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;                
	height: 50px;               
	border-radius: 50%;         
	margin-bottom: 6px;         
	font-weight: bold;
	color: #000;
}
.date_btn .date_w {
	color : #CFCFCF;
}

/* 활성화상태 시작*/
.datebar_item .date_btn.on .date_d { 
	background-color : var(--sub-color);
	color: #fff;  
}
.datebar_item .date_btn.on .date_w { 
	color: var(--sub-color); 
	font-weight: 600;
}
/* 활성화상태 끝 */

.store_box{
	height : 75px;
	display: flex;
	justify-content : space-between;
	align-items: center;
	gap: 8px;
	padding: 8px 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
}
.store_label{
	font-size: 20px;
	font-weight : bold;
	flex: 0 0 auto;   
}
.store_select{
    flex: 1 1 auto; 
    height: 40px;
    padding: 0 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 20px;
    background: #fff;
	
}
.storemap_btn {
	width : 110px;
	height : 40px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 20px;
	padding: 6px 10px;
	background: #fff;
}
.content{
/*  	background-color: yellowgreen;   */
 	min-height : 800px;
	display: flex; 
	align-items: center; 
	justify-content: center; 
	padding: 40px 12px;
}
.content .empty_txt{
	color: #CFCFCF;
	font-size: 20px; 
	text-align: center;
}

@media screen and (max-width:1000px) {
	header .sector .top_btn{
		width : 100%;
		/* background-color : pink; */
		display : flex;
		justify-content : right;
	    gap : 5px;
	} 
	header .sector .top_btn>a{
		width : 22vw;
		height : 8vw;
		border : 1px solid #707070;
		font-size : 4vw;
		align-content : center;
		border-radius : 5px;
		background-color : #ffffff;
	}
	.select .datebar .datebar_list {
	  display: flex;
	  gap: 10vw;
	  justify-content : center;
	  scroll-snap-type: x mandatory;
	}
	.datebar_item { 
		flex: 0 0 auto; 
	}
	.date_btn .date_d {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 10vw;                
		height: 10vw;               
		border-radius: 50%;         
		margin-bottom: 6px;         
		font-weight: bold;
		color: #000;
	}
	.date_btn .date_w {
		color : #CFCFCF;
	}

	/* 활성화상태 시작*/
	.datebar_item .date_btn.on .date_d { 
		background-color : var(--sub-color);
		color: #fff;  
	}
	.datebar_item .date_btn.on .date_w { 
		color: var(--sub-color); 
		font-weight: 600;
	}
	/* 활성화상태 끝 */

	.store_box{
		height : 15vw;
		display: flex;
		justify-content : space-between;
		align-items: center;
		gap: 8px;
		padding: 8px 3vw;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background-color: #eee;
	}
	.store_label{
		font-size: 4vw;
		font-weight : bold;
		flex: 0 0 auto;   
	}
	.store_select{
		flex: 1 1 auto; 
		height: 8vw;
		padding: 0 2.4vw;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 4vw;
		background: #fff;
		
	}
	.storemap_btn {
		width : 22vw;
		height : 8vw;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 4vw;
		padding: 6px 10px;
		background: #fff;
	}
	.content{
	/* 	background-color: yellowgreen; */ 
		min-height : 80vw;
		display: flex; 
		align-items: center; 
		justify-content: center; 
		padding: 40px 12px;
	}
	.content .empty_txt{
		color: #CFCFCF;
		font-size: 4vw; 
		text-align: center;
	}

}
/************************************** 
	메인페이지01 끝
**************************************/

/************************************** 
	마이페이지 시작
**************************************/
.find{
	/* background-color : pink;   */ 
	width : 440px;
	min-height : 1050px;
	margin : 0 auto;
	display: flex;              
	flex-direction: column;
}
.signbox>span{
	margin-left : 20px;
	font-size : 18px;
	font-weight : bold;
	color : #4E8537;
}
.find .save_btn{
	position : static;
}
.send{
	position: relative;
}

@media screen and (max-width:1000px) {

	.find{
/* 		background-color : pink; */
		width : 88vw;
		height : 100vh;
		margin : 0 auto;
		position : relative;
	}
	.signbox>span{
		margin-left : 20px;
		font-size : 3.6vw;
		font-weight : bold;
		color : #4E8537;
	}
	.find .save_btn{
		position : static;	
	}
}

/************************************** 
	마이페이지 끝
**************************************/

/************************************** 
	메인페이지02 시작
**************************************/
.store_info, 
.store_total {
	height : 75px;
	padding: 8px 30px;
	border-bottom: 1px solid #eee;
	text-align : center;
	align-content : center;
	line-height : 1.6;
}
.store_info p {
	font-size : 18px;
}
.store_info span {
	font-weight : bold;
}
.store_total {
	background-color : var(--price-color);
	color : #fff;
	display : flex;
	justify-content : space-between;
	align-items : center;
}
.store_total h2{
	font-size : 30px; 
	font-weight : bold;
}
.datebar_item { 
	flex: 0 0 auto; 
}
.date_btn {
	display: grid;
	color: #000;
	font-size: 20px;
	place-items: center;
	scroll-snap-align: center;
}
.date_btn .date_d {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;                
	height: 50px;               
	border-radius: 50%;         
	margin-bottom: 6px;         
	font-weight: bold;
	color: #000;
}
.date_btn .date_w {
	color : #CFCFCF;
}

/* 활성화상태 시작*/
.datebar_item .date_btn.on .date_d { 
	background-color : var(--sub-color);
	color: #fff;  
}
.datebar_item .date_btn.on .date_w { 
	color: var(--sub-color); 
	font-weight: 600;
}
/* 활성화상태 끝 */

.product{
/*  	background-color: yellowgreen;  */
	min-height : 800px; 
	display: flex; 
	align-items: start; 
	justify-content: center; 
	padding: 0 10px;
}
.product .empty_txt{
	color: #CFCFCF;
	font-size: 20px; 
	text-align: center;
}

.product .full_list{
	width: 95%;
}

.product .full_list .full{
	/* background-color: gold; */ 
	height : 150px;
	align-content : center;
	border-bottom : 1px solid #CFCFCF;
}
.product .full_list .full .full_item {
    display: grid;
    grid-template-columns: 100px 2fr auto; 
    gap: 10px;
    align-items: start;
}
.product .full_list .full .full_item>img{
	width: 100px; 
	height: 100px; 
	background:#ccc; 
	object-fit: cover;
}
.product .full_list .full .full_item .full_item_txt{
	display: grid;
	gap: 6px;
	font-size: 20px;
}

.product .full_list .full .full_item .full_title{
	font-size: 18px; 
	font-weight: 700;
	line-height: 1.3;
}
.product .full_list .full .full_item .full_item_price{
	align-self: end;         
	font-weight: 800; 
	font-size: 22px;
	white-space: nowrap;    
}
.price_color {
	color : var(--sub-color);
}

/* 팝업 시작 */
#popup_layer{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120vh;
	background: rgba(0,0,0,0.3);
	z-index: 1000;
}
.popup_box{
	display: none;
	position: fixed;
	top: 50%;
	left: 6%;
	width : 88%;
	/* height : 445px; */
	transform: translateY(-50%);
	background-color : #ffffff;
	text-align : center;
}
.popup_box .popup_header,
.popup_buttons {
	padding : 20px 10px;
}
.popup_box .popup_header>h4{
	font-weight : bold;
}
.popup_box .popup_contents{
	padding : 40px 10px;
	/* color : #CFCFCF;  */
}
.popup_box .popup_buttons {
	display : flex;
	justify-content : space-between;
}

.popup_box .popup_buttons label{
	font-size : 16px;
	align-content : center;
	
}
input[type=checkbox]{
	width : 20px;
	height : 20px;
	margin-right : 5px;
}
.popup_button01{
	width : 110px;
	height : 40px;
	background: #6DBB4B;
	border-radius: 5px;
	color : #fff;
	font-size : 20px;
}
/* 팝업 끝 */

.ok {
	/* background-color : yellow; */
	width : 440px;
	margin : auto;
}

@media screen and (max-width:1000px) {
	.select .datebar .datebar_list {
	  display: flex;
	  gap: 10vw;
	  justify-content : center;
	  scroll-snap-type: x mandatory;
	}
	.datebar_item { 
		flex: 0 0 auto; 
	}
	.date_btn {
		display: grid;
		color: #000;
		font-size: 4vw;
		place-items: center;
		scroll-snap-align: center;
	}
	.date_btn .date_d {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 10vw;                
		height: 10vw;               
		border-radius: 50%;         
		margin-bottom: 6px;         
		font-weight: bold;
		color: #000;
	}
	.date_btn .date_w {
		color : #CFCFCF;
	}

	/* 활성화상태 시작*/
	.datebar_item .date_btn.on .date_d { 
		background-color : var(--sub-color);
		color: #fff;  
	}
	.datebar_item .date_btn.on .date_w { 
		color: var(--sub-color); 
		font-weight: 600;
	}
	/* 활성화상태 끝 */
	.store_info, 
	.store_total {
		height : 15vw;
		padding: 8px 30px;
		border-bottom: 1px solid #eee;
		text-align : center;
		align-content : center;
		line-height : 1.6;
	}
	.store_info p {
		font-size : 3.6vw;
	}
	.store_box{
		height : 15vw;
		display: flex;
		justify-content : space-between;
		align-items: center;
		gap: 8px;
		padding: 8px 3vw;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background-color: #eee;
	}
	.store_label{
		font-size: 4vw;
		font-weight : bold;
		flex: 0 0 auto;   
	}
	.store_select{
		flex: 1 1 auto; 
		height: 8vw;
		padding: 0 2.4vw;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 4vw;
		background: #fff;		
	}
	.storemap_btn {
		width : 22vw;
		height : 8vw;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 4vw;
		padding: 6px 10px;
		background: #fff;
	}
	.store_total h2{
		font-size : 6vw; 
		font-weight : bold;
	}

	.product{
	/* 	background-color: yellowgreen; */ 
		min-height : 100vw;
		display: flex; 
		align-items: start; 
		padding: 0 10px;
	}
	.product .empty_txt{
		color: #CFCFCF;
		font-size: 4vw; 
		text-align: center;
	}
	
	.product .full_list .full{
		/* background-color: gold; */ 
		height : 30vw;
		align-content : center;
		border-bottom : 1px solid #CFCFCF;
	}
	.product .full_list .full .full_item {
		display: grid;
		grid-template-columns: 22vw 2fr auto; 
		gap: 5px;
		align-items: start;
	}
	.product .full_list .full .full_item>img{
		width: 20vw; 
		height: 20vw; 
		background:#ccc; 
		object-fit: cover;
	}
	.product .full_list .full .full_item .full_item_txt{
		display: grid;
		gap: 6px;
		font-size: 4vw;
	}

	.product .full_list .full .full_item .full_title{
		font-size: 4vw; 
		font-weight: 700;
		line-height: 1.3;
	}
	.product .full_list .full .full_item .full_item_price{
		align-self: end;         
		font-weight: 800; 
		font-size: 4.4vw;
		white-space: nowrap;    
	}
	
	/* 팝업 시작 */
	.popup_box .popup_header,
	.popup_buttons {
		padding : 20px 10px;
	}
	.popup_box .popup_header>h4{
		font-weight : bold;
	}
	.popup_box .popup_contents{
		padding : 40px 10px;
		/* color : #CFCFCF;  */
	}
	.popup_box .popup_buttons {
		display : flex;
		justify-content : space-between;
	}

	.popup_box .popup_buttons label{
		font-size : 3.2vw;
		align-content : center;
		
	}
	input[type=checkbox]{
		width : 4vw;
		height : 4vw;
		margin-right : 5px;
	}
	.popup_button01{
		width : 22vw;
		height : 8vw;
		background: #6DBB4B;
		border-radius: 5px;
		color : #fff;
		font-size : 4vw;
	}
	/* 팝업 끝 */
	
	.ok {
		/* background-color : yellow; */
		width : 88vw;
		margin : auto;
	}

}

/************************************** 
	메인페이지02 끝
**************************************/

/************************************** 
	메인페이지03 시작
**************************************/
.product .full_list .reserve{
	 /* background-color: gold; */
	/* height : 280px; */
	align-content : center;
	border-bottom : 1px solid #CFCFCF;
	padding : 15px 0
}
.product .full_list .reserve .reserve_item{
	position: relative;
}
.product .full_list .reserve .reserve_item.block::after{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-weight: bold;
	content: "예약 마감";
	z-index: 9;
}
.product .full_list .reserve .reserve_item img{
	display : block;
	width: 440px; 
	height: 250px; 
	background-color : #ccc; 
	object-fit: cover;
}
.product .full_list .reserve .reserve_item .reserve_bottom{
	/* background-color: pink; */
	display : flex;
	justify-content : space-between;
	align-items : center;
	margin : 10px 0;
}
.product .full_list .reserve .reserve_item .reserve_title{
	font-size: 20px; 
	font-weight: 700;
	line-height: 1.8; 
}
.product .full_list .freserve .reserve_item .reserve_item_price{
	align-self: end;         
	font-weight: 800; 
	font-size: 22px;
	white-space: nowrap;    
}
.reserve_btn{
	width : 110px;
	height : 40px;
	color : #fff;
	font-size : 20px;
	background-color : var(--main-color);
	border-radius : 5px;
}
.reserve_btn:disabled{
	background-color : #666;
}
.price_color {
	color : var(--sub-color);
	font-weight : bold;
}

/* 예약창 시작 */
.popup_box .re_popup_header,
.popup_footer {
	/* background-color : pink; */
	padding : 20px;
}
.popup_box .re_popup_header>h4{
	font-weight : bold;
}
.popup_box .re_popup_header{
	display : flex;
	justify-content : flex-end;
	gap : 140px;
	align-items : center;
}
.popup_box .re_popup_header .re_popup_close{
	font-size : 30px;
}
.popup_contents.reserve{
	background-color : #F6F6F6;
	padding : 30px;
}
/* .popup_box .popup_contents .reserve_card{
	background-color : yellow;
} */
.re_price{
	color : var(--sub-color);
	font-weight : bold;
}
.popup_contents .reserve_card .re_row{
	display : flex;
	justify-content : space-between;
	align-items : center;
	margin : 20px 0;
}
.popup_contents .reserve_card>p{
	margin-bottom : 10px;
}
.reserve_card .re_row .re_label{
	font-weight : bold;
}
.re_stepper{
	/* background-color : orange; */
	display: inline-flex;
	align-items: stretch;       
	overflow: hidden; 
}
.re_stepper button{
	width : 30px;
	height : 30px;
	background-color :var(--main-color);
}
.re_count_input,
.re_total_input {
	width : 150px;
	height : 30px;
	text-align : center;
	line-height : 36px;
	border: 1px solid #CFCFCF;
}

.popup_footer {
	display : flex;
	justify-content : center;
	gap : 20px;
}
.popup_footer .pop_botton02{
	background-color : #CFCFCF;
}
.popup_footer button{
	width : 220px;
	height : 50px;
	background: #6DBB4B;
	border-radius: 5px;
	color : #fff;
	font-size : 20px;
}
/* 예약창 끝 */

@media screen and (max-width:1000px) {
	.product .full_list .reserve .reserve_item{
		width : 88vw;
	}
	.product .full_list .reserve .reserve_item.block::after{
		height: 40vw;
	}
	.product .full_list .reserve .reserve_item img{
		display : block;
		width: 100%; 
		height: 40vw; 
		background-color : #ccc; 
		object-fit: cover;
	}
	.product .full_list .reserve .reserve_item .reserve_title{
		font-size: 4vw; 
		font-weight: 700;
		line-height: 1.8; 
	}
	.product .full_list .freserve .reserve_item .reserve_item_price{
		align-self: end;         
		font-weight: 800; 
		font-size: 4.4vw;
		white-space: nowrap;    
	}
	.reserve_btn{
		width : 22vw;
		height : 8vw;
		color : #fff;
		font-size : 4vw;
		background-color : var(--main-color);
		border-radius : 5px;
	}
	
	/* 예약창 시작 */
	.popup_box .re_popup_header,
	.popup_footer {
		/* background-color : pink; */
		padding : 10px;
	}
	.popup_box .re_popup_header>h4{
		font-weight : bold;
	}
	.popup_box .re_popup_header{
		display : flex;
		justify-content : flex-end;
		gap : 30vw;
		align-items : center;
	}
	.popup_box .re_popup_header .re_popup_close{
		font-size : 6vw;
	}
	.popup_contents.reserve{
		background-color : #F6F6F6;
		padding : 20px;
	}
	/* .popup_box .popup_contents .reserve_card{
		background-color : yellow;
	} */
	.re_price{
		color : var(--sub-color);
		font-weight : bold;
	}
	.popup_contents .reserve_card .re_row{
		display : flex;
		justify-content : space-between;
		align-items : center;
		margin : 20px 0;
	}
	.popup_contents .reserve_card>p{
		margin-bottom : 10px;
	}
	.reserve_card .re_row .re_label{
		font-weight : bold;
	}
	.re_stepper{
		/* background-color : orange; */
		display: inline-flex;
		align-items: stretch;
		overflow: hidden;
	}
	.re_stepper button{
		width : 8vw;
		height : 8vw;
		background-color :var(--main-color);
	}
	.re_count_input,
	.re_total_input {
		width : 30vw;
		height : 30px;
		text-align : center;
		line-height : 36px;
		border: 1px solid #CFCFCF;
	}

	.popup_footer {
		display : flex;
		justify-content : center;
		gap : 20px;
	}
	.popup_footer .btn.cancell{
		background-color : #CFCFCF;
	}
	.popup_footer button{
		width : 44vw;
		height : 10vw;
		background: #6DBB4B;
		border-radius: 5px;
		color : #fff;
		font-size : 4vw;
	}
	/* 예약창 끝 */
		
}
/************************************** 
	메인페이지03 끝
**************************************/

/************************************** 
	예약창 시작
**************************************/

/************************************** 
	예약창 끝
**************************************/

/************************************** 
	공지사항 시작
**************************************/
.h_notice {
	/* background-color :green; */ 
	width : 100%;
	height : 150px;
	padding-bottom : 30px;
	border-bottom : 1px solid #CFCFCF;
}
.h_notice.noti_user {
	height : 70px;
}
.h_notice h2{
	font-weight : bold;
	font-size : 24px;
	margin-bottom : 20px;
}
.h_notice .notice_date{
	text-align : right;
	margin-bottom : 20px;
	color : #CFCFCF;
	font-size : 18px;
}
.h_notice .h_notice_row{
	display : flex;
	justify-content : space-evenly;
}

.h_notice_row .notice_btn{
	width : 170px;
	height : 50px;
	background-color : #CFCFCF;
	color : #fff;
	border-radius : 10px;	
}
.h_notice_row .notice_btn.modify{
	background-color : var(--main-color);
}
.m_notice{
	/* background-color : pink; */ 
	width : 100%;
	min-height : 750px;
	padding : 30px 0;
}
.m_notice .notice_img {
	width : 370px;
	height : 200px;
	background-color : #CFCFCF;
	margin : 0 auto;
	text-align : center;
	align-content : center;
	color : #fff;
}
.m_notice .notice_con{
	/* background-color : yellow; */
	width : 100%;
	height : auto;
	padding : 30px 0;
}
.m_notice .notice_con img {
	max-width : 100%;
}
.bottom_btn.f_notice{
	padding : 0 30px;
}
/* .f_notice_row{
	background-color : yellow;
} */
.f_notice_row .notice_bold{
	font-weight : bold;
	margin-right : 20px;
}
.f_notice_row>p{
	margin-bottom : 25px;
}
.f_notice_row>p:nth-child(1){
	margin-top : 25px;
}
.f_notice_row .notice_gray{
	color : #CFCFCF;
}
.bottom_hr,
.f_notice_hr{
	border : none;
	border-top : 1px solid #CFCFCF; 
}

@media screen and (max-width:1000px) {
	.h_notice {
		height : 25vw;
		padding-bottom : 6vw;
	}
	.h_notice.noti_user {
		height : 14vw;
	}
	.h_notice h2{
		font-size : 4.4vw;
		margin-bottom : 4vw;
	}
	.h_notice .notice_date{
		margin-bottom : 4vw;
		font-size : 3.6vw;
	}

	.h_notice_row .notice_btn{
		width : 34vw;
		height : 10vw;
		border-radius : 2vw;	
	}
	.m_notice{
		min-height : 150vw;
		padding : 6vw 0;
	}
	.m_notice .notice_img {
		width : 80vw;
		height : 80vw;
	}
	.m_notice .notice_con{
		padding : 6vw 0;
	}
	.bottom_btn.f_notice{
		padding : 0 6vw;
	}
	.f_notice_row .notice_bold{
		margin-right : 4vw;
	}
	.f_notice_row>p{
		margin-bottom : 5vw;
	}
	.f_notice_row>p:nth-child(1){
		margin-top : 5vw;
	}
}
/************************************** 
	공지사항 끝
**************************************/

/* 유저용 끝 */

/* 지점용 시작 */
#header .h_inner.top02{
    background-color :#FFFFFF; 
	height : 75px;
	border-bottom : 1px solid #CFCFCF;
	display : flex;
	/* justify-content : center; */
	align-items : center;
}
#header .h_inner>a {
	/* background-color :#ccc; */
	display: block;
	width : 250px;
	height : 100%;
	align-content : center;
	color : #CFCFCF;
	font-weight : bold;
}
#header .h_inner .back_btn {
    width: 50px;   
    display: flex;
    justify-content: center;
    align-items: center;
	/* border-bottom: 3px solid #4E8537; */
}
#header .h_inner .mypage {
    flex: 1;        
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #CFCFCF;
    text-align: center;
}
#header .h_inner .mypage.on {
	color: var(--sub-color);           
	border-bottom: 3px solid #4E8537;  
}
#header .h_inner>a>img{
 	/* background-color : red; */
	width : 30px;
	height : 30px;
}
#header .h_inner>a h3 {
	font-weight : bold;
}

@media screen and (max-width:1000px) {
	#header .h_inner {
		background-color :#FFFFFF; 
		height : 15vw;
		border-bottom : 1px solid #CFCFCF;
		display : flex;
		justify-content : center;
		align-items : center;
		/* position : relative; */
	}
	#header .h_inner.top02{
		background-color :#FFFFFF; 
		height : 15vw;
		border-bottom : 1px solid #CFCFCF;
		display : flex;
		justify-content : center;
		align-items : center;
		/* position : relative; */
	}
}


/************************************** 
	로그인페이지 시작
**************************************/

/************************************** 
	로그인페이지 끝
**************************************/

/************************************** 
	마이페이지 시작
**************************************/
textarea {
	width : 440px;
	height : 170px;
	border: 1px solid #858585;
	border-radius: 5px;
	margin : 7.5px 0;
	padding-top : 10px;
}
.signbox .row.adress{
	display : flex;
	align-items : center;
}
.row.adress .inputbox .inputbox{
	flex: 1; 
}
.search_btn{
	width : 128px; 
	height : 60px;
	background-color :  #6DBB4B;
	border-radius: 0px 5px 5px 0px;
    color : #ffffff;
	font-size :20px;
	flex: 0 0 100px;  
}
@media screen and (max-width:1000px) {
	.search_btn{
		width : 25vw; 
		height : 12vw;
		background-color :  #6DBB4B;
		border-radius: 0px 5px 5px 0px;
		color : #ffffff;
		font-size :4vw;
		flex: 0 0 100px;  
	}
	textarea {
		width : 78vw;
		height : 34vw;
		border: 1px solid #858585;
		border-radius: 5px;
		margin : 7.5px 0;
		padding : 0 5px;
		font-size : 4vw;
	}
}
/************************************** 
	마이페이지 끝
**************************************/

/************************************** 
	주문관리_고객별(s_order01) 시작
**************************************/
.select .s_order_top{
	/* background-color : pink; */
	height : 330px;
	border-bottom: 1px solid #eee;
}
.select .s_order_top.product_order_top{
	height : 180px;
}
.s_order_date{
	/*background-color : pink; */
	height: 40px;
	padding: 0 0 30px 0;
	text-align: center;
}
.s_order_date .s_datebar_box .datebar__btn {
	width : 90px;
	height : 40px;
	border : 1px solid #707070;
	border-radius: 5px;
}
.s_date_today{
	margin : 0 10px;
}
.s_order_category{
	height: 75px;
    padding: 0 20px 10px 20px;
}
.s_order_category .category_box{
	display : flex;
	justify-content : center;
	align-items : center;
	gap : 20px;
}
.s_order_category .category_box .category_btn{
	width : 200px;
	height : 75px;
	background-color : #c8c8c8;
	color : #fff;
	font-size : 22px;
	border-radius: 10px;
}
.s_order_category .category_box .category_btn.active{
	background-color : var(--main-color);
}
.s_order_search{
	/* background-color : skyblue; */
	width : 440px;
	height : 120px;
	margin : 0 auto;
	padding-bottom : 10px;
	/* border-bottom: 1px solid #eee; */
}
.s_order_search .s_order_form .search_box{
	display : flex;
	justify-content : start;
	align-items : center;
	gap : 20px;
	padding : 10px 0;
}
/* .s_order_search .s_order_form .search_box:nth-of-type(2){
	margin-bottom : 10px;
} */
.s_search_btn {
	width : 128px; 
	height : 60px;
	border: none;             
    background: #6DBB4B;      
    color: #fff;               
    border-radius: 5px;
	font-size :20px;
}
.customer{
/	/* background-color: yellowgreen; */
	min-height : 800px; 
	margin : 0 auto;
	/* padding: 0 10px; */
}
/* .user_list{
	background-color: yellowgreen;
	padding: 15px 10px;
} */
.user_list .user_con .user_box {
	/* background-color: ; */
	height : 120px;
	width : 100%;
	border-bottom : 1px solid #CFCFCF; 
	display : flex;
	justify-content : space-between;
	align-items : center;
	font-size : 22px;
	margin-top : 10px;
}
.user_list .user_con .user_box .user a p:nth-child(1){
	margin-bottom : 5px;
	font-weight : bold;
}
.receive_btn{
	width : 100px;
	height : 40px;
	color : #fff;
	border-radius : 5px;
	font-size : 20px;
}
.receive_btn.done{
	background-color :#C8C8C8;
}
.receive_btn.pending{
	background-color : var(--main-color);
}
.receive_btn.no_show{
	background-color : var(--price-color);
}

@media screen and (max-width:1000px) {
	.select .s_order_top{
		height : 70vw;
		border-bottom: 1px solid #eee;
	}
	.select .s_order_top.product_order_top{
		height : 40vw;
	}
	.s_order_date{
		/* background-color : pink; */
		height: 7vw;
		text-align: center;
		align-content : center;
		padding-top: 3vw;
        padding-bottom: 6vw;
	}
	.s_order_date .s_datebar_box .datebar__btn {
		width : 17vw;
		height : 8vw;
		border : 1px solid #707070;
		border-radius: 5px;
	}
	.s_date_today{
		margin : 0 2vw;
	}
	.s_order_category{
		height: 15vw;
		padding: 0 20px 10px 20px;
	   /*  border-bottom: 1px solid #eee; */
	}
	.s_order_category .category_box{
		/* background-color : pink; */
		display : flex;
		justify-content : space-between;
		align-items : center;
	}
	.s_order_category .category_box .category_btn{
		width : 40vw;
		height : 10vw;
		height : 15vw;
		background-color : #c8c8c8;
		color : #fff;
		font-size : 4.4vw;
		border-radius: 10px;
	}
	.s_order_search{
		/* background-color : skyblue; */
		width : 88vw;
		height : 20vw;
		margin : 0 auto;
		padding-bottom : 20px;
		/* border-bottom: 1px solid #eee; */
	}
	.s_order_search .s_order_form .search_box{
		padding : 5px 0;
		display : flex;
		justify-content : start;
		align-items : center;
		gap : 10px;
	}
	.s_search_btn {
		width : 25.7vw; 
		height : 12vw;
		border: none;             
		background: #6DBB4B;      
		color: #fff;               
		border-radius: 5px;
		font-size : 4vw;
	}
	.customer{
		/* background-color: gold; */
		width : 88vw;
		padding : 0 20px;
		box-sizing: border-box;
		margin : 0 auto;
	}

	.user_list .user_con .user_box {
		/* background-color: pink; */
		height : 24vw;
		width : 100%;
		border-bottom : 1px solid #CFCFCF;
		display : flex;
		justify-content : space-between;
		align-items : center;
		font-size : 4.4vw;
		box-sizing: border-box;
	}
	.user_list .user_con .user_box .user a p:nth-child(1){
		margin-bottom : 5px;
		font-weight : bold;
	}
	.receive_btn{
		width : 20vw;
		height : 8vw;
		color : #fff;
		border-radius : 5px;
		font-size : 4vw;
	}
	.receive_btn.done{
		background-color :#C8C8C8;
	}
	.receive_btn.pending{
		background-color : var(--main-color);
	}
	.receive_btn.no_show{
		background-color : var(--price-color);
	}
}
/************************************** 
	주문관리_고객별(s_order01) 끝
**************************************/

/************************************** 
	주문관리_고객별_주문상세보기(s_order01-1) 시작
**************************************/
.product .full_list .full.order {
    /* background-color: gold; */
    height: 250px;
    align-content: center;
    border-bottom: 1px solid #CFCFCF;
}
.order_btnbox{
	/* background-color: blue; */
	width : 100%;
	height : 75px;
	margin-top : 25px;
	text-align : center;
	align-content : center;	
}
.order_btn{	
	width : 215px;
	height : 75px;
	background-color : #c8c8c8;
	color : #fff;
	font-size : 22px;
	border-radius: 10px; 
	padding : 20px;
}
.order_btn.change{
	background-color : var(--main-color);
}
.bottom_btn.order_complete{
	padding:12px; 
	background-color :#fff; 
}
.btn_row{ 
	display:flex; 
	gap:12px; 
}
.bottom_btn.order_complete .submit_btn{
	flex : 1;
    height:75px;
    border-radius:10px;
}
.btn_row .submit_btn.no_show{
	background-color : var(--price-color); 
}
.thin{
	font-size : 18px;
	font-weight : 300;
}
@media screen and (max-width:1000px) {
	.product .full_list .full.order {
		/* background-color: gold; */
		height: 50vw;
		align-content: center;
		border-bottom: 1px solid #CFCFCF;
	}
	.order_btnbox{
		/* background-color: blue; */
		width : 100%;
		height : 15vw;
		margin-top : 25px;
		text-align : center;
		align-content : center;	
	}
	.order_btn{	
		width : 43vw;
		height : 15vw;
		background-color : #c8c8c8;
		color : #fff;
		font-size : 4.4vw;
		border-radius: 10px; 
		padding : 20px;
	}
	.order_btn.change{
		background-color : var(--main-color);
	}
	.bottom_btn.order_complete{
		padding:12px; 
		background-color :#fff; 
	}
	.btn_row{ 
		display:flex; 
		gap:12px; 
	}
	.bottom_btn.order_complete .submit_btn{
		flex : 1;
		height:15vw;
		border-radius:10px;
	}
	.btn_row .submit_btn.no_show{
		background-color : var(--price-color); 
	}
	.thin{
		font-size : 3.6vw;
		font-weight : 300;
	}

}
/************************************** 
	주문관리_고객별_주문상세보기(s_order01-1) 끝
**************************************/

/************************************** 
	주문관리_상품별(s_order02) 시작
**************************************/
.customer{
/*  	background-color: yellowgreen;  */
	width : 440px;
	min-height : 800px; 
	margin: 0 auto;
	/* padding: 0 10px*/
}
/* .user_list{
	background-color: yellowgreen;
	padding: 10px;
} */
.user_list .user_con .user_box.products {
	/* background-color: gold;  */
	height : 170px;
	width : 100%;
}
.user_list .user_con .user_box>a {
	/* background-color: red; */
	display : block;
	width : 100%;
	display : flex;
	justify-content : space-between;
	align-items : center;
	font-size : 22px;
	padding : 20px 0;
}
.user_list .user_con .user_box > a.store_order_info {
	justify-content: left;
}
.user_list .user_con .user_box>a img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  flex-shrink: 0;
  background-color : #ccc;
}
.user_list .user_con .user_box>a .full_item_txt {
  flex: 0 0 200px;        
  text-align: left;
  overflow: hidden;        
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user_list .user_con .user_box>a.store_order_info .full_item_txt {
  margin-left: 20px;
}
.user_list .user_con .user_box>a p{
	font-size : 20px;
}
.user_list .user_con .user_box>a p:nth-child(1){
	font-weight : bold;
}
.user_list .user_con .user_box>a p:nth-child(2){
	margin : 5px 0;
}
@media screen and (max-width:1000px){
	.s_order_category{
		/* background-color : pink; */
		align-content : center;
		padding: 0 10px;
	}
/* 	.customer{
	background-color: yellowgreen;
		width : 88vw;
		min-height : 800px; 
		margin: 0 auto;
		padding : 0 20px;
	} 
	 */
	.user_list .user_con .user_box.products {
		/* background-color: gold;  */
		height : 30vw;
		width : 100%;
	}
	.user_list .user_con .user_box > a {
		/* background-color: red; */
		display : block;
		width : 100%;
		display : flex;
		/* justify-content : space-between; */
		align-items : center;
		font-size : 22px;
		padding : 20px 0;
	}
	.user_list .user_con .user_box > a img {
	  width: 20vw;
	  height: 20vw;
	  object-fit: cover;
	  flex-shrink: 0;   
	  background-color : #ccc;
	}
	.user_list .user_con .user_box>a .full_item_txt {
	  flex: 0 0 40vw;
	  text-align: left;
	  overflow: hidden;        
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	.user_list .user_con .user_box>a.store_order_info .full_item_txt {
	  margin-left: 4vw;
	}
	.user_list .user_con .user_box>a p{
		font-size : 4vw;
	}

}
/************************************** 
	주문관리_상품별(s_order02) 끝
**************************************/

/************************************** 
	주문관리_상품별_상세보기(s_order02-1) 시작
**************************************/
.s_order_category_img{
	/* background-color : pink;  */
	align-content : center;
	height: 100px;
    padding: 0 20px 30px 20px;
   /* border-bottom: 1px solid #eee; */
}
.s_category_con{
	width : 100%;
/* 	background-color : blue;  */
}
.s_category_con .s_category_products{
	display : flex;
	justify-content : space-between;
	align-items : center;
}
.s_category_con .s_category_products.product_order_info{
	justify-content : left;
}
.s_category_con .s_category_products.product_order_info .full_item_txt{
	margin-left: 20px;
}
.s_category_products img{
	width: 200px;
	height: 100px;
	object-fit: cover;
	flex-shrink: 0;  
	background-color : #ccc;
}
.s_order .s_order_title {
	padding: 0 20px;
	background-color : var(--main-color);
	border-top : 1px solid #CFCFCF; 
	border-bottom: 1px solid #CFCFCF;
}
.s_order .s_order_title>h3{
	/* font-weight : bold; */
	margin : 15px 0;
	color : #fff;
}
.s_order_category .s_category_con .s_category_products p:nth-child(2) {
    margin-top: 5px;
    font-weight: bold;
}
.green{
	font-size : 25px;
	font-weight : bold;
	color : var(--sub-color);
}
@media screen and (max-width:1000px){
	.s_order_category{
		/* background-color : pink;  */
		min-width: 20vw;
		align-content : center;
		padding: 0 20px;
		padding-bottom: 3vw;
	}
	.s_category_con .s_category_products.product_order_info .full_item_txt{
		margin-left: 4vw;
	}
	.s_category_products img{
		width: 40vw;
		height: 25vw;
		object-fit: cover;
		flex-shrink: 0;  
		background-color : #ccc;
	}
	
}
/************************************** 
	주문관리_상품별_상세보기(s_order02-1) 끝
**************************************/
/* 지점용 끝 */

/* 최고관리자용 시작*/
/************************************** 
	메뉴페이지 시작
**************************************/
#header {
	position : relative;
	z-index : 1000;
}
#header .adm_top>button{
	width : 36px;
	height : 36px;
	position : absolute;
	top : 50%;
	right : 0; 
	transform : translateY(-50%);
	padding : 0;
}
 #header .adm_top>button>img{
	width : 36px;
	height : 36px;
} 

.adm_menubox{
	/* background-color : pink;  */
	width : 100%;
	min-height : 700px;
	margin : 0 auto;
	
}
.adm_m_list{
	padding : 100px 10px;
}
.adm_m_list .adm_m_con {
	/* background-color : yellow; */
	width : 100%;
	border-bottom : 1px solid #CFCFCF;
}
.adm_m_con .user > a,
.menu_btn{
	display: flex;
	align-items: center;
	width : 100%;
	height: 75px;
	font-size: 20px;
	background-color: #fff;
	border: none;
	text-align: left;
	padding-left : 15px;
	font-weight : 500;
}
.adm_m_con .user .submenu {
  /* list-style: none;
  margin: 0;
  padding: 0;
  background: #EEEEEE;
  max-height: 0;            접힘
  overflow: hidden;
  transition: max-height .25s ease; */
/*   border-top: 1px solid #CFCFCF; */
}

.user.is-open .submenu {
  max-height: 150px;   
}
.adm_m_con .user .submenu li a {
  display: flex;
  align-items: center;
  height: 75px;
  font-size: 20px;
  border-top: 1px solid #CFCFCF;
  text-decoration: none;
}
.adm_m_con .user > a:hover,
.menu_btn:hover{
	color : var(--main-color);
	font-weight : bold;
}
input[type=radio]{
	width : 20px;
	height : 20px;
	margin-right : 5px;
}

@media screen and (max-width:1000px) {
	#header .adm_top>button>img{
		width : 7vw;
		height : 7vw;
	}

	.adm_m_list{
		padding : 20vw 6vw;
	}
	.adm_m_list .adm_m_con {
		background-color : yellow;
		width : 100%;
		border-bottom : 1px solid #CFCFCF;
	}
	.adm_m_con .user > a,
	.menu_btn {
		display: flex;
		align-items: center;
		width : 100%;
		height: 15vw;
		font-size: 4vw;
		background-color: #fff;
		border: none;
		text-align: left;
		margin: 0;      
		/* padding-left : 15px; */
	}
	.adm_m_con .user .submenu {
	  /* list-style: none; */
	  /* margin: 0; */
	  /* padding: 0; */
	  background: #EEEEEE;
	  /* max-height: 0; */            /* 접힘 */
	  /* overflow: hidden; */
	  /* transition: max-height .25s ease; */
	/*   border-top: 1px solid #CFCFCF; */
	}

	.user.is-open .submenu {
	  max-height: 150px;   
	}
	.adm_m_con .user .submenu li a {
	  display: flex;
	  align-items: center;
	  height: 15vw;
	  padding: 0 15px;
	  font-size: 4vw;
	  border-top: 1px solid #CFCFCF;
	  text-decoration: none;
	}
	.adm_m_con .user > a:hove,
	.menu_btn:hover{
		color : var(--main-color);
		font-weight : bold;
	}
	
}

/************************************** 
	메뉴페이지 끝
**************************************/
/************************************** 
	고객관리(adm_customer01) 시작
**************************************/
.adm_customer_top{
	/* background-color: skyblue; */
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding : 0;
    border-bottom: 1px solid #eee;
}
.adm_search_box{
	/* background-color: skyblue;  */
	width : 440px;
	padding : 0 20px;
	margin : 0 auto;
}

.adm_user_list .adm_customer_con {
	/* background-color : yellow; */
	width : 100%;
	/* border-bottom : 1px solid #CFCFCF; */
}
.adm_user_list .adm_customer_con .adm_customer_box{
	/* background-color: skyblue; */
	height : 160px;
}
.badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 5px;
  width : 50px;
  height : 25px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom : 13px;
  text-align : center;
  align-content : center;
}
.badge-noshow {
  background-color: var(--price-color); 
}
.badge-stop {
  background-color: #CFCFCF; 
}
.date{
	margin-top : 5px;
	font-size : 16px;
}
#container {
	position : relative;
}
#menu_layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120vh;
	background: #fff;
	z-index: 999;
}
.adm_menubox{
	position : absolute;
	top : 0;
	left : 0;
}
@media screen and (max-width:1000px){
	.adm_customer_top{
		width: 100%;
		padding : 0;
		border-bottom: 1px solid #eee;
	}
	.adm_search_form{
		/* background-color : pink; */
		width : 88vw;
		margin : 0 auto;
	}
	.adm_search_box{
		/* background-color: orange; */
		width: 100%;
		max-width: 440px;
		margin: 0 auto;   
		padding : 0;
		display: block;            
		box-sizing: border-box;    
	}
	.adm_user_list .adm_customer_con {
		/* background-color : yellow; */
		width : 100%;
		/* border-bottom : 1px solid #CFCFCF; */
	}
	.adm_user_list .adm_customer_con .adm_customer_box{
		/* background-color: skyblue; */
		height : 35vw;
	}
	.badge {
		display: inline-block;
		padding: 4px 10px;
		border-radius: 5px;
		width : 10vw;
		height : 5vw;
		font-size: 3.2vw;
		font-weight: 600;
		color: #fff;
		margin-bottom : 13px;
		text-align : center;
		align-content : center;
	}
	.badge-noshow {
	  b	ackground-color: var(--price-color); 
	}
	.badge-stop {
		background-color: #CFCFCF; 
	}	
	.date{
		margin-top : 5px;
		font-size : 3.2vw;
	}
	
}
/************************************** 
	고객관리(adm_customer01) 끝
**************************************/

/************************************** 
	고객관리(adm_customer02) 시작
**************************************/
.adm_customer_info{
	/* background-color: pink; */
    width: 440px;
    min-height: 60vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.noshow_box {
	/* background-color: pink;  */
	width : 100%;
}
.noshow_box .noshow_total{
	height: 75px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
	padding: 8px 15px; 
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
}
.noshow_box .noshow_empty{
	color : #CFCFCF;
	font-size : 20px;
	text-align : center;
	padding : 20px 0;
}
.noshow_box .noshow_list{
	padding : 0 15px;
}
.noshow_box .noshow_list .noshow_item{
	/* background-color: green;  */
	height : 75px;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.noshow_date {
  font-size: 16px;
  white-space: nowrap; /* 날짜 줄바꿈 방지 */
}
.radio_box{
	margin-top : 7.5px;
}
@media screen and (max-width:1000px){
	#saveBtn{
		right : 0;
	}
	.signup_form {
		/* background-color : pink; */
		width : 88vw;
		margin : 0 auto;
	}
	.noshow_box .noshow_total{
		height: 15vw;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
		padding: 4px 15px; 
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background-color: #eee;
	}
	.noshow_box .noshow_list .noshow_item{
		/* background-color: green;  */
		height : 15vw;
		border-bottom: 1px solid #ccc;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.noshow_date {
	  font-size: 3.2vw;
	  white-space: nowrap; /* 날짜 줄바꿈 방지 */
	}
}
/************************************** 
	고객관리(adm_customer02) 끝
**************************************/

/************************************** 
	지점상세화면(adm_store) 시작
**************************************/
.customer {
    /* background-color: yellowgreen; */
    width: 440px;
    min-height: 800px;
    margin: 0 auto;
    /*padding: 0 10px; */
}
.user_list .user_con .user_box {
	/* background-color: gold; */
	height : 120px;
	width : 100%;
	border-bottom : 1px solid #CFCFCF; 
	display : flex;
	justify-content : space-between;
	align-items : center;
	font-size : 22px;
	margin-top : 10px;
}
.user_list .user_con .user_box .user a p:last-child {
	margin-top : 5px;
}
.store_btn{
	display : block;
	width : 440px;
	margin : 0 auto;
}

@media screen and (max-width:1000px){
	.customer {
		width: 100%;
	}
	.user_list .user_con .user_box {
		font-size : 4.4vw;
		margin-top : 10px;
		min-height : 25vw;
		height: auto;
		padding-bottom: 3vw;
	}
	
	.user_list .user_con .user_box .user{
		width: 100%;
	}
	
	.user_list .user_con .user_box .user.pd_user{
		width: auto;
	}
	
	.store_btn {
		display : block;
		width : 88vw;
		margin : 0 auto;
	}

}
/************************************** 
	지점상세화면(adm_store) 끝
**************************************/

/************************************** 
	지점추가상세화면(adm_storeplus) 시작
**************************************/
.receive_check{
	margin : 7.5px 0;
}
/************************************** 
	지점추가상세화면(adm_storeplus) 시작
**************************************/

/************************************** 
	상품관리(adm_product01) 시작
**************************************/
#calBody { 
  grid-auto-rows: 120px;
}
.cal_cell {
  position: relative;
  padding: 0;
}
.cal_cell .cell_link{
	display : flex;
	flex-direction: column; 
	gap : 50px;
}

.calendar_box{
	width: 440px;
	/* min-height : 800px; */
	margin:0 auto;
	border:1px solid #e5e5e5;
	border-radius:8px;
	background-color : #fff;
}

.cal_grid{
	display:grid;
	grid-template-columns:repeat(7,1fr);
	gap:0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.cal_grid > div{
	min-height:100px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px 2.5px;
	position:relative;
	text-align : right;
}
.cal_head > div{
	background:#f6f6f6;
	font-weight:500;
	text-align:center;
	min-height:auto;
	padding:10px 0;
}

/* 날짜 숫자 */
.daynum{
	font-weight:500
}
.cal_badge {
  display: inline-block;
  width : 50px;
  border-radius: 5px;
  background-color : var(--main-color);
  font-size: 16px;
  line-height: 1.2;
  color : #fff;
  text-align : center;
  padding : 3px;
}

@media screen and (max-width:1000px){
	#calBody { 
	  grid-auto-rows: 21vw;
	}
	.cal_cell .cell_link{
		gap : 5vw;
	}

	.calendar_box{
		width: 100%;
		border-radius:1.6vw;
	}

	.cal_grid{
		gap:0;
	}
	.cal_grid > div{
		min-height:0;
		padding:1.6vw 5%;
		position:relative;
		text-align : right;
	}
	.cal_head > div{
		background:#f6f6f6;
		font-weight:500;
		text-align:center;
		min-height:auto;
		padding:2vw 0;
	}

	/* 날짜 숫자 */
	.cal_badge {
	  width : 100%;
	  border-radius: 1vw;
	  font-size: 4vw;
	  padding : 0.4vw 0;
	}
}

/************************************** 
	상품관리(adm_product01) 시작
**************************************/

/************************************** 
	상품관리(adm_product01-1) 시작
**************************************/
.adm_product>a {
    /* background-color: red; */
    display: block;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
    padding: 20px 0;
	flex: 1 1 auto;
	gap : 5px;
}
.adm_product {
	/* background-color : skyblue;  */   
	text-align: left;
	overflow: hidden;        
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0;
}

.cell_btn{
	flex: 0 0 auto;
}
.cell_btn .cell{
	background-color : var(--main-color);
}

/************************************** 
	상품관리(adm_product01-1) 끝
**************************************/

/************************************** 
	상품상세보기(adm_product01-2) 시작
**************************************/
.image_uploader{
	width: 100%;
	max-width: 440px;       
	aspect-ratio: 4 / 3;   
	border: 1px solid #c8c8c8;
	border-radius: 8px;
	background-color: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative; 
	overflow: hidden;
	margin-top : 7.5px;
}
.image_uploader img {
  width: 100%;
  height: 100%;
  object-fit: cover;     
  /* display: none; */ 
}
.photo_btn.delete{
	position: absolute;
	bottom: 10px;
	right: 8px; 
	padding: 10px;
	font-size: 20px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	border: none;
	border-radius: 4px;
}
@media screen and (max-width:1000px) {
	.photo{
	/* 	background-color: cyan; */
		min-height : 88vw;
	}
	.photo_btn.delete{
		font-size: 4vw;
	}
}
/************************************** 
	상품상세보기(adm_product01-2) 끝
**************************************/

/************************************** 
	상퓸둥록하기(adm_product01-2) 시작
**************************************/
/* .photo{
	background-color: cyan;
} */
.file_input {
  position: absolute;
  width: 1px; 
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.file_label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width:100%;
  height: 60px;
  padding: 0 12px;
  border: 1px solid #858585;
  border-radius: 6px;
  background: #fff;
  font-size: 20px;
  color: #666;
  box-sizing:border-box;
}
.file_label::after {
  content: "▶";
  font-size: 12px;
  color: #aaa;
}
@media screen and (max-width:1000px) {
	.photo{
		/* background-color: cyan; */
		min-height : 88vw;
	}
	.file_label {
	    height: 12vw;
	    font-size: 4vw;
	}
}
/************************************** 
	상퓸둥록하기(adm_product01-2) 끝
**************************************/

/************************************** 
	주문관리_지점별 시작
**************************************/
.select .store_order{
	/* background-color : pink; */
	height : 250px;
}
.empty{
	text-align : center;
	padding : 20px 0;
	color : #CFCFCF;
}
.export_done_btn.on{
	background-color : #AEAEAE;
	color : #fff;
}
@media screen and (max-width:1000px) {
	.select .store_order{
		height : 55vw;
	}
}
/************************************** 
	주문관리_지점별 끝
**************************************/

/************************************** 
	주문관리_상품별 시작
**************************************/
.order_complete .btn_row .excel_btn{
	background-color : var(--main-color);
}
.user_list .user_con .full_item_txt>p:nth-child(2) {
    margin: 5px 0;
}
@media screen and (max-width:1000px) {
	.user_list .user_con .full_item_txt>p{
		font-size : 4.4vw;
	}
}
/************************************** 
	주문관리_상품별 끝
**************************************/

/************************************** 
	공지사항 시작
**************************************/
.adm_notice_list .adm_notice_con .adm_notice_item>a{
    /* background-color: red; */
    display: block;
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
	gap: 40px;
    font-size: 22px;
}
.adm_notice_list .adm_notice_con .adm_notice_item > a .adm_notice_txt {
	flex: 1;
	min-width: 0;
}
.notice_title{
	display: block;          
	white-space: nowrap;     
	overflow: hidden;        
	text-overflow: ellipsis; 
	margin-bottom : 10px;
}
.adm_notice_date,
.adm_notice_time {
	color : #CFCFCF;
	font-size : 20px;
}


.file_label{
	margin : 7.5px 0;
}


.statusbtn_box{
	margin : 7.5px 0;
}


/************************************** 
	공지사항 끝
**************************************/
/* 최고관리자용 끝*/
#verify_result {
	padding: 50px 0 150px;
	font-weight: bold;
	line-height: 1.5;
}

@media screen and (max-width:1000px) {
	#verify_result {
		padding: 10vw 0 20vw;
	}
}


.branch_name {
	font-weight: bold;
	color: var(--sub-color);
}


.btn_row.store_order_btn .submit_btn > span{
	display: inline-block;
	margin-top: 3px;
	font-size:0.8em;
	font-weight: normal;
}

.btn_row.store_order_btn .submit_btn.no_show{
	flex: 1;
}

.btn_row.store_order_btn .submit_btn.done{
	flex: 2;
}