/* JINCOM V8 / typography only. Loaded LAST by common PHP header + footer.
   Uses Pretendard official dynamic subset CDN. No HTML layout, colors, sizes,
   form behavior, scripts, data, or PHP logic is changed by this stylesheet. */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
:root {
  --jc-font-v8: "Pretendard Variable", "Pretendard", "Segoe UI", "Malgun Gothic", "맑은 고딕", sans-serif;
}
/* Use identical selector priority to V7, but a DIFFERENT actual Korean font.
   V7 used Segoe UI and Malgun Gothic -- already close to existing system font. */
html body,
html body *:not(i):not(svg):not(path):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not([class^="icon-"]):not([class*=" icon-"]):not([class^="glyphicon"]):not([class*=" glyphicon"]):not(.material-icons):not(.material-symbols-outlined):not([class^="xi-"]):not([class*=" xi-"]):not(pre):not(code):not(kbd):not(samp) {
  font-family: var(--jc-font-v8) !important;
}
/* Ensure input controls use the same face; untouched font sizes and weights. */
html body input, html body button, html body select, html body textarea,
html body option, html body optgroup {
  font-family: var(--jc-font-v8) !important;
}
/* Do not replace icon-font glyphs or monospace code. */
html body :is(.fa,.fas,.far,.fab,.fal,.fad,[class^="fa-"],[class*=" fa-"]) {
  font-family: FontAwesome !important;
}
html body :is(pre,code,kbd,samp),
html body :is(pre,code,kbd,samp) * {
  font-family: monospace !important;
}


/* ================================================================
   JINCOM V9 — PC + MOBILE FONT READABILITY & NAVER REVIEW ONLY.
   Extends V8 Pretendard font. No feature, position, dimension other
   than explicit text font sizes, JS, PHP business logic or DB changes.
   Desktop main text restores optical readability after font change.
   Mobile's well-sized typography stays untouched.
   ================================================================ */

/* Desktop: the H1 remains identical; only smaller helper text,
   service body and secondary labels are slightly more readable.
   Restrict to desktop viewport, since mobile already looks correct. */
@media screen and (min-width: 901px) {
  html body .hero .hero-sub {
    font-size: 22px !important;
  }
  html body .hero .hero-desc {
    font-size: 25px !important;
  }
  html body .hero .hero-point {
    font-size: 19px !important;
    font-weight: 600 !important;
  }
  html body .hero .hero-channel-btn {
    font-size: 18px !important;
    font-weight: 750 !important;
  }
  html body .trust-bar .trust-label {
    font-size: 18px !important;
  }
  html body .trust-bar .trust-sub {
    font-size: 16px !important;
  }
  html body .main-services .section-desc {
    font-size: 22px !important;
  }
  html body .main-services .svc-title {
    font-weight: 800 !important;
  }
  html body .main-services .svc-desc {
    font-size: 20px !important;
    font-weight: 550 !important;
  }
  html body .main-services .svc-tag {
    font-size: 18px !important;
  }
  html body .main-services .svc-more {
    font-size: 19px !important;
  }
}

/* Both PC and mobile: the Naver Review CTA must have white lettering
   against the existing dark green surface, even if an older theme's
   text-fill or gradient-text rules survived. Button geometry, URL,
   background colour and hover/click behaviour are not changed. */
html body .hero .hero-channel-actions a.hero-channel-naver-review,
html body .hero .hero-channel-actions a.hero-channel-naver-review:hover,
html body .hero .hero-channel-actions a.hero-channel-naver-review:focus,
html body .hero .hero-channel-actions a.hero-channel-naver-review span,
html body .hero .hero-channel-actions a.hero-channel-naver-review span:hover,
html body .hero .hero-channel-actions a.hero-channel-naver-review span:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
/* The mobile homepage uses an inline-styled map.naver.com CTA rather
   than the desktop class. Restrict to the mobile homepage's link panel. */
html body #m-content a[href^="https://map.naver.com/"][href*="/review"],
html body #m-content a[href^="https://map.naver.com/"][href*="/review"] *,
html body .m-wrap a[href^="https://map.naver.com/"][href*="/review"],
html body .m-wrap a[href^="https://map.naver.com/"][href*="/review"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* ================================================================
   JINCOM V10 — ONLY 2 WHITE-THEME FIXES REQUESTED BY USER
   1) sub0205 buy&repair list photo/thumb dark background -> white
   2) resource-room attachment/download dark box -> white
   No PHP logic, no feature, no other page styling changes.
   ================================================================ */

