.gfx-doc{--bg:#fff;--ink:#171717;--ink-2:#4a4a4a;--muted:#909090;--line:#d8d8d8;--line-soft:#ececec;--accent:#029570;--accent-light:#34b591;
 font-family:"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
 color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased;}
.gfx-doc *{box-sizing:border-box;}
.gfx-doc .gfx-doc-wrap{max-width:920px;margin:0 auto;padding:56px 24px 96px;}
.gfx-doc .gfx-doc-eyebrow{font-family:"Jost",sans-serif;font-weight:400;letter-spacing:.28em;text-transform:uppercase;font-size:11px;color:var(--muted);}
.gfx-doc .gfx-doc-title{font-family:"Jost","Pretendard",sans-serif;font-weight:500;font-size:30px;line-height:1.25;margin:12px 0 0;letter-spacing:-.01em;}
.gfx-doc .gfx-doc-sub{margin:18px 0 0;color:var(--ink-2);font-size:14px;}
.gfx-doc .gfx-doc-sub strong{color:var(--ink);}
/* tabs */
.gfx-doc .gfx-doc-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:28px 0 0;position:sticky;top:0;background:var(--bg);z-index:5;}
.gfx-doc .gfx-doc-tab{font-family:"Jost","Pretendard",sans-serif;font-weight:500;font-size:14px;letter-spacing:.04em;color:var(--muted);
 background:none;border:0;padding:14px 22px;cursor:pointer;position:relative;transition:color .2s ease;}
.gfx-doc .gfx-doc-tab .en{font-family:"Jost",sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-left:7px;opacity:.65;}
.gfx-doc .gfx-doc-tab:hover{color:var(--ink);}
.gfx-doc .gfx-doc-tab.is-active{color:var(--accent);}
.gfx-doc .gfx-doc-tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);}
/* panels */
.gfx-doc .gfx-doc-panel{display:none;padding-top:30px;}
.gfx-doc .gfx-doc-panel.is-active{display:block;}
.gfx-doc .gfx-doc-dochead{font-family:"Jost","Pretendard",sans-serif;font-size:15px;font-weight:600;color:var(--ink);margin:0 0 26px;padding-bottom:18px;border-bottom:1px dashed var(--line);}
.gfx-doc .gfx-doc-dochead span{display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:4px;}
/* typography */
.gfx-doc h3{font-family:"Jost","Pretendard",sans-serif;font-size:19px;font-weight:600;margin:38px 0 12px;padding-top:14px;border-top:1px solid var(--line-soft);color:var(--ink);}
.gfx-doc h4{font-size:15.5px;font-weight:700;margin:26px 0 8px;color:var(--ink);}
.gfx-doc p{margin:0 0 14px;font-size:14.5px;color:var(--ink-2);}
.gfx-doc p strong{color:var(--ink);font-weight:700;}
.gfx-doc ul,.gfx-doc ol{margin:0 0 16px;padding-left:22px;}
.gfx-doc li{margin:0 0 8px;font-size:14.5px;color:var(--ink-2);}
/* restore markers: site common CSS sets ul/li{list-style:none}; re-assert for
   plain content lists (custom-marker .gfx-doc-notelist is excluded). */
.gfx-doc ul:not(.gfx-doc-notelist)>li{list-style:disc outside;}
.gfx-doc ol>li{list-style:decimal outside;}
.gfx-doc li strong{color:var(--ink);}
.gfx-doc a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;word-break:break-word;}
.gfx-doc a:hover{color:var(--accent-light);}
/* rules: section sub-titles (中타이틀) */
.gfx-doc .gfx-doc-subtitle{font-family:"Jost","Pretendard",sans-serif;font-size:17.5px;font-weight:700;color:var(--ink);
 margin:40px 0 13px;padding-top:18px;border-top:1px solid var(--line);letter-spacing:-.01em;line-height:1.4;scroll-margin-top:120px;}
.gfx-doc .gfx-doc-panel>.gfx-doc-subtitle:first-of-type{margin-top:8px;}
.gfx-doc .gfx-doc-subtitle-sm{font-weight:700;color:var(--accent);font-size:14.5px;margin:22px 0 8px;letter-spacing:-.005em;}
/* rules: region cards */
.gfx-doc .gfx-doc-regions{border:1px solid var(--line);margin:16px 0 14px;}
.gfx-doc .gfx-region-row{display:grid;grid-template-columns:1fr 96px 96px;border-top:1px solid var(--line-soft);}
.gfx-doc .gfx-region-row:first-child{border-top:0;}
.gfx-doc .gfx-region-head{background:#f3f3f3;font-weight:600;color:var(--ink);font-size:12.5px;}
.gfx-doc .gfx-region-head span{padding:11px 12px;}
.gfx-doc .gfx-region-head span+span{text-align:center;border-left:1px solid var(--line-soft);}
.gfx-doc .gfx-region-name{padding:13px 12px;font-weight:600;color:var(--ink);font-size:14px;line-height:1.4;}
.gfx-doc .gfx-region-sub{display:block;margin-top:5px;font-weight:400;color:var(--muted);font-size:12.5px;line-height:1.55;}
.gfx-doc .gfx-region-n{padding:13px 12px;text-align:center;border-left:1px solid var(--line-soft);color:var(--ink-2);font-size:13.5px;
 display:flex;align-items:center;justify-content:center;}
.gfx-doc .gfx-region-total{background:#efefef;font-weight:700;color:var(--ink);}
.gfx-doc .gfx-region-total span{padding:12px;font-size:13.5px;}
.gfx-doc .gfx-region-total span+span{text-align:center;border-left:1px solid var(--line-soft);}
.gfx-doc .gfx-doc-notelist{margin:0 0 22px;padding-left:0;list-style:none;}
.gfx-doc .gfx-doc-notelist li{position:relative;padding-left:16px;margin:0 0 9px;font-size:13.5px;color:var(--ink-2);line-height:1.65;}
.gfx-doc .gfx-doc-notelist li::before{content:"\2013";position:absolute;left:0;color:var(--accent);}
.gfx-doc .gfx-doc-notelist li strong{color:var(--ink);}
/* rules: timeline */
.gfx-doc .gfx-time{margin:6px 0 22px;border-top:1px solid var(--line);}
.gfx-doc .gfx-time-item{padding:14px 2px;border-bottom:1px solid var(--line-soft);}
.gfx-doc .gfx-time-date{display:block;font-weight:700;color:var(--accent);font-size:14px;margin-bottom:5px;}
.gfx-doc .gfx-time-desc{display:block;color:var(--ink-2);font-size:14px;line-height:1.65;}
/* table (legacy / privacy) */
.gfx-doc .gfx-doc-tablewrap{overflow-x:auto;margin:18px 0 22px;border:1px solid var(--line);}
.gfx-doc table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px;}
.gfx-doc td{border:1px solid var(--line-soft);padding:9px 12px;vertical-align:top;color:var(--ink-2);}
.gfx-doc tr:first-child td{background:#f3f3f3;font-weight:600;color:var(--ink);}
@media (max-width:640px){
 .gfx-doc .gfx-doc-wrap{padding:36px 18px 72px;}
 .gfx-doc .gfx-doc-title{font-size:23px;}
 .gfx-doc .gfx-doc-tab{padding:12px 14px;font-size:13px;}
 .gfx-doc .gfx-doc-tab .en{display:none;}
 .gfx-doc .gfx-region-row{grid-template-columns:1fr 62px 62px;}
 .gfx-doc .gfx-region-head,.gfx-doc .gfx-region-n,.gfx-doc .gfx-region-total span{font-size:12px;}
}
