/* Sample4 서브페이지 공통 디자인. 메뉴·히어로에는 적용하지 않는다.
   페이지 전용 CSS 이후 로드하며 공통 토큰은 이 파일에서 관리한다. */
.s4-site--sub{--sub-ink:#152c38;--sub-navy:#12354b;--sub-blue:#0867b2;--sub-muted:#53636d;--sub-line:#d9e1e5;--sub-paper:#f4f6f6;--sub-section:80px;--sub-title:40px;--sub-lead:48px;--sub-body:17px;--sub-gap:40px;--sub-radius:2px;--ab-ink:var(--sub-ink);--tc-ink:var(--sub-ink)}
/* 본문 폭과 섹션 리듬 */

.s4-site--sub :is(.s4-section,.ab-evidence,.ab-location,.ab-opening,.tc-intro,.tc-device,.tc-support,.collection-devices,.collection-care,.cert-library){padding-block:var(--sub-section)!important}
.s4-site--sub :is(.ab-approach,.ab-history,.tc-modes,.tc-quality,.collection-comparison){padding-block:var(--sub-section)!important}
.s4-site--sub :is(.s4-board,.cc-contact-layout){padding-top:var(--sub-section)!important}
.s4-site--sub :is(.ab-intro,.tc-heading,.ct-opening){gap:var(--sub-gap)}
/* 모든 본문 제목: 동일한 굵기·크기·행간. 모델명과 도표 수치는 제외. */
.s4-site--sub :is(.s4-section,.ab-page,.tc-page,.s4-collection,.cert-library,.cc-contact-layout,.s4-board) h2{font-family:Pretendard,"Noto Sans KR",sans-serif!important;font-size:var(--sub-title)!important;font-weight:500!important;line-height:1.25!important;letter-spacing:-.045em!important;word-break:keep-all;overflow-wrap:break-word}
.s4-site--sub :is(.ab-intro,.tc-heading,.ct-opening,.collection-devices>.collection-heading,.cert-library-heading) h2,
.s4-site--sub .s4-container>.s4-section:nth-of-type(2) h2{font-size:var(--sub-lead)!important}
.s4-site--sub :is(.s4-section-head,.collection-heading,.cert-library-heading){margin-bottom:var(--sub-gap)!important;align-items:start;gap:var(--sub-gap)}
.s4-site--sub :is(.ab-page,.tc-page,.s4-collection,.cert-library,.s4-section) p{line-height:1.85}
.s4-site--sub :is(.s4-section-head>p,.collection-heading>p,.cert-library-heading p,.ab-intro-copy p,.tc-heading>p,.ct-opening-copy p,.s4-copy>p){font-size:var(--sub-body)!important;color:var(--sub-muted);line-height:1.85!important}
.s4-site--sub :is(p,li,dt,dd,h1,h2,h3,a,span){word-break:keep-all;overflow-wrap:break-word}
/* 제목과 마주 보는 짧은 설명은 데스크톱에서 지면 오른쪽 끝에 맞춘다. */
.s4-site--sub :is(.s4-section-head>p,.collection-heading>p,.ab-intro-copy,.tc-intro-copy,.tc-section-heading>p,.global-heading>p,.ct-opening-copy,.support-services-head>p){justify-self:end;text-align:right}
.s4-site--sub :is(.s4-feature-list h3,.s4-resource-list h3,.s4-training-index h3,.cert-item h3,.ab-years h3,.tc-support-links strong){font-size:22px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:-.025em}
.s4-site--sub :is(.ct-row-heading h3,.ct-details h3){font-weight:500}
/* 밝은 지면과 짙은 기술 지면 */
.s4-site--sub :is(.s4-section--soft,.ab-history,.tc-quality,.collection-comparison,.sl-brand){background:var(--sub-paper)!important}
.s4-site--sub :is(.ab-approach,.tc-modes){background:var(--sub-navy)!important}
.s4-site--sub :is(.s4-catalog-image,.s4-product-visual,.s4-training-index article>img){background:#fff!important}
.s4-site--sub :is(.s4-catalog-image img,.s4-product-visual>img,.s4-training-index article>img){object-fit:contain;mix-blend-mode:multiply}
/* 본문 링크: 하단 선과 화살표의 공통 간격 */
.s4-site--sub :is(.s4-text-link,.ab-link,.tc-link,.collection-detail,.ct-support-link){min-height:48px!important;gap:24px!important;padding-block:10px!important;border-bottom:1px solid #8296a2;font-size:16px!important;font-weight:500!important;line-height:1.5}
/* 실질적인 실행 버튼만 통일: 메뉴·탭·갤러리 조작은 제외 */
.s4-site--sub :is(.s4-button,.cc-form-actions button,.cc-login-submit,form[name="fregister"] .btn_submit,form[name="fregister"] .btn_cancel,#bo_w .btn_submit,#bo_w .btn_cancel){min-height:54px!important;border-radius:var(--sub-radius)!important;box-shadow:none!important;font-size:16px!important;font-weight:500!important;line-height:1.5;transform:none!important}
.s4-site--sub :is(.s4-button:not(.s4-button--light),.cc-form-actions button,.cc-login-submit,form[name="fregister"] .btn_submit,#bo_w .btn_submit){background:var(--sub-navy)!important;color:#fff!important}
.s4-site--sub :is(.s4-button:not(.s4-button--light),.cc-form-actions button,.cc-login-submit,form[name="fregister"] .btn_submit,#bo_w .btn_submit):hover{background:var(--sub-blue)!important}
.s4-site--sub .s4-button--light{background:transparent!important;color:var(--sub-ink)!important;border:1px solid #96a9b4!important}
.s4-site--sub :is(.cc-form-actions button span,.cc-login-submit>span){border-radius:0!important;background:none!important;transform:none!important;color:inherit!important}
.s4-site--sub :is(.cc-login-card,.cert-dialog,.s4-document){border-radius:var(--sub-radius)!important;box-shadow:none!important}
.s4-site--sub .cc-login-form__head h1{font-size:var(--sub-title)!important;font-weight:500!important;line-height:1.25!important;letter-spacing:-.045em}
.s4-site--sub .sl-brand h2{font-size:32px!important}
/* 긴 문서와 폼은 읽기 폭 유지. 내용·접수 동작은 기존 코드 사용. */
.s4-site--sub #ctt_con{font-size:var(--sub-body)!important;line-height:1.9!important}
.s4-site--sub #ctt_con h2{font-size:24px!important;margin-block:30px 16px}
.s4-site--sub form[name="fregister"] :is(h2,h3){font-size:24px!important}
.s4-site--sub form[name="fregister"] :is(textarea,.fregister_agree){border-radius:var(--sub-radius);border-color:var(--sub-line)}
.s4-site--sub :is(.cc-contact-form,.cc-login-form) :is(input[type=text],input[type=email],input[type=tel],input[type=password]){min-height:54px!important;font-size:16px!important}
.s4-site--sub :is(.cc-login-form,.cc-contact-form) label{line-height:1.6}
.s4-site--sub :is(.s4-facts,.ab-years,.tc-device dl,.s4-library,.s4-resource-list){border-color:var(--sub-line)}
@media(max-width:1100px){.s4-site--sub{--sub-title:36px;--sub-lead:42px;--sub-section:64px;--sub-gap:32px}}
@media(max-width:767px){.s4-site--sub{--sub-title:30px;--sub-lead:34px;--sub-body:16px;--sub-section:48px;--sub-gap:26px}.s4-site--sub :is(.s4-section-head>p,.collection-heading>p,.ab-intro-copy,.tc-intro-copy,.tc-section-heading>p,.global-heading>p,.ct-opening-copy,.support-services-head>p){justify-self:start;text-align:left}.s4-site--sub :is(.s4-feature-list h3,.s4-resource-list h3,.s4-training-index h3,.cert-item h3,.ab-years h3,.tc-support-links strong){font-size:20px!important}.s4-site--sub :is(.s4-text-link,.ab-link,.tc-link,.collection-detail,.ct-support-link){font-size:15px!important}.s4-site--sub .sl-brand h2{font-size:26px!important}.s4-site--sub #ctt_con h2,.s4-site--sub form[name="fregister"] :is(h2,h3){font-size:22px!important}}