/* 제이에이솔루션 지역 안내 페이지 본문 스타일.
   헤더·푸터·글꼴은 본 사이트(카페24) CSS 를 그대로 쓰고, 여기서는 <main> 안쪽만 손댄다.
   클래스는 전부 rg- 접두로 격리한다 — 몰 CSS 와 이름이 겹치면 상품 목록이 깨진다. */
.rg-main{max-width:1080px;margin:0 auto;padding:8px 20px 64px;color:#1c1f23;line-height:1.75;
  font-family:"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif;font-size:16px}
.rg-main *{box-sizing:border-box}
.rg-main a{color:#0b57d0}

.rg-crumb{font-size:13px;color:#6b7280;padding:16px 0 4px}
.rg-crumb a{color:#6b7280;text-decoration:none}
.rg-crumb a:hover{text-decoration:underline}

.rg-hero{padding:16px 0 24px;border-bottom:1px solid #eef0f3}
.rg-hero h1{font-size:clamp(26px,4.2vw,40px);line-height:1.28;margin:6px 0 12px;letter-spacing:-.03em;font-weight:800;color:#12161a}
.rg-hero__sub{font-size:17px;color:#3f4652;margin:0 0 20px;max-width:44em}
.rg-hero__cta{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.rg-hero__cta a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:8px;text-decoration:none;font-weight:700;font-size:16px}
.rg-hero__cta a:first-child{background:#0b57d0;color:#fff}
.rg-hero__cta a:last-child{background:#f1f3f6;color:#12161a}

.rg-sec{padding:32px 0;border-bottom:1px solid #eef0f3}
.rg-sec h2{font-size:clamp(20px,2.6vw,27px);line-height:1.35;margin:0 0 14px;letter-spacing:-.02em;font-weight:800;color:#12161a}
.rg-sec h3{font-size:18px;margin:0 0 12px;font-weight:700}
.rg-sec p{margin:0 0 14px;max-width:46em}
.rg-list{margin:0 0 16px;padding-left:20px;max-width:46em}
.rg-list li{margin-bottom:8px}
.rg-note{font-size:13px;color:#6b7280;max-width:46em}

/* 상품 카드 — 기종·월 렌탈료를 먼저 보여 준다 */
.rg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.rg-card{display:flex;flex-direction:column;gap:6px;border:1px solid #e2e6ec;border-radius:12px;padding:14px;text-decoration:none;color:#12161a;background:#fff}
.rg-card:hover{border-color:#0b57d0;box-shadow:0 2px 10px rgba(11,87,208,.08)}
.rg-card__img{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:#f5f6f8}
.rg-card__img img{width:100%;height:100%;object-fit:contain;display:block}
.rg-card__name{font-weight:700;font-size:15px;line-height:1.45}
.rg-card__price{font-weight:800;font-size:19px;color:#0b57d0}
.rg-card__rv{font-size:13px;color:#6b7280}

.rg-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px}
.rg-table{width:100%;min-width:460px;border-collapse:collapse;font-size:15px;background:#fff}
.rg-table caption{caption-side:top;text-align:left;font-size:13px;color:#6b7280;padding-bottom:8px}
.rg-table th,.rg-table td{border-bottom:1px solid #e6e8eb;padding:11px 12px;text-align:left;vertical-align:top}
.rg-table thead th{background:#f7f8fa;font-weight:700;font-size:14px;white-space:nowrap}
.rg-table td.num,.rg-table th[scope=col]:not(:first-child){text-align:right}
.rg-table tr.me{background:#f2f7ff}

/* 설치 후기 목록 */
.rg-posts{list-style:none;margin:0 0 12px;padding:0}
.rg-posts li{border-bottom:1px solid #eef0f3}
.rg-posts a{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:12px 0;text-decoration:none;color:#1c1f23;min-height:44px}
.rg-posts a:hover .rg-posts__t{text-decoration:underline;color:#0b57d0}
.rg-posts__t{font-weight:600;font-size:15px}
.rg-posts__d{font-size:13px;color:#9aa4b2;white-space:nowrap}

/* 견적 폼 — 페이지 맨 위 */
.rg-quote{background:#f7f9fc;border:1px solid #e2e8f2;border-radius:12px;padding:26px 22px;margin:24px 0}
.rg-quote__lead{color:#3f4652}
.rg-form{display:grid;gap:14px;max-width:640px}
.rg-form label{display:block;font-size:14px;font-weight:600;color:#374151}
.rg-form__row{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.rg-form input[type=text],.rg-form input[type=tel],.rg-form textarea{width:100%;margin-top:6px;padding:12px 14px;border:1px solid #ccd3dd;border-radius:8px;font-size:16px;font-family:inherit;background:#fff;color:#1c1f23}
.rg-form textarea{resize:vertical}
.rg-form__agree{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:14px;color:#4b5563;min-height:44px;padding:6px 0}
.rg-form__agree input{margin-top:2px;width:24px;height:24px;flex:0 0 24px}
.rg-form__submit{min-height:54px;border:0;border-radius:8px;background:#0b57d0;color:#fff;font-size:17px;font-weight:700;cursor:pointer;font-family:inherit}
.rg-form__submit:hover{background:#0a49ad}
.rg-quote__tel{margin:16px 0 0;font-size:14px;color:#4b5563}
.rg-quote__tel a{color:#0b57d0;font-weight:700}

.rg-faq__item{border-bottom:1px solid #e6e8eb;padding:10px 0}
.rg-faq__item summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none;padding-right:24px;position:relative;min-height:44px;display:flex;align-items:center}
.rg-faq__item summary::-webkit-details-marker{display:none}
.rg-faq__item summary::after{content:"+";position:absolute;right:0;font-weight:400;color:#6b7280}
.rg-faq__item[open] summary::after{content:"–"}
.rg-faq__item p{margin:8px 0 4px;color:#3f4652}

.rg-hub__sido h3{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.rg-hub__go{font-size:14px;font-weight:600;color:#0b57d0;text-decoration:none}

@media (max-width:900px){
  .rg-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .rg-main{padding:8px 16px 48px}
  .rg-cards{grid-template-columns:1fr}
  .rg-form__row{grid-template-columns:1fr}
  .rg-quote{padding:20px 16px;border-radius:10px}
  .rg-crumb a{min-height:40px;display:inline-flex;align-items:center}
}