/* 임시 미리보기용 (Webflow 페이지 전용) — 최종 때 Webflow 디자이너에서 동일하게 반영 후 삭제 */
.lx-philosophy-hero, .lx-insights-list-hero, .lxc-catalog-hero { position: relative !important; height: 320px !important; min-height: 320px !important; padding: 0 !important; display: flex !important; flex-direction: column; justify-content: center; box-sizing: border-box; }
.lx-philosophy-hero__eyebrow, .lx-insights-hero-eyebrow { display: none !important; }
.lx-philosophy-hero__container, .lx-insights-list-container, .lxc-catalog-hero > div { width: calc(100% - 64px) !important; max-width: 1400px !important; margin: 0 auto !important; }
.lx-philosophy-hero__title, .lx-insights-list-title { font-size: 60px !important; font-weight: 600 !important; line-height: 1.12 !important; margin: 0 !important; }
.lx-philosophy-hero__lead, .lx-insights-list-lead { font-size: 19px !important; line-height: 1.7 !important; margin-top: 18px !important; }
.wf-bc { position: absolute; top: 24px; left: 0; right: 0; width: calc(100% - 64px); max-width: 1400px; margin: 0 auto; display: flex; align-items: center; gap: 12px; font-size: 15px; line-height: 19px; color: #7b7f86; z-index: 5; font-family: Pretendard, sans-serif; }
.wf-bc a { color: inherit; text-decoration: none; display: flex; align-items: center; }
.wf-bc [aria-current] { color: #24272c; }
.lx-philosophy-hero .wf-bc, .lx-philosophy-hero .wf-bc [aria-current], .lxc-catalog-hero .wf-bc, .lxc-catalog-hero .wf-bc [aria-current] { color: rgba(255,255,255,.92); }
/* 헤더(65px 고정)는 검정, 배너는 헤더 바로 아래부터 */
body:has(.wf-bc) .lx-header-v2 { background-color: #000 !important; }
main > .lx-philosophy-hero:first-child, main > .lx-insights-list-hero:first-child, main > .lxc-catalog-hero:first-child { margin-top: 65px !important; }
/* 보증: Warranty 제목 삭제 후 배너와 탭 사이 여백 확보 */
.lx-warranty { padding-top: 60px !important; }

/* [140] 제품소개 배너도 패턴갤러리 크기(320)로 — 헤더 아래 배치, 경로표시 겹침 */
.lx-product-hero { position: relative !important; height: 320px !important; min-height: 320px !important; margin-top: 65px !important; top: auto !important; overflow: hidden; }
.lx-product-hero__image, .lx-product-hero__shade { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; transform: none !important; }
.lx-product-hero__copy { position: absolute !important; inset: 0 !important; height: 100% !important; display: flex !important; flex-direction: column; justify-content: center; align-items: center; padding: 0 !important; margin: 0 !important; transform: none !important; }
.lx-product-hero .lx-openjoint-eyebrow { display: none !important; }
.lx-product-hero__title { font-size: 60px !important; font-weight: 600 !important; line-height: 1.12 !important; margin: 0 !important; }
.lx-product-hero .wf-bc, .lx-product-hero .wf-bc [aria-current] { color: rgba(255,255,255,.92); }
.lx-product-hero .wf-bc { position: absolute; }

/* [142] 상담하기·스크롤업 버튼 모든 페이지 고정 (사이트 페이지와 동일) */
.public-float-consult { position: fixed; z-index: 110; right: 20px; bottom: 90px; border-radius: 30px; overflow: hidden; }
.public-float-consult img { display: block; width: 60px; height: 89px; }
.float-scroll-top { position: fixed; z-index: 110; right: 20px; bottom: 20px; width: 60px; height: 60px; border-radius: 50%; background: #000; color: #fff; border: 0; padding: 0 0 2px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; box-shadow: 0 4px 12px rgba(0,0,0,.2); }
.float-scroll-top svg { width: 14px; height: 18px; stroke: #fff; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.float-scroll-top span { font-family: Pretendard, sans-serif; font-size: 10px !important; font-weight: 700; line-height: 1; letter-spacing: -0.02em; white-space: nowrap; }

/* [146] 인사이트 목록 페이지번호 위아래 120 */
.lx-insights-list-pagination { margin-top: 120px !important; }
.lx-insights-list-content { padding-bottom: 120px !important; }

/* [147] Webflow 페이지 콘텐츠 좌우 여백도 시공사례와 동일(폭 1400) */
.lx-exterior-solution, .lx-line-page-submenu__inner, .lx-line-submenu__inner, .lx-openjoint-detail__inner,
.lx-philosophy__container, .lx-product-features, .lx-related-insights, .lx-warranty__container, .lxc-container, .lxc-support, .lx-insights-list-container {
  width: calc(100% - 64px) !important; max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box;
}
/* 페이지 안 스타일(!important)보다 우선하도록 */
html body .lx-insights-list-container, html body .lx-philosophy-hero__container, html body .lx-philosophy__container, html body .lx-warranty__container, html body .lxc-container, html body .lxc-support, html body .lx-product-features, html body .lx-related-insights { width: calc(100% - 64px) !important; max-width: 1400px !important; }

/* [151] 제품소개 배너 설명문 추가(다른 서브메인과 동일 스타일) */
.lx-product-hero__lead { font-family: Pretendard, sans-serif; font-size: 19px !important; line-height: 1.7 !important; margin: 18px 0 0 !important; color: rgba(255,255,255,.85); text-align: center; }
/* 제품소개 새 배경(우드 라인패널)은 밝게: 어둡게 덮는 막 0.46 → 0.25 */
.lx-product-hero__image[src*="products-hero"] + .lx-product-hero__shade { background-color: rgba(0,0,0,.25) !important; }

/* [153] 라인패널 7가지 특징: 카탈로그(PDF 4p) 내용으로 교체 + 제목 앞 작은 체크박스 */
.lx-product-feature__title { display: flex; align-items: center; gap: 8px; }
.lx-product-feature__title::before { content: ""; flex: none; width: 20px; height: 19px; background: no-repeat center / 20px 19px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 34'%3E%3Crect x='1.6' y='4.3' width='29.2' height='28.2' rx='1.2' fill='none' stroke='%231d1d1d' stroke-width='2.6'/%3E%3Cpath fill='%231d1d1d' d='M2.6 19.4 5.8 16.2 13.9 22.6 34.9 0.2 36 1.4 15.6 28.6 12.6 28.6Z'/%3E%3C/svg%3E"); }
.lx-product-feature__title { white-space: nowrap; }
.lx-feature-sub { font-size: .62em; font-weight: 500; margin-left: 4px; align-self: flex-end; padding-bottom: .2em; }
.lx-feature-sub { font-size: 16px !important; margin-left: -2px !important; }
/* 특징 제목 크기 축소: 제목 22px, 체크박스 16px */
.lx-product-feature__title { font-size: 22px !important; line-height: 1.4 !important; gap: 7px !important; }
.lx-product-feature__title::before { width: 16px !important; height: 15px !important; background-size: 16px 15px !important; }
.lx-feature-sub { font-size: inherit !important; font-weight: inherit !important; margin-left: 0 !important; align-self: auto !important; padding-bottom: 0 !important; }
.lx-product-features__title { font-size: 32px !important; line-height: 1.3 !important; }

/* [154] 제품 쇼케이스(사진+설명 박스) 좌우 여백도 시공사례와 동일(1400) */
html body .lx-product-showcase { width: calc(100% - 64px) !important; max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
html body .lx-product-showcase { padding-left: 0 !important; padding-right: 0 !important; }
html body .lx-line-gallery { width: calc(100% - 64px) !important; max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; }

/* [155] 7가지 특징 레이아웃 확정: 왼쪽 제목 칼럼 + 오른쪽 4칸×2줄(마지막 칸 카탈로그 보기) */
html body .lx-product-features { display: grid !important; grid-template-columns: 280px 1fr; column-gap: 40px; align-items: start; }
html body .lx-product-features__title { font-size: 36px !important; font-weight: 600 !important; line-height: 1.35 !important; margin: 0 !important; }
html body .lx-product-features__grid { display: grid !important; grid-template-columns: 1fr 1fr 1fr 1.2fr !important; column-gap: 32px !important; row-gap: 64px !important; margin: 0 !important; }
html body .lx-product-features__grid > * { width: auto !important; max-width: none !important; flex: none !important; grid-area: auto !important; min-width: 0; }
html body .lx-product-feature__title { font-size: 24px !important; font-weight: 700 !important; gap: 8px !important; white-space: nowrap; }
html body .lx-product-feature__title::before { width: 20px !important; height: 19px !important; background-size: 20px 19px !important; }
html body .lx-feature-sub { font-size: 15px !important; font-weight: 500 !important; margin-left: 0 !important; align-self: flex-end !important; padding-bottom: 4px !important; }
.lx-product-feature-cta { background: #1d1d1d; color: #fff !important; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; min-height: 240px; text-decoration: none !important; box-sizing: border-box; }
.lx-product-feature-cta b { font-size: 22px; font-weight: 700; line-height: 1.4; }
.lx-product-feature-cta span { font-size: 15px; border-bottom: 1px solid #fff; align-self: flex-start; padding-bottom: 4px; }

/* [156] 라인패널 하위메뉴 섹션 제목 변경 + 설명 */
.lx-submenu-head { margin-bottom: 48px; }
.lx-submenu-head__title { font-size: 36px; font-weight: 600; line-height: 1.35; margin: 0; color: #171b1e; font-family: Pretendard, sans-serif; }
.lx-submenu-head__desc { margin: 14px 0 0; font-size: 17px; line-height: 1.7; color: #666; font-family: Pretendard, sans-serif; }
/* [157] 특징 항목: 제목↔밑줄 9px, 밑줄↔설명 18px(글자 실측), 위아래 줄 간격 64→40 */
html body .lx-product-feature__title { padding-bottom: 3px !important; }
html body .lx-product-feature__text { margin-top: 14px !important; }
html body .lx-product-features__grid { row-gap: 40px !important; }
/* [158] 제품 메인이미지(쇼케이스) 위아래 여백: 배너→이미지 96→150, 이미지→특징 제목 102→150 */
html body .lx-product-showcase{margin-top:150px!important}html body .lx-product-features{padding-top:148px!important}
/* [159] 특징 제목↔밑줄 9→14 */
html body .lx-product-feature__title { padding-bottom: 8px !important; }
/* [160] 7가지 특징 아래 여백 = 위 여백(150): 마지막 카드 아래 → 회색 하위메뉴 섹션 80→150 */
html body .lx-product-features{padding-bottom:90px!important}
/* [163] 시공 가이드 제목↔설명 14→8, 설명 줄간격 1.7→1.5 */
.lx-submenu-head__desc { margin-top: 8px !important; line-height: 1.5 !important; }

/* [164] 라인패널 구조 & 시공 가이드: 아이콘 카드 → 그림+설명 가로형 목록(2열) + 카탈로그 칸 */
.lx-guide-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; font-family: Pretendard, sans-serif; }
.lx-guide-item { display: grid; grid-template-columns: 220px 1fr auto; align-items: center; gap: 28px; padding: 16px 28px 16px 16px; background: #fff; border: 1px solid #e3e5e8; text-decoration: none !important; color: inherit; transition: border-color .2s, box-shadow .2s; }
.lx-guide-item:hover { border-color: #1d1d1d; box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.lx-guide-item__img { width: 220px; height: 150px; overflow: hidden; background: #f3f4f6; }
.lx-guide-item__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.lx-guide-item:hover .lx-guide-item__img img { transform: scale(1.04); }
.lx-guide-item__tag { font-size: 15px; font-weight: 700; color: #1482c3; }
.lx-guide-item__title { font-size: 22px; font-weight: 700; color: #111; margin: 4px 0 6px; line-height: 1.35; }
.lx-guide-item__desc { font-size: 15px; color: #666; margin: 0; line-height: 1.6; word-break: keep-all; }
.lx-guide-item__arrow { width: 52px; height: 52px; border-radius: 50%; background: #111; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; flex: none; transition: transform .2s; }
.lx-guide-item:hover .lx-guide-item__arrow { transform: translateX(4px); }
.lx-guide-item--dark { background: #1d1d1d; border-color: #1d1d1d; }
.lx-guide-item--dark .lx-guide-item__tag { color: #7cc4ee; }
.lx-guide-item--dark .lx-guide-item__title { color: #fff; }
.lx-guide-item--dark .lx-guide-item__desc { color: rgba(255,255,255,.75); }
.lx-guide-item--dark .lx-guide-item__arrow { background: #fff; color: #111; }
/* 갤러리 세로 구분선 숨김(익스테리어 갤러리와 동일) */
html body .lx-line-gallery-section.is-no-line .lx-line-gallery { background-image: none !important; }
/* 가이드 카드 마우스오버: 그림자 없음(이미지 확대·화살표 이동은 유지) */
.lx-guide-item:hover { box-shadow: none !important; }
/* [169] 시공 가이드: 분류 글자 숨김, 화살표 52→36 */
.lx-guide-item__tag { display: none !important; }
.lx-guide-item__arrow { width: 36px !important; height: 36px !important; font-size: 16px !important; }
/* [170] 시공 가이드 버튼: "자세히 보기 →" 둥근 연한 테두리 */
html body .lx-guide-item__arrow { width: auto !important; height: auto !important; border-radius: 999px !important; background: #fff !important; color: #111 !important; border: 1px solid #d5d7db; padding: 9px 18px; font-size: 15px !important; font-weight: 600; white-space: nowrap; display: inline-flex !important; align-items: center; gap: 6px; transition: border-color .2s; }
html body .lx-guide-item__arrow::before { content: "자세히 보기"; }
.lx-guide-item:hover .lx-guide-item__arrow { border-color: #111; }
.lx-guide-item__arrow { }
html body .lx-guide-item--dark .lx-guide-item__arrow { background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.4); }
/* [171] 가이드 카드 마우스오버 시 검정 테두리 제거(카드·버튼) */
.lx-guide-item:hover { border-color: #e3e5e8 !important; }
.lx-guide-item--dark:hover { border-color: #1d1d1d !important; }
html body .lx-guide-item:hover .lx-guide-item__arrow { border-color: #d5d7db !important; }
html body .lx-guide-item--dark:hover .lx-guide-item__arrow { border-color: rgba(255,255,255,.4) !important; }
/* [172] 라인패널 갤러리: 위 섹션과 간격 150, 좌우 테두리선 제거, 마우스오버(이미지 확대 + 어둡게 + 자세히 보기) */
html body .lx-line-gallery-section .lx-line-gallery { padding-top: 150px !important; border-left: 0 !important; border-right: 0 !important; }
.lx-line-gallery__media { position: relative; overflow: hidden; display: block; }
.lx-line-gallery__image { transition: transform .5s ease; }
.lx-line-gallery__media:hover .lx-line-gallery__image { transform: scale(1.05); }
.lx-line-gallery__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.35); opacity: 0; transition: opacity .3s; }
.lx-line-gallery__media:hover .lx-line-gallery__overlay { opacity: 1; }
.lx-line-gallery__view { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-40%); opacity: 0; transition: opacity .3s, transform .3s; color: #fff; border: 1px solid rgba(255,255,255,.8); border-radius: 999px; padding: 10px 22px; font-size: 15px; font-weight: 600; white-space: nowrap; }
.lx-line-gallery__view::after { content: " →"; }
.lx-line-gallery__media:hover .lx-line-gallery__view { opacity: 1; transform: translate(-50%,-50%); }
/* [173] 라인패널 갤러리: 카탈로그 기준 적용 타입·적용 후레싱 정보 추가 */
.lx-gal-spec { margin-top: 20px; padding-top: 18px; border-top: 1px solid #e3e5e8; font-family: Pretendard, sans-serif; }
.lx-gal-spec__award { display: inline-block; margin-bottom: 14px; padding: 5px 12px; background: #1d1d1d; color: #fff; font-size: 15px; font-weight: 600; }
.lx-gal-spec dl { display: grid; grid-template-columns: 92px 1fr; row-gap: 14px; margin: 0; align-items: center; }
.lx-gal-spec dt { font-size: 15px; font-weight: 700; color: #111; }
.lx-gal-spec dd { margin: 0; }
.lx-gal-spec__types { display: flex; gap: 14px; flex-wrap: wrap; }
.lx-gal-spec__type { display: flex; align-items: center; gap: 10px; }
.lx-gal-spec__type img { width: 84px; height: 46px; object-fit: cover; object-position: top; background: #f3f4f6; }
.lx-gal-spec__type b { font-size: 16px; font-weight: 700; color: #111; }
.lx-gal-spec__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.lx-gal-spec__chips span { font-size: 15px; color: #444; background: #f3f4f6; padding: 4px 10px; }

/* [189] 라인패널 구조 & 시공 가이드 머리글 교체: 큰 제목 + Q 질문 4개 + 설명 3줄 */
.lx-guide-head { margin-bottom: 47px !important; font-family: Pretendard, sans-serif; }
.lx-guide-head__title { font-size: 48px; font-weight: 700; line-height: 1.25; color: #111; margin: 0 0 20px; }
.lx-guide-head__qs { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0 0 22px; }
.lx-guide-head__qs li { background: #fff; border: 1px solid #d5d7db; border-radius: 999px; padding: 9px 18px; font-size: 16px; font-weight: 600; color: #111; }
.lx-guide-head__qs li::before { content: "Q. "; color: #1482c3; }
.lx-guide-head__desc { font-size: 18px; line-height: 1.75; color: #555; margin: 0; }
/* [190] 7가지 특징 제목: 작은 질문 + 큰 "7가지 이유" (시안) */
html body .lx-product-features__title { font-size: 48px !important; font-weight: 700 !important; line-height: 1.2 !important; }
.lx-features-q { display: block; font-size: 24px; font-weight: 600; line-height: 1.4; margin-bottom: 12px; color: #171b1e; }
/* [191] 시공 가이드 머리글 간격(시안 실측): 섹션 위 +27, 제목→질문 +16, 질문→설명 +21, 설명→카드 +19 */
html body .lx-line-page-submenu { padding-top: 107px !important; }
.lx-guide-head__title { margin-bottom: 35px !important; }
.lx-guide-head__qs { margin-bottom: 42px !important; }
.lx-guide-head { margin-bottom: 66px !important; }
/* [192] "왜 라인패널일까요?" 줄 길이를 "7가지 이유"와 양끝 맞춤 */
.lx-features-q { font-size: 26.7px !important; }
/* [193] 갤러리 스펙: 회색 칸·검정 박스 제거, 글자만 */
.lx-gal-spec__chips { gap: 0 !important; }
.lx-gal-spec__chips span { background: none !important; padding: 0 !important; font-size: 15px; color: #555; }
.lx-gal-spec__chips span + span::before { content: "·"; margin: 0 8px; color: #aaa; }
.lx-gal-spec__type img { background: none !important; }
.lx-gal-spec__award { background: none !important; color: #111 !important; padding: 0 !important; font-size: 15px !important; font-weight: 700 !important; margin-bottom: 12px !important; }
.lx-gal-spec__type img { display: none !important; }
.lx-gal-spec__chips span + span::before { content: none !important; }
.lx-gal-spec__chips span:not(:last-child)::after { content: "·"; margin: 0 8px; color: #aaa; }
.lx-gal-spec__types b + b, .lx-gal-spec__type + .lx-gal-spec__type::before { }
/* [194] 갤러리 스펙: "적용 타입 : [형상그림] W450C" 한 줄만 (후레싱 줄 숨김), 형상 배경 흰색으로 녹임, 코드 얇게 */
.lx-gal-spec dl { display: flex !important; align-items: center; gap: 18px; }
.lx-gal-spec dt:nth-of-type(2), .lx-gal-spec dd:nth-of-type(2) { display: none !important; }
.lx-gal-spec dt:first-of-type::after { content: " :"; }
.lx-gal-spec__type img { display: block !important; width: 72px !important; height: 40px !important; mix-blend-mode: multiply; filter: brightness(1.07) contrast(1.15); }
.lx-gal-spec__type b { font-weight: 400 !important; font-size: 17px !important; }
.lx-gal-spec { padding-top: 6px !important; }
/* [195] 라인패널 갤러리 제목 아래 부제·설명 */
.lx-line-gallery__sub { margin: 16px 0 0; font-family: Pretendard, sans-serif; font-size: 24px; font-weight: 700; color: #111; line-height: 1.4; }
.lx-line-gallery__lead { margin: 12px 0 0; font-family: Pretendard, sans-serif; font-size: 18px; line-height: 1.75; color: #555; }
.lx-line-gallery__sub, .lx-line-gallery__lead { text-align: left; }
.lx-gal-spec__type img { mix-blend-mode: normal !important; filter: none !important; width: auto !important; height: 34px !important; object-fit: contain !important; }
.lx-line-gallery__lead { margin-top: 16px !important; }
/* [201] Webflow 제품 페이지 하단 경로표시 (다른 상세와 동일: 위 내용→글자 107, 글자→푸터 24) */
.wf-bottom-bc { padding: 83px 0 24px; background: #fff; font-family: Pretendard, sans-serif; }
.wf-bottom-bc__in { width: calc(100% - 64px); max-width: 1400px; margin: 0 auto; display: flex; align-items: center; gap: 12px; font-size: 15px; line-height: 19px; color: #7b7f86; }
.wf-bottom-bc a { color: inherit; text-decoration: none; display: flex; align-items: center; }
.wf-bottom-bc [aria-current] { color: #24272c; }
body:has(.wf-bottom-bc) footer, body:has(.wf-bottom-bc) .lx-site-footer { margin-top: 0 !important; }
main:has(> .lx-product-detail__wide-media) .wf-bottom-bc { padding-top: 107px; }
body:has(.wf-bottom-bc) .lx-line-gallery-section:last-of-type .lx-line-gallery { padding-bottom: 24px !important; }
/* [202] 갤러리 제목 글자 = "라인패널의 모든 것" 제목과 동일(Pretendard 48px/700) */
html body .lx-line-gallery__heading { font-family: Pretendard, sans-serif !important; font-size: 48px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: normal !important; color: #111 !important; }
.lx-line-gallery__lead { margin-top: 18px !important; font-size: 18px !important; line-height: 1.75 !important; color: #555 !important; text-align: left; }
/* [208] 제품소개 계열 페이지: 대메뉴 스크롤 시 상단 고정(다른 페이지와 동일) */
html body .lx-page > .lx-header-v2, html body header.lx-header-v2 { position: fixed !important; top: 0 !important; left: 0; right: 0; z-index: 1000; background-color: #000 !important; }
/* [209] 갤러리 제목 위아래(시안): 섹션 위→제목 162→114, 제목→01 58→105 */
html body .lx-line-gallery-section .lx-line-gallery { padding-top: 102px !important; }
html body .lx-line-gallery__intro { margin-bottom: 97px !important; }
/* [210] 섹션 시작 간격 통일: 시공 가이드 = 갤러리 (섹션 경계→제목 114) */
html body .lx-line-page-submenu { padding-top: 105px !important; }
/* [211] 갤러리 끝 → 하단 경로표시 간격 넓힘 (+60) */
body:has(.wf-bottom-bc) .lx-line-gallery-section:last-of-type .lx-line-gallery { padding-bottom: 84px !important; }
/* [212] Q 질문→설명 = 설명→카드 (47로 통일) */
.lx-guide-head { margin-bottom: 41px !important; }
/* [213] 제품 페이지 모든 섹션 위아래 여백 150으로 통일 */
html body .lx-product-showcase { margin-top: 150px !important; }
html body .lx-product-features { padding-top: 150px !important; padding-bottom: 150px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
html body .lx-line-page-submenu { margin-top: 0 !important; padding-top: 150px !important; padding-bottom: 150px !important; }
html body .lx-line-gallery-section .lx-line-gallery { padding-top: 150px !important; padding-bottom: 150px !important; }
body:has(.wf-bottom-bc) .lx-line-gallery-section:last-of-type .lx-line-gallery { padding-bottom: 67px !important; }
/* [214] 섹션 위아래 여백 150 → 130 */
html body .lx-product-showcase { margin-top: 130px !important; }
html body .lx-product-features { padding-top: 130px !important; padding-bottom: 130px !important; }
html body .lx-line-page-submenu { padding-top: 130px !important; padding-bottom: 130px !important; }
html body .lx-line-gallery-section .lx-line-gallery { padding-top: 130px !important; padding-bottom: 130px !important; }
body:has(.wf-bottom-bc) .lx-line-gallery-section:last-of-type .lx-line-gallery { padding-bottom: 47px !important; }
/* [215] 시공 가이드 머리글 오른쪽: 현장 사진(왼쪽 끝 배경으로 사라지게, 테두리 없음) */
.lx-guide-head { position: relative; }
.lx-guide-head__photo { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 560px; height: 360px; -webkit-mask-image: linear-gradient(to left, #000 55%, transparent); mask-image: linear-gradient(to left, #000 55%, transparent); }
.lx-guide-head__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 1100px) { .lx-guide-head__photo { display: none; } }
/* [216] 사진 위·아래를 제목 윗선·설명 마지막 줄 아랫선에 맞춤 */
.lx-guide-head__photo { top: 10px !important; bottom: 10px !important; height: auto !important; transform: none !important; }
/* [217] 사진 영역은 그대로, 사진 안에서 위쪽(건물 윗부분)이 더 보이게 */
.lx-guide-head__photo img { object-position: center 38% !important; }

/* [219] Webflow 전 페이지 하단 경로표시: 마지막 내용 → 경로표시 107 (다른 상세와 동일) */
html body .wf-bottom-bc { padding-top: 107px; }
body:has(.wf-bottom-bc) main > section:last-of-type:not(.lx-line-gallery-section):not(.lx-product-detail__wide-media):not(.lx-product-hero), body:has(.wf-bottom-bc) main > div:last-of-type:not(.w-embed) { padding-bottom: 0 !important; margin-bottom: 0 !important; }
body:has(.wf-bottom-bc) .lx-line-gallery-section:last-of-type .lx-line-gallery { padding-bottom: 23px !important; }
body:has(.wf-bottom-bc) .lx-warranty__section:last-of-type, body:has(.wf-bottom-bc) .lx-philosophy__stories, body:has(.wf-bottom-bc) .lx-perforated-order { padding-bottom: 0 !important; }
body:has(.wf-bottom-bc) .lx-metal-cad-card:last-child, body:has(.wf-bottom-bc) main .lx-exterior-steps-grid:last-child, body:has(.wf-bottom-bc) .lx-install-card-grid:last-child { margin-bottom: 0 !important; }

/* [220] 제품 상세(사이드메뉴 있는 22개 페이지) 좌우 여백 = 시공사례와 동일(폭 1400) */
html body .lx-openjoint-detail__inner { width: calc(100% - 64px) !important; max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; }

/* [221][223] 제품 상세 사이드메뉴 맨 아래 "목록으로 가기" (시안1: 검정 테두리 박스) */
html body .wf-side-back { display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; width: 100%; margin: 0; padding: 13px 16px; border: 1px solid #111; border-radius: 0; font-size: 16px; line-height: 1.4; color: #111 !important; text-decoration: none !important; background: #fff; transition: background .2s, color .2s; }
html body .wf-side-back:hover { background: #111; color: #fff !important; }

/* [222] 사이드메뉴 제목(Line panel 등) → 상위 목록 링크 */
html body .wf-side-title-link { color: inherit !important; text-decoration: none !important; }
html body .wf-side-title-link:hover { color: #d0112b !important; }

/* [225] 제품 상세 사이드메뉴: 폭 250→180, 빨강 → 회색, 목록으로 가기 = 알약형(양끝 둥근) */
html body .lx-openjoint-detail__inner { grid-template-columns: 180px minmax(0, 1fr) !important; }
html body .lx-openjoint-detail__inner.lx-openjoint-layout-reversed { grid-template-columns: minmax(0, 1fr) 180px !important; }
@media (max-width: 991px) { html body .lx-openjoint-detail__inner, html body .lx-openjoint-detail__inner.lx-openjoint-layout-reversed { grid-template-columns: minmax(0, 1fr) !important; } }
html body .lx-openjoint-detail__nav-link-active, html body .lx-openjoint-detail__nav-link.w--current { color: #111 !important; font-weight: 700 !important; }
html body .lx-openjoint-detail__nav-link:hover { color: #7b7f86 !important; }
html body .wf-side-title-link:hover { color: #7b7f86 !important; }
html body .wf-side-back { border-radius: 999px !important; padding: 13px 20px !important; margin-top: 0 !important; }

/* [226] 오픈조인트 시스템: 부제 + 조립 그림(배경 제거) 아래 텍스트 설명 */
html body .wf-oj-lead { margin: 14px 0 20px !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.45 !important; color: #111 !important; word-break: keep-all; }
html body .wf-oj-assembly { background: transparent !important; padding: 0 !important; }
html body .wf-oj-fig { margin: 0 !important; }
html body .wf-oj-fig img { display: block; width: 100% !important; height: auto !important; background: transparent !important; object-fit: contain !important; }
html body .wf-oj-fig figcaption { margin-top: 20px; font-size: 16px; line-height: 1.7; color: #555; word-break: keep-all; }
html body .wf-oj-fig figcaption b { display: block; margin-bottom: 6px; font-size: 18px; font-weight: 600; color: #111; }
html body .wf-oj-fig figcaption span { color: #7b7f86; }

/* [227] 사이드메뉴 마지막 항목 밑줄 제거, 목록으로 가기 글자 = 메뉴 글자(15px) */
html body .lx-openjoint-detail__nav .lx-openjoint-detail__nav-link:last-child { border-bottom: 0 !important; }
html body .wf-side-back { font-size: 15px !important; line-height: 1.4 !important; }
@media (max-width: 991px) { html body .wf-side-back, html body .lx-openjoint-detail__nav-link { font-size: 15px !important; } }

/* [228] 오픈조인트 조립 그림 설명 왼쪽 정렬 */
html body .wf-oj-fig, html body .wf-oj-fig figcaption { text-align: left !important; }

/* [230] 사이드메뉴 오버: 색 변화 없이 오른쪽으로 살짝 이동 */
html body .lx-openjoint-detail__nav-link { transition: transform .25s ease !important; }
html body .lx-openjoint-detail__nav-link:hover { color: #363636 !important; transform: translateX(6px); }
html body .lx-openjoint-detail__nav-link-active:hover, html body .lx-openjoint-detail__nav-link.w--current:hover { color: #111 !important; }
/* [233] 오픈조인트 간격·조립그림 크기·제목 글자 */
html body .wf-oj-assembly { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 64px !important; margin-top: 100px !important; margin-bottom: 80px !important; }
html body .wf-oj-fig img { max-width: 380px !important; margin: 0 auto 0 0; }
html body .wf-oj-fig figcaption { margin-top: 8px !important; }
html body .wf-oj-fig figcaption b { margin-bottom: 10px; font-size: 24px !important; font-weight: 700; }
@media (max-width: 767px) { html body .wf-oj-assembly { grid-template-columns: 1fr !important; gap: 48px !important; } }
/* [239] 제품 상세 22개 글자 통일 (제목·부제목·설명) */
@media (min-width: 992px) {
  html body .lx-openjoint-detail__content h2.lx-openjoint-detail__title:not(.lx-detail-subtitle-mobile),
  html body .lx-openjoint-detail__content h2.lx-openjoint-detail__title strong { font-size: 35px !important; font-weight: 600 !important; line-height: 1.3 !important; color: #111 !important; margin-right: 0 !important; }
  html body .lx-openjoint-detail__content h2.lx-openjoint-detail__title:not(.lx-detail-subtitle-mobile) { margin: 0 0 14px !important; }
  html body .lx-openjoint-detail__content .wf-oj-lead,
  html body .lx-openjoint-detail__content .lx-detail-subtitle-mobile,
  html body .lx-openjoint-detail__content .lx-detail-subtitle-mobile strong,
  html body .lx-openjoint-detail__content .lx-eop-lead { font-size: 24px !important; font-weight: 600 !important; line-height: 1.45 !important; color: #111 !important; }
  html body .lx-openjoint-detail__content .wf-oj-lead,
  html body .lx-openjoint-detail__content h2.lx-detail-subtitle-mobile,
  html body .lx-openjoint-detail__content h3.lx-detail-subtitle-mobile,
  html body .lx-openjoint-detail__content .lx-eop-lead { margin: 0 0 20px !important; }
  html body .lx-openjoint-detail__content .lx-openjoint-detail__intro,
  html body .lx-openjoint-detail__content .lx-openjoint-detail__description,
  html body .lx-openjoint-detail__content .paragraph-copy { font-size: 18px !important; font-weight: 400 !important; line-height: 1.6 !important; color: #555 !important; }
}
/* [240] 소개글 → 첫 이미지 간격 = 이미지 → 설명 간격(20) */
html body .lx-openjoint-detail__content .lx-openjoint-detail__intro + .lx-waterproof-glx-image-box,
html body .lx-openjoint-detail__content .lx-openjoint-detail__intro + .lx-openjoint-detail__image { margin-top: 20px !important; }
/* [244] glx 3단계 번호 / [245] 내식성 테스트 비교 */
html body .wf-glx-step b { display: block; color: #111; font-weight: 600; margin-bottom: 2px; }
html body .wf-glx-test { margin-top: 30px; }
html body .wf-glx-test .heading { margin: 0 0 10px !important; }
html body .wf-glx-sub { margin: 0 0 40px; font-size: 18px; line-height: 1.6; color: #555; }
html body .wf-glx-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
html body .wf-glx-col h3 { margin: 0 0 6px; font-size: 22px; font-weight: 700; color: #111; }
html body .wf-glx-col__desc { margin: 0 0 24px; padding-bottom: 20px; font-size: 16px; color: #555; border-bottom: 2px solid; }
html body .wf-glx-col.is-bad .wf-glx-col__desc { border-color: #c0392b; }
html body .wf-glx-col.is-good .wf-glx-col__desc { border-color: #0a6fd6; }
html body .wf-glx-item + .wf-glx-item { margin-top: 40px; }
html body .wf-glx-lbl { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; font-size: 17px; color: #111; }
html body .wf-glx-lbl small { font-size: 15px; color: #777; }
html body .wf-glx-st { margin-left: auto; padding: 3px 10px; font-size: 15px; font-weight: 700; color: #fff; }
html body .wf-glx-st.is-bad { background: #c0392b; } html body .wf-glx-st.is-good { background: #0a6fd6; }
html body .wf-glx-item img { display: block; width: 100%; height: auto; }
html body .wf-glx-note { margin-top: 28px; font-size: 15px; color: #777; }
@media (max-width: 767px) { html body .wf-glx-cols { grid-template-columns: 1fr; gap: 56px; } }
/* [246] 내식성 테스트: 위쪽 색 구분선 제거, 아래 견딘 시간 막대 복원 */
html body .wf-glx-col__desc { border-bottom: 0 !important; padding-bottom: 0 !important; }
html body .wf-glx-bar { margin-top: 40px; font-size: 15px; color: #111; }
html body .wf-glx-bar i { display: block; height: 14px; margin-top: 8px; }
html body .wf-glx-bar i.is-bad { width: 33%; background: #c0392b; }
html body .wf-glx-bar i.is-good { width: 100%; background: #0a6fd6; }
/* [249] 내식성 테스트: 시안과 같은 크기(2열 각 460, 사진 비율 원본), 가운데 정렬 */
html body .wf-glx-test { max-width: 960px; margin-left: auto !important; margin-right: auto !important; }
html body .wf-glx-cols { grid-template-columns: repeat(2, 460px) !important; gap: 40px !important; justify-content: center; }
html body .wf-glx-item img { width: 460px !important; max-width: 100% !important; height: auto !important; aspect-ratio: 369 / 181 !important; object-fit: fill !important; min-height: 0 !important; max-height: none !important; }
@media (max-width: 1100px) { html body .wf-glx-cols { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } html body .wf-glx-item img { width: 100% !important; } }
@media (max-width: 767px) { html body .wf-glx-cols { grid-template-columns: 1fr !important; } }
/* [250] glx 3단계 설명: 줄 간격을 'GLX란?' 문단과 동일하게(문단 사이 여백 0) */
html body .div-block-7 > .lx-openjoint-detail__intro { margin-top: 0 !important; margin-bottom: 0 !important; }
html body .div-block-7 > .lx-detail-subtitle-mobile + .lx-openjoint-detail__intro { margin-top: 10px !important; }
/* [251] glx 섹션 사이 간격 = 오픈조인트(설명→조립그림 100, 마지막 아래 80), 섹션 안 간격은 그대로 */
html body .lx-openjoint-detail__content:has(.wf-glx-test) > .div-block-7 { margin-bottom: 0 !important; }
html body .lx-openjoint-detail__content:has(.wf-glx-test) > .lx-waterproof-glx-image-box { margin-top: 100px !important; }
html body .lx-openjoint-detail__content:has(.wf-glx-test) > .lx-waterproof-glx-image-box > .heading:first-child { margin-top: 0 !important; }
html body .lx-openjoint-detail__content:has(.wf-glx-test) > .lx-waterproof-glx-image-box > .lx-openjoint-detail__description { margin-bottom: 0 !important; }
html body .lx-openjoint-detail__content > .wf-glx-test { margin-top: 100px !important; margin-bottom: 80px !important; }
/* [252] 내식성 테스트 제목·설명 왼쪽 정렬(본문 왼쪽 끝), 비교 사진 2열은 가운데 유지 */
html body .wf-glx-test { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; }
html body .wf-glx-test > .heading, html body .wf-glx-sub { text-align: left !important; }
/* [254] glx 소제목(누수방지 메커니즘 / 소금물 3,000시간) = 부제목 '빗물을 세 번…'과 같은 글자 */
@media (min-width: 992px) {
  html body .lx-openjoint-detail__content:has(.wf-glx-test) h2.heading { font-size: 24px !important; font-weight: 600 !important; line-height: 1.45 !important; color: #111 !important; }
}
@media (max-width: 991px) {
  html body .lx-openjoint-detail__content:has(.wf-glx-test) h2.heading { font-size: 20px !important; font-weight: 500 !important; line-height: 28px !important; color: #202020 !important; }
}
/* [255] 내식성 비교 2열 박스: 아주 얇고 연한 테두리 */
html body .wf-glx-cols { border: 1px solid #ececec; padding: 40px; width: fit-content; max-width: 100%; margin: 0 auto; box-sizing: border-box; }
@media (max-width: 1100px) { html body .wf-glx-cols { width: 100%; padding: 24px; } }
/* [256] 비교 박스 테두리: 본문 전체 폭(위 제목과 시작·끝 맞춤), 안의 2열은 가운데 */
html body .wf-glx-cols { width: 100% !important; max-width: none !important; margin: 0 !important; justify-content: center !important; }
/* [257] 비교 박스: 왼쪽 여백 = 가운데 간격 = 오른쪽 여백 (60) */
html body .wf-glx-cols { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 60px !important; padding: 48px 60px !important; }
html body .wf-glx-item img { width: 100% !important; }
@media (max-width: 767px) { html body .wf-glx-cols { grid-template-columns: 1fr !important; padding: 24px !important; } }
/* [258] 23Main Types 분류 첫 줄(촘촘한 골이… 등 5개) 굵게 → 일반 글자 */
html body .lx-line-category__lead { font-weight: 400 !important; }
/* [259] 23Main Types: 섹션(소골·대골·사선…) 사이 간격 100, 마지막 아래 80 — 오픈조인트·누수방지와 통일, 섹션 안 간격 유지 */
html body .lx-openjoint-detail__content h2.lx-line-category__title { margin-top: 100px !important; }
html body .lx-openjoint-detail__content > section[class*="lx-line-"] { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
html body .lx-openjoint-detail__content > .lx-line-small-types { margin-bottom: 0 !important; }
html body .lx-openjoint-detail__content:has(.lx-line-category__title) > :last-child { margin-bottom: 80px !important; }
/* [260] 23Main Types 분류 설명 = 누수방지 ①②③ 설명 글자와 동일 */
html body .lx-line-category__lead { color: inherit !important; font-weight: 400 !important; margin-bottom: 0 !important; display: inline !important; }
@media (min-width: 992px) {
  html body .lx-openjoint-detail__content .lx-line-category__description { font-size: 18px !important; font-weight: 400 !important; line-height: 1.6 !important; color: #555 !important; }
}
@media (max-width: 991px) {
  html body .lx-openjoint-detail__content .lx-line-category__description { font-size: 16px !important; line-height: 1.65 !important; color: #555 !important; }
}
@media (max-width: 479px) {
  html body .lx-openjoint-detail__content .lx-line-category__description { font-size: 15px !important; }
}
/* [261] 제품 상세 22개: 설명글 전부 같은 글자(PC 18px/400/#555/1.6, 태블릿 16, 모바일 15) */
html body .lx-openjoint-detail__content :is(.lx-openjoint-detail__intro, .lx-openjoint-detail__description, .paragraph-copy, .lx-line-category__description, .lx-freeform-step__description, .wf-glx-sub, .wf-glx-col__desc, .wf-oj-fig figcaption) { font-weight: 400 !important; color: #555 !important; font-family: Pretendard, Arial, sans-serif !important; }
@media (min-width: 992px) {
  html body .lx-openjoint-detail__content :is(.lx-openjoint-detail__intro, .lx-openjoint-detail__description, .paragraph-copy, .lx-line-category__description, .lx-freeform-step__description, .wf-glx-sub, .wf-glx-col__desc, .wf-oj-fig figcaption) { font-size: 18px !important; line-height: 1.6 !important; }
}
@media (max-width: 991px) {
  html body .lx-openjoint-detail__content :is(.lx-openjoint-detail__intro, .lx-openjoint-detail__description, .paragraph-copy, .lx-line-category__description, .lx-freeform-step__description, .wf-glx-sub, .wf-glx-col__desc, .wf-oj-fig figcaption) { font-size: 16px !important; line-height: 1.65 !important; }
}
@media (max-width: 479px) {
  html body .lx-openjoint-detail__content :is(.lx-openjoint-detail__intro, .lx-openjoint-detail__description, .paragraph-copy, .lx-line-category__description, .lx-freeform-step__description, .wf-glx-sub, .wf-glx-col__desc, .wf-oj-fig figcaption) { font-size: 15px !important; }
}
/* [262] 23Main Types PDF·CAD 버튼 마우스오버 애니메이션 */
html body .lx-line-type-pdf-download, html body .lx-line-type-cad-download { transition: transform .2s ease, background-color .2s ease !important; }
html body .lx-line-type-pdf-download:hover { background-color: #9e1820 !important; transform: translateY(-3px) scale(1.08); }
html body .lx-line-type-cad-download:hover { background-color: #005f94 !important; transform: translateY(-3px) scale(1.08); }
/* [263] 23Main Types 형상 그림 회색 배경 제거 */
html body .lx-line-small-types__shape { background-color: transparent !important; }
/* [264] PDF·CAD 버튼 여유 있게 */
html body .lx-line-type-pdf-download, html body .lx-line-type-cad-download { width: auto !important; min-width: 56px !important; height: 30px !important; padding: 0 14px !important; font-size: 15px !important; line-height: 30px !important; letter-spacing: .03em; display: inline-flex !important; }
/* [265] PDF·CAD 오버 애니메이션 약하게: 위로 1px만 + 색 진하게 */
html body .lx-line-type-pdf-download:hover, html body .lx-line-type-cad-download:hover { transform: translateY(-1px) !important; }
/* [266] PDF·CAD 겹침 수정: 버튼 폭 56 고정, CAD 오른쪽 16 / PDF 오른쪽 78(사이 6) */
html body .lx-line-type-pdf-download, html body .lx-line-type-cad-download { width: 56px !important; min-width: 56px !important; padding: 0 !important; height: 28px !important; line-height: 28px !important; top: 14px !important; justify-content: center !important; }
html body .lx-line-type-cad-download { right: 16px !important; }
html body .lx-line-type-pdf-download { right: 78px !important; }
/* [267] PDF·CAD 오버 시 색 변화 없음(위로 1px만) */
html body .lx-line-type-pdf-download:hover { background-color: #c51f2a !important; }
html body .lx-line-type-cad-download:hover { background-color: #0078b9 !important; }
/* [271] 표준 후레싱 타입: 그림 속 제목·테두리 → 글자로, 회색 배경 제거, 섹션 간격·글자 = 오픈조인트 */
html body .wf-fl-sec { margin-top: 100px; }
html body .lx-openjoint-detail__content > .wf-fl-sec:last-child { margin-bottom: 80px; }
html body .wf-fl-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin: 0 0 24px !important; font-family: Pretendard, Arial, sans-serif !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.45 !important; color: #111 !important; }
html body .wf-fl-h__sub { font-size: 18px; font-weight: 400; color: #777; }
html body .wf-fl-mt { margin-top: 48px !important; }
html body .wf-fl-grid { display: grid; gap: 32px 24px; align-items: start; min-width: 0; }
html body .wf-fl-c1 { grid-template-columns: 1fr; gap: 40px; }
html body .wf-fl-c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body .wf-fl-c3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html body .wf-fl-c4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html body .wf-fl-split { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
html body .wf-fl-split13 { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); }
html body .wf-fl-split14 { grid-template-columns: minmax(0, 1fr) minmax(0, 4fr); }
html body .wf-fl-fig { margin: 0; min-width: 0; }
html body .wf-fl-img { position: relative; }
html body .wf-fl-img img { display: block; width: 100%; height: auto; max-width: 100%; }
html body .wf-fl-cap { margin: 0 0 10px; font-family: Pretendard, Arial, sans-serif; font-size: 18px; line-height: 1.4; color: #111; }
html body .wf-fl-cap b { font-weight: 600; }
html body .wf-fl-cap span { color: #777; font-weight: 400; }
html body .wf-fl-cap.is-app { font-size: 16px; color: #777; }
html body .wf-fl-label { position: absolute; font-size: 15px; color: #555; }
html body .wf-fl-major > .lx-openjoint-detail__title { margin-bottom: 14px !important; }
html body .wf-fl-lead { margin: 0 0 20px !important; }
@media (max-width: 991px) {
  html body .wf-fl-sec { margin-top: 72px; }
  html body .wf-fl-h { font-size: 20px !important; }
  html body .wf-fl-h__sub { font-size: 16px; }
  html body .wf-fl-c3, html body .wf-fl-c4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .wf-fl-split, html body .wf-fl-split13, html body .wf-fl-split14 { grid-template-columns: 1fr; }
  html body .wf-fl-split > .is-app, html body .wf-fl-split13 > .is-app, html body .wf-fl-split14 > .is-app, html body .wf-fl-c3 > .is-app { max-width: 360px; }
  html body .wf-fl-c3 > .is-app { grid-column: span 2; }
}
@media (max-width: 479px) {
  html body .wf-fl-c2, html body .wf-fl-c3, html body .wf-fl-c4 { grid-template-columns: 1fr; }
  html body .wf-fl-c3 > .is-app { grid-column: auto; }
}
/* [272] 외단열·내단열·코너·라운드·창호 시공(line5~9): 글자·섹션 간격 = 오픈조인트, 회색 배경·회색 테두리 제거 */
html body .lx-openjoint-detail__content:has(.lx-install-card-grid) > .div-block-2 { margin-bottom: 0 !important; }
html body .lx-install-card-grid { margin: 20px 0 0 !important; gap: 24px !important; }
html body .lx-install-image-card { border: 0 !important; padding: 0 !important; text-align: left !important; background: transparent !important; }
html body .lx-install-image-card__label { display: block !important; margin: 0 0 10px !important; padding: 0 !important; text-align: left !important; font-size: 18px !important; font-weight: 600 !important; color: #111 !important; background: transparent !important; }
html body .lx-openjoint-detail__content:has(.lx-install-card-grid) > div:has(.lx-exterior-steps-grid) { margin-top: 100px !important; margin-bottom: 80px !important; }
html body .lx-openjoint-detail__content:has(.lx-install-card-grid) h3.heading { margin: 0 0 24px !important; font-family: Pretendard, Arial, sans-serif !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.45 !important; color: #111 !important; }
html body .lx-exterior-steps-grid { margin: 0 !important; gap: 40px 48px !important; }
html body .lx-exterior-steps-grid > .lx-corrosion-card-left { border: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; align-items: start !important; }
html body .lx-exterior-steps-grid .lx-corrosion-card__image { height: auto !important; aspect-ratio: 619 / 572; }
html body .lx-exterior-steps-grid .lx-corrosion-card__meta { margin: 0 0 6px !important; font-family: Pretendard, Arial, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.6 !important; color: #555 !important; word-break: keep-all; }
html body .lx-exterior-steps-grid .text-block-4 { margin: 4px 0 6px !important; font-size: 16px !important; line-height: 1.6 !important; color: #777 !important; word-break: keep-all; }
@media (max-width: 991px) {
  html body .lx-openjoint-detail__content:has(.lx-install-card-grid) > div:has(.lx-exterior-steps-grid) { margin-top: 72px !important; }
  html body .lx-openjoint-detail__content:has(.lx-install-card-grid) h3.heading { font-size: 20px !important; }
  html body .lx-exterior-steps-grid .lx-corrosion-card__meta { font-size: 16px !important; }
  html body .lx-exterior-steps-grid .text-block-4 { font-size: 15px !important; }
}
/* [273] 적용 예시 그림 테두리·파란 제목띠 다시 생성(이미지 아님, CSS 선+글자) */
html body .wf-fl-fig.is-app { border: 1px solid #0a85d6; background: #fff; display: flex; flex-direction: column; }
html body .wf-fl-app-h { background: #0a85d6; color: #fff; text-align: center; padding: 10px 12px; font-size: 20px; font-weight: 600; line-height: 1.35; word-break: keep-all; }
html body .wf-fl-fig.is-app .wf-fl-img { padding: 16px 16px 0; }
html body .wf-fl-fig.is-app .wf-fl-cap.is-app { margin: 0; padding: 10px 12px 14px; text-align: center; font-size: 16px; color: #333; }
@media (max-width: 991px) { html body .wf-fl-app-h { font-size: 17px; } }
/* [274] 제품소개 메인: 제품 6종 세로 카드(시안A 스튜디오) — 제목 '제품소개', 쉬운 설명 */
html body .wf-pcards { background: linear-gradient(180deg, #f3f3f1 0%, #fafaf9 60%, #fff 100%); padding: 130px 0; font-family: Pretendard, Arial, sans-serif; }
html body .wf-pcards__in { width: calc(100% - 64px); max-width: 1400px; margin: 0 auto; }
html body .wf-pcards__title { margin: 0; text-align: center; font-size: 48px; font-weight: 700; line-height: 1.25; color: #111; }
html body .wf-pcards__sub { margin: 20px 0 0; text-align: center; font-size: 24px; font-weight: 600; line-height: 1.45; color: #111; word-break: keep-all; }
html body .wf-pcards__desc { margin: 8px 0 0; text-align: center; font-size: 18px; line-height: 1.6; color: #555; word-break: keep-all; }
html body .wf-pcards__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin-top: 64px; }
html body .wf-pcard { display: flex; flex-direction: column; background: #fff; color: #111 !important; text-decoration: none !important; }
html body .wf-pcard__img { position: relative; aspect-ratio: 3 / 4.2; overflow: hidden; }
html body .wf-pcard__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
html body .wf-pcard:hover .wf-pcard__img img { transform: scale(1.05); }
html body .wf-pcard__no { position: absolute; left: 14px; top: 6px; font-size: 56px; font-weight: 700; line-height: 1.2; color: transparent; -webkit-text-stroke: 1.5px #fff; letter-spacing: -.02em; }
html body .wf-pcard__body { display: flex; flex-direction: column; flex: 1; padding: 24px 20px 26px; }
html body .wf-pcard__en { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: .06em; text-transform: uppercase; color: #111; }
html body .wf-pcard__ko { margin: 4px 0 0; font-size: 16px; font-weight: 600; color: #111; }
html body .wf-pcard__desc { margin: 10px 0 0; font-size: 15px; line-height: 1.55; color: #555; word-break: keep-all; flex: 1; }
html body .wf-pcard__more { display: flex; align-items: center; gap: 10px; margin-top: 22px; font-size: 16px; }
html body .wf-pcard__more i { flex: 1; height: 1px; background: #111; }
html body .wf-pcard__more { transition: transform .25s ease; }
html body .wf-pcard:hover .wf-pcard__more { transform: translateX(4px); }
@media (max-width: 1199px) { html body .wf-pcards__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
@media (max-width: 767px) {
  html body .wf-pcards { padding: 80px 0; }
  html body .wf-pcards__title { font-size: 34px; }
  html body .wf-pcards__sub { font-size: 20px; }
  html body .wf-pcards__desc { font-size: 16px; }
  html body .wf-pcards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 40px; }
  html body .wf-pcard__no { font-size: 40px; }
  html body .wf-pcard__en { font-size: 17px; }
}
/* [275] 익스테리어·인테리어 패널 메인 = 라인패널 메인 구성(N가지 이유+카탈로그 칸, 모든 것 가이드, 갤러리) — 카탈로그 칸 폭 모바일 리셋 */
@media (max-width: 991px) { html body .lx-product-feature-cta { grid-column: auto !important; } }
/* [277] 제품소개 메인(사용자 시안): 배너 흰 바탕+옅은 무늬, 검정 제목 가운데, 카드 섹션 제목 없음·폭 1110, 카드 사진 = 홈 패널 썸네일 */
html body:has(.wf-pcards) .lx-product-hero { background: #fff !important; }
html body:has(.wf-pcards) .lx-product-hero__image { opacity: .07 !important; }
html body:has(.wf-pcards) .lx-product-hero__shade { display: none !important; }
html body:has(.wf-pcards) .lx-product-hero__copy { left: 0 !important; right: 0 !important; width: 100% !important; max-width: none !important; text-align: center !important; align-items: center !important; }
html body:has(.wf-pcards) .lx-product-hero__title { color: #111 !important; font-size: 60px !important; font-weight: 700 !important; text-align: center !important; }
html body:has(.wf-pcards) .lx-product-hero__lead { color: #333 !important; font-size: 19px !important; line-height: 1.75 !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
html body:has(.wf-pcards) .lx-product-hero .page-breadcrumb, html body:has(.wf-pcards) .lx-product-hero .page-breadcrumb a { color: #7b7f86 !important; }
html body .wf-pcards__in { max-width: 1110px; }
html body .wf-pcards__grid { margin-top: 0; gap: 13px; }
html body .wf-pcard__en { font-size: 17px; }
html body .wf-pcard__no { font-size: 44px; }
html body .wf-pcard__body { padding: 22px 16px 24px; }
/* [278] 제품소개 메인 = 배너 + 제품 카드만(아래 바로 경로메뉴·푸터) */
html body .wf-pcards { padding-bottom: 0; }
/* [279] 제품소개 메인: 배너 더 하얗게(무늬 4%, 가장자리 사라짐), 카드 위로(배너→카드 130→56) */
html body:has(.wf-pcards) .lx-product-hero__image { opacity: .045 !important; -webkit-mask-image: radial-gradient(ellipse 55% 80% at 50% 50%, #000 40%, transparent 100%); mask-image: radial-gradient(ellipse 55% 80% at 50% 50%, #000 40%, transparent 100%); }
html body .wf-pcards { padding-top: 56px; background: linear-gradient(180deg, #fff 0%, #f6f6f4 35%, #fafaf9 70%, #fff 100%); }
/* [280] 카드 번호(01~06) 외곽선 1.5 → 1.2px */
html body .wf-pcard__no { -webkit-text-stroke-width: 1.2px; }
/* [281] 카드 섹션 배경 원래대로(회색 그라데이션 #f3f3f1 시작) — 배너만 흰색 */
html body .wf-pcards { background: linear-gradient(180deg, #f3f3f1 0%, #fafaf9 60%, #fff 100%); }
/* [282] 카드 가로로 넓게: 전체 폭 1110 → 1400(사이트 콘텐츠 폭), 사진 높이는 비슷하게(비율 3:4.2 → 3:3.4) */
html body .wf-pcards__in { max-width: 1400px; }
html body .wf-pcards__grid { gap: 16px; }
html body .wf-pcard__img { aspect-ratio: 3 / 3.4; }
/* [283] 카드 아래 선+화살표 → "자세히 보기 →" 알약형 버튼(사이드메뉴 '목록으로 가기'와 같은 모양) */
html body .wf-pcard__more { align-self: flex-start; display: inline-flex; align-items: center; gap: 14px; margin-top: 22px; padding: 11px 20px; border: 1px solid #111; border-radius: 999px; font-size: 15px; font-weight: 500; line-height: 1.4; color: #111; background: transparent; transition: background-color .2s, color .2s; transform: none !important; }
html body .wf-pcard__more b { font-weight: 400; transition: transform .2s; }
html body .wf-pcard:hover .wf-pcard__more { background: #111; color: #fff; }
html body .wf-pcard:hover .wf-pcard__more b { transform: translateX(3px); }
/* [284] 자세히 보기 버튼 작게(패딩 11/20 → 7/14, 간격 14 → 8), 카드 전체 폭 1400 → 1260 */
html body .wf-pcard__more { padding: 7px 14px; gap: 8px; margin-top: 18px; }
html body .wf-pcards__in { max-width: 1260px; }
/* [285] 제품소개 메인: 카드 비율 사용자 시안(폭 1300, 사진 3:4.2 세로) / 배너 높이 320 → 260(이 페이지만 시험) */
html body .wf-pcards__in { max-width: 1300px; }
html body .wf-pcard__img { aspect-ratio: 3 / 4.2; }
/* [287] 제품 카드 테두리(사용자 요청, 1px 연한 선) */
html body .wf-pcard { border: 1px solid #dcdcdc; box-sizing: border-box; }
/* [289] 제품 카드 테두리 검정 */
html body .wf-pcard { border-color: #111; }
/* [290] 제품 카드 테두리 아주 약하게(검정 15%) */
html body .wf-pcard { border-color: rgba(0,0,0,.15); }
/* [292] 익스테리어·인테리어 상세 8개(+같은 구조 상세): 라인패널 상세와 같은 기준 — 섹션 100/마지막 80, 글자 통일, 회색 박스·테두리 제거 */
html body .lx-openjoint-detail__content > .div-block { margin-bottom: 0 !important; }
html body .lx-openjoint-detail__content > :is(.lx-corrosion-compare-list, .lx-eop-content, .lx-humanise-wall-layout) { margin-top: 100px !important; margin-bottom: 0 !important; }
html body .lx-eop-content { row-gap: 100px !important; }
html body .lx-openjoint-detail__content:has(> :is(.lx-eop-content, .lx-corrosion-compare-list, .lx-humanise-wall-layout)) > :last-child { margin-bottom: 80px !important; }
html body .lx-corrosion-compare-list:has(> div > .lx-typical-finish__subtitle) { row-gap: 100px !important; }
/* 섹션 제목 = 부제목급 24/600 */
html body .lx-openjoint-detail__content :is(h3.lx-eop-title, .lx-typical-finish__subtitle, .lx-corrosion-compare-list > h3.lx-openjoint-detail__title, .lx-humanise-wall-copy h3.lx-openjoint-detail__title, h3.lx-detail-subtitle) { font-family: Pretendard, Arial, sans-serif !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.45 !important; color: #111 !important; margin: 0 0 20px !important; }
html body .lx-openjoint-detail__content :is(.heading-2, .lx-corrosion-card__title, .lx-freeform-step__title, .lx-eop-type-name) { font-family: Pretendard, Arial, sans-serif !important; font-size: 20px !important; font-weight: 600 !important; color: #111 !important; }
html body .lx-openjoint-detail__content :is(.lx-eop-lead, .lx-corrosion-card__meta, .lx-freeform-step__description) { font-family: Pretendard, Arial, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.6 !important; color: #555 !important; word-break: keep-all; }
html body .lx-openjoint-detail__content :is(.lx-eop-note, .text-block-6, .lx-eop-type-size) { font-size: 16px !important; line-height: 1.6 !important; color: #777 !important; }
html body .lx-openjoint-detail__content .text-block-8 { font-size: 18px !important; font-weight: 600 !important; color: #111 !important; margin-bottom: 8px !important; }
html body .lx-openjoint-detail__content .lx-eop-spec-row { font-size: 16px !important; }
html body .lx-openjoint-detail__content .text-block { font-size: 15px !important; color: #777 !important; }
/* 회색 박스·테두리 제거 */
html body .lx-openjoint-detail__content :is(.lx-eop-image-panel, .lx-eop-standard-image-panel, .lx-freeform-step__media, .lx-waterproof-glx-image-box) { background: transparent !important; border: 0 !important; }
html body .lx-openjoint-detail__content :is(.lx-corrosion-card-left, .lx-corrosion-card-right) { border: 0 !important; padding: 0 !important; background: transparent !important; }
html body .lx-openjoint-detail__content .lx-eop-steps { gap: 40px 48px !important; }
html body .lx-openjoint-detail__content .lx-eop-steps .lx-corrosion-card__image { height: auto !important; aspect-ratio: 619 / 572; }
/* 플랜지 상세 치수: 그림 속 회색 라벨 → 글자, 2칸 */
html body .wf-flange { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
html body .wf-flange__fig { margin: 0; }
html body .wf-flange__fig figcaption { margin: 0 0 12px; font-size: 18px; font-weight: 600; color: #111; }
html body .wf-flange__fig img { display: block; width: 100%; height: auto; max-height: 360px; object-fit: contain; object-position: left top; }
@media (max-width: 767px) { html body .wf-flange { grid-template-columns: 1fr; gap: 32px; } }
@media (max-width: 991px) {
  html body .lx-openjoint-detail__content > :is(.lx-corrosion-compare-list, .lx-eop-content, .lx-humanise-wall-layout) { margin-top: 72px !important; }
  html body .lx-eop-content, html body .lx-corrosion-compare-list:has(> div > .lx-typical-finish__subtitle) { row-gap: 72px !important; }
  html body .lx-openjoint-detail__content :is(h3.lx-eop-title, .lx-typical-finish__subtitle, .lx-corrosion-compare-list > h3.lx-openjoint-detail__title, .lx-humanise-wall-copy h3.lx-openjoint-detail__title, h3.lx-detail-subtitle) { font-size: 20px !important; }
  html body .lx-openjoint-detail__content :is(.lx-eop-lead, .lx-corrosion-card__meta, .lx-freeform-step__description) { font-size: 16px !important; }
  html body .lx-openjoint-detail__content :is(.heading-2, .lx-corrosion-card__title, .lx-freeform-step__title, .lx-eop-type-name) { font-size: 18px !important; }
}
/* [295] 제품소개 카드: 테두리 없음, 자세히 보기 위 여백 줄임 */
html body .wf-pcard { border: 0 !important; }
html body .wf-pcard__desc { flex: none; }
html body .wf-pcard__more { margin-top: 14px; }
html body .wf-pcard__body { padding-bottom: 22px; }
/* [296] 제품소개 카드: 국문 제품명 크게(16 → 21/700), 위 영문은 작게(17 → 15/600, 회색) */
html body .wf-pcard__en { font-size: 15px !important; font-weight: 600; letter-spacing: .08em; color: #777; }
html body .wf-pcard__ko { margin-top: 6px; font-size: 21px; font-weight: 700; line-height: 1.35; color: #111; }
/* [300] 서브메인 배너 높이 전체 320 → 370 (Webflow 페이지·제품 배너 포함) */
html body .lx-philosophy-hero, html body .lx-insights-list-hero, html body .lxc-catalog-hero { height: 370px !important; min-height: 370px !important; }
html body .lx-product-hero { height: 370px !important; min-height: 370px !important; }
/* [301] 제품소개 메인: 배너(제품소개 제목)와 아래 카드 영역 배경 통으로 같은 흰색 ([281] 회색 그라데이션 취소) */
html body .wf-pcards { background: #fff !important; }
html body:has(.wf-pcards) .lx-product-page, html body:has(.wf-pcards) .wf-bottom-bc { background: #fff !important; }
/* [302] 제품소개 카드: 국문명 위 영문(Line Panel 등) 삭제 → 국문명 위 간격 0 */
html body .wf-pcard__ko { margin-top: 0; }
/* [303] 제품소개 메인: 배너 안 옅은 라인패널 무늬 삭제(완전 흰색), 카드 목록을 배너 끝에 바로 붙임(위 여백 0) */
html body:has(.wf-pcards) .lx-product-hero__image { display: none !important; }
html body:has(.wf-pcards) .lx-product-hero { background: #fff !important; background-image: none !important; margin-bottom: 0 !important; }
html body .wf-pcards { padding-top: 0 !important; margin-top: 0 !important; }
/* [304] 제품소개 카드: 제품명·설명·버튼 왼쪽 정렬, 시작선 = 사진 왼쪽 끝(좌우 안쪽 여백 0) */
html body .wf-pcard__body { padding-left: 0 !important; padding-right: 0 !important; text-align: left !important; align-items: flex-start !important; }
html body .wf-pcard__body > * { text-align: left !important; }
/* [305] 제품소개 카드 글자 위아래 간격 조금 줄임: 사진→제품명 22→18, 제품명→설명 10→6, 설명→버튼 14→12, 줄간격 1.35/1.55→1.3/1.5, 아래 22→20 */
html body .wf-pcard__body { padding-top: 18px !important; padding-bottom: 20px !important; }
html body .wf-pcard__ko { line-height: 1.3; }
html body .wf-pcard__desc { margin-top: 6px; line-height: 1.5; }
html body .wf-pcard__more { margin-top: 12px; }
/* [306] 제품소개 카드: 설명→자세히 보기 간격 12→8 */
html body .wf-pcard__more { margin-top: 8px !important; }
/* [308] 서브메인 배너 글자 전체 동일: 제목 60/600/1.12, 설명 19/400/1.7, 제목→설명 18 (제품소개 메인 700 → 600 통일, 색만 배경에 따라 흰/검정) */
html body .lx-product-hero__title { font-size: 60px !important; font-weight: 600 !important; line-height: 1.12 !important; }
html body .lx-product-hero__lead { font-family: Pretendard, sans-serif !important; font-size: 19px !important; font-weight: 400 !important; line-height: 1.7 !important; margin: 18px auto 0 !important; text-align: center !important; }
/* [311] N가지 이유 검정 칸: 검정 배경은 링크 없음, "인사이트 보기 ↗" 글자만 링크 */
html body .lx-product-feature-cta__link { font-size: 15px; color: #fff !important; text-decoration: none !important; border-bottom: 1px solid #fff; align-self: flex-start; padding-bottom: 4px; transition: opacity .2s, transform .2s; }
html body .lx-product-feature-cta__link:hover { opacity: .75; transform: translateX(3px); }
/* [313] "왜 OO일까요?" 줄 길이 = 아래 "N가지 이유"(48/700, 폭 228)와 양끝 맞춤 — 라인패널 방식(글자 길이에 맞춰 크기 계산, Pretendard 실측) */
html body .lx-features-q { white-space: nowrap; font-size: 26px !important; }
html body .lx-features-q.is-fit-12 { font-size: 19px !important; }
html body .lx-features-q.is-fit-11 { font-size: 20.7px !important; }
/* [319] 제품 메인 회색 섹션 제목+설명 겹침 수정(원본 .paragraph-2 margin-top -30 때문): 제목→설명 24, 설명 18/400 #555/1.7, 설명→카드 47 (가이드 머리글과 같은 톤) */
html body .lx-line-page-submenu__inner > .lx-product-features__title { line-height: 1.25 !important; margin: 0 0 24px !important; }
html body .lx-line-page-submenu__inner > .lx-product-features__title + .paragraph-2 { margin: 0 0 47px !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.7 !important; color: #555 !important; word-break: keep-all; }
/* [320] 사이니지 메인 특징 제목: 작은 "프랜차이즈 외관 표준화를 위한"(24.4px, 양끝 맞춤) + 큰 "5가지 핵심 역량"(48/700, 폭 336) → 제목 칸 280 → 340 */
html body .lx-features-q.is-fit-sg { font-size: 24.4px !important; }
html body .lx-product-features:has(.is-fit-sg) { grid-template-columns: 340px 1fr; }
html body .lx-product-features__title:has(.is-fit-sg) { white-space: nowrap; }
@media (max-width: 991px) { html body .lx-product-features:has(.is-fit-sg) { grid-template-columns: 1fr; } }
/* [321] 외단열·내단열·코너·라운드·창호 시공(line5~9): 그림 전부 얇은 테두리(1px #ddd) — 상단 3장(외단열시공·결합방법·캐드도면 등) + 시공방법 단계 그림 (사용자 요청, 회색 테두리 금지 예외) */
html body .lx-install-image-card__image, html body .lx-openjoint-detail__content:has(.lx-install-card-grid) .lx-exterior-steps-grid img { border: 1px solid #ddd !important; box-sizing: border-box !important; display: block; width: 100%; }
/* [323] "왜 OO일까요?"·"프랜차이즈 외관 표준화를 위한" 작은 줄 양끝 = 큰 제목 양끝 정확히 맞춤(제목 폭 = 큰 글자 폭, 작은 줄 양끝 정렬) */
html body .lx-product-features__title:has(.lx-features-q) { width: fit-content !important; }
html body .lx-features-q { display: block; text-align: justify; text-align-last: justify; }
html body .lx-features-q.is-fit-12 { font-size: 18.8px !important; }
html body .lx-features-q.is-fit-sg { font-size: 24px !important; }
/* [325] 검정 칸: 큰 제목 "인사이트 바로가기"(22/700) + 작은 설명(16/400, 흰 70%) + 아래 "바로가기 ↗" 링크 */
html body .lx-product-feature-cta { justify-content: flex-start !important; }
html body .lx-product-feature-cta__desc { margin: 12px 0 0; font-size: 16px; font-weight: 400; line-height: 1.6; color: rgba(255,255,255,.7); word-break: keep-all; }
html body .lx-product-feature-cta__link { margin-top: auto; }
/* [327] 메탈루버 신규 상세 2개(내구성 & 품질보증 / 컬러 & 취급 주의사항) — 상세 공통 [292] 구조 위에 추가 요소만 */
html body .wf-ml-chart { margin-top: 32px; max-width: 640px; }
html body .wf-ml-chart__plot { display: flex; align-items: flex-end; gap: 48px; height: 280px; padding: 0 24px; border-bottom: 1px solid #111; }
html body .wf-ml-chart__col { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: relative; }
html body .wf-ml-chart__bar { width: 56px; display: block; }
html body .wf-ml-chart__val { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; white-space: nowrap; }
html body .wf-ml-chart__name { position: absolute; top: 100%; margin-top: 10px; font-size: 16px; color: #555; white-space: nowrap; }
html body .wf-ml-chart .lx-eop-note { margin-top: 52px !important; }
html body .wf-ml-warranty { margin-top: 24px; max-width: 520px; }
html body .wf-ml-warranty img { display: block; width: 100%; height: auto; }
html body .wf-ml-checks, html body .wf-ml-feats { display: grid; gap: 40px; }
html body .wf-ml-feats { grid-template-columns: 1fr 1fr; gap: 40px 48px; }
html body .wf-ml-checks .heading-2, html body .wf-ml-feats .heading-2, html body .wf-ml-care .heading-2 { margin: 0 0 8px !important; }
html body .wf-ml-table { overflow-x: auto; }
html body .wf-ml-table .lx-metal-spec-head-row, html body .wf-ml-table .lx-metal-spec-row { display: grid !important; grid-template-columns: repeat(7, minmax(110px, 1fr)) !important; }
html body .wf-ml-table .lx-metal-spec-head-cell, html body .wf-ml-table .lx-metal-spec-cell { text-align: center !important; font-size: 15px !important; line-height: 1.5 !important; padding: 14px 8px !important; }
html body .wf-ml-swatches { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 24px; margin-top: 8px; }
html body .wf-ml-sw { margin: 0; }
html body .wf-ml-sw img { display: block; width: 100%; aspect-ratio: 224 / 62; object-fit: cover; }
html body .wf-ml-sw figcaption { display: flex; justify-content: space-between; margin-top: 8px; font-size: 15px; color: #777; }
html body .wf-ml-sw figcaption b { font-weight: 600; color: #111; }
html body .wf-ml-care { display: grid; gap: 48px; }
html body .wf-ml-care__list { margin: 0; padding: 0 0 0 20px; display: grid; gap: 12px; }
html body .wf-ml-care__list li { font-size: 18px; line-height: 1.6; color: #555; word-break: keep-all; }
html body .wf-ml-care__list li b { display: block; color: #111; font-weight: 600; }
@media (max-width: 767px) {
  html body .wf-ml-feats, html body .wf-ml-swatches { grid-template-columns: 1fr 1fr; }
  html body .wf-ml-chart__plot { gap: 20px; height: 220px; }
  html body .wf-ml-care__list li { font-size: 16px; }
}
/* [330] 타공 패널 "왜 타공 패널일까요?" 줄 = "3가지 이유"와 양끝 맞춤(25.3px, 실측) */
html body .lx-features-q.is-fit-9 { font-size: 25.3px !important; }
/* 상세 안 #앵커로 이동 시 고정 헤더에 가리지 않게 */
html body .lx-eop-title[id] { scroll-margin-top: 120px; }
/* [338] 메탈루버 상세 3개 재구성(라인패널 상세 구조): 그림·캡션, 한눈에 보기, 시공 순서 2칸, 상하부 마감 3칸 */
html body .wf-ml-fig { margin: 0 0 32px; }
html body .wf-ml-fig:last-child { margin-bottom: 0; }
html body .wf-ml-fig figcaption { margin: 0 0 12px; font-size: 18px; font-weight: 600; color: #111; }
html body .wf-ml-fig img { display: block; width: 100%; height: auto; }
html body .lx-openjoint-detail__content > .wf-ml-fig { margin: 20px 0 0; }
html body .wf-ml-sub { margin: 48px 0 12px !important; }
html body .wf-ml-flow { list-style: none; counter-reset: f; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
html body .wf-ml-flow li { counter-increment: f; display: flex; flex-direction: column; gap: 6px; padding-top: 16px; border-top: 2px solid #111; }
html body .wf-ml-flow li::before { content: "0" counter(f); font-size: 15px; font-weight: 700; color: #999; }
html body .wf-ml-flow b { font-size: 20px; font-weight: 600; color: #111; }
html body .wf-ml-flow span { font-size: 16px; line-height: 1.6; color: #555; word-break: keep-all; }
html body .wf-ml-steps .lx-corrosion-card__image { aspect-ratio: 350 / 283 !important; object-fit: contain; border: 1px solid #ddd; box-sizing: border-box; }
html body .wf-ml-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
html body .wf-ml-type img { display: block; width: 100%; height: auto; margin-bottom: 16px; border: 1px solid #ddd; box-sizing: border-box; }
html body .wf-ml-type .heading-2 { margin: 0 0 8px !important; }
html body .wf-ml-type .lx-corrosion-card__meta { font-size: 18px !important; line-height: 1.6 !important; color: #555 !important; }
@media (max-width: 991px) { html body .wf-ml-flow { grid-template-columns: 1fr 1fr; } html body .wf-ml-types { grid-template-columns: 1fr; } }
/* [339] 사이니지·타공 상세 재구성: 3칸/2칸 그림 그리드(글자 캡션), 도면 그림 적정 크기, 주문 확인 8항목 아이콘 */
html body .wf-sg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 24px; margin-top: 24px; }
html body .wf-sg-grid.is-two { grid-template-columns: repeat(2, 1fr); }
html body .wf-sg-fig { margin: 0; }
html body .wf-sg-fig img { display: block; width: 100%; height: auto; border: 1px solid #ddd; box-sizing: border-box; }
html body .wf-sg-fig figcaption { margin-top: 12px; display: flex; flex-direction: column; gap: 4px; }
html body .wf-sg-fig figcaption b { font-size: 18px; font-weight: 600; color: #111; }
html body .wf-sg-fig figcaption span { font-size: 16px; line-height: 1.6; color: #555; word-break: keep-all; }
html body .wf-sg-grid.is-array { max-width: 900px; }
html body .wf-ml-fig.is-drawing img { max-width: 860px; }
html body .wf-pf-order { display: grid; grid-template-columns: minmax(0, 460px) 1fr; gap: 48px; align-items: center; margin-top: 24px; }
html body .wf-pf-order .wf-ml-fig { margin: 0; }
html body .wf-pf-icons { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 16px; }
html body .wf-pf-icons li { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
html body .wf-pf-icons img { width: 64px; height: 64px; }
html body .wf-pf-icons span { font-size: 16px; font-weight: 600; color: #111; }
@media (max-width: 991px) { html body .wf-sg-grid { grid-template-columns: 1fr 1fr; } html body .wf-pf-order { grid-template-columns: 1fr; } }
@media (max-width: 479px) { html body .wf-sg-grid, html body .wf-sg-grid.is-two { grid-template-columns: 1fr; } }
/* [340] 인사이트 목록: 분류 탭(ALL·소재/기술·가공/시공·고객 솔루션·디자인) → 알약형 버튼(시공사례 하위탭·패턴 칩과 같은 톤), 빨간 선택색 삭제(선택 = 진회색 배경+흰 글자), 카드 날짜 삭제, 카드 위아래 간격 96 → 80 */
html body .lx-insights-list-tabs { height: auto !important; gap: 8px !important; display: flex !important; flex-wrap: wrap; justify-content: flex-end; }
html body .lx-insights-list-tab { height: 42px !important; padding: 0 20px !important; display: inline-flex !important; align-items: center; justify-content: center; border: 1px solid #ddd !important; border-radius: 999px !important; background: #fff !important; color: #666 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; transition: border-color .2s, color .2s, background-color .2s; }
html body .lx-insights-list-tab:hover { border-color: #3a3d44 !important; color: #111 !important; }
html body .lx-insights-list-tab.is-active, html body .lx-insights-list-tab.is-active:hover { background: #3a3d44 !important; border-color: #3a3d44 !important; color: #fff !important; }
html body .lx-insights-list-tab-line { display: none !important; }
html body .lx-insights-card-date { display: none !important; }
html body .lx-insights-list-cms-grid { row-gap: 80px !important; }
@media (max-width: 767px) { html body .lx-insights-list-tabs { justify-content: flex-start; } html body .lx-insights-list-tab { height: 38px !important; padding: 0 16px !important; font-size: 15px !important; } }
/* [341] 인사이트 상세 전체: 제목 위 "INSIGHT" 글자 검정 */
html body .lx-concept-kicker { color: #111 !important; }
/* [343] 인사이트 상세 하단 "인사이트 전체보기" 버튼 양옆 여백 줄임(폭 240 → 200) */
html body .lx-related-insights-button { width: 200px !important; }
/* [342] 인사이트 상세: 본문 그림(1~3칸, 글자 캡션) + 상단 경로메뉴(헤더 아래 흐름 배치) */
html body .wf-in-figs { display: grid; gap: 20px; margin: 32px 0 8px; }
html body .wf-in-figs.is-2 { grid-template-columns: 1fr 1fr; }
html body .wf-in-figs.is-3 { grid-template-columns: repeat(3, 1fr); }
html body .wf-in-fig { margin: 0; }
html body .wf-in-fig img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: contain; border: 1px solid #ddd; box-sizing: border-box; background: #fff; }
html body .wf-in-figs.is-1 .wf-in-fig img { max-width: 900px; }
html body .wf-in-fig figcaption { margin-top: 10px; font-size: 15px; line-height: 1.5; color: #777; word-break: keep-all; }
html body .wf-bc.wf-bc--static { position: relative; top: auto; margin: 0 auto; padding: 105px 0 0; }
@media (max-width: 767px) { html body .wf-in-figs.is-2, html body .wf-in-figs.is-3 { grid-template-columns: 1fr; } }
/* [344] 인사이트 상세 전체: 관련 인사이트(썸네일+목록) 위·아래 여백 동일 80(아래 = 버튼 → 하단 경로메뉴 글자 위) / 본문 소제목↔설명 간격 22 → 12 */
html body .lx-related-insights { padding-top: 80px !important; padding-bottom: 0 !important; }
html body:has(.lx-related-insights) .wf-bottom-bc { padding-top: 80px !important; }
html body .lx-concept-post-wide.w-richtext > h3 { margin-bottom: 12px !important; }
@media (max-width: 767px) { html body .lx-concept-post-wide.w-richtext > h3 { margin-bottom: 10px !important; } }
/* [345] 인사이트 상세 상단 경로메뉴 위치 = 다른 배너 없는 페이지와 동일(헤더 아래 40, 페이지 스크립트가 헤더 높이 65를 이미 비워 둠) */
html body .wf-bc.wf-bc--static { padding: 40px 0 40px !important; }
/* [346] 메탈루버 벽체형·천정형 상세도면(평단면·측단면) 그림 크기 축소: 최대 720px */
html body .wf-ml-fig:has(figcaption) img { max-width: 720px; }
/* [347] 타공 주문 확인 8항목: 숫자 목록표시(1. 2.) 제거, 아이콘 잘림 수정(원 전체 다시 추출) */
html body ol.wf-pf-icons, html body ol.wf-ml-flow { list-style: none !important; padding-left: 0 !important; }
html body .wf-pf-icons li { list-style: none !important; }
html body .wf-pf-icons li::marker { content: none; }
html body .wf-pf-icons img { width: 64px !important; height: 64px !important; object-fit: contain; }
/* [348] 인사이트 카드(목록·상세 관련 인사이트): 분류(가공/시공 등) 위·아래 간격 동일 14(사진→분류 = 분류→제목), 글자 빈 배경은 링크 없음(사진·제목 글자만 클릭) */
html body .lx-insights-card .lx-insights-card-category { margin-top: 14px !important; margin-bottom: 0 !important; }
html body .lx-insights-card .lx-insights-card-title { margin-top: 14px !important; }
html body a.lx-insights-card { pointer-events: none; cursor: default; }
html body a.lx-insights-card .lx-insights-card-thumb, html body a.lx-insights-card .lx-related-insights-image, html body a.lx-insights-card img, html body a.lx-insights-card .lx-insights-card-title { pointer-events: auto; cursor: pointer; }
html body a.lx-insights-card .lx-insights-card-title { display: block; width: fit-content; max-width: 100%; }
/* [349] 인사이트 목록·상세 좌우 여백 = 시공사례(폭 1400, 화면 1920에서 260~1660) */
html body .lx-insights-list-cms-grid { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
html body .lx-concept-hero { width: calc(100% - 64px) !important; max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; }
html body .lx-concept-hero-copy { padding-left: 0 !important; padding-right: 64px !important; }
html body .lx-concept-post-wide { width: calc(100% - 64px) !important; max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 991px) { html body .lx-concept-hero-copy { padding-right: 0 !important; } }
/* [350] 인사이트 카드: 분류 라벨 → 제목 "보이는" 간격 = 사진 → 라벨 14 (제목 줄간격 안쪽 여백 보정 14 → 8) */
html body .lx-insights-card .lx-insights-card-title { margin-top: 9px !important; }
/* [351] 인사이트 목록 분류 버튼 줄: 위(배너→버튼 40) = 아래(버튼→카드 사진 40) */
html body .lx-insights-list-tabs { margin-top: 0 !important; margin-bottom: 0 !important; }
html body #insight-grid.lx-insights-list-grid { margin-top: 40px !important; padding-top: 0 !important; }
html body #insight-grid .lx-insights-list-cms, html body #insight-grid .lx-insights-list-cms-grid { margin-top: 0 !important; padding-top: 0 !important; }
/* [352] 인사이트 상세 상단: 오른쪽 사진은 원래대로 화면 오른쪽 끝까지, 왼쪽 글자 시작선만 1400 기준(260)에 맞춤 ([349] 상단 폭 제한 취소) */
html body .lx-concept-hero { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
html body .lx-concept-hero-copy { padding-left: max(32px, calc((100vw - 1400px) / 2)) !important; padding-right: 64px !important; }
@media (max-width: 991px) { html body .lx-concept-hero-copy { padding-left: 32px !important; padding-right: 32px !important; } }
/* [353] 인사이트 상세 상단 경로메뉴 위 여백 40 → 24 (인사이트 목록·제품소개 등 Webflow 페이지 경로메뉴와 같은 높이: 대메뉴 아래 24) */
html body .wf-bc.wf-bc--static { padding-top: 24px !important; }
/* [354] 인사이트 상세 본문 섹션 구분(제품 상세와 같은 리듬): 섹션(소제목) 사이 100, 소제목→설명 12, 설명 문단 사이 20, 설명→그림 32, 그림 아래 → 다음 섹션 100 */
html body .lx-concept-post-wide.w-richtext > p { margin-top: 0 !important; margin-bottom: 20px !important; }
html body .lx-concept-post-wide.w-richtext > p:first-child { margin-bottom: 0 !important; }
html body .lx-concept-post-wide.w-richtext > h3 { margin-top: 100px !important; margin-bottom: 12px !important; }
html body .lx-concept-post-wide.w-richtext > p:last-child { margin-bottom: 0 !important; }
html body .lx-concept-post-wide.w-richtext > .wf-in-figs { margin: 32px 0 0 !important; }
html body .lx-concept-post-wide.w-richtext > p + .wf-in-figs { margin-top: 12px !important; }
html body .lx-concept-post-wide.w-richtext > p:has(> a) { margin-top: 0 !important; margin-bottom: 20px !important; }
html body .lx-concept-article-bg { padding-bottom: 100px !important; }
@media (max-width: 767px) { html body .lx-concept-post-wide.w-richtext > h3 { margin-top: 64px !important; } }
/* [356] 인사이트 본문 그림 캡션 왼쪽 정렬, 컬러 칩 3칸은 낮은 가로형 */
html body .wf-in-fig figcaption { text-align: left !important; }
html body .wf-in-figs.is-3 .wf-in-fig img[src*="/c-p"] { aspect-ratio: 224 / 62; object-fit: cover; }
/* [359] 인사이트 본문 도해(글자는 HTML, 그림 아님): 막대 비교, 수치 3칸, 공정 흐름, 도장층 단면 */
html body .wf-ig { margin: 32px 0 0; font-family: Pretendard, sans-serif; }
html body .wf-ig-bars { max-width: 760px; display: grid; gap: 14px; }
html body .wf-ig-bar { display: grid; grid-template-columns: 120px 1fr 110px; align-items: center; gap: 16px; }
html body .wf-ig-bar__name { font-size: 16px; font-weight: 600; color: #111; }
html body .wf-ig-bar__track { height: 28px; background: transparent; }
html body .wf-ig-bar__fill { display: block; height: 100%; background: #c4c7cc; }
html body .wf-ig-bar__fill.is-key { background: #111; }
html body .wf-ig-bar__val { font-size: 16px; font-weight: 600; color: #111; text-align: right; }
html body .wf-ig-note { margin: 4px 0 0 !important; font-size: 15px !important; color: #777 !important; }
html body .wf-ig-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
html body .wf-ig-stat { padding-top: 16px; border-top: 2px solid #111; display: flex; flex-direction: column; gap: 6px; }
html body .wf-ig-stat b { font-size: 34px; font-weight: 700; line-height: 1.2; color: #111; }
html body .wf-ig-stat span { font-size: 16px; font-weight: 600; color: #111; }
html body .wf-ig-stat em { font-style: normal; font-size: 15px; color: #777; }
html body .wf-ig-flow { list-style: none !important; padding: 0 !important; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 0; }
html body .wf-ig-flow li { list-style: none; display: flex; align-items: center; font-size: 17px; font-weight: 600; color: #111; padding: 10px 18px; border: 1px solid #111; border-radius: 999px; background: #fff; }
html body .wf-ig-flow li + li::before { content: "→"; margin: 0 14px 0 -4px; position: relative; left: -20px; color: #999; font-weight: 400; }
html body .wf-ig-flow li + li { margin-left: 28px; }
html body .wf-ig-layers { max-width: 760px; display: grid; gap: 6px; }
html body .wf-ig-layer { display: grid; grid-template-columns: 120px 180px 1fr; align-items: center; gap: 16px; }
html body .wf-ig-layer__band { height: 22px; display: block; }
html body .wf-ig-layer b { font-size: 16px; font-weight: 600; color: #111; }
html body .wf-ig-layer > span:last-child { font-size: 15px; color: #555; line-height: 1.5; }
html body .wf-ig-layer.is-clear .wf-ig-layer__band { height: 12px; background: #e3e6ea; }
html body .wf-ig-layer.is-base .wf-ig-layer__band { background: #8a6a4f; }
html body .wf-ig-layer.is-primer .wf-ig-layer__band { height: 10px; background: #b9bcc0; }
html body .wf-ig-layer.is-steel .wf-ig-layer__band { height: 30px; background: #5a5e64; }
html body .wf-ig-layer.is-back .wf-ig-layer__band { height: 10px; background: #9aa0a6; }
html body .wf-ig-layer.is-insul .wf-ig-layer__band { height: 12px; background: #111; }
@media (max-width: 767px) { html body .wf-ig-stats { grid-template-columns: 1fr; } html body .wf-ig-layer { grid-template-columns: 80px 1fr; } html body .wf-ig-layer > span:last-child { grid-column: 2; } html body .wf-ig-bar { grid-template-columns: 90px 1fr 90px; } }
/* [362] "인사이트 전체보기" 버튼 안 위아래 여백 16 → 20 (높이 약 54 → 62) */
html body .lx-related-insights-button { padding-top: 20px !important; padding-bottom: 20px !important; }
/* [363] 인사이트 목록 분류 버튼 줄 위·아래 간격 40 → 64 (동일) */
html body .lx-insights-list-content { padding-top: 64px !important; }
html body #insight-grid.lx-insights-list-grid { margin-top: 64px !important; }
/* [364] 인사이트 목록 페이지번호(1 2 →) 위 간격 = 아래 간격 80 */
html body .lx-insights-list-pagination { margin-top: 80px !important; margin-bottom: 0 !important; }
html body:has(.lx-insights-list-pagination) .lx-insights-list-content { padding-bottom: 0 !important; }
html body:has(.lx-insights-list-pagination) .wf-bottom-bc { padding-top: 80px !important; }
/* [365] 인사이트 상세 본문: 같은 섹션 안 문단 사이 빈 줄 없이 붙임(20 → 0), 섹션 구분은 소제목 위 100 유지 */
html body .lx-concept-post-wide.w-richtext > p { margin-bottom: 0 !important; }
html body .lx-concept-post-wide.w-richtext > p + .wf-in-figs, html body .lx-concept-post-wide.w-richtext > p + .wf-ig { margin-top: 32px !important; }
/* [368] 메탈루버 시공 순서 그림 크게: 한 줄에 한 단계(그림 560 + 설명 오른쪽), 그림은 2배 고화질 리샘플본(@2x) */
html body .wf-ml-steps { grid-template-columns: 1fr !important; gap: 48px !important; }
html body .wf-ml-steps > .lx-corrosion-card-left { display: grid !important; grid-template-columns: minmax(0, 560px) 1fr; gap: 40px; align-items: start !important; }
html body .wf-ml-steps .lx-corrosion-card__image { width: 100% !important; max-width: 560px; }
@media (max-width: 991px) { html body .wf-ml-steps > .lx-corrosion-card-left { grid-template-columns: 1fr; gap: 16px; } }
/* [369] "시공 흐름 한눈에 보기" 위 검정 선 → 같은 길이의 화살표(끝에만 화살촉) */
html body .wf-ml-flow li { border-top: 0 !important; position: relative; padding-top: 18px !important; background: linear-gradient(#111, #111) no-repeat 0 0 / calc(100% - 8px) 2px; }
html body .wf-ml-flow li::after { content: ""; position: absolute; right: 0; top: -4px; width: 0; height: 0; border-left: 10px solid #111; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
/* [370] 인사이트 본문 그림 2·3칸: 칸 폭을 그림 크기에 맞춰(최대 440) 왼쪽부터 붙여 배치, 사이 32 → 그림 사이 넓게 벌어지지 않게 */
html body .wf-in-figs.is-2 { grid-template-columns: repeat(2, minmax(0, 440px)) !important; gap: 32px !important; justify-content: start; }
html body .wf-in-figs.is-3 { grid-template-columns: repeat(3, minmax(0, 400px)) !important; gap: 32px !important; justify-content: start; }
html body .wf-in-figs.is-2 .wf-in-fig img, html body .wf-in-figs.is-3 .wf-in-fig img { max-height: 360px; }
@media (max-width: 767px) { html body .wf-in-figs.is-2, html body .wf-in-figs.is-3 { grid-template-columns: 1fr !important; } }
/* [371] 인사이트 그림 2·3칸 더 바짝: 칸 = 그림 실제 폭(높이 300 기준 자동), 사이 12 */
html body .wf-in-figs.is-2, html body .wf-in-figs.is-3 { display: flex !important; flex-wrap: wrap; gap: 12px !important; }
html body .wf-in-figs.is-2 .wf-in-fig, html body .wf-in-figs.is-3 .wf-in-fig { flex: 0 0 auto; width: min-content; }
html body .wf-in-figs.is-2 .wf-in-fig img, html body .wf-in-figs.is-3 .wf-in-fig img { width: auto !important; height: 300px !important; max-height: none !important; max-width: none !important; }
@media (max-width: 767px) { html body .wf-in-figs.is-2 .wf-in-fig, html body .wf-in-figs.is-3 .wf-in-fig { width: 100%; } html body .wf-in-figs.is-2 .wf-in-fig img, html body .wf-in-figs.is-3 .wf-in-fig img { width: 100% !important; height: auto !important; } }
/* [372] "인사이트 전체보기" 버튼 위·아래 여백 = 다른 페이지 페이지번호(1,2,3) 위·아래 120 */
html body .lx-related-insights-button { margin-top: 120px !important; }
html body:has(.lx-related-insights) .wf-bottom-bc { padding-top: 120px !important; }
/* [375] 메탈루버 제품 구조 및 제원: "루버간 이음 슬리브" 그림 너무 커서 최대 640px */
html body .wf-ml-fig img[alt="루버간 이음 슬리브와 리벳 결합"] { max-width: 640px; }
/* [376] 메탈루버 제품 구조 및 제원: "캐드 도면" 그림도 최대 640px */
html body .wf-ml-fig img[alt="메탈루버 단면 캐드 도면"] { max-width: 640px; }
/* [377] 이음 슬리브 그림 640 → 860 (원본 1000px보다 작게 표시 = 확대 없음, 깨짐 없음) */
html body .wf-ml-fig img[alt="루버간 이음 슬리브와 리벳 결합"] { max-width: 860px; }
/* [378] 캐드 도면 그림 640 → 860 (원본 1000px 이내) */
html body .wf-ml-fig img[alt="메탈루버 단면 캐드 도면"] { max-width: 860px; }
/* [380] 메탈루버 상세 그림 크기·화질 정리 */
/* 캐드 도면: 격자 배경 제거 + 선 선명하게 다시 만든 2배 이미지(cad-clean@2x.png), 표시 900 */
html body .wf-ml-fig img[alt*="캐드 도면"] { max-width: 900px !important; }
/* 제품 구조 그림: 1000 → 최대 760 */
html body .wf-ml-fig img[alt*="제품 구조"] { max-width: 760px !important; }
/* 벽체형·천정형 맨 위 대표 사진: 원본 비율 유지하며 최대 860(원본 1005 이내 = 확대 없음), 세로가 긴 사진은 16:9로 잘라 길이 줄임 */
html body .lx-openjoint-detail__content > .wf-ml-fig img { max-width: 860px; aspect-ratio: 16 / 9; object-fit: cover; }
/* 시공 순서 그림 560 → 440 (원본 350의 2배 리샘플본을 더 작게 = 덜 확대, 선명) */
html body .wf-ml-steps > .lx-corrosion-card-left { grid-template-columns: minmax(0, 440px) 1fr !important; }
html body .wf-ml-steps .lx-corrosion-card__image { max-width: 440px !important; }
/* [381] 한눈에 보기 화살표 머리: 꽉 찬 삼각형 → 얇은 꺾쇠(›) */
html body .wf-ml-flow li { background-size: 100% 2px !important; }
html body .wf-ml-flow li::after { border: 0 !important; width: 9px !important; height: 9px !important; top: -4px !important; right: 1px !important; border-top: 2px solid #111 !important; border-right: 2px solid #111 !important; transform: rotate(45deg); box-sizing: border-box; }
/* [382] 메탈루버 시공 순서 그림: 확대본(@2x) 대신 원본 그대로, 원본 크기(350)로 표시 → 깨짐 없음 */
html body .wf-ml-steps > .lx-corrosion-card-left { grid-template-columns: 350px 1fr !important; }
html body .wf-ml-steps .lx-corrosion-card__image { width: 350px !important; max-width: 100% !important; aspect-ratio: auto !important; height: auto !important; }
/* [383] 사이니지 메인 "모든 것" 섹션 → 시안A 사례 카드형 / [384] 타공 메인 → 시안A 3단계 고르기형 */
html body .wf-sga, html body .wf-pfa { padding: 130px 0; background: #fff; font-family: Pretendard, sans-serif; color: #111; }
html body .wf-sga__in, html body .wf-pfa__in { width: calc(100% - 64px); max-width: 1400px; margin: 0 auto; }
html body .wf-sga__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 48px; }
html body .wf-sga__tag { font-size: 15px; font-weight: 600; letter-spacing: .12em; color: #888; }
html body .wf-sga__title { margin: 14px 0 0; font-size: 48px; font-weight: 700; line-height: 1.25; color: #111; }
html body .wf-sga__desc { max-width: 520px; margin: 0; font-size: 18px; line-height: 1.7; color: #555; word-break: keep-all; }
html body .wf-sga__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
html body .wf-sga__card, html body .wf-pfa__card { color: #111 !important; text-decoration: none !important; display: block; }
html body .wf-sga__ph { aspect-ratio: 4 / 3; overflow: hidden; }
html body .wf-sga__ph img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
html body .wf-sga__card:hover .wf-sga__ph img { transform: scale(1.04); }
html body .wf-sga__no, html body .wf-pfa__no { margin: 20px 0 6px; font-size: 15px; font-weight: 700; color: #888; }
html body .wf-sga__name { margin: 0; font-size: 26px; font-weight: 700; line-height: 1.35; color: #111; }
html body .wf-sga__brand { margin-top: 4px; font-size: 16px; color: #777; }
html body .wf-sga__tags { list-style: none; margin: 18px 0 22px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
html body .wf-sga__tags li { font-size: 15px; border: 1px solid #ddd; border-radius: 999px; padding: 6px 12px; }
html body .wf-sga__more { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: #111 !important; text-decoration: none !important; border: 1px solid #111; border-radius: 999px; padding: 8px 16px; transition: background-color .2s, color .2s; }
html body .wf-sga__card:hover .wf-sga__more, html body .wf-sga__more:hover { background: #111; color: #fff !important; }
html body .wf-pfa__head { text-align: center; margin-bottom: 56px; }
html body .wf-pfa__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
html body .wf-pfa__card { border-top: 2px solid #111; padding-top: 24px; }
html body .wf-pfa__no { margin-top: 0; }
html body .wf-pfa__card p { margin: 10px 0 0; min-height: 52px; font-size: 16px; line-height: 1.6; color: #555; }
html body .wf-pfa__ph { height: 240px; margin-top: 20px; border: 1px solid #eee; padding: 16px; box-sizing: border-box; }
html body .wf-pfa__ph img { width: 100%; height: 100%; object-fit: contain; display: block; }
html body .wf-pfa__ph.is-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
html body .wf-pfa__btn { text-align: center; margin-top: 44px; }
@media (max-width: 991px) { html body .wf-sga__head { flex-direction: column; align-items: flex-start; } html body .wf-sga__grid, html body .wf-pfa__grid { grid-template-columns: 1fr; } html body .wf-sga__title { font-size: 34px; } }

/* [387] 사이니지 상세 섹션 설명글 */
html body .lx-openjoint-detail__content .wf-ml-sub + .lx-eop-lead { margin: 0 !important; }
html body .lx-openjoint-detail__content .lx-eop-lead { max-width: 900px; }

/* [389] 사이니지 메인 사례 카드: 제목 아래 설명, 글자·사진만 링크, 태그 삭제 */
html body .wf-sga__head.is-stack { display: block; }
html body .wf-sga__head.is-stack .wf-sga__title { margin-top: 0; }
html body .wf-sga__head.is-stack .wf-sga__desc { max-width: none; margin-top: 20px; }
html body div.wf-sga__card { color: #111; }
html body a.wf-sga__ph { display: block; }
html body a.wf-sga__ph:hover img { transform: scale(1.04); }
html body .wf-sga__name a { color: #111 !important; text-decoration: none !important; }
html body .wf-sga__name a:hover { text-decoration: none !important; }
html body div.wf-sga__card .wf-sga__more { margin-top: 22px; }
html body div.wf-sga__card:hover .wf-sga__more { background: transparent; color: #111 !important; }
html body div.wf-sga__card .wf-sga__more:hover { background: #111; color: #fff !important; }
/* [391] 사이니지 메인 사례 카드 설명글 */
html body .wf-sga__brand.is-desc { margin: 10px 0 0; font-size: 16px; line-height: 1.6; color: #555; word-break: keep-all; }
/* [392] 사이니지 메인 사례 섹션: 위(7가지 이유 아래 130)·아래(갤러리 위 130)와 겹쳐 260 되던 것 → 위아래 0, 섹션 사이 130 */
html body section.wf-sga { padding-top: 0 !important; padding-bottom: 0 !important; }
/* [387] N가지 이유 검정 칸: 그 줄 남은 칸 끝까지 옆으로 늘림, 높이는 같은 줄 다른 항목에 맞춤(아래로 튀어나오지 않게, 최소높이 240 해제) */
html body .lx-product-features__grid > .lx-product-feature-cta { grid-column: auto / -1 !important; min-height: 0 !important; padding: 24px 28px !important; align-self: stretch; }
html body .lx-product-feature-cta__desc { margin-top: 8px !important; }
html body .lx-product-feature-cta__link { margin-top: 16px; }
@media (max-width: 991px) { html body .lx-product-features__grid > .lx-product-feature-cta { grid-column: 1 / -1 !important; } }
/* [388] 타공·사이니지 새 섹션 간격 = 라인패널 메인 같은 자리 섹션(시공 가이드)과 동일: 연회색 띠 배경(#f5f6f7) + 위아래 130 → 앞 섹션 끝 130 / 섹션 안 130 / 다음 갤러리 130 */
html body .wf-pfa, html body .wf-sga { background: #f5f6f7 !important; padding-top: 130px !important; padding-bottom: 130px !important; margin: 0 !important; }
html body .wf-pfa__ph { background: #fff; }
/* [389] 타공 3단계 카드: 빈 배경은 링크 없음, 글자(제목·설명)만 클릭 / 사이니지 사례 카드도 같은 원칙(사진·제목·자세히 보기만) */
html body a.wf-pfa__card, html body a.wf-sga__card { pointer-events: none; cursor: default; }
html body a.wf-pfa__card .wf-sga__name, html body a.wf-pfa__card p { pointer-events: auto; cursor: pointer; width: fit-content; max-width: 100%; }
html body a.wf-sga__card .wf-sga__ph, html body a.wf-sga__card .wf-sga__name, html body a.wf-sga__card .wf-sga__more { pointer-events: auto; cursor: pointer; }
html body a.wf-sga__card .wf-sga__name { width: fit-content; }
html body a.wf-pfa__card:hover .wf-sga__name, html body a.wf-sga__card .wf-sga__name:hover { text-decoration: underline; text-underline-offset: 4px; }
/* [395] 사이니지·타공 새 섹션: 회색 띠 안쪽 위아래 130 (회색 섹션이 위 섹션에 바로 붙어 보이던 것 — [392] padding 0 덮어씀) */
html body section.wf-sga, html body section.wf-pfa { padding-top: 130px !important; padding-bottom: 130px !important; }
/* [396] 타공 메인 검정 칸(인사이트 바로가기): 옆 항목과 너무 붙음 → 왼쪽 간격 +32 (칸 사이 32 → 64) */
html body .lx-product-features:has(.is-fit-9) .lx-product-feature-cta { margin-left: 32px; }
@media (max-width: 991px) { html body .lx-product-features:has(.is-fit-9) .lx-product-feature-cta { margin-left: 0; } }
/* [397] 타공 메인 "타공 패널, 3단계면 정할 수 있어요" 제목 왼쪽 정렬(아래 버튼도 왼쪽) */
html body .wf-pfa__head { text-align: left !important; }
html body .wf-pfa__head .wf-sga__title { margin-top: 0; }
html body .wf-pfa__btn { text-align: left !important; }
/* [398] 타공 3단계 제목 아래 설명 2줄 */
html body .wf-pfa__desc { max-width: none !important; margin-top: 20px !important; }
/* [399] 검정 칸이 줄 끝에 따로 떨어지던 것([387-B] auto/-1이 1칸만 차지) → 마지막 항목 바로 옆에 붙고 남은 칸 모두 차지 */
html body .lx-product-features__grid > .lx-product-feature-cta { grid-column: auto !important; }
html body .lx-product-features__grid > .lx-product-feature:nth-child(5) + .lx-product-feature-cta { grid-column: span 3 !important; }
html body .lx-product-features__grid > .lx-product-feature:nth-child(6) + .lx-product-feature-cta { grid-column: span 2 !important; }
html body .lx-product-features__grid > .lx-product-feature:nth-child(7) + .lx-product-feature-cta,
html body .lx-product-features__grid > .lx-product-feature:nth-child(3) + .lx-product-feature-cta { grid-column: span 1 !important; }
/* 사이니지: 항목 제목이 옆 칸과 겹치던 것 → 줄바꿈 허용 */
html body .lx-product-features:has(.is-fit-sg) .lx-product-feature__title { white-space: normal !important; }
@media (max-width: 991px) { html body .lx-product-features__grid > .lx-product-feature-cta { grid-column: 1 / -1 !important; } }
/* [400] 사이니지 상세(패널 결합 및 솔루션) 본문 글자 모두 왼쪽 정렬 */
html body .lx-openjoint-detail__content:has(#sg-line), html body .lx-openjoint-detail__content:has(#sg-line) * { text-align: left !important; }
html body .lx-openjoint-detail__content:has(#sg-line) .wf-sg-fig figcaption { align-items: flex-start !important; }
/* [401] 재구성한 상세(사이니지·타공·메탈루버): 섹션 사이 100(라인패널 상세와 동일)이 안 먹던 것 → 섹션마다 위 100, 섹션 안 소제목(평면 구간 이음부 등) 위 64, 마지막 아래 80 */
html body .lx-openjoint-detail__content:has(.wf-ml-flow) .lx-eop-content { display: block !important; margin-top: 100px !important; }
html body .lx-openjoint-detail__content:has(.wf-ml-flow) .lx-eop-section + .lx-eop-section { margin-top: 100px !important; }
html body .lx-openjoint-detail__content:has(.wf-ml-flow) .wf-ml-sub { margin-top: 64px !important; }
html body .lx-openjoint-detail__content:has(.wf-ml-flow) .lx-eop-content > .lx-eop-section:last-child { margin-bottom: 80px !important; }
/* [402] 사이니지 메인 5가지 핵심 역량: 3칸×2줄(5개 + 검정 칸 1칸 = 다른 제품 페이지처럼 검정 칸 한 칸 크기), 항목 제목 한 줄 */
html body .lx-product-features:has(.is-fit-sg) .lx-product-features__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
html body .lx-product-features:has(.is-fit-sg) .lx-product-feature-cta { grid-column: span 1 !important; margin-left: 0 !important; }
html body .lx-product-features:has(.is-fit-sg) .lx-product-feature__title { white-space: nowrap !important; }
html body .lx-product-features:has(.is-fit-sg) .lx-product-features__grid > .lx-product-feature:nth-child(5) + .lx-product-feature-cta { grid-column: span 1 !important; }
/* [403] 검정 칸(인사이트 바로가기)은 모든 제품 메인에서 항상 한 칸 크기(직사각형 비율 유지, 남는 칸은 비워 둠) — 익스테리어 2칸·인테리어 3칸으로 길던 것 */
html body .lx-product-features .lx-product-features__grid > .lx-product-feature:nth-child(n) + .lx-product-feature-cta { grid-column: span 1 !important; }

/* [405] 기본 글꼴 Pretendard (사용자 지정) */
body {
  font-family: "Pretendard", -apple-system, sans-serif;
}

/* [442] 보증체계(warranty): 최소 글자 15px + 쓸데없이 넓은 간격 전체 정리 */
html body .lx-warranty__footnote, html body .lx-warranty__period-note, html body .lx-warranty__contact, html body .lx-warranty__contact-link { font-size: 15px !important; }
html body .lx-warranty { padding-top: 0 !important; }
html body .lx-warranty__section { padding-top: 0 !important; padding-bottom: 0 !important; }
html body .lx-warranty__section:first-child { padding-top: 100px !important; }
html body .lx-warranty__section + .lx-warranty__section { padding-top: 120px !important; }
html body .lx-warranty__section-number { margin-bottom: 10px !important; }
html body .lx-warranty__section-title { margin-bottom: 36px !important; }
html body .lx-warranty__subheading { margin-bottom: 16px !important; }
html body .lx-warranty__block { margin-bottom: 56px !important; }
html body .lx-warranty__block:last-child { margin-bottom: 0 !important; }
html body .lx-warranty__notice { margin-bottom: 48px !important; padding-top: 36px !important; padding-bottom: 36px !important; }
html body .lx-warranty__contact { margin-top: 48px !important; }
/* [444] 보증체계 상단 간격 다시: 배너 → 탭 56, 탭 → 첫 섹션 제목 80(탭 바로 밑에 붙어 있던 것), 빨간 섹션 번호(01·02·03) 삭제 */
html body .lx-warranty__tabs { margin-top: 56px !important; margin-bottom: 0 !important; }
html body .lx-warranty__tabs + .lx-warranty__section { padding-top: 80px !important; }
html body .lx-warranty__section-number { display: none !important; }
/* [445] 보증체계: 섹션 아래 회색 선 삭제(각주 바로 밑에 붙어 보이던 선), 섹션 간격 전부 100으로 동일(탭→첫 섹션, 섹션→섹션) */
html body .lx-warranty__section { border-bottom: 0 !important; border-top: 0 !important; }
html body .lx-warranty__tabs + .lx-warranty__section, html body .lx-warranty__section + .lx-warranty__section { padding-top: 100px !important; }
/* [446] 보증체계 목록(*) 줄 사이 10 → 4 */
html body .lx-warranty__list-item { margin-bottom: 4px !important; }
html body .lx-warranty__list-item:last-child { margin-bottom: 0 !important; }
/* [447] 보증체계: 글자 줄 사이 간격 전부 4px로 동일(목록·제외사항 항목·각주) */
html body .lx-warranty__notice-text { margin-top: 0 !important; margin-bottom: 4px !important; }
html body .lx-warranty__notice-text:last-child { margin-bottom: 0 !important; }
html body .lx-warranty__footnote + .lx-warranty__footnote { margin-top: 4px !important; }
/* [449] 보증체계 표 2개(항목별 보증 기준·가공 부위별 범위) 칸 높이 68 → 약 50(최소높이 해제, 위아래 13), ○△ 줄높이 31 → 24 / 보증기간 카드 위아래 38 → 30 */
html body .lx-warranty__cell { min-height: 0 !important; padding-top: 13px !important; padding-bottom: 13px !important; }
html body .lx-warranty__cell--mark { line-height: 24px !important; }
html body .lx-warranty__period-card { padding-top: 30px !important; padding-bottom: 30px !important; }
/* [450] 보증 제외 사항 박스 안 여백 줄임: 안쪽 36/48 → 32/40, 제목 → 항목 34 → 24, 항목 줄 사이 42 → 28, 소제목 → 내용 14 → 8 */
html body .lx-warranty__notice { padding: 32px 40px !important; }
html body .lx-warranty__notice-title { margin-bottom: 24px !important; }
html body .lx-warranty__notice-grid { row-gap: 28px !important; }
html body .lx-warranty__notice-heading { margin-bottom: 8px !important; }
/* [451] 보증체계 글자 전체 +1px (간격 유지) */
html body .lx-warranty__tab { font-size: 21px !important; }
html body .lx-warranty__section-title { font-size: 43px !important; }
html body .lx-warranty__subheading { font-size: 22px !important; }
html body .lx-warranty__list-item, html body .lx-warranty__period-unit, html body .lx-warranty__period-name, html body .lx-warranty__notice-title, html body .lx-warranty__notice-heading { font-size: 18px !important; }
html body .lx-warranty__period-value { font-size: 43px !important; }
html body .lx-warranty__period-note, html body .lx-warranty__footnote, html body .lx-warranty__notice-text, html body .lx-warranty__contact, html body .lx-warranty__contact-link, html body .lx-warranty__cell { font-size: 16px !important; }
html body .lx-warranty__cell--mark { font-size: 21px !important; }
/* [452] 큰 글자는 원래 크기로(섹션 제목 42, 보증기간 숫자 42, 탭 20, 소제목 21) — 작은 글자만 +1 유지 */
html body .lx-warranty__section-title, html body .lx-warranty__period-value { font-size: 42px !important; }
html body .lx-warranty__tab { font-size: 20px !important; }
html body .lx-warranty__subheading { font-size: 21px !important; }
html body .lx-warranty__cell--mark { font-size: 20px !important; }
/* [453] 보증체계 문의줄: www.luxteel.com 옆 "상담하기 →" 링크 */
html body .lx-warranty__contact-sep { margin: 0 10px; color: #999; }
html body .lx-warranty__contact-cta { font-weight: 600; }
/* [454] 보증체계 "*일부 색상은…" 각주 시작점 = 위 목록 글자 시작점(22px 안쪽) */
html body .lx-warranty__footnote--indent { margin-left: 22px !important; }
/* [455] 문의줄 www.luxteel.com·상담하기 → 붙여 쓰기(점 양옆 10 → 4) */
html body .lx-warranty__contact-sep { margin: 0 4px !important; }
/* [457] 보증기간 숫자(35·25·20) 42 → 56 */
html body .lx-warranty__period-value { font-size: 56px !important; line-height: 1.1 !important; }
/* [458] 보증체계 줄 사이 더 좁게: 목록·제외사항 항목·각주 줄높이 1.8 → 1.55, 항목 사이 4 → 2 */
html body .lx-warranty__list-item, html body .lx-warranty__notice-text, html body .lx-warranty__footnote { line-height: 1.55 !important; }
html body .lx-warranty__list-item, html body .lx-warranty__notice-text { margin-bottom: 2px !important; }
html body .lx-warranty__list-item:last-child, html body .lx-warranty__notice-text:last-child { margin-bottom: 0 !important; }
html body .lx-warranty__footnote + .lx-warranty__footnote { margin-top: 2px !important; }
/* [460] 보증체계 탭 글자 20 → 23, 글자를 아래 선 쪽으로 붙임(위 24 · 아래 24 → 위 24 · 아래 12) */
html body .lx-warranty__tab { font-size: 23px !important; padding-bottom: 12px !important; }
/* [461] 보증체계 탭: 마우스오버 효과(빨강 글자·밑줄) 없앰, 누른 탭은 계속 검정 글자 + 검정 밑줄(처음엔 '보증기간 안내' 선택) */
html body .lx-warranty__tab:hover { color: rgb(119, 123, 128) !important; border-bottom-color: transparent !important; }
html body .lx-warranty__tab.is-active, html body .lx-warranty__tab.is-active:hover { color: #111 !important; border-bottom-color: #111 !important; font-weight: 600 !important; }
/* [462] 표 안 × 표시가 ○보다 작아 보이던 것 → 같은 크기로 보이게(20 → 28, 줄높이 고정) */
html body .lx-warranty__cell--mark-red { font-size: 28px !important; line-height: 24px !important; }

/* [465] webflow/catalog(메뉴에서 연결되는 샘플북·카탈로그)에도 [443][448][463][464] 같은 스타일 */
/* [443] 샘플북·카탈로그 = 시안 A-1(선 없이 여백) 적용 — 이미지는 자르지 않고 원본 비율 그대로 */
html body .lxc-content { padding: 0 !important; background: #fff; }
html body .lxc-section { padding: 130px 0 0 !important; margin: 0 !important; border: 0 !important; }
html body .lxc-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 48px; }
html body .lxc-section-title { font-size: 40px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; color: #111; }
html body .lxc-section-title::before, html body .lxc-section-title::after { display: none !important; }
html body .lxc-section-desc { font-size: 18px; line-height: 1.6; color: #555; margin: 12px 0 0; }
/* 공통 알약 버튼 */
html body .lxc-head-btn, html body .lxc-card-actions a { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 7px 14px !important; border: 1px solid #111 !important; border-radius: 999px !important; background: transparent !important; color: #111 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.4 !important; text-decoration: none !important; box-shadow: none !important; opacity: 1 !important; transition: background-color .2s, color .2s; }
html body .lxc-head-btn { padding: 9px 18px !important; background: #111 !important; color: #fff !important; flex: none; }
html body .lxc-head-btn:hover { background: #333 !important; }
html body .lxc-card-actions a:hover { background: #111 !important; color: #fff !important; }
html body .lxc-card-actions .lxc-sample-request, html body .lxc-card-actions a[data-support-intent="download"] { background: #111 !important; color: #fff !important; }
html body .lxc-card-actions .lxc-sample-request:hover, html body .lxc-card-actions a[data-support-intent="download"]:hover { background: #333 !important; }
html body .lxc-card-actions { display: flex !important; flex-wrap: wrap; gap: 8px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; justify-content: flex-start !important; }
/* 카드: 테두리·배경·그림자 없음, 이미지 원본 비율(자르지 않음) */
html body .lxc-card { border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; display: block !important; text-align: left !important; }
html body .lxc-book-media, html body .lxc-media { width: 100% !important; height: auto !important; aspect-ratio: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; overflow: hidden; display: block !important; }
html body .lxc-cover { width: 100% !important; height: auto !important; max-width: none !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; display: block !important; margin: 0 !important; box-shadow: none !important; transition: transform .4s; }
html body .lxc-card:hover .lxc-cover { transform: scale(1.03); }
/* 샘플북 2열 */
html body .lxc-books { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 32px !important; }
html body .lxc-books .lxc-card-title { font-size: 24px !important; font-weight: 600 !important; margin: 24px 0 8px !important; }
html body .lxc-description { font-size: 17px !important; line-height: 1.6 !important; color: #555 !important; margin: 0 0 20px !important; max-width: 560px; }
/* 카탈로그 4열 */
html body .lxc-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 64px 32px !important; }
html body .lxc-meta { font-size: 15px; color: #888; margin: 20px 0 0; line-height: 1.4; }
html body .lxc-grid .lxc-card-title { font-size: 21px !important; font-weight: 600 !important; line-height: 1.4 !important; margin: 4px 0 14px !important; }
/* 하단 경로메뉴: 마지막 카드 → 120, 푸터까지 24 */
html body .lxc-section:last-of-type { padding-bottom: 120px !important; }
@media (max-width: 991px) { html body .lxc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 767px) { html body .lxc-section { padding-top: 80px !important; } html body .lxc-head { flex-direction: column; align-items: flex-start; } html body .lxc-section-title { font-size: 30px !important; } html body .lxc-books { grid-template-columns: 1fr !important; } html body .lxc-section:last-of-type { padding-bottom: 64px !important; } }
/* [448] 샘플북·카탈로그 보정: 카드 제목 최소높이 70 때문에 제목→설명/버튼 간격 벌어지던 것 제거, 하단 문의 박스 폭 1400·아래 107 띄우고 경로메뉴 */
html body .lxc-card-title { min-height: 0 !important; }
html body .lxc-card-actions { margin-top: 0 !important; }
html body .lxc-support { width: calc(100% - 64px) !important; max-width: 1400px !important; margin-bottom: 107px !important; }
/* [463] 샘플북·카탈로그: 표지 이미지 테두리가 잘려 보이지 않게 — 마우스오버 확대(가장자리 잘림) 삭제, 잘림 방지(overflow visible) */
html body .lxc-book-media, html body .lxc-media { overflow: visible !important; }
html body .lxc-card:hover .lxc-cover, html body .lxc-cover { transform: none !important; }
html body .lxc-book-media img, html body .lxc-media img { object-fit: contain !important; object-position: center !important; clip-path: none !important; }
/* [464] 샘플북·카탈로그: 샘플북 표지를 luxteel.com 원본 표지(세로형, 잘림 없음)로 교체 → 카탈로그와 같은 4열 크기, 이미지 테두리 없음 */
html body .lxc-books { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 64px 32px !important; }
html body .lxc-books .lxc-card-title { font-size: 21px !important; margin: 20px 0 8px !important; }
html body .lxc-books .lxc-description { font-size: 16px !important; }
html body .lxc-cover, html body .lxc-book-media, html body .lxc-media { border: 0 !important; outline: 0 !important; box-shadow: none !important; }
@media (max-width: 991px) { html body .lxc-books { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
html body .lxc-card-actions .lxc-download { background: #111 !important; color: #fff !important; }
html body .lxc-support-band { background: none !important; }
html body .lxc-content .lxc-section:last-of-type { padding-bottom: 120px !important; }
/* [466] webflow/catalog 보정: 다운로드(span) 버튼도 알약형 검정, 문의 박스 → 하단 경로메뉴 간격 이중 여백 정리 */
html body .lxc-card-actions span.lxc-button-disabled { display: inline-flex !important; align-items: center; gap: 8px; padding: 7px 14px !important; border: 1px solid #111 !important; border-radius: 999px !important; background: #111 !important; color: #fff !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.4 !important; opacity: 1 !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; cursor: pointer; }
html body .lxc-card-actions span.lxc-button-disabled span { display: inline; padding: 0 !important; border: 0 !important; background: none !important; }
html body .lxc-support { margin-bottom: 0 !important; }
/* [467] 샘플북·카탈로그 표지 이미지 얇은 테두리 1px #e3e5e8 (사용자 요청, 회색 테두리 금지 예외) */
html body .lxc-cover { border: 1px solid #e3e5e8 !important; box-sizing: border-box; }
/* [468] 카드마다 버튼 2개: 다운로드(검정) + 실물 샘플 신청(테두리) */
html body .lxc-card-actions .lxc-sample-request { background: transparent !important; color: #111 !important; }
html body .lxc-card-actions .lxc-sample-request:hover { background: #111 !important; color: #fff !important; }
/* [469] "원하는 자료를 찾지 못하셨나요?" 배경을 화면 양끝까지 꽉 채움(띠 = #f5f9fc, 안쪽 글자·버튼은 1400 폭 유지) */
html body .lxc-support-band { background: #f5f9fc !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 48px 0 !important; }
html body .lxc-support { background: none !important; padding: 0 !important; width: calc(100% - 64px) !important; max-width: 1400px !important; margin: 0 auto !important; }
/* [470] 문의 띠 버튼(상담 문의하기 / 고객지원자료): 이상한 오버 효과 제거 → 알약형 통일, 오버 시 색만 바뀜 */
html body .lxc-support .lxc-actions { display: flex !important; gap: 8px !important; }
html body .lxc-support .lxc-actions a { display: inline-flex !important; align-items: center; justify-content: center; padding: 11px 22px !important; min-height: 0 !important; height: auto !important; border: 1px solid #111 !important; border-radius: 999px !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.4 !important; text-decoration: none !important; transform: none !important; box-shadow: none !important; transition: background-color .2s, color .2s !important; }
html body .lxc-support .lxc-actions a::before, .lxc-support .lxc-actions a::after { display: none !important; }
html body .lxc-support .lxc-actions .lxc-button-primary { background: #111 !important; color: #fff !important; }
html body .lxc-support .lxc-actions .lxc-button-primary:hover { background: #333 !important; border-color: #333 !important; color: #fff !important; }
html body .lxc-support .lxc-actions .lxc-button { background: #fff !important; color: #111 !important; }
html body .lxc-support .lxc-actions .lxc-button:hover { background: #111 !important; color: #fff !important; }
/* [471] 카탈로그 설명글: 샘플북 설명과 같은 글자, 제목 아래 붙임 */
html body .lxc-grid .lxc-card-title { margin-bottom: 8px !important; }
html body .lxc-grid .lxc-description { font-size: 16px !important; line-height: 1.6 !important; color: #555 !important; margin: 0 0 16px !important; }
/* [472] 카드 버튼(다운로드·실물 샘플 신청) 네모 + 파랑(#0050c8: 다운로드 채움, 신청 테두리), 카드마다 버튼 높이 위치 동일(카드 세로 꽉 채우고 버튼은 맨 아래) */
html body .lxc-card { display: flex !important; flex-direction: column !important; height: 100%; }
html body .lxc-books, html body .lxc-grid { align-items: stretch !important; }
html body .lxc-card-actions { margin-top: auto !important; padding-top: 4px !important; }
html body .lxc-card-actions a, html body .lxc-card-actions span.lxc-button-disabled { border-radius: 0 !important; border: 1px solid #0050c8 !important; padding: 8px 16px !important; }
html body .lxc-card-actions a[data-support-intent="download"], html body .lxc-card-actions span.lxc-button-disabled, html body .lxc-card-actions .lxc-download { background: #0050c8 !important; color: #fff !important; border-color: #0050c8 !important; }
html body .lxc-card-actions a[data-support-intent="download"]:hover, html body .lxc-card-actions span.lxc-button-disabled:hover { background: #003f9e !important; border-color: #003f9e !important; color: #fff !important; }
html body .lxc-card-actions .lxc-sample-request { background: #fff !important; color: #0050c8 !important; border-color: #0050c8 !important; }
html body .lxc-card-actions .lxc-sample-request:hover { background: #0050c8 !important; color: #fff !important; }
html body .lxc-card-actions svg { stroke: currentColor; }
/* [473] 카탈로그 표지 → 제목 간격 4 → 20 (분류 글자 빠진 뒤 붙어 있던 것, 샘플북과 동일) */
html body .lxc-grid .lxc-card-title { margin-top: 20px !important; }
/* [474] 카드 버튼 색 촌스러운 파랑(#0050c8) → 사이트 남색(#172849, 시공사례 설계상담 버튼과 같은 색), 오버 #0d1a33 */
html body .lxc-card-actions a, html body .lxc-card-actions span.lxc-button-disabled { border-color: #172849 !important; }
html body .lxc-card-actions a[data-support-intent="download"], html body .lxc-card-actions span.lxc-button-disabled, html body .lxc-card-actions .lxc-download { background: #172849 !important; border-color: #172849 !important; color: #fff !important; }
html body .lxc-card-actions a[data-support-intent="download"]:hover, html body .lxc-card-actions span.lxc-button-disabled:hover { background: #0d1a33 !important; border-color: #0d1a33 !important; }
html body .lxc-card-actions .lxc-sample-request { color: #172849 !important; border-color: #172849 !important; background: #fff !important; }
html body .lxc-card-actions .lxc-sample-request:hover { background: #172849 !important; color: #fff !important; }
/* [475] 문의 띠 위아래 48 → 64 */
html body .lxc-support-band { padding: 64px 0 !important; }
/* [476] 문의 띠 버튼도 카드 버튼과 같은 네모·남색으로 통일, 오버 시 두 버튼이 똑같이 검정이 되던 것 → 채움 버튼은 진하게, 테두리 버튼은 연한 남색 바탕만 / 카드 버튼 안쪽 여백 조금 넓힘(8/16 → 10/20) */
html body .lxc-support .lxc-actions a { border-radius: 0 !important; padding: 12px 24px !important; }
html body .lxc-support .lxc-actions .lxc-button-primary { background: #172849 !important; border-color: #172849 !important; color: #fff !important; }
html body .lxc-support .lxc-actions .lxc-button-primary:hover { background: #0d1a33 !important; border-color: #0d1a33 !important; }
html body .lxc-support .lxc-actions .lxc-button { background: #fff !important; border-color: #172849 !important; color: #172849 !important; }
html body .lxc-support .lxc-actions .lxc-button:hover { background: #eef1f6 !important; color: #172849 !important; }
html body .lxc-card-actions .lxc-sample-request:hover { background: #eef1f6 !important; color: #172849 !important; }
html body .lxc-card-actions a, html body .lxc-card-actions span.lxc-button-disabled { padding: 10px 20px !important; }