/* 화면 설정 (2026-10): 글자 크기 3단계 + 라이트 · 다크 · 기기 설정. 색 값은 bm-light.css(자동 생성), 이 파일은 손으로 관리 */
html[data-theme=light]{color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=light] body{background:#F4F7FA}

/* 글자 크기: 사이트 글자가 대부분 rem 이라 기준 크기만 바꿈 */
/* 기본 글자 15px → 17px (사용자 요청 2026-10-26: 10~20% 키움). 축소 15 · 기본 17 · 확대 19.5 */
html[data-fs=s]{font-size:15px !important}
html[data-fs=m]{font-size:17px !important}
html[data-fs=l]{font-size:19.5px !important}
html[data-fs=s] body{font-size:15px !important}
html[data-fs=m] body{font-size:17px !important}
html[data-fs=l] body{font-size:19.5px !important}
html[data-fs=s] .tp{font-size:16px}
html[data-fs=m] .tp{font-size:18px}
html[data-fs=l] .tp{font-size:20.5px}

/* 로고: 라이트에서는 진한 글자 로고 */
img.bm-logo-l,#nt_menu .menu-logo img.bm-logo-l{display:none !important}
html[data-theme=light] img.bm-logo-d,html[data-theme=light] #nt_menu .menu-logo img.bm-logo-d,html[data-theme=light] #nt_menu #logo_img.bm-logo-d{display:none !important}
html[data-theme=light] img.bm-logo-l{display:inline !important}
html[data-theme=light] #nt_menu .menu-logo img.bm-logo-l,html[data-theme=light] .bml-logo img.bm-logo-l{display:block !important}

/* 화면 설정 패널 */
.bm-set{position:fixed;right:84px;bottom:24px;z-index:10050;width:360px;max-width:calc(100vw - 32px);background:#fff;color:#0F1B2D;border:1px solid #E2E8EF;border-radius:18px;
  box-shadow:0 18px 44px rgba(15,27,45,.22);padding:20px 20px 18px;font-family:'Noto Sans KR','Pretendard',system-ui,sans-serif;font-size:15px;line-height:1.5;display:none}
.bm-set.on{display:block}
.bm-set *{box-sizing:border-box}
.bm-set-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.bm-set-hd b{font-size:16px;font-weight:900}
.bm-set-x{width:34px;height:34px;border:0;border-radius:10px;background:#F1F4F8;color:#3D4B5C;font-size:20px;line-height:1;cursor:pointer}
.bm-set h3{margin:0 0 10px;font-size:14px;font-weight:800;color:#3D4B5C}
.bm-set-grp + .bm-set-grp{margin-top:18px;padding-top:16px;border-top:1px solid #EEF2F6}
.bm-set-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bm-set-opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:none;cursor:pointer;font:inherit;color:#3D4B5C}
.bm-set-tile{width:100%;height:64px;border-radius:12px;border:2px solid #E2E8EF;background:#F7F9FB;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bm-set-opt:hover .bm-set-tile{border-color:#B9C4D0}
.bm-set-opt[aria-pressed=true] .bm-set-tile{border-color:#00A678}
.bm-set-opt[aria-pressed=true] .bm-set-lbl{color:#00875F;font-weight:800}
.bm-set-lbl{font-size:13px}
.bm-set-opt:focus-visible{outline:none}
.bm-set-opt:focus-visible .bm-set-tile{box-shadow:0 0 0 3px rgba(0,166,120,.35)}
.bm-set-aa{font-weight:800;color:#0F1B2D}
.bm-set-mode{display:flex;width:100%;height:100%}
.bm-set-mode i{flex:1;display:flex;flex-direction:column;justify-content:center;gap:5px;padding-left:10px}
.bm-set-mode i::before,.bm-set-mode i::after{content:'';display:block;height:4px;border-radius:2px;background:#3B8BFF;width:62%}
.bm-set-mode i::after{background:currentColor;width:44%;opacity:.45}
.bm-set-mode .l{background:#fff;color:#94A3B4}.bm-set-mode .d{background:#0B1220;color:#8FA0B8}
.bm-set-note{margin:10px 0 0;font-size:12.5px;color:#5A6676}
.bm-quick-set svg{transition:transform .4s}
.bm-quick-set:hover svg{transform:rotate(60deg)}
@media (max-width:768px){.bm-set{right:16px;left:16px;bottom:86px;width:auto}}

/* 부트스트랩 · 나리야 기본 색: 라이트에서 대비 보강 (포인트 · 스크랩 · 쪽지 · 페이지 번호 등) */
html[data-theme=light] .text-muted{color:#5A6676 !important}
html[data-theme=light] .text-black-50{color:rgba(0,0,0,.62) !important}
html[data-theme=light] .orangered{color:#C2410C !important}
html[data-theme=light] .page-link{color:#097454}
html[data-theme=light] .page-item.active .page-link{background-color:#097454;border-color:#097454;color:#fff}
html[data-theme=light] .bg-primary{background-color:#1D4ED8 !important}

/* ── 라이트 꾸밈 (밋밋함 개선, 2026-10-26): 머리말 흰색 · 첫 화면 색 번짐 · 제목 그라데이션 선명 · 카드 그림자 ── */
html[data-theme=light] #nt_lnb{background:#FFFFFF;border-bottom-color:rgba(15,27,45,.06)}
html[data-theme=light] #nt_menu,html[data-theme=light] .bml-hd{background:rgba(255,255,255,.92) !important;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);box-shadow:0 1px 0 rgba(15,27,45,.06),0 6px 20px rgba(15,27,45,.04)}
html[data-theme=light] .bm-hero,html[data-theme=light] .pf-hero,html[data-theme=light] .ci-hero,html[data-theme=light] .sv-hero,html[data-theme=light] .hero,html[data-theme=light] .ap-hero,html[data-theme=light] #nt_title.nt-title-hero{
  background:radial-gradient(900px 520px at 10% 0%,rgba(16,185,129,.17),transparent 62%),radial-gradient(820px 520px at 92% 8%,rgba(59,130,246,.17),transparent 62%),radial-gradient(760px 460px at 55% 115%,rgba(139,92,246,.10),transparent 60%),linear-gradient(180deg,#F8FCFD 0%,#F4F7FA 100%) !important}
html[data-theme=light] .nt-title-overlay{background:linear-gradient(180deg,rgba(248,252,253,.55),rgba(244,247,250,.92)) !important}
html[data-theme=light] .nt-title-bg{opacity:.18}
html[data-theme=light] .bm-hero-h1 .g,html[data-theme=light] .bm-h2 .g,html[data-theme=light] .bm-stat-n,html[data-theme=light] .bm-kpi-n,html[data-theme=light] .ci-h2 .g,html[data-theme=light] .ci-hero-h1 .g,html[data-theme=light] .ci-num-v,html[data-theme=light] .ci-vision-text .g,html[data-theme=light] .ci-slogan-main .g,html[data-theme=light] .ci-vc-num,html[data-theme=light] .ci-str-v,html[data-theme=light] .sv-h2 .g,html[data-theme=light] .sv-hero-h1 .g,html[data-theme=light] .sv-step-num-big,html[data-theme=light] .hero h1 span,html[data-theme=light] .pf-hero h1 .g,html[data-theme=light] .sec-hd h2 span,html[data-theme=light] .bq-title .g,html[data-theme=light] .ap-hero-h1 .g,html[data-theme=light] .ap-stat-v,html[data-theme=light] .cli-page-h1 .g,html[data-theme=light] #nt_menu .menu-logo .logo-text{
  background-image:linear-gradient(120deg,#0A9E6E 0%,#0891B2 48%,#2F6BEF 100%) !important}
html[data-theme=light] .ap-card,html[data-theme=light] .bm-bc,html[data-theme=light] .bm-pc,html[data-theme=light] .bm-pt-logo,html[data-theme=light] .bm-shop-wrap #sct_sortlst,html[data-theme=light] .bm-shop-wrap #sit_ov_from,html[data-theme=light] .bm-shop-wrap #sit_rel,html[data-theme=light] .bm-shop-wrap #sod_bsk_tot,html[data-theme=light] .bm-shop-wrap #sod_fin_legend,html[data-theme=light] .bm-shop-wrap #sod_fin_tot,html[data-theme=light] .bm-shop-wrap #sod_frm_orderer,html[data-theme=light] .bm-shop-wrap #sod_frm_pay,html[data-theme=light] .bm-shop-wrap #sod_frm_taker,html[data-theme=light] .bm-shop-wrap #sod_ws .list_02 li,html[data-theme=light] .bm-shop-wrap .bm-cart-cont,html[data-theme=light] .bm-shop-wrap .bm-cart-empty,html[data-theme=light] .bm-shop-wrap .bm-cart-item,html[data-theme=light] .bm-shop-wrap .bm-cart-summary,html[data-theme=light] .bm-shop-wrap .bm-coupon,html[data-theme=light] .bm-shop-wrap .bm-coupon-empty,html[data-theme=light] .bm-shop-wrap .bm-my-profile,html[data-theme=light] .bm-shop-wrap .bm-my-side,html[data-theme=light] .bm-shop-wrap .bm-my-stat,html[data-theme=light] .bm-shop-wrap .bm-my-wishempty,html[data-theme=light] .bm-shop-wrap .bm-od-item,html[data-theme=light] .bm-shop-wrap .bm-pcard,html[data-theme=light] .bm-shop-wrap .bm-plist-empty,html[data-theme=light] .bm-shop-wrap .bm-point-empty,html[data-theme=light] .bm-shop-wrap .bm-point-sum,html[data-theme=light] .bm-shop-wrap .bm-qa-bar,html[data-theme=light] .bm-shop-wrap .bm-qa-empty,html[data-theme=light] .bm-shop-wrap .bm-qa-item,html[data-theme=light] .bm-shop-wrap .bm-review-bar,html[data-theme=light] .bm-shop-wrap .bm-review-empty,html[data-theme=light] .bm-shop-wrap .bm-review-item,html[data-theme=light] .bm-shop-wrap .od_prd_list,html[data-theme=light] .bm-shop-wrap .sct_li,html[data-theme=light] .bm-shop-wrap .sct_noitem,html[data-theme=light] .bm-shop-wrap .tbl_frm01,html[data-theme=light] .bm-shop-wrap .tbl_head01,html[data-theme=light] .bm-shop-wrap .tbl_head03,html[data-theme=light] .bm-split-r,html[data-theme=light] .bm-tc,html[data-theme=light] .bml-sub,html[data-theme=light] .bmtp-card,html[data-theme=light] .bq-cat,html[data-theme=light] .bq-item label,html[data-theme=light] .bq-result,html[data-theme=light] .ci-gc,html[data-theme=light] .ci-mc,html[data-theme=light] .ci-pc,html[data-theme=light] .ci-rc,html[data-theme=light] .ci-sc,html[data-theme=light] .ci-str,html[data-theme=light] .ci-vc,html[data-theme=light] .ci-vision-card,html[data-theme=light] .nt-menu .sub-1div,html[data-theme=light] .one-card,html[data-theme=light] .rec-card,html[data-theme=light] .sv-detail-block,html[data-theme=light] .sv-step-card,html[data-theme=light] .tbl_frm01.rg_em,html[data-theme=light] .tp-alt a,html[data-theme=light] .tp-card,html[data-theme=light] .tp-cus-box,html[data-theme=light] .tp-facts li,html[data-theme=light] .tp-how li,html[data-theme=light] .tp-incl,html[data-theme=light] .tp-plan,html[data-theme=light] .tpc .tpc-grp,html[data-theme=light] .tpc-steps li,html[data-theme=light] .tpd .tpd-admin li,html[data-theme=light] .tpd .tpd-feat{box-shadow:0 1px 2px rgba(15,27,45,.04),0 10px 28px rgba(15,27,45,.07)}
html[data-theme=light] .ap-card:hover,html[data-theme=light] .tp-card:hover,html[data-theme=light] .rec-card:hover,html[data-theme=light] .bmtp-card:hover,html[data-theme=light] .ci-sc:hover,html[data-theme=light] .sv-step-card:hover{box-shadow:0 2px 4px rgba(15,27,45,.05),0 18px 40px rgba(15,27,45,.12),0 0 0 1px rgba(10,158,110,.22)}
/* 초록 그라데이션 버튼 글자는 흰색 (페이지의 a{color:inherit} 가 덮어쓰는 것 방지) */
html[data-theme=light] .ci-btn-p,html[data-theme=light] .sv-btn-p,html[data-theme=light] .ap-btn-p,html[data-theme=light] .ap-link-main,html[data-theme=light] .bm-sb-btn.primary,html[data-theme=light] .bm-sb-login-btn,html[data-theme=light] .bmpf-go{color:#fff !important}
html[data-theme=light] .ci-hero,html[data-theme=light] .sv-hero,html[data-theme=light] .ap-hero,html[data-theme=light] .hero,html[data-theme=light] .pf-hero{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}
/* 메인 리뉴얼(.bmh 첫 화면 · .bmcta 마무리 띠) 라이트 */
html[data-theme=light] .bmh{background:radial-gradient(900px 560px at 8% 0%,rgba(16,185,129,.18),transparent 62%),radial-gradient(860px 560px at 95% 10%,rgba(59,130,246,.18),transparent 62%),radial-gradient(760px 460px at 55% 110%,rgba(139,92,246,.10),transparent 60%),linear-gradient(180deg,#F8FCFD 0%,#F4F7FA 100%) !important}
html[data-theme=light] .bmh-pc{box-shadow:0 30px 70px rgba(15,27,45,.16)}
html[data-theme=light] .bmh-mo{box-shadow:0 26px 60px rgba(15,27,45,.22)}
html[data-theme=light] .bmh-tag{box-shadow:0 14px 36px rgba(15,27,45,.14)}
html[data-theme=light] .bmcta{background:radial-gradient(620px 320px at 12% 0%,rgba(16,185,129,.17),transparent 62%),radial-gradient(620px 320px at 88% 100%,rgba(59,130,246,.17),transparent 62%),#FFFFFF !important;box-shadow:0 22px 54px rgba(15,27,45,.08)}
html[data-theme=light] .bmh-h1 .g,html[data-theme=light] .bmf-n,html[data-theme=light] .bmcta h2 .g{background-image:linear-gradient(120deg,#0A9E6E 0%,#0891B2 48%,#2F6BEF 100%) !important}
html[data-theme=light] .bms-i,html[data-theme=light] .bmsv-i,html[data-theme=light] .bmf-i{box-shadow:0 1px 2px rgba(15,27,45,.04),0 10px 28px rgba(15,27,45,.07)}
/* 템플릿 카드 이미지(브라우저 창 + 휴대폰) 라이트 그림자 */
html[data-theme=light] .tp-shot{box-shadow:0 12px 28px rgba(15,27,45,.14)}
html[data-theme=light] .tp-mo{box-shadow:0 10px 24px rgba(15,27,45,.24)}
html[data-theme=light] .bmtp-shot{box-shadow:0 12px 28px rgba(15,27,45,.14)}
html[data-theme=light] .bmtp-mo{box-shadow:0 10px 24px rgba(15,27,45,.24)}
/* 운영 중인 플랫폼 카드 라이트 */
/* 템플릿 상세 바로가기 막대: 양옆까지 이어지는 띠(box-shadow 100vmax)도 라이트로 · 칩 구분 */
html[data-theme=light] .tp-nav{background:rgba(255,255,255,.96);box-shadow:0 0 0 100vmax rgba(255,255,255,.96);border-bottom-color:rgba(15,27,45,.08)}
html[data-theme=light] .tp-nav a{background:#F1F5F9;color:#475569}
html[data-theme=light] .tp-nav a:hover{background:rgba(10,158,110,.10);color:#097454}
html[data-theme=light] .tp-nav a.on{background:#097454;color:#fff}
html[data-theme=light] .svc-card,html[data-theme=light] .svd,html[data-theme=light] .svw-i{box-shadow:0 1px 2px rgba(15,27,45,.04),0 10px 28px rgba(15,27,45,.07)}
html[data-theme=light] .svc-card:hover{box-shadow:0 2px 4px rgba(15,27,45,.05),0 18px 40px rgba(15,27,45,.12),0 0 0 1px rgba(10,158,110,.22)}
html[data-theme=light] .bq-tpl-acts a.bq-btn-primary{color:#fff !important}
html[data-theme=light] .bq-kakao{color:#191919 !important}   /* 카톡 노란 버튼 글자는 검정 그대로 */
html[data-theme=light] .tp-tools{box-shadow:0 1px 2px rgba(15,27,45,.04),0 8px 24px rgba(15,27,45,.06)}
html[data-theme=light] .bmpf-card,html[data-theme=light] .pf-facts li{box-shadow:0 2px 6px rgba(15,27,45,.04),0 18px 44px rgba(15,27,45,.08)}
html[data-theme=light] .bmpf-pc{box-shadow:0 14px 32px rgba(15,27,45,.16)}
html[data-theme=light] .bmpf-mo{box-shadow:0 12px 28px rgba(15,27,45,.24)}