@charset "utf-8";
/* 카테고리 메뉴 추가 시작 foodCategory */
.food-category-title {
	width:100%;
	position: relative;
}
.food-category-title h2 {
	/* border-bottom: 1px solid rgba(0, 0, 0, 0.15); */
	/* border-bottom: 1px solid rgba(75, 138, 82, 0.5); */
	/* border-bottom: 1px solid #4b8a52; */
	/* border-right: 1px solid #4b8a52; */
	/* border-radius: 0 0 30px 30px; */
	font-size: 1.5rem;
	font-weight: 400;
	padding-bottom: 5px;
	padding-top:5px;
	/* padding-left: 50px; */
	line-height: 1;
	display:flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.food-category-title h2 img {
	width: 32px;
	position:relative;
}
.food-category-title ul {
	position: absolute;
	display:flex;
	justify-content: space-between;
	width:100%;
	top: 3px;
	box-sizing: border-box;
	padding-left: 16px;
	align-items: center;
	padding-right: 16px;
}
.food-category-title button {
	font-size: 1rem;
}
.food-category-title button i {
	font-size: 1.4rem;
}
.food-category-title h4 {
	text-align: center;
	padding-top:15px;
}
.food-category-title h2.detail-title {
	font-size: 1.2rem;
}
.all-del-cart {
	display: flex;
	align-items: center;
	font-size: 0.8rem;
	vertical-align: middle;
}
.all-del-cart i {
	display: inline-block;
	background-color: #efa312;
	color: #fff;
	line-height:20px;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	font-size: 0.9rem !important;
}
.all-del-cart span {
	display: inline-block;
	padding-right: 5px;
}

/*  상세페이지 foodDetailViewv ============= */
.food-detail-wrap {}
/* 상세페이지 이미지 == */
.food-image {
	width:100%;
	box-sizing: border-box;
	padding:10px 16px;
}
.food-image img {
	width:100%;
	margin:0 auto;
	border-radius:15px;
} 
.food-image2 {
	width: 100%;
	padding: 5px 0;
}
.food-image2 img {
	margin: 0 auto;
	border-radius: 0;
	width: 100%;
	
}
/* 상세페이지 내용 == */
.food-detail-box {
	padding: 0 16px 16px;
	width: 100%;
}
.food-detail-box h3 {
	font-size: 1.2rem;
	padding-bottom: 10px;
}
.food-detail-box p {
	font-size: 0.9rem;
	padding-bottom: 10px;
	line-height: 1.2rem;
}
.food-detail-box ul {
	width:100%;
}
.food-detail-box li {
	padding-bottom: 15px;
}
.food-detail-box dl {
	width:100%;
}
.food-detail-box dt {
	font-size: 0.9rem;
	font-weight: 600;
}
.food-detail-box .food-price {
	font-size: 1.2rem;
	font-weight: 600;
}

.food-detail-box table {
	width: 100%;
}
.food-detail-box table tbody td {
	padding: 5px 2px;
	text-align:left;
}

.food-detail-box table tbody tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.food-detail-box table tbody tr:last-child {
	border-width: 0px;
}
.food-detail-box table tbody tr td:nth-of-type(1) {
	width: 8%;
	padding-left: 5px;
}
.food-detail-box table tbody tr td:nth-of-type(2) {
	width: 20%;
	text-align: center;
}
.food-detail-box table tbody tr td:nth-of-type(3) {
	width:40%;
	text-align: center;
}
.food-detail-box table tbody tr td:nth-of-type(4) {
	width: 31%;
	text-align: right;
}
.food-detail-box table tbody tr td:nth-of-type(5) {
	width: 1%;
	color: #fff;
	font-size: 0.1rem;
}

.food-counter-box {
	display:flex;
	justify-content: space-between; 
	align-items: center;
}
.food-counter-box dd div {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	padding:5px;
}
.food-counter-box dd div {
	width: 100px;
	display: flex;
	justify-content: space-around;
	align-items : center;
}
.food-counter-box dd div input {
	min-width:15px; 
	border:1px solid #fff;
	text-align: center;
}
.food-counter-box dd div span {
	text-align: center;
}
.food-sun-box {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.food-sun-box dl {
	display: flex; 
	justify-content: space-between;
	align-items: center;
	padding: 10px 0 0;
}
.food-sun-box dd {
	font-size: 1.2rem;
	font-weight: 600;
}
/* 옵션 선택 수정 */
.food-option-box {
	display:none;
}
.food-option-box > dl > dd {
	border:1px solid rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	padding: 6px;
	margin-top: 10px;
}
.food-option-list {
	padding: 5px;
}
.food-option-list li {
	padding: 3px 0;
}
.food-option-list {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
/* .food-option-list > ul > li:nth-of-type(even) {
	background-color: rgba(0, 0, 0, 0.1);
	
} */
.food-option-list > li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	width: 100%;
}
.food-option-list > li:last-child {
	border-bottom: 0;
}
.food-option-list > li > dl {
	display: flex;
	align-items: center;
}
.food-option-list > li > dl > dt {
	width: 20px;
	text-align: center;
}
.food-option-list > li > dl > dd {
	flex-grow: 2;
}
.food-option-list > li > dl > dd > label > ul {
	display: flex;
	align-items: center;
	width: 100%;
}
.food-option-list > li > dl > dd > label > ul > li {
	padding: 0 2px;
}
.food-option-list > li > dl > dd > label > ul > li:nth-of-type(1) {
	width: 30%;
}
.food-option-list > li > dl > dd > label > ul > li:nth-of-type(2) {
	width: 39%;
}
.food-option-list > li > dl > dd > label > ul > li:nth-of-type(3) {
	width: 30%;
	text-align: right;
}
.food-option-list > li > dl > dd > label > ul > li:nth-of-type(4) {
	width: 1%;
	font-size: 0.1rem;
	color: #fff;
}
.food-price-box {
	display:flex;
	align-items: center;
}
.food-price-box div {
	padding-right:5px;
}
.food-price-box div span {
	margin:0;
	padding:0;
	line-height:1;	
}
/* 추천메뉴 */
.food-recom-box {
	padding: 10px 16px;
}
.food-recom-box h3 {
	font-size: 1rem;
}
.food-recom-box ul li {
	padding-top: 10px;
}
.food-recom-box dl {
	display: flex;
	padding: 8px 0;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
}
.food-recom-box dl dt {
	width: 32%;
	overflow: hidden;
	box-sizing: border-box;
	padding-right: 5px;
	display: flex;
	align-items: flex-start;
	padding-left:8px;
}
.food-recom-box dl dt input {
	margin-top: 3px;
}
.food-recom-box dl dt label {
	padding-left: 5px;
}
.food-recom-box dl dt label img {
	margin: 0 auto;
	width: 100%;
	border-radius: 6px;
}
.food-recom-box dl dd {
	display: flex;
	flex-direction: column;
	width: 68%;
	padding-right: 8px;
	box-sizing: border-box;
}

.food-recom-box dl dd b {
	width: 100%;
	margin:0; 
}
.food-recom-box dl dd p {
	font-size: 0.8rem;
	padding-top: 3px;
}
.food-recom-box dl dt input[type="checkbox"]:checked + label span {
	border: 2px solid rgba(0, 65, 137, 0.8);
}
.food-recom-box dl dt input[type="checkbox"]:checked + label span i {
	color: rgba(0, 65, 137, 1);
	font-weight: 600;
}
/*  장바구니  ========= */
.food-cart-wrap {
	padding: 10px 16px;
}
.food-cart-list-box {
	height: 100%;
	overflow:hidden;
}
.food-cart-list-box > li {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	box-sizing: border-box;
	width: 100%; 
	padding: 10px;
	margin-bottom: 10px;
}
.food-cart-box {
	display: flex;
}
.food-cart-box > span {
	max-width: 70px;
	line-height: 1;
	display: inline-block;
}
.food-cart-box > span img {
	border-radius: 10px;
	width: 100%;
}
.food-cart-box dl {
	padding-left: 10px;
	box-sizing: border-box;
	flex-grow: 1;
}
.food-cart-box dl dt {
	min-height: 60px;
	padding-bottom: 8px;
	box-sizing: border-box;
}
.food-cart-box dl dt div {
	display:flex; 
	justify-content: space-between;
	align-items: center;
	padding-bottom: 5px;
	box-sizing: border-box;
}
.food-cart-box > dl dt span{
	font-weight: 600;
}

.food-cart-box > dl dt div button i {
	font-size: 1.6rem;
}
.food-cart-count-wrap {
	display:flex;
	justify-content: space-between;
}
.food-cart-count-wrap > span i {
	font-size: 0.7rem;
}
.food-cart-count-box {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	padding:1px;
}
.food-cart-count-box {
	width: 70px;
	display: flex;
	justify-content: space-around;
	align-items : center;
}
.food-cart-count-box input {
	min-width:15px; 
	border:1px solid #fff;
	text-align: center;
}
.food-cart-count-box span {
	text-align: center;
}

.food-cart-opt-wrap dl {
	padding-top: 10px;
	display: flex;
	margin-top: 10px;
	background-color: #f3f3f5;
	border-radius: 10px;
	padding: 10px;
}
.food-cart-opt-wrap dt {
	min-width: 60px;
	text-align: center;
}
.food-cart-opt-wrap dt span {
}
.food-cart-opt-wrap dd {
	width: 100%;
	flex-grow: 2;
	padding-left: 10px;
	box-sizing: border-box;
}
.food-cart-opt-wrap dd li {
	padding-bottom:8px;
	padding-top: 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.food-cart-opt-wrap dd li div b {
	display: flex;
	justify-content: space-between;
	font-weight: 400;
	padding-bottom: 5px;
}
.food-cart-opt-wrap dd li div b span {
	flex-grow: 2;
}
.food-cart-opt-wrap dd li div b button {
	padding-right: 0;
}
.food-cart-opt-wrap dd li:first-child {
	padding-top: 0px;
}
.food-cart-opt-wrap dd li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}
.food-cart-opt-wrap dd li div p i {
	font-size: 0.7rem;
}
.food-cart-opt-wrap dd li div p {
	display: flex;
	justify-content: space-between;
}
.food-cart-price {
	font-weight: 600;
}
.food-total-order {
	padding: 10px 18px 0;
}
.food-total-order dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.food-total-order dt {
	font-weight: 600;
}
.food-total-order dd {
	font-size: 1.2rem;
	font-weight: 600;
	color: #63a069;
}

/* 주문 결제 ======================== */
/* 공통부분 */
.food-order-wrap > div {
	padding: 10px 16px;
}
.food-order-wrap > div > dl > dt {
	font-weight: 600;
	font-size: 1rem;
	padding-bottom: 8px;
}
.food-order-wrap > div > dl > dd {
	padding: 10px;
	border-radius: 10px;
	background-color: #f3f3f5;
}
.food-order-wrap > div > dl > dd ul li {
	padding-bottom: 8px;
}
.food-order-wrap > div > dl > dd ul li:last-child {
	padding-bottom: 0px;
}
.food-order-wrap > div > dl > dd ul li dl {
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.food-order-wrap > div > dl > dd ul li dl dt {
	font-weight: 400;
	padding-right: 5px;
	min-width: 80px;
}
.food-order-wrap > div > dl > dd ul li dl dd {
	flex-grow: 2;
}
.food-order-wrap textarea, 
.food-order-wrap select, 
.food-order-wrap input[type="text"], 
.food-order-wrap input[type="number"] {
	background-color: #fff;
	border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
	border:0;
	padding: 5px;
}
.food-order-wrap b {
	font-weight: 400;
}
/* 서비스 동의 */
.food-order-agree-box dt {
	display: flex;
	justify-content: space-between;
}
.food-order-agree-box dd {
	background-color: #f3f3f5;
	border-radius: 10px;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}
.food-order-agree-box li {
	/* display: flex;
	align-items: center;
	justify-content: space-between; */
	background-color: #fff;
	padding: 0;
}
.food-order-agree-box li:last-child {
	margin-top: 3px;
}
.food-order-agree-box li {
	padding: 0 !important;
}
.food-order-agree-box li label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 9;
}
.food-order-agree-box li label span {
	width: 20px;
	height: 20px;
	border: 2px solid rgba(75, 138, 82, 1);
	border: 2px solid rgba(238, 159, 8, 1);
	display: inline-block;
	box-sizing: border-box;
}
.food-order-agree-box li label span {
	display: flex;
	justify-content: center;
	align-items: center;
}
.food-order-agree-box li label span i {
	position:relative;
	top:2px;
	font-weight: 600;
	color: #fff;
}
.food-order-agree-box li input[type="checkbox"]:checked + label span i {
	/* color: rgba(75, 138, 82, 1); */
	color: rgba(203, 5, 57, 1);
}
.food-order-agree-box li label strong {
	font-weight: 400;
	height: 20px;
	line-height: 20px;
}
.food-order-agree-box button {
	background-color: rgba(75, 138, 82, 1);
	color: #fff;
	line-height: 1;
	padding: 3px 10px;
	border-radius: 3px;
	flex: 1;
	max-width: 100px;
	font-size: 0.9rem;
	font-weight: 400;
}
.food-order-agree-box label {
	display:inline-block; 
	padding-left:5px;
	font-size: 0.8rem;
	padding-right: 3px;
	flex-grow: 2;
	text-align: left;
}
.food-order-agree-box input {
	display: none;
}
/* 동의에 라인 넣기  */
.food-order-agree-box dt {
	position: relative;
}
.food-order-agree-box dt button {
	position:relative;
	z-index: 9;
}
.arr-line {
	position: absolute;
	width: 54%;
	box-sizing: border-box;
	right: 40px;
	top: 5px;
}
.arr-line div {
	display: flex;
	justify-content: flex-end;
	height: 50px;
}
.arr-line div span {
	border-radius: 20px;
	height: 30px;
	border: 2px solid rgba(203, 5, 57, 1);
	margin: 0;
}
.arr-line div span:nth-of-type(1) {
	flex-grow: 2;
	border-radius: 5px 20px 0 0;
	border-width: 2px 0 0 0;
	font-size: 0.8rem; 
	font-weight: 400; 
	color: rgba(203, 5, 57, 1);
	padding-top: 3px;
	padding-left: 5px;
}
.arr-line div span:nth-of-type(2) {
	width: 34px;
	border-radius: 20px;
	border-width: 0 0 2px 0;
}
.arr-line div span:nth-of-type(3) {
	align-self: center;
	width: 24px;
	height: 28px;
	border-radius: 13px 13px 0 0;
	border-width: 2px 2px 0 0;
} 
.arr-line div span:nth-of-type(4) {
	align-self: flex-end;
	height: 25px; 
	border-radius: 0;
	border-width: 0;
	width: 20px;
}
.arr-line div span:nth-of-type(4) i {
	color: rgba(203, 5, 57, 1);
	font-size: 1.5rem;
	position:relative;
	left: -5px;
	top: 6px;
}




/* 주류 판매 인증 텍스트 */
.food-alchole-message-box ul {
	padding: 0 0 10px;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
.food-alchole-message-box ul li {
	line-height: 1.6;
	font-size: 0.8rem !important;
	padding-left : 15px;
	position:relative;
}
.food-alchole-message-box ul li span {
	color: rgba(249, 78, 55, 1);
}
.food-alchole-message-box ul li:before {
	content: "·";
	color: rgba(249, 78, 55, 1);
	font-size: 2rem;
	position: absolute;
	left: 0;
	top: 0;
	line-height:0.4;
}

.food-alchole-message-box dd {
	background-color: rgba(249, 78, 55, 0.05) !important;
}
.food-alchole-message-box dd div {
	padding: 10px 0 0;
	display:flex;
	justify-content: flex-end;
}
.food-alchole-message-box dd div button {
	padding: 5px 10px;
	margin-left: 5px;
	background-color: rgba(238, 159, 8, 0.8);
	color: #fff;
}
.food-alchole-message-box dd div button:nth-of-type(even) {
	background-color: rgba(75, 138, 82, 0.8);
}
/* 주문페이지 주류구매 인증 여부 */
.food-adult-auth-result-box dl {
	background-color: #f3f3f5;
	border-radius: 10px;
	padding: 10px;
}
.food-adult-auth-result-box dl dt {
	padding-bottom: 3px;
	text-align: center;
	font-weight: 400 !important;
	font-size: 0.9rem !important;
	/* color: #fd5206; */
}
.food-adult-auth-result-box dl dd {
	/* background-color: #fff !important; */
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	display: flex;
	justify-content: space-between;
	border-radius: 0 !important;
}

/* 최종결재금액 */
.food-order-pay-box > dl > dd {
	border: 1px solid #e0e0e0; 
	background-color: #fff !important;
}
.food-order-pay-box li dl {
	display: flex;
	justify-content: space-between;
	padding-bottom: 8px;
}
.food-order-pay-box li dl dt {
	font-weight: 600;
}
.food-order-pay-box li dl dd {
	text-align: right;
}
.food-order-pay-box > dl > dd > dl {
	border-top: 1px solid #e0e0e0;
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}
.food-order-pay-box > dl > dd > dl dt {
	font-size: 1rem;
	font-weight: 600;
}
.food-order-pay-box > dl > dd > dl dd {
	font-weight: 600;
	color: rgba(75, 138, 82, 1);
	font-size: 1.2rem;
}
/* 배송 상품 리스트 확인 */
.food-order-cart-list-box dd {
	border: 1px solid #e0e0e0;
	background-color: #fff !important;
}
.food-order-cart-list > li {
	display: flex;
	padding-bottom: 20px !important;
}
.food-order-cart-list > li:last-child {
	padding-bottom: 0 !important;
}
.food-order-cart-list > li > span {
	width: 18%;
}
.food-order-cart-list > li > span img {
	width: 100%;
	border-radius:5px;
}
.food-order-cart-list > li div {
	width: 82%;
	box-sizing: border-box;
	padding-left: 5px;
	padding-bottom: 3px;
}
.food-order-cart-list > li div dd {
	border:0;
}
.food-order-cart-list > li div > dl {
	flex-flow: row wrap;
	/* padding-bottom: 10px; */
}
.food-order-cart-list > li div > dl dt, 
.food-order-cart-list > li div > dl dd {
	width: 100%;
}
.food-order-cart-list > li div > dl dt {
	padding-bottom: 5px;
	font-weight: 600 !important;
}
.food-order-cart-list > li div dd {
	text-align: left !important;
}
.food-order-cart-list > li div dd:last-child {
	display:flex;
	justify-content: space-between;
	padding-top:5px;
}

.food-order-cart-list > li div dd:last-child span:last-child {
	font-weight: 600;
}
.food-order-cart-list > li div ul {
	padding: 5px;
	background-color: #f3f3f5;
	border-radius: 5px;
}
.food-order-cart-list > li div ul li {
	padding-bottom:3px !important;
}
.food-order-cart-list > li > div ul li dl dt, 
.food-order-cart-list > li > div ul li dl dt b {
	font-weight: 400 !important;
	font-size: 0.8rem;
}
.food-order-cart-list > li > div ul li dl {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
}
.food-order-cart-list > li div ul li dl dt b, 
.food-order-cart-list > li div ul li dl dt span, 
.food-order-cart-list > li div ul li dl dd {
	font-size: 0.8rem !important;
}
.food-order-cart-list > li div ul li dl dt, 
.food-order-cart-list div ul li dl dd {
	flex-grow: 0 !important;
}
.food-order-cart-list > li div ul li dl dd {
	background-color: rgba(255, 255, 255, 0) !important;
}
.food-order-cart-list .food-order-cart-txt {
	font-size: 0.75rem;
}
.food-order-cart-list > li > div > ul li dl dd {
	padding-top: 0 !important; 
	flex-grow: 1;
}
.food-order-cart-list > li > div > ul li dl dd span {
	min-width: 50px;
	text-align: right;
}
.food-order-cart-list > li > div > ul {
	margin-top: 10px;
}
.food-order-cart-list > li > div > ul li dl dt {
	display: flex;
}
.food-order-cart-list > li > div > ul li dl dt p {
	display: inline-block;
}
.food-order-cart-list > li > div > ul li dl dt b {
	min-width: 30px;
}
/* 고객 확인 */
.food-telno-confirm-wrap > div > dl > dt {
	font-weight: 600;
    font-size: 1rem;
    padding-bottom: 8px;
}
.food-telno-confirm-wrap > div > dl > dd {
	padding: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
}
.food-telno-confirm-box p {
	color: #b30512;
	text-align: center;
	font-size: 0.75rem;
	padding-bottom: 5px;
}
.food-telno-confirm-box ul > li {
	padding-bottom: 5px;
}
.food-telno-confirm-box ul li dl {
	display: flex;
	background-color:#f3f3f5;
	border-radius: 6px;
	padding: 10px;
	flex-flow: row wrap;
}
.food-telno-confirm-box ul li dl dd, 
.food-telno-confirm-box ul li dl dt, 
.food-telno-confirm-box ul li dl button {
	font-size: 0.8rem !important;
}
.food-telno-confirm-box ul li dl dt {
	width: 25%;
}
.food-telno-confirm-box ul li dl button {
	background-color: rgba(75, 138, 82, 1);
	border: 1px solid rgba(75, 138, 82, 1);
    line-height: 1;
    padding: 6px;
    border-radius: 3px;
    color:#fff;
}
.food-telno-confirm-box ul > li dl dt {
	padding-top: 7px;
	padding-right: 5px;
	
}
.food-telno-confirm-box ul > li dl dd span:nth-of-type(even) button {
	background-color: rgba(0, 0, 0, 0.1);
	border:1px solid rgba(0, 0, 0, 0.1);
	color: #252525;
}
.food-telon-confirm-box input {
	width: 100%;
	box-sizing: border-box;
	padding: 5px !important;
}
.food-telno-confirm-box ul > li dl dd input[type="number"]{
	width: 100%;
	box-sizing: border-box;
	padding: 5px !important;
	border: 2px solid rgba(239, 163, 18, 1);
}
.food-telno-confirm-box ul > li dl dd input[readonly="readonly"] {
	border: 2px solid rgba(239, 163, 18, 0.3);
	background-color: rgba(255, 255, 255, 0.3);
	color: rgba(0, 0, 0, 0.6);
}
.food-telno-confirm-box ul > li dl dd {
	flex-grow: 2;
}
.food-telno-confirm-box ul > li dl dd > span {
	display:inline-block;
	width:100%;
	flex-grow: 1;
}
.food-telno-confirm-box ul > li dl dd div {
	padding-top: 5px;
	margin-top: 5px;
	width:100%;
	flex-grow: 1;
	display:flex;
}
.food-telno-confirm-box ul > li dl dd div button {
	font-size: 0.8rem !important;
}
.food-telno-confirm-box ul > li dl dd div button {
	flex-grow: 1;
	margin-left: 3px;
	box-sizing: border-box;
}

.food-telno-confirm-box ul > li dl dd div button:first-of-type {
	margin-left: 0;
	flex-grow: 2;
}

.food-telno-confirm-box ul > li dl dd div button:nth-of-type(even) {
	background-color: rgba(0, 0, 0, 0.1);
	border:1px solid rgba(0, 0, 0, 0.1);
	color: #252525;
}
.food-telno-confirm-box ul > li ul {
	background-color: #f3f3f5;
	display: flex;
	border-radius: 6px;
}
.food-telno-confirm-box ul > li:last-child dl dt {
	padding-top: 0;
}

.food-telno-confirm-box div dl dd {
	padding: 5px;
}
.food-order-chk-all-box ul {
	padding: 10px;
	border-radius: 10px;
	border:1px solid #e0e0e0;
}
.food-order-chk-all-box ul li {
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 10px;
	/* display: flex; */
}
.food-order-chk-all-box ul li:last-child {
	padding-bottom: 0px;
}
.food-order-chk-all-box ul li dl {
	background-color: #f3f3f5; 
	display: flex;
	padding: 10px;
	border-radius: 6px;
}
.food-order-chk-all-box ul li:nth-of-type(even) dl {
	background-color: #fff;
	padding-top: 0;
	padding-bottom: 0;
}
.food-order-chk-all-box ul li:nth-of-type(even) dl input,
.food-order-chk-all-box ul li:nth-of-type(even) dl select {
	border: 1px solid #e0e0e0;
}
.food-order-chk-all-box ul dl {
	display: flex;
	align-items: center;
	width: 100%;
}
.food-order-chk-all-box ul dl dd {
	flex: 2;
}
.food-order-chk-all-box ul dd > span {
	padding:3px;
	display:inline-block;
	width: 100%;
	color: rgba(75, 138, 82, 1);
	font-weight: 600;
	border-bottom: 1px solid #ccc;
}
.food-order-chk-all-box dt {
	padding-right: 3px;
}
.food-order-chk-all-box ul li.two-menu {
	display: flex;
}
.food-order-chk-all-box ul li.two-menu dl:first-child {
	border-radius: 6px 0 0 6px;
	padding-right: 5px;
}
.food-order-chk-all-box ul li.two-menu dl:last-child {
	padding-left: 5px;
	border-radius: 0 6px 6px 0;
}
.food-order-chk-all-box ul li.two-menu:last-child dl:first-child {
	width: 46%;
}
.food-order-chk-all-box ul li.two-menu:last-child dl:last-child {
	width: 54%;
}
.food-order-chk-all-box textarea, 
.food-order-chk-all-box select, 
.food-order-chk-all-box input[type="text"], 
.food-order-chk-all-box input[type="number"] {
	background-color: #fff;
	border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
	border:0;
	padding: 3px;
	box-sizing: border-box;
	border: 1px solid #f3f3f5;
}

.food-order-chk-all-box ul li.coupon-menu div {
	border-radius: 10px;
	overflow: hidden;
}
.food-order-chk-all-box ul li.coupon-menu div dl {
	border-radius: 0;
}
.food-order-chk-all-box ul li.coupon-menu div dl dd {
	display: flex; flex-wrap: no-wrap;
}
.food-order-chk-all-box ul li.coupon-menu div dl dd input {
	width: 80%;
}
.food-order-chk-all-box ul li.coupon-menu div dl dd button {
	width: 20%;
 	min-width: 60px;
 	text-align: center;
 	background-color: #ee9f08;
 	color: #fff;
 	border-radius: 0 3px 3px 0;
}
.food-order-chk-all-box ul li.coupon-menu div dl.coupon-box {
	padding-bottom: 0;
}
.food-order-chk-all-box ul li.coupon-menu div p {
	color: #b30512;
	text-align: center;
	font-size: 0.75rem;
	padding-bottom: 5px;
}

/* 결제방법 라이오 버튼으로 변경 */
.food-order-chk-all-box ul li.radio-menu dl {
	display: flex;
	flex-flow: row wrap;
}
.food-order-chk-all-box ul li.radio-menu dl dt, 
.food-order-chk-all-box ul li.radio-menu dl dd {
	width:100%; 
	box-sizing: border-box;
}
.food-order-chk-all-box ul li.radio-menu dl {
	padding: 0;
}
.food-order-chk-all-box ul li.radio-menu dl dt {
	padding-bottom: 3px;
}
.radio-menu ul {
	display: flex;
	flex-flow: row wrap;
}
.radio-menu ul li {
	width: 50%;
	flex-grow: 1;
	box-sizing: border-box;
	text-align: center;
}
.radio-menu ul li:nth-of-type(1) {
	padding: 0 3px 5px 0;
}
.radio-menu ul li:nth-of-type(2) {
	padding: 0 0 5px 3px;
}
.radio-menu ul li:nth-of-type(3) {
	padding: 0 3px 0 0;
}
.radio-menu ul li:nth-of-type(4) {
	padding: 0 0 0 3px;
}
.radio-menu ul li input[type="radio"] {
	display: none;
}
.radio-menu ul li label {
	cursor: pointer;
}
.radio-menu ul li span {
	display: inline-block;
	border: 2px solid #e1e1e1;
	background-color: #e1e1e1;
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	border-radius: 3px;
	color: rgba(0, 0, 0, 0.5);
	font-size: 0.8rem;
}
.radio-menu ul li input[type="radio"]:checked + span {
	background-color: #fff;
	border: 2px solid rgba(75, 138, 82, 1); 
	color: #252525;
}

/* 장바구니 호텔 쿠폰 혜택 ==== */
.local-coupon-pay-wrap {
	padding: 16px;
}
.local-coupon-pay-wrap dl {
	background-color: #fff;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 10px;
}
.local-coupon-pay-wrap dl dt {
	font-weight: 600;
	text-align: center;
	font-size: 1.1rem;
	padding: 10px 5px 0;
}
.local-coupon-pay-wrap dl dt span {
	color: rgba(75, 138, 82, 1);
}
.local-coupon-pay-wrap dl dd {
	padding: 10px 15px;
	/* display: flex;
	justify-content: center; */
	/* background-color: #efa312; */
	border-radius: 6px;
}
.local-coupon-pay-wrap dl dd ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	flex-grow: 1;
}
.local-coupon-pay-wrap dl dd ul li div {
	padding: 8px 8px 8px 20px;
	border-radius: 3px;
	background-color: rgba(203, 5, 57, 0.8);
	color: #fff;
	position:relative;
	box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.15);
	font-size: 0.8rem;
	text-align: center;
	width: 100%; 
	box-sizing: border-box;
}
.local-coupon-pay-wrap dl dd ul li div:before {
	content: "●";
	color: #fff;
	position:absolute;
	top:26%;
	left: -8px;
	z-index: 99;
	font-size: 1.2rem;
}
.local-coupon-pay-wrap dl dd ul li p {
	border-left: 1px dashed #fff; 
	padding-left: 8px;
}
.local-coupon-pay-wrap dl dd ul li p span {
	text-align: center;
	display: inline-block;
	line-height: 1.6;
	display:inline-block;

}
.local-coupon-pay-wrap dl dd ul li:nth-of-type(4n-2) div {
	background-color: rgba(239, 163, 18, 0.8);
}
.local-coupon-pay-wrap dl dd ul li:nth-of-type(4n-1) div {
	background-color: rgba(75, 138, 82, 0.8);
}
.local-coupon-pay-wrap dl dd ul li:nth-of-type(4n) div {
	background-color: rgba(0, 65, 137, 0.8);
}

/* 마이동방 이벤트  */
/*  */
.pop-wrap {
	display: flex;
	flex-direction: column;
	height: 100vh;
}
.pop-header div {
    padding: 16px 20px 14px 20px;
    background-color:#fff;
    position:relatvie;
    width:100%;
    box-sizing:border-box;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
.pop-header div h3 {
	font-size:1.1rem;
	text-align:center;
	font-weight:400;
}
.pop-header div button {
	position:absolute;
	top: 0; left: 0;
	color:#000;
	padding: 10px;
	font-size:1.6rem;
	font-weight:400;
	color: rgba(0, 0, 0, 0.4);
}
.pop-wrap h4 {
	text-align: center;
	font-size:1rem;
}
.pop-wrap main {
	flex-grow: 2;
	overflow-y: auto;
}
.pop-event-list {
     width: 100%;
     box-sizing:border-box;
     padding:10px;
     
}
.pop-event-list li {
     box-sizing:border-box;
     padding:6px;
}
.pop-event-list li dl {
     width:100%;
     padding-bottom: 10px;
}
.pop-event-list li dl dt {
     width:100%;
     height:100%;
     
}
.pop-event-list li dl dt a {
     border-radius: 15px;
     display:inline-block;
     overflow:hidden;
     width:100%;
}
.pop-event-list li dl dt a img {
     width:100%;
     margin:0 auto;
     border-radius: 15px;
}
.pop-event-list li dl dd {
     line-height:1.6;
     display: flex;
     align-items: center; 
     flex-flow: row wrap;
}
.pop-event-list li dl dd b {
     font-size: 0.9rem;
     display:inline-block;
     padding-right:5px;
     font-weight: 600;
}
.pop-event-lis li dl dd span {
     display:inline-block;
}
.pop-footer {
	/* position:fixed;
	bottom:0;
	left:0;
	width:100%; */
}
.pop-footer {
	width:100%;
	padding:0;
}
.pop-footer button {
	background-color: #4b8a52;
	color:#fff;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	text-align:center;
	display:inline-block;
	padding:10px 0;
	font-size:1rem;
}
/* 주문 정보 및 전체 정보 확인 박스 */
.cart-order-info-wrap {
	/* padding: 10px 16px; */
}
.cart-order-info-wrap > div {
	background-color: #f3f3f5;
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 10px;
}

/* .food-user-info-box {} */
/* 주문 정보 */
.food-user-order-info-box strong {
	font-weight: 600;
}
.food-user-order-info-box dl {
	padding-bottom: 10px;
}
.food-user-order-info-box dl dt {
	font-weight: 600;
	font-size: 1rem;
	padding-bottom: 8px;	
}
.food-user-order-info-box dl dd {
	border-radius: 8px;
	background-color: #fff;
	padding: 10px;
}
.food-user-order-info-box dl dd ul li {
	line-height: 1.4rem;
}

/* 마이동방 주문 확인용  주문 내역 */
.cart-order-info-wrap .food-order-cart-list-box > dl > dt {
	font-weight: 600;
	font-size: 1rem;
	padding-bottom: 8px;	
}
.cart-order-info-wrap .food-order-cart-list-box > dl > dd {
	padding: 10px;
	border: 0;
	border-radius: 8px;
}
.cart-order-info-wrap .food-order-cart-list > li:last-child {
	padding-bottom: 0 !important;
}
.cart-order-info-wrap .food-order-cart-list > li div ul li dl {
	display: flex;
	align-items: center;
}
.cart-order-info-wrap .food-order-cart-list > li div ul li dt,  
.cart-order-info-wrap .food-order-cart-list > li div ul li dd, 
.cart-order-info-wrap .food-order-cart-list > li div ul li span,
.cart-order-info-wrap .food-order-cart-list > li div ul li b {
	font-size: 0.75rem !important;
	line-height: 1.4;
	padding: 0;
}


/* 동방키친 고객 정보 */
.food-user-coupon-box > dl > dd {
}
.food-user-coupon-box > dl > dd > dl > dt {
	background-color: #fff;
	padding: 10px;
	border-radius: 6px;
	justify-content: space-between;
	display: flex;
}
.food-user-coupon-box > dl > dd > dl > dt strong {
	font-weight: 600;
}
.food-user-coupon-box > dl > dd > dl > dt span {
	font-weight: 900;
	color: rgba(75, 138, 82);
}
.food-user-coupon-box > dl > dd > dl > dd {
	background-color: #fff;
	padding: 10px;
	border-radius: 6px;
	box-sizing: border-box;
	margin-top: 10px;
}
.food-user-coupon-box > dl > dd > dl > dd dt {
	padding-bottom: 5px;
	font-weight: 600;
}

.food-user-coupon-box > dl > dd > dl > dd ul li {
	padding: 5px;
	margin-top: 5px;
	background-color: rgba(203, 5, 57, 0.8);
	color: #fff;
	border-radius: 3px; 
}
.food-user-coupon-box > dl > dd > dl > dd ul li:last-child {
	padding-bottom: 5px !important;
}
.food-user-coupon-box > dl > dd > dl > dd ul li:nth-of-type(4n-2) {
	background-color: rgba(239, 163, 18, 0.8);
}
.food-user-coupon-box > dl > dd > dl > dd ul li:nth-of-type(4n-1) {
	background-color: rgba(75, 138, 82, 0.8);
}
.food-user-coupon-box > dl > dd > dl > dd ul li:nth-of-type(4n) {
	background-color: rgba(0, 65, 137, 0.8);
}

/* event detail  */
.food-event-detail-img {
	box-sizing: border-box;
	width: 100%;
	border-radius: 10px;
	padding: 10px 16px;
}
.food-event-detail-img img {
	width: 100%;
	margin: 0 auto;
	border-radius: 10px;
}
.food-event-detail-wrap {
}
.food-event-detail-title {
	padding: 10px 16px 0;
	font-size: 1.1rem;
	text-align: center;
}
.food-event-detail-list {
	padding: 10px 16px 0;
	
}
.food-event-detail-list ul {
	/* border: 1px solid #e0e0e0; */
	padding: 10px;
	width: 100%; 
	box-sizing: border-box;
	font-size: 0.9rem;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
}
.food-event-detail-list ul li {
	line-height: 1.4;
	text-align: center;
}
.food-event-detail-list strong {
	font-weight: 600; 
	padding-right: 5px;
	color: rgba(75, 138, 82, 1);
	text-align: center;
}
.food-event-detail-coupon {
	padding: 16px 0 0; 
	display: flex;
	flex-flow: row wrap;
}
.food-event-detail-coupon > p {
	padding: 0 16px 10px;
	text-align: center;
	width:100%;
	box-sizing: border-box;
}
.food-event-detail-coupon > p span {
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 600;
	text-align: center;
	width: 76%;
	margin: 0 auto;
	/* border: 1px solid rgba(238, 159, 8, 0.8);
	box-shadow: 5px 5px 1px rgba(238, 159, 8, 0.2); */
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.15);
	display: inline-block;
	padding: 15px;
	border-radius: 15px;
	background-color: #fff;
}
.food-event-detail-coupon > div {
	padding: 16px 30px;
	width: 100%;
	box-sizing: border-box;
	position:relative;
}
.food-event-detail-coupon > div > span.left-one {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: #fff;
	position:absolute;
	left: 10px;
	top: 39%;
}
.food-event-detail-coupon > div > span.right-one {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: #fff;
	position:absolute;
	right: 10px;
	top: 40%;
}
.food-event-detail-coupon > div ul {
	/* border: 1px solid rgba(238, 159, 8, 0.8); */
	background-color: rgba(238, 159, 8, 0.2);
	padding: 10px 20px;
	border-radius: 1px;
	border-left: 2px dashed #fff;
	border-right: 2px dashed #fff;

	/* display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; */
}
.food-event-detail-coupon > div ul li {
	line-height: 1.6;
	font-size: 0.8rem;
	display: flex;
	justify-content: flex-start;
	padding: 3px 0;
}
.food-event-detail-coupon > div > ul li span:first-child {
	min-width: 57px;
	font-weight: 600;
	color: rgba(203, 5, 57, 1);
}
.food-event-detail-coupon > div > ul li span:last-child {
	border-left: 1px dashed rgba(203, 5, 57, 0.8);
	padding-left: 3px;
}


/* 이벤트 하단 해택 리스트 */
.food-event-detail-coupon > dl {
     width:50%;
     padding: 10px 6px 10px 16px;
     box-sizing: border-box;
}
.food-event-detail-coupon > dl:nth-of-type(even) {
	padding: 10px 16px 10px 6px;
}
.food-event-detail-coupon > dl dt {
     width:100%;
}
.food-event-detail-coupon > dl dt a {
     border-radius: 10px;
     display:inline-block;
     overflow:hidden;
     width:100%;
}
.food-event-detail-coupon > dl dt a img {
     width:100%;
     margin:0 auto;
}
.food-event-detail-coupon > dl dd {
     line-height:1.6;
     display: flex;
     align-items: center; 
     flex-flow: row wrap;
}
.food-event-detail-coupon > dl dd b {
     font-size: 0.9rem;
     display:inline-block;
     padding-right:5px;
}
.food-event-detail-coupon > dl dd span {
     display:inline-block;
}

/*  */
.food-event-detail-txt dl {
	padding: 10px 16px 0;
}
.food-event-detail-txt dl dt {
	text-align: center;
}
.food-event-detail-txt dl dt span {
	background-color: rgba(239, 163, 18, 1);
	color: #fff;
	padding: 10px;
	border-radius: 20px;
	display: inline-block;
}
/* 배달 상태 */
.deliver-wrap {
	
}
.deliver-select-box {
	padding: 0 16px 10px;
}
.deliver-select-box dl {
	background-color: #f3f5f5;
	border-radius: 10px;
	padding: 10px;
	display: flex;
	align-items: center;
}
.deliver-select-box dt {
	display: inline-block;
	padding-right: 3px;
}
.deliver-select-box dd {
	flex-grow: 2;
	display: flex;
}
.deliver-select-box dd select {
	flex-grow: 2;
	border: 1px solid #fff;
	border-radius: 3px 0 0 3px;
	background-color: #fff;
}
.deliver-select-box dd button {
	background-color: rgba(75, 138, 82, 1);
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 0 3px 3px 0;
}

/*  주문상태  */
.deliver-select-order-box {
	padding: 0 16px 10px;
}
.deliver-select-order-box > div {
	background-color: #f3f5f5;
	border-radius: 10px;
	padding: 5px;
	display: flex;
}
.deliver-select-order-box > div div {
	flex-grow:1;
}
.deliver-select-order-box dl {
	padding: 5px;
	display: flex;
	align-items: center;
}
.deliver-select-order-box dt {
	display: inline-block;
	padding-right: 3px;
	box-sizing: border-box;
}
.deliver-select-order-box dd {
	flex-grow: 2;
	display: flex;
}
.deliver-select-order-box dd select {
	flex-grow: 2;
	border: 1px solid #fff;
	border-radius: 3px 0 0 3px;
	background-color: #fff;
}
.deliver-select-order-box button {
	background-color: rgba(75, 138, 82, 1);
	color: #fff;
	border-radius: 0 3px 3px 0;
	width: 80px;
}



.deliver-date-box {
	padding: 0 16px 10px;
}
.deliver-date-box dl {
	background-color: #f3f5f5;
	border-radius: 10px;
	padding: 10px;
	display: flex;
	align-items: center;
}
.deliver-date-box dt {
	text-align: center;
	display: inline-block;
	padding-right: 3px;
}
.deliver-date-box dd {
	flex-grow: 2;
	display: flex;
}
.deliver-date-box dd input {
	flex-grow: 1;
	border: 1px solid #fff;
	border-radius: 3px;
	background-color: #fff;
}
.deliver-date-box dd span {
	display: inline-block;
	padding:5px;
}
.deliver-date-box-flex {
	display:flex;
}
.deliver-date-box-flex dt {
	flex-shrink: 0;
	width: 74px;
	padding-right:0;
}
.deliver-date-box-flex dd {
}
.deliver-date-box-flex dd input {
	/* flex-grow: 0!important;
	flex-shrink: 2; */
	flex-grow: 2;
	flex-shrink: 2;
	width: 60px;
	text-align: right;
	box-sizing: border-box;
}
.deliver-table {
	padding: 0 16px 10px;
}
.deliver-table > div {
	border:1px solid #e0e0e0;
	border-radius: 10px;
	padding: 10px;
}
.deliver-table table {
	width: 100%;
}
.deliver-table table thead {
	border-bottom: 1px solid rgba(75, 138, 82, 0.5);
	background-color: rgba(75, 138, 82, 0.3);
	border-radius: 6px 6px 0 0;
	overflow: hiddne;
}
.deliver-table table thead tr:first-child {
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.deliver-table table thead tr:first-child th:first-child {
	border-radius: 6px 0 0 0;
}
.deliver-table table thead tr:first-child th:last-child {
	border-radius: 0 6px 0 0;
}
.deliver-table table thead tr th {
	font-size: 0.8rem;
	padding: 5px 2px;
	border-right: 1px solid rgba(255, 255, 255, 1);
}
.deliver-table table thead tr th:last-child {
	border-right: 0;
}
.deliver-table table tbody {
	background-color: #fff;
	padding: 10px;
}
.deliver-table table tbody tr td {
	font-size: 0.8rem;
	padding: 5px 3px;
	text-align: center;
}
.deliver-table table tbody tr:last-child {
	border-bottom: 0;
}
.deliver-table table tbody tr td:first-child {
	font-weight: 600;
}
.deliver-table table tbody tr:nth-of-type(odd) {
	/* border-bottom: 1px dashed rgba(0, 0, 0, 0.15); */
}
.deliver-table table tbody tr:nth-of-type(odd) td:nth-of-type(2) {
	font-weight: 900;
	color: rgba(75, 138, 82, 1);
}
.deliver-table table tbody tr:nth-of-type(even) td:first-child {
	color: rgba(0, 65, 137, 1);
}
.deliver-table table tbody tr:nth-of-type(4n-1), 
.deliver-table table tbody tr:nth-of-type(4n) {
	background-color: rgba(0, 0, 0, 0.05);
}
.deliver-table table tbody tr:nth-of-type(even) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.deliver-table table tbody tr:last-child {
	border-bottom: 0;
}

/* order/deliverMan.jsp =====
	data[i].orderState    
	ODR001=주문접수  
	ODR002=음식조리
	ODR003=배달 시작 
	ODR004=배달 완료 
	ODR005=접수 거절 
	ODR006=배달중 
	ODR007=회수 완료 
	ODR009=주문 취소 
*/
.deliver-table table tr td span.ODR001 {
	background-color: rgba(75, 138, 82, 0.8); /* 주문접소 */
	color: #fff;
	padding: 2px 3px 0;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	font-size: 0.75rem;
} 
.deliver-table table tr td span.ODR002 {
	background-color: rgba(239, 96, 18, 0.8); /* 음식조리 */
	color: #fff;
	padding: 2px 3px 0;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	font-size: 0.75rem;
} 
.deliver-table table tr td span.ODR003 {
	background-color: rgba(205, 5, 57, 0.8); /* 배달시작 */
	color: #fff;
	padding: 2px 3px 0;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	font-size: 0.75rem;
} 
.deliver-table table tr td span.ODR004 {
	background-color: rgba(0, 65, 137, 0.8);  /* 배달완료 */
	color: #fff;
	padding: 2px 3px 0;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	font-size: 0.75rem;
} 
.deliver-table table tr td span.ODR005 {
	background-color: rgba(0, 126, 127, 0.8);  /* 접수거절 */
	color: #fff;
	padding: 2px 3px 0;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	font-size: 0.75rem;
} 
.deliver-table table tr td span.ODR006 {
	background-color: rgba(239, 163, 18, 0.8); /* 배달중 */
	color: #fff;
	padding: 2px 3px 0;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	font-size: 0.75rem;
} 
.deliver-table table tr td span.ODR007 {
	background-color: rgba(142, 38, 196, 0.8); /* 회수완료 */
	color: #fff;
	padding: 2px 3px 0;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	font-size: 0.75rem;
} 
.deliver-table table tr td span.ODR009 {
	background-color: rgba(0, 0, 0, 0.3); /* 회색 */ /* 주문취소 */
	color: #fff;
	padding: 2px 3px 0;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	font-size: 0.75rem;
} 



/* 배달 상태 주문정보 팝업 상세 =========== */
.deliver-pop-wrap > div {
	padding: 0 16px 10px;
}
.deliver-pop-wrap > div > dl > dt {
	font-size: 1rem;
	font-weight: 600;
	padding-bottom: 5px;
}
.deliver-pop-wrap > div > dl > dd {
	background-color: #f3f3f5;
	border-radius: 10px;
	padding: 10px;
}
/* 최종 주문정보 */
.deliver-pop-order-info > dl > dd ul li {
	padding-bottom: 8px;
}
.deliver-pop-order-info > dl > dd ul li:last-child {
	padding-bottom: 0;
}
.deliver-pop-order-info > dl > dd ul li dl {
	background-color: #fff;
	font-size: 0.8rem;
	border-radius: 6px;
	display: flex;
	align-items: center;
}
.deliver-pop-order-info > dl > dd ul li dl dt {
	background-color: rgba(75, 138, 82, 0.8);
	color: #fff;
	padding: 5px 10px;
	border-radius: 6px;
}

.deliver-pop-order-info > dl dd ul li span {
	padding: 5px;
}
.order-info-color {
	color: rgba(0, 65, 137, 0.8);
	color: rgba(203, 5, 57, 1);
	font-weight: 900;
}


/* 주문내역 */
.deliver-pop-order-list {}

/* 고객정보 */
.deliver-pop-user-info > dl > dd ul li {
	padding-bottom: 8px;
}
.deliver-pop-user-info > dl > dd ul li:last-child {
	padding-bottom: 0;
}
.deliver-pop-user-info > dl > dd ul li dl {
	background-color: #fff;
	font-size: 0.8rem;
	border-radius: 6px;
	display: flex;
	align-items: center;
}
.deliver-pop-user-info > dl > dd ul li dl dt {
	background-color: rgba(0, 65, 137, 0.8);
	width: 80px;
	color: #fff;
	padding: 5px;
	border-radius: 6px;
	text-align: center;
}
.deliver-pop-user-info > dl dd ul li span {
	padding: 5px;
}

/* 배달 진행 상태 */
.deliver-pop-order-map {
	padding: 10px 16px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.deliver-pop-order-map h3 {
	font-size: 1rem;
	font-weight: 600;
	padding-bottom: 5px;
}
.deliver-pop-order-map > ul {
	background-color: #f3f3f5;
	border-radius: 10px;
	padding: 8px;
	display: flex;
	justify-content: space-between;
}
.deliver-pop-order-map > ul li {
	padding: 0 2px;
}
.deliver-pop-order-map > ul li button {
	border:3px solid rgba(75, 138, 82, 0.8);
	background-color: #fff;
	padding: 15px 15px;
	border-radius: 26px;
	font-weight: 600;
}
.deliver-pop-order-map > ul li:nth-of-type(2) button {
	border-color: rgba(0, 65, 137, 0.8);
}
.deliver-pop-order-map > ul li:nth-of-type(3) button {
	border-color: rgba(142, 38, 196, 0.8);
}
.deliver-pop-order-map > ul li button:disabled {
	border: 3px solid rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.3);
}

/* 주문내역 */
.deliver-cart-list > li {
	background-color: #fff;
	border-radius: 6px;
	padding: 10px;
	font-size: 0.8rem;
	line-height: 1.4;
	margin-bottom: 10px;
}
.deliver-cart-list > li:last-child {
	margin-bottom: 0;
}
.deliver-cart-list > li dt {
	font-weight: 600;
	padding-bottom: 3px;
}
.deliver-cart-list > li dd {
	display: flex;
	justify-content: space-between;
}
.deliver-cart-list > li dd span:last-child {
	font-weight: 600;
}
.deliver-cart-list > li ul {
	background-color: #f3f3f5;
	padding: 10px;
}
.deliver-cart-list > li ul li {
	display: flex;
	box-sizing: border-box;
	/* width: 100%; */
	/* justify-content: space-between; */
}
.deliver-cart-list > li ul li b {
	font-weight: 400;
}
.deliver-cart-list > li ul li span.deliver-txt {
	flex-grow: 1;
}
.deliver-pop-order-info .del-tel button {
	background-color: rgba(0, 65, 137, 0.8);
	color: #fff;
	border-radius: 2px;
	padding: 2px 3px 1px;
	line-height: 1;
	vertical-align: middle;
	border-radius: 3px;
}

/* 본인 인증 확인 결과 */
main.result-box {
	flex-grow: 0;
}
.pay-letter-adult-result {
	width: 100%;
	display: flex;
	padding-top: 100px;
}
.pay-letter-adult-result div {
	padding: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.pay-letter-adult-result div div {
	width: 300px; 
	margin: 0 auto;
	border-radius: 10px;
	padding: 10px;
	background-color: #fff;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
	font-size: 1rem;
	text-align: center;
	line-height:1.6;
	box-sizing: border-box;
}
.pay-letter-adult-result div div span {
	border: 2px solid rgba(0, 0, 0, 0.3);
	padding: 30px;
	border-radius: 8px;
	font-weight: 600;
	display:inline-block;
	width: 100%;
	box-sizing: border-box;
}
.pay-letter-adult-result div div span.adult-ok {
	border: 2px solid rgba(72, 138,82, 0.8);
}
.result-footer {
	background-color: #fff;
}
.result-footer div {
	text-align: center;
}
.result-footer div button {
	background-color: rgba(75, 138, 82, 1);
	color: #fff;
	padding: 15px 30px;
	margin: 0 auto;
	max-width: 180px;
	width: 100%;
	border-radius: 30px;
}

/* 옴션 셀겍트 추가 */
.prdopt-l, .prdopt-r {
	border-bottom: 0!important;
}
.prdopt-l {
	width: 32%!important;
	padding: 12px 0 0 0!important;
	letter-spacing: -0.08rem;
	font-size: 0.95rem;
	font-weight: 600;
}
.prdopt-r select {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 5px 8px;
	font-size: 0.9rem;
}
.prdopt-r {
	width: 67%!important;
	padding-bottom: 10px!important;
	box-sizing: border-box;
}
.prdopt-r:last-child {
	padding-bottom: 0!important;
}


/* 반응형 start ================================================================================================================ 

================================================================================================================================ */
@media (min-width: 674px) {
	.main-menu ul li dl dd {
	    max-width: 70px;
	}
	.main-menu ul li dl {
	    padding-bottom: 10px;
	}
	.main-top-speed {
		font-size: 1rem;
	}
	.main-top-speed img {
		width: 70px;
	}
	
}