/* BASIC css start */
/* ==================== 비회원 주문조회 ==================== */
.order-guest-page { width: 100%; padding: 0 20px; box-sizing: border-box; }
.sub-page.order-guest-page .page-header { display: flex; align-items: center; justify-content: center; height: 60px; margin: 20px 0 20px; }
.sub-page.order-guest-page .page-header__title { font-size: 28px; font-weight: 600; color: #000; }

.order-guest__inner { width: 360px; margin: 0 auto; padding-bottom: 120px; }

.order-guest__field { margin-bottom: 16px; }

.order-guest__label { display: block!important; margin-bottom: 8px; font-size: 14px; font-weight: 500; color: #000; }
.order-guest__label-note { margin-left: 6px; font-size: 12px; font-weight: 400; color: #999; }

.order-guest__field .login-input,
.order-guest-popup__field .login-input { display: block; width: 100%; height: 50px; padding: 0 16px; border: 1px solid #ddd; outline: none; background: #fff; color: #000; font-size: 13px; box-sizing: border-box; appearance: none; }
.order-guest__field .login-input::placeholder,
.order-guest-popup__field .login-input::placeholder { color: #999; }
.order-guest__field .login-input:focus,
.order-guest-popup__field .login-input:focus { border-color: #000; }

.order-guest__submit { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; margin-top: 8px; border: 0; box-sizing: border-box; background: #000; color: #fff; font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; }

.order-guest__notice { margin-top: 40px; font-size: 12px; color: #666; text-align: center; }


/* 주문 다건 확인 팝업 */
.order-guest-popup { display: none; position: fixed; inset: 0; z-index: 10000001; }
.order-guest-popup__dim { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }

.order-guest-popup__layer { position: absolute; top: 50%; left: 50%; width: calc(100% - 48px); max-width: 320px; padding: 32px 20px 24px; box-sizing: border-box; background: #fff; transform: translate(-50%, -50%); }

.order-guest-popup__close { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; padding: 0; border: 0; background: none; }
.order-guest-popup__close::before,
.order-guest-popup__close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; background: #000; }
.order-guest-popup__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.order-guest-popup__close::after { transform: translate(-50%, -50%) rotate(-45deg); }

.order-guest-popup__title { margin-bottom: 16px; font-size: 16px; font-weight: 500; color: #000; text-align: center; }

.order-guest-popup__text { margin-bottom: 20px; font-size: 12px; color: #666; text-align: center; }

.order-guest-popup__field { margin-bottom: 24px; }
.order-guest-popup__field .order-guest__label { font-size: 14px; }
.order-guest-popup__field .login-input + .login-input { margin-top: 8px; }

.order-guest-popup__buttons { margin-top: 24px; }
/* BASIC css end */