/* Hari Article Template v1 — 2026-10-15. Loaded only for informational posts / FAQ. */
:is(.hari-article,#hari-faq230), :is(.hari-article,#hari-faq230) * {box-sizing:border-box;}
:is(.hari-article,#hari-faq230) {font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif!important;font-size:16px!important;line-height:1.85!important;letter-spacing:-.02em;color:#444b55;background:#fff;overflow-wrap:anywhere;word-break:normal;}
#board .hari-article-template {max-width:1160px;margin-inline:auto;background:#fff;}
#board .hari-article-template .view-header {max-width:820px;margin:0 auto 32px;padding:0 0 24px;border-bottom:1px solid #e5e7eb;}
#board .hari-article-template .view-header .title {font-family:Pretendard,sans-serif;font-size:32px;line-height:1.4;font-weight:750;letter-spacing:-.04em;max-width:none;}
#board .hari-article-template .view-header .cate {font-size:14px;color:#667085;}
#board .hari-article-template .view-header .date {font-size:13px;color:#667085;}
#board .hari-article-template .hari-article {width:100%;max-width:820px;margin:0 auto;padding:0;min-width:0;}
.hari-article :is(.hm-credit-guide,.wp-block-group,.wp-block-column,.wp-block-columns) {max-width:100%;margin-block:0;padding-block:0;}
:is(.hari-article,#hari-faq230) :is(p,li,blockquote,details,summary,td,th) {font-family:inherit!important;word-break:normal;overflow-wrap:anywhere;}
:is(.hari-article,#hari-faq230) p {margin:0 0 22px!important;padding:0;font-size:16px!important;line-height:1.85!important;color:#444b55!important;}
:is(.hari-article,#hari-faq230) :is(h2,h3,h4) {font-family:inherit!important;color:#20262e!important;font-weight:700!important;letter-spacing:-.035em!important;background:none!important;box-shadow:none!important;position:static;}
:is(.hari-article,#hari-faq230) h2 {font-size:25px!important;line-height:1.45!important;margin:52px 0 22px!important;padding:0 0 14px!important;border:0!important;border-bottom:1px solid #e5e7eb!important;}
:is(.hari-article,#hari-faq230) h3 {font-size:19px!important;line-height:1.55!important;margin:32px 0 14px!important;padding:0!important;border:0!important;}
:is(.hari-article,#hari-faq230) h4 {font-size:17px!important;line-height:1.6!important;margin:24px 0 12px!important;padding:0!important;}
:is(.hari-article,#hari-faq230) :is(h2,h3,h4,blockquote,blockquote p,strong,b,mark,a)::before,
:is(.hari-article,#hari-faq230) :is(h2,h3,h4,blockquote,blockquote p,strong,b,mark,a)::after {content:none!important;display:none!important;}
:is(.hari-article,#hari-faq230) :is(strong,b,mark) {font-family:inherit!important;color:inherit!important;background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;text-decoration:none!important;padding:0!important;}
:is(.hari-article,#hari-faq230) :is(strong,b) {font-weight:700!important;}
:is(.hari-article,#hari-faq230) mark {font-weight:inherit;}
:is(.hari-article,#hari-faq230) blockquote {margin:24px 0!important;padding:16px 20px!important;border:0!important;border-left:3px solid #d0d5dd!important;background:#fafbfc!important;border-radius:0!important;box-shadow:none!important;font-style:normal!important;}
:is(.hari-article,#hari-faq230) blockquote p:last-child {margin-bottom:0!important;}
:is(.hari-article,#hari-faq230) a {color:#165dcc;text-decoration:underline;text-underline-offset:3px;}
:is(.hari-article,#hari-faq230) :is(a,button,summary):focus-visible {outline:3px solid #2563eb;outline-offset:4px;}
:is(.hari-article,#hari-faq230) :is(ul,ol) {margin:18px 0 24px;padding-left:1.5em;list-style-position:outside;}
:is(.hari-article,#hari-faq230) ul {list-style-type:disc;}
:is(.hari-article,#hari-faq230) ol {list-style-type:decimal;}
:is(.hari-article,#hari-faq230) li {padding:0;margin:8px 0;font-size:16px;line-height:1.85;color:inherit;border:0;background:none;}
:is(.hari-article,#hari-faq230) li::before {content:none!important;display:none!important;}
:is(.hari-article,#hari-faq230) li p:last-child {margin-bottom:0!important;}
:is(.hari-article,#hari-faq230) :is(img,video,svg) {max-width:100%;}
:is(.hari-article,#hari-faq230) img {height:auto;}
:is(.hari-article,#hari-faq230) :is(figure,.wp-block-image) {margin:24px 0;max-width:100%;}
:is(.hari-article,#hari-faq230) hr {border:0;border-top:1px solid #e5e7eb;margin:32px 0;}
:is(.hari-article,#hari-faq230) :is(.wp-block-table,.hm-table-wrap,.hari-table-wrap) {max-width:100%;overflow-x:auto;margin:22px 0 30px;border:1px solid #e1e4e8;border-radius:8px;background:#fff;}
:is(.hari-article,#hari-faq230) table {width:100%!important;min-width:0;max-width:100%;border-collapse:collapse!important;margin:22px 0;border:1px solid #e1e4e8;background:#fff;}
:is(.hari-article,#hari-faq230) :is(.wp-block-table,.hm-table-wrap,.hari-table-wrap) table {margin:0;border:0;}
:is(.hari-article,#hari-faq230) :is(th,td) {padding:13px 15px!important;border:0!important;border-bottom:1px solid #e5e7eb!important;font-size:14px!important;line-height:1.65!important;color:#444b55!important;text-align:left!important;vertical-align:top;white-space:normal!important;background:#fff;}
:is(.hari-article,#hari-faq230) th {background:#f7f8fa!important;color:#29313b!important;font-weight:700;}
:is(.hari-article,#hari-faq230) details {margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e5e7eb!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;}
:is(.hari-article,#hari-faq230) details:first-of-type {border-top:1px solid #e5e7eb!important;}
:is(.hari-article,#hari-faq230) summary {position:relative;list-style:none!important;cursor:pointer;display:block;padding:18px 38px 18px 0!important;color:#29313b!important;font-size:16px!important;font-weight:650;line-height:1.65!important;background:none!important;}
:is(.hari-article,#hari-faq230) summary::-webkit-details-marker {display:none;}
:is(.hari-article,#hari-faq230) summary::marker {content:"";}
:is(.hari-article,#hari-faq230) summary::before {content:none!important;display:none!important;}
:is(.hari-article,#hari-faq230) summary::after {content:"+"!important;position:absolute;right:6px;top:18px;background:none;transform:none;line-height:1.65;color:#667085;}
:is(.hari-article,#hari-faq230) details[open]>summary::after {content:"−"!important;}
:is(.hari-article,#hari-faq230) :is(.hm-faq-answer,.hf230-answer) {padding:0 0 20px;color:#535b66;font-size:16px;line-height:1.85;}
:is(.hari-article,#hari-faq230) details>p {padding:0 0 20px;}
.hari-article :is(.hm-summary,.hari-summary,.hm-bottom-summary,.hm-prepaid,.hari-note,.hm-note,.hm-warning,.hm-success) {margin:26px 0!important;padding:20px 22px!important;border:1px solid #e1e5e9!important;border-radius:8px!important;background:#fafbfc!important;box-shadow:none!important;}
.hari-article :is(.hm-warning,.hari-warning) {background:#fffaf2!important;border-color:#ecdcbc!important;}
.hari-article :is(.hm-success,.hari-success) {background:#f4faf7!important;border-color:#d5e8df!important;}
.hari-article :is(.hm-note,.hm-warning,.hm-success,.hm-prepaid) p:last-child {margin-bottom:0!important;}
.hari-article :is(.hm-summary-title,.hm-toc-title,.hm-purpose-label) {display:block;margin-bottom:12px;font-weight:700;}
.hari-article :is(.hm-summary,.hm-bottom-summary) ul {margin-bottom:0;}
.hari-article :is(.hm-toc,.hari-toc) {margin:30px 0 42px;padding:20px 22px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;box-shadow:none;}
.hari-article :is(.hm-toc,.hari-toc) ol {margin:0;padding-left:1.4em;list-style:decimal;}
.hari-article :is(.hm-toc,.hari-toc) li {margin:0;padding:12px 0;border-bottom:1px solid #eef0f2;}
.hari-article :is(.hm-toc,.hari-toc) li:last-child {border-bottom:0;}
.hari-article :is(.hm-toc,.hari-toc) a {text-decoration:none;color:#435065;}
.hari-article .hm-purpose-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;}
.hari-article .hm-purpose {padding:18px;border:1px solid #e1e5e9;border-radius:8px;background:#fff;box-shadow:none;}
.hari-article .hm-purpose-label {font-size:13px;color:#667085;}
.hari-article .hm-purpose strong {display:block;margin-bottom:8px;}
.hari-article .hm-purpose p {font-size:14px!important;margin:0!important;line-height:1.75!important;}
.hari-article .hm-steps {margin:24px 0;border-top:1px solid #e5e7eb;}
.hari-article .hm-step {display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid #e5e7eb;}
.hari-article .hm-step-num {display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#f2f4f7;font-size:13px;font-weight:700;}
.hari-article .hm-step strong {display:block;margin-bottom:6px;}
.hari-article .hm-step p {margin:0!important;}
.hari-article .hm-result {margin:24px 0;border:1px solid #e1e5e9;border-radius:8px;overflow:hidden;}
.hari-article .hm-result-row {display:grid;grid-template-columns:145px minmax(0,1fr);border-bottom:1px solid #e5e7eb;}
.hari-article .hm-result-row:last-child {border:0;}
.hari-article .hm-result-key {padding:14px 16px;background:#f7f8fa;font-size:14px;font-weight:700;}
.hari-article .hm-result-value {padding:14px 16px;font-size:15px;}
.hari-article .hm-actions {display:flex;flex-wrap:wrap;gap:10px;margin:24px 0;}
.hari-article .hm-btn {display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid #d0d5dd;border-radius:7px;font-size:15px;font-weight:650;line-height:1.5;text-decoration:none;color:#344054;background:#fff;box-shadow:none;}
.hari-article .hm-btn-primary {background:#165dcc;color:#fff;border-color:#165dcc;}
.hari-article :is(.hm-credit-guide,.hm-intro) {background:#fff;}
.hari-article :is(h2,h3,[id]) {scroll-margin-top:140px;}
/* Dedicated FAQ 230 renderer keeps its copy interaction and content, shares article typography. */
#hari-faq230 {padding:48px 24px 64px!important;background:#fff!important;}
#hari-faq230 .hf230-article {max-width:820px!important;margin:auto!important;box-shadow:none!important;background:#fff!important;padding:0!important;}
#hari-faq230 #hf230-title {font-family:inherit!important;font-size:32px!important;line-height:1.4!important;letter-spacing:-.04em!important;}
#hari-faq230 :is(.hf230-code,.hf230-support) {padding:22px!important;border:1px solid #e1e5e9!important;border-radius:8px!important;background:#fafbfc!important;box-shadow:none!important;}
#hari-faq230 :is(.hf230-code,.hf230-support) h2 {margin-top:0!important;}
#hari-faq230 .hf230-number {font-size:42px!important;line-height:1.3!important;letter-spacing:.08em!important;font-weight:750;}
#hari-faq230 :is(.hf230-copy,.hf230-channel) {box-shadow:none!important;border-radius:7px!important;min-height:46px;}
#hari-faq230 .hf230-steps {list-style:decimal!important;padding-left:1.5em!important;}
#hari-faq230 .hf230-steps li {display:list-item!important;padding:12px 0!important;border-bottom:1px solid #e5e7eb;}
#hari-faq230 .hf230-steps li strong {display:block;}
#hari-faq230 .hf230-steps li span {display:block;}
@media(max-width:767px) {
#board .hari-article-template .view-header .title,#hari-faq230 #hf230-title {font-size:27px!important;}
#board .hari-article-template .view-header {padding-bottom:22px;margin-bottom:26px;}
#board .hari-article-template .hari-article {padding:0 20px;}
:is(.hari-article,#hari-faq230) h2 {font-size:22px!important;margin-top:40px!important;}
.hari-article .hm-purpose-grid {grid-template-columns:1fr;}
.hari-article .hm-result-row {grid-template-columns:1fr;}
.hari-article .hm-result-key {padding-bottom:6px;}
.hari-article .hm-result-value {padding-top:6px;}
.hari-article .hm-actions {flex-direction:column;}
.hari-article .hm-btn {width:100%;}
.hari-article :is(.hm-summary,.hm-toc,.hm-bottom-summary,.hm-prepaid,.hm-note,.hm-warning,.hm-success) {padding:18px!important;}
#hari-faq230 {padding:32px 20px 48px!important;}
#hari-faq230 .hf230-number {font-size:36px!important;}
}
@media(prefers-reduced-motion:reduce) {html:has(.hari-article){scroll-behavior:auto;}}

/* Hari Article mobile and CTA correction — 2026-10-15 */
#board .hari-article a.hm-btn-primary,
#board .hari-article a.hm-btn-primary:visited,
#board .hari-article .kait-guide .kg-app-nav a,
#board .hari-article .kait-guide .kg-app-nav a:visited,
#board .hari-article .kait-guide .kg-app-nav a:hover,
#board .hari-article .kait-guide .kg-app-nav a:focus-visible {
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;
}
#board .hari-article .kait-guide .kg-app-nav a * {color:#fff!important;-webkit-text-fill-color:#fff!important;}
#board .hari-article aside {display:block;}
#board .hari-article .kait-guide .kg-quick-flow {list-style:none!important;padding:0!important;margin:24px 0!important;}
#board .hari-article .kait-guide .kg-quick-flow>li {list-style:none!important;box-shadow:none;}
#board .hari-article .kait-guide .kg-quick-flow>li::marker {content:"";}
#board .hari-article .kait-guide .kg-quick-flow>li::before {content:counter(flow)!important;display:block!important;}
#board .hari-article .kait-guide .kg-steps {list-style:none!important;padding-left:0!important;}
#board .hari-article .kait-guide .kg-steps>li::before {content:counter(steps)!important;display:grid!important;}
@media(max-width:767px) {
  #board .hari-article-template {width:100%;max-width:100%;padding:24px 16px 0!important;}
  #board .hari-article-template .hari-article {width:100%;max-width:100%;margin:0!important;padding:0!important;}
  #board .hari-article-template .view-header {width:100%;margin-inline:0!important;padding-inline:0!important;}
  #board .hari-article :is(.kait-guide,.hm-credit-guide) {width:100%;max-width:100%;margin-inline:0!important;padding-inline:0!important;}
  #board .hari-article .kait-guide .kg-quick-flow {grid-template-columns:1fr;gap:10px;}
  #board .hari-article .kait-guide .kg-quick-flow>li {
    display:flex;align-items:center;gap:12px;min-height:54px;margin:0!important;
    padding:14px 16px!important;text-align:left;line-height:1.6;box-shadow:none;
  }
  #board .hari-article .kait-guide .kg-quick-flow>li::before {
    position:static!important;inset:auto!important;transform:none!important;flex:0 0 28px;
    width:28px;height:28px;line-height:28px;text-align:center;font-size:14px;
  }
  #board .hari-article .kait-guide :is(.kg-alert,.kg-tip,.kg-note,.kg-customer-message,.kg-toc,.kg-card,.kg-source-list) {
    width:100%;max-width:100%;margin-inline:0!important;padding:16px!important;box-shadow:none;
  }
  #board .hari-article .kait-guide .kg-app-nav {grid-template-columns:1fr;gap:10px;}
  #board .hari-article .kait-guide .kg-app-nav a {width:100%;min-height:48px;padding:12px 16px;font-size:15px;line-height:1.5;box-shadow:none;}
  #hari-faq230 {padding-inline:16px!important;}
}


/* Keep numbered component boxes aligned independently of generic list styles. */
#board .hari-article .kait-guide .kg-quick-flow>li {border:1px solid #e1e5e9;background:#fafbfc;border-radius:8px;}
#board .hari-article .kait-guide .kg-steps>li {list-style:none!important;position:relative;min-height:58px;padding:3px 0 18px 58px!important;border-bottom:1px solid #e1e5e9;}
#board .hari-article .kait-guide .kg-steps>li::marker {content:"";}

/* Standalone text links become buttons; inline links keep text-link styling. */
#board .hari-article a.hari-link-button {display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:11px 18px!important;border:1px solid #165dcc;border-radius:8px;background:#165dcc;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px;font-weight:650;line-height:1.55;text-align:center;text-decoration:none!important;box-shadow:none;overflow-wrap:anywhere;}
#board .hari-article a.hari-link-button:visited {color:#fff!important;}
#board .hari-article a.hari-link-button:hover {background:#124ca8;border-color:#124ca8;}
#board .hari-article .hari-link-block {list-style:none!important;margin:14px 0!important;padding:0!important;}
#board .hari-article li.hari-link-block::marker {content:"";}
#board .hari-article ul:has(>li.hari-link-block):not(:has(>li:not(.hari-link-block))) {display:flex;flex-wrap:wrap;gap:10px;padding-left:0!important;list-style:none!important;margin:24px 0!important;}
#board .hari-article ul:has(>li.hari-link-block):not(:has(>li:not(.hari-link-block)))>li {margin:0!important;}
@media(max-width:767px){#board .hari-article a.hari-link-button {width:100%;} #board .hari-article ul:has(>li.hari-link-block):not(:has(>li:not(.hari-link-block))) {flex-direction:column;} #board .hari-article li.hari-link-block {width:100%;}}