/* 최현미 업무분야: 안목 style.css 위에 덮어쓰는 사이트 맞춤 (고정 상단 메뉴 높이·글꼴·주황 포인트) */
#contents > .yd10, #contents > .yi13 { margin-top: 110px; }
@media screen and (max-width: 1200px) { #contents > .yd10, #contents > .yi13 { margin-top: 95px; } }
@media screen and (max-width: 768px)  { #contents > .yd10, #contents > .yi13 { margin-top: 70px; } }
@media screen and (max-width: 640px)  { #contents > .yd10, #contents > .yi13 { margin-top: 60px; } }

/* 목록 상단: 안목은 투명 메뉴 아래로 깔려 위 여백이 컸음 → 최현미는 흰 메뉴 아래부터 */
.yi13-hero { padding: 96px 24px 80px; min-height: 380px; }
@media screen and (max-width: 768px) { .yi13-hero { padding: 56px 16px 48px; min-height: 0; } .yi13-hero h1 { font-size: 34px; } .yi13-hero p { font-size: 16px; margin-bottom: 24px; } }

/* 상세 상단: 검정 바탕 + 주황 포인트 */
.yd10-hero { background: #1f1f1f url("/images/sub/business_bg.jpg") center/cover no-repeat; position: relative; isolation: isolate; }
.yd10-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(20, 20, 20, .78); }
.yd10-hero-tags span:first-child { border-color: #f77a58; background: rgba(247, 122, 88, .18); }
.yd10 .yd10-help > span, .yd10 .yd10-number { color: #d9582f; }
.yd10-side-toc a[aria-current="location"] { color: #d9582f; }

/* 변호사 사진: 세로 사진이 잘리지 않게 */
.yd10-lawyer img { object-fit: cover; object-position: center top; background: #f4f1ee; }
.yd10-reviewer img { object-fit: cover; object-position: center top; border-radius: 50%; }

/* 사이트 공통 CSS(template/style)가 h1~h3·p 에 주는 여백·글꼴 크기 무시 */
.yd10 h1, .yd10 h2, .yd10 h3, .yi13 h1, .yi13 h2 { letter-spacing: -0.02em; }
.yd10 ul, .yd10 ol { list-style: none; }