/*
Theme Name: 지니홈수리 에메랄드 슬라이드형
Theme URI: https://jinihome.co.kr/
Author: Jini Home
Description: 프론트 관리자 운영, 서비스·현장사례·사진견적·자가진단 가이드와 SEO 관리 기능을 통합한 지니홈수리 전용 테마.
Version: 1.6.24
Text Domain: jini-home-jinsung-admin
*/
:root{--p:#147e70;--pd:#0b665b;--ink:#17201e;--muted:#66716e;--line:#e4ebe8;--soft:#f4f8f6;--white:#fff;--dark:#17201e;--yellow:#f2c230;--w:1220px;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;line-height:1.65;word-break:keep-all}a{color:inherit}img{max-width:100%;height:auto}.jh-wrap{width:min(var(--w),calc(100% - 40px));margin:0 auto}
/* Header */
.jh-site-header{position:sticky;top:0;z-index:9000;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}body.admin-bar .jh-site-header{top:32px}body.jh-owner-on .jh-site-header{top:48px}body.admin-bar.jh-owner-on .jh-site-header{top:80px}.jh-header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.jh-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}.jh-logo-img{max-height:50px;width:auto}.jh-mark{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--p);border-radius:11px;color:var(--p)}.jh-mark svg{width:25px}.jh-brand-copy{display:flex;flex-direction:column;line-height:1}.jh-brand-name{font-size:23px;font-weight:900;letter-spacing:-.045em}.jh-brand-en{font-size:10px;color:#89938f;margin-top:5px}.jh-nav{display:flex;align-items:center;gap:25px;font-size:15px;font-weight:760}.jh-nav>a,.jh-drop>button{background:none;border:0;padding:28px 0;font:inherit;cursor:pointer;text-decoration:none}.jh-nav>a:hover,.jh-drop>button:hover{color:var(--p)}.jh-drop{position:relative}.jh-drop>button:after{content:"⌄";font-size:12px;margin-left:5px}.jh-drop-menu{display:none;position:absolute;left:-18px;top:68px;min-width:230px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 42px rgba(14,45,39,.12)}.jh-drop:hover .jh-drop-menu,.jh-drop:focus-within .jh-drop-menu{display:block}.jh-drop-menu a{display:block;padding:11px 12px;border-radius:9px;text-decoration:none}.jh-drop-menu a:hover{background:var(--soft);color:var(--p)}.jh-quote-link{padding:11px 17px!important;background:var(--p)!important;color:#fff!important;border-radius:8px}.jh-phone{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:12px}.jh-phone strong{display:block;font-size:17px}.jh-phone svg{width:25px;color:var(--p)}.jh-mobile-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:20px}
/* Owner/admin utility bar - 관리자에게만 표시 */
.jh-ownerbar{
  position:fixed;z-index:999998;left:0;right:0;top:0;height:48px;
  background:#17201e;color:#fff;display:flex;align-items:center;gap:3px;
  padding:0 14px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;
  box-shadow:0 1px 8px rgba(0,0,0,.20);font-size:13px
}
body.admin-bar .jh-ownerbar{top:32px}
.jh-ownerbar strong{
  display:inline-flex;align-items:center;height:34px;padding:0 10px;
  margin-right:5px;color:#89dfcc;font-size:14px;font-weight:900
}
.jh-ownerbar a{
  display:inline-flex;align-items:center;height:34px;padding:0 11px;
  border-radius:6px;color:#fff!important;text-decoration:none!important;
  font-size:13px;font-weight:720
}
.jh-ownerbar a:hover,.jh-ownerbar a.is-primary{background:#147e70}
body.jh-owner-on{padding-top:48px}
.jh-admin-edit-badge{
  position:absolute;z-index:20;top:10px;right:10px;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:32px!important;padding:0 10px!important;border-radius:7px!important;
  background:#17201e!important;color:#fff!important;text-decoration:none!important;
  font-size:12px!important;font-weight:800!important;box-shadow:0 3px 10px rgba(0,0,0,.16)!important
}
.jh-admin-edit-badge:hover{background:#147e70!important;color:#fff!important}
.jh-admin-section-edit{
  display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:6px 10px;
  background:#17201e;color:#fff!important;border-radius:7px;text-decoration:none!important;
  font-size:12px;font-weight:800;vertical-align:middle
}
.jh-admin-section-edit:hover{background:#147e70}
.jh-admin-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.jh-admin-dashboard-card{
  display:block;padding:24px;border:1px solid var(--line);border-radius:15px;
  background:#fff;text-decoration:none!important;transition:.18s
}
.jh-admin-dashboard-card:hover{border-color:var(--p);transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,126,112,.08)}
.jh-admin-dashboard-card b{display:block;font-size:19px;margin-bottom:5px;letter-spacing:-.03em}
.jh-admin-dashboard-card span{font-size:13px;color:var(--muted)}
.jh-card,.jh-service-side,.jh-section-head,.jh-box,.jh-blog-panel,.jh-location-panel,.jh-contact-panel{position:relative}

/* Hero */
.jh-hero{background:linear-gradient(110deg,#f8f6f2 0%,#f4f4ef 49%,#eef5f2 100%)}.jh-hero-grid{min-height:610px;display:grid;grid-template-columns:48% 52%;align-items:center}.jh-hero-copy{padding:64px 46px 68px 0}.jh-kicker{display:flex;align-items:center;gap:8px;color:var(--p);font-weight:850;font-size:15px;margin-bottom:16px}.jh-kicker:before{content:"";width:24px;height:2px;background:var(--p)}.jh-hero h1{font-size:clamp(42px,5.25vw,67px);line-height:1.1;letter-spacing:-.06em;margin:0 0 22px}.jh-hero h1 em{font-style:normal;color:var(--p)}.jh-hero p{font-size:18px;color:#3d4643;max-width:590px;margin:0 0 27px}.jh-hero-image{height:610px;position:relative}.jh-hero-image:before{content:"";position:absolute;z-index:1;left:-70px;top:0;bottom:0;width:160px;background:linear-gradient(90deg,#f4f3ef,rgba(244,243,239,.62),transparent)}.jh-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.jh-actions{display:flex;gap:10px;flex-wrap:wrap}.jh-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:0 20px;border:0;border-radius:8px;background:var(--p);color:#fff!important;text-decoration:none!important;font-weight:800;cursor:pointer}.jh-btn:hover{background:var(--pd)}.jh-btn.light{background:#fff;color:var(--ink)!important;border:1px solid #cad5d1}.jh-btn.gray{background:#69736f}.jh-btn.small{min-height:38px;padding:0 14px;font-size:14px}.jh-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px}.jh-trust-item{display:flex;align-items:center;gap:10px}.jh-trust-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d9e3df;background:#fff;border-radius:50%;color:var(--p)}.jh-trust-icon svg{width:21px}.jh-trust-item strong{display:block;font-size:15px}.jh-trust-item span span{font-size:12px;color:var(--muted)}
/* Sections */
.jh-section{padding:76px 0}.jh-section.soft{background:var(--soft)}.jh-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:31px}.jh-section-head h2{font-size:clamp(30px,3.7vw,45px);line-height:1.15;letter-spacing:-.05em;margin:0}.jh-section-head p{max-width:590px;color:var(--muted);margin:0}.jh-section-label{display:block;color:var(--p);font-weight:850;margin-bottom:8px}.jh-service-layout{display:grid;grid-template-columns:220px 1fr;gap:34px}.jh-service-side h2{font-size:34px;line-height:1.12;letter-spacing:-.05em;margin:0 0 14px}.jh-service-side h2 span{color:var(--p)}.jh-service-side p{font-size:14px;color:var(--muted)}.jh-service-grid,.jh-case-grid,.jh-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.jh-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 4px 20px rgba(22,68,58,.035);transition:.2s}.jh-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(22,68,58,.09)}.jh-card>a{text-decoration:none;display:block}.jh-card-img{aspect-ratio:4/3;background:#eaf0ed;overflow:hidden}.jh-card-img img{width:100%;height:100%;object-fit:cover;display:block}.jh-card-body{padding:18px}.jh-card h3{font-size:20px;letter-spacing:-.035em;margin:0 0 7px}.jh-card p{margin:0;color:var(--muted);font-size:14px}
/* Benefit bar */
.jh-benefit-band{background:var(--dark);color:#fff}.jh-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr)}.jh-benefit{min-height:120px;padding:20px;display:flex;align-items:center;justify-content:center;gap:17px;border-right:1px solid rgba(255,255,255,.14)}.jh-benefit:last-child{border-right:0}.jh-benefit-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(84,212,185,.55);border-radius:50%;color:#78d0be}.jh-benefit-icon svg{width:24px}.jh-benefit strong{display:block;font-size:21px;margin-bottom:4px}.jh-benefit span{font-size:13px;color:#bdc8c5}
/* Diagnosis */
.jh-diagnosis-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:21px}.jh-diagnosis-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font-weight:750;cursor:pointer}.jh-diagnosis-tabs button.active{background:var(--p);border-color:var(--p);color:#fff}.jh-diagnosis-panel{display:none}.jh-diagnosis-panel.active{display:grid}.jh-diagnosis-panel{grid-template-columns:repeat(3,1fr);gap:14px}.jh-diagnosis-item{padding:22px;background:#fff;border:1px solid var(--line);border-radius:15px}.jh-diagnosis-item h3{font-size:18px;margin:0 0 6px}.jh-diagnosis-item p{font-size:14px;color:var(--muted);margin:0 0 12px}.jh-diagnosis-item a{color:var(--p);font-size:14px;font-weight:800;text-decoration:none}
/* Work search */
.jh-workbox{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.jh-work-controls{display:flex;gap:10px;margin-bottom:20px}.jh-work-search{flex:1;padding:13px 15px;border:1px solid #ccd7d3;border-radius:10px;font:inherit}.jh-work-tags{display:flex;gap:9px;flex-wrap:wrap}.jh-work-tag{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:14px;font-weight:700;text-decoration:none}.jh-work-tag[hidden]{display:none!important}
/* Process */
.jh-process{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.jh-step{position:relative;padding:20px 13px;border-radius:14px;background:#fff;border:1px solid var(--line);min-height:135px}.jh-step b{display:block;color:var(--p);font-size:13px;margin-bottom:17px}.jh-step strong{font-size:17px;display:block}.jh-step span{font-size:13px;color:var(--muted)}
/* Cost/region */
.jh-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:34px}.jh-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:31px}.jh-cost-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.jh-cost-list div{padding:13px 14px;background:var(--soft);border-radius:10px;font-size:14px;font-weight:700}.jh-region-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.jh-region-links a{padding:10px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:800}.jh-region-links a:hover{border-color:var(--p);color:var(--p)}
/* Quote */
.jh-quote-section{padding:0 0 82px}.jh-quote-band{display:grid;grid-template-columns:1fr 350px;overflow:hidden;border-radius:25px;background:linear-gradient(120deg,#0d6e61,#188d7c);color:#fff;min-height:300px}.jh-quote-copy{padding:48px}.jh-quote-copy h2{font-size:clamp(31px,4vw,46px);line-height:1.15;letter-spacing:-.05em;margin:0 0 13px}.jh-quote-copy p{color:#d7eeea}.jh-quote-img img{width:100%;height:100%;object-fit:cover;display:block}
/* Content */
.jh-content{padding:68px 0 100px}.jh-content-main{max-width:940px;margin:0 auto}.jh-page-title{font-size:clamp(38px,5vw,60px);line-height:1.1;letter-spacing:-.055em;margin:0 0 32px}.jh-prose{font-size:17px}.jh-prose h2{font-size:31px;letter-spacing:-.04em;margin-top:46px}.jh-prose img{border-radius:14px}.jh-case-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;padding:23px;background:var(--soft);border-radius:16px;margin:24px 0}.jh-case-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0}.jh-case-gallery img{width:100%;border-radius:14px}.jh-tax-desc{max-width:820px;color:var(--muted);margin-bottom:32px}.jh-empty{display:grid;grid-template-columns:330px 1fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:20px}.jh-empty img{width:100%;height:210px;object-fit:cover;border-radius:12px}
/* Manager */
.jh-manager-shell{padding:46px 0 100px;background:#f3f6f5;min-height:75vh}.jh-manager-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:18px}.jh-manager-panel h1,.jh-manager-panel h2,.jh-manager-panel h3{letter-spacing:-.04em}.jh-manager-panel h1{font-size:34px;margin-top:0}.jh-help{padding:14px;background:var(--soft);border-radius:10px;color:var(--muted);font-size:14px;margin-bottom:20px}.jh-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.jh-field{margin-bottom:16px}.jh-field label{display:block;font-weight:780;margin-bottom:6px}.jh-field input[type=text],.jh-field input[type=url],.jh-field input[type=email],.jh-field input[type=tel],.jh-field textarea,.jh-field select{width:100%;padding:11px 12px;border:1px solid #d7dfdc;border-radius:9px;background:#fff;font:inherit}.jh-field input[type=file]{max-width:100%}.jh-ok,.jh-error{padding:12px 14px;border-radius:9px;margin-bottom:16px}.jh-ok{background:#e9f8f3}.jh-error{background:#fff0f0}.jh-manager-actions{display:flex;gap:8px;flex-wrap:wrap}.jh-manager-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:8px;margin-bottom:18px}.jh-table-wrap{overflow:auto}.jh-table{width:100%;border-collapse:collapse}.jh-table th,.jh-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.jh-term-tree{display:flex;flex-wrap:wrap;gap:8px}.jh-term-tree a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none}.jh-thumb{max-width:220px;border-radius:12px;margin-top:8px}
/* Footer/mobile */
.jh-footer{background:#121817;color:#a6afac;padding:48px 0 98px;font-size:14px}.jh-footer-inner{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.jh-footer-brand{font-size:23px;color:#fff;font-weight:900;margin-bottom:10px}.jh-mobile-contact{display:none}
@media(max-width:1080px){.jh-phone{display:none}.jh-service-layout{grid-template-columns:1fr}.jh-service-side{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.jh-process{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.jh-nav{display:none;position:absolute;left:18px;right:18px;top:76px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 18px 40px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:0}.jh-nav.open{display:flex}.jh-nav>a,.jh-drop>button{padding:12px;text-align:left;width:100%}.jh-drop-menu{display:block;position:static;box-shadow:none;border:0;padding-left:12px}.jh-mobile-toggle{display:block}.jh-hero-grid{grid-template-columns:1fr}.jh-hero-copy{padding:58px 0 43px}.jh-hero-image{height:420px}.jh-hero-image:before{display:none}.jh-service-grid,.jh-case-grid,.jh-problem-grid,.jh-diagnosis-panel{grid-template-columns:repeat(2,1fr)}.jh-benefit-grid{grid-template-columns:1fr}.jh-benefit{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.jh-two-col{grid-template-columns:1fr}.jh-quote-band{grid-template-columns:1fr}.jh-quote-img{height:260px}}
@media(max-width:782px){body.admin-bar .jh-ownerbar{top:46px}}
@media(max-width:640px){.jh-wrap{width:min(var(--w),calc(100% - 28px))}.jh-header-inner{height:70px}.jh-section{padding:56px 0}.jh-hero h1{font-size:42px}.jh-hero-image{height:330px}.jh-service-grid,.jh-case-grid,.jh-problem-grid,.jh-diagnosis-panel,.jh-form-grid,.jh-case-meta,.jh-case-gallery{grid-template-columns:1fr}.jh-service-side{display:block}.jh-section-head{align-items:flex-start;flex-direction:column}.jh-process{grid-template-columns:repeat(2,1fr)}.jh-cost-list{grid-template-columns:1fr}.jh-quote-copy{padding:30px 24px}.jh-empty{grid-template-columns:1fr}.jh-manager-filter{grid-template-columns:1fr}.jh-ownerbar{height:44px}.jh-ownerbar strong{font-size:15px}.jh-ownerbar a{height:30px;font-size:13px;padding:0 8px}body.jh-owner-on{padding-top:44px}.jh-mobile-contact{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;z-index:99000;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line)}.jh-mobile-contact a{text-align:center;padding:13px 4px;text-decoration:none;font-size:14px;font-weight:850}.jh-mobile-contact a:nth-child(2){background:var(--p);color:#fff}.jh-mobile-contact a:nth-child(3){background:var(--yellow)}.jh-footer{padding-bottom:88px}}

/* Exact customer menu flow */
.jh-nav{gap:16px;font-size:14px}.jh-nav>a{white-space:nowrap}.jh-nav .jh-quote-link{padding:10px 14px!important}.jh-header-inner{gap:18px}.jh-brand-name{font-size:21px}
.jh-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.jh-about-copy h2{font-size:clamp(31px,4vw,46px);line-height:1.16;letter-spacing:-.05em;margin:0 0 17px}.jh-about-copy p{color:var(--muted);margin:0}.jh-about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.jh-about-point{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.jh-about-point strong{display:block;font-size:19px;margin-bottom:7px;letter-spacing:-.03em}.jh-about-point span{display:block;font-size:13px;color:var(--muted)}
.jh-diagnosis-tabs.six{display:flex;gap:8px;flex-wrap:wrap}.jh-diagnosis-tabs.six button{padding:10px 14px}
.jh-work-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.jh-work-filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.jh-work-filter.active{background:var(--dark);border-color:var(--dark);color:#fff}.jh-work-tag[hidden]{display:none!important}
.jh-blog-panel,.jh-location-panel,.jh-contact-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:31px}.jh-blog-panel h2,.jh-location-panel h2,.jh-contact-panel h2{font-size:clamp(29px,3.6vw,40px);letter-spacing:-.05em;line-height:1.16;margin:0 0 12px}.jh-blog-panel p,.jh-location-panel p,.jh-contact-panel p{color:var(--muted)}.jh-blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.jh-blog-card{padding:18px;background:var(--soft);border-radius:13px}.jh-blog-card strong{display:block;margin-bottom:5px}.jh-blog-card span{font-size:13px;color:var(--muted)}.jh-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.jh-info-list{display:grid;gap:10px;margin:20px 0}.jh-info-row{padding:12px 14px;background:var(--soft);border-radius:10px}.jh-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.jh-anchor-offset{scroll-margin-top:150px}
@media(max-width:1150px){.jh-nav{gap:11px;font-size:13px}.jh-brand-en{display:none}}
@media(max-width:900px){.jh-about-grid,.jh-location-grid{grid-template-columns:1fr}.jh-about-points,.jh-blog-cards{grid-template-columns:1fr}.jh-nav{gap:0;font-size:15px}.jh-nav>a{padding:12px!important}.jh-anchor-offset{scroll-margin-top:100px}}

@media(max-width:782px){
  body.admin-bar .jh-ownerbar{top:46px}
  body.admin-bar.jh-owner-on .jh-site-header{top:90px}
}
@media(max-width:760px){
  .jh-admin-dashboard-grid{grid-template-columns:1fr}
  .jh-ownerbar{height:44px;padding:0 7px}
  .jh-ownerbar strong{height:30px;font-size:13px;padding:0 7px}
  .jh-ownerbar a{height:30px;font-size:12px;padding:0 8px}
  body.jh-owner-on{padding-top:44px}
}


/* ===== 진성지엘에스물류형 메인 레이아웃 1.3 ===== */
.jh-utilitybar{
  height:32px;background:#0c355e;color:#fff;font-size:12px;font-weight:700;
  display:flex;align-items:center
}
.jh-utility-inner{display:flex;align-items:center;justify-content:space-between;height:32px}
.jh-utility-links{display:flex;gap:18px}
.jh-utility-links a{color:#fff!important;text-decoration:none!important}
body.admin-bar .jh-utilitybar{margin-top:0}
body.jh-owner-on .jh-utilitybar{margin-top:0}

.jh-site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e7edf2;z-index:9000}
body.admin-bar .jh-site-header{top:32px}
body.jh-owner-on .jh-site-header{top:48px}
body.admin-bar.jh-owner-on .jh-site-header{top:80px}
.jh-header-inner{height:86px}
.jh-brand-name{font-size:24px}
.jh-nav{gap:24px;font-size:14px}
.jh-header-cta{
  display:inline-flex;align-items:center;justify-content:center;min-width:142px;height:48px;
  padding:0 18px;background:#ff6b2b;color:#fff!important;text-decoration:none!important;
  border-radius:9px;font-weight:900;white-space:nowrap
}
.jh-header-cta:hover{background:#ea5c20;color:#fff!important}

/* full width hero */
.jh-business-hero{
  position:relative;min-height:468px;background-image:var(--jh-hero-bg);
  background-size:cover;background-position:center;overflow:hidden
}
.jh-business-overlay{
  position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,34,62,.94) 0%,rgba(5,34,62,.86) 34%,rgba(5,34,62,.38) 67%,rgba(5,34,62,.12) 100%)
}
.jh-business-hero-inner{position:relative;z-index:2;min-height:468px;display:flex;align-items:center}
.jh-business-copy{width:min(610px,54%);color:#fff;padding:60px 0 88px}
.jh-business-copy .jh-admin-section-edit{margin:0 0 16px;background:#fff;color:#142f49!important}
.jh-business-kicker{font-size:15px;font-weight:900;color:#7cc7ff;margin-bottom:13px}
.jh-business-copy h1{
  margin:0 0 20px;font-size:clamp(43px,4.8vw,65px);line-height:1.08;
  letter-spacing:-.055em;color:#fff
}
.jh-business-copy p{font-size:18px;line-height:1.75;color:#e1ecf4;max-width:560px;margin:0 0 28px}
.jh-business-actions{display:flex;gap:12px;flex-wrap:wrap}
.jh-business-btn{
  min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:14px;
  padding:0 22px;border-radius:10px;text-decoration:none!important;font-weight:900
}
.jh-business-btn.primary{background:#ff6b2b;color:#fff!important}
.jh-business-btn.secondary{background:#fff;color:#173654!important}
.jh-business-btn span{font-size:20px}

/* overlapping search */
.jh-top-search-wrap{position:relative;z-index:30;margin-top:-34px}
.jh-top-search{
  background:#fff;padding:20px 22px;border-radius:14px;box-shadow:0 15px 42px rgba(18,52,79,.16);
  display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr 130px;gap:9px;border:1px solid #e5ebf0
}
.jh-top-search select,.jh-top-search input{
  width:100%;height:48px;border:1px solid #d8e1e8;border-radius:8px;background:#fff;
  padding:0 13px;font:inherit;color:#1b3146
}
.jh-top-search input{padding:0 15px}
.jh-top-search-btn{
  border:0;border-radius:8px;background:#2060d8;color:#fff;font-weight:900;font-size:15px;cursor:pointer
}
.jh-top-search-btn:hover{background:#174eb7}

/* quick consult */
.jh-quick-consult-section{padding:45px 0 30px}
.jh-quick-consult{
  background:#17497c;color:#fff;border-radius:16px;padding:30px 32px;
  display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center;
  box-shadow:0 14px 36px rgba(19,62,105,.13)
}
.jh-quick-copy span{font-size:11px;font-weight:900;color:#ff9d58;letter-spacing:.08em}
.jh-quick-copy h2{font-size:30px;line-height:1.15;margin:6px 0 8px;letter-spacing:-.04em}
.jh-quick-copy p{margin:0;color:#d5e4f2;font-size:13px}
.jh-quick-form{display:grid;grid-template-columns:1fr 1fr 1fr 130px;gap:10px}
.jh-quick-form input,.jh-quick-form select{
  height:46px;border:0;border-radius:8px;padding:0 13px;font:inherit
}
.jh-quick-form button{
  border:0;border-radius:8px;background:#ff6b2b;color:#fff;font-weight:900;cursor:pointer
}

/* service category grid */
.jh-home-service-cats{padding-top:54px}
.jh-service-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.jh-service-cat{
  position:relative;border:1px solid #e1e7ec;background:#fff;border-radius:14px;overflow:hidden;
  transition:.2s;box-shadow:0 4px 16px rgba(18,52,79,.035)
}
.jh-service-cat:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(18,52,79,.10)}
.jh-service-cat>a:not(.jh-admin-edit-badge){display:grid;grid-template-columns:105px 1fr;text-decoration:none!important;min-height:108px}
.jh-service-cat-img{width:105px;height:108px;overflow:hidden;background:#eef2f4}
.jh-service-cat-img img{width:100%;height:100%;object-fit:cover;display:block}
.jh-service-cat strong{align-self:end;padding:17px 15px 0;font-size:17px;letter-spacing:-.03em}
.jh-service-cat span{align-self:start;padding:4px 15px 16px;color:#647488;font-size:12px}

/* owner bar positioning with utility/header */
body.jh-owner-on .jh-utilitybar{position:relative}
body.admin-bar.jh-owner-on .jh-business-hero{}

/* mobile */
@media(max-width:1050px){
  .jh-header-cta{display:none}
  .jh-top-search{grid-template-columns:1fr 1fr}
  .jh-top-search-btn{height:48px}
  .jh-quick-consult{grid-template-columns:1fr}
  .jh-quick-form{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .jh-utilitybar{display:none}
  .jh-business-copy{width:72%}
  .jh-service-cat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .jh-business-hero{min-height:520px;background-position:65% center}
  .jh-business-overlay{background:rgba(5,34,62,.79)}
  .jh-business-hero-inner{min-height:520px}
  .jh-business-copy{width:100%;padding:60px 0 90px}
  .jh-business-copy h1{font-size:43px}
  .jh-business-copy p{font-size:16px}
  .jh-top-search-wrap{margin-top:-28px}
  .jh-top-search{grid-template-columns:1fr;padding:14px}
  .jh-quick-consult-section{padding-top:32px}
  .jh-quick-consult{padding:25px 20px}
  .jh-quick-form{grid-template-columns:1fr}
  .jh-service-cat-grid{grid-template-columns:1fr}
}


/* ===== 따뜻한 시안 C 팔레트 1.4.0 ===== */
:root{
  --p:#B8613F;
  --pd:#965036;
  --ink:#34271F;
  --muted:#74685F;
  --line:#E7DDD2;
  --soft:#F7F2EA;
  --white:#FFFFFF;
  --dark:#3A2A21;
  --yellow:#D6A95E;
  --w:1220px;
  --r:16px;
  --warm-brown:#3A2A21;
  --warm-brown-2:#5B4030;
  --terracotta:#B8613F;
  --cream:#F7F2EA;
  --cream-2:#FBF8F3;
  --beige:#EADFD2;
  --sage:#7B856D;
}

/* 전체 분위기 */
body{background:#fffdf9;color:var(--ink)}
.jh-section.soft{background:var(--cream)}
.jh-section-label{color:var(--terracotta)}
.jh-btn{background:var(--terracotta);border-radius:8px}
.jh-btn:hover{background:var(--pd)}
.jh-btn.light{background:#fffdf9;color:var(--ink)!important;border-color:#D7C8BA}

/* 관리자 바는 고객용 색상과 분리 */
.jh-ownerbar{background:#1f1b18}
.jh-ownerbar strong{color:#f2c7a8}
.jh-ownerbar a:hover,.jh-ownerbar a.is-primary{background:#8f4e37}
.jh-admin-edit-badge,.jh-admin-section-edit{background:#39291f!important}
.jh-admin-edit-badge:hover,.jh-admin-section-edit:hover{background:#8f4e37!important}

/* 상단 얇은 바 */
.jh-utilitybar{
  background:#3A2A21!important;
  color:#F8EFE7!important;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.jh-utility-links a{color:#F8EFE7!important}

/* 흰색 메뉴 */
.jh-site-header{
  background:rgba(255,253,249,.98)!important;
  border-bottom:1px solid #E8DED4!important;
  box-shadow:0 2px 10px rgba(64,45,33,.035)
}
.jh-brand-name{color:#35271F}
.jh-brand-en{color:#94877D}
.jh-mark{border-color:#A76B4D!important;color:#A76B4D!important}
.jh-nav>a:hover{color:#A75C3D!important}
.jh-header-cta{
  background:#B8613F!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(184,97,63,.18)
}
.jh-header-cta:hover{background:#965036!important}

/* 메인 배너 - 따뜻한 투명 브라운 오버레이 */
.jh-business-hero{
  background-color:#EFE4D6;
  min-height:500px
}
.jh-business-overlay{
  background:
    linear-gradient(90deg,
      rgba(55,39,29,.84) 0%,
      rgba(71,49,36,.68) 30%,
      rgba(82,57,42,.27) 56%,
      rgba(82,57,42,.05) 78%,
      rgba(82,57,42,0) 100%)!important
}
.jh-business-hero-inner{min-height:500px}
.jh-business-copy{padding-top:66px;padding-bottom:92px}
.jh-business-kicker{color:#E7B999!important;letter-spacing:.015em}
.jh-business-copy h1{
  color:#FFF9F4!important;
  text-shadow:0 2px 10px rgba(43,29,21,.12)
}
.jh-business-copy p{color:#F3E8DF!important}
.jh-business-btn.primary{
  background:#B8613F!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(59,38,26,.16)
}
.jh-business-btn.primary:hover{background:#965036!important}
.jh-business-btn.secondary{
  background:#FFF9F4!important;
  color:#4B3427!important;
  border:1px solid rgba(255,255,255,.7)
}

/* 검색박스 */
.jh-top-search{
  background:#FFFDFA!important;
  border-color:#E8DDD1!important;
  box-shadow:0 18px 46px rgba(76,53,39,.13)!important
}
.jh-top-search select,.jh-top-search input{
  border-color:#E1D5C8!important;
  color:#4A382E!important;
  background:#FFFDFC!important
}
.jh-top-search-btn{
  background:#B8613F!important;
  box-shadow:0 5px 14px rgba(184,97,63,.18)
}
.jh-top-search-btn:hover{background:#965036!important}

/* 빠른 상담박스 */
.jh-quick-consult{
  background:linear-gradient(110deg,#4B3528,#6A4937)!important;
  box-shadow:0 16px 38px rgba(62,42,30,.12)!important
}
.jh-quick-copy span{color:#EDB58E!important}
.jh-quick-copy p{color:#E8DCD2!important}
.jh-quick-form input,.jh-quick-form select{
  background:#FFFDF9!important;
  color:#4C392F!important;
  border:1px solid #E2D5C9!important
}
.jh-quick-form button{
  background:#C56A45!important
}
.jh-quick-form button:hover{background:#A65336!important}

/* 서비스 카테고리 */
.jh-home-service-cats{background:#FFFDFC}
.jh-service-cat{
  border-color:#E6DBD0!important;
  box-shadow:0 5px 18px rgba(76,53,39,.045)!important;
  background:#FFFEFC!important
}
.jh-service-cat:hover{
  border-color:#CFAF9A!important;
  box-shadow:0 13px 30px rgba(76,53,39,.10)!important
}
.jh-service-cat-img{background:#F0E7DD!important}
.jh-service-cat strong{color:#3F2E25}
.jh-service-cat span{color:#8A7467}

/* 기존 아래쪽 카드와 섹션도 따뜻하게 통일 */
.jh-card{
  background:#FFFEFC!important;
  border-color:#E7DDD2!important;
  box-shadow:0 5px 18px rgba(76,53,39,.04)!important
}
.jh-card:hover{
  box-shadow:0 13px 32px rgba(76,53,39,.09)!important
}
.jh-card-img{background:#F1E9E0!important}
.jh-benefit-band{background:#4A3529!important}
.jh-benefit-icon{border-color:rgba(228,181,148,.48)!important;color:#E4B594!important}
.jh-benefit span{color:#E2D5CB!important}
.jh-diagnosis-tabs button.active{background:#B8613F!important;border-color:#B8613F!important}
.jh-diagnosis-item a{color:#A85739!important}
.jh-workbox{background:#FFFEFC!important;border-color:#E7DDD2!important}
.jh-work-search{border-color:#DCCFC2!important}
.jh-work-tag{border-color:#E2D5C8!important;background:#FFFDFC!important}
.jh-work-tag:hover{border-color:#B8613F!important;color:#A45337!important}
.jh-process-step .num{background:#B8613F!important}
.jh-location-panel,.jh-contact-panel,.jh-blog-panel,.jh-box{
  border-color:#E7DDD2!important;
  background:#FFFEFC!important
}
.jh-mobile-contact a:nth-child(2){background:#B8613F!important;color:#fff!important}
.jh-mobile-contact a:nth-child(3){background:#D9B66F!important;color:#35271F!important}
.jh-site-footer{background:#33251D!important}

/* 페이지 관리자 입력 화면도 따뜻한 뉴트럴 */
.jh-manager-shell{background:#F5F0E9!important}
.jh-manager-panel{border-color:#E4D8CC!important;background:#fffdfa!important}
.jh-help{background:#F6EFE7!important;color:#7A6659!important}

/* PC에서 배너 글자 가독성 */
@media(min-width:901px){
  .jh-business-copy{width:min(620px,54%)!important}
}
/* 모바일 */
@media(max-width:900px){
  .jh-business-overlay{
    background:rgba(57,40,29,.65)!important
  }
  .jh-business-copy{width:76%!important}
}
@media(max-width:640px){
  .jh-business-overlay{
    background:rgba(57,40,29,.70)!important
  }
  .jh-business-copy{width:100%!important}
  .jh-business-copy h1{font-size:42px!important}
}


/* ===== 고객용 현장사례 전체보기 1.4.1 ===== */
.jh-case-archive{background:#fffdf9}
.jh-case-archive-head{
  padding:62px 0 35px;
  background:linear-gradient(180deg,#F8F2EA 0%,#FFFDF9 100%);
  border-bottom:1px solid #E8DDD2
}
.jh-case-archive-head .jh-page-title{
  margin:5px 0 12px;
  color:#382A22
}
.jh-case-archive-head p{
  margin:0;color:#74685F;font-size:16px
}
.jh-case-admin-actions{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}

.jh-case-filter-section{
  padding:23px 0;
  background:#fff;
  border-bottom:1px solid #EEE5DC
}
.jh-case-filter{
  display:grid;
  grid-template-columns:180px 220px 1fr 150px auto;
  gap:9px;align-items:center
}
.jh-case-filter select,.jh-case-filter input{
  width:100%;height:48px;border:1px solid #DFD2C6;border-radius:9px;
  padding:0 13px;background:#FFFDFC;color:#4B382E;font:inherit
}
.jh-case-filter button{
  height:48px;border:0;border-radius:9px;background:#B8613F;color:#fff;
  font-weight:900;font-size:14px;cursor:pointer
}
.jh-case-filter button:hover{background:#965036}
.jh-case-filter-reset{
  display:inline-flex;align-items:center;justify-content:center;height:48px;
  padding:0 10px;color:#7C6659!important;font-weight:800;text-decoration:none!important;
  white-space:nowrap
}

.jh-customer-case-grid{
  grid-template-columns:repeat(3,1fr)
}
.jh-case-customer-card>a:not(.jh-admin-edit-badge){text-decoration:none!important;display:block}
.jh-case-customer-card .jh-card-img{aspect-ratio:4/3}
.jh-case-customer-card .jh-card-body{padding:19px}
.jh-case-taxline{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}
.jh-case-taxline span{
  display:inline-flex;align-items:center;min-height:25px;padding:0 9px;
  border-radius:999px;background:#F3E9DE;color:#956046;font-size:11px;font-weight:900
}
.jh-case-customer-card h2{
  font-size:20px;line-height:1.38;letter-spacing:-.035em;margin:0 0 9px;color:#362920
}
.jh-case-area{font-size:13px!important;color:#8A776B!important;margin:0 0 5px!important}
.jh-case-work{
  font-size:14px!important;color:#6E625B!important;margin:0!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.jh-case-more{
  display:block;margin-top:15px;color:#A75A3C;font-size:13px;font-weight:900
}

.jh-case-pagination{margin-top:35px}
.jh-case-pagination .page-numbers{
  list-style:none;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:0;margin:0
}
.jh-case-pagination .page-numbers li{margin:0}
.jh-case-pagination a,.jh-case-pagination span{
  display:inline-flex;align-items:center;justify-content:center;min-width:39px;height:39px;
  padding:0 10px;border:1px solid #E0D3C8;border-radius:8px;text-decoration:none!important;color:#5B473C
}
.jh-case-pagination .current{background:#B8613F;border-color:#B8613F;color:#fff}

.jh-case-empty{
  display:grid;grid-template-columns:340px 1fr;gap:30px;align-items:center;
  padding:25px;border:1px solid #E5D8CC;border-radius:17px;background:#FFFEFC
}
.jh-case-empty img{width:100%;height:220px;object-fit:cover;border-radius:12px}
.jh-case-empty h2{font-size:27px;margin:0 0 8px;letter-spacing:-.04em}
.jh-case-empty p{color:#74685F;margin:0 0 18px}

@media(max-width:900px){
  .jh-case-filter{grid-template-columns:1fr 1fr}
  .jh-customer-case-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .jh-case-filter{grid-template-columns:1fr}
  .jh-customer-case-grid{grid-template-columns:1fr}
  .jh-case-empty{grid-template-columns:1fr}
}


/* ===== 검색엔진 등록 관리자 1.4.2 ===== */
.jh-search-engine-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:18px 0
}
.jh-search-engine-card{
  border:1px solid #E4D7CB;
  background:#FFFDFC;
  border-radius:14px;
  padding:20px
}
.jh-search-engine-card h2{
  margin:0 0 6px;
  font-size:20px;
  letter-spacing:-.035em
}
.jh-search-engine-card p{
  margin:0 0 15px;
  color:#77675D;
  font-size:13px
}
.jh-seo-status{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900
}
.jh-seo-status.ok{background:#E7F5ED;color:#23724A}
.jh-seo-status.wait{background:#F4EEE7;color:#8A6C59}
.jh-search-info-panel{margin-top:18px!important}
.jh-search-url-list{
  display:grid;
  gap:10px
}
.jh-search-url-list>div{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:10px;
  align-items:center;
  padding:11px 13px;
  background:#F8F2EB;
  border-radius:9px
}
.jh-search-url-list code{
  display:block;
  overflow-wrap:anywhere;
  color:#6C4D3B
}
.jh-public-ok{background:#EAF7EF!important;color:#276742!important}
.jh-public-blocked{background:#FFF3E5!important;color:#8A5930!important}

@media(max-width:900px){
  .jh-search-engine-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .jh-search-url-list>div{grid-template-columns:1fr}
}


/* ===== 현장사례 간편 지역선택 1.4.3 ===== */
.jh-easy-help{
  font-size:15px!important;
  line-height:1.75!important;
  border-left:4px solid #B8613F
}
.jh-case-simple-section{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:18px;
  padding:24px 0;
  border-bottom:1px solid #E9DED4
}
.jh-case-simple-num{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  background:#B8613F;color:#fff;
  font-size:18px;font-weight:900
}
.jh-case-simple-content h2{
  margin:3px 0 6px;
  font-size:22px;
  letter-spacing:-.035em
}
.jh-case-simple-content>p{
  margin:0 0 15px;color:#77675D;font-size:14px
}
.jh-address-picker-row{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:9px
}
.jh-address-search-btn{
  height:50px;border:0;border-radius:9px;
  background:#3A2A21;color:#fff;
  font-weight:900;font-size:15px;
  cursor:pointer
}
.jh-address-search-btn:hover{background:#B8613F}
.jh-address-picker-row input{
  height:50px!important;
  background:#FFF8F1!important;
  border-color:#DCCABD!important;
  font-weight:800;
  color:#49362B!important
}
.jh-location-chips{
  display:flex;flex-wrap:wrap;gap:7px;margin-top:10px
}
.jh-location-chips[hidden]{display:none}
.jh-location-chips span{
  display:inline-flex;align-items:center;min-height:30px;padding:0 11px;
  border-radius:999px;background:#F3E7DB;color:#8D583F;
  font-size:12px;font-weight:900
}
.jh-simple-service select{
  max-width:560px;
  height:50px!important;
  font-weight:800
}
.jh-field label small{
  margin-left:5px;color:#8B7A6F;font-weight:500
}
.jh-case-seo-details{
  margin-top:22px;
  border:1px solid #E4D7CB;
  border-radius:12px;
  background:#FFFEFC;
  overflow:hidden
}
.jh-case-seo-details summary{
  padding:16px 18px;
  cursor:pointer;
  font-weight:900;
  color:#5C4537
}
.jh-case-seo-inner{
  padding:0 18px 18px
}
.jh-auto-url-preview{
  padding:13px 14px;background:#F7F0E8;border-radius:9px;
  display:grid;gap:4px;margin-bottom:15px
}
.jh-auto-url-preview code{overflow-wrap:anywhere;color:#7B513D}
.jh-case-savebar{
  display:flex;justify-content:flex-end;
  margin-top:22px
}
.jh-case-savebtn{
  min-width:190px;
  min-height:52px!important;
  font-size:16px!important
}
.jh-region-hint{color:#7D6C61;font-size:14px}
.jh-advanced-term-add{
  margin:18px 0;
  color:#6A5346
}
.jh-advanced-term-add>summary{
  cursor:pointer;font-size:13px;font-weight:800
}

@media(max-width:640px){
  .jh-case-simple-section{grid-template-columns:1fr;gap:8px}
  .jh-case-simple-num{width:36px;height:36px}
  .jh-address-picker-row{grid-template-columns:1fr}
  .jh-case-savebar{justify-content:stretch}
  .jh-case-savebtn{width:100%}
}


/* ===== 현장사례 블로그형 제목 SEO 1.4.4 ===== */
.jh-title-guide{
  margin-top:8px;
  padding:10px 12px;
  border-radius:8px;
  background:#F8F1E9;
  color:#705647;
  font-size:12px;
  line-height:1.6
}
.jh-title-guide strong{margin-right:5px}
.jh-title-guide code{
  display:inline;
  color:#9B5339;
  font-weight:800;
  overflow-wrap:anywhere
}


/* ===== 현장사례 작업내용·사진 입력 확대 1.4.5 ===== */
.jh-case-content-field{
  margin-top:22px!important
}
.jh-case-content-field>label{
  font-size:17px!important;
  margin-bottom:10px!important
}
.jh-case-content-field .wp-editor-wrap{
  border:1px solid #DCCFC3;
  border-radius:10px;
  overflow:hidden;
  background:#fff
}
.jh-case-content-field .wp-editor-container{
  border:0!important
}
.jh-case-content-field textarea.wp-editor-area{
  min-height:520px!important;
  font-size:16px!important;
  line-height:1.8!important;
  padding:18px!important
}
.jh-case-content-field .mce-edit-area iframe{
  min-height:520px!important
}

.jh-case-photo-title{
  margin:34px 0 14px
}
.jh-case-photo-title h3{
  margin:0 0 5px;
  font-size:21px;
  letter-spacing:-.035em
}
.jh-case-photo-title p{
  margin:0;
  color:#78685D;
  font-size:14px
}

.jh-upload-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px
}
.jh-upload-box{
  min-height:210px;
  border:2px dashed #D7C6B9;
  border-radius:14px;
  background:#FFF9F3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:25px 20px;
  cursor:pointer;
  transition:.18s
}
.jh-upload-box:hover{
  border-color:#B8613F;
  background:#FFF4EA;
  transform:translateY(-1px)
}
.jh-upload-icon{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:11px;
  background:#B8613F;
  color:#fff;
  font-size:28px;
  line-height:1
}
.jh-upload-box strong{
  display:block;
  font-size:18px;
  margin-bottom:5px;
  color:#47342A
}
.jh-upload-box>span:not(.jh-upload-icon){
  display:block;
  max-width:330px;
  color:#837166;
  font-size:13px;
  line-height:1.55
}
.jh-upload-box input[type=file]{
  width:100%;
  max-width:360px;
  margin-top:16px;
  padding:11px;
  border:1px solid #D8C9BD;
  border-radius:8px;
  background:#fff;
  cursor:pointer
}
.jh-upload-box input[type=file]::file-selector-button{
  border:0;
  border-radius:7px;
  background:#4A3529;
  color:#fff;
  font-weight:800;
  padding:9px 12px;
  margin-right:10px;
  cursor:pointer
}
.jh-upload-box input[type=file]::file-selector-button:hover{
  background:#B8613F
}
.jh-upload-box-multi{
  background:#F9F6F0
}

/* 편집 화면 전체 폭도 조금 더 여유롭게 */
.jh-manager-shell .jh-wrap{
  width:min(1280px,calc(100% - 36px))
}
.jh-manager-panel{
  padding:30px!important
}

/* 모바일 */
@media(max-width:760px){
  .jh-case-content-field textarea.wp-editor-area,
  .jh-case-content-field .mce-edit-area iframe{
    min-height:400px!important
  }
  .jh-upload-grid{
    grid-template-columns:1fr
  }
  .jh-upload-box{
    min-height:180px
  }
  .jh-manager-panel{
    padding:18px!important
  }
}


/* ===== 현장사례 기본 입력칸 확대 1.4.6 ===== */

/* type 속성이 없는 기본 input까지 전부 동일한 크기로 적용 */
.jh-manager-panel .jh-field input:not([type="checkbox"]):not([type="radio"]),
.jh-manager-panel .jh-field textarea,
.jh-manager-panel .jh-field select{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid #D8C9BD!important;
  border-radius:9px!important;
  background:#FFF!important;
  color:#46352C!important;
  font-family:inherit!important;
  font-size:16px!important;
  line-height:1.55!important;
  padding:13px 15px!important;
}

.jh-manager-panel .jh-field input:not([type="checkbox"]):not([type="radio"]),
.jh-manager-panel .jh-field select{
  min-height:52px!important;
}

.jh-manager-panel .jh-field textarea{
  min-height:118px!important;
  resize:vertical!important;
}

/* 제목은 더 크게 */
.jh-manager-panel input[name="title"]{
  min-height:58px!important;
  font-size:18px!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
}

/* 작업 전 증상 / 작업요약 넉넉하게 */
.jh-manager-panel textarea[name="issue"],
.jh-manager-panel textarea[name="work"]{
  min-height:132px!important;
}

/* 작업시간은 입력량이 짧으므로 같은 칸 안에서도 충분히 크게 */
.jh-case-info-grid{
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr)!important;
  align-items:start!important;
}

/* 라벨도 조금 크게 */
.jh-case-simple-content .jh-field>label{
  font-size:16px!important;
  margin-bottom:8px!important;
}

/* placeholder 가독성 */
.jh-manager-panel input::placeholder,
.jh-manager-panel textarea::placeholder{
  color:#A08F84!important;
  opacity:1!important;
}

@media(max-width:760px){
  .jh-case-info-grid{
    grid-template-columns:1fr!important;
  }
  .jh-manager-panel .jh-field input:not([type="checkbox"]):not([type="radio"]),
  .jh-manager-panel .jh-field select{
    min-height:50px!important;
    font-size:15px!important;
  }
  .jh-manager-panel textarea[name="issue"],
  .jh-manager-panel textarea[name="work"]{
    min-height:120px!important;
  }
}


/* ===== 현장사례 블로그형 단순 작성 1.4.7 ===== */
.jh-case-simple-content>p{
  max-width:850px
}
.jh-case-content-field{
  margin-top:26px!important
}
.jh-case-content-field .wp-editor-wrap{
  box-shadow:0 5px 18px rgba(76,53,39,.04)
}
.jh-case-content-field textarea.wp-editor-area{
  min-height:580px!important
}
.jh-case-content-field .mce-edit-area iframe{
  min-height:580px!important
}
.jh-case-photo-title{
  padding-top:8px
}
.jh-case-work{
  min-height:44px
}

@media(max-width:760px){
  .jh-case-content-field textarea.wp-editor-area,
  .jh-case-content-field .mce-edit-area iframe{
    min-height:440px!important
  }
}


/* ===== 현장사례 단순 편집기 1.5.2 ===== */
.jh-simple-editor{
  border:1px solid #D8C9BD;
  border-radius:11px;
  overflow:hidden;
  background:#fff;
}
.jh-simple-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  padding:9px 10px;
  background:#F8F2EB;
  border-bottom:1px solid #DED1C5;
}
.jh-simple-toolbar select,
.jh-simple-toolbar button,
.jh-simple-color{
  height:38px;
  border:1px solid #D8C9BD;
  border-radius:7px;
  background:#FFFDFC;
  color:#4A372D;
  font-family:inherit;
  font-size:13px;
  font-weight:750;
}
.jh-simple-toolbar select{padding:0 9px;min-width:88px}
.jh-simple-toolbar button{padding:0 10px;cursor:pointer}
.jh-simple-toolbar button:hover{border-color:#B8613F;color:#A55236}
.jh-simple-color{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 8px;
}
.jh-simple-color input[type=color]{
  width:24px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.jh-simple-editor-body{
  min-height:540px;
  padding:22px 24px;
  outline:0;
  font-size:17px;
  line-height:1.8;
  color:#3F3028;
  background:#fff;
  overflow-wrap:anywhere;
}
.jh-simple-editor-body:empty:before{
  content:"여기에 상세 작업내용을 작성하세요.";
  color:#A99B91;
}
.jh-simple-editor-body p{margin:0 0 18px}
.jh-simple-editor-body h2{font-size:28px;margin:30px 0 14px}

@media(max-width:760px){
  .jh-simple-toolbar select{min-width:calc(50% - 4px)}
  .jh-simple-editor-body{
    min-height:400px;
    padding:18px 16px;
    font-size:16px;
  }
}


/* ===== UploadGuard 클린형 - WordPress 기본 미디어 라이브러리 ===== */
.jh-native-photo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px
}
.jh-media-picker-field{
  padding:20px!important;
  border:1px solid #E2D4C8;
  border-radius:13px;
  background:#FFF9F3
}
.jh-native-media-preview{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-height:96px;
  margin:8px 0 13px;
  padding:9px;
  border:1px dashed #D6C3B5;
  border-radius:10px;
  background:#fff
}
.jh-native-media-preview:empty:before{
  content:"아직 선택한 사진이 없습니다.";
  color:#9B8A80;
  font-size:13px;
  align-self:center
}
.jh-native-media-thumb{
  width:100px;
  height:80px;
  display:block;
  overflow:hidden;
  border-radius:8px;
  background:#EFE7E0
}
.jh-native-media-thumb img{
  width:100%;
  height:100%;
  object-fit:cover
}
.jh-media-picker-field small{
  display:block;
  margin-top:8px;
  color:#88766A
}
.jh-quote-photo-note{
  padding:14px;
  border-radius:9px;
  background:#F8F1E9
}
.jh-quote-photo-note p{
  margin:4px 0 0;
  color:#746358
}
@media(max-width:760px){
  .jh-native-photo-grid{grid-template-columns:1fr}
}


/* ===== 진성지엘에스형 상세 작업내용 편집기 1.5.4 ===== */
.jh-jinsung-editor{
  border:1px solid #D5C8BD;
  border-radius:11px;
  overflow:hidden;
  background:#fff;
}

.jh-jinsung-toolbar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  padding:9px 10px;
  background:#F4F6F8;
  border-bottom:1px solid #D6DDE3;
}

.jh-tool-btn,
.jh-tool-select{
  height:38px;
  border:1px solid #C8D1D8;
  border-radius:5px;
  background:#fff;
  color:#20354A;
  font-family:inherit;
  font-size:13px;
  font-weight:800;
}

.jh-tool-btn{
  padding:0 10px;
  cursor:pointer;
}

.jh-tool-select{
  min-width:98px;
  padding:0 8px;
}

.jh-tool-btn:hover,
.jh-tool-select:hover{
  border-color:#8EA3B5;
  background:#F9FBFD;
}

.jh-photo-tool{
  color:#1265C4;
  border-color:#7CAEE2;
}

.jh-color-circle{
  width:30px;
  height:30px;
  border-radius:50%;
  display:inline-flex;
  cursor:pointer;
  border:2px solid transparent;
}

.jh-color-circle input{
  display:none!important;
}

.jh-color-navy{background:#203B5A}
.jh-color-blue{background:#2366D1}
.jh-color-orange{background:#FF6A21}
.jh-color-red{background:#E63324}

.jh-color-circle:hover{
  outline:2px solid #AFC0CD;
  outline-offset:2px;
}

.jh-jinsung-editor-body{
  min-height:560px;
  padding:24px 26px;
  outline:0;
  background:#fff;
  color:#3F3028;
  font-size:17px;
  line-height:1.8;
  overflow-wrap:anywhere;
}

.jh-jinsung-editor-body:empty:before{
  content:"여기에 현장사례의 상세 작업내용을 작성하세요.";
  color:#A6AEB6;
}

.jh-jinsung-editor-body p{
  margin:0 0 18px;
}

.jh-jinsung-editor-body h2{
  margin:30px 0 14px;
  font-size:28px;
  line-height:1.45;
}

.jh-jinsung-editor-body img{
  display:block;
  max-width:100%;
  height:auto;
  margin:18px auto;
  border-radius:10px;
}

@media(max-width:760px){
  .jh-jinsung-toolbar{
    align-items:stretch;
  }
  .jh-tool-select{
    min-width:calc(50% - 4px);
  }
  .jh-jinsung-editor-body{
    min-height:420px;
    padding:18px 16px;
    font-size:16px;
  }
}


/* ===== WordPress 미디어 라이브러리 팝업 충돌 수정 1.5.5 =====
   지니홈수리 관리자바가 미디어 팝업 제목/닫기 버튼을 가리지 않도록
   WordPress 코어 미디어 모달을 가장 위 레이어로 올립니다.
*/
.media-modal-backdrop{
  z-index:1999998!important;
}
.media-modal{
  z-index:1999999!important;
}
.media-modal .media-modal-content,
.media-modal .media-frame,
.media-modal .media-frame-title,
.media-modal .media-frame-router,
.media-modal .media-frame-content,
.media-modal .media-frame-toolbar{
  z-index:auto;
}
.media-modal .media-modal-close{
  z-index:2000000!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


/* ===== 관리자모드를 고객용 헤더 안으로 이동 1.5.6 ===== */

/* 예전 별도 관리자바는 사용하지 않음 */
.jh-ownerbar{display:none!important}
body.jh-owner-on{padding-top:0!important}

/* 로그인 시에도 고객용 헤더는 WordPress 기본 관리자바 높이만 고려 */
body.admin-bar .jh-site-header{top:32px!important}
body.admin-bar.jh-owner-on .jh-site-header{top:32px!important}

/* 고객용 상단 메뉴 안의 관리자 메뉴 */
.jh-header-admin-menu{
  position:relative;
  margin:0;
  padding:0;
}
.jh-header-admin-menu>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 11px;
  border-radius:7px;
  background:#3A2A21;
  color:#fff;
  cursor:pointer;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  user-select:none;
}
.jh-header-admin-menu>summary::-webkit-details-marker{
  display:none
}
.jh-header-admin-menu>summary:hover,
.jh-header-admin-menu[open]>summary{
  background:#B8613F;
}
.jh-header-admin-dropdown{
  position:absolute;
  z-index:10050;
  top:46px;
  left:50%;
  transform:translateX(-50%);
  width:190px;
  padding:8px;
  border:1px solid #E2D4C8;
  border-radius:11px;
  background:#FFFDFC;
  box-shadow:0 16px 38px rgba(58,42,33,.17);
}
.jh-header-admin-dropdown:before{
  content:"";
  position:absolute;
  top:-6px;
  left:50%;
  width:11px;
  height:11px;
  transform:translateX(-50%) rotate(45deg);
  background:#FFFDFC;
  border-left:1px solid #E2D4C8;
  border-top:1px solid #E2D4C8;
}
.jh-header-admin-dropdown a{
  position:relative;
  display:block;
  padding:10px 11px;
  border-radius:7px;
  color:#49362B!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:800;
  text-align:left;
}
.jh-header-admin-dropdown a:hover{
  background:#F6EEE6;
  color:#A55236!important;
}
.jh-header-admin-dropdown a.is-primary{
  background:#B8613F;
  color:#fff!important;
}
.jh-header-admin-dropdown a.is-primary:hover{
  background:#965036;
  color:#fff!important;
}

/* 화면이 좁아지면 고객용 메뉴 안에서 자연스럽게 표시 */
@media(max-width:900px){
  .jh-header-admin-menu{
    width:100%;
  }
  .jh-header-admin-menu>summary{
    justify-content:flex-start;
    width:100%;
    min-height:44px;
    padding:0 12px;
  }
  .jh-header-admin-dropdown{
    position:static;
    transform:none;
    width:100%;
    margin-top:5px;
    box-shadow:none;
    border-radius:8px;
  }
  .jh-header-admin-dropdown:before{
    display:none;
  }
}

/* WordPress 모바일 관리자바 높이 */
@media(max-width:782px){
  body.admin-bar .jh-site-header,
  body.admin-bar.jh-owner-on .jh-site-header{
    top:46px!important;
  }
}


/* ===== 관리자모드를 맨 위 유틸리티바로 이동 1.5.7 ===== */

/* 메인 메뉴의 이전 관리자모드 스타일은 더 이상 사용하지 않음 */
.jh-header-admin-menu{display:none!important}

/* 유틸리티바 링크 정렬 */
.jh-utility-links{
  display:flex;
  align-items:center;
  gap:16px;
  height:100%;
}
.jh-utility-links>a{
  display:inline-flex;
  align-items:center;
  height:100%;
}

/* 관리자 전용 상단 메뉴 */
.jh-utility-admin-menu{
  position:relative;
  margin:0;
  padding:0;
  height:100%;
  display:flex;
  align-items:center;
}
.jh-utility-admin-menu>summary{
  list-style:none;
  display:inline-flex;
  align-items:center;
  height:26px;
  padding:0 8px;
  border-radius:5px;
  background:#B8613F;
  color:#fff;
  cursor:pointer;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  user-select:none;
}
.jh-utility-admin-menu>summary::-webkit-details-marker{
  display:none
}
.jh-utility-admin-menu>summary:hover,
.jh-utility-admin-menu[open]>summary{
  background:#965036;
}

.jh-utility-admin-dropdown{
  position:absolute;
  z-index:10060;
  top:30px;
  right:0;
  width:190px;
  padding:8px;
  border:1px solid #E2D4C8;
  border-radius:10px;
  background:#FFFDFC;
  box-shadow:0 16px 38px rgba(58,42,33,.18);
}
.jh-utility-admin-dropdown:before{
  content:"";
  position:absolute;
  top:-5px;
  right:18px;
  width:10px;
  height:10px;
  transform:rotate(45deg);
  background:#FFFDFC;
  border-left:1px solid #E2D4C8;
  border-top:1px solid #E2D4C8;
}
.jh-utility-admin-dropdown a{
  display:block!important;
  height:auto!important;
  padding:9px 10px;
  border-radius:7px;
  color:#49362B!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}
.jh-utility-admin-dropdown a:hover{
  background:#F6EEE6;
  color:#A55236!important;
}
.jh-utility-admin-dropdown a.is-primary{
  background:#B8613F;
  color:#fff!important;
}
.jh-utility-admin-dropdown a.is-primary:hover{
  background:#965036;
  color:#fff!important;
}

/* 유틸리티바가 숨겨지는 모바일에서는 관리자 메뉴를 메인 네비게이션에 다시 노출하지 않음.
   모바일에서 관리자 기능이 필요하면 WP관리자 또는 직접 관리 URL 사용. */
@media(max-width:900px){
  .jh-utility-admin-menu{display:none}
}


/* ===== 관리자 드롭다운 버튼 통일 1.5.8 ===== */
.jh-utility-admin-dropdown a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 11px!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#49362B!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.jh-utility-admin-dropdown a+a{
  margin-top:2px!important;
}
.jh-utility-admin-dropdown a:hover{
  background:#F6EEE6!important;
  color:#A55236!important;
}
/* 이전 is-primary 강조 스타일이 남아 있어도 동일하게 보이게 */
.jh-utility-admin-dropdown a.is-primary,
.jh-utility-admin-dropdown a.is-primary:hover{
  background:transparent!important;
  color:#49362B!important;
}


/* ===== 그레이 + 세이지 그린 컬러 테마 1.5.9 ===== */
:root{
  --p:#667C70;
  --pd:#4F645A;
  --ink:#2E3632;
  --muted:#6F7974;
  --line:#DDE4DF;
  --soft:#F2F5F3;
  --white:#FFFFFF;
  --dark:#35443D;
  --yellow:#A8B4AB;
  --w:1220px;
  --r:16px;

  --gray-green-dark:#34453E;
  --gray-green:#667C70;
  --gray-green-light:#94A399;
  --sage:#7D9084;
  --sage-soft:#E8EDE9;
  --cool-gray:#E3E7E4;
  --off-white:#F8FAF8;
}

/* 전체 배경 / 글자 */
body{
  background:#F8FAF8!important;
  color:#2E3632!important;
}
.jh-section.soft{
  background:#EEF2EF!important;
}
.jh-section-label{
  color:#62786D!important;
}

/* 상단 얇은 바 */
.jh-utilitybar{
  background:#34453E!important;
  color:#F3F6F4!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.jh-utility-links>a{
  color:#F3F6F4!important;
}

/* 관리자모드 버튼 */
.jh-utility-admin-menu>summary{
  background:#667C70!important;
  color:#fff!important;
}
.jh-utility-admin-menu>summary:hover,
.jh-utility-admin-menu[open]>summary{
  background:#4F645A!important;
}
.jh-utility-admin-dropdown{
  background:#FAFCFA!important;
  border-color:#DCE4DF!important;
}
.jh-utility-admin-dropdown a{
  color:#34413B!important;
}
.jh-utility-admin-dropdown a:hover{
  background:#EAF0EC!important;
  color:#50675B!important;
}

/* 메인 헤더 */
.jh-site-header{
  background:rgba(250,252,250,.98)!important;
  border-bottom:1px solid #DDE4DF!important;
}
.jh-brand-name{
  color:#2F3A35!important;
}
.jh-brand-en{
  color:#87928C!important;
}
.jh-mark{
  border-color:#667C70!important;
  color:#667C70!important;
}
.jh-nav>a:hover{
  color:#667C70!important;
}
.jh-header-cta{
  background:#667C70!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(76,98,87,.16)!important;
}
.jh-header-cta:hover{
  background:#4F645A!important;
}

/* 메인 배너 */
.jh-business-hero{
  background-color:#E7ECE8!important;
}
.jh-business-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(44,58,52,.86) 0%,
      rgba(56,73,65,.70) 30%,
      rgba(73,92,83,.30) 56%,
      rgba(73,92,83,.07) 78%,
      rgba(73,92,83,0) 100%
    )!important;
}
.jh-business-kicker{
  color:#B8C7BE!important;
}
.jh-business-copy h1{
  color:#FAFCFA!important;
}
.jh-business-copy p{
  color:#E6ECE8!important;
}
.jh-business-btn.primary{
  background:#667C70!important;
  color:#fff!important;
}
.jh-business-btn.primary:hover{
  background:#4F645A!important;
}
.jh-business-btn.secondary{
  background:#F7F9F7!important;
  color:#34453E!important;
  border:1px solid #D9E1DC!important;
}

/* 검색 영역 */
.jh-top-search{
  background:#FBFCFB!important;
  border-color:#DDE4DF!important;
  box-shadow:0 18px 42px rgba(58,76,67,.12)!important;
}
.jh-top-search select,
.jh-top-search input{
  background:#FFFFFF!important;
  border-color:#D5DDD8!important;
  color:#34413B!important;
}
.jh-top-search-btn{
  background:#667C70!important;
}
.jh-top-search-btn:hover{
  background:#4F645A!important;
}

/* 빠른 상담 */
.jh-quick-consult{
  background:linear-gradient(110deg,#3E5048,#5C7267)!important;
  box-shadow:0 16px 38px rgba(52,69,61,.12)!important;
}
.jh-quick-copy span{
  color:#BFD0C6!important;
}
.jh-quick-copy p{
  color:#DDE6E1!important;
}
.jh-quick-form input,
.jh-quick-form select{
  background:#FAFCFA!important;
  color:#34413B!important;
  border-color:#D8E0DB!important;
}
.jh-quick-form button{
  background:#7B9084!important;
}
.jh-quick-form button:hover{
  background:#5F756A!important;
}

/* 서비스 카드 */
.jh-home-service-cats{
  background:#F8FAF8!important;
}
.jh-service-cat,
.jh-card{
  background:#FFFFFF!important;
  border-color:#DDE4DF!important;
  box-shadow:0 5px 18px rgba(58,76,67,.045)!important;
}
.jh-service-cat:hover,
.jh-card:hover{
  border-color:#A8B7AE!important;
  box-shadow:0 13px 30px rgba(58,76,67,.10)!important;
}
.jh-service-cat-img,
.jh-card-img{
  background:#E9EEEA!important;
}
.jh-service-cat strong,
.jh-card h3,
.jh-card h2{
  color:#303B36!important;
}
.jh-service-cat span,
.jh-card p{
  color:#75807A!important;
}

/* 관리자 수정 버튼 */
.jh-admin-edit-badge,
.jh-admin-section-edit{
  background:#40544B!important;
  color:#fff!important;
}
.jh-admin-edit-badge:hover,
.jh-admin-section-edit:hover{
  background:#667C70!important;
}

/* 진성형 상세 편집기 */
.jh-jinsung-toolbar{
  background:#F1F4F2!important;
  border-bottom-color:#D7DFDA!important;
}
.jh-tool-btn,
.jh-tool-select{
  background:#FFFFFF!important;
  border-color:#CFD8D3!important;
  color:#34413B!important;
}
.jh-tool-btn:hover,
.jh-tool-select:hover{
  border-color:#8EA197!important;
  background:#F7FAF8!important;
}
.jh-photo-tool{
  color:#557066!important;
  border-color:#A6B7AE!important;
}

/* 현장사례 / 지역 / 페이지 */
.jh-case-archive,
.jh-content{
  background:#F8FAF8!important;
}
.jh-case-archive-head{
  background:linear-gradient(180deg,#E9EEEA 0%,#F8FAF8 100%)!important;
  border-bottom-color:#DDE4DF!important;
}
.jh-case-filter-section{
  background:#FAFCFA!important;
  border-bottom-color:#DDE4DF!important;
}
.jh-case-filter select,
.jh-case-filter input{
  background:#FFFFFF!important;
  border-color:#D3DCD7!important;
  color:#35413C!important;
}
.jh-case-filter button{
  background:#667C70!important;
}
.jh-case-filter button:hover{
  background:#4F645A!important;
}
.jh-case-taxline span{
  background:#E8EEEA!important;
  color:#5E7569!important;
}
.jh-case-more{
  color:#5D766A!important;
}
.jh-case-pagination .current{
  background:#667C70!important;
  border-color:#667C70!important;
}

/* 관리자 편집 화면 */
.jh-manager-shell{
  background:#EEF2EF!important;
}
.jh-manager-panel{
  background:#FBFCFB!important;
  border-color:#DDE4DF!important;
}
.jh-help,
.jh-title-guide{
  background:#E9EEEA!important;
  color:#62716A!important;
}
.jh-case-simple-num{
  background:#667C70!important;
}
.jh-address-search-btn{
  background:#40544B!important;
}
.jh-address-search-btn:hover{
  background:#667C70!important;
}
.jh-location-chips span{
  background:#E8EEEA!important;
  color:#5D7468!important;
}
.jh-btn{
  background:#667C70!important;
}
.jh-btn:hover{
  background:#4F645A!important;
}
.jh-btn.light{
  background:#F9FBFA!important;
  color:#34413B!important;
  border-color:#D5DDD8!important;
}

/* 미디어 선택 영역 */
.jh-media-picker-field{
  background:#F5F8F6!important;
  border-color:#D9E1DC!important;
}
.jh-native-media-preview{
  background:#FFFFFF!important;
  border-color:#C8D4CD!important;
}

/* Footer */
.jh-site-footer{
  background:#34453E!important;
  color:#DCE5E0!important;
}

/* 모바일 하단 */
.jh-mobile-contact a:nth-child(2){
  background:#667C70!important;
  color:#fff!important;
}
.jh-mobile-contact a:nth-child(3){
  background:#AAB8B0!important;
  color:#2F3934!important;
}

/* 색상 원형 버튼도 그레이그린 톤으로 변경 */
.jh-color-navy{background:#34453E!important}
.jh-color-blue{background:#667C70!important}
.jh-color-orange{background:#94A399!important}
.jh-color-red{background:#536A60!important}

@media(max-width:640px){
  .jh-business-overlay{
    background:rgba(48,65,57,.72)!important;
  }
}


/* ===== 선명한 그린 + 차콜 컬러 1.6.0 ===== */
:root{
  --p:#4E6B5F;
  --pd:#385146;
  --ink:#222A26;
  --muted:#65706B;
  --line:#D7DEDA;
  --soft:#F4F7F5;
  --white:#FFFFFF;
  --dark:#273A32;
  --yellow:#A8B6AE;

  --deep-green:#30483E;
  --forest-green:#4E6B5F;
  --sage:#7E9588;
  --soft-green:#EDF2EF;
  --charcoal:#252D29;
  --cool-gray:#E6EBE8;
}

/* 뿌연 느낌 제거: 기본 배경을 흰색으로 */
body{
  background:#FFFFFF!important;
  color:#252D29!important;
}
.jh-section{
  background:#FFFFFF!important;
}
.jh-section.soft{
  background:#F3F6F4!important;
}
.jh-content,
.jh-case-archive{
  background:#FFFFFF!important;
}

/* 상단 얇은바 - 더 진하고 선명하게 */
.jh-utilitybar{
  background:#273A32!important;
  color:#FFFFFF!important;
  border-bottom:1px solid #1E2C27!important;
}
.jh-utility-links>a{
  color:#FFFFFF!important;
}

/* 관리자모드 */
.jh-utility-admin-menu>summary{
  background:#4E6B5F!important;
  color:#FFFFFF!important;
}
.jh-utility-admin-menu>summary:hover,
.jh-utility-admin-menu[open]>summary{
  background:#385146!important;
}
.jh-utility-admin-dropdown{
  background:#FFFFFF!important;
  border-color:#D5DDD8!important;
  box-shadow:0 14px 32px rgba(32,48,41,.18)!important;
}
.jh-utility-admin-dropdown a{
  color:#2B3933!important;
}
.jh-utility-admin-dropdown a:hover{
  background:#EDF2EF!important;
  color:#385146!important;
}

/* 헤더 - 완전 흰색 */
.jh-site-header{
  background:#FFFFFF!important;
  border-bottom:1px solid #D9E0DC!important;
  box-shadow:0 2px 8px rgba(39,58,50,.05)!important;
}
.jh-brand-name{
  color:#202A25!important;
}
.jh-brand-en{
  color:#7C8983!important;
}
.jh-mark{
  border-color:#4E6B5F!important;
  color:#4E6B5F!important;
}
.jh-nav>a{
  color:#2E3934!important;
}
.jh-nav>a:hover{
  color:#3F5D50!important;
}

/* CTA */
.jh-header-cta,
.jh-btn,
.jh-top-search-btn{
  background:#4E6B5F!important;
  color:#FFFFFF!important;
}
.jh-header-cta:hover,
.jh-btn:hover,
.jh-top-search-btn:hover{
  background:#385146!important;
}

/* 메인 배너 - 뿌연 오버레이 줄이고 대비 강화 */
.jh-business-hero{
  background-color:#DDE5E0!important;
}
.jh-business-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(28,45,38,.90) 0%,
      rgba(36,55,47,.78) 30%,
      rgba(51,72,63,.30) 57%,
      rgba(51,72,63,.05) 78%,
      rgba(51,72,63,0) 100%
    )!important;
}
.jh-business-kicker{
  color:#C5D4CC!important;
}
.jh-business-copy h1{
  color:#FFFFFF!important;
  text-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}
.jh-business-copy p{
  color:#EEF4F0!important;
}
.jh-business-btn.primary{
  background:#4E6B5F!important;
}
.jh-business-btn.primary:hover{
  background:#385146!important;
}
.jh-business-btn.secondary{
  background:#FFFFFF!important;
  color:#2B4037!important;
  border-color:#D9E1DD!important;
}

/* 검색박스 - 흰색, 그림자 선명 */
.jh-top-search{
  background:#FFFFFF!important;
  border:1px solid #D5DDD8!important;
  box-shadow:0 14px 32px rgba(39,58,50,.14)!important;
}
.jh-top-search select,
.jh-top-search input{
  background:#FFFFFF!important;
  color:#2E3934!important;
  border-color:#CDD7D1!important;
}

/* 빠른상담 - 단색에 가깝게 */
.jh-quick-consult{
  background:#344B41!important;
  box-shadow:0 12px 28px rgba(37,54,47,.14)!important;
}
.jh-quick-copy span{
  color:#BFD1C7!important;
}
.jh-quick-copy p{
  color:#E3ECE7!important;
}
.jh-quick-form input,
.jh-quick-form select{
  background:#FFFFFF!important;
  border:1px solid #D3DDD7!important;
  color:#2B3933!important;
}
.jh-quick-form button{
  background:#6E897B!important;
}
.jh-quick-form button:hover{
  background:#587365!important;
}

/* 카드 - 흰 배경 + 선명한 테두리 */
.jh-service-cat,
.jh-card,
.jh-box,
.jh-blog-panel,
.jh-location-panel,
.jh-contact-panel{
  background:#FFFFFF!important;
  border-color:#D7DEDA!important;
  box-shadow:0 4px 14px rgba(40,58,50,.05)!important;
}
.jh-service-cat:hover,
.jh-card:hover{
  border-color:#9FB0A7!important;
  box-shadow:0 10px 26px rgba(40,58,50,.11)!important;
}
.jh-service-cat-img,
.jh-card-img{
  background:#E9EFEC!important;
}
.jh-service-cat strong,
.jh-card h2,
.jh-card h3{
  color:#26312C!important;
}
.jh-service-cat span,
.jh-card p{
  color:#68736E!important;
}

/* 혜택 띠 */
.jh-benefit-band{
  background:#2D4037!important;
}
.jh-benefit-icon{
  border-color:rgba(183,207,194,.55)!important;
  color:#B7CFC2!important;
}
.jh-benefit span{
  color:#E1EBE6!important;
}

/* 자가진단 / 검색 */
.jh-diagnosis-tabs button.active{
  background:#4E6B5F!important;
  border-color:#4E6B5F!important;
}
.jh-diagnosis-item a,
.jh-work-tag:hover,
.jh-case-more{
  color:#3F5D50!important;
}
.jh-workbox{
  background:#FFFFFF!important;
  border-color:#D7DEDA!important;
}
.jh-work-search{
  border-color:#CBD5CF!important;
}
.jh-work-tag{
  background:#FFFFFF!important;
  border-color:#D4DDD8!important;
}

/* 현장사례 */
.jh-case-archive-head{
  background:#F3F6F4!important;
  border-bottom:1px solid #D8E0DB!important;
}
.jh-case-filter-section{
  background:#FFFFFF!important;
  border-bottom:1px solid #D8E0DB!important;
}
.jh-case-filter select,
.jh-case-filter input{
  background:#FFFFFF!important;
  border-color:#CCD6D0!important;
  color:#2E3934!important;
}
.jh-case-taxline span{
  background:#E9EFEC!important;
  color:#4F695D!important;
}
.jh-case-pagination .current{
  background:#4E6B5F!important;
  border-color:#4E6B5F!important;
}

/* 관리자 화면 */
.jh-manager-shell{
  background:#EEF2EF!important;
}
.jh-manager-panel{
  background:#FFFFFF!important;
  border-color:#D8E0DB!important;
}
.jh-help,
.jh-title-guide{
  background:#EDF2EF!important;
  color:#596A61!important;
}
.jh-case-simple-num{
  background:#4E6B5F!important;
}
.jh-address-search-btn{
  background:#2F473D!important;
}
.jh-address-search-btn:hover{
  background:#4E6B5F!important;
}
.jh-location-chips span{
  background:#E8EFEB!important;
  color:#486256!important;
}
.jh-btn.light{
  background:#FFFFFF!important;
  color:#2E3934!important;
  border-color:#CCD6D0!important;
}

/* 미디어 */
.jh-media-picker-field{
  background:#F6F9F7!important;
  border-color:#D5DED8!important;
}
.jh-native-media-preview{
  background:#FFFFFF!important;
  border-color:#C8D4CD!important;
}

/* 편집기 */
.jh-jinsung-toolbar{
  background:#F2F5F3!important;
  border-bottom:1px solid #D7DEDA!important;
}
.jh-tool-btn,
.jh-tool-select{
  background:#FFFFFF!important;
  border-color:#C9D3CD!important;
  color:#2E3D36!important;
}
.jh-tool-btn:hover,
.jh-tool-select:hover{
  border-color:#8DA096!important;
  background:#F8FAF9!important;
}
.jh-photo-tool{
  color:#3F5D50!important;
  border-color:#A3B3AA!important;
}
.jh-jinsung-editor-body{
  background:#FFFFFF!important;
}

/* footer */
.jh-site-footer{
  background:#273A32!important;
  color:#E1E8E4!important;
}

/* 모바일 상담바 */
.jh-mobile-contact{
  background:#FFFFFF!important;
  border-top-color:#D6DED9!important;
}
.jh-mobile-contact a:nth-child(2){
  background:#4E6B5F!important;
  color:#FFFFFF!important;
}
.jh-mobile-contact a:nth-child(3){
  background:#9AACA2!important;
  color:#24302A!important;
}

/* 색상 버튼도 전체 톤에 맞게 */
.jh-color-navy{background:#273A32!important}
.jh-color-blue{background:#4E6B5F!important}
.jh-color-orange{background:#7F9589!important}
.jh-color-red{background:#3A574A!important}

@media(max-width:640px){
  .jh-business-overlay{
    background:rgba(34,52,44,.76)!important;
  }
}


/* ===== 밝고 선명한 에메랄드그린 1.6.1 ===== */
:root{
  --p:#2F9468;
  --pd:#27845C;
  --ink:#252A27;
  --muted:#68716C;
  --line:#DDE8E1;
  --soft:#F6FAF7;
  --white:#FFFFFF;
  --dark:#243832;
  --fresh-green:#2F9468;
  --fresh-green-dark:#27845C;
  --fresh-green-soft:#EAF6EF;
  --charcoal-green:#243832;
}

/* 뿌연 회색감 제거 */
body,
.jh-section,
.jh-content,
.jh-case-archive{
  background:#FFFFFF!important;
  color:#252A27!important;
}
.jh-section.soft{
  background:#F6FAF7!important;
}

/* 최상단 */
.jh-utilitybar{
  background:#243832!important;
  color:#FFFFFF!important;
  border-bottom:1px solid #1B2D28!important;
}
.jh-utility-links>a{
  color:#FFFFFF!important;
}

/* 관리자모드 */
.jh-utility-admin-menu>summary{
  background:#2F9468!important;
  color:#FFFFFF!important;
}
.jh-utility-admin-menu>summary:hover,
.jh-utility-admin-menu[open]>summary{
  background:#27845C!important;
}
.jh-utility-admin-dropdown{
  background:#FFFFFF!important;
  border-color:#DDE8E1!important;
}
.jh-utility-admin-dropdown a{
  color:#26342E!important;
}
.jh-utility-admin-dropdown a:hover{
  background:#EAF6EF!important;
  color:#27845C!important;
}

/* 고객 헤더 */
.jh-site-header{
  background:#FFFFFF!important;
  border-bottom:1px solid #DDE8E1!important;
  box-shadow:0 2px 8px rgba(36,56,50,.045)!important;
}
.jh-brand-name{
  color:#222B27!important;
}
.jh-brand-en{
  color:#7A8680!important;
}
.jh-mark{
  color:#2F9468!important;
  border-color:#2F9468!important;
}
.jh-nav>a{
  color:#2C3631!important;
}
.jh-nav>a:hover{
  color:#2F9468!important;
}
.jh-header-cta{
  background:#2F9468!important;
  color:#FFFFFF!important;
}
.jh-header-cta:hover{
  background:#27845C!important;
}

/* 메인 비주얼: 사진색은 살리고 왼쪽만 딥그린 오버레이 */
.jh-business-hero{
  background-color:#EDF6F0!important;
}
.jh-business-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(23,54,43,.88) 0%,
      rgba(29,68,53,.74) 28%,
      rgba(41,88,68,.22) 55%,
      rgba(47,148,104,.03) 76%,
      rgba(47,148,104,0) 100%
    )!important;
}
.jh-business-kicker{
  color:#BEE8D0!important;
}
.jh-business-copy h1{
  color:#FFFFFF!important;
  text-shadow:0 2px 8px rgba(0,0,0,.16)!important;
}
.jh-business-copy p{
  color:#EEF8F2!important;
}
.jh-business-btn.primary{
  background:#2F9468!important;
}
.jh-business-btn.primary:hover{
  background:#27845C!important;
}
.jh-business-btn.secondary{
  background:#FFFFFF!important;
  color:#23503D!important;
  border-color:#D7E9DF!important;
}

/* 검색 */
.jh-top-search{
  background:#FFFFFF!important;
  border-color:#DDE8E1!important;
  box-shadow:0 14px 32px rgba(33,76,59,.12)!important;
}
.jh-top-search select,
.jh-top-search input{
  background:#FFFFFF!important;
  border-color:#D3E0D8!important;
  color:#2B3731!important;
}
.jh-top-search-btn{
  background:#2F9468!important;
}
.jh-top-search-btn:hover{
  background:#27845C!important;
}

/* 빠른상담 */
.jh-quick-consult{
  background:#285844!important;
  box-shadow:0 12px 28px rgba(31,75,56,.13)!important;
}
.jh-quick-copy span{
  color:#BFE6CF!important;
}
.jh-quick-copy p{
  color:#E8F5ED!important;
}
.jh-quick-form input,
.jh-quick-form select{
  background:#FFFFFF!important;
  border-color:#D5E6DC!important;
  color:#293730!important;
}
.jh-quick-form button{
  background:#2F9468!important;
}
.jh-quick-form button:hover{
  background:#27845C!important;
}

/* 카드 */
.jh-service-cat,
.jh-card,
.jh-box,
.jh-blog-panel,
.jh-location-panel,
.jh-contact-panel{
  background:#FFFFFF!important;
  border-color:#DDE8E1!important;
  box-shadow:0 4px 14px rgba(35,77,60,.045)!important;
}
.jh-service-cat:hover,
.jh-card:hover{
  border-color:#9FCAB4!important;
  box-shadow:0 10px 26px rgba(35,77,60,.10)!important;
}
.jh-service-cat-img,
.jh-card-img{
  background:#EDF5F0!important;
}
.jh-service-cat strong,
.jh-card h2,
.jh-card h3{
  color:#26312B!important;
}
.jh-service-cat span,
.jh-card p{
  color:#69756F!important;
}

/* 혜택 */
.jh-benefit-band{
  background:#243832!important;
}
.jh-benefit-icon{
  border-color:rgba(128,207,165,.55)!important;
  color:#A9DFC1!important;
}
.jh-benefit span{
  color:#E5F0EA!important;
}

/* 자가진단 / 가능작업 */
.jh-diagnosis-tabs button.active{
  background:#2F9468!important;
  border-color:#2F9468!important;
}
.jh-diagnosis-item a,
.jh-work-tag:hover,
.jh-case-more{
  color:#27845C!important;
}
.jh-workbox{
  background:#FFFFFF!important;
  border-color:#DDE8E1!important;
}
.jh-work-search,
.jh-work-tag{
  border-color:#D4E1D9!important;
}

/* 현장사례 */
.jh-case-archive-head{
  background:#F6FAF7!important;
  border-bottom-color:#DDE8E1!important;
}
.jh-case-filter-section{
  background:#FFFFFF!important;
  border-bottom-color:#DDE8E1!important;
}
.jh-case-filter select,
.jh-case-filter input{
  background:#FFFFFF!important;
  border-color:#D3E0D8!important;
  color:#2B3731!important;
}
.jh-case-filter button{
  background:#2F9468!important;
}
.jh-case-filter button:hover{
  background:#27845C!important;
}
.jh-case-taxline span{
  background:#EAF6EF!important;
  color:#277A57!important;
}
.jh-case-pagination .current{
  background:#2F9468!important;
  border-color:#2F9468!important;
}

/* 관리자 화면 */
.jh-manager-shell{
  background:#F2F7F4!important;
}
.jh-manager-panel{
  background:#FFFFFF!important;
  border-color:#DDE8E1!important;
}
.jh-help,
.jh-title-guide{
  background:#EAF6EF!important;
  color:#52685D!important;
}
.jh-case-simple-num{
  background:#2F9468!important;
}
.jh-address-search-btn{
  background:#243832!important;
}
.jh-address-search-btn:hover{
  background:#2F9468!important;
}
.jh-location-chips span{
  background:#EAF6EF!important;
  color:#277A57!important;
}
.jh-btn{
  background:#2F9468!important;
}
.jh-btn:hover{
  background:#27845C!important;
}
.jh-btn.light{
  background:#FFFFFF!important;
  color:#2A3932!important;
  border-color:#D4E1D9!important;
}

/* 미디어 */
.jh-media-picker-field{
  background:#F7FBF8!important;
  border-color:#DDE8E1!important;
}
.jh-native-media-preview{
  background:#FFFFFF!important;
  border-color:#CFE0D6!important;
}

/* 진성형 편집기 UI는 홈페이지 컬러와 분리 */
.jh-jinsung-toolbar{
  background:#F4F6F8!important;
  border-bottom-color:#D6DDE3!important;
}
.jh-tool-btn,
.jh-tool-select{
  background:#FFFFFF!important;
  border-color:#C8D1D8!important;
  color:#20354A!important;
}
.jh-tool-btn:hover,
.jh-tool-select:hover{
  border-color:#8EA3B5!important;
  background:#F9FBFD!important;
}
.jh-photo-tool{
  color:#1265C4!important;
  border-color:#7CAEE2!important;
}

/* 글씨색 선택은 홈페이지 컬러와 무관하게 고정 */
.jh-color-black{background:#111111!important}
.jh-color-navy{background:#203B5A!important}
.jh-color-blue{background:#2366D1!important}
.jh-color-orange{background:#FF6A21!important}
.jh-color-red{background:#E63324!important}
.jh-color-green{background:#248A4A!important}

/* Footer */
.jh-site-footer{
  background:#243832!important;
  color:#E4F0E9!important;
}

/* 모바일 하단 */
.jh-mobile-contact a:nth-child(2){
  background:#2F9468!important;
  color:#FFFFFF!important;
}
.jh-mobile-contact a:nth-child(3){
  background:#B5D5C4!important;
  color:#23352D!important;
}

@media(max-width:640px){
  .jh-business-overlay{
    background:rgba(23,54,43,.76)!important;
  }
}


/* ===== 고정문구 + 배경사진 페이드 슬라이드 1.6.2 ===== */
.jh-hero-slider{
  position:relative;
  overflow:hidden;
  background:#EAF6EF!important;
  background-image:none!important;
}
.jh-hero-slides{
  position:absolute;
  inset:0;
  z-index:0;
}
.jh-hero-slide{
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transform:scale(1.015);
  transition:opacity 1.05s ease, transform 5.5s ease;
  will-change:opacity,transform;
}
.jh-hero-slide.is-active{
  opacity:1;
  transform:scale(1);
}
.jh-hero-slider .jh-business-overlay{
  z-index:1;
}
.jh-hero-slider .jh-business-hero-inner{
  position:relative;
  z-index:2;
}
.jh-hero-dots{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:25px;
}
.jh-hero-dots button{
  width:8px;
  height:8px;
  min-width:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.48);
  cursor:pointer;
  transition:.2s;
}
.jh-hero-dots button.is-active{
  width:24px;
  border-radius:999px;
  background:#FFFFFF;
}
.jh-hero-dots button:hover{
  background:#FFFFFF;
}

/* 슬라이드 관리자 영역 */
.jh-slider-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-bottom:18px;
}
.jh-slider-admin-grid .jh-media-picker-field{
  margin:0!important;
}

@media(prefers-reduced-motion:reduce){
  .jh-hero-slide{
    transition:none!important;
    transform:none!important;
  }
}
@media(max-width:760px){
  .jh-slider-admin-grid{
    grid-template-columns:1fr;
  }
  .jh-hero-slide{
    background-position:60% center;
  }
}


/* ===== 주요서비스 아이콘 + 고객 서비스 상세페이지 1.6.4 ===== */

.jh-case-service-icons{
  padding:42px 0 36px;
  background:#FFFFFF;
  border-bottom:1px solid #DDE8E1;
}
.jh-case-service-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:22px;
}
.jh-case-service-head h2{
  margin:4px 0 0;
  font-size:30px;
  line-height:1.2;
  letter-spacing:-.045em;
}
.jh-case-service-head p{
  max-width:560px;
  margin:0;
  color:#69756F;
  font-size:14px;
}
.jh-service-icon-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
}
.jh-service-icon-card{
  min-height:150px;
  padding:20px 9px 16px;
  border:1px solid #DDE8E1;
  border-radius:14px;
  background:#FFFFFF;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#2D3933!important;
  text-decoration:none!important;
  transition:.2s;
}
.jh-service-icon-card:hover{
  transform:translateY(-3px);
  border-color:#7DB99B;
  box-shadow:0 10px 24px rgba(37,92,67,.10);
}
.jh-service-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin-bottom:11px;
  color:#2F9468;
}
.jh-service-icon svg,
.jh-service-large-icon svg,
.jh-service-mini-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.jh-service-icon-card strong{
  font-size:14px;
  line-height:1.35;
  letter-spacing:-.03em;
}
.jh-service-icon-card>span:last-child{
  margin-top:5px;
  color:#7A8881;
  font-size:11px;
}

/* 메인 서비스 카드 아이콘 */
.jh-service-cat>a:not(.jh-admin-edit-badge){
  position:relative;
}
.jh-service-mini-icon{
  position:absolute;
  left:86px;
  top:11px;
  width:38px;
  height:38px;
  display:grid!important;
  place-items:center;
  padding:8px!important;
  border-radius:50%;
  background:#FFFFFF;
  color:#2F9468!important;
  box-shadow:0 4px 12px rgba(25,78,55,.14);
}

/* 서비스 고객용 페이지 */
.jh-service-detail{background:#FFFFFF}
.jh-service-hero{
  padding:58px 0;
  background:linear-gradient(180deg,#F1F8F4 0%,#FFFFFF 100%);
  border-bottom:1px solid #DDE8E1;
}
.jh-service-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:54px;
  align-items:center;
}
.jh-service-large-icon{
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  color:#2F9468;
}
.jh-service-hero-copy h1{
  margin:6px 0 15px;
  font-size:clamp(38px,5vw,57px);
  line-height:1.08;
  letter-spacing:-.055em;
  color:#24332C;
}
.jh-service-hero-copy>p{
  max-width:620px;
  margin:0 0 23px;
  color:#65726C;
  font-size:17px;
  line-height:1.75;
}
.jh-service-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-bottom:18px;
}
.jh-service-hero-image img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
  border-radius:20px;
  box-shadow:0 16px 36px rgba(37,82,62,.10);
}

.jh-service-content-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:42px;
  align-items:start;
}
.jh-service-main-content h2{
  margin:5px 0 24px;
  font-size:35px;
  letter-spacing:-.045em;
}
.jh-service-checklist{
  position:sticky;
  top:125px;
  padding:25px;
  border:1px solid #DDE8E1;
  border-radius:17px;
  background:#F7FBF8;
}
.jh-service-checklist h3{
  margin:0 0 15px;
  font-size:20px;
}
.jh-service-checklist ul{
  list-style:none;
  padding:0;
  margin:0 0 14px;
}
.jh-service-checklist li{
  position:relative;
  padding:10px 0 10px 25px;
  border-bottom:1px solid #E2EBE5;
  color:#3D4B44;
  font-weight:700;
}
.jh-service-checklist li:before{
  content:"✓";
  position:absolute;
  left:2px;
  color:#2F9468;
  font-weight:900;
}
.jh-service-checklist p{
  margin:0;
  color:#78847E;
  font-size:12px;
  line-height:1.6;
}

.jh-service-related-grid{grid-template-columns:repeat(3,1fr)}
.jh-service-related-more{margin-top:25px;text-align:center}
.jh-service-case-empty{
  display:flex;
  align-items:center;
  gap:24px;
  padding:27px;
  border:1px solid #DDE8E1;
  border-radius:16px;
  background:#FFFFFF;
}
.jh-service-case-empty .jh-service-large-icon{
  width:60px;
  height:60px;
  min-width:60px;
  margin:0;
}
.jh-service-case-empty h3{margin:0 0 6px;font-size:22px}
.jh-service-case-empty p{margin:0;color:#6C7872}

.jh-service-bottom-cta{
  padding:38px 42px;
  border-radius:20px;
  background:#243832;
  color:#FFFFFF;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.jh-service-bottom-cta h2{
  margin:5px 0 9px;
  font-size:32px;
  letter-spacing:-.045em;
  color:#FFFFFF;
}
.jh-service-bottom-cta p{margin:0;color:#DDEAE3}

@media(max-width:1050px){
  .jh-service-icon-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .jh-case-service-head{display:block}
  .jh-case-service-head p{margin-top:10px}
  .jh-service-hero-grid,
  .jh-service-content-layout{grid-template-columns:1fr}
  .jh-service-checklist{position:static}
  .jh-service-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .jh-service-icon-grid{grid-template-columns:repeat(2,1fr)}
  .jh-service-icon-card{min-height:135px}
  .jh-service-related-grid{grid-template-columns:1fr}
  .jh-service-bottom-cta{
    padding:28px 23px;
    flex-direction:column;
    align-items:flex-start;
  }
}


/* ===== 서비스 → 견적문의 자동입력 1.6.5 ===== */
.jh-service-prefill-note{
  margin:7px 0 0;
  color:#2F9468;
  font-size:12px;
  line-height:1.5;
  font-weight:700;
}


/* ===== 사진 견적문의 현장사진 업로드 1.6.6 ===== */
.jh-quote-photo-field{
  margin-top:4px;
}
.jh-optional{
  display:inline-block;
  margin-left:5px;
  padding:2px 7px;
  border-radius:999px;
  background:#EDF5F0;
  color:#718079;
  font-size:11px;
  font-weight:700;
}
.jh-quote-photo-help{
  margin:7px 0 13px;
  color:#68756F;
  font-size:13px;
  line-height:1.65;
}
.jh-quote-photo-uploader{
  padding:16px;
  border:1px dashed #B8D2C4;
  border-radius:14px;
  background:#F8FCF9;
}
.jh-quote-photo-mobile-actions,
.jh-quote-photo-pc-actions{
  display:flex;
  gap:9px;
}
.jh-quote-photo-mobile-actions[hidden],
.jh-quote-photo-pc-actions[hidden]{
  display:none!important;
}
.jh-photo-select-btn{
  min-height:52px;
  padding:0 18px;
  border:1px solid #B9CEC3;
  border-radius:11px;
  background:#FFFFFF;
  color:#2A3B33;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:.18s ease;
}
.jh-photo-select-btn:hover{
  border-color:#2F9468;
  color:#277B57;
  background:#F2FAF5;
}
.jh-photo-select-btn.wide{
  width:100%;
}
.jh-photo-select-icon{
  margin-right:5px;
  color:#2F9468;
}
.jh-quote-photo-status{
  min-height:18px;
  margin-top:10px;
  color:#2F9468;
  font-size:12px;
  font-weight:700;
}
.jh-quote-photo-status.is-error{
  color:#C83E32;
}
.jh-quote-photo-preview{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  margin-top:7px;
}
.jh-quote-photo-preview:empty{
  display:none;
}
.jh-quote-photo-card{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  border:1px solid #D7E3DC;
  border-radius:11px;
  background:#FFFFFF;
}
.jh-quote-photo-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.jh-quote-photo-remove{
  position:absolute;
  top:5px;
  right:5px;
  width:27px;
  height:27px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:rgba(28,38,33,.78);
  color:#FFFFFF;
  font-size:19px;
  line-height:1;
  cursor:pointer;
}
.jh-quote-photo-remove:hover{
  background:#C83E32;
}

/* 관리자 견적문의 사진 */
.jh-quote-admin-thumbs{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:92px;
}
.jh-quote-admin-thumbs a{
  display:block;
}
.jh-quote-admin-thumbs img{
  display:block;
  width:38px;
  height:38px;
  object-fit:cover;
  border-radius:7px;
  border:1px solid #D8E2DC;
}
.jh-quote-admin-thumbs span{
  display:grid;
  place-items:center;
  min-width:30px;
  height:30px;
  padding:0 5px;
  border-radius:999px;
  background:#EDF5F0;
  color:#365246;
  font-size:11px;
  font-weight:800;
}
.jh-muted{
  color:#929C97;
  font-size:12px;
}

@media(max-width:650px){
  .jh-quote-photo-mobile-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .jh-photo-select-btn{
    min-height:56px;
    padding:0 10px;
  }
  .jh-quote-photo-preview{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* ===== 6개 주요수리 대분류 + 31개 세부작업 1.6.7 ===== */

/* 관리자 서비스 구조 */
.jh-service-manager-groups{
  display:grid;
  gap:14px;
  margin-top:20px;
}
.jh-service-manager-group{
  border:1px solid #DDE8E1;
  border-radius:16px;
  background:#FFFFFF;
  overflow:hidden;
}
.jh-service-manager-parent{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:17px 18px;
  background:#F6FAF7;
  border-bottom:1px solid #E1EBE4;
}
.jh-service-manager-parent strong{
  display:block;
  color:#26362F;
  font-size:17px;
  letter-spacing:-.03em;
}
.jh-service-manager-parent span:not(.jh-service-manager-icon){
  display:block;
  margin-top:4px;
  color:#748078;
  font-size:12px;
  line-height:1.55;
}
.jh-service-manager-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:7px;
  border-radius:12px;
  background:#FFFFFF;
  color:#2F9468;
  border:1px solid #D9E7DF;
}
.jh-service-manager-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.jh-service-manager-children{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:14px 18px 17px;
}
.jh-service-manager-children a{
  padding:8px 11px;
  border:1px solid #D5E2DA;
  border-radius:9px;
  background:#FFFFFF;
  color:#34463D;
  font-size:12px;
  font-weight:750;
  text-decoration:none!important;
}
.jh-service-manager-children a:hover{
  border-color:#79B697;
  background:#F0F8F3;
  color:#23764F;
}
.jh-service-edit-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.jh-service-edit-heading h2{
  margin:5px 0 0;
}

/* 고객용 대분류 → 세부작업 */
.jh-service-child-section{
  background:#FFFFFF;
}
.jh-service-child-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
.jh-service-child-card{
  position:relative;
  overflow:hidden;
  border:1px solid #DDE8E1;
  border-radius:17px;
  background:#FFFFFF;
  transition:.2s ease;
}
.jh-service-child-card:hover{
  transform:translateY(-3px);
  border-color:#91C3A8;
  box-shadow:0 12px 28px rgba(40,88,67,.10);
}
.jh-service-child-card>a:not(.jh-admin-edit-badge){
  display:grid;
  grid-template-columns:125px minmax(0,1fr);
  min-height:150px;
  color:inherit;
  text-decoration:none!important;
}
.jh-service-child-thumb{
  min-height:150px;
  background:#EDF5F0;
}
.jh-service-child-thumb img{
  width:100%;
  height:100%;
  min-height:150px;
  display:block;
  object-fit:cover;
}
.jh-service-child-body{
  padding:17px 16px;
  display:flex;
  flex-direction:column;
}
.jh-service-child-body h3{
  margin:0 0 8px;
  color:#26342D;
  font-size:17px;
  line-height:1.35;
  letter-spacing:-.035em;
}
.jh-service-child-body p{
  margin:0;
  color:#718079;
  font-size:12px;
  line-height:1.6;
}
.jh-service-child-body>span{
  margin-top:auto;
  padding-top:10px;
  color:#2F9468;
  font-size:12px;
  font-weight:800;
}
.jh-service-parent-link{
  display:inline-block;
  margin-bottom:15px;
  color:#2F9468!important;
  font-size:13px;
  font-weight:800;
  text-decoration:none!important;
}
.jh-service-sibling-section{
  padding:0 0 42px;
  background:#FFFFFF;
}
.jh-service-sibling-row{
  padding:18px 20px;
  border:1px solid #DDE8E1;
  border-radius:14px;
  background:#F8FBF9;
}
.jh-service-sibling-row>strong{
  display:block;
  margin-bottom:10px;
  color:#2C3A33;
}
.jh-service-sibling-row>div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.jh-service-sibling-row a{
  padding:7px 10px;
  border-radius:8px;
  background:#FFFFFF;
  border:1px solid #D5E2DA;
  color:#54645C!important;
  font-size:11px;
  font-weight:750;
  text-decoration:none!important;
}
.jh-service-sibling-row a:hover{
  color:#23764F!important;
  border-color:#8DBEA4;
}

/* 계층형 select 가독성 */
.jh-case-filter optgroup,
.jh-manager-filter optgroup,
.jh-simple-service optgroup{
  font-weight:800;
  color:#263A31;
}
.jh-case-filter option,
.jh-manager-filter option,
.jh-simple-service option{
  font-weight:500;
  color:#2E3833;
}

@media(max-width:1000px){
  .jh-service-child-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .jh-service-manager-parent{
    grid-template-columns:44px minmax(0,1fr);
  }
  .jh-service-manager-parent .jh-btn{
    grid-column:1/-1;
    width:100%;
  }
  .jh-service-edit-heading{
    display:block;
  }
  .jh-service-edit-heading .jh-btn{
    margin-top:10px;
  }
  .jh-service-child-grid{
    grid-template-columns:1fr;
  }
  .jh-service-child-card>a:not(.jh-admin-edit-badge){
    grid-template-columns:105px minmax(0,1fr);
  }
}


/* ===== 자가진단 가이드 1.6.9 ===== */

/* 메인 메뉴 항목 추가 후 데스크톱 간격 */
@media(min-width:901px){
  .jh-nav{
    gap:16px!important;
    font-size:13px!important;
  }
}

/* 메인 작은 자가진단 배너 */
.jh-diagnosis-banner-section{
  padding:0 0 58px;
  background:#FFFFFF;
}
.jh-diagnosis-banner{
  position:relative;
  display:grid;
  grid-template-columns:70px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  padding:28px 32px;
  border-radius:20px;
  background:#243832;
  box-shadow:0 16px 34px rgba(36,56,50,.12);
  overflow:hidden;
}
.jh-diagnosis-banner:after{
  content:"";
  position:absolute;
  right:-60px;
  top:-90px;
  width:230px;
  height:230px;
  border-radius:50%;
  background:rgba(47,148,104,.14);
  pointer-events:none;
}
.jh-diagnosis-banner-icon{
  width:64px;
  height:64px;
  padding:13px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#FFFFFF;
  color:#2F9468;
}
.jh-diagnosis-banner-icon svg,
.jh-diag-category-nav-icon svg,
.jh-diag-category-big-icon svg,
.jh-diag-manager-icon svg,
.jh-diag-detail-cat svg,
.jh-diag-visual-placeholder svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.jh-diagnosis-banner-copy{
  position:relative;
  z-index:1;
}
.jh-diagnosis-banner-copy .jh-section-label{
  color:#9FDBB9!important;
}
.jh-diagnosis-banner-copy h2{
  margin:4px 0 7px;
  color:#FFFFFF;
  font-size:29px;
  letter-spacing:-.045em;
}
.jh-diagnosis-banner-copy p{
  margin:0;
  color:#D9E8E0;
  line-height:1.65;
  font-size:14px;
}
.jh-diagnosis-banner>.jh-btn{
  position:relative;
  z-index:2;
  white-space:nowrap;
}

/* 공통 breadcrumb */
.jh-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:24px;
  color:#7B8881;
  font-size:12px;
}
.jh-breadcrumb a{
  color:#5E6E65!important;
  text-decoration:none!important;
}
.jh-breadcrumb strong{
  color:#2C3A33;
}

/* 자가진단 메인 */
.jh-diag-archive{
  background:#FFFFFF;
}
.jh-diag-archive-hero{
  padding:42px 0 40px;
  background:linear-gradient(180deg,#EFF8F3 0%,#F9FCFA 100%);
  border-bottom:1px solid #DDE8E1;
}
.jh-diag-archive-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
}
.jh-diag-archive-head h1{
  margin:6px 0 12px;
  color:#243832;
  font-size:clamp(38px,5vw,58px);
  line-height:1.08;
  letter-spacing:-.055em;
}
.jh-diag-archive-head p{
  max-width:760px;
  margin:0;
  color:#64736B;
  font-size:16px;
  line-height:1.75;
}
.jh-diag-safety{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:18px;
  align-items:start;
  margin-top:26px;
  padding:16px 18px;
  border:1px solid #D7E7DE;
  border-radius:13px;
  background:#FFFFFF;
}
.jh-diag-safety strong{
  color:#2F7354;
  font-size:13px;
}
.jh-diag-safety p{
  margin:0;
  color:#6B7871;
  font-size:12px;
  line-height:1.65;
}

.jh-diag-category-nav-section{
  position:sticky;
  top:82px;
  z-index:100;
  padding:14px 0;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #E3ECE6;
  backdrop-filter:blur(10px);
}
body.admin-bar .jh-diag-category-nav-section{
  top:114px;
}
.jh-diag-category-nav{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.jh-diag-category-nav a{
  min-height:75px;
  padding:10px 7px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid #DDE8E1;
  border-radius:12px;
  background:#FFFFFF;
  color:#34443B!important;
  text-decoration:none!important;
  text-align:center;
  transition:.18s;
}
.jh-diag-category-nav a:hover{
  border-color:#8ABEA3;
  background:#F2F9F5;
  color:#267A56!important;
}
.jh-diag-category-nav-icon{
  width:28px;
  height:28px;
  color:#2F9468;
}
.jh-diag-category-nav strong{
  font-size:12px;
  letter-spacing:-.025em;
}

.jh-diag-category-section{
  scroll-margin-top:190px;
}
.jh-diag-category-heading{
  display:flex;
  align-items:center;
  gap:17px;
  margin-bottom:24px;
}
.jh-diag-category-big-icon{
  width:64px;
  height:64px;
  min-width:64px;
  padding:13px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#EAF6EF;
  color:#2F9468;
}
.jh-diag-category-heading h2{
  margin:4px 0 5px;
  color:#26362E;
  font-size:32px;
  letter-spacing:-.045em;
}
.jh-diag-category-heading p{
  margin:0;
  color:#718078;
  font-size:14px;
}

.jh-diag-issue-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.jh-diag-issue-card{
  position:relative;
  border:1px solid #DDE8E1;
  border-radius:16px;
  background:#FFFFFF;
  overflow:hidden;
  transition:.18s ease;
}
.jh-diag-issue-card:hover{
  transform:translateY(-2px);
  border-color:#8EBFA5;
  box-shadow:0 10px 26px rgba(40,90,67,.08);
}
.jh-diag-issue-card>a:not(.jh-admin-edit-badge){
  display:block;
  min-height:185px;
  padding:20px;
  color:inherit;
  text-decoration:none!important;
}
.jh-diag-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.jh-diag-card-arrow{
  color:#2F9468;
  font-size:19px;
  font-weight:800;
}
.jh-diag-issue-card h3{
  margin:15px 0 9px;
  color:#25352D;
  font-size:21px;
  line-height:1.38;
  letter-spacing:-.04em;
}
.jh-diag-issue-card p{
  margin:0;
  color:#6D7A73;
  font-size:13px;
  line-height:1.65;
}
.jh-diag-related-service{
  display:inline-block;
  margin-top:13px;
  color:#2B7655;
  font-size:11px;
  font-weight:800;
}

/* 난이도 */
.jh-diag-level{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
  line-height:1;
}
.jh-diag-level.easy{
  background:#E8F6ED;
  color:#257148;
}
.jh-diag-level.caution{
  background:#FFF3D9;
  color:#96610D;
}
.jh-diag-level.pro{
  background:#FCE9E7;
  color:#A34238;
}

/* 상세 결과 */
.jh-diag-detail{
  background:#FFFFFF;
}
.jh-diag-detail-hero{
  padding:40px 0 54px;
  background:linear-gradient(180deg,#F1F8F4 0%,#FFFFFF 100%);
  border-bottom:1px solid #DDE8E1;
}
.jh-diag-detail-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:48px;
  align-items:center;
}
.jh-diag-detail-copy{
  position:relative;
}
.jh-diag-detail-cat{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:15px;
  padding:7px 10px;
  border:1px solid #D6E7DD;
  border-radius:999px;
  background:#FFFFFF;
  color:#2E7655;
  font-size:12px;
  font-weight:800;
}
.jh-diag-detail-cat>span{
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
}
.jh-diag-detail-copy h1{
  margin:7px 0 16px;
  color:#23342C;
  font-size:clamp(37px,5vw,57px);
  line-height:1.1;
  letter-spacing:-.055em;
}
.jh-diag-detail-copy>p{
  max-width:700px;
  margin:0;
  color:#66756D;
  font-size:16px;
  line-height:1.8;
}
.jh-diag-hero-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:21px;
}
.jh-diag-hero-meta>a{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:5px 10px;
  border:1px solid #D6E5DD;
  border-radius:999px;
  background:#FFFFFF;
  color:#37644F!important;
  font-size:11px;
  font-weight:800;
  text-decoration:none!important;
}
.jh-diag-detail-visual img{
  width:100%;
  aspect-ratio:4/3;
  display:block;
  object-fit:cover;
  border-radius:20px;
  box-shadow:0 16px 36px rgba(37,82,62,.10);
}
.jh-diag-visual-placeholder{
  min-height:330px;
  padding:45px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid #D6E7DD;
  border-radius:20px;
  background:#FFFFFF;
  text-align:center;
  box-shadow:0 16px 36px rgba(37,82,62,.07);
}
.jh-diag-visual-placeholder>span{
  width:90px;
  height:90px;
  padding:18px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:#EAF6EF;
  color:#2F9468;
}
.jh-diag-visual-placeholder strong{
  margin-top:18px;
  color:#293A31;
  font-size:21px;
}
.jh-diag-visual-placeholder p{
  max-width:310px;
  margin:8px 0 0;
  color:#78867E;
  font-size:12px;
  line-height:1.6;
}

.jh-diag-reading-width{
  max-width:980px!important;
}
.jh-diag-extra-section{
  padding-bottom:0!important;
}
.jh-diag-result-section{
  background:#FFFFFF;
}
.jh-diag-progress{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin-bottom:16px;
}
.jh-diag-progress span{
  padding:9px 8px;
  border-radius:8px;
  background:#F0F5F2;
  color:#7C8982;
  font-size:11px;
  font-weight:800;
  text-align:center;
}
.jh-diag-progress span.is-active{
  background:#2F9468;
  color:#FFFFFF;
}
.jh-diag-result-card{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:24px;
  margin-bottom:15px;
  padding:28px;
  border:1px solid #DDE8E1;
  border-radius:17px;
  background:#FFFFFF;
}
.jh-diag-result-card.cause{
  border-top:3px solid #2F9468;
}
.jh-diag-result-card.check{
  border-top:3px solid #6D9DC5;
}
.jh-diag-result-card.diy{
  border-top:3px solid #D5A43A;
}
.jh-diag-result-card.expert{
  border-top:3px solid #A8625A;
}
.jh-diag-result-number{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#F1F7F3;
  color:#2F9468;
  font-size:16px;
  font-weight:900;
}
.jh-diag-result-body h2{
  margin:4px 0 17px;
  color:#293830;
  font-size:28px;
  letter-spacing:-.045em;
}
.jh-diag-cause-list{
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}
.jh-diag-cause-list li{
  position:relative;
  padding:12px 14px 12px 39px;
  border-radius:10px;
  background:#F7FAF8;
  color:#435149;
  font-weight:700;
}
.jh-diag-cause-list li:before{
  content:"?";
  position:absolute;
  left:12px;
  top:10px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#DDF0E5;
  color:#24724F;
  font-size:11px;
  font-weight:900;
}
.jh-diag-result-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.jh-diag-fixed-safety{
  margin-top:18px;
  padding:14px 16px;
  border-left:4px solid #D39A30;
  border-radius:8px;
  background:#FFF8E8;
}
.jh-diag-fixed-safety strong{
  color:#7C5410;
}
.jh-diag-fixed-safety p{
  margin:5px 0 0;
  color:#796A4F;
  font-size:12px;
  line-height:1.65;
}

.jh-diag-consult-section{
  padding:0 0 65px;
  background:#FFFFFF;
}
.jh-diag-consult-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:32px 34px;
  border-radius:19px;
  background:#243832;
  color:#FFFFFF;
}
.jh-diag-consult-card h2{
  margin:5px 0 8px;
  color:#FFFFFF;
  font-size:29px;
  letter-spacing:-.045em;
}
.jh-diag-consult-card p{
  margin:0;
  color:#D9E8E0;
  line-height:1.65;
  font-size:13px;
}
.jh-diag-service-link{
  margin-top:10px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border:1px solid #DDE8E1;
  border-radius:12px;
  background:#FFFFFF;
  color:#53625A!important;
  text-decoration:none!important;
}
.jh-diag-service-link strong{
  color:#287B57;
}
.jh-diag-more-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.jh-diag-more-grid>a{
  min-height:125px;
  padding:17px;
  border:1px solid #DDE8E1;
  border-radius:13px;
  background:#FFFFFF;
  color:#34443B!important;
  text-decoration:none!important;
}
.jh-diag-more-grid strong{
  display:block;
  margin-bottom:7px;
  font-size:15px;
}
.jh-diag-more-grid span{
  color:#74817A;
  font-size:11px;
  line-height:1.55;
}

/* 하단 CTA */
.jh-diag-bottom-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:34px 38px;
  border:1px solid #D7E5DD;
  border-radius:19px;
  background:#F5FAF7;
}
.jh-diag-bottom-cta h2{
  margin:5px 0 8px;
  color:#293A31;
  font-size:29px;
  letter-spacing:-.045em;
}
.jh-diag-bottom-cta p{
  margin:0;
  color:#6E7B74;
}

/* 관리자 자가진단 */
.jh-manager-count{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border-radius:999px;
  background:#EAF6EF;
  color:#2F7655;
  font-size:12px;
  font-weight:850;
}
.jh-diag-manager-groups{
  display:grid;
  gap:13px;
}
.jh-diag-manager-group{
  overflow:hidden;
  border:1px solid #DDE8E1;
  border-radius:15px;
  background:#FFFFFF;
}
.jh-diag-manager-cat{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:15px 17px;
  background:#F6FAF7;
  border-bottom:1px solid #E0EAE4;
}
.jh-diag-manager-icon{
  width:44px;
  height:44px;
  padding:8px;
  display:grid;
  place-items:center;
  border:1px solid #D9E6DF;
  border-radius:12px;
  background:#FFFFFF;
  color:#2F9468;
}
.jh-diag-manager-cat strong{
  display:block;
  color:#2C3B33;
  font-size:16px;
}
.jh-diag-manager-cat span:not(.jh-diag-manager-icon){
  display:block;
  margin-top:4px;
  color:#75827B;
  font-size:11px;
  line-height:1.55;
}
.jh-diag-manager-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  padding:12px 15px 15px;
}
.jh-diag-manager-list>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:43px;
  padding:9px 11px;
  border:1px solid #DCE6E0;
  border-radius:9px;
  background:#FFFFFF;
  color:#38483F!important;
  text-decoration:none!important;
}
.jh-diag-manager-list>a:hover{
  border-color:#8DBEA4;
  background:#F3F9F5;
}
.jh-diag-manager-list>a.is-draft{
  opacity:.62;
}
.jh-diag-manager-list small{
  flex:0 0 auto;
  color:#7C8982;
  font-size:10px;
}
.jh-manager-panel input[readonly]{
  background:#F3F6F4!important;
  color:#6D7872!important;
}
.jh-quote-symptom{
  display:block;
  max-width:220px;
  margin-top:4px;
  color:#2F7655;
  font-size:10px;
  line-height:1.4;
  white-space:normal;
}

/* 견적문의로 넘어온 자가진단 표시 */
.jh-diagnosis-prefill-note{
  margin:0 0 16px;
  padding:12px 14px;
  border:1px solid #CFE4D8;
  border-radius:10px;
  background:#F1F9F4;
}
.jh-diagnosis-prefill-note strong{
  display:block;
  color:#2C7252;
  font-size:12px;
}
.jh-diagnosis-prefill-note span{
  display:block;
  margin-top:4px;
  color:#4E5E55;
  font-size:14px;
  font-weight:750;
}

/* 모바일 */
@media(max-width:900px){
  .jh-diag-category-nav-section{
    top:76px;
  }
  body.admin-bar .jh-diag-category-nav-section{
    top:108px;
  }
  .jh-diag-category-nav{
    grid-template-columns:repeat(3,1fr);
  }
  .jh-diag-detail-hero-grid{
    grid-template-columns:1fr;
  }
  .jh-diag-detail-visual{
    order:-1;
  }
  .jh-diag-visual-placeholder{
    min-height:240px;
  }
  .jh-diagnosis-banner{
    grid-template-columns:58px minmax(0,1fr);
  }
  .jh-diagnosis-banner>.jh-btn{
    grid-column:1/-1;
    width:100%;
    text-align:center;
  }
  .jh-diagnosis-banner-icon{
    width:56px;
    height:56px;
  }
  .jh-diag-more-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .jh-diag-archive-head{
    display:block;
  }
  .jh-diag-archive-head>.jh-btn{
    margin-top:18px;
  }
  .jh-diag-safety{
    grid-template-columns:1fr;
    gap:6px;
  }
  .jh-diag-category-nav{
    grid-template-columns:repeat(2,1fr);
  }
  .jh-diag-category-heading{
    align-items:flex-start;
  }
  .jh-diag-category-big-icon{
    width:53px;
    height:53px;
    min-width:53px;
  }
  .jh-diag-issue-grid{
    grid-template-columns:1fr;
  }
  .jh-diag-result-card{
    grid-template-columns:1fr;
    gap:12px;
    padding:21px;
  }
  .jh-diag-result-number{
    width:46px;
    height:46px;
  }
  .jh-diag-progress{
    grid-template-columns:repeat(2,1fr);
  }
  .jh-diag-result-title-row{
    display:block;
  }
  .jh-diag-result-title-row>.jh-diag-level{
    margin-top:2px;
    margin-bottom:12px;
  }
  .jh-diag-consult-card,
  .jh-diag-bottom-cta{
    align-items:flex-start;
    flex-direction:column;
    padding:25px 22px;
  }
  .jh-diag-consult-card>.jh-btn,
  .jh-diag-bottom-cta>.jh-btn{
    width:100%;
    text-align:center;
  }
  .jh-diag-manager-cat{
    grid-template-columns:44px minmax(0,1fr);
  }
  .jh-diag-manager-cat>.jh-btn{
    grid-column:1/-1;
    width:100%;
  }
  .jh-diag-manager-list{
    grid-template-columns:1fr;
  }
  .jh-diagnosis-banner{
    padding:22px;
  }
  .jh-diagnosis-banner-copy h2{
    font-size:23px;
  }
}


/* ===== 자가진단 가이드 마무리 1.6.10 ===== */

/* 메인 배너: 관리자 수정 버튼이 grid 흐름을 깨지 않도록 고정 */
.jh-diagnosis-banner>.jh-admin-section-edit{
  position:absolute!important;
  z-index:5!important;
  top:12px!important;
  right:14px!important;
  margin:0!important;
  min-height:30px!important;
  padding:0 9px!important;
  font-size:11px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:blur(6px);
}
.jh-diagnosis-banner>.jh-admin-section-edit:hover{
  background:rgba(47,148,104,.86)!important;
}
.jh-diagnosis-banner{
  grid-template-columns:68px minmax(0,1fr) auto!important;
  min-height:174px;
  padding:34px 34px!important;
}
.jh-diagnosis-banner>.jh-btn{
  justify-self:end;
  min-width:176px;
}

/* STEP 제목 */
.jh-diag-step-head{
  display:flex;
  align-items:center;
  gap:13px;
  margin:0 0 14px;
}
.jh-diag-step-head>span{
  flex:0 0 auto;
  min-width:58px;
  padding:6px 9px;
  border-radius:999px;
  background:#EAF6EF;
  color:#237653;
  font-size:10px;
  font-weight:900;
  text-align:center;
}
.jh-diag-step-head strong{
  display:block;
  color:#2A3931;
  font-size:15px;
  letter-spacing:-.025em;
}
.jh-diag-step-head p{
  margin:3px 0 0;
  color:#78857E;
  font-size:11px;
}
.jh-diag-step-two{
  margin-bottom:22px;
}

/* 자가진단 첫 화면: 분야 선택 후 해당 증상만 표시 */
.jh-diag-category-nav-section{
  position:relative!important;
  top:auto!important;
  z-index:10!important;
  padding:28px 0 24px!important;
  background:#FFFFFF!important;
}
.jh-diag-category-nav{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.jh-diag-category-nav button{
  appearance:none;
  min-height:86px;
  padding:11px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #DDE8E1;
  border-radius:13px;
  background:#FFFFFF;
  color:#34443B;
  text-align:center;
  cursor:pointer;
  transition:.18s ease;
}
.jh-diag-category-nav button:hover{
  transform:translateY(-2px);
  border-color:#8ABEA3;
  background:#F2F9F5;
  color:#267A56;
}
.jh-diag-category-nav button.is-active{
  border-color:#2F9468;
  background:#2F9468;
  color:#FFFFFF;
  box-shadow:0 8px 20px rgba(47,148,104,.18);
}
.jh-diag-category-nav button .jh-diag-category-nav-icon{
  color:#2F9468;
}
.jh-diag-category-nav button.is-active .jh-diag-category-nav-icon{
  color:#FFFFFF;
}
.jh-diag-category-nav button strong{
  font-size:12px;
  line-height:1.3;
}
.jh-diag-category-panels.is-enhanced .jh-diag-category-panel{
  display:none;
}
.jh-diag-category-panels.is-enhanced .jh-diag-category-panel.is-active{
  display:block;
}
.jh-diag-category-panel{
  background:#F8FBF9!important;
  scroll-margin-top:90px;
}
.jh-diag-category-panel .jh-diag-issue-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

/* 빈 결과 항목은 PHP에서 제거, 남은 진행단계 수에 맞춰 자동 배치 */
.jh-diag-progress{
  grid-template-columns:repeat(var(--jh-diag-steps,4),minmax(0,1fr))!important;
}

/* SEO 편집 지원 */
.jh-seo-editor{
  padding:18px;
  border:1px solid #DDE8E1;
  border-radius:14px;
  background:#FAFCFB;
}
.jh-seo-preview{
  margin:15px 0;
  padding:15px 16px;
  border:1px solid #E0E6E2;
  border-radius:11px;
  background:#FFFFFF;
}
.jh-seo-preview>span{
  display:block;
  margin-bottom:8px;
  color:#7A8780;
  font-size:10px;
  font-weight:800;
}
.jh-seo-preview strong{
  display:block;
  color:#1A0DAB;
  font-size:17px;
  line-height:1.35;
  font-weight:500;
}
.jh-seo-preview code{
  display:block;
  margin:5px 0;
  color:#2C6E49;
  font-family:inherit;
  font-size:11px;
  white-space:normal;
  word-break:break-all;
}
.jh-seo-preview p{
  margin:0;
  color:#545454;
  font-size:12px;
  line-height:1.55;
}

/* 관리자 복제/삭제 */
.jh-diag-admin-secondary-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid #E3EAE6;
}
.jh-diag-admin-secondary-actions form{margin:0}
.jh-danger-btn{
  background:#A54B43!important;
  color:#FFFFFF!important;
}
.jh-danger-btn:hover{background:#8D3D36!important}

@media(max-width:1000px){
  .jh-diag-category-nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .jh-diagnosis-banner{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:16px!important;
    padding:34px 26px 26px!important;
  }
  .jh-diagnosis-banner>.jh-btn{
    grid-column:1/-1;
    justify-self:start;
    min-width:0;
  }
}
@media(max-width:650px){
  .jh-diagnosis-banner{
    grid-template-columns:50px minmax(0,1fr)!important;
    min-height:auto;
    padding:42px 19px 20px!important;
    border-radius:16px!important;
  }
  .jh-diagnosis-banner-icon{
    width:48px!important;
    height:48px!important;
    padding:10px!important;
  }
  .jh-diagnosis-banner-copy h2{
    font-size:22px!important;
    line-height:1.25!important;
  }
  .jh-diagnosis-banner-copy p{
    font-size:12px!important;
  }
  .jh-diagnosis-banner>.jh-btn{
    width:100%;
  }
  .jh-diagnosis-banner>.jh-admin-section-edit{
    top:8px!important;
    right:9px!important;
  }
  .jh-diag-category-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .jh-diag-category-panel .jh-diag-issue-grid{
    grid-template-columns:1fr;
  }
  .jh-diag-step-head{
    align-items:flex-start;
  }
  .jh-diag-progress{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .jh-diag-admin-secondary-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .jh-diag-admin-secondary-actions .jh-btn{
    width:100%;
  }
}


/* ==========================================================
   전체 가독성 개선 1.6.11
   - 작은 글씨 최소 크기 상향
   - 연한 회색 텍스트 대비 강화
   - PC/모바일 모두 본문을 편하게 읽을 수 있도록 조정
   ========================================================== */

:root{
  --ink:#202D27;
  --muted:#526159;
}

/* 기본 본문 */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  font-size:17px!important;
  line-height:1.72!important;
  color:#202D27!important;
}
p,
li{
  line-height:1.72;
}
input,
select,
textarea,
button{
  font-size:15px;
}

/* 상단 헤더 */
.jh-utilitybar{
  font-size:13px!important;
}
.jh-utility-links>a{
  font-size:13px!important;
  font-weight:750!important;
}
.jh-brand-en{
  font-size:11px!important;
  color:#66746D!important;
}
.jh-phone{
  font-size:13px!important;
}
.jh-phone strong{
  font-size:18px!important;
}
@media(min-width:901px){
  .jh-nav{
    font-size:15px!important;
    gap:16px!important;
  }
  .jh-drop-menu a{
    font-size:15px!important;
  }
}
.jh-header-cta,
.jh-quote-link,
.jh-business-btn,
.jh-btn{
  font-size:15px!important;
}

/* 관리자 프론트 버튼 */
.jh-admin-edit-badge,
.jh-admin-section-edit{
  font-size:13px!important;
}
.jh-ownerbar{
  font-size:14px!important;
}
.jh-ownerbar a{
  font-size:13px!important;
}

/* 공통 섹션 */
.jh-section-label{
  font-size:13px!important;
  letter-spacing:.02em;
}
.jh-section-head p,
.jh-about-copy p,
.jh-blog-panel p,
.jh-location-panel p,
.jh-contact-panel p{
  font-size:16px!important;
  color:#526159!important;
  line-height:1.75!important;
}
.jh-card p{
  font-size:15px!important;
  color:#526159!important;
  line-height:1.7!important;
}

/* 메인 비주얼/빠른상담 */
.jh-business-kicker{
  font-size:16px!important;
}
.jh-business-copy p{
  font-size:18px!important;
  color:#F2F8F4!important;
}
.jh-top-search select,
.jh-top-search input{
  font-size:15px!important;
}
.jh-top-search-btn{
  font-size:15px!important;
}
.jh-quick-copy span{
  font-size:13px!important;
}
.jh-quick-copy p{
  font-size:15px!important;
  color:#E9F4EE!important;
  line-height:1.65!important;
}
.jh-quick-form input,
.jh-quick-form select,
.jh-quick-form button{
  font-size:15px!important;
}

/* 주요 수리 서비스 */
.jh-service-cat strong{
  font-size:18px!important;
}
.jh-service-cat span:not(.jh-service-mini-icon){
  font-size:14px!important;
  color:#53645B!important;
  line-height:1.5!important;
}
.jh-service-icon-card strong{
  font-size:15px!important;
}
.jh-service-icon-card>span:last-child{
  font-size:13px!important;
  color:#5C6C64!important;
}
.jh-case-service-head p{
  font-size:15px!important;
  color:#526159!important;
}
.jh-service-hero-copy>p{
  font-size:17px!important;
  color:#536159!important;
}
.jh-service-checklist li{
  font-size:15px!important;
}
.jh-service-checklist p{
  font-size:14px!important;
  color:#596961!important;
}
.jh-service-child-body h3{
  font-size:18px!important;
}
.jh-service-child-body p{
  font-size:14px!important;
  color:#596961!important;
}
.jh-service-child-body>span{
  font-size:13px!important;
}
.jh-service-parent-link{
  font-size:14px!important;
}
.jh-service-sibling-row a{
  font-size:13px!important;
  color:#47584F!important;
}

/* 가능한 작업 찾기 */
.jh-work-filter{
  font-size:14px!important;
}
.jh-work-tag{
  font-size:15px!important;
  color:#34463D!important;
}
.jh-work-search{
  font-size:16px!important;
}

/* 신뢰/작업절차/블로그 */
.jh-benefit span{
  font-size:14px!important;
  color:#D5E2DC!important;
}
.jh-trust-item span span{
  font-size:14px!important;
  color:#536159!important;
}
.jh-step b{
  font-size:14px!important;
}
.jh-step strong{
  font-size:18px!important;
}
.jh-step span{
  font-size:14px!important;
  color:#536159!important;
  line-height:1.6!important;
}
.jh-about-point span,
.jh-blog-card span{
  font-size:14px!important;
  color:#536159!important;
}
.jh-footer{
  font-size:15px!important;
  color:#C2CCC7!important;
  line-height:1.7!important;
}

/* 현장사례 고객 화면 */
.jh-case-archive-head p{
  font-size:16px!important;
  color:#536159!important;
}
.jh-case-filter select,
.jh-case-filter input,
.jh-case-filter button,
.jh-case-filter-reset{
  font-size:15px!important;
}
.jh-case-taxline span{
  font-size:12px!important;
}
.jh-case-area{
  font-size:14px!important;
  color:#5D6A64!important;
}
.jh-case-work{
  font-size:15px!important;
  color:#4F5D56!important;
  line-height:1.65!important;
}
.jh-case-more{
  font-size:14px!important;
}
.jh-case-empty p{
  font-size:15px!important;
  color:#536159!important;
}

/* 현장사례 관리자 */
.jh-help,
.jh-easy-help{
  font-size:15px!important;
  color:#526159!important;
}
.jh-field label{
  font-size:15px!important;
}
.jh-field label small{
  font-size:13px!important;
  color:#66746D!important;
}
.jh-case-simple-content>p,
.jh-region-hint{
  font-size:15px!important;
  color:#596861!important;
}
.jh-location-chips span{
  font-size:13px!important;
}
.jh-advanced-term-add>summary,
.jh-title-guide{
  font-size:14px!important;
}
.jh-service-manager-parent span:not(.jh-service-manager-icon){
  font-size:14px!important;
  color:#596861!important;
}
.jh-service-manager-children a{
  font-size:14px!important;
}

/* 사진 견적문의 */
.jh-optional{
  font-size:12px!important;
  color:#596861!important;
}
.jh-quote-photo-help{
  font-size:14px!important;
  color:#536159!important;
}
.jh-photo-select-btn{
  font-size:15px!important;
}
.jh-quote-photo-status,
.jh-service-prefill-note{
  font-size:13px!important;
}
.jh-quote-admin-thumbs span,
.jh-muted{
  font-size:13px!important;
}
.jh-diagnosis-prefill-note strong{
  font-size:14px!important;
}
.jh-diagnosis-prefill-note span{
  font-size:15px!important;
}

/* ---------------- 자가진단 가이드 ---------------- */

/* 메인 자가진단 배너 */
.jh-diagnosis-banner-copy .jh-section-label{
  font-size:13px!important;
}
.jh-diagnosis-banner-copy h2{
  font-size:31px!important;
}
.jh-diagnosis-banner-copy p{
  font-size:15px!important;
  color:#E6F0EB!important;
}
.jh-diagnosis-banner>.jh-btn{
  font-size:15px!important;
}

/* breadcrumb / 소개 */
.jh-breadcrumb{
  font-size:13px!important;
  color:#5F6D66!important;
}
.jh-breadcrumb a{
  color:#4C5D54!important;
}
.jh-diag-archive-head p{
  font-size:17px!important;
  color:#536159!important;
}
.jh-diag-safety strong{
  font-size:14px!important;
}
.jh-diag-safety p{
  font-size:14px!important;
  color:#526159!important;
}

/* STEP 및 분야 선택 */
.jh-diag-step-head>span{
  font-size:12px!important;
}
.jh-diag-step-head strong{
  font-size:17px!important;
}
.jh-diag-step-head p{
  font-size:14px!important;
  color:#596861!important;
}
.jh-diag-category-nav button strong,
.jh-diag-category-nav a strong,
.jh-diag-category-nav strong{
  font-size:14px!important;
  line-height:1.35!important;
}
.jh-diag-category-heading p{
  font-size:15px!important;
  color:#596861!important;
}

/* 증상 카드 */
.jh-diag-issue-card h3{
  font-size:21px!important;
}
.jh-diag-issue-card p{
  font-size:15px!important;
  color:#526159!important;
}
.jh-diag-related-service{
  font-size:13px!important;
}
.jh-diag-level{
  font-size:12px!important;
  min-height:29px!important;
}

/* 자가진단 상세 */
.jh-diag-detail-cat{
  font-size:13px!important;
}
.jh-diag-detail-copy>p{
  font-size:17px!important;
  color:#536159!important;
}
.jh-diag-hero-meta>a{
  font-size:13px!important;
}
.jh-diag-visual-placeholder p{
  font-size:14px!important;
  color:#596861!important;
}
.jh-diag-progress span{
  font-size:13px!important;
}
.jh-diag-result-body{
  font-size:16px!important;
}
.jh-diag-cause-list li{
  font-size:16px!important;
  color:#394940!important;
  line-height:1.65!important;
}
.jh-diag-fixed-safety p{
  font-size:14px!important;
  color:#66583F!important;
}
.jh-diag-consult-card p{
  font-size:15px!important;
  color:#E6F0EB!important;
}
.jh-diag-service-link{
  font-size:15px!important;
}
.jh-diag-more-grid strong{
  font-size:16px!important;
}
.jh-diag-more-grid span{
  font-size:14px!important;
  color:#596861!important;
}
.jh-diag-bottom-cta p{
  font-size:15px!important;
  color:#536159!important;
}

/* 자가진단 관리자 */
.jh-manager-count{
  font-size:13px!important;
}
.jh-diag-manager-cat strong{
  font-size:17px!important;
}
.jh-diag-manager-cat span:not(.jh-diag-manager-icon){
  font-size:14px!important;
  color:#596861!important;
}
.jh-diag-manager-list>a{
  font-size:14px!important;
}
.jh-diag-manager-list small{
  font-size:12px!important;
  color:#65736C!important;
}
.jh-quote-symptom{
  font-size:12px!important;
}
.jh-seo-preview>span{
  font-size:12px!important;
}
.jh-seo-preview strong{
  font-size:18px!important;
}
.jh-seo-preview code{
  font-size:12px!important;
}
.jh-seo-preview p{
  font-size:13px!important;
}

/* 관리자 테이블 */
.jh-table{
  font-size:14px!important;
}
.jh-table th{
  font-size:14px!important;
}
.jh-table td{
  font-size:14px!important;
}

/* 모바일 가독성 */
@media(max-width:700px){
  body{
    font-size:16px!important;
    line-height:1.72!important;
  }

  .jh-mobile-contact a{
    font-size:15px!important;
  }

  .jh-section-label{
    font-size:12px!important;
  }

  .jh-business-copy p{
    font-size:16px!important;
  }

  .jh-quick-copy p{
    font-size:15px!important;
  }

  .jh-service-cat strong{
    font-size:18px!important;
  }
  .jh-service-cat span:not(.jh-service-mini-icon){
    font-size:14px!important;
  }

  .jh-work-tag{
    font-size:14px!important;
  }

  .jh-diagnosis-banner-copy h2{
    font-size:25px!important;
    line-height:1.28!important;
  }
  .jh-diagnosis-banner-copy p{
    font-size:14px!important;
    line-height:1.65!important;
  }

  .jh-diag-archive-head p{
    font-size:16px!important;
  }
  .jh-diag-category-nav button strong,
  .jh-diag-category-nav strong{
    font-size:13px!important;
  }
  .jh-diag-step-head strong{
    font-size:16px!important;
  }
  .jh-diag-step-head p{
    font-size:13px!important;
  }
  .jh-diag-issue-card p{
    font-size:14px!important;
  }
  .jh-diag-detail-copy>p{
    font-size:16px!important;
  }
  .jh-diag-progress span{
    font-size:12px!important;
  }
  .jh-diag-result-body{
    font-size:16px!important;
  }
  .jh-diag-more-grid span{
    font-size:14px!important;
  }

  .jh-manager-panel{
    font-size:15px!important;
  }
  .jh-help{
    font-size:14px!important;
  }
  .jh-field label{
    font-size:15px!important;
  }
}


/* ==========================================================
   1.6.12 메인 수리검색 제거 + 빠른 상담을 검색 위치로 이동
   ========================================================== */

.jh-top-search-wrap,
.jh-quick-consult-section{
  display:none!important;
}

.jh-top-consult-wrap{
  position:relative;
  z-index:30;
  margin-top:-32px;
}
.jh-top-consult{
  min-height:86px;
  padding:16px 20px;
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:20px;
  align-items:center;
  background:#FFFFFF;
  border:1px solid #DDE8E1;
  border-radius:14px;
  box-shadow:0 15px 38px rgba(35,77,60,.13);
}
.jh-top-consult-copy{
  padding-left:4px;
}
.jh-top-consult-copy span{
  display:block;
  margin-bottom:3px;
  color:#2F9468;
  font-size:12px!important;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.055em;
}
.jh-top-consult-copy strong{
  display:block;
  color:#243832;
  font-size:21px!important;
  line-height:1.25;
  letter-spacing:-.035em;
}
.jh-top-consult-form{
  display:grid;
  grid-template-columns:1fr 1fr 1.25fr 140px;
  gap:9px;
}
.jh-top-consult-form input,
.jh-top-consult-form select{
  width:100%;
  height:50px;
  padding:0 14px;
  border:1px solid #D3E0D8;
  border-radius:8px;
  background:#FFFFFF;
  color:#293730;
  font:inherit;
  font-size:15px!important;
  outline:none;
}
.jh-top-consult-form input:focus,
.jh-top-consult-form select:focus{
  border-color:#2F9468;
  box-shadow:0 0 0 3px rgba(47,148,104,.10);
}
.jh-top-consult-form button{
  height:50px;
  padding:0 14px;
  border:0;
  border-radius:8px;
  background:#2F9468;
  color:#FFFFFF;
  font-size:15px!important;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
  transition:.18s ease;
}
.jh-top-consult-form button:hover{
  background:#27845C;
  transform:translateY(-1px);
}

.jh-home-service-cats{
  padding-top:68px!important;
}

@media(max-width:1050px){
  .jh-top-consult{
    grid-template-columns:180px minmax(0,1fr);
    gap:14px;
  }
  .jh-top-consult-form{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .jh-top-consult-wrap{
    margin-top:-24px;
  }
  .jh-top-consult{
    grid-template-columns:1fr;
    gap:12px;
    padding:18px;
  }
  .jh-top-consult-copy{
    padding-left:0;
  }
  .jh-top-consult-copy span{
    font-size:11px!important;
  }
  .jh-top-consult-copy strong{
    font-size:19px!important;
  }
  .jh-top-consult-form{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .jh-top-consult-form select,
  .jh-top-consult-form button{
    grid-column:span 2;
  }
  .jh-home-service-cats{
    padding-top:52px!important;
  }
}

@media(max-width:480px){
  .jh-top-consult-form{
    grid-template-columns:1fr;
  }
  .jh-top-consult-form select,
  .jh-top-consult-form button{
    grid-column:auto;
  }
}


/* ==========================================================
   1.6.14 자가진단 가이드 살구·크림 + 오렌지 포인트
   전체 사이트 그린은 유지하고 자가진단 화면만 별도 강조
   ========================================================== */

:root{
  --diag-orange:#F36B2A;
  --diag-orange-dark:#E65A18;
  --diag-peach:#FFF1E8;
  --diag-peach-soft:#FFF8F3;
  --diag-peach-line:#F3D5C2;
  --diag-amber:#FFF1CB;
  --diag-ink:#282D2A;
}

/* 자가진단 페이지에서 헤더 포인트만 오렌지 */
body.post-type-archive-jh_diagnosis .jh-mark,
body.single-jh_diagnosis .jh-mark{
  color:var(--diag-orange)!important;
  border-color:var(--diag-orange)!important;
}
body.post-type-archive-jh_diagnosis .jh-header-cta,
body.single-jh_diagnosis .jh-header-cta{
  background:var(--diag-orange)!important;
  box-shadow:0 7px 18px rgba(243,107,42,.18)!important;
}
body.post-type-archive-jh_diagnosis .jh-header-cta:hover,
body.single-jh_diagnosis .jh-header-cta:hover{
  background:var(--diag-orange-dark)!important;
}
body.post-type-archive-jh_diagnosis .jh-nav a[href*="/diagnosis/"],
body.single-jh_diagnosis .jh-nav a[href*="/diagnosis/"]{
  color:var(--diag-orange)!important;
  font-weight:900!important;
}

/* 전체 배경 */
body.post-type-archive-jh_diagnosis .jh-diag-archive{
  background:#FFFFFF!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-archive-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 22%,rgba(243,107,42,.08) 0 105px,transparent 106px),
    radial-gradient(circle at 97% 73%,rgba(243,107,42,.055) 0 160px,transparent 161px),
    linear-gradient(180deg,var(--diag-peach) 0%,#FFF9F5 100%)!important;
  border-bottom:1px solid var(--diag-peach-line)!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-archive-head h1{
  color:var(--diag-ink)!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-archive-head p{
  color:#5F625F!important;
}
body.post-type-archive-jh_diagnosis .jh-section-label{
  color:var(--diag-orange)!important;
}

/* 이용 전 확인 */
body.post-type-archive-jh_diagnosis .jh-diag-safety{
  background:rgba(255,255,255,.82)!important;
  border-color:#F1D2BD!important;
  box-shadow:0 5px 16px rgba(108,70,48,.045);
}
body.post-type-archive-jh_diagnosis .jh-diag-safety strong{
  color:#A95625!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-safety p{
  color:#5F625F!important;
}

/* STEP 1 */
body.post-type-archive-jh_diagnosis .jh-diag-category-nav-section{
  background:#FFFFFF!important;
  border-bottom-color:#F2DDD0!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-step-head>span{
  background:var(--diag-orange)!important;
  color:#FFFFFF!important;
  box-shadow:0 4px 10px rgba(243,107,42,.18);
}
body.post-type-archive-jh_diagnosis .jh-diag-step-head strong{
  color:#2D302E!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-step-head p{
  color:#666B67!important;
}

body.post-type-archive-jh_diagnosis .jh-diag-category-nav button{
  border-color:#EADFD8!important;
  background:#FFFFFF!important;
  color:#343836!important;
  box-shadow:0 3px 10px rgba(83,58,43,.025);
}
body.post-type-archive-jh_diagnosis .jh-diag-category-nav button:hover{
  border-color:#F0A276!important;
  background:#FFF7F1!important;
  color:#C8541C!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-category-nav button .jh-diag-category-nav-icon{
  color:var(--diag-orange)!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-category-nav button.is-active{
  border-color:var(--diag-orange)!important;
  background:var(--diag-orange)!important;
  color:#FFFFFF!important;
  box-shadow:0 8px 20px rgba(243,107,42,.22)!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-category-nav button.is-active .jh-diag-category-nav-icon{
  color:#FFFFFF!important;
}

/* STEP 2 배경 */
body.post-type-archive-jh_diagnosis .jh-diag-category-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 93% 18%,rgba(243,107,42,.055) 0 95px,transparent 96px),
    linear-gradient(180deg,#FFF8F3 0%,#FFFDFB 100%)!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-category-big-icon{
  background:#FFF0E7!important;
  color:var(--diag-orange)!important;
  border:1px solid #F4D3BE;
}
body.post-type-archive-jh_diagnosis .jh-diag-category-heading h2{
  color:var(--diag-ink)!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-category-heading p{
  color:#606560!important;
}

/* 증상 카드 */
body.post-type-archive-jh_diagnosis .jh-diag-issue-card{
  border-color:#F0DBCD!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 5px 14px rgba(91,57,38,.045)!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-issue-card:hover{
  transform:translateY(-3px)!important;
  border-color:#F0A276!important;
  box-shadow:0 13px 29px rgba(143,74,35,.11)!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-issue-card>a:not(.jh-admin-edit-badge){
  min-height:215px!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-card-arrow{
  color:var(--diag-orange)!important;
}
.jh-diag-card-main{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:17px;
  align-items:start;
  margin-top:16px;
}
.jh-diag-card-icon{
  width:74px;
  height:74px;
  padding:15px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:#FFF1D8;
  color:var(--diag-orange);
}
.jh-diag-card-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.post-type-archive-jh_diagnosis .jh-diag-card-copy h3{
  margin:0 0 8px!important;
  color:#292D2A!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-card-copy p{
  color:#555D58!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-related-service{
  color:#24845B!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-related-service b{
  margin-left:6px;
  font-size:15px;
}

/* 난이도 배지 - 쉬움은 그린, 주의는 앰버, 전문가는 코랄 */
body.post-type-archive-jh_diagnosis .jh-diag-level.easy{
  background:#E9F7EF!important;
  color:#287A55!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-level.caution{
  background:#FFF0C8!important;
  color:#A96A00!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-level.pro{
  background:#FFE1DF!important;
  color:#D64B44!important;
}

/* 관리자 수정 버튼도 카드에서 눈에 덜 거슬리게 */
body.post-type-archive-jh_diagnosis .jh-admin-edit-badge,
body.single-jh_diagnosis .jh-admin-edit-badge{
  background:#FFFFFF!important;
  color:#4D5751!important;
  border:1px solid #E1E1DE!important;
  box-shadow:0 3px 9px rgba(30,35,32,.08)!important;
}

/* 사진상담 */
body.post-type-archive-jh_diagnosis .jh-diag-photo-section{
  background:#FFFFFF!important;
  padding-top:52px!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-bottom-cta{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr) auto!important;
  gap:22px!important;
  align-items:center!important;
  padding:26px 30px!important;
  border:1px solid #F0C7AC!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#FFF7F1 0%,#FFFDFB 100%)!important;
  box-shadow:0 8px 24px rgba(128,72,39,.06)!important;
}
.jh-diag-photo-icon{
  width:66px;
  height:66px;
  padding:14px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#FFE7D8;
  color:var(--diag-orange);
}
.jh-diag-photo-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.post-type-archive-jh_diagnosis .jh-diag-bottom-cta h2{
  color:#292D2A!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-bottom-cta p{
  color:#5B615D!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-bottom-cta>.jh-btn{
  background:var(--diag-orange)!important;
  color:#FFFFFF!important;
  border-color:var(--diag-orange)!important;
}
body.post-type-archive-jh_diagnosis .jh-diag-bottom-cta>.jh-btn:hover{
  background:var(--diag-orange-dark)!important;
}

/* 상담 아래 4개 신뢰 포인트 */
.jh-diag-benefit-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:14px;
  border:1px solid #EEE4DE;
  border-radius:16px;
  background:#FFFFFF;
  box-shadow:0 5px 17px rgba(69,53,43,.035);
}
.jh-diag-benefit{
  min-height:88px;
  padding:17px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  border-right:1px solid #EEE7E2;
}
.jh-diag-benefit:last-child{
  border-right:0;
}
.jh-diag-benefit-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#FFF0E6;
  color:var(--diag-orange);
  font-size:17px;
  font-weight:900;
}
.jh-diag-benefit strong{
  display:block;
  color:#303431;
  font-size:14px;
  line-height:1.3;
}
.jh-diag-benefit p{
  margin:4px 0 0;
  color:#69706C;
  font-size:12px;
  line-height:1.5;
}

/* 자가진단 상세 페이지도 같은 색상으로 연결 */
body.single-jh_diagnosis .jh-diag-detail{
  background:#FFFFFF!important;
}
body.single-jh_diagnosis .jh-diag-detail-hero{
  background:linear-gradient(180deg,#FFF1E8 0%,#FFF9F5 100%)!important;
  border-bottom-color:#F1D5C3!important;
}
body.single-jh_diagnosis .jh-section-label,
body.single-jh_diagnosis .jh-diag-detail-cat{
  color:var(--diag-orange)!important;
}
body.single-jh_diagnosis .jh-diag-detail-cat span,
body.single-jh_diagnosis .jh-diag-visual-placeholder>span{
  color:var(--diag-orange)!important;
  background:#FFF0E7!important;
}
body.single-jh_diagnosis .jh-diag-result-number{
  color:var(--diag-orange)!important;
}
body.single-jh_diagnosis .jh-diag-result-card{
  border-color:#EEDCD0!important;
}
body.single-jh_diagnosis .jh-diag-result-card:hover{
  border-color:#F0AD86!important;
}
body.single-jh_diagnosis .jh-diag-consult-card{
  background:linear-gradient(135deg,#943F18 0%,#C9541E 100%)!important;
}
body.single-jh_diagnosis .jh-diag-consult-card .jh-btn{
  background:var(--diag-orange)!important;
}
body.single-jh_diagnosis .jh-diag-service-link{
  color:#218158!important;
}

/* 모바일 */
@media(max-width:850px){
  .jh-diag-card-main{
    grid-template-columns:58px minmax(0,1fr);
    gap:12px;
  }
  .jh-diag-card-icon{
    width:58px;
    height:58px;
    padding:12px;
    border-radius:17px;
  }
  body.post-type-archive-jh_diagnosis .jh-diag-bottom-cta{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  body.post-type-archive-jh_diagnosis .jh-diag-bottom-cta>.jh-btn{
    grid-column:1/-1;
    width:100%;
  }
  .jh-diag-photo-icon{
    width:54px;
    height:54px;
    padding:11px;
  }
  .jh-diag-benefit-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .jh-diag-benefit:nth-child(2){
    border-right:0;
  }
  .jh-diag-benefit:nth-child(-n+2){
    border-bottom:1px solid #EEE7E2;
  }
}

@media(max-width:560px){
  body.post-type-archive-jh_diagnosis .jh-diag-archive-hero{
    background:linear-gradient(180deg,#FFF1E8 0%,#FFF9F5 100%)!important;
  }
  .jh-diag-benefit-strip{
    grid-template-columns:1fr;
  }
  .jh-diag-benefit{
    border-right:0!important;
    border-bottom:1px solid #EEE7E2!important;
  }
  .jh-diag-benefit:last-child{
    border-bottom:0!important;
  }
}


/* ==========================================================
   1.6.15 자가진단 결과 단계 네비게이션 + 체크아이콘
   ========================================================== */

/* 실제 클릭 가능한 단계 메뉴 */
.jh-diag-progress{
  grid-template-columns:repeat(var(--jh-diag-steps,4),minmax(0,1fr))!important;
}
.jh-diag-progress button{
  min-height:46px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid transparent;
  border-radius:9px;
  background:#F2F3F1;
  color:#626864;
  font-family:inherit;
  font-size:13px!important;
  font-weight:850;
  line-height:1.2;
  text-align:center;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.jh-diag-progress button:hover{
  background:#FFF2E9;
  border-color:#F4B18D;
  color:#C9551E;
}
.jh-diag-progress button:focus-visible{
  outline:3px solid rgba(243,107,42,.22);
  outline-offset:2px;
}
.jh-diag-progress button.is-active{
  background:var(--diag-orange,#F36B2A)!important;
  border-color:var(--diag-orange,#F36B2A)!important;
  color:#FFFFFF!important;
  box-shadow:0 7px 17px rgba(243,107,42,.18);
}
.jh-diag-progress-num{
  font-weight:950;
}

/* 기존 span 규칙이 버튼에 영향을 주지 않도록 정리 */
.jh-diag-progress>span{
  display:none!important;
}

/* 클릭 이동 시 고정 헤더 아래에 제목이 가려지지 않게 */
.jh-diag-result-card[data-jh-diag-step-section]{
  scroll-margin-top:115px;
}

/* 대표 원인의 물음표 → 명확한 체크 아이콘 */
.jh-diag-cause-list li{
  padding-left:45px!important;
}
.jh-diag-cause-list li:before{
  content:"✓"!important;
  left:13px!important;
  top:50%!important;
  transform:translateY(-50%);
  width:23px!important;
  height:23px!important;
  border-radius:7px!important;
  background:#6FB996!important;
  color:#FFFFFF!important;
  font-size:14px!important;
  line-height:1!important;
  box-shadow:0 2px 6px rgba(60,135,97,.13);
}

/* 자가진단 오렌지 디자인에서 결과카드 단계 상단색도 통일 */
body.single-jh_diagnosis .jh-diag-result-card.cause,
body.single-jh_diagnosis .jh-diag-result-card.check,
body.single-jh_diagnosis .jh-diag-result-card.diy,
body.single-jh_diagnosis .jh-diag-result-card.expert{
  border-top-color:#F0C8B0!important;
}
body.single-jh_diagnosis .jh-diag-result-number{
  background:#FFF2EA!important;
  color:var(--diag-orange,#F36B2A)!important;
}

/* 모바일 */
@media(max-width:650px){
  .jh-diag-progress{
    gap:5px!important;
  }
  .jh-diag-progress button{
    min-height:48px;
    padding:8px 5px;
    flex-direction:column;
    gap:1px;
    font-size:11px!important;
  }
  .jh-diag-progress-num{
    font-size:12px;
  }
  .jh-diag-result-card[data-jh-diag-step-section]{
    scroll-margin-top:88px;
  }
}


/* ==========================================================
   1.6.16 자가진단 상세 - 작은 '다른 분야 보기' 이동 메뉴
   ========================================================== */

.jh-diag-compact-category-section{
  padding:28px 0 0;
  background:#FFFFFF;
}
.jh-diag-compact-category{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:12px 14px;
  border:1px solid #F0DED2;
  border-radius:13px;
  background:#FFFDFC;
}
.jh-diag-compact-category>strong{
  padding:0 4px;
  color:#4C514E;
  font-size:13px;
  white-space:nowrap;
}
.jh-diag-compact-category-scroll{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.jh-diag-compact-category-scroll a{
  min-height:36px;
  padding:7px 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid #E8DDD6;
  border-radius:999px;
  background:#FFFFFF;
  color:#555D58!important;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none!important;
  white-space:nowrap;
  transition:.18s ease;
}
.jh-diag-compact-category-scroll a:hover{
  border-color:#F0A276;
  background:#FFF4ED;
  color:#C9531C!important;
  transform:translateY(-1px);
}
.jh-diag-compact-category-scroll a.is-current{
  border-color:var(--diag-orange,#F36B2A);
  background:var(--diag-orange,#F36B2A);
  color:#FFFFFF!important;
  box-shadow:0 5px 12px rgba(243,107,42,.16);
}
.jh-diag-compact-icon{
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  color:var(--diag-orange,#F36B2A);
}
.jh-diag-compact-category-scroll a.is-current .jh-diag-compact-icon{
  color:#FFFFFF;
}
.jh-diag-compact-icon svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* 작은 이동 메뉴와 결과 단계 사이 여백 */
.jh-diag-compact-category-section + .jh-diag-result-section{
  padding-top:18px!important;
}

/* 모바일: 한 줄 가로스크롤 */
@media(max-width:760px){
  .jh-diag-compact-category-section{
    padding-top:20px;
  }
  .jh-diag-compact-category{
    display:block;
    padding:11px 12px 12px;
  }
  .jh-diag-compact-category>strong{
    display:block;
    margin-bottom:8px;
    font-size:12px;
  }
  .jh-diag-compact-category-scroll{
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:3px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .jh-diag-compact-category-scroll::-webkit-scrollbar{
    display:none;
  }
  .jh-diag-compact-category-scroll a{
    flex:0 0 auto;
    min-height:35px;
    padding:7px 10px;
    scroll-snap-align:start;
    font-size:12px;
  }
}


/* ==========================================================
   1.6.17 자가진단 4단계 메뉴 색상 통일
   - 고정 활성색 없음
   - 클릭 이동만 유지
   ========================================================== */

.jh-diag-progress button,
.jh-diag-progress button.is-active{
  background:#FFF7F1!important;
  border:1px solid #F1CDB8!important;
  color:#3A3E3B!important;
  box-shadow:none!important;
}
.jh-diag-progress button .jh-diag-progress-num,
.jh-diag-progress button.is-active .jh-diag-progress-num{
  color:#F36B2A!important;
}
.jh-diag-progress button:hover,
.jh-diag-progress button.is-active:hover{
  background:#FFEDE1!important;
  border-color:#F36B2A!important;
  color:#B94B17!important;
  transform:translateY(-1px);
}
.jh-diag-progress button:focus-visible{
  outline:3px solid rgba(243,107,42,.20)!important;
  outline-offset:2px;
}

/* 클릭 후/스크롤 후 특정 단계가 계속 진하게 남지 않도록 */
.jh-diag-progress button[aria-current="step"]{
  background:#FFF7F1!important;
  border-color:#F1CDB8!important;
  color:#3A3E3B!important;
  box-shadow:none!important;
}


/* ==========================================================
   1.6.18 자가진단 첫 진입 위치 개선
   ========================================================== */

/* 다른 분야 보기에서 이동할 때 헤더에 가려지지 않도록 */
.jh-diag-category-panel{
  scroll-margin-top:92px;
}

@media(max-width:700px){
  .jh-diag-category-panel{
    scroll-margin-top:72px;
  }
}


/* ==========================================================
   1.6.19 상담관리센터 CRM
   ========================================================== */

.jh-admin-new-count,
.jh-dashboard-new{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  margin-left:5px;
  border-radius:999px;
  background:#F36B2A;
  color:#FFFFFF!important;
  font-size:11px!important;
  font-style:normal;
  font-weight:900;
  line-height:1;
}
.jh-utility-admin-dropdown .jh-admin-consult-link{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

/* Board heading */
.jh-crm-board-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:25px;
}
.jh-crm-board-head h1{
  margin:4px 0 7px;
}
.jh-crm-board-head p{
  margin:0;
  color:#596861;
}

/* Summary */
.jh-crm-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:16px 0 18px;
}
.jh-crm-summary-grid>a,
.jh-crm-summary-grid>div{
  min-height:92px;
  padding:18px 20px;
  border:1px solid #DDE8E1;
  border-radius:15px;
  background:#FFFFFF;
  color:#34433B!important;
  text-decoration:none!important;
  box-shadow:0 5px 15px rgba(35,77,60,.04);
}
.jh-crm-summary-grid span{
  display:block;
  color:#6C7972;
  font-size:13px;
  font-weight:800;
}
.jh-crm-summary-grid strong{
  display:block;
  margin-top:7px;
  color:#26352D;
  font-size:30px;
  line-height:1;
}

/* Kanban board */
.jh-crm-board-wrap{
  width:100%;
  overflow-x:auto;
  padding-bottom:12px;
}
.jh-crm-board{
  display:grid;
  grid-template-columns:repeat(8,280px);
  gap:12px;
  min-width:max-content;
}
.jh-crm-column{
  border:1px solid #DDE8E1;
  border-radius:15px;
  background:#F6F8F7;
  overflow:hidden;
}
.jh-crm-column-head{
  min-height:52px;
  padding:13px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #DDE8E1;
  background:#FFFFFF;
}
.jh-crm-column-head strong{
  font-size:15px;
}
.jh-crm-column-head>span{
  min-width:25px;
  height:25px;
  display:grid;
  place-items:center;
  padding:0 6px;
  border-radius:999px;
  background:#EFF3F1;
  color:#56655D;
  font-size:12px;
  font-weight:900;
}
.jh-crm-column-new .jh-crm-column-head{border-top:4px solid #F36B2A}
.jh-crm-column-consulting .jh-crm-column-head{border-top:4px solid #3E8ED0}
.jh-crm-column-visit .jh-crm-column-head{border-top:4px solid #D49A35}
.jh-crm-column-quoted .jh-crm-column-head{border-top:4px solid #9B72C4}
.jh-crm-column-confirmed .jh-crm-column-head{border-top:4px solid #2F9468}
.jh-crm-column-completed .jh-crm-column-head{border-top:4px solid #226C4C}
.jh-crm-column-hold .jh-crm-column-head{border-top:4px solid #8C918E}
.jh-crm-column-cancelled .jh-crm-column-head{border-top:4px solid #C65B57}

.jh-crm-column-body{
  min-height:160px;
  max-height:680px;
  overflow-y:auto;
  padding:10px;
}
.jh-crm-card{
  position:relative;
  display:block;
  margin-bottom:9px;
  padding:14px;
  border:1px solid #DCE5E0;
  border-radius:12px;
  background:#FFFFFF;
  color:#2F3B35!important;
  text-decoration:none!important;
  box-shadow:0 3px 9px rgba(34,66,51,.035);
  transition:.17s ease;
}
.jh-crm-card:hover{
  transform:translateY(-2px);
  border-color:#93B7A4;
  box-shadow:0 8px 18px rgba(34,66,51,.08);
}
.jh-crm-card.is-unread{
  border-color:#F2A37D;
  box-shadow:inset 3px 0 0 #F36B2A;
}
.jh-crm-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.jh-crm-card-top strong{
  font-size:16px;
}
.jh-crm-new-dot{
  padding:3px 6px;
  border-radius:999px;
  background:#F36B2A;
  color:#FFFFFF;
  font-size:9px;
  font-weight:900;
}
.jh-crm-card-service{
  display:block;
  margin-top:7px;
  color:#2B805B;
  font-size:13px;
  font-weight:850;
}
.jh-crm-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:8px;
}
.jh-crm-card-meta span{
  padding:4px 6px;
  border-radius:6px;
  background:#F2F6F4;
  color:#5B6861;
  font-size:11px;
}
.jh-crm-card>small{
  display:block;
  margin-top:8px;
  color:#7A8580;
  font-size:10px;
}
.jh-crm-next{
  margin-top:10px;
  padding:9px;
  border-radius:8px;
  background:#FFF6F0;
  border:1px solid #F5DED0;
}
.jh-crm-next b{
  display:inline-block;
  margin-right:5px;
  color:#D35A22;
  font-size:10px;
}
.jh-crm-next span{
  color:#4D5651;
  font-size:11px;
  font-weight:750;
}
.jh-crm-next em{
  display:block;
  margin-top:4px;
  color:#8A7467;
  font-size:10px;
  font-style:normal;
}
.jh-crm-empty{
  padding:28px 10px;
  color:#929B96;
  font-size:12px;
  text-align:center;
}

/* Status chips */
.jh-crm-status{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.jh-crm-status-new{background:#FFF0E8;color:#D45B22}
.jh-crm-status-consulting{background:#E9F3FB;color:#2E6E9E}
.jh-crm-status-visit{background:#FFF4D9;color:#96670D}
.jh-crm-status-quoted{background:#F2EAF9;color:#76509A}
.jh-crm-status-confirmed{background:#E8F6EE;color:#24764F}
.jh-crm-status-completed{background:#DDEFE5;color:#185E41}
.jh-crm-status-hold{background:#EEF0EF;color:#626A66}
.jh-crm-status-cancelled{background:#F8E7E6;color:#A5413E}

/* Detail */
.jh-crm-detail-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.jh-crm-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
}
.jh-crm-detail-head h1{
  margin:8px 0 5px;
}
.jh-crm-detail-head p{
  margin:0;
  color:#69766F;
  font-size:13px;
}
.jh-crm-contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.jh-crm-customer-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:22px;
}
.jh-crm-customer-grid>div{
  padding:13px 14px;
  border:1px solid #DDE8E1;
  border-radius:11px;
  background:#F8FBF9;
}
.jh-crm-customer-grid span{
  display:block;
  color:#738078;
  font-size:11px;
  font-weight:750;
}
.jh-crm-customer-grid strong{
  display:block;
  margin-top:4px;
  color:#2C3932;
  font-size:14px;
}
.jh-crm-symptom{
  margin-top:12px;
  padding:13px 15px;
  display:flex;
  gap:12px;
  border-radius:10px;
  background:#FFF5ED;
  color:#555C58;
}
.jh-crm-symptom strong{
  color:#D45B22;
}
.jh-crm-message{
  margin-top:13px;
  padding:16px;
  border:1px solid #E0E8E3;
  border-radius:12px;
}
.jh-crm-message>strong{
  display:block;
  margin-bottom:7px;
}
.jh-crm-message>div{
  color:#4D5A53;
  line-height:1.7;
}
.jh-crm-photo-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin-top:14px;
}
.jh-crm-photo-grid img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
  border-radius:10px;
  border:1px solid #DDE6E1;
}
.jh-crm-detail-columns{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:15px;
  align-items:start;
}
.jh-crm-case-create{
  margin-top:22px;
  padding:17px;
  border:1px solid #DDE8E1;
  border-radius:12px;
  background:#F8FBF9;
}
.jh-crm-case-create strong{
  display:block;
  margin-bottom:5px;
}
.jh-crm-case-create p{
  margin:0 0 12px;
  color:#617068;
  font-size:13px;
}

/* Timeline */
.jh-crm-timeline{
  position:relative;
}
.jh-crm-timeline-item{
  position:relative;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:10px;
  padding:0 0 18px;
}
.jh-crm-timeline-item:not(:last-child):before{
  content:"";
  position:absolute;
  left:6px;
  top:14px;
  bottom:0;
  width:1px;
  background:#DDE7E1;
}
.jh-crm-timeline-dot{
  position:relative;
  z-index:2;
  width:13px;
  height:13px;
  margin-top:4px;
  border-radius:50%;
  background:#2F9468;
  border:3px solid #E5F3EB;
}
.jh-crm-timeline-item strong{
  display:block;
  color:#35433B;
  font-size:13px;
  line-height:1.55;
}
.jh-crm-timeline-item div>span{
  display:block;
  margin-top:3px;
  color:#829089;
  font-size:10px;
}
.jh-help.is-warning{
  border-color:#F2C9A9!important;
  background:#FFF6EE!important;
  color:#8B5B37!important;
}

@media(max-width:900px){
  .jh-crm-summary-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .jh-crm-detail-columns{
    grid-template-columns:1fr;
  }
  .jh-crm-customer-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .jh-crm-photo-grid{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:600px){
  .jh-crm-board-head,
  .jh-crm-detail-head{
    display:block;
  }
  .jh-crm-board-head .jh-btn,
  .jh-crm-contact-actions{
    margin-top:12px;
  }
  .jh-crm-summary-grid{
    grid-template-columns:1fr 1fr;
  }
  .jh-crm-customer-grid{
    grid-template-columns:1fr;
  }
  .jh-crm-photo-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .jh-crm-detail-top{
    display:grid;
    grid-template-columns:1fr;
  }
}
\n\n/* ===== 1.6.20 상담자료 조회 보완 ===== */\n.jh-crm-total-count{\n  display:inline-block;\n  margin-left:6px;\n  padding:2px 7px;\n  border-radius:999px;\n  background:#EAF6EF;\n  color:#267A56;\n  font-size:12px;\n  font-weight:850;\n  white-space:nowrap;\n}\n

/* ==========================================================
   1.6.21 상담관리센터 가독성 / 한 화면 배치 개선
   ========================================================== */

.jh-crm-group-head{
  margin:26px 0 12px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:25px;
}
.jh-crm-group-head h2{
  margin:4px 0 0;
  color:#26362E;
  font-size:25px;
  letter-spacing:-.04em;
}
.jh-crm-group-head p{
  max-width:500px;
  margin:0;
  color:#66746D;
  font-size:14px;
  line-height:1.55;
}
.jh-crm-group-head-closed{
  margin-top:34px;
  padding-top:25px;
  border-top:1px solid #DDE8E1;
}

/* PC: 진행단계 5개를 화면 폭 안에 배치 */
.jh-crm-board{
  min-width:0!important;
}
.jh-crm-board-active{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:11px!important;
  width:100%;
}
.jh-crm-board-closed{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%;
  padding-bottom:35px;
}

/* 기존 가로스크롤 제거 */
.jh-crm-board-wrap{
  overflow:visible!important;
  padding-bottom:0!important;
}

.jh-crm-column{
  min-width:0!important;
  border-radius:14px!important;
}
.jh-crm-column-head{
  min-height:56px!important;
  padding:13px 15px!important;
}
.jh-crm-column-head strong{
  font-size:16px!important;
}
.jh-crm-column-head>span{
  min-width:29px!important;
  height:29px!important;
  font-size:12px!important;
}
.jh-crm-column-body{
  min-height:205px!important;
  max-height:620px!important;
  padding:10px!important;
}

/* 상담 카드 정보를 더 선명하게 */
.jh-crm-card{
  padding:15px!important;
  border-radius:12px!important;
}
.jh-crm-card-top strong{
  color:#223229!important;
  font-size:18px!important;
  letter-spacing:-.025em;
}
.jh-crm-new-dot{
  padding:4px 7px!important;
  font-size:10px!important;
}
.jh-crm-card-service{
  margin-top:8px!important;
  color:#237A53!important;
  font-size:14px!important;
}
.jh-crm-card-meta{
  gap:6px!important;
  margin-top:9px!important;
}
.jh-crm-card-meta span{
  padding:5px 7px!important;
  color:#536159!important;
  font-size:12px!important;
}
.jh-crm-card-meta .has-photo{
  background:#FFF1E8!important;
  color:#C85A25!important;
}
.jh-crm-card>small{
  margin-top:10px!important;
  color:#6D7973!important;
  font-size:11px!important;
  line-height:1.6!important;
}
.jh-crm-next{
  margin-top:11px!important;
  padding:10px 11px!important;
}
.jh-crm-next b{
  display:block!important;
  margin:0 0 4px!important;
  color:#D35A22!important;
  font-size:11px!important;
}
.jh-crm-next span{
  display:block!important;
  color:#3E4B44!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.jh-crm-next em{
  margin-top:6px!important;
  font-size:11px!important;
}

/* 빈 칸도 덜 허전하게 */
.jh-crm-empty{
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#98A29D!important;
}
.jh-crm-empty>span{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#EEF2F0;
  color:#89958F;
  font-size:13px;
  font-weight:900;
}
.jh-crm-empty p{
  margin:0;
  font-size:12px!important;
}

/* 요약 카드 조금 더 선명하게 */
.jh-crm-summary-grid{
  gap:11px!important;
}
.jh-crm-summary-grid>a,
.jh-crm-summary-grid>div{
  min-height:96px!important;
  padding:18px 20px!important;
}
.jh-crm-summary-grid span{
  font-size:14px!important;
}
.jh-crm-summary-grid strong{
  font-size:33px!important;
}

/* 태블릿: 진행 3열 */
@media(max-width:1200px){
  .jh-crm-board-active{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .jh-crm-board-closed{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* 작은 태블릿: 2열 */
@media(max-width:850px){
  .jh-crm-board-active,
  .jh-crm-board-closed{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .jh-crm-group-head{
    display:block;
  }
  .jh-crm-group-head p{
    margin-top:7px;
  }
}

/* 모바일: 한 칸씩 세로 배치 */
@media(max-width:560px){
  .jh-crm-board-active,
  .jh-crm-board-closed{
    grid-template-columns:1fr!important;
  }
  .jh-crm-column-body{
    min-height:120px!important;
  }
  .jh-crm-summary-grid{
    grid-template-columns:1fr 1fr!important;
  }
}


/* ==========================================================
   1.6.22 상담관리센터 가로형 목록
   ========================================================== */

.jh-crm-list-toolbar{
  margin-top:18px;
  padding:17px;
  border:1px solid #DDE8E1;
  border-radius:15px;
  background:#FFFFFF;
}
.jh-crm-filter-group{
  display:grid;
  grid-template-columns:55px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
.jh-crm-filter-group>strong{
  color:#334139;
  font-size:13px;
}
.jh-crm-filter-pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.jh-crm-filter-pills a{
  min-height:32px;
  padding:6px 10px;
  display:inline-flex;
  align-items:center;
  border:1px solid #D8E3DD;
  border-radius:999px;
  background:#FFFFFF;
  color:#5B6961!important;
  font-size:12px;
  font-weight:800;
  text-decoration:none!important;
}
.jh-crm-filter-pills a:hover{
  border-color:#9EC2AE;
  background:#F5FAF7;
}
.jh-crm-filter-pills a.is-active{
  border-color:#2F9468;
  background:#2F9468;
  color:#FFFFFF!important;
}
.jh-crm-search{
  margin-top:13px;
  padding-top:13px;
  display:flex;
  align-items:center;
  gap:7px;
  border-top:1px solid #E3EBE6;
}
.jh-crm-search input{
  flex:1;
  min-width:180px;
  height:42px;
  padding:0 13px;
  border:1px solid #D5E1DA;
  border-radius:8px;
  background:#FFFFFF;
  font-size:14px;
}
.jh-crm-list-headline{
  margin:26px 0 10px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}
.jh-crm-list-headline h2{
  margin:4px 0 0;
  color:#28372F;
  font-size:25px;
}
.jh-crm-list-headline p{
  margin:0;
  color:#65736C;
  font-size:13px;
}
.jh-crm-list-headline p strong{
  color:#2F9468;
  font-size:18px;
}

/* Desktop table */
.jh-crm-list-table-wrap{
  width:100%;
  overflow-x:auto;
  border:1px solid #DDE8E1;
  border-radius:14px;
  background:#FFFFFF;
  box-shadow:0 5px 16px rgba(34,71,53,.04);
}
.jh-crm-list-table{
  width:100%;
  min-width:1180px;
  border-collapse:collapse;
  table-layout:auto;
}
.jh-crm-list-table th{
  padding:12px 10px;
  border-bottom:1px solid #DDE8E1;
  background:#F6F9F7;
  color:#47564E;
  font-size:12px;
  font-weight:900;
  text-align:left;
  white-space:nowrap;
}
.jh-crm-list-table td{
  padding:13px 10px;
  border-bottom:1px solid #E7EDE9;
  color:#3C4942;
  font-size:13px;
  vertical-align:middle;
}
.jh-crm-list-table tbody tr:last-child td{
  border-bottom:0;
}
.jh-crm-list-table tbody tr{
  transition:.16s ease;
}
.jh-crm-list-table tbody tr:hover{
  background:#FAFCFB;
}
.jh-crm-list-table tbody tr.is-unread{
  background:#FFF8F3;
  box-shadow:inset 4px 0 0 #F36B2A;
}
.jh-crm-list-table tbody tr.is-stale{
  background:#FFFDF7;
}
.jh-crm-list-table td>strong:first-child{
  display:block;
  color:#27372E;
}
.jh-crm-list-table td>span{
  display:block;
}
.jh-crm-list-table td:first-child span{
  margin-top:2px;
  color:#7B8781;
  font-size:11px;
}
.jh-crm-stale-badge{
  display:inline-block;
  margin-top:5px;
  padding:3px 5px;
  border-radius:5px;
  background:#FFF0CC;
  color:#96670D;
  font-size:9px;
  font-style:normal;
  font-weight:900;
}
.jh-crm-list-name{
  display:inline-block!important;
  margin-right:4px;
  font-size:15px;
}
.jh-crm-list-table td[data-label="고객명"] small{
  display:block;
  margin-top:3px;
  color:#748078;
  font-size:10px;
}
.jh-crm-list-service{
  color:#247A55!important;
  font-weight:850;
}
.jh-crm-photo-count{
  display:inline-flex!important;
  min-height:27px;
  padding:4px 8px;
  align-items:center;
  border-radius:999px;
  background:#FFF0E7;
  color:#C85B26!important;
  font-size:11px;
  font-weight:900;
}
.jh-crm-source{
  color:#5D6963!important;
  font-size:11px;
  line-height:1.35;
}
.jh-crm-list-next{
  color:#3A4841!important;
  font-size:12px;
  line-height:1.4;
}
.jh-crm-date-pill{
  display:inline-flex!important;
  padding:5px 7px;
  border-radius:7px;
  background:#EEF5F1;
  color:#426354!important;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.jh-crm-list-empty{
  padding:45px 15px!important;
  color:#8B9791!important;
  text-align:center!important;
}

/* Mobile: table -> cards */
@media(max-width:760px){
  .jh-crm-filter-group{
    display:block;
  }
  .jh-crm-filter-group>strong{
    display:block;
    margin-bottom:7px;
  }
  .jh-crm-filter-pills{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .jh-crm-filter-pills::-webkit-scrollbar{
    display:none;
  }
  .jh-crm-filter-pills a{
    flex:0 0 auto;
  }
  .jh-crm-search{
    flex-wrap:wrap;
  }
  .jh-crm-search input{
    flex:1 1 100%;
  }
  .jh-crm-list-headline{
    align-items:center;
  }

  .jh-crm-list-table-wrap{
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  .jh-crm-list-table,
  .jh-crm-list-table tbody,
  .jh-crm-list-table tr,
  .jh-crm-list-table td{
    display:block;
    width:100%;
    min-width:0;
  }
  .jh-crm-list-table thead{
    display:none;
  }
  .jh-crm-list-table tbody tr{
    margin-bottom:12px;
    padding:14px;
    border:1px solid #DDE8E1;
    border-radius:13px;
    background:#FFFFFF;
    box-shadow:0 4px 12px rgba(35,77,60,.04);
  }
  .jh-crm-list-table tbody tr.is-unread{
    background:#FFF9F4;
    border-color:#F2B390;
  }
  .jh-crm-list-table td{
    position:relative;
    min-height:36px;
    padding:7px 0 7px 104px;
    border:0!important;
    font-size:13px;
  }
  .jh-crm-list-table td:before{
    content:attr(data-label);
    position:absolute;
    left:0;
    top:8px;
    width:94px;
    color:#7A8780;
    font-size:11px;
    font-weight:850;
  }
  .jh-crm-list-table td[data-label="고객명"]{
    padding-top:10px;
    padding-bottom:10px;
  }
  .jh-crm-list-table td[data-label="관리"] .jh-btn{
    width:100%;
  }
  .jh-crm-list-empty{
    padding-left:0!important;
  }
  .jh-crm-list-empty:before{
    display:none;
  }
}


/* ==========================================================
   1.6.24 지역 × 서비스 SEO 페이지
   ========================================================== */

/* 관리자 */
.jh-local-seo-create{
  margin-top:22px;
  padding:18px;
  border:1px solid #DDE8E1;
  border-radius:14px;
  background:#F8FBF9;
}
.jh-local-seo-create h2{margin:0 0 14px}
.jh-local-seo-create-form{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:10px;
  align-items:end;
}
.jh-local-seo-create-form .jh-field{margin:0}
.jh-local-seo-list-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
}
.jh-local-seo-list-head h2{margin:0}
.jh-local-seo-list-head p{margin:4px 0 0;color:#6C7972}
.jh-local-seo-table td:first-child strong{display:block}
.jh-local-seo-table td:first-child small{
  display:block;
  margin-top:4px;
  color:#7A8780;
  font-size:11px;
}
.jh-local-seo-status{
  display:inline-flex;
  padding:5px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
}
.jh-local-seo-status.published{background:#E7F6ED;color:#24764F}
.jh-local-seo-status.noindex{background:#FFF4D9;color:#95670D}
.jh-local-seo-status.draft{background:#EEF1EF;color:#68736D}
.jh-local-seo-edit-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}
.jh-local-seo-edit-head h2{margin:5px 0 0}
.jh-local-seo-edit-head p{margin:5px 0 0;color:#6B7871;font-size:13px}
.jh-local-url-field{
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 11px;
  border:1px solid #D5E1DA;
  border-radius:9px;
  background:#F8FBF9;
}
.jh-local-url-field span{
  color:#52635A;
  font-family:monospace;
  font-size:13px;
}
.jh-local-url-field input{
  max-width:260px;
  height:38px!important;
  margin:0!important;
  background:#FFFFFF!important;
}
.jh-local-faq-edit{
  padding:14px 15px;
  margin-bottom:10px;
  border:1px solid #E0E8E3;
  border-radius:12px;
  background:#FAFCFB;
}
.jh-danger-zone{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #E5EAE7;
}

/* 고객 페이지 */
.jh-local-service{background:#FFFFFF}
.jh-local-service-hero{
  padding:56px 0 62px;
  background:linear-gradient(180deg,#F3FAF6 0%,#FFFFFF 100%);
  border-bottom:1px solid #DDE8E1;
}
.jh-local-service-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:55px;
  align-items:center;
  margin-top:24px;
}
.jh-local-service-copy h1{
  margin:7px 0 18px;
  color:#24342C;
  font-size:clamp(40px,5vw,62px);
  line-height:1.08;
  letter-spacing:-.055em;
}
.jh-local-service-lead{
  max-width:690px;
  color:#526159;
  font-size:17px;
  line-height:1.8;
}
.jh-local-service-lead p{margin:0}
.jh-local-service-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
}
.jh-local-service-hero-media img{
  width:100%;
  aspect-ratio:4/3;
  display:block;
  object-fit:cover;
  border-radius:21px;
  box-shadow:0 18px 42px rgba(37,82,62,.10);
}
.jh-local-trust-section{
  padding:20px 0;
  background:#243832;
}
.jh-local-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.jh-local-trust-grid>div{
  padding:5px 24px;
  border-right:1px solid rgba(255,255,255,.16);
}
.jh-local-trust-grid>div:last-child{border-right:0}
.jh-local-trust-grid strong{
  display:block;
  color:#FFFFFF;
  font-size:15px;
}
.jh-local-trust-grid span{
  display:block;
  margin-top:4px;
  color:#CFE0D7;
  font-size:12px;
}
.jh-local-service-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:46px;
  align-items:start;
}
.jh-local-service-content-grid h2{
  margin:5px 0 20px;
  font-size:34px;
  letter-spacing:-.045em;
}
.jh-local-checklist{
  padding:24px;
  border:1px solid #DDE8E1;
  border-radius:16px;
  background:#F7FBF8;
}
.jh-local-checklist h3{margin:0 0 13px}
.jh-local-checklist ul{
  margin:0;
  padding:0;
  list-style:none;
}
.jh-local-checklist li{
  position:relative;
  padding:10px 0 10px 25px;
  border-bottom:1px solid #E1EAE4;
  color:#3D4B44;
  font-weight:750;
}
.jh-local-checklist li:before{
  content:"✓";
  position:absolute;
  left:1px;
  color:#2F9468;
  font-weight:900;
}
.jh-local-checklist p{
  margin:13px 0 0;
  color:#6B7972;
  font-size:12px;
  line-height:1.6;
}
.jh-local-empty-case{
  padding:30px;
  border:1px dashed #C8D8CF;
  border-radius:15px;
  background:#FFFFFF;
}
.jh-local-empty-case strong{
  display:block;
  color:#34433B;
  font-size:18px;
}
.jh-local-empty-case p{
  margin:7px 0 0;
  color:#6B7771;
}
.jh-local-faq-list{
  display:grid;
  gap:9px;
}
.jh-local-faq-list details{
  border:1px solid #DDE8E1;
  border-radius:12px;
  background:#FFFFFF;
  overflow:hidden;
}
.jh-local-faq-list summary{
  padding:17px 19px;
  color:#2F3D35;
  font-size:16px;
  font-weight:850;
  cursor:pointer;
}
.jh-local-faq-list details>div{
  padding:0 19px 19px;
  color:#596760;
  line-height:1.75;
}
.jh-service-local-links-section{
  border-top:1px solid #E2EAE5;
}
.jh-service-local-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.jh-service-local-links a{
  padding:9px 13px;
  border:1px solid #D5E2DA;
  border-radius:999px;
  background:#FFFFFF;
  color:#2D7656!important;
  font-size:13px;
  font-weight:800;
  text-decoration:none!important;
}
.jh-service-local-links a:hover{
  border-color:#78B697;
  background:#EFF8F3;
}

@media(max-width:900px){
  .jh-local-seo-create-form{
    grid-template-columns:1fr 1fr;
  }
  .jh-local-seo-create-form .jh-btn{grid-column:1/-1}
  .jh-local-service-hero-grid,
  .jh-local-service-content-grid{
    grid-template-columns:1fr;
  }
  .jh-local-trust-grid{
    grid-template-columns:repeat(2,1fr);
    gap:15px 0;
  }
  .jh-local-trust-grid>div:nth-child(2){border-right:0}
}
@media(max-width:600px){
  .jh-local-seo-create-form{
    grid-template-columns:1fr;
  }
  .jh-local-seo-edit-head{
    display:block;
  }
  .jh-local-seo-edit-head .jh-btn{margin-top:10px}
  .jh-local-url-field{
    flex-wrap:wrap;
  }
  .jh-local-service-hero{
    padding-top:35px;
  }
  .jh-local-service-copy h1{
    font-size:38px;
  }
  .jh-local-trust-grid{
    grid-template-columns:1fr 1fr;
  }
  .jh-local-trust-grid>div{
    padding:6px 12px;
  }
}