.order-steps{padding:var(--s-4)}.order-steps .steps--vertical .step{padding:var(--s-3) 0}.order-steps .steps--vertical .step+.step{border-top:var(--border)}@media (min-width:768px){.order-steps{padding:var(--s-5)}.order-steps .steps--vertical .step+.step{border-top:0}.order-steps .steps--vertical .step__desc{max-width:220px}}.order-template-wrap{-webkit-overflow-scrolling:touch;border:var(--border);border-radius:var(--r-card);background:var(--bg-card);overflow-x:auto}.order-template{border-collapse:separate;border-spacing:0;width:100%;min-width:1080px;font-size:var(--fs-sub);line-height:1.5}.order-template th,.order-template td{text-align:left;vertical-align:top;border-bottom:var(--border);border-right:var(--border);padding:12px 14px}.order-template th:last-child,.order-template td:last-child{border-right:0}.order-template tbody tr:last-child th,.order-template tbody tr:last-child td{border-bottom:0}.order-template thead th{background:var(--bg-hanji);color:var(--fg-ink);white-space:nowrap;font-weight:700}.order-template thead th.is-required{background:var(--persimmon-soft);color:var(--fg-ink)}.order-template .order-template__rownum{background:var(--bg-hanji);width:56px;color:var(--fg-sub);text-align:center;white-space:nowrap;font-weight:700}.order-template__example td{color:var(--fg-ink)}.order-template__notes td{color:var(--fg-sub)}.order-template__hint{margin-top:var(--s-2)}.order-template__legend{gap:var(--s-2) var(--s-4);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.order-template__legend li{align-items:center;gap:6px;display:inline-flex}.order-template__swatch{border:var(--border);background:var(--bg-hanji);border-radius:4px;flex:none;width:18px;height:18px}.order-template__swatch--required{background:var(--persimmon-soft)}@media (min-width:1160px){.order-template__hint{display:none}}.order-pay{gap:var(--s-3);align-items:flex-start;display:flex}.order-pay__icon{color:var(--green);flex:none;margin-top:2px}.order-pay__body p{margin-top:6px}.order-actions>.btn{flex:100%}@media (min-width:768px){.order-actions>.btn{flex:1 1 0}}.order-upload__form{gap:var(--s-5);margin-top:var(--s-5);display:grid}.order-upload__code .input{text-transform:uppercase}.order-upload__code .input::placeholder{text-transform:none}.order-dropzone{position:relative}.order-dropzone__pick{position:relative;overflow:hidden}.order-dropzone__pick:focus-within{outline:2px solid var(--green);outline-offset:2px}.order-dropzone__title{font-size:var(--fs-body);color:var(--fg-ink);font-weight:700}.order-dropzone__link{min-height:var(--touch);padding:0 var(--s-3);align-items:center;gap:4px;display:inline-flex}.order-file{margin-top:var(--s-2)}.order-file__remove{color:var(--fg-sub)}.order-file__remove:hover{color:var(--fg-ink)}.order-upload__error{margin-top:0}.order-result{gap:var(--s-4);display:grid}.order-result__title:focus:not(:focus-visible){outline:none}.order-result__title:focus-visible{outline-offset:4px}.order-result__desc{margin-top:6px}.check-result--fail .order-result__desc,.check-result--pass .order-result__desc{color:var(--fg-ink)}.order-errors th:first-child,.order-errors td:first-child{white-space:nowrap;width:72px}.order-errors th:nth-child(2),.order-errors td:nth-child(2){white-space:nowrap;width:96px}.order-errors td{font-size:var(--fs-sub);line-height:1.5}.order-errors td:nth-child(3){font-size:var(--fs-body);color:var(--fg-ink)}.order-errors__more td{color:var(--fg-sub)}.order-lines{background:var(--bg-card);border:var(--border);border-radius:var(--r-card);border-collapse:separate;border-spacing:0;width:100%;overflow:hidden}.order-lines thead{display:none}.order-lines tbody,.order-lines tfoot{display:block}.order-lines tbody tr{column-gap:var(--s-3);border-bottom:var(--border);grid-template-columns:auto auto auto 1fr;align-items:baseline;row-gap:2px;padding:12px 14px;display:grid}.order-lines td{font-variant-numeric:tabular-nums;padding:0;display:block}.order-lines .c-name{grid-area:1/1/auto/4;font-weight:700}.order-lines .c-amount{white-space:nowrap;grid-area:1/4;justify-self:end;font-weight:700}.order-lines .c-code,.order-lines .c-qty,.order-lines .c-price{font-size:var(--fs-sub);color:var(--fg-sub);white-space:nowrap;grid-row:2}.order-lines .c-code:before{content:"품번 "}.order-lines .c-qty:before{content:"수량 "}.order-lines .c-price:before{content:"공급가 "}.order-lines tfoot tr{justify-content:space-between;align-items:baseline;gap:var(--s-3);background:var(--bg-hanji);padding:14px;font-weight:700;display:flex}.order-lines tfoot td{padding:0}.order-lines .c-total-label{color:var(--fg-ink)}.order-lines .c-total-qty{color:var(--fg-sub);font-size:var(--fs-sub);margin-left:auto;font-weight:600}.order-lines .c-total-amount{font-size:var(--fs-price-sm);white-space:nowrap}@media (min-width:768px){.order-lines thead{display:table-header-group}.order-lines tbody,.order-lines tfoot{display:table-row-group}.order-lines tfoot{display:table-footer-group}.order-lines tbody tr,.order-lines tfoot tr{background:0 0;padding:0;display:table-row}.order-lines th,.order-lines td{border-bottom:var(--border);vertical-align:middle;padding:12px 14px;display:table-cell}.order-lines thead th{text-align:left;background:var(--bg-hanji);color:var(--fg-sub);font-weight:700;font-size:var(--fs-sub)}.order-lines .c-code:before,.order-lines .c-qty:before,.order-lines .c-price:before{content:none}.order-lines .c-code{font-size:var(--fs-body);color:var(--fg-ink);letter-spacing:.02em;font-weight:600}.order-lines .c-name{font-weight:600}.order-lines .c-qty,.order-lines .c-price,.order-lines .c-amount{text-align:right;font-size:var(--fs-body);color:var(--fg-ink)}.order-lines thead .c-qty,.order-lines thead .c-price,.order-lines thead .c-amount{text-align:right}.order-lines tfoot td{background:var(--bg-hanji);border-bottom:0;font-weight:700}.order-lines .c-total-qty{text-align:right;font-size:var(--fs-body);color:var(--fg-ink);margin-left:0}.order-lines .c-total-amount{text-align:right}.order-lines tbody tr:last-child td{border-bottom:var(--border)}}.order-result__actions{gap:var(--s-2);display:grid}@media (min-width:768px){.order-result__actions{grid-template-columns:2fr 1fr}.order-result__actions>.btn--key{grid-column:1}}.order-done{gap:var(--s-4);padding-top:var(--s-5);padding-bottom:var(--section-gap);display:grid}.order-done .done-card__no{word-break:break-all}.order-done__account .account-box__holder{font-size:var(--fs-sub);color:var(--fg-sub)}.order-done__account .account-box__value>span{word-break:break-all}.order-done .btn-row>.btn{flex:100%}@media (min-width:768px){.order-done .btn-row>.btn{flex:1 1 0}}