/* 2026-10-12 강점(USP) 영역 — 원래 배너 디자인 복원(그림 대신 진짜 글자). 10/6 캐러셀(.gms)을 대체.
   기본: 어두운 배경 + 같은 크기 사진 카드 3장(번호·제목·주황 부제·구분선·체크 목록) / .gmr--rows: 재수술 페이지(밝은 배경·가로 줄 3개) */
.gmr { position:relative; background:#050505; color:#fff; overflow:hidden; word-break:keep-all; padding:110px 0 120px; }
.gmr__bg { position:absolute; top:0; right:0; width:58%; height:62%; background-size:cover; background-position:center top; opacity:.38; filter:grayscale(1);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 40%); mask-image:linear-gradient(90deg, transparent, #000 40%); pointer-events:none; }
.gmr__bg::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,5,5,0) 50%, #050505); }
.gmr .in { position:relative; }
/* 다음 영역과 간격: 사이트는 영역 '아래'에 여백(PC 150 / 모바일 100)을 두는 방식.
   다음 영역에 위 여백이 없는 페이지(비대증·전립선염·곤지름·요로결석)만 .gmr--gap 으로 같은 값을 줌 → 영역 사이 255/203px(사이트 기본과 동일).
   다음이 자체 위 여백 있는 어두운 영역인 페이지는 0 (어두운 영역 사이 흰 띠 방지) */
.gmr--gap { margin-bottom:150px; }
.gmr--gap-s { margin-bottom:96px; }   /* 전립선염: 다음 영역 안쪽 시작이 54px 낮아 줄여서 같은 255px */
.gmr__hd h2 { margin:0; font-size:44px; line-height:1.3; font-weight:700; letter-spacing:-.02em; color:#fff; }
.gmr .gmr__hd h2 em { font-style:normal; font-weight:700; color:#FBA303; }   /* 페이지 기존 h2 em(얇게) 덮어씀 */
.gmr__q { margin:26px 0 4px; font-size:19px; font-weight:700; color:#fff; }
.gmr__lead { margin:0; font-size:19px; line-height:1.7; color:#c9ced6; }
.gmr__lead b { color:#fff; font-weight:500; }
.gmr__cards { margin:52px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.gmr__card { position:relative; border:1px solid rgba(251,163,3,.6); border-radius:10px; overflow:hidden; background:#0a0c10; }
.gmr__card figure { position:absolute; inset:0 0 auto 0; height:330px; margin:0; }
.gmr__card figure img { width:100%; height:100%; object-fit:cover; display:block; }
.gmr__card figure::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,12,16,0) 30%, rgba(10,12,16,.85) 80%, #0a0c10); }
.gmr__body { position:relative; padding:200px 30px 36px; }
.gmr__no { display:inline-grid; place-items:center; min-width:38px; height:32px; padding:0 8px; border:1.5px solid rgba(255,255,255,.85); border-radius:6px; font-size:16px; font-weight:700; }
.gmr__card h3 { margin:20px 0 0; font-size:22px; line-height:1.45; font-weight:700; letter-spacing:-.02em; color:#fff; }
.gmr__card h3 em { display:block; font-style:normal; color:#FBA303; }
.gmr__card ul { list-style:none; margin:24px 0 0; padding:24px 0 0; border-top:1px solid rgba(255,255,255,.2); display:grid; gap:8px; }
.gmr__card li { position:relative; padding-left:26px; font-size:16.5px; line-height:1.5; color:#e4e7ec; }
.gmr__card li::before { content:"✓"; position:absolute; left:2px; top:0; color:#fff; font-weight:700; }

/* 재수술: 밝은 배경 + 가로 줄 3개(번호·제목·문단·오른쪽 사진) */
.gmr--rows { background:#eef2f6; color:#16181d; }
.gmr--rows .gmr__bg { opacity:.25; filter:none; }
.gmr--rows .gmr__bg::after { background:linear-gradient(180deg, rgba(238,242,246,0) 40%, #eef2f6); }
.gmr--rows .gmr__hd h2 { color:#16181d; }
.gmr--rows .gmr__hd h2 em { color:#e08a00; text-decoration:underline; text-underline-offset:8px; text-decoration-thickness:3px; }
.gmr--rows .gmr__q { color:#16181d; } .gmr--rows .gmr__lead { color:#4b5260; } .gmr--rows .gmr__lead b { color:#16181d; }
.gmr__rows { margin:48px 0 0; padding:0; list-style:none; display:grid; gap:16px; }
.gmr__row { display:grid; grid-template-columns:auto minmax(0, 1fr) 260px; gap:28px; align-items:center; background:#fff; border-radius:14px; padding:28px 0 28px 32px; overflow:hidden; box-shadow:0 6px 24px rgba(20,30,50,.06); }
.gmr__row .gmr__no { border:0; background:#FBA303; color:#fff; border-radius:999px; min-width:44px; height:28px; font-size:14px; }
.gmr__row h3 { margin:0 0 8px; font-size:22px; font-weight:700; letter-spacing:-.02em; color:#16181d; }
.gmr__row h3 br { display:none; } .gmr__row h3 em { font-style:normal; color:inherit; } .gmr__row h3 em::before { content:" "; }
.gmr__row p { margin:0; font-size:16px; line-height:1.65; color:#4b5260; }
.gmr__row p + p { margin-top:4px; }
.gmr__row figure { margin:-28px 0; align-self:stretch; }
.gmr__row figure img { width:100%; height:100%; object-fit:cover; display:block; -webkit-mask-image:linear-gradient(90deg, transparent, #000 35%); mask-image:linear-gradient(90deg, transparent, #000 35%); }

@media screen and (max-width: 860px) {
  .gmr { padding:64px 0 72px; } .gmr--gap { margin-bottom:100px; } .gmr--gap-s { margin-bottom:65px; }
  .gmr__bg { width:100%; height:38%; opacity:.28; }
  .gmr__hd h2 { font-size:28px; }
  .gmr__q { font-size:17px; margin-top:18px; } .gmr__lead { font-size:16px; }
  .gmr__cards { grid-template-columns:1fr; gap:22px; margin-top:36px; }
  .gmr__card figure { height:280px; } .gmr__body { padding:170px 24px 28px; }
  .gmr__card h3 { font-size:21px; } .gmr__card li { font-size:15.5px; }
  .gmr__rows { margin-top:32px; }
  .gmr__row { grid-template-columns:auto minmax(0, 1fr); padding:22px 20px; gap:14px; align-items:start; }
  .gmr__row figure { display:none; }
  .gmr__row h3 { font-size:19px; } .gmr__row p { font-size:15px; }
}