.ob-sw{width:34px;height:34px;border-radius:6px;cursor:pointer;border:2.5px solid transparent;transition:all .14s;position:relative;flex-shrink:0}.ob-sw:hover{transform:scale(1.12);box-shadow:0 2px 8px rgba(0,0,0,.22)}.ob-sw.on{border-color:#004047;box-shadow:0 0 0 3px rgba(0,64,71,.18)}.ob-sw.on::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:rgba(255,255,255,.95);text-shadow:0 1px 4px rgba(0,0,0,.7)}.ob-overlay.open{opacity:1;pointer-events:all}.ob-modal.open{opacity:1;pointer-events:all;transform:translateY(0)}.ob-step{border-bottom:1px solid #e2e2de;padding:26px 0}.ob-step:last-child{border-bottom:none;padding-bottom:4px}.ob-step-hd{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.ob-step-num{font-size:12px;font-weight:800;color:#6b6b67;width:26px;height:26px;border-radius:50%;border:2px solid #e2e2de;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ob-step-ttl{font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:-.2px}.ob-find-more{font-size:11px;color:#6b6b67;border:1px solid #e2e2de;padding:3px 10px;border-radius:20px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .13s}.ob-find-more:hover{border-color:#004047;color:#004047}.ob-size-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ob-inp-wrap{position:relative}.ob-inp-wrap input{width:100%;padding:14px 42px 14px 14px;border:1.5px solid #e2e2de;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;color:#1a1a1a;outline:none;background:#fafaf8;transition:all .18s}.ob-inp-wrap input:focus{border-color:#004047;background:#fff;box-shadow:0 0 0 3px rgba(0,64,71,.08)}.ob-inp-wrap input::placeholder{color:#bbb;font-weight:400;font-size:13px}.ob-inp-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:800;color:#bbb;letter-spacing:.4px}.ob-size-note{font-size:11px;color:#004047;margin-top:8px;padding:7px 12px;background:rgba(0,64,71,.05);border-radius:7px;display:flex;align-items:center;gap:5px}.ob-m-sw-wrap{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.ob-m-sw-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.ob-m-sw{width:44px;height:44px;border-radius:8px;border:2.5px solid transparent;transition:all .13s;position:relative}.ob-m-sw:hover{transform:scale(1.1);box-shadow:0 3px 10px rgba(0,0,0,.2)}.ob-m-sw.on{border-color:#004047;box-shadow:0 0 0 3px rgba(0,64,71,.16)}.ob-m-sw.on::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:rgba(255,255,255,.95);text-shadow:0 1px 4px rgba(0,0,0,.7)}.ob-m-sw-nm{font-size:10px;font-weight:600;color:#6b6b67;text-align:center;width:52px;line-height:1.3}.ob-col-lbl{font-size:12px;color:#6b6b67;margin-bottom:2px}.ob-col-lbl strong{color:#004047;font-weight:700}.ob-opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.ob-opt-grid.two{grid-template-columns:1fr 1fr}.ob-opt-grid.three{grid-template-columns:1fr 1fr 1fr}.ob-opt-card{border:1.5px solid #e2e2de;border-radius:10px;padding:18px 12px 14px;cursor:pointer;background:#fafaf8;transition:all .16s;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative;min-height:110px;justify-content:center}.ob-opt-card:hover{border-color:#aaa;background:#fff}.ob-opt-card.on{border-color:#004047;background:#fff;box-shadow:0 0 0 3px rgba(0,64,71,.08)}.ob-opt-card.on::after{content:"✓";position:absolute;top:9px;right:9px;width:19px;height:19px;border-radius:50%;background:#004047;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.ob-opt-ic{font-size:26px;line-height:1}.ob-opt-nm{font-size:12.5px;font-weight:700;color:#1a1a1a}.ob-opt-sub{font-size:11px;color:#6b6b67;line-height:1.4;margin-top:1px}.ob-opt-pr{font-size:11px;color:#bf9c42;font-weight:700;margin-top:3px}.ob-opt-free{font-size:11px;color:#004047;font-weight:700;margin-top:3px}.ob-pill-row{display:flex;gap:7px;flex-wrap:wrap}.ob-pill{padding:8px 16px;border:1.5px solid #e2e2de;border-radius:50px;font-size:12.5px;font-weight:600;color:#6b6b67;cursor:pointer;background:#fafaf8;transition:all .13s;font-family:inherit}.ob-pill:hover{border-color:#004047;color:#004047}.ob-pill.on{border-color:#004047;background:#004047;color:#fff}.ob-sel-wrap{position:relative;max-width:320px}.ob-sel-wrap select{width:100%;padding:12px 36px 12px 14px;border:1.5px solid #e2e2de;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;color:#1a1a1a;background:#fafaf8;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .18s}.ob-sel-wrap select:focus{border-color:#004047}.ob-sel-wrap .ob-sel-arr{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#bbb;pointer-events:none;font-size:11px}.ob-qty-wrap{display:flex;align-items:center;gap:14px}.ob-mqc{display:inline-flex;align-items:center;border:1.5px solid #e2e2de;border-radius:8px;overflow:hidden}.ob-mqb{width:44px;height:44px;border:none;background:0 0;font-size:24px;font-weight:300;color:#6b6b67;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .13s;font-family:inherit;line-height:1}.ob-mqb:hover{background:#004047;color:#fff}.ob-mqv{min-width:54px;text-align:center;font-size:20px;font-weight:800;color:#1a1a1a;border-left:1.5px solid #e2e2de;border-right:1.5px solid #e2e2de;line-height:44px}.ob-sum-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px dashed rgba(0,0,0,.06)}.ob-sum-row:last-child{border-bottom:none}.ob-sum-rl{display:flex;align-items:center;gap:9px}.ob-sum-ico{width:30px;height:30px;border-radius:8px;background:#fff;border:1px solid #e2e2de;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}.ob-sum-key{font-size:11.5px;color:#6b6b67;font-weight:500}.ob-sum-val{font-size:12px;font-weight:700;color:#1a1a1a;text-align:right;display:flex;align-items:center;gap:5px;max-width:55%;flex-wrap:wrap;justify-content:flex-end}.ob-sum-dot{width:11px;height:11px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.ob-pb-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px dashed rgba(0,0,0,.06);font-size:11.5px;color:#6b6b67}.ob-pb-row:last-of-type{border-bottom:none}.ob-pb-row .v{color:#1a1a1a;font-weight:600}.ob-pb-tot{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #e2e2de;margin-top:8px;padding-top:10px;font-weight:800;color:#1a1a1a;font-size:13px}.ob-pb-tot .v{color:#004047;font-size:16px;font-weight:800}@media (max-width:768px){.ob-size-grid{grid-template-columns:1fr 1fr}.ob-opt-grid{grid-template-columns:1fr 1fr}.ob-opt-grid.three{grid-template-columns:1fr 1fr}.ob-step-ttl{font-size:17px}}@media (max-width:400px){.ob-sw{width:28px;height:28px}}