*{box-sizing:border-box}html{font-family:"Noto Sans KR",sans-serif;color:#162235;background:#f5f8fc}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 5%,rgba(66,153,225,.12),transparent 33%),radial-gradient(circle at 88% 20%,rgba(99,102,241,.09),transparent 31%),#f5f8fc}button,input{font:inherit}button{border:0}.hidden{display:none!important}.purchase-shell{width:min(1180px,100%);margin:0 auto;padding:0 28px 42px}.purchase-header{min-height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.purchase-back{justify-self:start;padding:10px 14px;border:1px solid #dbe5f0;border-radius:999px;background:#fff;color:#53657a;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 7px 20px rgba(40,70,110,.06)}.purchase-logo{display:flex;width:100px;height:58px;overflow:hidden;align-items:center;justify-content:center;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(40,70,110,.08)}.purchase-logo img{width:205px;max-width:none}.purchase-member{justify-self:end;display:flex;flex-direction:column;align-items:flex-end}.purchase-member small{color:#8a98a9;font-size:10px}.purchase-member strong{font-size:13px}.purchase-title{text-align:center;padding:48px 0 42px}.purchase-title>span,.purchase-card-label{color:#2f8ff0;font-size:10px;font-weight:900;letter-spacing:.16em}.purchase-title h1{margin:10px 0 8px;font-size:42px;letter-spacing:-.055em}.purchase-title p{margin:0;color:#718096;font-size:13px}.purchase-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:22px}.purchase-card{border:1px solid rgba(31,66,114,.09);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(38,72,111,.09)}.purchase-product-card{padding:38px;position:relative;overflow:hidden}.purchase-product-card:after{content:"";position:absolute;width:210px;height:210px;right:-75px;bottom:-95px;border-radius:50%;background:linear-gradient(135deg,rgba(47,143,240,.16),rgba(99,102,241,.05))}.purchase-product-icon{display:flex;width:68px;height:68px;align-items:center;justify-content:center;margin:26px 0 25px;border-radius:22px;background:linear-gradient(145deg,#2f8ff0,#6179ef);color:#fff;font-size:15px;font-weight:900;box-shadow:0 14px 30px rgba(47,143,240,.25)}.purchase-product-card h2{margin:0;font-size:30px;letter-spacing:-.05em}.purchase-product-card>p{margin:8px 0 28px;color:#718096;font-size:13px}.purchase-amount{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:18px;background:#f2f7fd}.purchase-amount span{color:#718096;font-size:11px;font-weight:700}.purchase-amount strong{font-size:26px;letter-spacing:-.04em}.purchase-checks{position:relative;z-index:1;display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none;color:#53657a;font-size:12px}.purchase-checks li:before{content:"✓";display:inline-flex;width:18px;height:18px;margin-right:9px;align-items:center;justify-content:center;border-radius:50%;background:#e7f2ff;color:#2f8ff0;font-weight:900}.purchase-form-card{padding:38px}.purchase-form-card h2{margin:10px 0 26px;font-size:25px;letter-spacing:-.04em}.purchase-form-card form{display:grid;gap:18px}.purchase-form-card label:not(.purchase-agree){display:grid;gap:8px}.purchase-form-card label>span{font-size:12px;font-weight:800}.purchase-form-card input[type="text"],.purchase-form-card input:not([type]){width:100%;height:52px;padding:0 16px;border:1px solid #dbe5f0;border-radius:14px;outline:0;background:#fbfdff;color:#1f2d3d;font-size:14px;transition:border .18s,box-shadow .18s}.purchase-form-card input:focus{border-color:#58aaf5;box-shadow:0 0 0 4px rgba(47,143,240,.11)}.purchase-form-card label small{color:#8a98a9;font-size:10px}.purchase-agree{display:flex;align-items:center;gap:9px;padding:4px 1px}.purchase-agree input{width:18px;height:18px;accent-color:#2f8ff0}.purchase-agree span{font-size:11px!important;font-weight:600!important;color:#5f7186}.purchase-submit{height:52px;border-radius:999px;background:linear-gradient(90deg,#2f8ff0,#4b73ee);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 13px 28px rgba(47,143,240,.24)}.purchase-submit:disabled{opacity:.55;cursor:wait}.purchase-error{margin:0;padding:11px 13px;border-radius:12px;background:#fff1f2;color:#be123c;font-size:11px}.purchase-result{text-align:center}.purchase-result-mark{display:flex;width:58px;height:58px;margin:0 auto 12px;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(145deg,#34c88a,#14a871);color:#fff;font-size:25px;font-weight:900}.purchase-result-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fff4d8;color:#a66400;font-size:10px;font-weight:900}.purchase-result h2{margin:10px 0 22px}.purchase-order-no{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px;padding:13px 15px;border:1px dashed #bfd3e8;border-radius:14px;color:#66788d;font-size:11px}.purchase-order-no strong{color:#1e3a5f}.purchase-bank-box{display:grid;gap:1px;overflow:hidden;border:1px solid #dce8f4;border-radius:17px;background:#dce8f4;text-align:left}.purchase-bank-box>div{display:grid;grid-template-columns:105px 1fr auto;align-items:center;gap:8px;min-height:45px;padding:9px 13px;background:#fafdff}.purchase-bank-box span{color:#73849a;font-size:10px}.purchase-bank-box strong{color:#1f334a;font-size:12px;word-break:break-all}.purchase-bank-box button{padding:6px 8px;border-radius:8px;background:#e7f2ff;color:#1d70c7;font-size:9px;font-weight:900;cursor:pointer}.purchase-bank-box .is-amount strong{color:#1565c0;font-size:17px}.purchase-expire{display:flex;justify-content:space-between;margin-top:12px;padding:11px 13px;border-radius:12px;background:#f7f9fc;color:#718096;font-size:10px}.purchase-expire strong{color:#33475e}.purchase-result-note{margin:15px 0;color:#718096;font-size:11px;line-height:1.7}.purchase-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.purchase-result-actions button,.purchase-result-actions a{display:flex;height:42px;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:900;text-decoration:none;cursor:pointer}.purchase-result-actions button{background:#2f8ff0;color:#fff}.purchase-result-actions a{background:#eef3f8;color:#4d6074}.purchase-recent{margin-top:28px;padding:28px;border:1px solid rgba(31,66,114,.08);border-radius:24px;background:rgba(255,255,255,.82)}.purchase-recent>div:first-child span{color:#2f8ff0;font-size:9px;font-weight:900;letter-spacing:.15em}.purchase-recent h2{margin:5px 0 18px;font-size:20px}.purchase-recent-list{display:grid;gap:9px}.purchase-order-row{display:grid;grid-template-columns:1.3fr 1fr .7fr .7fr;align-items:center;gap:10px;padding:12px 14px;border-radius:13px;background:#f5f8fc;font-size:11px}.purchase-order-row strong{color:#23374e}.purchase-order-row span{color:#718096}.purchase-order-row em{justify-self:end;padding:5px 8px;border-radius:999px;background:#e9f3ff;color:#2478c9;font-style:normal;font-size:9px;font-weight:900}.purchase-order-row em.status-applied{background:#e7f8f0;color:#11845a}.purchase-order-row em.status-expired,.purchase-order-row em.status-rejected{background:#f4f4f5;color:#71717a}footer{padding:30px 0 0;text-align:center;color:#8a98a9;font-size:10px}@media(max-width:760px){.purchase-shell{padding-inline:14px}.purchase-header{min-height:72px;grid-template-columns:1fr auto 1fr}.purchase-back{padding:9px 10px}.purchase-back span{display:none}.purchase-logo{width:64px;height:46px}.purchase-logo img{width:170px}.purchase-title{padding:38px 0 30px}.purchase-title h1{font-size:32px}.purchase-grid{grid-template-columns:1fr}.purchase-product-card,.purchase-form-card{padding:25px 20px}.purchase-card{border-radius:22px}.purchase-product-icon{width:56px;height:56px;margin:21px 0 18px;border-radius:18px}.purchase-product-card h2{font-size:26px}.purchase-order-row{grid-template-columns:1fr auto}.purchase-order-row span:nth-child(2),.purchase-order-row span:nth-child(3){display:none}.purchase-recent{padding:22px 15px}.purchase-member small{display:none}.purchase-member strong{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}}@media(max-width:380px){.purchase-title h1{font-size:29px}.purchase-bank-box>div{grid-template-columns:82px 1fr auto;padding-inline:10px}.purchase-result-actions{grid-template-columns:1fr}.purchase-amount strong{font-size:23px}}
