*{box-sizing:border-box;margin:0;padding:0}:root{--od-bg: #f7f5ef;--od-card: #ffffff;--od-green: #2f5d3a;--od-green-dark: #24492e;--od-green-soft: #e6efe6;--od-text: #1f2a24;--od-muted: #6b7570;--od-line: #d9d4c7;--od-warn-bg: #fbf3df;--od-warn-text: #7a5a10;--od-danger: #b42318;--od-radius: 14px}html{font-size:18px}body{font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;background:var(--od-bg);color:var(--od-text);min-height:100vh;line-height:1.45;-webkit-text-size-adjust:100%}.odPage{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));gap:14px}.odCard{width:100%;max-width:420px;background:var(--od-card);border:1px solid var(--od-line);border-radius:var(--od-radius);padding:22px 20px;display:flex;flex-direction:column;gap:14px}.odCard--transparent{background:transparent;border:none;padding:8px 4px}.odBrand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0 6px;text-align:center}.odBrandMark{width:92px;height:92px;border-radius:26px;background:var(--od-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800}.odBrand h1{font-size:1.45rem;font-weight:800;letter-spacing:-.01em}.odBrand p{color:var(--od-muted);font-size:.92rem}.odHead{display:flex;align-items:center;gap:10px}.odHead h2{font-size:1.2rem;font-weight:800}.odBackBtn{width:44px;height:44px;border-radius:12px;border:1px solid var(--od-line);background:#fff;font-size:1.1rem;cursor:pointer;color:var(--od-text)}.odForm{display:flex;flex-direction:column;gap:12px}.odField{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.95rem}.odField small{font-weight:500;color:var(--od-green)}.odField input,.odField textarea,.odField select{border:1px solid var(--od-line);border-radius:12px;padding:13px 14px;font-size:1rem;font-family:inherit;background:#fff;color:var(--od-text);width:100%;min-height:52px}.odField input::placeholder,.odField textarea::placeholder{color:#a3aaa5}.odField input:focus,.odField textarea:focus{outline:2px solid var(--od-green);border-color:var(--od-green)}.odBtn{border:none;border-radius:12px;background:var(--od-green);color:#fff;font-size:1.05rem;font-weight:800;min-height:52px;padding:12px 16px;cursor:pointer;font-family:inherit;width:100%}.odBtn:disabled{opacity:.55;cursor:default}.odBtn--ghost{background:#fff;color:var(--od-green);border:2px solid var(--od-green)}.odBtn--sub{background:#fff;color:var(--od-text);border:1px solid var(--od-line);min-height:48px;font-weight:700}.odLink{background:none;border:none;color:var(--od-green);font-weight:700;text-decoration:underline;cursor:pointer;font-size:.95rem;font-family:inherit;min-height:44px}.odCenter{text-align:center}.odMuted{color:var(--od-muted);font-size:.9rem;line-height:1.5}.odError{color:var(--od-danger);font-weight:700;font-size:.92rem}.odOk{color:var(--od-green);font-weight:700;font-size:.92rem}.odNotice{background:var(--od-warn-bg);color:var(--od-warn-text);border-radius:12px;padding:12px 14px;font-size:.95rem;line-height:1.5}.odNotice strong{font-weight:800}.odInfo{background:var(--od-green-soft);color:var(--od-text);border-radius:12px;padding:12px 14px;font-size:.95rem}.odUploadBox{border:2px dashed var(--od-green);border-radius:12px;background:#fff;min-height:104px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--od-green);font-weight:800;font-size:1rem;padding:12px;font-family:inherit;width:100%}.odUploadBox span{font-size:1.6rem}.odUploadPreview{display:flex;align-items:center;gap:10px;border:1px solid var(--od-line);border-radius:12px;padding:10px}.odUploadPreview img{width:64px;height:64px;object-fit:cover;border-radius:8px}.odUploadPreview .odMuted{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odConsent{border:1px solid var(--od-line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.odConsent label{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;font-weight:600;cursor:pointer}.odConsent input[type=checkbox]{width:24px;height:24px;flex:0 0 auto;margin-top:2px;accent-color:var(--od-green)}.odStatusBadge{display:inline-block;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:800}.odStatusBadge--pending{background:var(--od-warn-bg);color:var(--od-warn-text)}.odStatusBadge--supplement{background:#fde8e3;color:var(--od-danger)}.odStatusBadge--approved{background:var(--od-green-soft);color:var(--od-green)}.odStatusBadge--suspended{background:#e8e8e8;color:#444}.odList{display:flex;flex-direction:column;gap:8px}.odListItem{display:flex;align-items:center;gap:10px;border:1px solid var(--od-line);border-radius:12px;padding:10px 12px;font-size:.92rem}.odListItem .odMuted{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odModal{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:flex-end;justify-content:center;padding:12px;z-index:50}.odModalBox{width:100%;max-width:420px;max-height:84vh;overflow-y:auto;background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.odModalBox h3{font-size:1.05rem;font-weight:800}.odModalBox pre{white-space:pre-wrap;font-family:inherit;font-size:.9rem;line-height:1.55;color:var(--od-text)}.odRow{display:flex;gap:10px}.odRow>*{flex:1}.odFoot{color:var(--od-muted);font-size:.85rem;text-align:center;line-height:1.5}@media(min-width:768px){.odPage{padding-top:40px}}.odLink{min-height:48px;min-width:48px}.odBackBtn{width:48px;height:48px;flex:0 0 auto}.odLink--inline{align-self:flex-start;padding:0 2px}.odLink--danger{color:var(--od-danger)}.odTopBar{display:flex;align-items:center;justify-content:space-between;gap:10px}.odTopBar h2{font-size:1.2rem;font-weight:800}.odTopLeft{display:flex;align-items:center;gap:10px;min-width:0}.odHello{display:flex;flex-direction:column;gap:2px}.odHello small{color:var(--od-muted);font-size:.88rem}.odHello strong{font-size:1.2rem;font-weight:800}.odBtn--big{min-height:64px;font-size:1.2rem}.odSectionLabel{font-weight:800;font-size:.95rem;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.odSectionLabel small{font-weight:500;color:var(--od-muted);font-size:.82rem}.odProducts{display:flex;flex-direction:column;gap:10px}.odProduct{position:relative;text-align:left;border:2px solid var(--od-line);border-radius:14px;background:#fff;padding:14px 52px 14px 16px;min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:2px;cursor:pointer;font-family:inherit;color:var(--od-text);width:100%}.odProduct.is-selected{border-color:var(--od-green);background:var(--od-green-soft)}.odProduct:disabled{opacity:.65;cursor:default;background:#f3f1ea}.odProductName{font-size:1.1rem;font-weight:800}.odProductPrice{font-size:.98rem;color:var(--od-muted);font-weight:600}.odProductStop{font-size:.88rem;color:var(--od-danger);font-weight:700}.odProductCheck{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--od-green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem}.odRecent{display:flex;flex-direction:column;gap:8px}.odRecentItem{text-align:left;border:1px solid var(--od-line);border-radius:12px;background:#fff;padding:10px 14px;min-height:56px;display:flex;flex-direction:column;justify-content:center;gap:2px;cursor:pointer;font-family:inherit;color:var(--od-text);width:100%}.odRecentItem strong{font-size:1rem;font-weight:800}.odRecentItem strong span{font-weight:600;color:var(--od-muted);font-size:.9rem;margin-left:8px}.odRecentItem small{color:var(--od-muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odField textarea{resize:none;line-height:1.4}.odField input[readonly],.odField textarea[readonly]{background:#f6f4ee}.odStepper{display:flex;align-items:center;gap:10px}.odStepBtn{width:56px;height:56px;border-radius:14px;border:2px solid var(--od-green);background:#fff;color:var(--od-green);font-size:1.6rem;font-weight:800;cursor:pointer;font-family:inherit;flex:0 0 auto;line-height:1}.odStepBtn:disabled{opacity:.4;cursor:default}.odStepper input{flex:1;min-width:0;text-align:center;font-size:1.3rem;font-weight:800;min-height:56px;border:1px solid var(--od-line);border-radius:12px;font-family:inherit;color:var(--od-text);background:#fff}.odTotal{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid var(--od-line);padding-top:12px;font-weight:800}.odTotal b{font-size:1.6rem;color:var(--od-green)}.odBig{font-size:2rem;font-weight:800;letter-spacing:-.01em;line-height:1.2}.odPayBox{border:1px solid var(--od-line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.odAccount{font-size:1.5rem;font-weight:800;letter-spacing:.01em;word-break:break-all;line-height:1.25}.odBankName{font-size:1.05rem;font-weight:800}.odCopyOk{color:var(--od-green);font-weight:700;font-size:.9rem}.odCopyFail{color:var(--od-danger);font-weight:700;font-size:.9rem}.odCopyManual{border:1px solid var(--od-line);border-radius:12px;padding:12px 14px;font-size:1.1rem;font-family:inherit;width:100%;min-height:52px;background:#f6f4ee;color:var(--od-text)}.odOrders{display:flex;flex-direction:column;gap:10px}.odOrder{border:1px solid var(--od-line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;background:#fff}.odOrderTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.odOrderTop strong{font-size:1.02rem;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odOrderTop .odStatusBadge{flex:0 0 auto}.odOrderMid{font-size:.95rem}.odOrderBot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}.odStatusBadge--awaiting{background:var(--od-warn-bg);color:var(--od-warn-text)}.odStatusBadge--claimed{background:#e3ecf8;color:#1d4f91}.odStatusBadge--paid{background:var(--od-green-soft);color:var(--od-green)}.odStatusBadge--shipped{background:#e8e8e8;color:#333}.odStatusBadge--cancelled{background:#f1f1f1;color:#777}.odConsent label{min-height:48px;align-items:center}.odConsent input[type=checkbox]{margin-top:0}.odConsentItem{display:flex;flex-direction:column}.odConsentItem+.odConsentItem{border-top:1px dashed var(--od-line);padding-top:6px}.odRequired{color:var(--od-danger)}.odConsentDoc{display:flex;flex-direction:column;gap:4px}.odConsentDoc section{padding:8px 8px 8px 10px;border-left:3px solid transparent;border-radius:4px}.odConsentDoc section.is-target{border-left-color:var(--od-green);background:#f4f8f4}.odConsentDoc h4{font-size:.95rem;font-weight:800;margin-bottom:4px}.odConsentDoc p{font-size:.9rem;line-height:1.55}.odConsentSigner{text-align:right;font-weight:700;padding-top:6px;font-size:.9rem}.odModal--center{align-items:center}.odPostBox{width:100%;max-width:480px;height:min(84vh,640px);background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.odPostHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 8px 16px;border-bottom:1px solid var(--od-line)}.odPostHead h3{font-size:1.05rem;font-weight:800}.odPostFrame{position:relative;flex:1;min-height:0}.odCheckMark{width:72px;height:72px;border-radius:50%;background:var(--od-green);color:#fff;font-size:2.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:4px auto 0}.odSummaryLine{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.98rem}.odSummaryLine b{font-size:1.15rem}.odPage{word-break:keep-all;overflow-wrap:anywhere}.odReqAmount{font-size:1.35rem;font-weight:800;line-height:1.25}.odDueLine{display:flex;flex-direction:column;gap:2px}.odDetailList{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--od-line);padding-top:10px}.odDetailRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:.92rem}.odDetailRow span{display:flex;flex-direction:column;min-width:0}.odDetailRow small{color:var(--od-muted);font-size:.82rem}.odDetailRow b{flex:0 0 auto}.odSheet{border-radius:16px 16px 12px 12px;max-height:82vh}.odSheetList{overflow-y:auto;min-height:0}.odCsFooter{width:100%;max-width:420px;margin-top:4px}.odCsBtn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:52px;padding:12px 16px;border:1px solid var(--od-line);border-radius:12px;background:#fff;color:var(--od-text);font-weight:800;font-size:1rem;text-decoration:none;font-family:inherit}.odStatusBadge--partial{background:#fdebd3;color:#8a4b08}.odBrandLogo{width:132px;height:auto;aspect-ratio:1 / 1;object-fit:contain}.odProduct{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.odProductBody{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.odProductThumb{width:60px;height:60px;flex:0 0 60px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--od-line)}.odTracking{display:flex;flex-direction:column;gap:2px;border-top:1px dashed var(--od-line);padding-top:6px;margin-top:2px}.odTrackingLink{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;color:var(--od-green);font-weight:800;font-size:1rem;text-decoration:underline;word-break:break-all}.odTrackingLink span{flex:0 0 auto;font-weight:700;font-size:.88rem}.odBulkRows{display:flex;flex-direction:column;gap:8px}.odBulkRow{border:1px solid var(--od-line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;background:#fff}.odBulkRow.is-bad{border-color:var(--od-danger);background:#fff8f6}.odBulkWarn{color:var(--od-warn-text);font-weight:700;font-size:.9rem}.odSummaryLine--bad b,.odSummaryLine--bad span{color:var(--od-danger)}.odOrderOpen{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;min-height:48px}.odOrderOpen .odOrderTop,.odOrderOpen .odOrderMid{display:flex}.odOrderOpen .odOrderMid{display:block}.odOrderMore{color:var(--od-green);font-weight:700;font-size:.88rem}.odDetail{display:flex;flex-direction:column;border:1px solid var(--od-line);border-radius:12px;overflow:hidden}.odDetail>div{display:flex;gap:12px;padding:10px 14px;border-bottom:1px solid var(--od-line);align-items:baseline}.odDetail>div:last-child{border-bottom:none}.odDetail dt{flex:0 0 5.2em;color:var(--od-muted);font-size:.88rem;font-weight:700}.odDetail dd{flex:1;min-width:0;font-size:1rem}.odNotice a,.odDetail a{color:inherit;font-weight:800}