.gbs-dna{font-family:"Malgun Gothic","Noto Sans KR",sans-serif;color:#172033}.gbs-dna h1,.gbs-dna h2{font-weight:900}.gbs-sub{color:#667085}.gbs-grid2,.gbs-grid3,.gbs-grid4{display:grid;gap:12px;margin:12px 0}.gbs-grid2{grid-template-columns:repeat(2,1fr)}.gbs-grid3{grid-template-columns:repeat(3,1fr)}.gbs-grid4{grid-template-columns:repeat(4,1fr)}.gbs-dna label{display:block;font-weight:700}.gbs-dna input,.gbs-dna select,.gbs-dna textarea{width:100%;padding:9px;border:1px solid #c8d2df;border-radius:7px;margin-top:5px}.gbs-panel,.gbs-result,.gbs-card{border:1px solid #d7e0eb;border-radius:12px;padding:15px;background:#fff}.gbs-result{margin-top:16px;background:#f7f9fc}.gbs-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gbs-kpis div{padding:12px;background:white;border:1px solid #d7e0eb;border-radius:9px}.gbs-kpis b{display:block;font-size:12px;color:#667085}.gbs-kpis strong{font-size:18px}.gbs-error{color:#b42318;font-weight:800}.gbs-cards{display:flex;gap:14px;flex-wrap:wrap}.gbs-card{min-width:220px}.gbs-card b,.gbs-card strong,.gbs-card span{display:block}.gbs-card strong{font-size:28px}.gbs-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.gbs-toolbar input{max-width:340px}.gbs-editor{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border:1px solid #d7e0eb;background:#fff;padding:14px;margin:12px 0}.gbs-editor .wide{grid-column:1/-1}.gbs-excel-btn{display:inline-block;padding:12px 18px;background:#2563eb;color:#fff!important;text-decoration:none;border-radius:8px;font-weight:800}.gbs-table{width:100%;border-collapse:collapse}.gbs-table th,.gbs-table td{border:1px solid #d7e0eb;padding:8px}@media(max-width:900px){.gbs-grid2,.gbs-grid3,.gbs-grid4,.gbs-kpis,.gbs-editor{grid-template-columns:1fr}}
.gbs-dna .gbs-panel{margin:14px 0}.gbs-dna .notice{margin-left:0}.gbs-dna code{font-size:13px}

.gbs-savebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.gbs-save-btn,.gbs-secondary-btn{border:0;border-radius:8px;padding:10px 14px;font-weight:800;cursor:pointer}
.gbs-save-btn{background:#2563eb;color:#fff}.gbs-secondary-btn{background:#334155;color:#fff}
.gbs-member-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#e9f2ff;color:#174ea6;font-weight:800}
.gbs-history-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
@media print{body *{visibility:hidden!important}.gbs-print-area,.gbs-print-area *{visibility:visible!important}.gbs-print-area{position:absolute;left:0;top:0;width:100%;background:#fff}}

.gbs-v183{max-width:1100px;margin:0 auto;padding:8px 0 24px}
.gbs-title-wrap{text-align:center;margin:4px 0 12px}.gbs-title-wrap h2{font-size:30px;margin:0 0 4px;color:#10243e}.gbs-title-wrap .gbs-sub{margin:0}
.gbs-badges{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:10px 0 16px}.gbs-badges span{padding:5px 10px;background:#e9f2ff;color:#174ea6;border-radius:999px;font-size:12px;font-weight:800}
.gbs-box{border:1px solid #d7e0eb;border-radius:13px;padding:16px;margin:0 0 14px;background:#fff}.gbs-box h3{font-size:17px;color:#10243e;margin:0 0 13px}.gbs-box h4{font-size:17px;text-align:center;margin:0 0 12px}
.gbs-soft{background:#f7f9fc}.gbs-before{border-top:4px solid #9e2a2b}.gbs-after{border-top:4px solid #1769aa}
.gbs-v183 label{font-size:13px;margin-bottom:10px}.gbs-v183 input,.gbs-v183 select,.gbs-v183 textarea{font-size:14px;background:#fff}
.gbs-note{font-size:12px;color:#667085;line-height:1.55;margin-top:5px}.gbs-readout{border-bottom:1px solid #e5eaf0;padding:10px 2px;display:flex;justify-content:space-between;gap:12px}.gbs-readout:last-child{border-bottom:0}
.gbs-kpis4{grid-template-columns:repeat(4,1fr)}.gbs-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.gbs-detail-table{overflow:auto;margin-top:12px}.gbs-trace{margin-top:12px;padding:12px;background:#f8fafc;border-radius:9px;font-size:12px;line-height:1.6}
.gbs-admin-note{background:#fffaf0}.gbs-admin-note p{margin:0;color:#7f6000}
@media(max-width:900px){.gbs-kpis4{grid-template-columns:1fr 1fr}.gbs-v183{padding:4px}.gbs-title-wrap h2{font-size:24px}}
\n/* ===== V18.4 PREMIUM MOBILE / TRUST UI ===== */
.gbs-v183{--kb-navy:#0f2742;--kb-blue:#1769d2;--kb-green:#0d9f57;--kb-line:#dbe4ef;--kb-soft:#f6f8fb;--kb-ink:#142033;--kb-muted:#667085;max-width:1040px!important;margin:0 auto!important;padding:18px 14px 96px!important;color:var(--kb-ink);}
.gbs-v183 .gbs-title-wrap{position:relative;margin:0 0 12px!important;padding:24px 26px!important;text-align:left!important;border-radius:20px;background:linear-gradient(135deg,#0d2239,#173f69);box-shadow:0 18px 42px rgba(15,39,66,.16);color:#fff;overflow:hidden}
.gbs-v183 .gbs-title-wrap:before{content:'⚡';display:grid;place-items:center;float:left;width:52px;height:52px;margin-right:14px;border-radius:16px;background:rgba(255,255,255,.12);font-size:26px}
.gbs-v183 .gbs-title-wrap h2{font-size:28px!important;line-height:1.15!important;color:#fff!important;margin:0 0 5px!important;letter-spacing:-.5px}
.gbs-v183 .gbs-title-wrap .gbs-sub{color:rgba(255,255,255,.78)!important;font-size:12.5px!important}
.gbs-v183 .gbs-badges{justify-content:flex-start!important;margin:10px 2px 15px!important;gap:6px!important;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
.gbs-v183 .gbs-badges::-webkit-scrollbar{display:none}.gbs-v183 .gbs-badges span{white-space:nowrap!important;padding:6px 10px!important;background:#eef5ff!important;color:#1558a8!important;font-size:10.5px!important;border:1px solid #dfebfa}
.gbs-v183 .gbs-box{border:1px solid var(--kb-line)!important;border-radius:18px!important;padding:18px!important;margin:0 0 13px!important;background:#fff!important;box-shadow:0 7px 22px rgba(16,36,62,.045)!important}
.gbs-v183 .gbs-box h3{font-size:16px!important;color:var(--kb-navy)!important;margin:0 0 14px!important;letter-spacing:-.2px}
.gbs-v183 .gbs-box h3:after{content:'';display:block;width:32px;height:3px;margin-top:7px;border-radius:99px;background:#1769d2}
.gbs-v183 .gbs-panel{padding:16px!important;border-radius:15px!important;background:#fbfcfe!important;border-color:#dce4ee!important;box-shadow:none!important}
.gbs-v183 .gbs-before{border-top:4px solid #b42318!important}.gbs-v183 .gbs-after{border-top:4px solid #1769d2!important}
.gbs-v183 label{font-size:12px!important;color:#344054!important;font-weight:800!important;margin-bottom:10px!important}
.gbs-v183 input,.gbs-v183 select,.gbs-v183 textarea{min-height:44px!important;padding:10px 12px!important;border:1px solid #cfd8e3!important;border-radius:11px!important;background:#fff!important;color:#101828!important;font-size:13.5px!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important}
.gbs-v183 textarea{min-height:132px!important}.gbs-v183 input:focus,.gbs-v183 select:focus,.gbs-v183 textarea:focus{border-color:#5b9df1!important;box-shadow:0 0 0 3px rgba(23,105,210,.10)!important}
.gbs-v183 .gbs-note{font-size:11px!important;line-height:1.55!important;color:#667085!important}.gbs-v183 .gbs-readout{padding:11px 2px!important;font-size:12px!important}.gbs-v183 .gbs-readout strong{color:#10243e!important}
.gbs-v183 .gbs-soft{background:linear-gradient(180deg,#f7fbff,#fff)!important;border-color:#d7e6f7!important}
.gbs-v183 .gbs-kpis{gap:9px!important}.gbs-v183 .gbs-kpis>div{padding:14px!important;border-radius:13px!important;border:1px solid #e0e8f1!important;background:#fff!important;box-shadow:0 3px 10px rgba(16,36,62,.035)}
.gbs-v183 .gbs-kpis b{font-size:10.5px!important;color:#667085!important;margin-bottom:5px!important}.gbs-v183 .gbs-kpis strong{font-size:17px!important;line-height:1.2!important;color:#10243e!important}
.gbs-v183 .gbs-kpis>div:nth-child(4) strong,.gbs-v183 .gbs-kpis>div:nth-child(6) strong{color:#07883e!important}
.gbs-v183 .gbs-actions,.gbs-v183 .gbs-savebar{gap:7px!important}.gbs-v183 .gbs-save-btn,.gbs-v183 .gbs-secondary-btn{min-height:44px!important;border-radius:11px!important;padding:11px 16px!important;font-size:12px!important;box-shadow:0 7px 16px rgba(16,36,62,.09)!important}.gbs-v183 .gbs-save-btn{background:#1769d2!important}.gbs-v183 .gbs-secondary-btn{background:#293b52!important}
.gbs-v183 .gbs-result{border:1px solid #e0e8f1!important;border-radius:15px!important;background:#f8fbff!important;padding:14px!important}.gbs-v183 .gbs-detail-table{border-radius:12px!important;overflow:auto!important;background:#fff!important}.gbs-v183 .gbs-table{min-width:680px!important;font-size:11px!important}.gbs-v183 .gbs-table th{background:#edf4fb!important;color:#17365d!important;font-weight:900!important}.gbs-v183 .gbs-table td,.gbs-v183 .gbs-table th{padding:9px 8px!important;border-color:#dfe6ee!important}
.gbs-v183 .gbs-trace{border:1px solid #e5eaf0!important;background:#fafcff!important;border-radius:12px!important;color:#475467!important}
.gbs-v183 .gbs-admin-note{background:#fffaf0!important;border-color:#f3e3b5!important}.gbs-v183 .gbs-admin-note h3:after{background:#c28a26!important}
.gbs-v183 #gfd-lookup-result b:first-child{color:#067647!important}.gbs-v183 #gfd-lookup-result{line-height:1.7!important}
@media(max-width:760px){
 .gbs-v183{padding:9px 9px 92px!important}.gbs-v183 .gbs-title-wrap{padding:17px!important;border-radius:17px!important}.gbs-v183 .gbs-title-wrap:before{width:44px;height:44px;border-radius:13px;font-size:22px;margin-right:11px}.gbs-v183 .gbs-title-wrap h2{font-size:22px!important}.gbs-v183 .gbs-title-wrap .gbs-sub{font-size:10.5px!important;line-height:1.4!important}
 .gbs-v183 .gbs-box{padding:14px!important;border-radius:15px!important;margin-bottom:10px!important}.gbs-v183 .gbs-box h3{font-size:14.5px!important}.gbs-v183 .gbs-grid2,.gbs-v183 .gbs-grid3,.gbs-v183 .gbs-grid4{grid-template-columns:1fr!important;gap:8px!important;margin:8px 0!important}
 .gbs-v183 .gbs-kpis4{grid-template-columns:1fr 1fr!important}.gbs-v183 .gbs-kpis strong{font-size:15px!important}.gbs-v183 .gbs-panel h4{font-size:15px!important}
 .gbs-v183 .gbs-actions{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99999!important;display:grid!important;grid-template-columns:1.15fr 1.15fr .9fr .75fr!important;gap:6px!important;padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important;border-top:1px solid #dce3eb!important;box-shadow:0 -8px 24px rgba(16,36,62,.08)!important;margin:0!important}
 .gbs-v183 .gbs-actions button{min-height:42px!important;padding:9px 6px!important;font-size:10.5px!important;white-space:nowrap!important}.gbs-v183 .gbs-detail-table{margin-left:-4px!important;margin-right:-4px!important}.gbs-v183 .gbs-table{min-width:610px!important}
 .gbs-v183 .gbs-history-head{position:sticky;top:0;background:#f8fbff;padding:6px 0;z-index:2}
}
@media(max-width:420px){.gbs-v183 .gbs-kpis4{grid-template-columns:1fr!important}.gbs-v183 .gbs-actions{grid-template-columns:1fr 1fr 1fr!important}.gbs-v183 #gfd-print{display:none!important}}


/* ===== 국민BIZ V18.5 Mobile Fine Tune ===== */
@media(max-width:780px){
  .gbs-v184{
    padding:8px 8px 82px!important;
    font-size:14px;
  }

  .gbs-v184 .gbs-hero{
    position:relative;
    padding:15px 14px!important;
    gap:10px!important;
    border-radius:15px!important;
    box-shadow:0 10px 26px rgba(15,39,66,.13)!important;
  }
  .gbs-v184 .gbs-hero-mark{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:12px!important;
    font-size:20px!important;
  }
  .gbs-v184 .gbs-eyebrow{
    font-size:10px!important;
    line-height:1.2!important;
  }
  .gbs-v184 .gbs-hero h2{
    font-size:21px!important;
    letter-spacing:-.035em!important;
  }
  .gbs-v184 .gbs-hero p{
    margin-top:4px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    padding-right:0!important;
  }
  .gbs-v184 .gbs-member-chip{
    position:static!important;
    margin:0!important;
    max-width:96px!important;
    padding:5px 7px!important;
    font-size:9.5px!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.25!important;
  }

  .gbs-v184 .gbs-statusbar{
    padding:8px 1px 10px!important;
    gap:5px!important;
    scrollbar-width:none;
  }
  .gbs-v184 .gbs-statusbar::-webkit-scrollbar{display:none}
  .gbs-v184 .gbs-statusbar span{
    padding:4px 7px!important;
    font-size:9.5px!important;
  }

  .gbs-v184 .gbs-card{
    padding:13px 12px!important;
    margin-bottom:9px!important;
    border-radius:14px!important;
  }
  .gbs-v184 .gbs-card-head{
    margin-bottom:10px!important;
  }
  .gbs-v184 .gbs-card-head h3{
    font-size:14.5px!important;
    letter-spacing:-.02em!important;
  }
  .gbs-v184 .gbs-step{
    min-width:29px!important;
    width:29px!important;
    height:25px!important;
    border-radius:8px!important;
    font-size:10.5px!important;
  }
  .gbs-v184 .gbs-state{
    padding:4px 7px!important;
    font-size:9.5px!important;
  }

  .gbs-v184 .gbs-grid{
    gap:9px!important;
  }
  .gbs-v184 label>span{
    margin-bottom:4px!important;
    font-size:11px!important;
  }
  .gbs-v184 input,
  .gbs-v184 select{
    min-height:42px!important;
    padding:9px 10px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  .gbs-v184 textarea{
    min-height:120px!important;
    padding:10px!important;
    font-size:13px!important;
  }
  .gbs-v184 .gbs-helper{
    margin-top:6px!important;
    font-size:10px!important;
    line-height:1.45!important;
  }

  .gbs-v184 .gbs-summary-panel{
    padding:12px!important;
    border-radius:13px!important;
  }
  .gbs-v184 .gbs-summary-title{
    font-size:13px!important;
  }
  .gbs-v184 .gbs-summary-row{
    padding:9px 1px!important;
    font-size:11.5px!important;
  }

  .gbs-v184 .gbs-compare{
    gap:7px!important;
  }
  .gbs-v184 .gbs-compare-box{
    padding:12px!important;
    border-radius:13px!important;
  }
  .gbs-v184 .gbs-compare-title{
    margin-bottom:9px!important;
  }
  .gbs-v184 .gbs-compare-title strong{
    font-size:13.5px!important;
  }
  .gbs-v184 .gbs-arrow{
    width:28px!important;
    height:28px!important;
    font-size:15px!important;
  }

  .gbs-v184 .gbs-stage-grid{
    gap:7px!important;
  }
  .gbs-v184 .gbs-stage-item{
    padding:12px 10px!important;
    border-radius:12px!important;
  }
  .gbs-v184 .gbs-caption{
    font-size:9.5px!important;
  }
  .gbs-v184 .gbs-stage-item strong{
    font-size:18px!important;
    line-height:1.2!important;
  }
  .gbs-v184 .gbs-stage-item em{
    margin-top:6px!important;
    padding:4px 7px!important;
    font-size:9.5px!important;
  }

  .gbs-v184 .gbs-result-hero{
    padding:14px!important;
    border-radius:14px!important;
    gap:9px!important;
  }
  .gbs-v184 .gbs-result-main span{
    font-size:10px!important;
  }
  .gbs-v184 .gbs-result-main strong{
    margin:5px 0!important;
    font-size:31px!important;
    letter-spacing:-.04em!important;
  }
  .gbs-v184 .gbs-result-main em{
    font-size:10.5px!important;
  }
  .gbs-v184 .gbs-result-mini{
    gap:6px!important;
  }
  .gbs-v184 .gbs-result-mini div{
    padding:9px 10px!important;
    border-radius:10px!important;
  }
  .gbs-v184 .gbs-result-mini strong{
    font-size:13.5px!important;
  }

  .gbs-v184 .gbs-result-grid{
    gap:7px!important;
    margin-top:8px!important;
  }
  .gbs-v184 .gbs-result-grid>div{
    padding:10px!important;
    border-radius:11px!important;
  }
  .gbs-v184 .gbs-result-grid span{
    font-size:9px!important;
  }
  .gbs-v184 .gbs-result-grid strong{
    font-size:13px!important;
  }

  .gbs-v184 .gbs-breakdown{
    margin-top:8px!important;
    border-radius:11px!important;
  }
  .gbs-v184 .gbs-breakdown summary{
    padding:10px 11px!important;
    font-size:11px!important;
  }
  .gbs-v184 .gbs-breakdown-list{
    padding:4px 10px 8px!important;
  }

  .gbs-v184 .gbs-actionbar{
    grid-template-columns:1.1fr 1.1fr .8fr!important;
    padding:7px 8px max(7px,env(safe-area-inset-bottom))!important;
    gap:5px!important;
  }
  .gbs-v184 .gbs-actionbar #gfd-print{
    display:none!important;
  }
  .gbs-v184 .gbs-btn{
    min-height:41px!important;
    padding:8px 6px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
  }

  .gbs-v184 .gbs-details>summary{
    padding:12px 13px!important;
    font-size:12px!important;
  }
  .gbs-v184 .gbs-details>summary span{
    min-width:28px!important;
    width:28px!important;
    height:24px!important;
    font-size:10px!important;
  }
  .gbs-v184 .gbs-details-body{
    padding:0 12px 12px!important;
  }
  .gbs-v184 .gbs-lookup-result{
    padding:10px!important;
    font-size:10.5px!important;
  }
  .gbs-v184 .gbs-lookup-grid{
    grid-template-columns:90px 1fr!important;
    gap:5px!important;
  }

  .gbs-v184 .gbs-history-item{
    padding:9px!important;
    gap:6px!important;
    border-radius:10px!important;
  }
  .gbs-v184 .gbs-history-item span{
    font-size:9px!important;
  }
  .gbs-v184 .gbs-history-item strong{
    font-size:11.5px!important;
  }

  .gbs-v184 .gbs-footnote{
    padding:5px 4px!important;
    font-size:9.5px!important;
  }
}

/* 360~430px phone */
@media(max-width:430px){
  .gbs-v184 .gbs-hero{
    display:grid!important;
    grid-template-columns:40px 1fr!important;
  }
  .gbs-v184 .gbs-member-chip{
    grid-column:1/-1!important;
    justify-self:start!important;
    max-width:none!important;
  }

  .gbs-v184 .gbs-stage-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .gbs-v184 .gbs-stage-item strong{
    font-size:16.5px!important;
  }

  .gbs-v184 .gbs-result-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .gbs-v184 .gbs-result-main strong{
    font-size:28px!important;
  }
}

/* Very narrow phones */
@media(max-width:360px){
  .gbs-v184 .gbs-stage-grid,
  .gbs-v184 .gbs-result-grid{
    grid-template-columns:1fr!important;
  }
  .gbs-v184 .gbs-actionbar{
    grid-template-columns:1fr 1fr 1fr!important;
  }
}
