/* epartCMS 연동용 보정 — V23 시안 CSS(01~21) 뒤에 로드. 시안 디자인 값은 바꾸지 않는다. */
/* 서브페이지: 시안에서는 JS가 #pageMain 을 보이게 전환했으나 CMS는 서버에서 바로 출력 */
body.cms-sub #pageMain{display:block}
/* 관리자 에디터 본문(ct_text) 기본 타이포 */
.cms-content .dw-wrap > p,.cms-content .dw-wrap > ul,.cms-content .dw-wrap > ol{line-height:1.8}
.cms-content .dw-wrap img{max-width:100%;height:auto}
.cms-content .dw-wrap table{max-width:100%}

/* ── 게시판 페이지네이션 (시공사례·회사소식·에너지소식 공용) ───────────── */
.dw-pager{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:36px 0 0}
.dw-pager:empty{margin:0}
.dw-pager-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;
  border:1px solid #d8e0ea;border-radius:8px;background:#fff;color:#33475f;font-size:14px;font-weight:600;
  line-height:1;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s}
.dw-pager-btn:hover{border-color:#1e51a8;color:#1e51a8}
.dw-pager-btn.is-current{background:#12305c;border-color:#12305c;color:#fff}
.dw-pager-btn.edge{color:#7b8ca0;font-size:16px}
@media (max-width:640px){.dw-pager-btn{min-width:34px;height:34px;padding:0 8px;font-size:13px}}

/* 게시판 본문 영역이 페이지 하단에 너무 붙지 않도록 */
.dw-section .dw-catalog:empty + .dw-empty{margin-top:8px}

/* 메인 게시판 연동: 기존 button 카드를 a 로 바꿔도 동일하게 보이도록 */
a.project-card, a.insight-item{color:inherit;text-decoration:none;cursor:pointer}
a.project-card:focus-visible, a.insight-item:focus-visible{outline:3px solid #468bba;outline-offset:4px}

/* ── 에디터로 쓴 본문의 글머리기호·번호 복구 ─────────────────────────
   01-base-01.css 의 전역 리셋 ul{list-style:none;margin:0;padding:0} 때문에
   관리자 에디터에서 [글머리 기호]를 눌러도 아무 변화가 없는 것처럼 보였다.
   (목록은 실제로 만들어지지만 점·번호와 들여쓰기가 지워진 상태)
   적용 범위는 에디터 편집영역(.note-editable)과 게시판 본문(.dw-prose)뿐.
   CMS 콘텐츠 페이지(.cms-content)는 시안 디자인 마크업이라 건드리지 않는다. */
.note-editable ul,
.dw-prose ul{list-style:disc outside;margin:12px 0;padding-left:22px}
.note-editable ol,
.dw-prose ol{list-style:decimal outside;margin:12px 0;padding-left:24px}
.note-editable li,
.dw-prose ul>li,.dw-prose ol>li{list-style:inherit;display:list-item;margin:4px 0;line-height:1.8}
.note-editable ul ul,.dw-prose ul ul{list-style-type:circle;margin:4px 0}
.note-editable ul ul ul,.dw-prose ul ul ul{list-style-type:square}
.note-editable ol ol,.dw-prose ol ol{list-style-type:lower-alpha;margin:4px 0}

/* ── 사업공고 카드: 마우스를 올리면 글과 사진 사이에 가로줄이 보이는 문제 ──────────
   원인 — 카드에 마우스를 올리면 .op19-poster 전체에 translateY(-6px) 가 걸리고
   사진에는 scale(1.045) + filter 가 동시에 걸린다. 이때 사진이 별도 합성 레이어로
   올라가는데, .op19-image 의 top 이 45%(1920px 화면에서 169.97px)라 소수점 위치여서
   레이어 경계가 정수 픽셀로 반올림되며 사진 위쪽에 1px 틈이 드러난다.
   조치 — 사진 영역을 1px 위로 올려 글 영역 뒤에 물리고(글이 z-index 3 으로 덮으므로
   보이지 않는다), 평소에도 미세 transform 을 줘서 반올림 기준을 미리 고정한다.
   주의 — 여기 선택자를 #pageMain 으로 올릴 때는 hover 규칙
   (#pageMain .op19-card:hover .op19-image img) 보다 약해야 확대 효과가 살아 있다. */
#pageMain .op19-image{
  top:calc(45% - 1px);
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
}
#pageMain .op19-image img{
  transform:scale(1.002);
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
}

/* ── 읽는 글의 글자 크기 보정 (2026-10-01) ─────────────────────────────
   시안은 작은 타이포로 설계돼 있다(12.5px 이하 규칙 428개). 장식용 영문 라벨과
   캡션은 그대로 두고, 사용자가 실제로 '읽는' 글만 올린다. 본문 기본은 16px. */

/* 게시판 상세 본문 — 시공사례·회사소식·에너지소식·인증특허 글 내용 (13px 는 너무 작다) */
#pageMain .dw-prose{font-size:15.5px;line-height:1.85}
#pageMain .dw-prose > p{font-size:15.5px;line-height:1.85}

/* 사업공고 */
#pageMain .op19-intro{font-size:16px;line-height:1.8}      /* 14px(모바일 13px) */
#pageMain .op19-tagline{font-size:13.5px;line-height:1.62} /* 12px */
#pageMain .op19-bottom p{font-size:13px;line-height:1.8}   /* 11px */
#pageMain .op19-archive{font-size:14px}                    /* 12px — 클릭 대상이라 더 중요 */

/* 시공사례 카드 — 분류·지역·용량은 장식이 아니라 정보다 */
#pageMain .dw-project .dw-kicker{font-size:11px}   /* 9px */
#pageMain .dw-project-meta span{font-size:12px}    /* 11px */
#pageMain .dw-project-meta small{font-size:11px}   /* 10px */

/* 인증·특허 카드 — 증서 종류 */
#pageMain .dw15-document-type{font-size:11px}      /* 9px */

/* ── 글자 크기 2차 보정 (2026-10-01) ───────────────────────────────────
   1차 보정 후에도 작다는 피드백. 가장 큰 원인은 사업분야 5개 상세였다.
   그 페이지의 설명문 크기(11~14px)는 CMS 콘텐츠 안에 함께 저장된 <style> 에
   들어 있어 head 의 CSS 보다 뒤에 온다. 그래서 #pageMain 을 붙여 우선순위로 덮는다. */

/* 사업분야 상세 — 지붕임대형·리스·사업개발금융·EPC·O&M 공통 템플릿 */
#pageMain .dw24-section-copy{font-size:15.5px;line-height:1.85}   /* 14px */
#pageMain .dw24-check p,
#pageMain .dw24-stake-head p,
#pageMain .dw24-role-box p,
#pageMain .dw24-target li,
#pageMain .dw24-faq p{font-size:14.5px;line-height:1.8}           /* 13px */
#pageMain .dw24-faq summary{font-size:15.5px}                     /* 14px */
#pageMain .dw24-step p,
#pageMain .dw24-benefit-list p,
#pageMain .dw24-roof-cta p{font-size:13.5px;line-height:1.75}     /* 12px */
#pageMain .dw24-roof-highlights span{font-size:14px}              /* 13px */
#pageMain .dw24-role-arrows p{font-size:13px}                     /* 11px */
#pageMain .dw24-role-center small{font-size:11.5px}               /* 10px */

/* 회사소개 본문 */
#pageMain .dw-editorial p{font-size:16px;line-height:1.85}        /* 15px */
#pageMain .dw-metric span{font-size:11.5px}                       /* 10px */

/* 1차 보정분을 한 단계 더 */
#pageMain .dw-prose,#pageMain .dw-prose > p{font-size:16px;line-height:1.85}  /* 15.5px */
#pageMain .op19-tagline{font-size:14px}                           /* 13.5px */
#pageMain .op19-bottom p{font-size:13.5px}                        /* 13px */

/* 메인 시공사례 카드의 지역 */
.project-details .place{font-size:13px}                           /* 12px */

/* ── 하단 간편상담 바 (2026-10-01) ─────────────────────────────────────
   항상 떠 있는 상담 바인데 글자가 8~13px 로 가장 작았다. 입력칸은 16px 로 올린다
   (iOS Safari 는 16px 미만 입력칸에 포커스가 가면 화면을 자동 확대한다). */
.quick-overline{font-size:11px}                              /* 8px */
.quick-toggle{font-size:13px}                                /* 11px */
.quick-lead h2{font-size:19px}                               /* 17~18px */
.quick-field label{font-size:13px}                           /* 11px */
.quick-field label small{font-size:11.5px}                   /* 9px */
.quick-field input,.quick-field select{font-size:16px}       /* 13~14px */
.quick-field input::placeholder{font-size:14px}              /* 12px */
.quick-consent,.quick-consent .privacy-button{font-size:12.5px} /* 10px */
.quick-submit{font-size:14.5px}                              /* 12~13px */
.quick-disclaimer{font-size:12px}                            /* 9~10px */

/* ============================================================
   반응형 점검 보정 (2026-10-01)
   전 페이지 × 360/768/1024/1440px 측정 결과 반영.
   가로 넘침(문서 스크롤)은 전 페이지 0 — 아래는 모바일 사용성 보정.
   ============================================================ */

/* 1) 모바일 입력칸 16px — iOS Safari 가 16px 미만 입력칸에 포커스하면 화면을 자동 확대한다.
      게시판 글쓰기·검색 폼이 14px 였다. */
@media (max-width:768px){
  #pageMain .bd-write input[type="text"],
  #pageMain .bd-write input[type="email"],
  #pageMain .bd-write input[type="tel"],
  #pageMain .bd-write input[type="password"],
  #pageMain .bd-write select,
  #pageMain .bd-write textarea,
  #pageMain .bd-search input,
  #pageMain .bd-search select,
  #pageMain .board-search input,
  #pageMain .board-search select,
  #pageMain .dw-board-search input,
  #pageMain .dw-board-search select{font-size:16px}
}

/* 2) 개인정보 동의 체크박스 탭 영역 (16x16 → 20x20) */
#pageMain .dw-check input[type="checkbox"],
.quick-consent input[type="checkbox"]{width:20px;height:20px;accent-color:#0B1F40}

/* 3) 메인 시공사례 캐러셀 화살표(40x40)는 시안 03-mobile-report-refinement.css 에서
      #projects .project-nav 로 의도적으로 줄인 값이라 건드리지 않는다.
      (권장 44px 보다 작지만 top 값이 카드 폭 기준 calc 이라 크기만 키우면 위치가 어긋난다) */

/* 4) 로컬 내비(2뎁스 탭) 가로 스크롤 힌트
      사업분야 5탭은 360px 에서 43px 넘쳐 가로 스크롤된다(의도된 동작).
      스크롤바를 숨기고 오른쪽에 페이드를 넣어 더 있다는 것을 보이게 한다. */
@media (max-width:860px){
  .dw-local-nav{position:relative}
  .dw-local-nav .dw-wrap{scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .dw-local-nav .dw-wrap::-webkit-scrollbar{display:none}
  .dw-local-nav::after{content:"";position:absolute;top:0;right:0;width:32px;height:100%;
    pointer-events:none;background:linear-gradient(90deg,rgba(247,249,250,0),rgba(247,249,250,.96))}
}

/* ============================================================
   GNB(전체메뉴) 펼침 상태 글자 크기 (2026-10-01)
   PC 메가메뉴 그룹명 14px·항목 13px, 모바일 드로어 항목 13px 로
   내비게이션치고 작았다. 1뎁스는 1370px 이하에서 14px 로 줄어 있었다.
   ============================================================ */
.mega-column h2{font-size:15px;margin-bottom:10px}            /* 14px */
.mega-column li button{font-size:15px;line-height:1.6;padding:8px 0}  /* 13px / 7px 0 */
.header .nav > .nav-trigger{font-size:15px}                   /* 1370px 이하 14px → 15px 통일 */
.mobile-subgrid button{font-size:15.5px;line-height:1.6}      /* 13px */
@media (max-width:760px){.dialog-label{font-size:11px}}       /* 10px */
/* 모바일 1뎁스(.mobile-group > summary)는 19px 로 이미 충분해 그대로 둔다 */

/* ============================================================
   작은 글자 전수 상향 (2026-10-01)
   전 페이지(21개)를 1440px·360px 로 렌더해 14px 미만 텍스트를
   모두 수집(121종)한 뒤, 역할별 기준으로 올렸다.
     본문·설명 15px / 보조 14px / 캡션·메타 13px / 라벨·오버라인 12px
   사업분야 본문(.dw24-*, .dw25-*)은 CMS 콘텐츠 안의 <style> 이 head 보다
   뒤에 오므로 #pageMain 특이도가 필요하다. 메인에도 같은 블록이 있어
   "#pageMain X, X" 쌍으로 둘 다 적용한다.
   ============================================================ */

/* ---- 1) 사업분야·메인 본문 블록 (dw24 / dw25) ---- */
#pageMain .dw24-section-copy,.dw24-section-copy,
#pageMain .dw25-section-copy,.dw25-section-copy{font-size:15.5px;line-height:1.85}

#pageMain .dw24-check p,.dw24-check p,
#pageMain .dw25-check p,.dw25-check p,
#pageMain .dw24-stake-head p,.dw24-stake-head p,
#pageMain .dw25-stake-head p,.dw25-stake-head p,
#pageMain .dw24-role-box p,.dw24-role-box p,
#pageMain .dw25-role-box p,.dw25-role-box p,
#pageMain .dw24-target li,.dw24-target li,
#pageMain .dw25-target li,.dw25-target li,
#pageMain .dw24-faq p,.dw24-faq p{font-size:15px;line-height:1.8}

#pageMain .dw24-step p,.dw24-step p,
#pageMain .dw25-step p,.dw25-step p,
#pageMain .dw24-benefit-list p,.dw24-benefit-list p,
#pageMain .dw25-benefit-list p,.dw25-benefit-list p,
#pageMain .dw24-roof-cta p,.dw24-roof-cta p{font-size:14.5px;line-height:1.75}

#pageMain .dw24-highlights span,.dw24-highlights span,
#pageMain .dw25-highlights span,.dw25-highlights span,
#pageMain .dw24-roof-highlights span,.dw24-roof-highlights span{font-size:14.5px}

#pageMain .dw24-role-arrows p,.dw24-role-arrows p,
#pageMain .dw25-role-arrows p,.dw25-role-arrows p{font-size:13.5px}

/* 번호 뱃지·STEP 라벨 */
#pageMain .dw24-check span,.dw24-check span,
#pageMain .dw25-check span,.dw25-check span{font-size:12.5px}
#pageMain .dw24-step small,.dw24-step small,
#pageMain .dw25-step small,.dw25-step small,
#pageMain .dw24-stake-head small,.dw24-stake-head small,
#pageMain .dw25-stake-head small,.dw25-stake-head small{font-size:11.5px;letter-spacing:.06em}
#pageMain .dw24-role-center small,.dw24-role-center small,
#pageMain .dw25-role-center small,.dw25-role-center small{font-size:12px}
#pageMain .dw25-faq summary,.dw25-faq summary,
#pageMain .dw24-faq summary{font-size:15.5px}

/* ---- 2) 공통 캡션·오버라인·메타 ---- */
.dw-kicker,p.dw-kicker,small.dw-kicker{font-size:12px;letter-spacing:.1em}
p.dw-caption,.dw-caption{font-size:13px}
.dw-breadcrumb,.dw-breadcrumb a,.dw-breadcrumb span{font-size:12.5px}
.dw-wrap > a,.dw-local-nav .dw-wrap a{font-size:14.5px}   /* 2뎁스 로컬 탭 */
.dw-signature span{font-size:14px}
.dw-metric p{font-size:14px}
.dw-metric span{font-size:12.5px}
.eyebrow,p.eyebrow,.hero-caption,p.hero-caption{font-size:12px}
.photo-label,figcaption.photo-label{font-size:11.5px}
dt{font-size:13.5px}
.process-steps span{font-size:13px}
.process-steps i{font-size:13px}
p.process-title{font-size:15px}
.tab-detail,span.tab-detail{font-size:14.5px}
.standard-no,span.standard-no{font-size:13px}
p.standard-evidence{font-size:11.5px}
p.standard-signature{font-size:12px}
.business-tags span{font-size:12.5px}
.index,span.index{font-size:13px}
.dw14-dept p{font-size:13px}
.dw14-ceo small{font-size:11.5px}
.dw16-group-heading p{font-size:13px}
.dw20-map-label,span.dw20-map-label{font-size:13px}
.dw20-map-footnote,span.dw20-map-footnote{font-size:12.5px}

/* ---- 3) 프로젝트·소식 카드/표 ---- */
p.project-category{font-size:11.5px;letter-spacing:.08em}
.dw-project-meta span{font-size:13px}
.dw-project-meta small,.capacity small{font-size:12px}
span.place,.project-details .place{font-size:13.5px}
span.project-counter,.project-motion-toggle span,.count,span.count,.count span{font-size:12.5px}
.newsroom-tabs button{font-size:13.5px}
span.insight-type{font-size:12.5px}
td.nw-number,td.nw-category,td.nw-date{font-size:14px}
.dw-cert-admin a{font-size:13px}
p.channel-caption{font-size:13px}
.notice-card p{font-size:14.5px}
.notice-quick button{font-size:12.5px}
.notice-quick span{font-size:12.5px}

/* ---- 4) 헤더·푸터 ---- */
button.header-notice{font-size:14px}
.header-tel span{font-size:12.5px}
.footer-links button,.footer-links a{font-size:14px}
p.footer-tagline{font-size:13.5px}
p.footer-company-name,.footer-company-name span{font-size:12.5px}
.footer-contact-line a,.footer-contact-line span{font-size:12.5px}
.footer-contact-line b,footer b{font-size:12px}
p.copyright{font-size:12px}

/* ---- 5) 폼(문의하기·간편상담) ---- */
.dw-field label{font-size:13.5px}
.quick-field label{font-size:14px}
.quick-field label small{font-size:12.5px}
.quick-toggle,.quick-toggle span{font-size:14px}
span.quick-overline{font-size:12px;letter-spacing:.14em}
.quick-lead a{font-size:14px}
.quick-consent,.quick-consent label,.quick-consent .privacy-button,button.privacy-button{font-size:13px}
p.quick-disclaimer{font-size:12.5px}
a.dw-button,button.btn,button.text-link,.dw-button.outline,.dw-button.white{font-size:14px}

/* ---- 6) SMP·REC 예시 시세 영역 (교체 예정이지만 작아서 같이 올림) ---- */
p.market-label,.market-label time{font-size:12px}
.market-price span{font-size:12px}
p.market-change,.market-change span{font-size:11.5px}
.market-regions button{font-size:12.5px}
.market-heading p,p.market-foot,p.market-weight-note,.market-weight-note b{font-size:11.5px}
span.sample-chip{font-size:11px}
a.hero-scroll{font-size:11.5px;letter-spacing:.14em}

/* ---- 7) 체크 아이콘 등 ---- */
.dw24-check i,.dw25-check i,.dw-list i,li > i{font-size:13px}

/* ---- 8) 특이도 보정
   아래 항목들은 시안 CSS가 `font:` 단축 속성을 더 높은 특이도(.footer .copyright 등)로
   걸어둬서 위 규칙이 먹지 않았다. 클래스를 두 번 써서 특이도만 올린다(값은 동일). ---- */
.dw-kicker.dw-kicker{font-size:12px}
.eyebrow.eyebrow{font-size:12px}
.tab-detail.tab-detail{font-size:14.5px}
.standard-evidence.standard-evidence{font-size:11.5px}
.index.index{font-size:13px}
.notice-card.notice-card p{font-size:14.5px}
.header-notice.header-notice{font-size:14px}
.info-button.info-button{font-size:11.5px}
.dw-project-meta.dw-project-meta span{font-size:13px}
td.nw-number.nw-number,td.nw-category.nw-category,td.nw-date.nw-date{font-size:14px}
.footer-links.footer-links a,.footer-links.footer-links button{font-size:14px}
.footer-tagline.footer-tagline{font-size:13.5px}
.footer-company-name.footer-company-name,.footer-company-name.footer-company-name span{font-size:12.5px}
.footer-locations.footer-locations p,.footer-locations.footer-locations b,.footer-locations.footer-locations span{font-size:12.5px}
.footer-contact-line.footer-contact-line,.footer-contact-line.footer-contact-line a,
.footer-contact-line.footer-contact-line span,.footer-contact-line.footer-contact-line b{font-size:12.5px}
.copyright.copyright{font-size:12px}

/* ---- 9) id 특이도 보정
   (a) 게시판 스킨과 CMS 콘텐츠는 <style> 이 body 안에 있어 head 규칙과 동률이면 그쪽이 이긴다
   (b) 이 파일의 이전 타이포 패스에서 쓴 #pageMain 규칙이 위의 새 값보다 특이도가 높다
   (c) 헤더 사업공고 버튼은 시안이 #siteHeader 로 걸어두었다
   → 모두 id 를 포함한 선택자로 다시 선언한다 ---- */
#pageMain .dw-kicker,#pageMain .dw-project .dw-kicker{font-size:12px}
#pageMain .dw-project-meta span{font-size:13px}
#pageMain .dw-project-meta small,#pageMain .capacity small{font-size:12px}
#pageMain .place,#pageMain .project-details .place{font-size:13.5px}
#pageMain .dw15-document-type{font-size:12.5px}
#pageMain .dw-metric p{font-size:14px}
#pageMain .dw-metric span{font-size:12.5px}
#pageMain .dw14-dept p{font-size:13px}
#pageMain .dw14-ceo small{font-size:11.5px}
#pageMain .dw16-group-heading p{font-size:13px}
#pageMain .dw20-map-label{font-size:13px}
#pageMain .dw20-map-footnote{font-size:12.5px}
#pageMain .standard-evidence{font-size:11.5px}
#pageMain .standard-no{font-size:13px}
#pageMain .insight-type{font-size:12.5px}
#pageMain .dw-cert-admin a{font-size:13px}
#pageMain td.nw-number,#pageMain td.nw-category,#pageMain td.nw-date{font-size:14px}
#pageMain .op19-tagline{font-size:14.5px}
#pageMain .op19-bottom p{font-size:14px}
#pageMain .dw-field label{font-size:13.5px}
#siteHeader .header-notice.header-notice{font-size:14px}

/* ---- 10) 남은 3건 — 시안/스킨이 더 깊은 선택자로 걸어둔 것 ---- */
#pageMain .dw14-news-table td,#pageMain .dw14-news-table .nw-number,
#pageMain .dw14-news-table .nw-category,#pageMain .dw14-news-table .nw-date{font-size:14px}
#pageMain .dw22-cert-group .dw16-group-heading p{font-size:13px}
#standard .standard-evidence.standard-evidence,.standard-item .standard-evidence.standard-evidence{font-size:11.5px}
#pageMain dt{font-size:13.5px}
#pageMain .dw-button,#pageMain a.dw-button,#pageMain button.btn{font-size:14px}

/* ---- 11) !important 로 박혀 있던 작은 글자
   시안 01-base-01.css 에 font-size 가 !important 로 고정된 규칙이 9개 있다.
   특이도로는 못 이기므로 같은 방식으로 되돌린다(게시판 모바일 .kb-writer/.kb-date 12px 는 그대로 둠). ---- */
.standard-evidence{font-size:11.5px!important}
.dialog-note{font-size:13px!important}
.dialog-source{font-size:12.5px!important}
.inline-status{font-size:13px!important}
.certificate-item p{font-size:13.5px!important}
.partner-steps p{font-size:13.5px!important}
#pageMain .dw20-location-table dt{font-size:13.5px}

/* ---- 12) 2차 상향 — 글자가 있는 것은 모두 13px 이상으로
   1차 뒤에도 메인에 11.5~12.5px 가 남아 있었다. 기준을 다시 정리한다.
     한글/숫자가 들어간 캡션·분류·태그·단위·주소 → 13px 이상
     클릭 가능한 작은 버튼 → 13.5px
     순수 장식용 영문 오버라인(SCROLL TO EXPLORE, LET'S TALK SOLAR, STEP 01 …) → 12~12.5px ---- */
p.project-category,.project-category.project-category,#pageMain .project-category{font-size:13px}
.capacity small,.capacity.capacity small,#pageMain .capacity small{font-size:13px}
.dw-project-meta.dw-project-meta small,#pageMain .dw-project-meta small{font-size:13px}
.business-tags.business-tags span{font-size:13px}
.notice-quick.notice-quick button{font-size:13.5px}
.notice-quick.notice-quick span{font-size:13px}
span.insight-type,.insight-type.insight-type,#pageMain .insight-type{font-size:13px}
.header-tel.header-tel span{font-size:13px}
.footer-locations.footer-locations p,.footer-locations.footer-locations b,
.footer-locations.footer-locations span{font-size:13px}
.footer-contact-line.footer-contact-line,.footer-contact-line.footer-contact-line a,
.footer-contact-line.footer-contact-line span,.footer-contact-line.footer-contact-line b{font-size:13px}
.footer-company-name.footer-company-name,.footer-company-name.footer-company-name span{font-size:13px}
.copyright.copyright{font-size:12.5px}
.quick-disclaimer.quick-disclaimer{font-size:13px}
.quick-field label small{font-size:13px}
.dialog-source{font-size:13px!important}
.standard-evidence{font-size:12.5px!important}
.standard-signature.standard-signature{font-size:12.5px}
.photo-label.photo-label{font-size:12.5px}
.dw14-ceo small,#pageMain .dw14-ceo small{font-size:12px}
/* 장식 오버라인 */
.eyebrow.eyebrow{font-size:12.5px}
.hero-scroll.hero-scroll{font-size:12px}
.quick-overline.quick-overline{font-size:12.5px}
#pageMain .dw24-step small,.dw24-step small,#pageMain .dw25-step small,.dw25-step small,
#pageMain .dw24-stake-head small,.dw24-stake-head small,
#pageMain .dw25-stake-head small,.dw25-stake-head small{font-size:12px}
/* 예시 시세 영역(교체 예정) */
.market-label.market-label,.market-label.market-label time{font-size:13px}
.market-price.market-price span{font-size:13px}
.market-regions.market-regions button{font-size:13px}
.market-change.market-change,.market-change.market-change span{font-size:12.5px}
.market-heading.market-heading p,.market-foot.market-foot,
.market-weight-note.market-weight-note,.market-weight-note.market-weight-note b{font-size:12.5px}
.sample-chip.sample-chip{font-size:12px}

/* ---- 13) 모바일에서 더 작아지던 본문·버튼 (≤760px)
   시안 CSS가 모바일에서 본문 15~16px 를 12px 로, 버튼도 12px 로 줄이고 있었다.
   "모바일이 데스크톱보다 작아지지 않는다" 기준에 맞춘다. ---- */
@media (max-width:760px){
  .section-intro.section-intro p,.business-content.business-content p,
  .standard-intro.standard-intro,.process-title.process-title,
  .contact-desc.contact-desc{font-size:15px;line-height:1.8}
  .tab-title.tab-title,.insight-title.insight-title,
  .notice-card.notice-card p{font-size:14.5px}
  .btn.btn,a.btn.btn,button.btn.btn,.dw-button.dw-button,
  .channel-email.channel-email{font-size:14px}
  .text-link.text-link,.filter.filter,
  .newsroom-tabs.newsroom-tabs button{font-size:13.5px}
  .place.place,#pageMain .place,.channel-caption.channel-caption,
  .channel-caption.channel-caption span{font-size:13px}
  .count.count,.count.count span,.hero-caption.hero-caption{font-size:12.5px}
}


/* ============================================================
   14) 미디어쿼리 안에서 작아지던 글자 일괄 상향 (자동 생성)
   시안 CSS의 @media 블록에 14px 미만 font-size 규칙이 203개 있었다
   (특히 03-mobile-report-refinement.css 가 모바일 본문을 12px 로 줄인다).
   같은 선택자·같은 조건으로 다시 선언해 값만 올린다.
     본문류 15px / 버튼·링크 14px / 그 외 +1.5px(12.5~13.5px 사이)
   ============================================================ */
@media (max-width:1020px){
  .business-tab .tab-detail{font-size:15px}
  .process-steps{font-size:12.5px}
  .standard-item p{font-size:15px}
}
@media (max-width:760px){
  .header-action .btn{font-size:14px}
  .hero .eyebrow{font-size:12.5px}
  .hero-links .btn{font-size:14px}
  .hero-caption{font-size:12.5px}
  .hero-scroll{font-size:12.5px}
  .hero-controls .count{font-size:12.5px}
  .route-link small{font-size:12.5px}
  .route-link b{font-size:13.5px}
  .eyebrow{font-size:12.5px}
  .section-intro{font-size:15px}
  .photo-label{font-size:12.5px}
  .business-content>p{font-size:15px}
  .business-tags{font-size:12.5px}
  .business-bottom .text-link{font-size:14px}
  .process-title{font-size:15px}
  .process-steps{font-size:12.5px}
  .standard-intro{font-size:15px}
  .standard-item p{font-size:15px}
  .standard-evidence{font-size:12.5px !important}
  .filter{font-size:14px}
  .project-details .place{font-size:12.5px}
  .source-note{font-size:12.5px}
  .insight-type{font-size:12.5px}
  .notice-card p{font-size:15px}
  .notice-tag{font-size:12.5px}
  .contact-desc{font-size:15px}
  .contact-direct .email{font-size:13.5px}
  .field label{font-size:12.5px}
  .field input::placeholder,.field textarea::placeholder{font-size:12.5px}
  .field select{font-size:13.5px}
  .consent{font-size:12.5px}
  .privacy-button{font-size:14px}
  .demo-note{font-size:12.5px}
  .footer-tagline{font-size:12.5px}
  .footer-links button,.footer-links a{font-size:12.5px}
  .footer-info p{font-size:12.5px}
  .footer-info .copyright{font-size:12.5px}
  .preview-footer{font-size:12.5px}
  .preview-footer button{font-size:12.5px}
  .mobile-contact a{font-size:13.5px}
  .dialog-label{font-size:12.5px}
  .dialog-body p{font-size:13.5px}
  .dialog-specs dt{font-size:12.5px}
  .dialog-actions .btn{font-size:14px}
  .dialog-list>li{font-size:13.5px}
  .dialog-list>li>span{font-size:12.5px}
  .dialog-timeline b{font-size:13.5px}
  .dialog-timeline p{font-size:13.5px}
  .review-row{font-size:13.5px}
  .popup-options{font-size:12.5px}
  .toast{font-size:12.5px}
  .header-notice{font-size:12.5px}
  .market-heading>p{font-size:12.5px}
  .market-regions button{font-size:13.5px}
  .market-select select{font-size:13.5px}
  .market-label{font-size:12.5px}
  .market-label time{font-size:12.5px}
  .market-total .market-label{font-size:12.5px}
  .market-price>span{font-size:12.5px}
  .market-change,.market-weight-note{font-size:12.5px}
  .market-foot{font-size:12.5px}
  .newsroom-all{font-size:12.5px}
  .newsroom-tabs button{font-size:14px}
  .quick-toggle{font-size:12.5px}
  .quick-field label{font-size:12.5px}
  .quick-field input::placeholder{font-size:13.5px}
  .quick-consent{font-size:12.5px}
  .quick-submit{font-size:14px}
  .quick-disclaimer{font-size:12.5px}
  .quick-collapsed span{font-size:12.5px}
  .quick-collapsed .btn{font-size:14px}
  .subpage-nav button{font-size:12.5px}
  .resource-item small{font-size:12.5px}
  .project-empty p{font-size:13.5px}
  .project-motion-toggle{font-size:12.5px}
  .hero-caption.media-fallback-note{font-size:12.5px}
  #main > #market ~ section .section-intro{font-size:15px}
  #main > #market ~ section .text-link{font-size:14px}
  #main > #market ~ section .btn{font-size:14px}
  #business .business-tab .tab-title{font-size:14px}
  #business .business-content > p:not(.eyebrow){font-size:15px}
  #business .process-title{font-size:15px}
  #standard .standard-intro{font-size:15px}
  #standard .standard-item p{font-size:15px}
  #projects .filter{font-size:14px}
  #projects .project-details .place{font-size:12.5px}
  #projects .source-note{font-size:12.5px}
  #projects .project-motion-toggle{font-size:12.5px}
  #projects .project-status{font-size:12.5px}
  #projects .project-empty p{font-size:13.5px}
  #insights .newsroom-tabs button{font-size:14px}
  #insights .insight-title{font-size:15px}
  #insights .notice-card > p{font-size:15px}
  #insights .news-empty strong{font-size:13.5px}
  #insights .news-empty p{font-size:13.5px}
  #contact .contact-desc{font-size:15px}
  #contact .channel-email{font-size:14px}
  .dw-breadcrumb{font-size:12.5px}
  .dw-heading>p{font-size:13.5px}
  .dw-kicker{font-size:12.5px}
  .dw-local-nav a{font-size:12.5px}
  .dw-editorial p,.dw-body-copy{font-size:13.5px}
  .dw-value p{font-size:13.5px}
  .dw-metric strong small{font-size:12.5px}
  .dw-metric p{font-size:12.5px}
  .dw-metric span{font-size:12.5px}
  .dw-information>div{font-size:13.5px}
  .dw-information dt{font-size:12.5px}
  .dw-credit p{font-size:12.5px}
  .dw-review{font-size:12.5px}
  .dw-source{font-size:12.5px}
  .dw-end-cta p{font-size:12.5px}
  .dw-button{font-size:14px}
  .dw-prose>p{font-size:15px}
  .dw-signature{font-size:12.5px}
  .dw-timeline p{font-size:13.5px}
  .dw-timeline small{font-size:12.5px}
  .dw-location-art p{font-size:13.5px}
  .dw-service-overlay span{font-size:12.5px}
  .dw-service-grid p{font-size:13.5px}
  .dw-step p{font-size:12.5px}
  .dw-faq summary{font-size:15px}
  .dw-faq p{font-size:15px}
  .dw-project-specs dt{font-size:12.5px}
  .dw-pagination{font-size:12.5px}
  .dw-empty p{font-size:13.5px}
  .dw-post p{font-size:12.5px}
  .dw-download p{font-size:13.5px}
  .dw-form-layout aside p{font-size:13.5px}
  .dw-check{font-size:12.5px}
  .dw-demo-ribbon{font-size:12.5px}
  .dw-portal-intro p{font-size:13.5px}
  .dw-portal-side>.dw-button{font-size:14px}
  .dw-portal-side nav a{font-size:12.5px}
  .dw-portal-stat span{font-size:12.5px}
  .dw-file-table td{font-size:12.5px}
  .dw-file-table td:first-child{font-size:13.5px}
  .dw-confirm{font-size:12.5px}
  .dw-selected-files{font-size:12.5px}
  .dw-memo summary{font-size:13.5px}
  .dw-memo p{font-size:12.5px}
  .footer .footer-tagline{font-size:12.5px}
  .footer .footer-links a,.footer .footer-links button{font-size:12.5px}
  .footer .footer-info p{font-size:12.5px}
  .footer .footer-info .copyright{font-size:12.5px}
  .dw15-document-intro>p{font-size:13.5px}
  .dw15-document-description,.dw15-document-period{font-size:12.5px}
  .dw15-document-number{font-size:12.5px}
  .dw15-document-type{font-size:12.5px}
  .dw15-document-archive>summary span{font-size:12.5px}
  .dw15-location-body dd{font-size:13.5px}
  .dw15-location-intro>p:last-child{font-size:13.5px}
  #pageMain .dw16-group-heading p{font-size:13.5px}
  #pageMain .dw16-document-meta span{font-size:13.5px}
  .footer .footer-locations b{font-size:12.5px}
  #pageMain .op-local-nav{font-size:13.5px}
  .footer21 .footer-tagline{font-size:12.5px}
  .footer21 .footer-links a,.footer21 .footer-links button{font-size:12.5px}
  .footer21 .copyright{font-size:12.5px}
  #pageMain .fact-node p,#pageMain .fact-logo-caption{font-size:12.5px}
  #pageMain .fact-table th,#pageMain .fact-table td{font-size:13.5px}
}
@media (max-width:375px){
  .hero-desc{font-size:13.5px}
  .route-link b{font-size:13.5px}
}
@media (max-width:1120px){
  .market-regions button{font-size:12.5px}
  .market-select select{font-size:12.5px}
  .market-label time{font-size:12.5px}
}
@media (max-width:360px){
  .header-notice{font-size:12.5px}
  .quick-consent{font-size:12.5px}
}
@media (min-width:761px){
  .quick-field label{font-size:13.5px}
  .quick-field input::placeholder{font-size:13.5px}
  .quick-consent,.quick-consent .privacy-button{font-size:14px}
  .quick-disclaimer{font-size:12.5px}
  .quick-submit{font-size:14px}
}
@media screen and (min-width:761px){
  #home.hero[data-fit-mode="compact"] .hero-links .btn, #home.hero[data-fit-mode="tight"] .hero-links .btn{font-size:14px}
}
@media (max-width:800px){
  #pageMain .kb-tag{font-size:13.5px}
  #pageMain .dw14-dept p{font-size:13.5px}
  #pageMain .dw14-history p{font-size:13.5px}
}
@media (max-width:580px){
  #pageMain .kb-writer{font-size:13.5px !important}
  #pageMain .kb-date{font-size:13.5px !important}
}
@media (max-width:600px){
  #pageMain .dw14-profile th,#pageMain .dw14-profile td{font-size:13.5px}
  #pageMain .dw14-news-table td{font-size:13.5px}
  #pageMain .dw14-news-table .nw-category{font-size:13.5px}
  #pageMain .dw14-news-table .nw-date{font-size:13.5px}
}
@media (max-width:700px){
  #pageMain .op18-eyebrow{font-size:12.5px}
  #pageMain .op18-banner-copy>p:last-child{font-size:13.5px}
  #pageMain .op18-gallery-bottom{font-size:12.5px}
  .footer .footer-tagline{font-size:12.5px}
  .footer .footer-links a,.footer .footer-links button{font-size:12.5px}
  .footer .footer-company-name{font-size:13.5px}
  .footer .footer-company-name span{font-size:12.5px}
  .footer .footer-locations p{font-size:12.5px}
  .footer .footer-locations b{font-size:12.5px}
  .footer .copyright{font-size:12.5px}
  #pageMain .op19-heading .dw-kicker{font-size:12.5px}
  #pageMain .op19-intro{font-size:13.5px}
}
@media (max-width:540px){
  #pageMain .op19-tagline{font-size:13.5px}
}
@media (max-width:480px){
  #pageMain .dw20-location-table dd{font-size:13.5px}
  #pageMain .dw20-location-table dt{font-size:12.5px}
}
@media (min-width:1121px){
  #siteHeader .nav>.header-notice-nav{font-size:13.5px}
}
@media (max-width:780px){
  .sun28-profit-table th,.sun28-profit-table td{font-size:13.5px}
}

/* 14-보정) 위 자동 생성 블록이 앞 섹션의 값을 덮어쓴 것 되돌리기 + 모바일 입력칸 16px
   (자동 생성은 선택자를 그대로 쓰므로 같은 특이도면 뒤에 오는 쪽이 이긴다. 이 블록이 맨 뒤다) */
@media (max-width:760px){
  /* 입력칸은 16px — iOS 자동 확대 방지 */
  .field input,.field select,.field textarea,
  .quick-field input,.quick-field select,
  .dw-field input,.dw-field select,.dw-field textarea,
  #pageMain input[type="text"],#pageMain input[type="email"],
  #pageMain input[type="tel"],#pageMain select,#pageMain textarea{font-size:16px}
  .field label,.dw-field label{font-size:13.5px}

  /* 내비게이션은 14px 아래로 내리지 않는다 */
  .dw-local-nav a,.dw-local-nav .dw-wrap a,#pageMain .op-local-nav,
  .subpage-nav button{font-size:14.5px}
  .footer .footer-links a,.footer .footer-links button,
  .footer21 .footer-links a,.footer21 .footer-links button{font-size:14px}
  .dw-pagination,.dw-pagination button,.dw-pagination a{font-size:13.5px}

  /* 푸터 정보 */
  .footer .footer-tagline,.footer21 .footer-tagline{font-size:13.5px}
  .footer .footer-locations b,.footer .footer-locations p,
  .footer .footer-locations span{font-size:13px}

  /* 간편상담·동의 */
  .quick-toggle,.quick-toggle span,.quick-field label{font-size:14px}
  .quick-consent,.quick-consent label,.quick-disclaimer,.consent,.dw-check{font-size:13px}

  /* 카드 메타·본문 */
  #projects .project-details .place,.project-details .place{font-size:13.5px}
  .dw-step p,.dw-post p,.dw-memo p,.dw-file-table td{font-size:13.5px}
  .dw-signature,.dw-signature span{font-size:13.5px}
}

/* ---- 15) 메가메뉴 하단 바 (2026-10-06)
   시안이 .mega-bottom .text-link 를 12px, 태그라인 span 을 11px 로 걸어두어
   8) 의 .text-link 14px 규칙이 특이도로 졌다. ---- */
.mega-bottom .text-link,.mega-bottom .text-link.text-link{font-size:14px}
.mega-bottom span{font-size:13px}

/* ---- 16) 시공사례 상세 — 지역·설비용량·준공연도를 제목 아래 사양 줄로 (2026-10) ---- */
#pageMain .dw-case-spec{
  display:flex;flex-wrap:wrap;gap:0;margin:0 0 26px;padding:16px 0;
  border-top:1px solid #d9e4ea;border-bottom:1px solid #d9e4ea}
#pageMain .dw-case-spec > div{
  padding:0 26px;border-left:1px solid #e3ebf0;flex:0 0 auto;min-width:140px}
#pageMain .dw-case-spec > div:first-child{padding-left:0;border-left:0}
#pageMain .dw-case-spec dt{
  margin:0 0 6px;font-size:12px;font-weight:600;color:#6b8296;letter-spacing:.04em}
#pageMain .dw-case-spec dd{
  margin:0;font-size:17px;font-weight:600;color:#12304f;letter-spacing:-.02em;line-height:1.45}
@media (max-width:600px){
  #pageMain .dw-case-spec{gap:14px 0;padding:14px 0}
  #pageMain .dw-case-spec > div{min-width:0;flex:1 1 33%;padding:0 14px}
  #pageMain .dw-case-spec dd{font-size:15.5px}
}
/* 본문 안에 남아 있는 옛 메타 줄(스크립트가 못 옮겼을 때)은 칩으로 */
#pageMain .dw-prose .dw-case-meta{
  display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:9px 16px;
  border:1px solid #d9e4ea;border-radius:999px;background:#f7f9fa;
  font-size:14px;font-weight:600;color:#1e3a5f;letter-spacing:-.01em;line-height:1.5}

/* 오시는 길 지도 프레임 */
#pageMain .dw20-map-slot{position:relative}
#pageMain .dw20-map-slot .dw-map-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

/* 시공사례 카드 준공연도 */
#pageMain .dw-project-meta small{display:block;margin-top:2px;color:#6b8296}

/* ---- 17) 사업공고 게시판 (2026-10)
   진행/종료 전환은 CMS 공통 로컬 탭(.dw-local-nav)이 맡는다 — 목록 안에 탭을 또 두지 않는다 ---- */
#pageMain .op19-grid{margin-top:6px}
#pageMain #dwNoticeCount{margin:0 0 16px}
/* 공고가 없을 때 — 문장 하나만 */
#pageMain .dw-notice-empty{
  margin:8px 0 0;padding:84px 28px;text-align:center;
  border:1px solid #e3ebf0;border-radius:16px;background:#f8fafb}
#pageMain .dw-notice-empty p{
  margin:0;font-size:17px;font-weight:600;color:#6b8296;letter-spacing:-.02em;line-height:1.6}
@media (max-width:760px){
  #pageMain .dw-notice-empty{padding:60px 20px;border-radius:14px}
  #pageMain .dw-notice-empty p{font-size:15.5px}
}
#pageMain .dw-notice-deadline{
  margin-top:10px;font-size:13px;font-weight:600;color:var(--poster-text,#4a6678);opacity:.85}
#pageMain .dw-case-spec dd.is-open{color:#0a7d34}
#pageMain .dw-case-spec dd.is-closed{color:#8c9aa6}
#pageMain .dw-notice-body{max-width:none}
#pageMain .dw-notice-body img{max-width:100%;height:auto}


/* ===== 18. 반응형 전수 점검에서 남아 있던 11px 잔글씨 (2026-10-06) =====
   본문 성격의 안내문은 13px, 장식용 라벨/번호는 12px 로 올린다.
   본문 HTML 안에 있는 요소라 #pageMain 으로 한 단계 더 눌러 준다. */
#pageMain .dw20-visit-note{font-size:13px;line-height:1.7}
#pageMain .fact-caption,
#pageMain .fact-structure-note{font-size:13px;line-height:1.75}
#pageMain .fact-hero-panel small,
#pageMain .fact-panel small,
#pageMain .fact-time-card small{font-size:12px;letter-spacing:.06em}
#pageMain .op-preparation ol li b{font-size:12px}

/* ===== 19. 사업공고 본문(시안 마크업) 모바일 보정 (2026-10-06) =====
   공고 본문은 시안 HTML 을 그대로 넣기 때문에 CMS 레이아웃과 겹쳐
   폭이 두 번 깎이고, 일부 grid 가 min-content 때문에 줄어들지 않는다. */

/* (1) 본문 안의 .dw-wrap 이 바깥 .dw-wrap 위에 한 번 더 여백을 주어
       모바일에서 본문 폭이 40px 더 좁아진다. 좁은 화면에서만 해제. */
@media (max-width:760px){
  #pageMain .dw-notice-body .dw-wrap{width:100%;max-width:100%;padding-left:0;padding-right:0}
}

/* (2) 햇빛소득마을 금융 표 — grid 아이템이 min-content 보다 못 줄어들어
       카드 오른쪽 66px 이 overflow:hidden 에 잘려 있었다. */
@media (max-width:760px){
  #pageMain .dw-notice-body .sun28-fin-grid > article{min-width:0;padding:22px 18px 24px}
  #pageMain .dw-notice-body .sun28-fin-grid article + article{border-left:0;border-top:1px solid var(--sun-line,#f0e1cf)}
  #pageMain .dw-notice-body .sun28-fin-grid dl div{grid-template-columns:1fr;gap:4px;padding:11px 0}
  #pageMain .dw-notice-body .sun28-fin-grid dt{font-size:13px}
  #pageMain .dw-notice-body .sun28-fin-grid dd{min-width:0;font-size:14.5px;overflow-wrap:anywhere}
  #pageMain .dw-notice-body .sun28-bar > *{min-width:0}
}

/* (3) 팩토링 안내 한 줄이 nowrap 이라 가로로 밀려 있었다 — 모바일에선 줄바꿈 */
@media (max-width:760px){
  #pageMain .dw-notice-body .fact-overview-line{white-space:normal;overflow:visible}
}

/* (4) 가로로 넘기는 표·구조도는 스크롤을 유지하되 터치 스크롤을 부드럽게 */
#pageMain .dw-notice-body .fact-table-wrap,
#pageMain .dw-notice-body .fact-diagram{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}

/* ===== 20. 모바일 터치 영역 (2026-10-06) =====
   햄버거 버튼의 실제 터치 영역이 28px 로 좁았고, 푸터 메뉴 링크는 25px 였다.
   보이는 모양은 그대로 두고 누를 수 있는 범위만 44px / 39px 로 넓힌다. */
@media (max-width:900px){
  #siteHeader #menuToggle{min-width:44px;justify-content:flex-end}
}
@media (max-width:760px){
  .footer21-top .footer-links a{display:inline-block;padding:7px 0}
}

/* ===== 21. 오늘의 시세 출처 줄 (2026-10-06) ===== */
#market .dw-market-source{
  margin-top:6px;font-size:12.5px;line-height:1.6;color:#7d8f9d;opacity:.95}
@media (max-width:760px){
  #market .dw-market-source{font-size:12px}
}

/* ===== 22. 게시판 "글 없는 화면" 공통 (2026-10-07) =====
   사업공고 > 종료된 사업공고에서 쓰던 .dw-notice-empty 와 같은 톤을
   전 게시판 공통 클래스로 뽑았다. 문장 하나만 두고 아이콘·부가 설명은 두지 않는다.
   #pageMain 을 함께 적는 이유는 본문 영역의 p 규칙에 눌리지 않게 하려는 것. */
.dw-board-empty,
#pageMain .dw-board-empty{
  margin:8px 0 0;padding:84px 28px;text-align:center;
  border:1px solid #e3ebf0;border-radius:16px;background:#f8fafb}
.dw-board-empty p,
#pageMain .dw-board-empty p{
  margin:0;font-size:17px;font-weight:600;color:#6b8296;letter-spacing:-.02em;line-height:1.6}
@media (max-width:760px){
  .dw-board-empty,
  #pageMain .dw-board-empty{padding:60px 20px;border-radius:14px}
  .dw-board-empty p,
  #pageMain .dw-board-empty p{font-size:15.5px}
}
/* 글이 없을 때 뒤에 남는 페이지 번호(1) 는 감춘다 — 사업공고도 같이 적용 */
.dw-board-empty:not([hidden]) ~ .dw-pager,
.dw-notice-empty:not([hidden]) ~ .dw-pager{display:none}

/* ===== 23. 에디터로 넣은 표 (2026-10-07) =====
   CMS 에디터(summernote)는 표를 <table class="table table-bordered"> 로 심는다.
   부트스트랩 클래스인데 이 사이트엔 부트스트랩이 없어서 선도 폭도 칸 여백도 0 이었다.
   (표는 저장돼 있는데 칸 안 글자만 줄줄이 붙어 보이던 원인)
   목록 스타일(§3)과 마찬가지로 편집영역(.note-editable)과 본문(.dw-prose) 양쪽에 입힌다.
   톤은 회사소식 목록표(.dw14-news-table)와 맞춘다.
   표를 가로 스크롤로 감싸는 방법도 검토했지만, 칸 안 글자가 줄바꿈되면
   표가 화면 밖으로 나가지 않아(가로 스크롤 0 확인) 굳이 넣지 않았다.
   2026-10-12: 본문 쪽은 에디터 표(class="table…", 또는 본문 바로 아래의 class 없는 표)에만 적용하도록 좁힘.
   사업공고처럼 직접 디자인한 표(.fact-table, .sun28-profit-table 안의 표 등)까지
   여백 20px·왼쪽 정렬로 덮어써 '표 위아래 여백', '글씨 정렬' 이 어긋나던 원인. */
.note-editable table,
#pageMain :is(.dw-prose table.table,.dw-prose > table:not([class])){
  width:100%;max-width:100%;margin:20px 0;border-collapse:collapse;border-spacing:0;
  border-top:2px solid #193b52;background:#fff;
  font-size:15px;line-height:1.7;color:#3c5467}
.note-editable table th,.note-editable table td,
#pageMain :is(.dw-prose table.table,.dw-prose > table:not([class])) th,#pageMain :is(.dw-prose table.table,.dw-prose > table:not([class])) td{
  padding:12px 14px;border:1px solid #dce5eb;vertical-align:middle;
  text-align:left;word-break:keep-all;overflow-wrap:anywhere}
.note-editable table th,
#pageMain :is(.dw-prose table.table,.dw-prose > table:not([class])) th,
#pageMain :is(.dw-prose table.table,.dw-prose > table:not([class])) thead td{
  background:#f3f6f8;color:#34506a;font-weight:600}
#pageMain :is(.dw-prose table.table,.dw-prose > table:not([class])) caption{
  caption-side:top;padding-bottom:8px;text-align:left;font-size:13px;color:#6b8296}
/* 본문 img 는 width:100% 라서 칸 안에서 터진다 — 표 안에서만 원래 크기로 */
#pageMain :is(.dw-prose table.table,.dw-prose > table:not([class])) img{width:auto;max-width:100%;margin:0}
@media (max-width:760px){
  #pageMain :is(.dw-prose table.table,.dw-prose > table:not([class])){font-size:13.5px;margin:16px 0}
  #pageMain :is(.dw-prose table.table,.dw-prose > table:not([class])) th,#pageMain :is(.dw-prose table.table,.dw-prose > table:not([class])) td{padding:9px 10px}
}

/* ===== 24. 푸터 사업장 라벨 줄바꿈 (2026-10-07) =====
   .footer-locations b 가 flex-basis:44px 고정이라 '보은공장'(실측 43.3px)이
   글씨 크기가 12.5~13px 로 올라간 뒤 박스를 넘겨 두 줄로 쪼개졌다.
   라벨은 줄바꿈 금지, 박스는 가장 긴 라벨이 들어가는 폭으로 맞춘다
   (본사·보은공장 라벨 폭을 같게 둬서 주소 시작 위치가 어긋나지 않게 한다). */
#siteFooter .footer-locations b,
.footer-locations b{white-space:nowrap;flex:0 0 auto;min-width:52px}
@media (max-width:760px){
  #siteFooter .footer-locations b,
  .footer-locations b{min-width:46px}
}

/* ===== 25. 본문 사진틀 안의 이미지가 틀을 꽉 채우도록 (2026-10-07) =====
   콘텐츠가 자체 <style> 로 비율을 잡아 둔 사진틀(figure)에서, 안의 이미지가
   자기 원본 비율대로만 커져서 틀 아래쪽에 배경색이 드러났다.
     · 사업분야 > 지붕임대 .dw24-roof-photo  — 아래 55px
     · 사업분야 > O&M      .dw25-photo       — 아래 100px
   틀은 높이가 정해져 있으니 이미지에 height:100% 를 주면 꽉 찬다.
   높이가 auto 인 틀에서는 height:100% 가 auto 로 계산되므로
   일반 본문 이미지에는 영향이 없다. */
.cms-content [class*="-photo"] > img,
.cms-content [class*="-media"] > img,
.cms-content [class*="-visual"] > img,
#pageMain .dw-prose [class*="-photo"] > img,
#pageMain .dw-prose [class*="-media"] > img,
#pageMain .dw-prose [class*="-visual"] > img{
  width:100%;height:100%;margin:0;object-fit:cover}

/* ===== 26. 레이어팝업 (관리자 › 레이어팝업관리) (2026-10-07) =====
   코어 modules/popup 은 팝업 스타일을 자기 CSS로 박아 출력하는데(남색 바 + 빨강 호버)
   시안 톤과 맞지 않고 딤·중앙정렬도 없었다. 스킨에서 직접 그리고(dwLayerPopup())
   여기서 사이트 톤으로 입힌다. 관리자 값은 '가로'만 폭으로 쓰고 세로는 이미지 비율대로
   둔다(세로를 강제하면 안내 이미지의 글자가 잘린다). 모바일은 항상 중앙·92vw. */
.dw-popup-layer{
  position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:24px}
.dw-popup-layer[hidden]{display:none}
.dw-popup-dim{position:absolute;inset:0;background:rgba(10,26,38,.55);backdrop-filter:blur(1.5px)}
/* 팝업이 2개 이상이면 데스크톱에서는 가로로 나열하고(넘치면 다음 줄),
   모바일에서는 세로로 쌓는다. */
.dw-popup-stack{
  position:relative;z-index:1;display:flex;flex-flow:row wrap;
  align-items:center;justify-content:center;gap:18px;
  max-width:100%;max-height:100%;overflow:auto}
.dw-popup-card{
  flex:0 1 auto;min-width:0;
  width:min(var(--dw-pp-w,420px),calc(100vw - 48px));
  display:flex;flex-direction:column;overflow:hidden;background:#fff;
  border-radius:18px;box-shadow:0 24px 60px rgba(9,26,38,.28);animation:dwPopupIn .22s ease-out}
.dw-popup-card[hidden]{display:none}
@keyframes dwPopupIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.dw-popup-body{overflow:auto;max-height:calc(100vh - 190px)}
.dw-popup-media,.dw-popup-desc-link{display:block;text-decoration:none;color:inherit}
.dw-popup-media img{display:block;width:100%;height:auto;margin:0}
.dw-popup-desc{padding:22px 24px;font-size:15.5px;line-height:1.72;color:#3c5467;letter-spacing:-.01em}
.dw-popup-desc > :first-child{margin-top:0}
.dw-popup-desc > :last-child{margin-bottom:0}
.dw-popup-desc p{margin:0 0 10px}
.dw-popup-desc strong,.dw-popup-desc b{color:#193b52;font-weight:700}
.dw-popup-desc h1,.dw-popup-desc h2,.dw-popup-desc h3,.dw-popup-desc h4{
  margin:0 0 10px;color:#193b52;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.4}
.dw-popup-desc ul,.dw-popup-desc ol{margin:0 0 10px;padding-left:20px}
.dw-popup-desc li{margin:0 0 4px}
.dw-popup-desc img{max-width:100%;height:auto}
.dw-popup-desc a{color:#0f6fb5;text-decoration:underline}
.dw-popup-foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px 12px 16px;background:#f3f6f8;border-top:1px solid #e3ebf0}
.dw-popup-today{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;
  font-size:13.5px;color:#6b8296;letter-spacing:-.01em;user-select:none}
.dw-popup-today input{width:16px;height:16px;margin:0;accent-color:#193b52;cursor:pointer}
.dw-popup-close{
  flex:0 0 auto;padding:9px 20px;border:0;border-radius:999px;background:#193b52;color:#fff;
  font-size:13.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .18s ease}
.dw-popup-close:hover{background:#0f2b3e}
.dw-popup-close:focus-visible{outline:2px solid #7fb2d6;outline-offset:2px}

/* 관리자에서 Top/Left 를 지정한 팝업은 데스크톱에서만 그 좌표를 쓴다 */
@media (min-width:1025px){
  .dw-popup-card.is-pinned{position:fixed;top:var(--dw-pp-top,80px);left:var(--dw-pp-left,80px);margin:0}
}
@media (max-width:760px){
  .dw-popup-layer{padding:16px}
  .dw-popup-stack{flex-direction:column;flex-wrap:nowrap;gap:14px}
  .dw-popup-card{width:min(var(--dw-pp-w,420px),92vw);border-radius:14px}
  .dw-popup-body{max-height:calc(100vh - 170px)}
  .dw-popup-desc{padding:18px 18px;font-size:15px}
  .dw-popup-foot{padding:10px 12px}
  .dw-popup-today{font-size:12.5px}
  .dw-popup-close{padding:8px 16px;font-size:13px}
}

/* ===== 27. 게시판 글쓰기·수정 화면 (2026-10-12) =====
   글쓰기 화면(bd_post / bd_modify)은 코어 기본 스킨의 마크업 그대로라
   <p> 안에 라벨·입력칸·안내문이 한 줄로 흘러 있었고 스타일이 거의 없었다.
   마크업은 건드리지 않고(게시판 4종 · 스킨 3종 공통) CSS로만 정리한다.
     .bd-write > form > p  = 한 행
       ├ span[style*="color:red"]  필수 표시(*)
       ├ label (첫 번째)          행 라벨 → 왼쪽 고정 열
       ├ input / select / textarea / 에디터
       └ span (그 외)              안내문 → 입력칸 아래 줄
   ※ 게시판 모듈의 board.css 가 이 파일보다 뒤에 로드되며 같은 우선순위로 입력칸 높이를 42px 로
     덮어써서, 선택자 앞에 #pageMain 을 붙여 우선순위를 올렸다.
   ※ 관리자만 쓰는 화면이라 :has() 를 쓴다(구형 브라우저에서는 무시되어도 동작엔 지장 없음). */
#pageMain .bd-write{
  max-width:1000px;margin:0 auto;padding:10px 44px 36px;
  background:#fff;border:1px solid #e3ebf0;border-radius:20px;
  box-shadow:0 18px 50px rgba(18,43,60,.06)}
#pageMain .bd-write form > p{
  position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;
  margin:0;padding:20px 0 20px 168px;min-height:46px;
  border-bottom:1px solid #eef2f5;font-size:15px;color:#34506a;
  box-sizing:content-box}  /* 전역 border-box 면 min-height 가 패딩에 먹혀 라벨과 입력칸 높이가 어긋난다 */
#pageMain .bd-write form > p > label:first-of-type{
  position:absolute;left:0;top:20px;width:150px;
  line-height:46px;font-size:14.5px;font-weight:600;color:#193b52;letter-spacing:-.02em}
#pageMain .bd-write form > p > span[style*="color:red"]{
  position:absolute;left:-14px;top:20px;line-height:46px;
  color:#e5484d !important;font-weight:700}

/* 입력칸 */
#pageMain .bd-write input[type="text"],#pageMain .bd-write input[type="date"],#pageMain .bd-write input[type="number"],
#pageMain .bd-write input[type="email"],#pageMain .bd-write input[type="password"],#pageMain .bd-write input[type="url"],
#pageMain .bd-write select{
  height:46px;margin:0;padding:0 14px;box-sizing:border-box;
  border:1px solid #d5dee6;border-radius:10px;background-color:#fff;
  font:inherit;font-size:15px;color:#12304b;
  transition:border-color .15s ease,box-shadow .15s ease}
#pageMain .bd-write input[type="text"],#pageMain .bd-write input[type="url"],
#pageMain .bd-write input[type="email"],#pageMain .bd-write input[type="number"]{flex:1 1 320px;min-width:0}
#pageMain .bd-write input[type="date"]{flex:0 1 190px}
#pageMain .bd-write select{
  flex:0 0 auto;min-width:160px;padding-right:40px;cursor:pointer;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23537086' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center}
#pageMain .bd-write input::placeholder,#pageMain .bd-write textarea::placeholder{color:#a3b3bf}
#pageMain .bd-write input:focus,#pageMain .bd-write select:focus,#pageMain .bd-write textarea:focus{
  outline:none;border-color:#1f5c88;box-shadow:0 0 0 3px rgba(31,92,136,.14)}
#pageMain .bd-write input[type="checkbox"],#pageMain .bd-write input[type="radio"]{
  width:18px;height:18px;margin:0;accent-color:#193b52;cursor:pointer}

/* 안내문: 입력칸 아래 한 줄로 (체크박스 옆 안내는 같은 줄) */
#pageMain .bd-write form > p > span:not([style*="color:red"]){
  flex:1 1 100%;font-size:13px;line-height:1.6;color:#7d909e}
#pageMain .bd-write form > p > input[type="checkbox"] ~ span:not([style*="color:red"]),
#pageMain .bd-write form > p > input[type="radio"] ~ span:not([style*="color:red"]){flex:1 1 auto}
#pageMain .bd-write form > p > span b{color:#193b52;font-weight:600}

/* 여러 줄 입력 / 본문 HTML */
#pageMain .bd-write form > p > textarea{
  flex:1 1 100%;width:100%;min-height:140px;padding:12px 14px;box-sizing:border-box;
  border:1px solid #d5dee6;border-radius:10px;background:#fff;
  font-size:14px;line-height:1.7;color:#12304b;resize:vertical}

/* 에디터 */
#pageMain .bd-write .note-editor{flex:1 1 100%;width:100%;margin:0}
#pageMain .bd-write .note-editor.note-frame{
  border:1px solid #d5dee6 !important;border-radius:12px;overflow:hidden;box-shadow:none}
#pageMain .bd-write .note-editor .note-toolbar{
  padding:8px 10px;background:#f6f8fa;border-bottom:1px solid #e3ebf0}
#pageMain .bd-write .note-editor .note-statusbar{background:#f6f8fa;border-top:1px solid #e3ebf0}

/* 첨부파일 */
#pageMain .bd-write form > p:has(> input[type="file"]){padding-top:12px;padding-bottom:12px}
#pageMain .bd-write form > p:has(> input[type="file"]) > label:first-of-type{top:12px}
#pageMain .bd-write form > p > input[type="file"]{
  flex:1 1 320px;min-width:0;padding:6px;box-sizing:border-box;
  border:1px dashed #cfd9e1;border-radius:10px;background:#f8fafb;
  font-size:13.5px;color:#56707f;cursor:pointer}
#pageMain .bd-write form > p > input[type="file"]::file-selector-button{
  height:34px;margin-right:12px;padding:0 16px;
  border:1px solid #c9d6df;border-radius:8px;background:#fff;
  color:#193b52;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
#pageMain .bd-write form > p > input[type="file"]:hover::file-selector-button{border-color:#1f5c88}
/* 수정 화면: 기존 첨부(삭제 체크 + 파일명) 아래 줄에 새 파일 선택칸 */
#pageMain .bd-write form > p > input[type="checkbox"] ~ input[type="file"]{flex-basis:100%}
#pageMain .bd-write form > p:has(> input[type="checkbox"] ~ input[type="file"]) > label:first-of-type{line-height:22px}  /* 라벨을 첫 줄(삭제 체크 + 파일명)에 맞춘다 */

/* 등록 · 목록 버튼 */
#pageMain .bd-write form > p:last-child,
#pageMain .bd-write form > p:has(button[type="submit"]),
#pageMain .bd-write form > p:has(input[type="submit"]){
  justify-content:center;gap:10px;padding:32px 0 6px;border-bottom:0}
#pageMain .bd-write form > p:has(button[type="submit"]) button,
#pageMain .bd-write form > p:has(input[type="submit"]) input[type="submit"]{
  height:50px;min-width:150px;padding:0 30px;border:0;border-radius:999px;
  background:#193b52;color:#fff;font:inherit;font-size:15.5px;font-weight:600;
  cursor:pointer;transition:background .18s ease}
#pageMain .bd-write form > p:has(button[type="submit"]) button:hover,
#pageMain .bd-write form > p:has(input[type="submit"]) input[type="submit"]:hover{background:#0f2b3e}
#pageMain .bd-write form > p:has(button[type="submit"]) a,
#pageMain .bd-write form > p:has(input[type="submit"]) a{
  display:inline-flex;align-items:center;justify-content:center;
  height:50px;min-width:120px;padding:0 26px;box-sizing:border-box;
  border:1px solid #c9d6df;border-radius:999px;background:#fff;
  color:#34506a;font-size:15.5px;font-weight:600;text-decoration:none}
#pageMain .bd-write form > p:has(button[type="submit"]) a:hover,
#pageMain .bd-write form > p:has(input[type="submit"]) a:hover{border-color:#193b52;color:#193b52}

/* 글쓰기 화면에서는 하단 간편상담 바가 에디터·버튼을 가리므로 숨긴다 */
body:has(.bd-write) #quickInquiry{display:none !important}

@media (max-width:760px){
  #pageMain .bd-write{padding:4px 18px 24px;border-radius:14px;box-shadow:none}
  #pageMain .bd-write form > p{padding:16px 0;gap:8px}
  #pageMain .bd-write form > p > label:first-of-type{
    position:static;flex:1 1 100%;width:auto;line-height:1.4;margin-bottom:2px}
  #pageMain .bd-write form > p > span[style*="color:red"]{left:-11px;top:16px;line-height:1.4}
  #pageMain .bd-write form > p:has(> input[type="file"]) > label:first-of-type{top:auto}
  #pageMain .bd-write input[type="date"]{flex:1 1 0;min-width:0}
  #pageMain .bd-write select{flex:1 1 100%}
  #pageMain .bd-write form > p:has(button[type="submit"]) button,
  #pageMain .bd-write form > p:has(button[type="submit"]) a{flex:1 1 0;min-width:0}
}

/* ===== 28. 메인 히어로·간편상담 정리 (2026-10-12 고객 피드백) =====
   - 히어로 위 흰 선 2개 제거: 투명 헤더 하단선, 히어로 오른쪽 세로선(.hero::after)
   - 문구 삭제: 상단 eyebrow, 우하단 캡션, SCROLL TO EXPLORE
     (스크립트가 #heroCaption 등을 참조할 수 있어 마크업은 두고 화면에서만 뺀다)
   - 간편상담 바 LET'S TALK SOLAR → 네이비 로고
     흰색 로고 PNG 의 모양만 마스크로 따서 사이트 네이비(--navy)로 칠한다(별도 파일 불필요) */
body.cms-home .header:not(.scrolled):not(.mega-open){border-bottom-color:transparent}
body.cms-home .hero::after{content:none;display:none}
body.cms-home .hero .eyebrow,
body.cms-home .hero .hero-caption,
body.cms-home .hero .hero-scroll{display:none !important}

.quick-lead .quick-overline{
  display:block;width:116px;height:27px;margin-bottom:6px;
  font-size:0;line-height:0;letter-spacing:0;color:transparent;overflow:hidden;
  background:var(--navy,#0b2233);
  -webkit-mask:url("../images/logo-white-57023ebbfc.png") no-repeat left center/contain;
          mask:url("../images/logo-white-57023ebbfc.png") no-repeat left center/contain}

/* --- 사업공고 목록: 카드에 마우스를 올리면 문구/사진 경계에 생기던 검은 줄 제거 ---
   카드가 떠오르며(translateY) 사진이 확대(scale)될 때, 사진 상자의 윗변(소수점 좌표)에서
   합성 레이어 반올림 차이로 사진 첫 줄이 1px 비쳐 보였다. 윗변 4px 을 마스크로 투명 처리. */
#pageMain .op19-image{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 4px);
          mask-image:linear-gradient(to bottom,transparent 0,#000 4px)}
#pageMain .op19-card{-webkit-tap-highlight-color:transparent}
#pageMain .op19-card:focus:not(:focus-visible){outline:none}

/* --- 사업공고 상세 공통: 상단 탭 한 줄 (1920 기준 7개 탭이 한 줄에 들어가도록 좌우 여백만 축소) --- */
@media (min-width:781px){
  #pageMain .op-local-nav a{padding-left:26px;padding-right:26px}
}

/* --- 햇빛소득마을 상세 · 1MW 예시 --- */
/* 자부담 / 정책자금 박스 내용 가운데 정렬 */
#pageMain .sun28-support-mini > div{text-align:center}
/* 배당 흐름: 원형 번호(①②③④)만 남기고 앞의 1. 2. 3. 4. 목록 번호 삭제 */
#pageMain .sun28-support-flow{list-style:none;padding-left:0}
#pageMain .sun28-support-flow > li{list-style:none}
/* 2·4번은 넓은 화면에서 한 줄, 한 줄이 안 되는 중간 폭에서는 지정한 위치(세금 / 실질배당 앞)에서 줄바꿈 */
@media (min-width:1200px){
  #pageMain .sun28-support-flow > li{padding-right:12px;letter-spacing:-.02em;white-space:nowrap}
}
@media (min-width:781px) and (max-width:1199px){  /* 모바일은 자연 줄바꿈 */
  #pageMain .sun28-support-flow > li[data-step="2"] > strong:nth-of-type(2)::before,
  #pageMain .sun28-support-flow > li[data-step="4"] > strong:nth-of-type(2)::before{content:"\A";white-space:pre}
}

/* --- 태양광 팩토링 지원 상세 (2026-10-12 피드백 1~5) --- */
/* 1. KEY CONCEPT 01·02·03: 큰 원형 번호 → 제목 글씨 크기에 맞춘 작은 원, 제목은 번호 옆 */
#pageMain .fact-bullets article{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px}
#pageMain .fact-bullets article b{width:28px;height:28px;margin:0;font-size:12.5px}
#pageMain .fact-bullets article h4{margin:0}
#pageMain .fact-bullets article > :not(b):not(h4){grid-column:1 / -1}
#pageMain .fact-bullets article p{margin-top:10px}
/* 2. 사업 소개 카드: 영문 소제목과 제목 사이 간격 축소 / 비교 포인트 체크 아이콘 세로 가운데 */
#pageMain .fact-panel h3{margin-top:12px}
#pageMain .fact-checklist li{align-items:center}
/* 3. 비교표 위아래 흰 여백·왼쪽 정렬은 §23(에디터 표 스타일)이 디자인 표까지 덮어쓴 탓 → §23 범위를 좁혀 해결 */
/* 4. 진행 구조 흐름도: 상자·화살표·문구 위치를 한 좌표계(960×470)로 다시 맞춤
      (선·화살촉 좌표는 본문 SVG 에, 상자·문구 위치는 여기서 지정) */
@media (min-width:1101px){  /* 1100px 이하는 원래대로 상자를 세로로 쌓는 모바일 배치 */
  #pageMain .fact-diagram{min-height:0}
  #pageMain .fact-diagram-canvas{height:470px}
  #pageMain .fact-node.is-left {left:30px; top:50px;width:190px;height:280px}
  #pageMain .fact-node.is-right{left:740px;top:50px;width:190px;height:280px}
  #pageMain .fact-node.is-top  {left:400px;top:55px; width:160px;height:100px}
  #pageMain .fact-node.is-mid  {left:400px;top:235px;width:160px;height:100px}
  #pageMain .fact-diagram-label{text-align:center !important;white-space:nowrap}
  #pageMain .fact-diagram-label.top-upper   {left:220px;top:72px; width:180px}
  #pageMain .fact-diagram-label.top-lower   {left:220px;top:114px;width:180px}
  #pageMain .fact-diagram-label.left-mid    {left:220px;top:252px;width:180px}
  #pageMain .fact-diagram-label.right-upper {left:560px;top:240px;width:180px}
  #pageMain .fact-diagram-label.right-lower {left:560px;top:304px;width:180px}
  #pageMain .fact-diagram-label.bottom-upper{left:280px;top:386px;width:400px}
  #pageMain .fact-diagram-label.bottom-lower{left:280px;top:430px;width:400px}
}
/* 5. 진행 절차: 제목 줄 수가 달라도 설명 글이 같은 높이에서 시작하도록 제목 영역을 3줄로 고정 */
@media (min-width:1101px){
  #pageMain .fact-time-card h3{min-height:calc(1.45em * 3)}
}

/* --- 사업공고 상세 공통(건물 지원·금융지원·RE100·공간 맞춤): 글씨·화살표 정렬 --- */
/* 진행 절차 STEP 사이 화살표: 글자 기준선 때문에 선보다 7px 가량 아래·왼쪽에 있던 것을
   선 위, 단계 사이 간격(30px)의 정가운데로 */
@media (min-width:761px){
  /* 2026-10-13: 가는 '→' 글자 → 원형 배지(›, 햇빛소득마을 단계 카드와 같은 모양). 단계 간격 30→44px.
     단계 내용은 가운데 정렬, 배지는 단계 사이 간격의 가로·세로 정가운데 */
  #pageMain .op-flow{column-gap:44px}
  #pageMain .op-step{text-align:center}
  #pageMain .op-step:not(:last-child)::after{
    content:"";top:50%;right:-22px;width:28px;height:28px;line-height:0;font-size:0;
    border-radius:50%;box-sizing:border-box;border:1px solid #bfd1de;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M5 2.5 9.5 7 5 11.5' fill='none' stroke='%233983ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/14px;
    box-shadow:0 4px 10px rgba(25,59,82,.08);
    transform:translate(50%,-50%)}
}
/* 상담 준비 박스: 왼쪽 문구와 오른쪽 준비서류 목록을 세로 가운데로 맞춤 */
#pageMain .op-preparation{align-items:center}
#pageMain .op-preparation > div > :first-child{margin-top:0}
#pageMain .op-preparation > ol{align-content:center;row-gap:18px}
#pageMain .op-preparation > ol > li{align-items:center}

/* --- 햇빛소득마을 상세 · 01 사업 이해 '순서대로 보면 훨씬 쉽습니다' (2026-10-13) ---
   카드 사이 14px 틈에 34px 화살표(→ 글자)가 끼어 카드 테두리에 닿아 보였다.
   틈을 40px 로 넓히고, 화살표는 틈 정가운데의 작은 원형 배지(›)로 바꾼다.
   카드 위에는 data-no(STEP 01~05)를 작은 라벨로 표시. */
#pageMain .sun28-simple{gap:40px}
#pageMain .sun28-simple article::before{
  content:attr(data-no);display:block;margin-bottom:10px;
  font-size:11.5px;font-weight:700;letter-spacing:.12em;color:#c57b28}
#pageMain .sun28-simple article:not(:last-child)::after{
  content:"";right:-34px;width:28px;height:28px;border-radius:50%;font-size:0;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M5 2.5 9.5 7 5 11.5' fill='none' stroke='%23c57b28' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/14px;
  border:1px solid #f1dcc1;box-shadow:0 4px 10px rgba(201,136,47,.12)}
@media (max-width:1100px){  /* 3열: 줄 끝 카드의 화살표는 숨김 */
  #pageMain .sun28-simple{gap:28px 40px}
  #pageMain .sun28-simple article:nth-child(3n)::after{display:none}
}
@media (max-width:780px){   /* 1열: 화살표를 카드 아래 가운데, 아래 방향으로 */
  #pageMain .sun28-simple{gap:36px}
  #pageMain .sun28-simple article:not(:last-child)::after{
    display:block;right:auto;left:50%;top:auto;bottom:-32px;
    transform:translateX(-50%) rotate(90deg)}
}

/* --- 팩토링 상세 · 진행 구조 흐름도: 상자 안 글씨 세로 가운데 (2026-10-13) ---
   본문 공통 h3 여백(margin-top 38px)이 상자 안 제목에도 붙어 'SGI서울보증'·'시중 은행'·'발전사업자'
   글씨가 상자 아래쪽으로 내려가 있었다(화살표는 상자 정가운데로 들어오는데 글씨는 15~19px 아래).
   상자 안 제목 여백을 0 으로 → 화살표 높이와 글씨 중심이 일치. 위쪽 빈 여백도 조금 줄여 상하 균형. */
#pageMain .fact-node h3{margin:0}
#pageMain .fact-node p{margin-top:6px}
@media (min-width:1101px){
  #pageMain .fact-diagram{padding-top:8px}
}

/* --- 햇빛소득마을 상세 · 단계 흐름 화살표 통일 (2026-10-13) ---
   01 사업 이해(§28 sun28-simple)와 사업공고 3~6번 진행 절차에 쓴 '원형 배지(›)' 화살표로
   같은 페이지의 다른 단계 흐름 2곳도 맞춘다.
   ① 04 신청 절차(.sun28-flow): STEP 카드 사이에 화살표가 없었음 → 틈 14→40px, 배지 추가
   ② 07 동원이엔씨 역할(.sun28-company-arrow): 카드를 화살표 모양(clip-path)으로 잘라 겹쳐 놓은 띠
      → 둥근 카드 4개 + 배지, 내용 가운데 정렬 (모바일은 원래도 둥근 카드)
   배지는 카드 사이 틈의 가로·세로 정가운데. 1100px 이하 2열은 줄 끝 배지 숨김, 780px 이하 1열은 아래 방향. */
#pageMain .sun28-flow,
#pageMain .sun28-company-arrow{gap:40px}
#pageMain .sun28-flow > .sun28-step,
#pageMain .sun28-company-arrow > .sun28-company-arrow-item{position:relative}
#pageMain .sun28-company-arrow > .sun28-company-arrow-item:nth-child(n){
  margin-left:0;clip-path:none;border-radius:18px;
  padding:26px 22px;text-align:center;align-items:center}
#pageMain .sun28-flow > .sun28-step:not(:last-child)::after,
#pageMain .sun28-company-arrow > .sun28-company-arrow-item:not(:last-child)::after{
  content:"";position:absolute;top:50%;right:-34px;z-index:5;
  width:28px;height:28px;border-radius:50%;box-sizing:border-box;transform:translateY(-50%);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M5 2.5 9.5 7 5 11.5' fill='none' stroke='%23c57b28' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/14px;
  border:1px solid #f1dcc1;box-shadow:0 4px 10px rgba(201,136,47,.12)}
@media (max-width:1100px){
  #pageMain .sun28-flow,
  #pageMain .sun28-company-arrow{grid-template-columns:repeat(2,1fr);gap:28px 40px}
  #pageMain .sun28-flow > .sun28-step:nth-child(2n)::after,
  #pageMain .sun28-company-arrow > .sun28-company-arrow-item:nth-child(2n)::after{display:none}
}
@media (max-width:780px){
  #pageMain .sun28-flow,
  #pageMain .sun28-company-arrow{grid-template-columns:1fr;gap:36px}
  #pageMain .sun28-flow > .sun28-step:not(:last-child)::after,
  #pageMain .sun28-company-arrow > .sun28-company-arrow-item:not(:last-child)::after{
    display:block;right:auto;left:50%;top:auto;bottom:-32px;transform:translateX(-50%) rotate(90deg)}
}

/* ===== 30. 사업공고 반응형 재점검 (2026-10-13) =====
   목록 2종 + 상세 6건을 1280/1100/900/768/390/360 폭으로 열어 점검.
   페이지 가로 넘침은 0건. 아래는 좁은 화면에서 읽기 불편하던 곳만 손본다. */

/* ① 상세 상단 요약(구분 · 접수 마감 · 진행 상태): 600px 이하에서 3칸이 98px 씩이라
      '마을이 함께 만드는 에너지' 같은 구분 문구가 3줄로 쪼개짐 → 구분은 한 줄 전체, 나머지 2칸은 아래 줄 */
@media (max-width:600px){
  #pageMain #dwNoticeSpec > div:first-child{flex:1 1 100%;padding:0 0 12px;border-bottom:1px solid #e3ebf0}
  #pageMain #dwNoticeSpec > div:nth-child(2){padding-left:0;border-left:0}
}

/* ② 팩토링 · KEY CONCEPT 01~03: 1100px 이하에서 오른쪽 패널이 한 줄로 내려오며
      카드 3개가 156px 폭에 눌려 있었음 → 900px 이하는 한 줄에 하나 */
@media (max-width:900px){
  #pageMain .fact-bullets{grid-template-columns:1fr}
}

/* ③ 팩토링 · 비교표: 600px 이하에서 표 최소폭 560px 때문에 표를 좌우로 밀어야 했음
      → 화면 폭에 맞추고 글씨·여백만 줄임 */
@media (max-width:600px){
  #pageMain .fact-table{min-width:0;width:100%}
  #pageMain .fact-table th,#pageMain .fact-table td{padding:12px 6px;word-break:keep-all}
  #pageMain .fact-table thead th{font-size:12.5px}
  #pageMain .fact-table tbody th{font-size:12px;width:22%}
  #pageMain .fact-table tbody td{font-size:14px}
}

/* ④ 팩토링 · 진행 구조 흐름도: 1100px 이하에서는 화살표·문구를 숨기고 상자만 세로로 쌓는데,
      캔버스 폭(960px)은 그대로라 상자가 960px 로 늘어나 좌우 스크롤만 생기고 흐름도 안 보였음
      → 작은 화면도 데스크톱과 같은 흐름도를 그대로 보여주고 좌우로 밀어서 보게 한다(안내 문구 표시) */
@media (max-width:1100px){
  #pageMain #fact-structure .fact-structure-wrap::before{
    content:"← 좌우로 밀어서 전체 구조를 확인하세요 →";display:block;margin:0 0 10px;
    font-size:12.5px;color:#6b8296;text-align:center}
  #pageMain .fact-diagram{overflow-x:auto;-webkit-overflow-scrolling:touch;min-height:0;padding:8px 12px 16px}
  #pageMain .fact-diagram-canvas{display:block;width:960px;min-width:960px;height:470px}
  #pageMain .fact-diagram svg,#pageMain .fact-diagram-label{display:block}
  #pageMain .fact-diagram-label{text-align:center !important;white-space:nowrap}
  #pageMain .fact-node{position:absolute !important;min-height:0;margin:0 !important}
  #pageMain .fact-node.is-left {left:30px !important; top:50px !important; width:190px !important;height:280px !important}
  #pageMain .fact-node.is-right{left:740px !important;top:50px !important; width:190px !important;height:280px !important}
  #pageMain .fact-node.is-top  {left:400px !important;top:55px !important; width:160px !important;height:100px !important}
  #pageMain .fact-node.is-mid  {left:400px !important;top:235px !important;width:160px !important;height:100px !important}
  #pageMain .fact-node.logo img{max-height:none}
  #pageMain .fact-diagram-label.top-upper   {left:220px;top:72px; width:180px}
  #pageMain .fact-diagram-label.top-lower   {left:220px;top:114px;width:180px}
  #pageMain .fact-diagram-label.left-mid    {left:220px;top:252px;width:180px}
  #pageMain .fact-diagram-label.right-upper {left:560px;top:240px;width:180px}
  #pageMain .fact-diagram-label.right-lower {left:560px;top:304px;width:180px}
  #pageMain .fact-diagram-label.bottom-upper{left:280px;top:386px;width:400px}
  #pageMain .fact-diagram-label.bottom-lower{left:280px;top:430px;width:400px}
}

/* ⑤ 햇빛소득마을 · 1MW 예상 수익 표: 600px 이하에서 상자 안 여백 30px 때문에 표가 233px 로 좁아
      칸마다 3~4줄로 쪼개짐 → 상자 여백·칸 여백 축소 */
@media (max-width:600px){
  #pageMain .sun28-profit-table{padding:22px 14px}
  #pageMain .sun28-profit-table th,#pageMain .sun28-profit-table td{padding:12px 8px;font-size:13px}
}

/* ===== 31. 10/16 고객 수정 요청 (2026-10-19) ===== */
/* ① 하단 간편상담 바: 네이비 단색 로고(흰 로고 마스크)가 옆으로 눌려 보인다는 의견
      → 컬러 로고 원본(294×68)을 원래 비율 그대로 표시 */
.quick-lead .quick-overline{
  width:138px;height:32px;background:url("../images/logo-57c7a7e71f.png") no-repeat left center/contain;
  -webkit-mask:none;mask:none}
/* ② 메인 사업분야: 아코디언 설명이 290px 폭 제한 때문에 마지막 어절만 다음 줄로 떨어짐 → 폭 제한 해제(한 줄)
      카드 설명은 문장 단위로 줄바꿈(데이터의 \n), 해시태그 삭제 */
.business-tab .tab-detail{max-width:none}
#businessDescription{white-space:pre-line}
#businessTags,.business-tags{display:none !important}
/* ③ 사업분야 5개 페이지: 사진 아래 키워드 3개 가운데 정렬 */
#pageMain .dw25-highlights > span,
#pageMain .dw24-roof-highlights > span{text-align:center}
/* ④ 메인 BUSINESS 소개문구: 오른쪽 끝 → "공간과 목적에 맞는 태양광 솔루션" 제목 바로 아래로 (마크업도 제목 쪽으로 이동) */
#business .section-head > div > .section-intro{margin-top:24px;max-width:none}
/* ⑤ 메인 사업분야 사진: 셔터스톡 이미지(사업개발·금융, O&M)는 현장명 라벨이 없으므로 빈 라벨 숨김 */
#businessCaption:empty{display:none}

/* ===== 32. 반응형 전체 점검 (2026-10-19) ===== */
/* ① 헤더·푸터 로고 비율 — 2026-10-22 정정: 사이트의 로고 PNG(294×68 = 4.32)는 원본보다 세로로 늘어난 파일이었다.
      고객 원본(문서용 415×87 = 4.77) 비율로 표시한다 (10/19 에 PNG 비율로 맞췄다가 "세로로 늘어나 보인다" 피드백) */
/* (이전 설명) : 박스가 예전 로고 비율(188×38 = 4.95)로 고정돼 있어 현재 로고(294×68 = 4.32)가
      전 페이지·전 해상도에서 세로로 약 13% 눌려 보였음 → 가로 폭은 그대로 두고 높이를 원본 비율로 */
.header .brand{height:auto !important}
.header .brand img{height:auto !important;aspect-ratio:415/87 !important;object-fit:fill}
.footer .footer-brand img,.footer21 .footer-brand img,.footer-brand img{height:auto !important;aspect-ratio:415/87 !important;object-fit:fill}
/* ② 메인 오늘의 시세: 1120px 이하에서 하단 안내문과 출처 줄(.market-foot 두 개)이 같은 행에 겹쳐 찍히던 것 분리 */
@media (max-width:1120px){#market .market-grid > .dw-market-source{grid-row:4}}
@media (max-width:760px){#market .market-grid > .dw-market-source{grid-row:5}}
/* ③ 본문 카드 제목(h3): 특정 폭에서 마지막 두 글자 단어만 다음 줄로 떨어지던 것(사업공고 상세 카드·인증특허 제목 등) → 줄 길이 균형 배분 */
#pageMain h3{text-wrap:balance}

/* ===== 33. 10/20 고객 수정 요청 (2026-10-22) ===== */
/* ① 개인정보 안내(#/privacy): 고객 제공 문서(시행 2026.10.20)로 교체 — PC 2단 표, 모바일 1단 */
#pageMain .dw-privacy{max-width:1040px}
#pageMain .dw-privacy-intro{margin:0 0 44px;font-size:17px;line-height:1.85;color:#35566c;word-break:keep-all}
#pageMain .dw-privacy-block + .dw-privacy-block{margin-top:56px}
#pageMain .dw-privacy-block h2{display:flex;align-items:baseline;gap:12px;margin:0 0 18px;font-size:24px;line-height:1.4;font-weight:650;letter-spacing:-.04em;color:#122b3c;word-break:keep-all}
#pageMain .dw-privacy-block h2 span{font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;color:#327b9e}
#pageMain .dw-privacy-list{margin:0;border-top:2px solid #122b3c}
#pageMain .dw-privacy-list > div{display:grid;grid-template-columns:200px minmax(0,1fr);border-bottom:1px solid #d7e2e9}
#pageMain .dw-privacy-list dt{margin:0;padding:20px 24px;background:#f5f8fa;font-size:15px;line-height:1.7;font-weight:600;color:#35566c;word-break:keep-all}
#pageMain .dw-privacy-list dd{margin:0;padding:20px 24px;font-size:15px;line-height:1.85;color:#1b394f;word-break:keep-all}
#pageMain .dw-privacy-list dd strong{font-weight:650;color:#122b3c}
#pageMain .dw-privacy-list dd a{color:#176188;text-decoration:none}
#pageMain .dw-privacy-list dd a:hover{text-decoration:underline}
#pageMain .dw-privacy-tag{display:inline-block;min-width:38px;margin-right:8px;padding:1px 8px;border-radius:999px;background:#122b3c;color:#fff;font-size:12px;line-height:20px;font-weight:600;text-align:center;vertical-align:1px}
#pageMain .dw-privacy-tag.is-optional{background:#e3ebf0;color:#35566c}
#pageMain .dw-privacy-sep{margin:0 10px;color:#b8c7d1}
#pageMain .dw-privacy-date{margin:40px 0 0;padding:18px 22px;border-radius:12px;background:#f5f8fa;font-size:15px;line-height:1.7;color:#35566c;word-break:keep-all}
@media (max-width:760px){
  #pageMain .dw-privacy-intro{margin-bottom:32px;font-size:15.5px}
  #pageMain .dw-privacy-block + .dw-privacy-block{margin-top:44px}
  #pageMain .dw-privacy-block h2{font-size:20px}
  #pageMain .dw-privacy-list > div{grid-template-columns:1fr}
  #pageMain .dw-privacy-list dt{padding:14px 16px 4px;background:none;font-size:14px;color:#327b9e}
  #pageMain .dw-privacy-list dd{padding:0 16px 16px;font-size:15px;line-height:1.8}
  #pageMain .dw-privacy-sep{display:none}
  #pageMain .dw-privacy-list dd a{display:inline-block;margin-right:10px}
  #pageMain .dw-privacy-date{font-size:14px;padding:16px 18px}
}
/* ② 하단 간편상담 바 로고도 원본 비율(4.77) — 138×29 박스에 꽉 채움 */
.quick-lead .quick-overline{width:138px;height:29px;background-size:100% 100%}
/* ③ 메인 사업분야 사진 아래 발전소 이름 라벨 숨김 (5개 탭 공통) */
#businessCaption{display:none !important}
/* ④ 하단 간편상담 바 전화번호: 원형 전화기 아이콘 + 글자 크기·간격 */
.quick-lead > a[href^="tel"]{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:16px;font-weight:600;letter-spacing:-.01em;color:#122b3c;text-decoration:none}
.quick-lead > a[href^="tel"]::before{content:"";flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#122b3c url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.7%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.91.34%201.85.57%202.81.7A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E") center/13px no-repeat}
/* ⑤ 사업공고 상세 본문 사진(햇빛소득마을·팩토링): 사업분야 페이지 사진과 같은 30px 라운드 */
#pageMain .dw-notice-photo{margin:40px 0 48px;border-radius:30px;overflow:hidden;aspect-ratio:2/1;background:#eef2f5}
#pageMain .dw-notice-photo img{display:block;width:100%;height:100%;object-fit:cover}
#pageMain .sun28-hero-copy > .dw-notice-photo{max-width:none;width:auto}
#pageMain .sun28-hero .dw-notice-photo::before{content:none;display:none} /* 기존 v28 일러스트용 "한눈에 보는 햇빛소득마을" 라벨이 새 사진에도 붙던 것 제거 */
@media (max-width:760px){#pageMain .dw-notice-photo{margin:28px 0 32px;border-radius:20px;aspect-ratio:3/2}}
/* ⑥ 햇빛소득마을 상단 탭: 남색 18px → 본문과 같은 갈색 톤·굵기로 */
#pageMain .op-local-nav[aria-label*="햇빛소득마을"] a{color:#725b48;font-size:17px;font-weight:500;letter-spacing:-.02em}
#pageMain .op-local-nav[aria-label*="햇빛소득마을"] a:hover,#pageMain .op-local-nav[aria-label*="햇빛소득마을"] a:focus-visible{color:#7a4317}
/* ⑦ 햇빛소득마을 '동원이엔씨 역할' 4단계 박스: 여백 축소 + 제목 한 줄 (사업개발 · 부지검토) */
#pageMain .sun28-company-arrow-item{padding:20px 16px}
#pageMain .sun28-company-arrow-item b{font-size:21px;letter-spacing:-.04em}
@media (min-width:1101px){#pageMain .sun28-company-arrow{grid-template-columns:repeat(4,minmax(0,1fr))}#pageMain .sun28-company-arrow-item b{white-space:nowrap}}
@media (min-width:1101px) and (max-width:1279px){#pageMain .sun28-company-arrow-item{padding:18px 12px}#pageMain .sun28-company-arrow-item b{font-size:18px}}
/* ⑧ 메인 오늘의 시세 가중치: 선택 상자(0.8~1.5) → 직접 입력란 (10/21 고객 요청). 기존 선택 상자와 같은 크기·톤 */
#market .market-weight-field{display:flex;align-items:center;gap:8px;height:37px;padding:0 12px;border:1px solid #cfdae3;border-radius:1px;background:#fff;box-sizing:border-box;cursor:text}
#market .market-weight-field:focus-within{border-color:#122b3c;box-shadow:0 0 0 3px rgba(18,43,60,.08)}
#market .market-weight-prefix{flex:0 0 auto;font-size:13.5px;line-height:1;color:#526a7e;white-space:nowrap}
#market .market-weight-field input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0;background:none;font:inherit;font-size:15px;font-weight:650;letter-spacing:-.01em;color:#122b3c;text-align:right;-moz-appearance:textfield;appearance:textfield}
#market .market-weight-field input::-webkit-outer-spin-button,#market .market-weight-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#market .market-weight-field input::placeholder{font-size:13px;font-weight:400;color:#9aabb8}
@media (max-width:1120px){#market .market-weight-prefix{font-size:12.5px}#market .market-weight-field input{font-size:14px}}
@media (max-width:1279px){#market .market-weight-extra{display:none}#market .market-weight-field{gap:6px;padding:0 10px}}
/* ⑨ 팩토링 진행 절차 7단계: 1101~1279px 에서 카드가 94~117px 로 좁아 STEP 07 제목이 4줄로 넘침 → 이 구간만 카드 여백·제목 크기 축소(제목 3줄 이내, 설명 시작선 유지) */
@media (min-width:1101px) and (max-width:1279px){#pageMain .fact-time-card{padding:16px 10px}#pageMain .fact-time-card h3{font-size:16px;letter-spacing:-.05em}}
/* ⑩ 문의하기 폼(태블릿 761~1023px): 소개 영역과 폼이 2단으로 나란히 놓여 입력칸이 123~223px 로 좁았음 → 이 구간은 소개를 위, 폼을 아래로 쌓고
      입력 글씨 16px (iPad 에서 16px 미만 입력칸은 포커스 시 화면이 자동 확대됨) */
@media (min-width:761px) and (max-width:1023px){#pageMain .dw-form-layout{grid-template-columns:minmax(0,1fr);row-gap:36px}#pageMain #dwInquiryForm input,#pageMain #dwInquiryForm select,#pageMain #dwInquiryForm textarea{font-size:16px}}

/* ===== 34. 하단 상담바 왼쪽 문구 크기 (2026-10-27 고객 요청: "폰트 크기만 조금 줄여 주세요") ===== */
/* 19px/650/자간 -0.045em/행간 1.5 → 17px/600/-0.025em/1.45. 두 줄 유지(1180~1920 확인), 로고·전화번호와 간격 맞춤.
   이 영역은 1121px 이상에서만 보임(01-base-01.css 에서 1120px 이하 display:none) */
.quick-layout .quick-lead h2{margin-top:9px;font-size:17px;line-height:1.45;font-weight:600;letter-spacing:-.025em;word-break:keep-all}
/* 같은 날 2차 요청(고객 시안 첨부): "문구 위치를 조금 아래로, 오른쪽으로 더 넣어 주세요"
   → 문구만 19px 들여쓰고 7px 내림(로고·전화번호 위치는 그대로, 전화번호 위 간격 12→5px 로 상쇄해 영역 높이 유지).
   상담바 왼쪽 칸이 1180px 에서 156px 이라 들여쓰면 2줄째가 접힐 수 있어 nowrap(<br> 줄바꿈만 사용) — 글자 끝 136px, 구분선까지 20px 여유 */
.quick-layout .quick-lead h2{margin-top:12px;padding-left:19px;white-space:nowrap}   /* 3차(같은 날): "살짝 올려 주세요" 16→12px */
.quick-layout .quick-lead > a[href^="tel"]{margin-top:9px}                               /* 5→9px, 전화번호 위치·영역 높이 그대로 */