/* 1) 매입·수리글(sub0205) 카드 목록의 사진/썸네일 다크 배경 제거 */
html body #bo_list.jc-rp-list .jc-rp-card {
  background: #ffffff !important;
  border-color: #d9e3ef !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .08) !important;
}
html body #bo_list.jc-rp-list .jc-rp-card:hover,
html body #bo_list.jc-rp-list .jc-rp-card.is-current {
  border-color: #b9cae0 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12) !important;
}
html body #bo_list.jc-rp-list .jc-rp-thumb {
  background: #ffffff !important;
}
html body #bo_list.jc-rp-list .jc-rp-check {
  background: rgba(255,255,255,.94) !important;
  border-color: #cfd8e3 !important;
}
html body #bo_list.jc-rp-list .jc-rp-title a {
  color: #1f2a3d !important;
}
html body #bo_list.jc-rp-list .jc-rp-title a:hover {
  color: #2158d8 !important;
}
html body #bo_list.jc-rp-list .jc-rp-summary {
  color: #5f6f84 !important;
}
html body #bo_list.jc-rp-list .jc-rp-meta {
  color: #7a8ca2 !important;
}
html body #bo_list.jc-rp-list .jc-rp-placeholder {
  color: #6d7d92 !important;
}
html body #bo_list.jc-rp-list .jc-rp-placeholder:before {
  color: #7da8ff !important;
}

/* 2) 자료실/게시판 상세 첨부파일 박스 다크 테마 제거 -> 화이트 카드 */
html body #bo_v .jc-view-file-box,
html body #bo_v_file.jc-view-file-box,
html body #bo_v .jc-view-file-under-top-buttons,
html body #bo_v_file.jc-view-file-under-top-buttons {
  border: 1px solid #dbe5ef !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
  color: #1f2a3d !important;
}
html body #bo_v .jc-view-file-box h2,
html body #bo_v_file.jc-view-file-box h2,
html body #bo_v .jc-view-file-under-top-buttons h2,
html body #bo_v_file.jc-view-file-under-top-buttons h2 {
  border-bottom: 1px solid #e7edf4 !important;
  color: #183153 !important;
}
html body #bo_v .jc-view-file-box a,
html body #bo_v_file.jc-view-file-box a,
html body #bo_v .jc-view-file-box strong,
html body #bo_v_file.jc-view-file-box strong,
html body #bo_v .jc-view-file-box em,
html body #bo_v_file.jc-view-file-box em,
html body #bo_v .jc-view-file-box span,
html body #bo_v_file.jc-view-file-box span,
html body #bo_v .jc-view-file-under-top-buttons a,
html body #bo_v_file.jc-view-file-under-top-buttons a,
html body #bo_v .jc-view-file-under-top-buttons strong,
html body #bo_v_file.jc-view-file-under-top-buttons strong,
html body #bo_v .jc-view-file-under-top-buttons em,
html body #bo_v_file.jc-view-file-under-top-buttons em,
html body #bo_v .jc-view-file-under-top-buttons span,
html body #bo_v_file.jc-view-file-under-top-buttons span {
  color: #1f2a3d !important;
}
html body #bo_v .jc-view-file-box a.view_file_download,
html body #bo_v_file.jc-view-file-box a.view_file_download,
html body #bo_v .jc-view-file-under-top-buttons a.view_file_download,
html body #bo_v_file.jc-view-file-under-top-buttons a.view_file_download {
  border: 1px solid #dbe5ef !important;
  background: #f8fbff !important;
  color: #1f2a3d !important;
}
html body #bo_v .jc-view-file-box a.view_file_download:hover,
html body #bo_v .jc-view-file-box a.view_file_download:focus,
html body #bo_v_file.jc-view-file-box a.view_file_download:hover,
html body #bo_v_file.jc-view-file-box a.view_file_download:focus,
html body #bo_v .jc-view-file-under-top-buttons a.view_file_download:hover,
html body #bo_v .jc-view-file-under-top-buttons a.view_file_download:focus,
html body #bo_v_file.jc-view-file-under-top-buttons a.view_file_download:hover,
html body #bo_v_file.jc-view-file-under-top-buttons a.view_file_download:focus {
  border-color: #b9cae0 !important;
  background: #f2f7ff !important;
  color: #17335c !important;
}
html body #bo_v .jc-view-file-box .jc-file-ico,
html body #bo_v_file.jc-view-file-box .jc-file-ico,
html body #bo_v .jc-view-file-under-top-buttons .jc-file-ico,
html body #bo_v_file.jc-view-file-under-top-buttons .jc-file-ico {
  background: linear-gradient(180deg, #3493ff, #1976f3) !important;
  color: #ffffff !important;
}
html body #bo_v .jc-view-file-box .jc-file-text strong,
html body #bo_v_file.jc-view-file-box .jc-file-text strong,
html body #bo_v .jc-view-file-under-top-buttons .jc-file-text strong,
html body #bo_v_file.jc-view-file-under-top-buttons .jc-file-text strong {
  color: #1f2a3d !important;
}
html body #bo_v .jc-view-file-box .jc-file-text em,
html body #bo_v_file.jc-view-file-box .jc-file-text em,
html body #bo_v .jc-view-file-under-top-buttons .jc-file-text em,
html body #bo_v_file.jc-view-file-under-top-buttons .jc-file-text em {
  color: #5c6d84 !important;
}
html body #bo_v .jc-view-file-box .bo_v_file_cnt,
html body #bo_v_file.jc-view-file-box .bo_v_file_cnt,
html body #bo_v .jc-view-file-under-top-buttons .bo_v_file_cnt,
html body #bo_v_file.jc-view-file-under-top-buttons .bo_v_file_cnt {
  border: 1px solid #cfe0f5 !important;
  background: #f3f8ff !important;
  color: #2158d8 !important;
}