/* 지점안내(원본 6_1) — 6-1-1·6-1-2·6-1-3.jpg(1920 폭) 실측. 2026-10-15
   좌표 주석은 원본 이미지 기준 px(가운데 960). 섹션 높이: A 1030 / B 1228 / C 1015 */
.jik-sub--branches{color:#565656;font-size:18px;line-height:26px;letter-spacing:-.04em;text-align:center;word-break:keep-all}
.jik-sub--branches :where(h1,h2,h3,p,ul,dl,dd){margin:0}
.jik-sub--branches section{position:relative;box-sizing:border-box;width:1185px;max-width:calc(100% - 32px);margin:0 auto}

/* A — 제목·배지·인사말·원장 */
.br-a{height:1030px;padding-top:50px}
.br-intro h1{font-size:60px;line-height:60px;font-weight:900;letter-spacing:-.06em;color:#312527}
.br-badge{display:inline-block;width:243px;height:50px;margin-top:51px;background:#393430;color:#fff;font-size:21px;line-height:50px;font-weight:700;letter-spacing:-.04em}
.br-greet{margin-top:40px;font-size:30px;line-height:41px;font-weight:400;letter-spacing:-.057em;color:#719d4e}
.br-msg{margin-top:18px}
.br-msg p{font-size:18px;line-height:26px;color:#565656;letter-spacing:-.055em}
.br-msg p+p{margin-top:26px}
.br-doctor{position:absolute;left:197px;top:665px;display:flex;align-items:flex-start;gap:46px;text-align:left}
.br-doctor__photo{display:block;width:440px;height:340px;object-fit:cover}
.br-doctor h2{margin-top:8px;font-size:42px;line-height:42px;font-weight:700;letter-spacing:0;color:#000}
.br-doctor h2 small{margin-left:4px;font-size:21px;font-weight:400;letter-spacing:-.04em}
.br-doctor ul{list-style:none;margin-top:16px;padding:0}
.br-doctor li{position:relative;padding-left:13px;font-size:18px;line-height:26px;color:#6f6f6f;letter-spacing:-.09em;white-space:nowrap}
.br-doctor li::before{content:"·";position:absolute;left:0;top:0;color:#bbb}

/* B — 진료시간·연락처·병원 사진 */
.br-b{height:1228px;padding-top:49px}
.br-head h2{font-size:46px;line-height:50px;font-weight:700;letter-spacing:-.06em;color:#312527}
.br-head p{margin-top:8px;font-size:19px;line-height:24px;color:#484748;letter-spacing:-.03em}
.br-hours{width:951px;max-width:100%;margin:29px auto 0;border-collapse:separate;border-spacing:0 1px;font-size:18px;letter-spacing:-.02em}
.br-hours th,.br-hours td{height:42px;padding:0;text-align:center;vertical-align:middle}
.br-hours th{width:300px;background:#736356;color:#fff;font-weight:700}
.br-hours td{background:#f4f0f1;color:#39342f;font-weight:400}
.br-hours td span{margin:0 14px}
.br-contact{position:relative;height:40px;margin-top:25px;text-align:left}
.br-contact p{position:absolute;top:0;height:40px;display:flex;align-items:center;gap:21px;white-space:nowrap}
.br-contact p:first-child{left:166px}
.br-contact p:last-child{left:634px}
.br-contact span{color:#6f9951;font-size:19px;letter-spacing:0}
.br-contact p:last-child span{letter-spacing:.04em}
.br-contact a{display:inline-flex;align-items:center;gap:6px;color:#3d3131;text-decoration:none;font-weight:800}
.br-contact p:first-child a{font-size:47px;letter-spacing:-.08em}
.br-contact p:last-child a{font-size:35px;letter-spacing:-.03em}
.br-contact img{width:40px;height:40px}
.br-head--clinic{margin-top:56px}
.br-head--clinic p{margin-top:12px;font-size:29px;line-height:34px;font-weight:300;color:#312628;letter-spacing:-.015em}
.br-clinic{display:block;width:1185px;max-width:100%;height:auto;margin:26px auto 0}

/* C — 찾아오시는 길 */
.br-c{height:1015px;padding-top:58px}
.br-head--map p{margin-top:22px;font-size:20px;line-height:26px;color:#6f9951;letter-spacing:-.07em}
.br-map{display:block;width:1185px;max-width:100%;height:437px;object-fit:cover;margin-top:26px}
.br-way{position:relative;height:310px;margin-top:15px;text-align:left}
.br-way__mini{position:absolute;left:0;top:0;width:390px;height:309px;object-fit:cover}
.br-way__item{position:absolute;display:flex;gap:13px;align-items:flex-start}
.br-way__item>img{flex:none;width:74px;height:74px}
.br-way__item--subway{left:405px;top:9px}
.br-way__item--car{left:885px;top:8px;gap:16px}
.br-way__item--bus{left:405px;top:117px}
.br-way__item h3{margin-top:10px;font-size:20px;line-height:26px;font-weight:700;color:#736356;letter-spacing:-.06em}
.br-way__item p{margin-top:4px;font-size:17px;line-height:22px;color:#6c6c6c;letter-spacing:-.06em}
.br-way__item--bus>div{padding-left:4px}
.br-way__item--bus h3{margin-top:8px}
.br-way__item dl{margin-top:6px}
.br-way__item dl>div{display:flex;font-size:17px;line-height:26px;color:#6d6d6d;letter-spacing:-.02em}
.br-way__item dt{width:41px;font-weight:700}
.br-way__item dl>div:nth-child(1) dt,.br-way__item dl>div:nth-child(5) dt{color:#41a21f}
.br-way__item dl>div:nth-child(2) dt{color:#385cb4}
.br-way__item dl>div:nth-child(3) dt,.br-way__item dl>div:nth-child(6) dt{color:#e30006}
.br-way__item dl>div:nth-child(4) dt{color:#61b3ef}

/* 1217px 미만 — 절대 배치를 풀고 흐름대로 */
@media (max-width:1216px){
 .jik-sub--branches section{height:auto;padding-bottom:50px}
 .br-doctor{position:static;justify-content:center;margin-top:54px}
 .br-way{height:auto;display:grid;grid-template-columns:390px 1fr 1fr;gap:20px;margin-top:15px}
 .br-way__mini,.br-way__item{position:static}
 .br-way__mini{grid-row:span 2}
 .br-way__item--bus{grid-column:2/4}
}
@media (max-width:860px){
 .br-doctor{flex-direction:column;align-items:center;gap:24px}
 .br-doctor__photo{width:100%;max-width:440px;height:auto}
 .br-way{grid-template-columns:1fr}
 .br-way__mini{grid-row:auto;width:100%;max-width:390px;height:auto}
 .br-way__item--bus{grid-column:auto}
 .br-contact{height:auto;display:flex;flex-direction:column;align-items:center;gap:12px}
 .br-contact p{position:static}
}
@media (max-width:767px){
 .br-a,.br-b,.br-c{padding-top:var(--jik-page-mobile-top,36px)}
 .br-intro h1{font-size:34px;line-height:40px}
 .br-badge{width:180px;height:40px;line-height:40px;font-size:17px;margin-top:22px}
 .br-greet{margin-top:26px;font-size:19px;line-height:28px}
 .br-msg p{font-size:15px;line-height:23px;letter-spacing:-.05em}
 .br-doctor h2{font-size:30px;line-height:34px}
 .br-doctor li{font-size:15px;line-height:24px;white-space:normal}
 .br-head h2{font-size:28px;line-height:34px}
 .br-head p,.br-head--clinic p,.br-head--map p{font-size:15px;line-height:22px}
 .br-hours{font-size:15px}
 .br-hours th{width:34%}
 .br-hours td span{margin:0 5px}
 .br-contact p:first-child a{font-size:32px}
 .br-contact p:last-child a{font-size:24px}
 .br-head--clinic{margin-top:36px}
 .br-map{height:auto;aspect-ratio:1185/437}
 .br-way__item>img{width:56px;height:56px}
 .br-way__item dl>div{font-size:14px;line-height:22px}
 .br-way__item dt{width:36px;flex:none}
}