/* 지음치과 지역 안내 — /areas/ · /areas/{지역}/ · /areas/{지역}/{진료}/ (2026-10-31)
   예전 _area.inc.php 안의 인라인 스타일을 옮기고 본론·상황·사실 표·조합 쪽 규칙을 더했다.
   색: 지음 노랑 #ffe100 · 강조 #ffc100 · 글자 강조 #e8a200 / 글꼴 Noto Sans KR (css/style.css 와 같음) */
.ja{font-family:'Noto Sans KR',sans-serif;color:#222;letter-spacing:-.03em;word-break:keep-all;background:#fff}
.ja *{box-sizing:border-box}
.ja a{color:inherit;text-decoration:none}
.ja-hero{display:flex;align-items:stretch;min-height:420px;max-width:1920px;margin:0 auto;background:#fff}
.ja-hero-txt{flex:1 1 50%;display:flex;flex-direction:column;justify-content:center;padding:60px 6% 60px 16%}
.ja-eyebrow{display:inline-block;align-self:flex-start;font-size:17px;font-weight:500;color:#f0a000;border-bottom:1px solid #f0a000;padding-bottom:2px;margin:0 0 22px}
.ja-hero h1{margin:0;font-size:54px;line-height:1.2;font-weight:700;letter-spacing:-.05em;color:#111}
.ja-hero-lede{margin:26px 0 0;font-size:18px;line-height:1.75;color:#333;max-width:540px;font-weight:400}
.ja-hero-go{display:flex;flex-wrap:wrap;gap:8px 18px;margin:24px 0 0;font-size:15px;font-weight:700}
.ja-hero-go a{border-bottom:2px solid #ffe100;padding-bottom:2px}
.ja-hero-go a:after{content:' →';font-weight:400}
.ja-hero-go a:hover{color:#e8a200}
.ja-hero-img{flex:1 1 50%;background:#eee url('/img/sub/1_3_slide02.jpg') center/cover no-repeat}
.ja-tabs{border-top:1px solid #efefef;border-bottom:1px solid #efefef;background:#fff}
.ja-tabs ul{display:flex;justify-content:center;max-width:1200px;margin:0 auto;padding:0;list-style:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ja-tabs ul::-webkit-scrollbar{display:none}
.ja-tabs li{flex:0 0 auto;border-right:1px solid #efefef}
.ja-tabs li:last-child{border-right:0}
.ja-tabs a{display:block;padding:20px 20px 13px;font-size:16px;font-weight:500;border-bottom:7px solid #fff;white-space:nowrap}
.ja-tabs a:hover,.ja-tabs a.on{border-bottom-color:#ffe100;color:#ffc100}
.ja-crumb{max-width:1200px;margin:0 auto;padding:16px 20px;font-size:14px;color:#888;border-bottom:1px solid #efefef}
.ja-crumb a:hover{color:#e8a200}
.ja-crumb i{font-style:normal;padding:0 8px;color:#ccc}
.ja-crumb span{color:#222;font-weight:500}
.ja-wrap{max-width:1100px;margin:0 auto;padding:70px 20px 40px}

/* 도입 · 본론(결정 흐름) */
.ja-lead{margin:0 0 50px;font-size:17px;line-height:1.9;color:#444}
.ja-steps{border-top:2px solid #222}
.ja-step{position:relative;padding:30px 0 30px 74px;border-bottom:1px solid #e5e5e5}
.ja-step .no{position:absolute;left:0;top:30px;font-size:30px;font-weight:700;line-height:1;color:#ffc100;letter-spacing:0}
.ja-step h2{margin:0 0 10px;font-size:22px;line-height:1.45;font-weight:700;color:#111}
.ja-step p{margin:0;font-size:16px;line-height:1.85;color:#555}

/* 구획 */
.ja-band{margin-top:64px;padding-top:56px;border-top:1px solid #d4d4d4}
.ja-h2{margin:0 0 26px;font-size:28px;line-height:1.35;font-weight:700;color:#111}
.ja-sits{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ja-sit{padding:26px 26px 24px;border:1px solid #e5e5e5;background:#fff}
.ja-sit h3{margin:0 0 10px;font-size:18px;line-height:1.45;font-weight:700}
.ja-sit p{margin:0;font-size:15.5px;line-height:1.8;color:#555}
.ja-core{border-top:2px solid #222}
.ja-core-i{padding:22px 0;border-bottom:1px solid #e5e5e5}
.ja-core-i h3{margin:0 0 8px;font-size:18px;font-weight:700}
.ja-core-i p{margin:0;font-size:15.5px;line-height:1.8;color:#555}

/* 진료 고르기 */
.ja-combos{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 26px;padding:0;list-style:none}
.ja-combos a{display:block;height:100%;padding:22px 24px;border:1px solid #e5e5e5;background:#fffdf0;transition:border-color .15s}
.ja-combos a:hover{border-color:#ffc100}
.ja-combos strong{display:block;margin-bottom:6px;font-size:18px;font-weight:700}
.ja-combos strong:after{content:' →';font-weight:400;color:#e8a200}
.ja-combos span{display:block;font-size:14px;line-height:1.65;color:#777}
.ja-tr{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #222}
.ja-tr a{display:block;padding:22px 18px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;transition:background .15s}
.ja-tr a:nth-child(4n){border-right:0}
.ja-tr a:hover{background:#fffbe0}
.ja-tr strong{display:block;font-size:16px;font-weight:700;margin-bottom:6px}
.ja-tr span{display:block;font-size:13.5px;color:#888;line-height:1.5}
.ja-tr a.pick strong:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffc100;margin:0 8px 2px 0;vertical-align:middle}

/* 의료진 */
.ja-docs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ja-doc{display:flex;align-items:center;gap:20px;padding:22px 24px;border:1px solid #e5e5e5}
.ja-doc img{flex:0 0 auto;width:88px;height:112px;object-fit:cover;object-position:top;background:#f3f3f3}
.ja-doc h3{margin:0 0 6px;font-size:20px;font-weight:700}
.ja-doc h3 small{font-size:14px;font-weight:500;color:#888;margin-left:4px}
.ja-doc p{margin:0;font-size:15px;color:#555}
.ja-doc-more{margin:14px 0 0;font-size:14px;font-weight:700}
.ja-doc-more a:hover{color:#e8a200}

/* 오시는 길 · 사실 표 */
.ja-access{margin:0 0 20px;font-size:16px;line-height:1.85;color:#444}
.ja-facts{width:100%;border-collapse:collapse;border-top:2px solid #222;font-size:16px}
.ja-facts th{width:130px;padding:16px 18px;text-align:left;font-weight:700;background:#fafafa;border-bottom:1px solid #e5e5e5;vertical-align:top}
.ja-facts td{padding:16px 18px;border-bottom:1px solid #e5e5e5;color:#333}
.ja-facts td a{font-weight:700}
.ja-hours{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;margin:0}
.ja-hours dt{color:#666}
.ja-hours dd{margin:0;font-weight:500}

/* 문답 */
.ja-qa{border-top:2px solid #222}
.ja-qa-i{padding:22px 0;border-bottom:1px solid #e5e5e5}
.ja-qa-i h3{position:relative;margin:0 0 8px;padding-left:30px;font-size:18px;line-height:1.5;font-weight:700}
.ja-qa-i h3:before{content:'Q';position:absolute;left:0;top:0;color:#ffc100;font-weight:900}
.ja-qa-i p{margin:0;padding-left:30px;font-size:15.5px;line-height:1.85;color:#555}
.ja-note{margin:16px 0 0;font-size:13px;color:#999}

/* 링크 모음 */
.ja-lk{margin:0 0 26px}
.ja-lk-t{margin:0 0 12px;font-size:15px;font-weight:700;color:#888}
.ja-lk-more{margin:10px 0 0;font-size:14px;font-weight:700}
.ja-collist{margin:0;padding:0;list-style:none;border-top:1px solid #e5e5e5}
.ja-collist li{border-bottom:1px solid #e5e5e5}
.ja-collist a{display:flex;gap:12px;padding:14px 2px;font-size:16px}
.ja-collist a:hover .t{color:#e8a200}
.ja-collist .c{flex:0 0 auto;font-size:13px;font-weight:700;color:#e8a200;padding-top:2px}
.ja-near{display:flex;flex-wrap:wrap;gap:10px}
.ja-near a{display:inline-block;padding:11px 20px;border:1px solid #ddd;font-size:15px;font-weight:500;background:#fff}
.ja-near a:hover{border-color:#ffc100;color:#e8a200}

/* 목록 쪽 */
.ja-sec{margin:0 0 80px}
.ja-sec-tit{margin:0 0 30px;text-align:center;font-size:34px;font-weight:400;letter-spacing:-.04em}
.ja-sec-tit b{font-weight:700}
.ja-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ja-hub a{display:flex;flex-direction:column;padding:30px 28px;border:1px solid #e5e5e5;background:#fff;transition:border-color .15s,box-shadow .15s}
.ja-hub a:hover{border-color:#ffc100;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.ja-hub .st{font-size:14px;color:#e8a200;font-weight:700;margin-bottom:8px}
.ja-hub strong{font-size:22px;font-weight:700;margin-bottom:12px}
.ja-hub span.d{font-size:15px;line-height:1.7;color:#666;flex:1}
.ja-hub span.go{margin-top:18px;font-size:14px;font-weight:700}
.ja-combo-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ja-combo-g{border-top:2px solid #222;padding-top:16px}
.ja-combo-g h3{margin:0 0 10px;font-size:20px;font-weight:700}
.ja-combo-g ul{margin:0;padding:0;list-style:none}
.ja-combo-g li a{display:block;padding:9px 0;border-bottom:1px solid #eee;font-size:16px}
.ja-combo-g li a:hover{color:#e8a200}
.ja-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 0;margin:0 0 30px;font-size:15px;color:#555}
.ja-line span{padding:8px 14px;border:1px solid #e5e5e5;background:#fafafa}
.ja-line span.me{background:#ffe100;border-color:#ffe100;font-weight:700;color:#111}
.ja-line i{font-style:normal;color:#bbb;padding:0 6px}
.ja-line b{display:inline-block;min-width:60px;text-align:right;margin-right:12px;color:#222}

/* 상담 띠 · 404 */
.ja-cta{background:#4c4c4c;color:#fff;text-align:center;padding:64px 20px;margin-top:70px}
.ja-cta-t{margin:0 0 26px;font-size:30px;font-weight:400}
.ja-cta-t b{font-weight:700}
.ja-cta .btns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.ja-cta .btns a{display:inline-block;min-width:200px;padding:17px 26px;font-size:17px;font-weight:700;background:#fff;color:#222}
.ja-cta .btns a.y{background:#ffe100}
.ja-404{max-width:760px;margin:0 auto;padding:140px 20px 120px;text-align:center;font-family:'Noto Sans KR',sans-serif}
.ja-404 h1{font-size:28px;font-weight:700}
.ja-404 p{margin-top:14px;font-size:16px}
.ja-404 a{color:#e8a200;font-weight:700}

@media (max-width:1024px){
 .ja-hero-txt{padding:50px 5% 50px 7%}
 .ja-hero h1{font-size:44px}
 .ja-tr{grid-template-columns:repeat(2,1fr)}
 .ja-tr a:nth-child(4n){border-right:1px solid #e5e5e5}
 .ja-tr a:nth-child(2n){border-right:0}
 .ja-hub,.ja-combo-groups{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
 .ja-hero{flex-direction:column-reverse;min-height:0}
 .ja-hero-img{flex:none;height:200px}
 .ja-hero-txt{padding:32px 16px 34px}
 .ja-eyebrow{font-size:14px;margin-bottom:14px}
 .ja-hero h1{font-size:32px}
 .ja-hero-lede{margin-top:14px;font-size:15px}
 .ja-hero-go{font-size:14px;margin-top:18px}
 .ja-tabs ul{justify-content:flex-start}
 .ja-tabs a{padding:15px 14px 10px;font-size:14px;border-bottom-width:5px}
 .ja-crumb{padding:12px 16px;font-size:13px}
 .ja-wrap{padding:40px 16px 10px}
 .ja-lead{font-size:15.5px;line-height:1.8;margin-bottom:34px}
 .ja-step{padding:22px 0 22px 44px}
 .ja-step .no{top:24px;font-size:20px}
 .ja-step h2{font-size:18px}
 .ja-step p{font-size:15px;line-height:1.8}
 .ja-band{margin-top:44px;padding-top:40px}
 .ja-h2{font-size:21px;margin-bottom:18px}
 .ja-sits,.ja-docs,.ja-combos{grid-template-columns:1fr;gap:12px}
 .ja-sit{padding:20px 18px}
 .ja-sit h3,.ja-core-i h3,.ja-qa-i h3{font-size:16px}
 .ja-sit p,.ja-core-i p,.ja-qa-i p{font-size:14.5px}
 .ja-tr a{padding:16px 12px}
 .ja-tr strong{font-size:15px}
 .ja-tr span{font-size:13px}
 .ja-facts{font-size:14.5px}
 .ja-facts th{width:84px;padding:13px 10px}
 .ja-facts td{padding:13px 10px}
 .ja-hours{gap:4px 12px}
 .ja-sec{margin-bottom:56px}
 .ja-sec-tit{font-size:23px;margin-bottom:20px}
 .ja-hub,.ja-combo-groups{grid-template-columns:1fr;gap:16px}
 .ja-hub a{padding:22px 18px}
 .ja-hub strong{font-size:19px}
 .ja-near a{padding:10px 14px;font-size:14px}
 .ja-line{font-size:13px}
 .ja-line span{padding:6px 9px}
 .ja-line b{min-width:0;width:100%;text-align:center;margin:0 0 4px}
 .ja-cta{padding:46px 16px;margin-top:50px}
 .ja-cta-t{font-size:22px}
 .ja-cta .btns a{min-width:0;width:100%}
}