/* 하위 페이지 배경 (색: #174E86 · 남색 #0b2a5b · 흰색 · #eef3f9 · #f3f6fa) — blur/filter 애니메이션 없음
   투명 목업 이미지: HTML img src가 /assets/r7/sub/*_t.webp 를 직접 가리킴 (html_changes.diff) */
body.subbg .hero.pg{background:#0b2a5b;color:#fff}
body.subbg .hero.pg h1,body.subbg .hero.pg p,body.subbg .hero.pg .ey{color:#fff}
body.subbg section.bd{background-color:#f3f6fa;background-image:linear-gradient(#eef3f9 1px,transparent 1px),linear-gradient(90deg,#eef3f9 1px,transparent 1px);background-size:32px 32px}
body.subbg .sec.ctb{background:linear-gradient(135deg,#174E86,#0b2a5b);color:#fff}
body.subbg .sec.ctb h2,body.subbg .sec.ctb .lead,body.subbg .sec.ctb .ey{color:#fff}
body.subbg .sec.ctb .ctc a{background:#174E86;border-color:#174E86;color:#fff}
body.subbg .sec.ctb .ctc a:hover{border-color:#fff}
body.subbg .sec.ctb .ctc small,body.subbg .sec.ctb .ctc b,body.subbg .sec.ctb .ctc span{color:#fff}
/* v4: 본문 섹션 흰 백지 제거 — 띠(#f3f6fa/#eef3f9) + 격자/점 무늬 번갈아 */
body.subbg .sec:not(.ctb){background-color:#f3f6fa;background-image:linear-gradient(rgba(23,78,134,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(23,78,134,.09) 1px,transparent 1px);background-size:32px 32px;border-top:1px solid rgba(23,78,134,.12)}
body.subbg .sec:not(.ctb):nth-of-type(odd){background-color:#eef3f9;background-image:radial-gradient(rgba(23,78,134,.22) 1.2px,transparent 1.6px);background-size:22px 22px}
body.subbg .sec.bg:not(.ctb),body.subbg .sec.bg2{background-color:#eef3f9;background-image:linear-gradient(rgba(23,78,134,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(23,78,134,.10) 1px,transparent 1px);background-size:40px 40px}
/* 띠 위 흰 카드·표 강조 (blur 없는 그림자) */
body.subbg .sec:not(.ctb) .w>div>a,body.subbg .sec:not(.ctb) [class*="fc"]>*,body.subbg .sec:not(.ctb) .og>a,body.subbg .sec:not(.ctb) .p4>div,body.subbg .sec:not(.ctb) .oc2,body.subbg .sec:not(.ctb) .ck li,body.subbg .sec:not(.ctb) .crg>*,body.subbg .sec:not(.ctb) .vals>*{background:#fff;border-color:rgba(23,78,134,.18);box-shadow:0 2px 0 rgba(23,78,134,.10)}
body.subbg .sec:not(.ctb) table{background:#fff;box-shadow:0 0 0 1px rgba(23,78,134,.18),0 3px 0 rgba(23,78,134,.10)}
/* 목업 이미지: 흰 판 제거, 투명 배경 이미지로 교체, 폭별 고정 크기(비율 유지) */
body.subbg .mk{background:none;border:0;box-shadow:none;padding:0;border-radius:0}
body.subbg .mk img{display:block;width:100%;height:auto;border-radius:0;background:none;box-shadow:none}
body.subbg .mk figcaption{margin-top:8px;font-size:13px;text-align:right;color:#0b2a5b}
body.subbg .hero .mk figcaption{color:#fff}
body.subbg .hero .mk{width:560px;max-width:100%;margin-left:auto}
body.subbg .sec .mk{width:520px;max-width:100%}
@media(max-width:760px){
 body.subbg section.bd{background-size:24px 24px}
 body.subbg .hero .mk,body.subbg .sec .mk{width:100%;margin:8px 0 0}
}
@media(max-width:430px){body.subbg .mk:has(img[src$="/ba_t.webp"]){display:none}body.subbg .hero .mk,body.subbg .sec .mk{width:calc(100vw - 32px)}}
/* v5: 모바일 메뉴용 common.css @media(max-width:760px) 'nav{position:absolute;top:62px;flex-direction:column}' 가
   본문 서비스 탭 <nav class="chap">에도 걸려 히어로 위에 겹치던 문제 → 탭만 원래 흐름으로 되돌림 */
body.subbg nav.chap{position:static;flex-direction:row;background:none;border-bottom:0;box-shadow:none;padding:20px 0;font-size:inherit}
@media(max-width:760px){
 body.subbg nav.chap{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:12px 0;margin:0;max-width:100%}
 body.subbg nav.chap::-webkit-scrollbar{display:none}
 body.subbg nav.chap a{flex:0 0 auto;white-space:nowrap;background:#fff}
}