html, body {margin:0;height:100%;}
html { font-size: 15px }
body.waitMe_container {position: fixed; top: 0; left: 0; width: 100%;}

html {
  /* 261px 이하: 9px / 430px 이상: 15px */
  font-size: clamp(9px, 3.55vw - 0.266px, 15px);
}

/* 
@media screen and (max-width: 430px) {
  html { font-size: 15px }
}
*/

a, a:hover, a:visited {text-decoration:none; color: inherit;}
p {margin: 0;}
div.wrapper {position:relative;}
.container {margin:0 auto; max-width:430px; position: relative;}
.content-body {position: relative; font-size: 0; margin: 0 auto;}
.button {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; cursor: pointer;}
.button.disabled {cursor: not-allowed;}
.clearboth:after {content: ''; display: block; clear: both;}
.overflow-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.multiline-ellipsis-2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
ul {list-style: none; padding: 0; margin: 0;}
img {max-width: 100%;}
.text-danger {color: #ff0000;}
.row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.col {position: relative; width: 100%; box-sizing: border-box;}
.d-inline-block {display: inline-block !important;}
input:focus, textarea:focus {outline: none;}
input[type="checkbox"] {margin-top: 0; margin-bottom: 0;}
input[type="number"], input[type="text"], input[type="password"], input[type="tel"], textarea {border: none; padding: 1rem 0.8rem; min-width: 0;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none; margin: 0; border-radius: 0;
}
li.empty_list {text-align: center; padding: 5rem 0;}
.datepicker {position: absolute; left: 0; top: 0; background-color: #fff; border: 1px solid #b9c3c8;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent;}
@supports (-webkit-touch-callout: none) {
    select {text-align: center; text-indent: 33.3%;}
}
button {background: none; border: none; padding: 0; margin: 0; font: inherit; color: inherit; outline: inherit; cursor: pointer; font-size: 0;}
button.hidden {display: none; width: 0;}

/* 점검중 */
body.is-maintenance {overflow: hidden;}
.maintenance-notice { position: fixed; top: 0; left: 0; width: 100%; height: 100%; height: 100dvh; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 9999; padding: 1.5rem; box-sizing: border-box; }
.maintenance-notice__card { width: 100%; max-width: 320px; background: #fff; border-radius: 0.75rem; padding: 2rem 1.5rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); text-align: center; }
.maintenance-notice__text { margin: 0; font-size: 0.95rem; line-height: 1.6; color: #333; }


/* 모달 */
.modal-open {overflow: hidden;}
.modal-backdrop.show {opacity: .5; position: fixed; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vh; background-color: #000;}
.modal {position: fixed; top:0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;}
.modal .modal-dialog {position: absolute;width: 90%;max-width: 380px;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;display: block;}
.modal .modal-dialog .modal-content {display: flex;flex-direction: column;max-height: 80vh;min-height: 10rem;overflow: auto;padding: 4% 0 7%;}
.modal .modal-dialog .modal-content .modal-header {padding: 0 5% 5% 7%; flex-shrink: 0; color: #4e00ff;}
.modal .modal-dialog .modal-content .modal-body {padding: 0 3%; overflow-y: auto; flex: 1 1 auto; min-height: 0; max-height: 60vh; font-size: 0;}
.modal .modal-dialog .modal-content .modal-footer {padding: 5% 7% 0; flex-shrink: 0;}

.modal .modal-dialog .modal-content .modal-header .popup_close {font-size: 0; text-align: right; padding-bottom: 1%;}
.modal .modal-dialog .modal-content .modal-header .popup_close button.close { width: 8%; }
.modal .modal-dialog .modal-content .modal-header .title {font-size: 1.5rem;font-weight: 600;}
.modal .modal-dialog .modal-content .modal-header .desc {font-size: 1rem; word-break: keep-all;}
.modal .modal-dialog .modal-content .modal-header .added {font-size: 0.85rem; word-break: keep-all;}

/* first-agree-modal */
.modal.modal--first-agree-modal .box__fa_header {padding: 3%; box-sizing: border-box;}
.modal.modal--first-agree-modal .box__fa_header p {font-size: 1.5rem; font-weight: 600; line-height: 2rem;}
.modal.modal--first-agree-modal .box__fa_header p span {color: #0066ff;}

.modal.modal--first-agree-modal .box__fa_agree {padding: 10% 3%; box-sizing: border-box;}
.modal.modal--first-agree-modal .box__fa_agree input[type="checkbox"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 1rem;height: 1rem;border-radius: 5px;cursor: pointer;background-color: #ccc;}
.modal.modal--first-agree-modal .box__fa_agree input[type="checkbox"]:checked { background-color: #0066ff; }

.modal.modal--first-agree-modal .box__fa_agree .row__agree_item {align-items: center; justify-content: space-between; margin-bottom: 5%;}
.modal.modal--first-agree-modal .box__fa_agree .row__agree_item .agree_item {display: flex; align-items: center;}
.modal.modal--first-agree-modal .box__fa_agree .row__agree_item .agree_item label {font-size: 1.1rem; font-weight: 500;}
.modal.modal--first-agree-modal .box__fa_agree .row__agree_item .agree_item label span {color: #666;}
.modal.modal--first-agree-modal .box__fa_agree .row__agree_item .agree_content button {font-size: 1rem; color: #0066ff; text-decoration: underline;}

.modal.modal--first-agree-modal .box--btn p {color: #0066ff; font-size: 1.2rem; font-weight: 500; line-height: 1.7rem; margin-bottom: 10%;}


/* agree-modal */
.modal.modal--agree-modal .modal-dialog .modal-content {padding: 0;}
.modal.modal--agree-modal .modal-dialog .modal-content .modal-body { padding: 0; font-size: 0; max-height: 100%;}
.modal.modal--agree-modal .modal-dialog .modal-content .modal-footer.box--btn {padding: 0;}
.modal.modal--agree-modal .modal-dialog .modal-content .modal-footer button {position: absolute; bottom: 4.7%; width: 87.1%; padding-bottom: 12.5%; left: 5.7%; background: none;}

.modal-body .content tbody td.empty {text-align: center; min-height: 40vh; max-height: 40vh; border-bottom: 0 !important; justify-content: center !important; font-weight: normal !important; color: #333 !important; cursor: default !important;}

#alert-modal .modal-dialog { width: 75%; }
#alert-modal .modal-dialog .modal-body .content {min-height: 13vh;font-size: 1.2rem;display: flex;justify-content: center;padding: 6% 0;align-items: center;}
#alert-modal .modal-dialog .modal-body .content p { width: 100%; text-align: center; line-height: 2rem; font-weight: 600;}
#alert-modal .modal-dialog .modal-body .content p.my {margin: 3% 0;}
#alert-modal .modal-dialog .modal-body .content p .gray {color: #999;}
#alert-modal .modal-dialog .modal-body .content p .darkgray {color: #58595b;}
#alert-modal .modal-dialog .modal-content .modal-footer {padding: 0; flex-shrink: 0;}


/* 버튼 */
.box--btn {text-align: center;}

.box--btn .btn-confirm {font-size: 1.2rem;font-weight: 400;height: 3rem;width: 45%;background-color: #58595b;color: #fff;}
.box--btn .btn-submit {width: 100%;background: #4e00ff;display: block;padding: 4% 0;text-align: center;color: #fff;font-size: 1.4rem;border-radius: 10px;box-sizing: border-box;font-weight: 500;}
.box--btn .btn-gradient {width: 100%;display: block;padding: 4.5% 0;text-align: center;color: #fff;font-size: 1.4rem;border-radius: 10px;box-sizing: border-box;font-weight: 500;background: #1f1bd2;font-weight: 600;}
.box--btn .btn-gradient.btn-gray {background: #a6a6a6;}
.box--btn .btn-gradient:disabled {opacity: 0.6;}
.box--btn .btn-submit.btn-charge {font-size: 1.25rem;}

.box--btn .md { width: 55%;}
.box--btn .full { width: 100%;}

.container {min-height: 90vh; min-height: 100dvh;}
.section {box-sizing: border-box;}
.section__row {display: flex;}
.content-body .mt-0 {margin-top: 0 !important;}
.content-body .mt-2 {margin-top: 2% !important;}
.content-body .mt-5 {margin-top: 5% !important;}
.content-body .mt-10 {margin-top: 10% !important;}
.content-body .mt-15 {margin-top: 15% !important;}
.content-body .w-50 {width: 50% !important;}
.content-body .w-75 {width: 75% !important;}
.content-body .w-100 {width: 100% !important;}

/* user/login */
.login-container .section--login {position: absolute;width: 100%;top: 57%;}
.login-container .section--login .login-box {padding: 0px 13%;}
.login-container .section--login .login-box .login-row {display: flex;flex-wrap: nowrap;background-color: #fff;align-items: center;height: 3rem;border: 1px solid #b2b2b2;}
.login-container .section--login .login-box .login-row.row--id { margin-bottom: 1rem;}
.login-container .section--login .login-box .login-row.row--pw { margin-bottom: .5rem;}
.login-container .section--login .login-box .login-row label {flex: 0 0 30%;font-size: 1.2rem;text-align: center;color: #b2b2b2;font-weight: 600;}
.login-container .section--login .login-box .login-row input {flex: 0 0 70%;font-size: 1.1rem;padding: 0;box-sizing: border-box;font-weight: 500;}
.login-container .section--login .login-box .login-row input::placeholder { color: #a8a9ab; font-size: 1rem; }

.login-container .section--login .login-box p {font-size: .95rem;font-weight: 500;color: #666666;line-height: 1rem;text-align: right;letter-spacing: -0.02rem;}

.login-container .section--login .login-box #btn-submit {font-size: 1.4rem;font-weight: 400;color: #fff;background-color: #1f1bd2;border-radius: 10px;width: 100%;height: 3.5rem;margin-top: 10%;}
.login-container .section--login .login-box .btn-box {text-align: right;margin-top: 3%;}
.login-container .section--login .login-box .btn-box .find-pw {font-size: 1rem;font-weight: 600;text-decoration: underline;color: #666666;}

.login-container .section--footer {width: 100%;padding: 0 10%;position: absolute;bottom: 0%;}
.login-container .section--footer .cs-box {display: flex; flex-wrap: nowrap; color: #c49a6c; align-items: flex-end; justify-content: space-between;}
.login-container .section--footer .cs-box p {font-size: 0.7rem;}
.login-container .section--footer .cs-box p.tit {font-size: 0.8rem; font-weight: 600;}

.login-container .section--footer .pos-box {display: flex; justify-content: right; align-items: center; color: #a7a9ac; margin: 3% -2% 0;}
.login-container .section--footer .pos-box i {font-size: 1.4rem; font-weight: 500;}
.login-container .section--footer .pos-box button {font-size: 0.8rem; font-weight: 500;}

.login-container .section--footer .copyright {font-size: 1rem;color: #666666;margin-top: 3%;line-height: 1.35rem;text-align: left;font-weight: 600;}
.login-container .section--footer .copyright p:nth-child(2) {font-size: 0.67rem;}


/* 비밀번호 분실 모달 */
#pw-modal.modal .modal-dialog .modal-content .modal-header {padding: 0 5% 5% 7%;flex-shrink: 0;color: #000;}
#pw-modal.modal .modal-dialog .modal-content .modal-header .title {font-size: 1.2rem;font-weight: 600;padding-bottom: 5%;margin-top: 2rem;}
#pw-modal.modal .modal-dialog .modal-content .modal-header .desc {font-size: 1rem;word-break: keep-all;color: #232fd0;font-weight: 400;line-height: 1.6rem;}
#pw-modal .modal-body .content {padding: 0 10% 10%;}
#pw-modal .modal-body .content .input-row {display: flex;border-bottom: 1px solid #c3c3c3;align-items: center;justify-content: space-between;padding: 1.5rem 0 0.5rem;margin-bottom: 3rem;}
#pw-modal .modal-body .content .input-row .label {font-size: 1.1rem;flex: 0 0 30%;color: #4d4d4d;text-align: left;font-weight: 500;box-sizing: border-box;}
#pw-modal .modal-body .content .input-row input {font-size: 1rem;width: 100%;padding: .3rem;text-align: left;flex: 0 0 70%;box-sizing: border-box;}


/* inner-header */
.section--inner-header {position: sticky; top: 0; z-index: 100;}
.section--inner-header .header-row {display: flex;flex-wrap: nowrap;height: 3.3rem;align-items: center;justify-content: space-between;padding: 0 5%;background-color: #e3edfa;box-shadow: inset 0px -10px 10px -5px rgba(0, 0, 0, 0.05);}
.section--inner-header .header-row .header-back a {display: inline-block;padding: .4rem;width: .7rem;line-height: 0;}
.section--inner-header .header-row .header-title p {font-size: 1.3rem;font-weight: 700;color: #003fca;}
.section--inner-header .header-row .header-home {flex: 0 0 7%;}
.section--inner-header .header-row .header-home a {display: inline-block;padding: .4rem;width: 1.6rem;line-height: 0;}

.section--inner-info .info-box {padding: 4% 5% 0;text-align: right;font-weight: 300;}
.section--inner-info .info-box p {font-size: 1rem;color: #555;font-weight: 500;}
.section--inner-info .info-box p span {margin-left: 0.4rem;}


/* pw */
.pw-container {display: flex; flex-direction: column;}
.pw-container .content-body {flex-grow: 1; width: 100%; background-color: #fff; padding: 5%; box-sizing: border-box; display: flex; flex-direction: column;}

.pw-container .content-body .section--pw-header .title {font-size: 1.45rem;font-weight: 700;color: #000000;}

.pw-container .content-body .section--pw-body {box-sizing: border-box;margin: 20% 0 0;width: 100%;flex-grow: 1;padding: 0 5%;}
.pw-container .content-body .section--pw-body .input-item {margin-bottom: 20%;}
.pw-container .content-body .section--pw-body .input-item label {font-size: 1.2rem;color: #4d4d4d;font-weight: 700;}
.pw-container .content-body .section--pw-body .input-item input {font-size: 1.3rem;border-bottom: 1px solid #c3c3c3;display: block;margin: 1rem 0 0.5rem;width: 90%;}
.pw-container .content-body .section--pw-body .input-item .cond {font-size: 1.1rem;color: #ff6a95;font-weight: 500;}


/* =====================================================================
   emp 공통
   ===================================================================== */
.emp-container .section--intro {padding: 6% 5% 0;}
.emp-container .section--intro .tit {font-size: 1.35rem;line-height: 1.8rem;color: #1a1a1a;word-break: keep-all;font-weight: 600;}
.emp-container .section--intro .tit strong {font-weight: 800;}
.emp-container .section--intro .note {font-size: 1rem;color: #2400ff;margin-top: 10%;font-weight: 500;}

.emp-container .empty {padding: 3rem 0;font-size: 0.9rem;line-height: 1.5rem;color: #8a8a8a;text-align: center;}

.emp-container input[type="checkbox"].emp-check {-webkit-appearance: none;-moz-appearance: none;appearance: none;flex: none;width: 1.1rem;height: 1.1rem;margin: 0;border-radius: 35%;background-color: #c8c8c8;cursor: pointer;}
.emp-container input[type="checkbox"].emp-check:checked {background-color: #1036d8;}
.emp-container input[type="checkbox"].emp-check:focus-visible {outline: 2px solid #1036d8; outline-offset: 2px;}

.emp-container .item-line {display: flex;align-items: center;justify-content: space-between;}
.emp-container .item-line .item-name {color: #1a1a1a;word-break: keep-all;}
.emp-container .item-line .item-amount {flex: none;margin-left: 0.5rem;color: #1a1a1a;}

.emp-container .section--btn {padding: 6% 5% 8%;}
.emp-container .section--btn.btn-row {display: flex;gap: 5%;}
.emp-container .section--btn.btn-row .btn-gradient {flex: 1 1 0;font-size: 1.4rem;}

.emp-container.container--fill {display: flex; flex-direction: column;}
.emp-container.container--fill .content-body {flex: 1 0 auto; display: flex; flex-direction: column; width: 100%;}
.emp-container.container--fill .section--btn {flex: none; padding: 8% 5% calc(8% + env(safe-area-inset-bottom, 0px));}


/* =====================================================================
   emp/main (아이템 선택: 탁상용 / 벽걸이 / 다이어리류)
   ===================================================================== */
.main-container .section--main-header .header-row .header-col {flex: 0 0 auto;}
.main-container .section--main-header .header-row .header-col a {display: flex;align-items: center;gap: 0.2rem;font-size: 1.05rem;font-weight: 600;color: #1036d8;}
.main-container .section--main-header .header-row .header-col a img {width: .9rem;}
.main-container .section--main-header .header-row .header-col.header-logout a {color: #8a8a8a;}

.main-container .section--tabs {padding: 7% 5% 0;}
.main-container .section--tabs .tab-row {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.4rem;}
.main-container .section--tabs .tab-row button {width: 100%;height: 2.2rem;border-radius: 7px 7px 0 0;background-color: #c4c4c4;color: #fff;font-size: 1rem;font-weight: 600;}
.main-container .section--tabs .tab-row button.is-active {background-color: #000;}

.main-container .section--product-list {padding: 3% 5% 0;}
.main-container .section--product-list li.empty_list {font-size: 0.9rem; color: #8a8a8a;}
.main-container .section--product-list .product-item {display: flex; flex-wrap: nowrap; gap: 4%; padding: 4% 0; border-bottom: 1px solid #dcdcdc;}
.main-container .section--product-list .product-item:last-child {border-bottom: 0;}
.main-container .section--product-list .product-item .product-info {flex: 1 1 auto; display: flex; flex-direction: column; padding-top: 0.2rem; cursor: pointer;}
.main-container .section--product-list .product-item .product-info .product-name {display: flex;align-items: center;gap: 0.5rem;font-size: 1.2rem;font-weight: 700;color: #1a1a1a;word-break: keep-all;}
.main-container .section--product-list .product-item .product-info .product-name .name {}
.main-container .section--product-list .product-item .product-info .product-price {font-size: 1.1rem;font-weight: 700;color: #000;margin-top: .7rem;padding-left: 1.6rem;}
.main-container .section--product-list .product-item .product-info .product-unit {font-size: .95rem;color: #000;margin-top: 0.3rem;padding-left: 1.6rem;font-weight: 500;}
.main-container .section--product-list .product-item .product-thumb {flex: 0 0 47%;aspect-ratio: 6 / 5;overflow: hidden;cursor: pointer;border: 1px solid #e1e1e1;}
.main-container .section--product-list .product-item .product-thumb img {display: block; width: 100%; height: 100%; object-fit: contain;}
.main-container .section--product-list .product-item .product-thumb[data-detail=""] {cursor: default;}

/* 상세보기 모달 */
.modal.modal--detail-modal .modal-dialog {width: 92%; max-width: 400px; height: 90vh; height: 90dvh;}
.modal.modal--detail-modal .modal-dialog .modal-content {height: 100%; max-height: none; padding: 0; box-sizing: border-box;}
.modal.modal--detail-modal .modal-dialog .modal-content .modal-header {padding: 4% 4% 2%;}
.modal.modal--detail-modal .modal-dialog .modal-content .modal-header .popup_close {padding-bottom: 0;}
.modal.modal--detail-modal .modal-dialog .modal-content .modal-header .popup_close button.close {width: 2rem; height: 2rem;}
.modal.modal--detail-modal .modal-dialog .modal-content .modal-body {display: flex; flex-direction: column; max-height: none; padding: 0 4% 4%; -webkit-overflow-scrolling: touch;}
.modal.modal--detail-modal .modal-dialog .modal-content .modal-body .detail-images {flex: 1 0 auto;}
.modal.modal--detail-modal .modal-dialog .modal-content .modal-body .detail-images img {display: block; width: 100%; height: auto;}


/* =====================================================================
   emp/cart (주문리스트)
   ===================================================================== */
.cart-container .section--cart-list {padding: 5% 5% 0;}
.cart-container .section--cart-list .cart-item {padding: 3.5% 0;border-bottom: 1px solid #dcdcdc;}
.cart-container .section--cart-list .cart-item .item-row {display: flex; align-items: center; justify-content: space-between;}
.cart-container .section--cart-list .cart-item .item-row.item-head {justify-content: flex-start; gap: 0.4rem;}
.cart-container .section--cart-list .cart-item .item-row.item-body {margin-top: 0.7rem;padding-left: 1.4rem;}
.cart-container .section--cart-list .cart-item .btn-remove {flex: none;display: flex;align-items: center;justify-content: center;color: #2400ff;font-size: 1.4rem;}
.cart-container .section--cart-list .cart-item .item-name {font-size: 1.1rem;font-weight: 600;color: #1a1a1a;word-break: keep-all;}
.cart-container .section--cart-list .cart-item .item-name .item-price {margin-left: 0.5rem;font-size: .95rem;font-weight: 500;color: #8a8a8a;}
.cart-container .section--cart-list .cart-item .qty-select {height: 1.7rem;min-width: 5.7rem;padding: .1rem 0.8rem 0 2.2rem;border: 0;border-radius: 1rem;background: #eee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23333' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat .8rem center / .8rem;font-size: 1rem;font-weight: 600;color: #000;text-align: left;text-indent: 0;cursor: pointer;}
.cart-container .section--cart-list .cart-item .item-amount {font-size: 1.1rem;font-weight: 700;color: #1a1a1a;}
.cart-container .section--cart-list .total-row {padding: 4% 0 0; text-align: right;}
.cart-container .section--cart-list .total-row p {font-size: 1.3rem;color: #1a1a1a;font-weight: 700;}
.cart-container .section--cart-list .total-row p span {margin-left: 0.5rem;font-size: 1.2rem;}

.cart-container .section--delivery {padding: 7% 5% 0;}
.cart-container .section--delivery .delivery-box {padding: 4% 4% 5%;background-color: #f1f1f1;border-radius: 10px;}
.cart-container .section--delivery .delivery-box .tit {margin-bottom: 0.5rem;font-size: 1.2rem;font-weight: 700;color: #1a1a1a;}
.cart-container .section--delivery .delivery-box .input-row {display: flex;align-items: center;gap: 0.3rem;margin-top: 0.7rem;}
.cart-container .section--delivery .delivery-box .input-row.indent {padding-left: 3.3rem;}
.cart-container .section--delivery .delivery-box .input-row label {flex: 0 0 12%;font-size: 1rem;font-weight: 700;color: #333333;}
.cart-container .section--delivery .delivery-box .input-row label.label-mobile {text-align: right;flex: 0 0 15%;}
.cart-container .section--delivery .delivery-box .input-row input {flex: 1 1 auto;width: 100%;padding: 0.4rem 0.2rem 0.2rem .6rem;border-bottom: 1px solid #333333;border-radius: 0;background-color: transparent;font-size: 1rem;color: #333333;font-weight: 600;}
.cart-container .section--delivery .delivery-box .input-row input::placeholder {color: #a8a9ab;}
.cart-container .section--delivery .delivery-box .input-row .input-zipcode {flex: 0 0 30%;}
.cart-container .section--delivery .delivery-box .input-row .input-receiver-name {flex: 0 0 20%;}
.cart-container .section--delivery .delivery-box .input-row .input-receiver-mobile {flex: 0 0 40%;}
.cart-container .section--delivery .delivery-box .input-row .btn-postcode {flex: none;padding: .35rem 1rem;border: 1px solid #333333;border-radius: 1rem;font-size: .9rem;color: #333;font-weight: 500;}


/* =====================================================================
   emp/payment (확인 및 결제)
   ===================================================================== */
.payment-container .section--order-list {padding: 9% 5% 0;}
.payment-container .section--order-list .order-item {padding: 0.3rem 0;}
.payment-container .section--order-list .order-item .item-name,
.payment-container .section--order-list .order-item .item-amount {font-size: 1.05rem;font-weight: 500;}

.payment-container .section--delivery-info {margin: 5%;padding-top: 5%;border-top: 1px solid #dcdcdc;}
.payment-container .section--delivery-info p {font-size: 1.05rem;line-height: 1.7rem;color: #1a1a1a;word-break: keep-all;font-weight: 500;}

.payment-container .section--amount {padding: 7% 5% 0;}
.payment-container .section--amount .amount-box {display: flex;align-items: center;justify-content: space-between;padding: 1.3rem;background-color: #fdf8db;border-radius: 10px;}
.payment-container .section--amount .amount-box .label,
.payment-container .section--amount .amount-box .value {font-size: 1.2rem;font-weight: 700;color: #1a1a1a;padding-top: .2rem;}
.payment-container .section--amount .tax-invoice {display: flex; align-items: center; gap: 0.4rem; margin-top: 0.9rem; cursor: pointer;}
.payment-container .section--amount .tax-invoice span {font-size: 1rem;color: #000;font-weight: 600;}


/* =====================================================================
   emp/complete (결제 완료)
   ===================================================================== */
.complete-container .section--complete {flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; padding: 0 5%; text-align: center;}
.complete-container .section--complete .tit {font-size: 1.2rem;color: #000;font-weight: 600;}
.complete-container .section--complete .desc {margin-top: 1.5rem;line-height: 1.7rem;word-break: keep-all;font-size: 1.2rem;color: #000;font-weight: 600;}


/* =====================================================================
   emp/order (결제 내역)
   ===================================================================== */
.order-history-container .section--notice {flex: none; padding: 6% 5% 0;}
.order-history-container .section--notice li {position: relative;padding-left: 0.7rem;font-size: 1rem;line-height: 1.5rem;color: #2400ff;word-break: keep-all;font-weight: 500;}
.order-history-container .section--notice li::before {content: '·'; position: absolute; left: 0; top: 0;}

.order-history-container .section--history {flex: 1 0 auto; padding: 5% 5% 0;}
.order-history-container .section--history .history-item {padding: 4% 0;border-top: 1px solid #000;}
.order-history-container .section--history .history-item:last-child {border-bottom: 1px solid #000;}
.order-history-container .section--history .history-head {display: flex;align-items: center;justify-content: space-between;margin-bottom: .75rem;}
.order-history-container .section--history .history-head .date {font-size: 1rem;font-weight: 700;color: #1a1a1a;}
.order-history-container .section--history .history-head .date span {font-weight: 400;}
.order-history-container .section--history .history-head .method {font-size: 1rem;color: #555;font-weight: 700;}
.order-history-container .section--history .history-line {padding: 0.3rem 0;font-weight: 500;}
.order-history-container .section--history .history-line .item-name,
.order-history-container .section--history .history-line .item-amount {font-size: 1rem;color: #000;}
.order-history-container .section--history .history-total {margin-top: 0.6rem;font-size: 1.2rem;font-weight: 700;color: #1a1a1a;text-align: right;}