:root{--primary-color: #263790;--text-color: #333333;--background-color: #f5f6f8;--border-color: #e1e3e8;--white: #ffffff;--disabled-color: #cccccc;--error-color: #ff4444;--warning-color: #ff9800;--warning-bg: #fff3e0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.5;margin:0;padding:20px}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:40px}.header h1{font-size:32px;color:var(--text-color);margin-bottom:12px}.header p{font-size:16px;color:#666;margin:0}.card{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px;margin-bottom:24px}.card-title{font-size:18px;font-weight:600;color:var(--primary-color);margin-bottom:20px;display:flex;align-items:center;gap:8px}.card-title:before{content:"";width:4px;height:20px;background-color:var(--primary-color);display:inline-block}.procedure-description{margin-bottom:20px;padding:16px;background:rgba(255,255,255,.8);border-radius:8px;border-left:4px solid var(--primary-color)}.procedure-description p{margin:0;font-size:14px;color:var(--text-color);line-height:1.5}.highlight-important,.highlight-owner{background:rgba(255,152,0,.2);padding:2px 6px;border-radius:4px;font-weight:600;color:var(--warning-color)}.highlight-text{background:rgba(38,55,144,.15);padding:2px 6px;border-radius:4px;font-weight:600;color:var(--primary-color)}.step-arrow{color:var(--primary-color);font-size:18px;font-weight:700;margin:0 4px}.procedure-warning{display:flex;align-items:flex-start;gap:12px;background:var(--warning-bg);border:1px solid var(--warning-color);border-radius:8px;padding:16px}.warning-icon{font-size:20px;flex-shrink:0}.warning-content{color:#bf360c;font-size:14px;line-height:1.4}.warning-content strong{color:var(--warning-color);font-weight:900}.tab-group{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tab{padding:8px 24px;border-radius:8px;background:#f5f6f8;border:none;cursor:pointer;font-size:16px;color:#666;transition:all .2s}.tab.active{background:var(--primary-color);color:#fff}.tab.disabled{background:var(--disabled-color);color:#999;cursor:not-allowed;opacity:.6}.tab:disabled{cursor:not-allowed}.checkbox-group-vertical{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 0;position:relative;width:100%}.checkbox-item.disabled{opacity:.6}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0}.checkbox-item input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-item label{font-size:16px;color:var(--text-color);cursor:pointer;margin:0;flex:1}.label-with-tooltip{display:flex;align-items:center;gap:8px;flex:1}.label-with-tooltip label{margin:0;flex:none}.checkbox-item.disabled label{color:#999;cursor:not-allowed}.application-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (min-width: 768px){.application-tabs{display:flex;flex-wrap:wrap}}.construction-description{margin-top:16px}.construction-description h4{font-size:16px;margin-bottom:8px;color:var(--primary-color)}.description-text{font-size:13px;color:#666;margin:0}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:14px;color:#666}.form-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;outline:none;transition:border-color .2s;box-sizing:border-box}.form-input:focus{border-color:var(--primary-color)}.form-input::placeholder{color:#aaa}.form-input:readonly{background-color:#f9f9f9;color:#666}.checkbox-group{display:flex;align-items:center;gap:8px;margin:16px 0}.file-upload{display:flex;align-items:center;gap:12px;margin-bottom:16px}.upload-button{background:var(--primary-color);color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.upload-text{color:#666;font-size:14px}.upload-guide{margin-bottom:20px}.guide-text{font-size:13px;color:#666;margin:0;padding:12px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid var(--primary-color)}.cost-summary{background:#f8f9fb;border-radius:8px;padding:20px;border:1px solid var(--border-color)}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:16px}.cost-item:last-child{border-bottom:none}.cost-total{border-top:2px solid var(--primary-color);margin-top:16px;padding-top:16px;font-weight:600;font-size:18px}.cost-total .cost-label{color:var(--primary-color);font-weight:700}.cost-value{display:flex;flex-direction:column;align-items:flex-end}.cost-note{font-size:12px;color:#666;margin-top:4px}.cost-label{font-weight:500}.account-info{background:#e8f5e8;border:2px solid #4CAF50;border-radius:8px;padding:16px;margin:16px 0}.account-item{margin:0!important;padding:0!important;border:none!important}.account-number{font-family:Courier New,monospace;font-weight:700;font-size:18px;color:#2e7d32}.additional-note{margin-top:16px;padding:12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.additional-note p{margin:0;font-size:14px;color:#856404;font-weight:500}.kepco-info{margin-top:16px;padding:12px;background:#e3f2fd;border-radius:6px;border-left:4px solid #2196f3}.kepco-info p{margin:0;font-size:14px;color:#1565c0;line-height:1.4}.kepco-info-text{line-height:1.6}.kepco-title{font-weight:600}.kepco-item,.kepco-separator{display:inline}@media (max-width: 768px){.kepco-info-text{display:flex;flex-direction:column;gap:8px}.kepco-title{display:block;margin-bottom:8px}.kepco-item{display:block;padding-left:8px;position:relative}.kepco-item:before{content:"- ";position:absolute;left:0;color:#666}.kepco-separator{display:none}}.signature-guide{margin-bottom:20px}.signature-container{display:flex;flex-direction:column;align-items:center;gap:16px}#signaturePad{border:2px solid var(--border-color);border-radius:8px;background-color:transparent;background-image:linear-gradient(45deg,#f9f9f9 25%,transparent 25%),linear-gradient(-45deg,#f9f9f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f9f9f9 75%),linear-gradient(-45deg,transparent 75%,#f9f9f9 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;cursor:crosshair;max-width:100%;touch-action:none}.clear-signature-btn{background:#dc3545;color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:background .2s}.clear-signature-btn:hover{background:#c82333}.button-container{display:flex;gap:16px;justify-content:center;margin-top:40px;margin-bottom:40px}.action-button{display:flex;align-items:center;gap:8px;padding:16px 32px;border-radius:12px;border:none;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;min-width:160px;justify-content:center}.action-button.primary{background:var(--primary-color);color:#fff}.action-button.primary:hover{background:#1e2b6b;transform:translateY(-2px)}.action-button.secondary{background:#28a745;color:#fff}.action-button.secondary:hover{background:#218838;transform:translateY(-2px)}.action-button.save{background:#6c757d;color:#fff;font-size:16px;padding:12px 24px}.action-button.save:hover{background:#5a6268;transform:translateY(-2px)}.button-number{background:rgba(255,255,255,.2);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.grid{grid-template-columns:1fr}.container{padding:12px;max-width:100%}.card{margin-bottom:20px;padding:20px}.button-container{flex-direction:column;align-items:stretch;gap:12px}.action-button{min-width:auto}.tab-group{gap:6px}.tab{padding:6px 16px;font-size:14px}#signaturePad{max-width:calc(100vw - 72px);min-height:150px}.signature-container{width:100%;padding:0 12px;box-sizing:border-box}.cost-item{font-size:14px}.cost-label{font-size:13px;white-space:nowrap}.cost-total{font-size:18px}.checkbox-item{padding:12px 0;width:100%;max-width:100%}.checkbox-item label{font-size:15px;line-height:1.3}.tooltip-content{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;min-width:280px;max-width:calc(100vw - 40px);max-height:calc(100vh - 100px);overflow-y:auto;z-index:9999}.tooltip-content:before,.tooltip-content:after{display:none!important}.tooltip-container.active:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:9998}.procedure-steps{grid-template-columns:repeat(2,1fr);gap:12px}.step{padding:12px}.step-number{width:32px;height:32px;font-size:14px}.step-content h4{font-size:13px}.step-content p{font-size:11px}.step-arrow{display:none}.cost-value{align-items:flex-end}.cost-note{font-size:12px}}.tooltip-container{position:relative;display:inline-block;margin-left:8px;flex-shrink:0}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.tooltip-content{visibility:hidden;opacity:0;position:absolute;top:-10px;left:25px;min-width:300px;max-width:400px;background:white;border:2px solid var(--primary-color);border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;z-index:1000;transform:translateY(-10px);transition:all .3s ease}.tooltip-content:before{content:"";position:absolute;top:15px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--primary-color)}.tooltip-content:after{content:"";position:absolute;top:17px;left:-5px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid white}.tooltip-container:hover .tooltip-content,.tooltip-container.active .tooltip-content{visibility:visible;opacity:1;transform:translateY(0)}.tooltip-content h4{margin:0 0 8px;font-size:14px;color:var(--primary-color);font-weight:600}.tooltip-content p{margin:0 0 12px;font-size:13px;color:var(--text-color);line-height:1.4}.tooltip-content p:last-child{margin-bottom:0}.procedure-guide{background:linear-gradient(135deg,#f0f8ff 0%,#e6f3ff 100%);border-radius:12px;padding:20px;border:2px solid var(--primary-color)}.procedure-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:0}.step{background:white;border-radius:10px;padding:16px;text-align:center;box-shadow:0 2px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative}.step:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.step-number{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin:0 auto 12px;box-shadow:0 2px 6px #2637904d}.step-content h4{font-size:14px;font-weight:600;color:var(--primary-color);margin:0 0 8px}.step-content p{font-size:12px;color:#666;margin:0;line-height:1.4}.document-guide{background:linear-gradient(135deg,#f8fff8 0%,#e8f5e8 100%);border-radius:12px;padding:20px;border:2px solid #4caf50}.document-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:20px}.document-type{background:white;border-radius:10px;padding:20px;box-shadow:0 2px 6px #0000001a}.document-type h4{font-size:16px;font-weight:600;color:#2e7d32;margin:0 0 16px;display:flex;align-items:center;gap:8px}.document-list{list-style:none;padding:0;margin:0}.document-list li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333}.document-list li:last-child{border-bottom:none}.doc-icon{font-size:16px;flex-shrink:0}.document-note{background:rgba(76,175,80,.1);border:1px solid #4caf50;border-radius:8px;padding:16px;text-align:center}.document-note p{margin:0;font-size:14px;color:#2e7d32}.document-note strong{color:#1b5e20}@media (max-width: 768px){.procedure-steps{grid-template-columns:repeat(2,1fr);gap:12px}.step{padding:12px}.step-number{width:32px;height:32px;font-size:14px}.step-content h4{font-size:13px}.step-content p{font-size:11px}.document-types{grid-template-columns:1fr;gap:16px}.document-type{padding:16px}.document-list li{font-size:13px}}.optional-label{font-size:12px;color:#666;font-weight:400;font-style:italic}.checkbox-custom{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;position:relative;margin-right:8px;vertical-align:middle;transition:all .3s ease}.checkbox-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-item input[type=checkbox]:checked+.checkbox-custom{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-item input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-label{display:flex;flex-direction:column;gap:4px;cursor:pointer}.checkbox-label strong{color:var(--text-color);font-size:16px}.checkbox-label small{color:#666;font-size:13px;line-height:1.3}.taxbill-checkboxes{margin-top:16px}.account-guide{background:linear-gradient(135deg,#e8f5e8 0%,#f0fff0 100%);border:1px solid #4caf50;border-radius:8px;padding:16px;margin-bottom:20px}.account-guide .guide-text{margin:0 0 8px;font-size:14px;color:#2e7d32;font-weight:500}.account-guide .password-rule{margin:0;font-size:13px;color:#666;font-style:italic}.required{color:#f44336;font-weight:700;margin-left:4px}.password-strength{margin-top:8px;height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden;transition:all .3s ease}.password-strength:after{content:"";display:block;height:100%;width:0%;border-radius:2px;transition:all .3s ease}.password-strength.weak:after{width:33%;background-color:#f44336}.password-strength.medium:after{width:66%;background-color:#ff9800}.password-strength.strong:after{background:linear-gradient(90deg,#4caf50 0%,#66bb6a 100%);width:100%}.password-strength-text{font-size:12px;margin-top:4px;font-weight:500}.password-strength.weak+.password-strength-text{color:#f44336}.password-strength.medium+.password-strength-text{color:#ff9800}.password-strength.strong+.password-strength-text{color:#4caf50}.customer-guide .guide-text{margin-bottom:16px;font-size:14px;color:#555;font-weight:500}.customer-type-info{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.customer-info{display:none}.customer-info.active{display:block}.customer-info .info-text{margin:0 0 8px;font-size:16px;color:#2c3e50;font-weight:600}.customer-info .info-detail{margin:0;font-size:14px;color:#666;line-height:1.5}.customer-type-tabs .tab[data-customer=공간제작소].active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.customer-type-tabs .tab[data-customer=기타].active{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.privacy-policy-container{display:flex;flex-direction:column;gap:20px}.privacy-policy-box{max-height:300px;overflow-y:auto;border:2px solid var(--border-color);border-radius:8px;padding:20px;background:#fafbfc;scrollbar-width:thin;scrollbar-color:var(--primary-color) #f0f0f0}.privacy-policy-box::-webkit-scrollbar{width:8px}.privacy-policy-box::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.privacy-policy-box::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.privacy-policy-box::-webkit-scrollbar-thumb:hover{background:#1e2e78}.privacy-policy-content{font-size:14px;line-height:1.6;color:var(--text-color)}.privacy-policy-content h3{color:var(--primary-color);font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0;text-align:center;border-bottom:2px solid var(--primary-color);padding-bottom:10px}.privacy-policy-content h4{color:var(--primary-color);font-size:16px;font-weight:600;margin:20px 0 10px}.privacy-policy-content p{margin:8px 0}.privacy-table{width:100%;border-collapse:collapse;margin:12px 0 20px;font-size:13px}.privacy-table th,.privacy-table td{border:1px solid var(--border-color);padding:8px 12px;text-align:left;vertical-align:top}.privacy-table th{background-color:#f8f9fa;font-weight:600;color:var(--primary-color)}.privacy-table td{background-color:#fff}.privacy-table tr:nth-child(2n) td{background-color:#fbfcfd}.privacy-consent{background:#f8f9ff;border:2px solid var(--primary-color);border-radius:8px;padding:16px}.privacy-checkbox{margin:0}.privacy-checkbox .checkbox-label{display:flex;flex-direction:column;gap:4px}.privacy-checkbox .checkbox-label strong{color:var(--primary-color);font-size:16px}.privacy-checkbox .checkbox-label small{color:#666;font-size:13px;line-height:1.4}@media (max-width: 768px){.privacy-policy-box{max-height:250px;padding:16px}.privacy-policy-content h3{font-size:16px}.privacy-policy-content h4{font-size:14px}.privacy-table{font-size:12px}.privacy-table th,.privacy-table td{padding:6px 8px}.privacy-checkbox .checkbox-label strong{font-size:14px}.privacy-checkbox .checkbox-label small{font-size:12px}}