/* =========================================================
   page/dry/ 폴더 전용 CSS
   ========================================================= */
.bd-dry-tab{ padding:80px 0 100px; }
/* 탭 전환 버튼(bd-dry-tabnav/bd-dry-tabbtn)은 여러 폴더에서 공용으로 쓰여
   page/css/retina.css로 옮겼습니다. */

.bd-dry-panel{ display:none; gap:50px; flex-wrap:wrap; }
.bd-dry-panel.bd-active{ display:flex; }
.bd-dry-panel-img{ flex:1; min-width:260px; aspect-ratio:4/3; border-radius:14px; overflow:hidden; }
.bd-dry-panel-img img, .bd-dry-panel-img .bd-ph{ width:100%; height:100%; object-fit:cover; }
.bd-dry-panel-body{ flex:1.3; min-width:280px; }
.bd-dry-panel-top strong{ display:block; font-size:22px; font-weight:700; color:var(--bd-font,#222); margin-bottom:12px; }
.bd-dry-panel-top p{ color:#444; font-size:14.5px; line-height:1.75; margin-bottom:24px; }
.bd-dry-sub{ margin-bottom:20px; }
.bd-dry-sub b{ display:block; color:var(--bd-main-deep,#0e6690); font-size:14px; margin-bottom:8px; }
.bd-dry-sub > p{ color:#666; font-size:13.5px; line-height:1.7; }
.bd-dry-symptom-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.bd-dry-symptom-tags li{ font-size:12.5px; color:var(--bd-main-deep,#0e6690); background:#eef3fa; padding:6px 12px; border-radius:99px; }
.bd-dry-treat-list li{ font-size:13.5px; color:#666; line-height:1.7; padding-left:12px; position:relative; margin-bottom:6px; }
.bd-dry-treat-list li:before{ content:''; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background:var(--bd-main,#188FCA); }
@media (max-width:768px){ .bd-dry-panel{ flex-direction:column; } }

/* 아래쪽 별도 탭 그룹(안검염/사상각막염) 전용 라벨 색상 — 위쪽 원래 4탭에는 영향 없음 */
.bd-dry-tab2 .bd-dry-sub b{ color:#e02424; }

/* 수술방법 비교 (전층/부분층 각막이식) */
.bd-dry-compare{ padding:80px 0 100px; }
.bd-dry-compare-box{ margin-bottom:36px; padding:30px; background:#f0f5fa; border-radius:14px; }
.bd-dry-compare-tag{ display:inline-block; background:var(--bd-main,#188FCA); color:#fff; font-size:14px; font-weight:700; padding:8px 18px; border-radius:99px; margin-bottom:20px; }
.bd-dry-compare-imgs{ display:flex; gap:16px; margin-bottom:16px; }
.bd-dry-compare-imgs .bd-cause-img{ flex:1; aspect-ratio:1/1; }
.bd-dry-compare-box p{ text-align:center; color:#444; font-size:15px; font-weight:600; }
@media (max-width:600px){ .bd-dry-compare-imgs{ flex-direction:column; } }

/* 병원의 특별함 (텍스트 목록 + 사진) - 여러 dry 페이지에서 동일하게 재사용 */
/* 병원의 특별함(bd-hospital-special/bd-hs-*)은 여러 폴더에서 공용으로 쓰여
   page/css/retina.css로 옮겼습니다. */