/* Values measured on daehan-smallpay.com/mobile-payment/refund-billing/. */
@font-face{font-family:DaehanReferencePortal;src:url('/assets/reference-interior/portal.woff2') format('woff2');font-display:swap}
body.reference-interior{font-family:DaehanReferencePortal,'Malgun Gothic',sans-serif;font-size:15px;line-height:1.55}
@layer reference-reading{
 body.reference-interior [data-reference-reading]{font-family:DaehanReferencePortal,'Malgun Gothic',sans-serif!important;font-size:15px!important;line-height:1.9!important;word-break:keep-all;overflow-wrap:break-word}
 body.reference-interior :is(h1,h2,h3,h4,p,li,dt,dd,label,input,select,textarea,button,summary,th,td){font-family:DaehanReferencePortal,'Malgun Gothic',sans-serif!important}
 body.reference-interior h1{font-size:32px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:-.7px!important;color:#132d4c!important;margin-bottom:20px!important}
 body.reference-interior [data-reference-reading] h2{font-size:23px!important;font-weight:700!important;line-height:1.55!important;letter-spacing:-.6px!important;color:#183252!important;margin-bottom:12px!important}
 body.reference-interior [data-reference-reading] h3{font-size:16px!important;font-weight:700!important;line-height:1.6!important;margin-bottom:8px!important}
 body.reference-interior [data-reference-reading] .gs-result h2{color:#fff!important}
 body.reference-interior [data-reference-reading] .news-item time{color:#52647b!important}
 body.reference-interior [data-reference-reading][data-reference-kind=article] h3{font-size:17px!important}
 body.reference-interior [data-reference-reading] :is(p,li){font-size:15px!important;line-height:1.9!important}
 body.reference-interior :is(.cp-lead,.gs-lead,.page-heading>p,.gs-hero>p,.brand-hero p,.article-intro){font-size:16px!important;line-height:1.9!important;color:#607086!important}
 body.reference-interior [data-reference-reading] :is(label,input,select,textarea,button){font-size:14px!important;line-height:1.6!important}
 body.reference-interior [data-reference-reading] label{font-size:13px!important}
 body.reference-interior [data-reference-reading] :is(th,td){font-size:12px!important;line-height:1.8!important}
 body.reference-interior [data-reference-reading] :is(.cp-meta,.gs-data-status,.gs-source-note,.cp-evidence,.breadcrumb,.cp-crumb,.gs-breadcrumb){font-size:12px!important;line-height:1.9!important}
 body.reference-interior [data-reference-reading] :is(.info-box,.cp-note,.gs-note){font-size:13px!important;line-height:1.9!important}
 @media(max-width:650px){
  body.reference-interior h1{font-size:26px!important}
  body.reference-interior [data-reference-reading] h2{font-size:21px!important}
  body.reference-interior :is(.cp-lead,.gs-lead,.page-heading>p,.gs-hero>p,.brand-hero p,.article-intro){font-size:14px!important}
  body.reference-interior [data-reference-reading][data-reference-kind=article] :is(p,li),body.reference-interior .cp-faq-body p{font-size:14px!important}
 }
}
/* Native controls and result components retain their existing layouts. */
body.reference-interior [data-reference-reading] :is(input,select,textarea,button):focus-visible,body.reference-interior .reference-consult-banner a:focus-visible{outline:3px solid #0755e9;outline-offset:4px}
body.reference-interior [data-reference-reading] :is(.cp-hero,.gs-hero,.page-heading){scroll-margin-top:32px}
body.reference-interior .reference-consult-banner{display:block;box-sizing:border-box;width:100%;max-width:960px;margin:32px auto 38px;grid-column:1/-1;float:none;clear:both;text-align:left}
body.reference-interior .reference-consult-banner>a{display:block;color:#0755e9;text-decoration:none!important;border-radius:14px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}
body.reference-interior .reference-consult-banner>a:hover{transform:translateY(-3px);box-shadow:0 12px 25px #182b4f0d}
body.reference-interior .reference-consult-banner img{display:block;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;object-fit:contain;aspect-ratio:3/1}
body.reference-interior .reference-banner-mobile{display:none;padding:12px 16px;border:1px solid #d5e4fc;border-radius:8px;background:#f2f7ff;color:#17477f;font-size:14px;line-height:1.7}
body.reference-interior .reference-banner-mobile b{display:block;color:#0755e9}
body.reference-interior .reference-banner-note{font-size:12px!important;line-height:1.8!important;color:#52647b!important;margin:8px 16px 0!important}
body.reference-interior [data-reference-hover]{transition:transform .2s,border-color .2s,box-shadow .2s}
body.reference-interior [data-reference-hover]:hover{transform:translateY(-3px);border-color:#87aff5;box-shadow:0 12px 25px #182b4f0d}
body.reference-interior .reference-entering{animation:reference-enter .45s ease-out both}
@keyframes reference-enter{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){body.reference-interior .reference-consult-banner{margin:25px auto 30px}body.reference-interior .reference-banner-mobile{display:block}body.reference-interior .reference-banner-note{margin-left:0!important;margin-right:0!important}}
@media(prefers-reduced-motion:reduce){body.reference-interior .reference-entering{animation:none!important}body.reference-interior [data-reference-hover],body.reference-interior .reference-consult-banner>a{transition:none!important}body.reference-interior [data-reference-hover]:hover,body.reference-interior .reference-consult-banner>a:hover{transform:none}}