:root{font-family:'Noto Sans KR',sans-serif;color:#172b4d;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79a8ee;outline-offset:3px}.payment-header{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:98px;padding:0 30px;border-bottom:1px solid #e8ecf1}.brand{height:70px;width:110px;display:flex;align-items:center}.brand img{width:106px;height:79px;object-fit:contain}.back{font-size:14px;color:#526176;text-decoration:none}.payment-main{max-width:1180px;padding:48px 30px 66px;margin:auto}.heading{margin-bottom:34px}.eyebrow{font-size:14px;font-weight:700;color:#40638d;letter-spacing:.03em}h1{font-size:34px;letter-spacing:-1.3px;line-height:1.4;margin:11px 0 12px;font-weight:750}.heading p{color:#687588;margin:0}.mobile-break{display:none}.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}.form-column{display:grid;gap:22px}.panel{border:1px solid #dde4ed;border-radius:14px;padding:28px;background:#fff}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.section-title h2{margin:0;font-size:20px;letter-spacing:-.5px}.step{font-size:13px;background:#edf3fa;color:#355984;border-radius:7px;padding:5px 8px;font-weight:750}.currency-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.currency-row p{font-size:14px;color:#697689;margin:0;max-width:250px}.currency-label{font-size:13px;color:#697689}select,input,textarea{width:100%;background:white;border:1px solid #cad3df;border-radius:8px;padding:12px;color:#172b4d;min-width:0}select{min-height:48px}#currency{font-size:14px;padding:9px;min-height:42px;margin-top:4px}.item-row{border-top:1px solid #edf0f5;padding:20px 0;display:grid;grid-template-columns:minmax(0,1fr) 158px;gap:12px}.item-title{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;font-size:14px;font-weight:700}.remove{background:transparent;border:0;color:#6b7789;font-size:13px;padding:4px 0 4px 15px}.field{display:block;font-size:14px;font-weight:650;margin-bottom:20px}.field input,.field textarea{margin-top:7px;font-size:16px;font-weight:400}.item-row label{font-size:14px;color:#526176}.item-row select,.item-row input{margin-top:7px;font-size:15px}.item-name{grid-column:1/-1}.item-name[hidden]{display:none}.amount-wrap{position:relative}.amount-wrap input{text-align:right;padding-right:48px;font-variant-numeric:tabular-nums}.amount-wrap span{position:absolute;right:12px;top:20px;font-size:12px;color:#728095}.add-item{width:100%;border:1px dashed #aebed1;background:#f8fafd;border-radius:8px;color:#375881;min-height:47px;font-size:14px;font-weight:700}.hint{color:#788396;font-size:13px;margin:13px 0 0}.optional{font-weight:400;color:#8490a2;font-size:12px;margin-left:6px}.required{color:#b34855}.account{padding:14px 16px;background:#f5f8fc;border-radius:8px;color:#506078;font-size:14px}.account a{font-weight:650;color:#254e88}.help-box{padding:0 8px;color:#6b7789;font-size:14px}.help-box h2{font-size:15px;color:#384d67;margin:0 0 9px}.help-box p{margin:0 0 10px;line-height:1.85}.summary-column{position:sticky;top:28px}.summary{border:1px solid #cbd6e5;border-radius:14px;background:#f8fafd;padding:28px;box-shadow:0 10px 30px #17395e09}.summary-label{font-size:11px;letter-spacing:1.4px;font-weight:750;color:#647b96}.summary h2{font-size:22px;margin:10px 0 24px;letter-spacing:-.7px}.summary-line{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:8px 0;color:#5f6e83}.summary-line span:first-child{overflow-wrap:anywhere}.summary-line span:last-child{white-space:nowrap;color:#263b58}.total-row{margin-top:21px;border-top:1px solid #dbe2ed;padding-top:23px;display:flex;flex-direction:column;gap:5px}.total-row span{font-size:14px;font-weight:650}.total-row strong{font-size:34px;font-weight:750;letter-spacing:-1px;overflow-wrap:anywhere;line-height:1.4}.total-hint{font-size:12px;color:#738096;margin:10px 0 25px}.consent{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#506078}.consent input{width:17px;height:17px;flex-shrink:0;padding:0;accent-color:#172b4d;margin-top:3px}.pay-button{border:0;border-radius:9px;background:#172b4d;color:#fff;min-height:55px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:650;margin-top:20px}.pay-button:hover{background:#24456e}.pay-button svg{width:19px;height:19px}.secure{border-top:1px solid #dfe6ef;margin-top:25px;padding-top:22px;display:flex;gap:10px}.secure>svg{width:23px;height:23px;color:#537264;flex-shrink:0;margin-top:3px}.secure strong{font-size:14px;font-weight:650}.secure p{font-size:12px;line-height:1.8;color:#738096;margin:5px 0}.card-brands{display:flex;gap:8px;justify-content:center;margin-top:20px}.card-brands span{font-size:11px;font-weight:750;border:1px solid #dbe3ed;border-radius:4px;background:white;padding:4px 8px;color:#51647c}.support-note{text-align:center;color:#7d899b;font-size:12px;padding:0 12px}.payment-footer{border-top:1px solid #e6ebf1;max-width:1120px;margin:auto;padding:30px 0 40px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#758196}.payment-footer strong{color:#41536c;font-size:15px}.payment-footer p{margin:8px 0}.payment-footer address{font-style:normal}.payment-footer a{margin-right:18px}.result{padding:24px;border:1px solid #b5c7e2;background:#f3f7fc;border-radius:12px;margin-bottom:25px;overflow-wrap:anywhere}.result h2{margin:0 0 8px;font-size:21px}.result.paid{background:#f0f9f5;border-color:#a8d5bd}.result a,.result button{display:inline-block;margin-top:12px;margin-right:20px}#error{font-size:13px;color:#b33040;line-height:1.7;margin:12px 0 0}.result button{border:1px solid #b5c7e2;border-radius:7px;padding:8px 16px;background:white;color:#172b4d}.payment-footer{padding-left:20px;padding-right:20px}@media(max-width:900px){.payment-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.panel,.summary{padding:22px}.currency-row{flex-direction:column;align-items:stretch}.currency-row p{max-width:none}}@media(max-width:720px){.payment-header{height:78px;padding:0 20px}.brand img{width:90px;height:65px}.payment-main{padding:30px 18px 40px}.payment-layout{grid-template-columns:1fr}.summary-column{position:static}.heading{margin-bottom:25px}h1{font-size:27px;letter-spacing:-1px}.heading p{font-size:14px;line-height:1.8}.mobile-break{display:block}.panel{padding:20px}.item-row{grid-template-columns:minmax(0,1fr) 125px}.currency-row{flex-direction:row;align-items:center}.currency-row p{max-width:165px}.payment-footer{flex-direction:column;padding:25px 20px}.summary{padding:25px}.total-row{flex-direction:row;align-items:center;justify-content:space-between}.total-row strong{font-size:29px}}@media(max-width:380px){.item-row{grid-template-columns:1fr}.item-row .item-title,.item-name{grid-column:auto}.currency-row{flex-direction:column;align-items:stretch}.currency-row p{max-width:none}}

/* Shared OKMY.AI payment choices */
.catalog-status{color:#637389;font-size:12px;line-height:1.8;margin:0 0 14px}.catalog-status.warning{color:#8a5c13;background:#fff8e8;border:1px solid #f0dfb9;border-radius:8px;padding:10px 12px}.payment-mode{border:0;padding:0;margin:24px 0 18px;min-width:0}.payment-mode legend{padding:0;margin-bottom:10px;font-size:14px;font-weight:700;color:#263b58}.payment-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mode-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;min-width:0;border:1px solid #cbd6e5;border-radius:9px;padding:11px 8px;background:#fff;cursor:pointer;text-align:center;transition:background-color .15s,border-color .15s}.mode-card:last-child{grid-column:1/-1}.mode-card:hover{border-color:#6e89aa;background:#f4f8fd}.mode-card:has(input:checked){border-color:#24456e;background:#edf4fc;box-shadow:0 0 0 1px #24456e}.mode-card:has(input:focus-visible){outline:3px solid #79a8ee;outline-offset:3px}.mode-card:has(input:disabled){cursor:wait;opacity:.55}.mode-card input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0;pointer-events:none}.mode-card span{display:flex;flex-direction:column;min-width:0}.mode-card strong{font-size:14px;color:#263b58;white-space:nowrap}.mode-card small{font-size:12px;color:#68788b;margin-top:2px}.billing-description{font-size:12px;line-height:1.8;color:#516680;margin:12px 0 0;overflow-wrap:anywhere}.payment-provider{font-size:11px;text-align:center;color:#6d7d91;margin:18px 0 0;letter-spacing:.01em}input[readonly]{background:#f1f4f8;color:#526176}.result button:disabled{cursor:wait}.result ul{padding-left:20px}.summary-line span:last-child{font-variant-numeric:tabular-nums}@media(max-width:380px){.total-row{align-items:flex-start;flex-direction:column}.total-row strong{font-size:28px}.summary{padding:20px}}

.payment-text-brand{width:auto;height:auto;max-width:60%;font-size:24px;font-weight:800;letter-spacing:-.8px;color:#172b4d;text-decoration:none;overflow-wrap:anywhere;line-height:1.3}.payment-top-links{display:flex;align-items:center;gap:20px;font-size:14px;white-space:nowrap}.payment-top-links a{text-decoration:none;color:#526176}.payment-top-links a:hover{color:#172b4d;text-decoration:underline}@media(max-width:600px){.payment-text-brand{font-size:20px;max-width:50%}.payment-top-links{gap:12px;font-size:12px}}

/* Preserve this tenant’s tablet and mobile payment layout. */
body{-webkit-text-size-adjust:100%}.payment-layout>*{min-width:0}.field input,.field textarea,.currency-label select,.service-choice,.amount{font-size:16px}/* Keep the form wide enough for touch input on tablets and split-screen windows. */
@media(max-width:960px){
 .payment-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .summary-column{position:static}
 .panel,.summary{padding:24px}
 .item-row{grid-template-columns:minmax(0,1fr) 180px}
 .total-row{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}
 .total-row strong{max-width:100%;text-align:right}
}
@media(max-width:600px){
 .payment-header{height:78px;padding:0 18px;gap:16px}
 .brand{width:90px;flex-shrink:0}
 .brand img{width:90px;height:65px}
 .back{font-size:13px;text-align:right}
 .payment-main{padding:28px 16px 36px}
 .heading{margin-bottom:24px}
 h1{font-size:clamp(24px,6.7vw,29px);letter-spacing:-1px;word-break:keep-all;overflow-wrap:anywhere}
 .heading p{font-size:15px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
 .mobile-break{display:block}
 .panel,.summary{padding:20px}
 .section-title{margin-bottom:18px}
 .section-title h2{font-size:19px}
 .currency-row{flex-direction:column;align-items:stretch;gap:14px}
 .currency-row p{max-width:none}
 .currency-label{flex:auto;width:100%}
 .item-row{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 0 20px}
 .item-row .item-title,.item-name{grid-column:1/-1}
 .amount-wrap input{min-height:50px}
 .amount-wrap span{top:22px}
 .field{margin-bottom:18px}
 .add-item{min-height:50px;font-size:15px}
 .summary h2{font-size:21px;margin-bottom:18px}
 .total-row{flex-direction:column;align-items:stretch;gap:8px}
 .total-row strong{font-size:30px;text-align:left;letter-spacing:-.6px}
 .consent{font-size:14px}
 .pay-button{min-height:56px}
 .help-box{padding:0 4px}
 .payment-footer{flex-direction:column;gap:12px;padding:24px 20px;overflow-wrap:anywhere}
 .result{padding:20px}
 .result a,.result button{margin-right:12px}
}
@media(max-width:360px){
 .payment-header{padding-inline:14px}
 .payment-main{padding-inline:12px}
 .panel,.summary{padding:16px}
 .total-row strong{font-size:28px}
}

:root{color:#252329}.eyebrow,.total-row strong,.payment-footer strong{color:#b51932}.pay-button{background:#b51932}.pay-button:hover{background:#911329}.summary{background:#fff8f9;border-color:#edd9de}.step{background:#fff0f3;color:#b51932}.consent input{accent-color:#b51932}.brand{width:140px;height:80px}.brand img{width:140px;height:110px}.payment-footer{color:#6e6870}
