/* [projects] 카드 마우스오버 시 주소 숨김 (리스트 보기는 주소 유지) */
/* (12번 취소: 주소 대신 적용제품 표시로 변경) */
/* [projects] 마우스오버 정보: 아래 여백을 왼쪽 여백(18px)과 같게 - 마지막 줄의 아래 패딩·구분선 제거 */
.projects:not(.list) .card-hover dl > div:last-child { padding-bottom: 0; border-bottom: 0; }
/* 줄간격 여유(2px)만큼 빼서 글자 아래~카드 끝 = 18px (왼쪽과 동일) */
.projects:not(.list) .card-hover { padding-bottom: 16px; }
/* [projects] 제목 위 작은 글자: 모자이크·그리드 = 적용제품 / 리스트 = 주소 */
.card-hover .card-address { display: none; }
.projects.list .card-hover > p:first-child { display: none; }
.projects.list .card-hover .card-address { display: block; }
/* [projects] 리스트 보기 정보칸: 왼쪽·위·오른쪽 여백 동일 */
.projects.list .card-hover { padding: 29px 30px 30px; justify-content: flex-start; }
/* [projects] 페이지번호 위·아래 간격 동일: 위 120px, 아래(푸터까지) 기존 80px → 120px */
.case-list-page #pagination { padding-bottom: 40px; }
/* [projects] 정보 항목명(적용패턴·적용제품·두께·도료) 왼쪽 정렬 - 기존엔 가운데 정렬로 짧은 글자가 들여써져 보였음 */
.card-hover dt, .projects.list .card-hover dt { text-align: left; } /* public.css의 .list .card-hover dt{text-align:center} 덮어씀 */
/* [projects] "총 N개 프로젝트"·정렬박스 글자를 박스/아이콘 세로 가운데에 맞춤 (프리텐다드 글자가 2px 위로 떠 보이던 것 보정) */
.case-list-page .result-count { position: relative; top: 2px; }
.case-list-page .sort select { padding-top: 3px; }
/* [projects] 리스트 보기: 아래 여백도 30px (왼쪽·위·오른쪽과 동일) - 카드 높이 고정(230px) 해제, 마지막 줄 아래 패딩·선 제거 */
.projects.list .project-card { height: auto; }
.projects.list .card-hover dl > div:last-child { padding-bottom: 0; border-bottom: 0; }
.projects.list .card-hover { padding-bottom: 28px; }
/* 사진이 카드 높이를 늘리지 않게 (글 내용 높이에 사진이 맞춰짐) */
.projects.list .card-open > img { contain: size; height: auto; align-self: stretch; min-height: 200px; }
/* [projects] 리스트 보기: 빈 흰 배경은 클릭 안 됨 - 사진·주소·제목·정보 글자만 링크 */
.projects.list .card-open, .projects.list .card-hover { pointer-events: none; }
.projects.list .card-open > img,
.projects.list .card-hover > p, .projects.list .card-hover h3,
.projects.list .card-hover dt, .projects.list .card-hover dd { pointer-events: auto; }
.projects.list .card-hover > p, .projects.list .card-hover h3 { width: fit-content; }

/* [공통-헤더] 시공사례 메가메뉴: 하위메뉴(전체/용도별/제품별/지역별) 글자를 왼쪽 사진(112px)의 세로 가운데로 */
.lx-projects-mega-menu-clean { align-self: center; min-height: 0; align-items: center; }
.lx-projects-mega__col-clean, .lx-projects-mega__col-divider { align-self: center; min-height: 26px; }
.lx-projects-mega-menu-clean .lx-product-overview__group { margin-bottom: 0; }

/* [공통] 스크롤업 버튼: 상담하기 버튼 아래, 상담하기 버튼 폭(60px) 안에 딱 맞게. 검정 원 + 흰 가는 화살표 + 흰 작은 글자 */
.public-float-consult { bottom: 90px; }
.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; 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; } /* 사용자 지정: 15px 규칙 예외 */
@media (max-width: 767px) { .public-float-consult { bottom: calc(72px + env(safe-area-inset-bottom,0px)); } .float-scroll-top { right: 14px; bottom: calc(16px + env(safe-area-inset-bottom,0px)); width: 46px; height: 46px; gap: 2px; } .float-scroll-top svg { width: 12px; height: 14px; } .float-scroll-top span { font-size: 9px !important; } }

/* [상세페이지 공통] 양쪽 여백 통일: 모든 상세페이지 본문 폭 1200px (1920 화면 기준 양쪽 360px) */
.article-width, .case-detail, .pattern-detail-width { width: calc(100% - 64px); max-width: 1400px; margin-left: auto; margin-right: auto; }
/* [상세페이지 공통] 현재위치(홈 › 메뉴 › 페이지)를 모두 같은 위치·모양으로: 헤더 바로 아래, 본문 왼쪽 끝 (패턴갤러리 제외) */
.case-detail { margin-top: 65px; }
.case-detail .breadcrumb, .article-width .breadcrumb { padding: 24px 0; margin: 0 0 32px; gap: 12px; color: #7b7f86; line-height: 19px; }
.case-detail .breadcrumb-home, .article-width .breadcrumb-home { display: flex; align-items: center; }
/* 패턴 상세도 1200px로 (위쪽 탭줄·하단 상담영역 포함) */
.pattern-detail-page .pattern-detail-width, .pattern-detail-page .pattern-nav > div, .pattern-detail-page > .pattern-cta > .pattern-cta-inner { max-width: 1400px; margin-left: auto; margin-right: auto; }
/* [상세페이지] 오른쪽 제목 글자 윗선 = 왼쪽 사진 윗선 (시공사례·패턴 상세) */
.case-detail .project-info { padding-top: 0; }
.case-detail .project-info h1 { margin-top: -5px; }
.pattern-detail-info h1 { margin-top: -11px; }
/* [시공사례 상세] 정보 아래 버튼(설계상담·카탈로그 보기): 오른쪽 정렬, 버튼 아래선 = 사진 아래선 */
.case-detail .project-info { display: flex; flex-direction: column; align-self: stretch; }
.project-actions { margin-top: auto; padding-top: 32px; display: flex; justify-content: flex-end; gap: 15px; }
.project-action { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 22px; border: 1px solid #d4d4d8; background: #fff; color: #171c27; font-size: 15px; font-weight: 600; text-decoration: none; }
.project-action.is-primary { background: #152442; border-color: #152442; color: #fff; }
.project-action:hover { border-color: #152442; }
/* [시공사례 상세] 적용 패턴: 색상칩 + 굵은 코드, 각각 패턴 상세로 링크(새 창) */
.color-spec { gap: 18px; }
.color-spec .pattern-link { display: inline-flex; align-items: center; gap: 6px; color: #171c27; text-decoration: none; }
.color-spec .pattern-link img { width: 28px; height: 28px; object-fit: cover; }
.color-spec .pattern-link strong { font-weight: 700; }
.color-spec .pattern-link:hover strong { text-decoration: underline; text-underline-offset: 3px; }
/* [시공사례 상세] 사진 크게보기(팝업): 회색 테두리 영역 → 검정, 아래 썸네일 정사각형 */
#photo-dialog { background: linear-gradient(#000 0, #000 calc(100dvh - 200px), #15171b calc(100dvh - 200px)); } /* 사진 영역 위·양옆 테두리만 검정, 아래 썸네일 영역은 기존 회색 유지 */
#photo-dialog .lightbox-stage { background: #000; }
#photo-dialog .lightbox-thumbnails { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; gap: 8px; min-height: 176px; overflow: visible; padding: 4px; } /* 왼쪽 정렬 + 2줄(80+8+80) 자리 항상 확보, 스크롤 없음 */
#photo-dialog .lightbox-stage { height: calc(100dvh - 248px); margin-bottom: 36px; } /* 큰 사진 위 24px = 아래 24px(검정), 그 아래 회색 12px 후 썸네일 */
#photo-dialog #lightbox-caption { position: absolute; top: 40px; left: 50%; transform: translateX(-50%); z-index: 2; margin: 0; padding: 0; line-height: 21px; background: none; text-shadow: 0 1px 3px rgba(0,0,0,.6); white-space: nowrap; pointer-events: none; } /* 캡션(제목·번호)을 사진 위 맨 윗부분에 겹쳐 표시 → 그 자리만큼 사진 확대 */
#photo-dialog { padding: 24px 24px 12px; }
#photo-dialog .lightbox-thumbnails button { width: 80px; height: 80px; aspect-ratio: 1 / 1; flex: none; }
@media (max-width: 767px) { #photo-dialog .lightbox-thumbnails { flex-wrap: nowrap; justify-content: flex-start; } #photo-dialog .lightbox-thumbnails button { width: 56px; height: 56px; } }
/* 팝업 썸네일 선택 테두리: 클릭 즉시 표시 (기존엔 클릭 시 focus 스타일이 흰 테두리를 덮어서 다른 곳을 눌러야 보였음) */
#photo-dialog .lightbox-thumbnails button:focus, #photo-dialog .lightbox-thumbnails button:focus-visible { outline: none; }
#photo-dialog .lightbox-thumbnails button[aria-pressed="true"], #photo-dialog .lightbox-thumbnails button[aria-pressed="true"]:focus, #photo-dialog .lightbox-thumbnails button[aria-pressed="true"]:focus-visible { outline: 2px solid #fff !important; outline-offset: 2px; opacity: 1; }
/* 스크롤업 버튼 안 화살표+글자 묶음을 1px 위로 (원 정중앙 보정) */
.float-scroll-top { padding-bottom: 2px; }
/* [시공사례 상세] 아래 썸네일 선택 테두리 고정: 클릭 시 focus 테두리(4px 간격)와 선택 테두리(2px 간격)가 번갈아 보이던 것 → 선택 테두리 하나로 통일 */
.photo-thumbnails button:focus, .photo-thumbnails button:focus-visible { outline: none; }
.photo-thumbnails button[aria-pressed="true"], .photo-thumbnails button[aria-pressed="true"]:focus, .photo-thumbnails button[aria-pressed="true"]:focus-visible { outline: 2px solid #000 !important; outline-offset: 2px; }

/* [공통] 서브페이지(메인 제외) 현재위치: 상세페이지와 같은 위치·모양 - 헤더 바로 아래 흰 줄, 1200px 기준 왼쪽 끝 */
.page-breadcrumb { box-sizing: border-box; width: calc(100% - 64px); max-width: 1400px; margin: 0 auto; padding: 89px 0 24px; display: flex; /* 위 89 = 헤더 65 + 24 (margin 대신 padding: 바깥 여백이 body로 새어 헤더가 밀리는 것 방지) */ align-items: center; gap: 12px; color: #7b7f86; font-size: 15px; line-height: 19px; position: relative; z-index: 2; }
.page-breadcrumb a { color: inherit; text-decoration: none; }
.page-breadcrumb .breadcrumb-home { display: flex; align-items: center; }
.page-breadcrumb [aria-current] { color: #24272c; }
/* 현재위치 줄이 헤더 자리를 대신하므로, 각 페이지가 헤더 높이만큼 비워두던 위 여백을 줄임 */
.page-breadcrumb + main#main-content.case-list-page { margin-top: 8px; padding-top: 24px; }
.page-breadcrumb + main.pattern-list-page, .page-breadcrumb + main:has(> .pattern-nav), .page-breadcrumb + main:has(> .global-search-hero), .page-breadcrumb + main:has(> .sample-hero) { padding-top: 0; }
.page-breadcrumb + main > .lx-insights-list-hero:first-child, .page-breadcrumb + main > .lx-philosophy-hero:first-child, .page-breadcrumb + main > .lxc-catalog-hero:first-child { padding-top: 0; }
.page-breadcrumb + main:has(> .consultation-shell) { padding-top: 69px; }
/* 배너가 헤더 아래로 내려가면서 투명 헤더가 흰 바탕에 묻히는 페이지(카탈로그) → 헤더 검정 */
body:has(.page-breadcrumb) #site-header .lx-header-v2 { background-color: #000 !important; }
/* [시공사례 상세] 적용 제품 카드: 제품 그림(선화)일 때 잘리지 않게 흰 바탕에 전체 표시 */
.applied-card img.is-illustration { object-fit: contain; background: #fff; }
/* 상세보기 버튼 글자 15px 고정 (최소 15px 규칙) */
.applied-card .material-detail-link, .project-action { font-size: 15px; }
/* [시공사례 상세] "적용된 제품과 패턴" 시안 형식: 테두리·구분라벨 없는 카드, 정사각 이미지(제품=선화, 패턴=판재 사진), 제목·설명·작은 테두리 버튼 */
.applied-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px 32px; }
.applied-card { border: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; display: flex; flex-direction: column; align-items: flex-start; }
.applied-card .applied-kind { display: none; }
.applied-thumb { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: #f4f4f5; margin-bottom: 28px; }
.applied-thumb img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; aspect-ratio: auto !important; }
.applied-thumb.is-illustration { background: #fff; }
.applied-thumb.is-illustration img { object-fit: contain; padding: 4% 10%; box-sizing: border-box; }
.applied-card h3 { font-size: 22px; font-weight: 700; color: #171c27; margin: 0 0 8px; }
.applied-card .applied-description { font-size: 15px; color: #777b82; margin: 0 0 20px; }
.applied-card .material-detail-link { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border: 1px solid #171c27; background: #fff; color: #171c27; font-size: 15px; font-weight: 600; text-decoration: none; }
.applied-card .material-detail-link:hover { background: #171c27; color: #fff; }
@media (max-width: 991px) { .applied-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* [시공사례 상세] 적용 제품·패턴 카드 간격을 시안과 동일하게, 모든 카드 같은 조건 (시안 측정값)
   이미지 255×255 / 카드 간격 30 / 이미지→제목 49 / 제목→설명 4 / 설명→버튼 16 / 버튼 높이 32 */
.applied-grid { grid-template-columns: repeat(4, 255px); gap: 60px 30px; justify-content: start; }
.applied-thumb { width: 255px; height: 255px; aspect-ratio: auto; margin: 0 0 16px; }
.applied-card h3 { font-size: 22px; line-height: 28px; margin: 0 0 4px; }
.applied-card .applied-description { font-size: 15px; line-height: 22px; margin: 0 0 16px; }
.applied-card .material-detail-link { height: 32px; padding: 0 12px; gap: 6px; }
@media (max-width: 1199px) { .applied-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } .applied-thumb { width: 100%; height: auto; aspect-ratio: 1 / 1; } }
/* 적용 카드 상세보기 버튼: 화살표 숨김, 모서리 라운드 없음 */
.applied-card .material-detail-link { border-radius: 0 !important; }
.applied-card .material-detail-link > span[aria-hidden="true"] { display: none; }
.applied-thumb { display: block; }
/* 적용 카드 레이아웃 85% 축소(시안 측정: 이미지 217, 카드간 25) - 글자 크기는 그대로 */
.applied-grid { grid-template-columns: repeat(4, 217px); gap: 52px 25px; }
.applied-thumb { width: 217px; height: 217px; margin: 0 0 14px; }
.applied-card .material-detail-link { height: 38px; padding: 0 18px; } /* 버튼 여유 크게 (32→38, 좌우 12→18) */
.project-action.is-primary:hover, .project-action.is-primary:focus-visible { background: #1482c3; border-color: #1482c3; color: #fff; } /* 설계상담 마우스오버: 상담하기 버튼과 같은 파란색 */

/* [전체] 페이지 여백 통일: 시공사례 목록과 동일 폭 1400px (1920 화면 양쪽 260px) - 상세 6종·현재위치 줄 모두 */
.case-detail > .breadcrumb + * { margin-top: 10px; }
/* [시공사례 상세] 정보표 글자 한 단계 얇게: 항목·값 500→400, 패턴코드 700→600 */
#project-specs dt, #project-specs dd { font-weight: 400; }
#project-specs dd strong { font-weight: 600; }

/* [패턴 상세] 시공사례 상세와 동일한 구성: 사진영역 952 + 정보 400 (간격 48), 높이 470, 정보표 줄·간격·글자, 버튼 오른쪽 아래(사진 아래선에 맞춤) */
.pattern-detail-hero { display: grid; grid-template-columns: minmax(0, 952px) 400px; gap: 48px; margin: 10px 0 90px; align-items: stretch; }
.pattern-detail-photo { height: 470px; display: flex; align-items: center; justify-content: center; }
.pattern-detail-photo img { width: 470px !important; height: 470px !important; object-fit: cover; }
.pattern-detail-info { display: flex; flex-direction: column; height: 470px; }
.pattern-detail-info h1 { font-size: 30px; font-weight: 700; line-height: 37.5px; letter-spacing: normal; margin: -5px 0 26px; }
.pattern-specs { border-top: 1px solid #e4e4e7; margin: 0; }
.pattern-specs > div { display: flex; align-items: center; gap: 16px; padding: 15px 0; border-bottom: 1px solid #e4e4e7; }
.pattern-specs > div:last-child { border-bottom: 0; }
.pattern-specs dt { width: 84px; flex: none; color: #777c85; font-weight: 400; font-size: 16px; }
.pattern-specs dd { display: block; color: #171c27; font-weight: 400; font-size: 16px; line-height: 25.6px; }
.pattern-detail-actions.project-actions { margin-top: auto; padding-top: 32px; display: flex; justify-content: flex-end; gap: 15px; }
@media (max-width: 1199px) { .pattern-detail-hero { grid-template-columns: 1fr; } .pattern-detail-photo, .pattern-detail-info { height: auto; } .pattern-detail-photo img { width: 100% !important; height: auto !important; aspect-ratio: 1/1; } }
.pattern-detail-page .pattern-specs > div { padding: 15px 0 !important; }
.pattern-detail-page .pattern-specs dt { color: #777c85 !important; }
.pattern-detail-page .pattern-specs dd { font-weight: 400 !important; color: #171c27 !important; }
/* [패턴 상세] 현재위치·정보표 윗줄·사진 배경까지 시공사례 상세와 동일 */
.pattern-detail-page .breadcrumb { padding: 24px 0; margin: 0 0 32px; gap: 12px; color: #7b7f86; font-size: 15px; line-height: 19px; display: flex; align-items: center; }
.pattern-detail-page .breadcrumb a { color: inherit; text-decoration: none; font-weight: 400; }
.pattern-detail-page .breadcrumb [aria-current] { color: #24272c; font-weight: 400; }
.pattern-detail-page .breadcrumb-home { display: flex; align-items: center; }
.pattern-detail-page .pattern-specs { border-top: 1px solid #e4e4e7 !important; }
.pattern-detail-page .pattern-detail-photo { background: none !important; box-shadow: none !important; }
/* 패턴 상세 위 분류탭 줄 숨김 → 현재위치·본문 위치가 시공사례 상세와 같아짐 */
.pattern-detail-page .pattern-nav { display: none; }
.pattern-detail-page { padding-top: 66px !important; }
/* 적용 카드 조금 키움(글자 제외): 이미지 217→245, 카드간 25→28, 이미지→제목 14→16 */
.applied-grid { grid-template-columns: repeat(4, 245px); gap: 56px 28px; }
.applied-thumb { width: 245px; height: 245px; margin: 0 0 16px; }
/* 설명 한 줄(249px)이 들어가도록 카드 252 */
.applied-grid { grid-template-columns: repeat(4, 252px); }
.applied-thumb { width: 252px; height: 252px; }
.applied-grid { column-gap: 20px; } /* 카드끼리 간격 28→20 */
/* [시공사례 상세] 관련프로젝트 탭 밑줄을 글자 쪽으로 당김 */
.related-tabs button { padding: 2px 0 1px; }
/* 맨 아래 "← 시공사례 목록" 대신 현재위치(오른쪽 정렬) */
.case-detail .breadcrumb-bottom { justify-content: flex-end; margin: 64px 0 0; padding: 24px 0; border: 0; background: none; }
.case-detail .breadcrumb-bottom a { border: 0 !important; text-decoration: none !important; padding: 0 !important; color: #7b7f86; } .case-detail .breadcrumb-bottom [aria-current] { color: #24272c; }
/* [시공사례 상세] 섹션 사이 여백 통일 180px: 사진목록→적용제품, 적용제품→관련프로젝트, 관련프로젝트 끝→상담영역 */
.case-detail .applied-section { margin-top: 180px; }
.case-detail .related-section { margin-top: 180px; }
.case-detail .breadcrumb-bottom { margin-top: 113px; } /* 113 + 위치줄 67 = 180 */
/* 맨 아래 상담영역 폭도 본문과 동일 1400 */
.consultation-inner { max-width: 1400px; width: calc(100% - 64px); }
/* [시공사례 상세] 적용 카드 이미지 마우스오버: 관련 프로젝트 썸네일과 동일 (0.3초, 1.03배 확대) */
.applied-thumb { overflow: hidden; }
.applied-thumb img { transition: transform .3s; }
.applied-card:hover .applied-thumb img { transform: scale(1.03); }
@media (prefers-reduced-motion: reduce) { .applied-thumb img { transition: none; } }
.related-card h3 { margin-top: 0 !important; } .related-card p { line-height: 1.3; } /* 용도 ↔ 현장명 간격 좁힘 */
.case-detail .breadcrumb-bottom { justify-content: flex-start; } /* 하단 브레드크럼 왼쪽 정렬 */
/* 섹션 사이 여백 180 → 150 */
.case-detail .applied-section, .case-detail .related-section { margin-top: 150px; }
.case-detail .breadcrumb-bottom { margin-top: 83px; } /* 83 + 경로표시 67 = 150 */
/* [공통-메뉴] 메뉴 점 크기 통일: 메가메뉴 8px → 전체보기와 같은 5px */
.lx-product-overview__slash, .lx-mega-mark { width: 5px !important; height: 5px !important; min-width: 5px !important; min-height: 5px !important; flex: 0 0 5px !important; } /* 전체 메뉴 드롭다운 점 5px 통일 (flex-basis·min-height 8px까지 덮음) */

/* [패턴갤러리 목록] 경로표시 아래 분류탭 줄 삭제, 배너를 대메뉴바 바로 아래로, 경로표시는 배너 위에 겹치게, 좌우 폭 1400 (시공사례와 동일) */
.patterns-page .pattern-nav { display: none; }
body:has(.patterns-page) .page-breadcrumb { position: absolute; left: 0; right: 0; top: 0; z-index: 5; background: none; }
.page-breadcrumb + main.patterns-page { padding-top: 65px !important; }
.patterns-page .pattern-width, .patterns-page .pattern-hero-copy { max-width: 1400px !important; width: calc(100% - 64px) !important; margin-left: auto !important; margin-right: auto !important; }
.patterns-page .pattern-hero-copy { padding-top: 48px !important; } /* 겹친 경로표시와 제목 사이 여유 */
/* [74] 취소 → [328] 시공사례 정렬박스·보기버튼은 원래 모양 그대로(cases.css) */
#secondary-tabs button[aria-pressed="false"] { color: #666; } /* 패턴갤러리 필터칩과 글자색 통일 */
/* [시공사례 목록] 하위탭: 묶음 테두리 없애고 패턴갤러리 필터칩처럼 버튼마다 각자 테두리 (크기 동일: 높이 34.66, 좌우 16, 둥글기 26.67, 간격 8) */
#secondary-tabs { border: 0; padding: 0; height: auto; gap: 8px; border-radius: 0; }
#secondary-tabs button { height: 34.66px; padding: 0 16px; border: 1px solid #ededed; border-radius: 26.667px; background: transparent; }
#secondary-tabs button[aria-pressed="true"] { background: #101010; border-color: #101010; color: #fff; }
.patterns-page .filter-line > strong, .patterns-page .selected-filters > strong, .patterns-page .filter-line strong { font-size: 16px !important; font-weight: 700; color: #181b20; } /* 패턴·색상 계열·선택된 조건 라벨 13.3→16px */
/* 선택된 조건 태그 글자 15px (최소 15 규칙) */
.selected-filter-tag { font-size: 15px; }
#pattern-selection { display: flex; flex-wrap: wrap; gap: 8px; }
.patterns-page .pagination { padding: 120px 0 40px !important; margin: 0 !important; } /* 페이지번호 위 120 · 아래(푸터까지) 120 = 시공사례와 동일 */
.patterns-page .pattern-width { padding-top: 24px; } /* 배너→검색창 32 → 56px */
/* 선택된 조건 태그: 위 필터칩과 같은 둥근 테두리(높이 34.66·둥글기 26.67), 색상은 동그라미 색표 포함, x 더 잘 보이게 */
.selected-filter-tag { height: 34.66px; padding: 0 8px 0 16px; gap: 8px; border: 1px solid #ededed; border-radius: 26.667px; background: #fff; color: #181b20; font-size: 15px; font-weight: 500; }
.selected-filter-tag .pattern-color-swatch { margin-right: 1px; }
.selected-filter-tag button { width: 22px; height: 22px; border-radius: 50%; background: #f1f2f4; }
.selected-filter-tag button:hover { background: #181b20; }
.selected-filter-tag button img { width: 12px; height: 12px; filter: brightness(0); opacity: .85; }
.selected-filter-tag button:hover img { filter: brightness(0) invert(1); opacity: 1; }
.selected-filter-tag { background: #eef0f4; border-color: #eef0f4; color: #152447; font-weight: 600; } .selected-filter-tag button { background: #dfe2ea; } /* 원래 연한 남색 배경 복원(둥근 모양 유지) */
.patterns-page .selected-filters { min-height: 62px; padding-top: 13px; padding-bottom: 13px; box-sizing: border-box; } #pattern-selection { min-height: 34.66px; align-items: center; } /* 태그 생겨도 줄 높이 고정 */
.filter-chip[aria-pressed="true"], #secondary-tabs button[aria-pressed="true"] { background: #3a3d44 !important; border-color: #3a3d44 !important; } /* 선택 칩 검정(#101010) → 조금 밝은 진회색 */
.pattern-detail-photo { justify-content: flex-start !important; } /* 패턴 상세 첫 섹션 사진 왼쪽 정렬 */
.pattern-detail-actions.project-actions { margin-top: 0 !important; padding-top: 32px; justify-content: flex-start !important; } /* 패턴 상세: 버튼이 정보표 바로 아래 따라오고 왼쪽 정렬 */
.pattern-detail-hero { grid-template-columns: 470px 400px !important; gap: 64px !important; justify-content: start; } .pattern-detail-photo { height: 470px; } /* 패턴 상세: 정보(PC11E·표·버튼) 전체가 사진 바로 옆에 붙도록 왼쪽 정렬 */
.pattern-detail-actions.project-actions { margin-top: auto !important; padding-top: 32px; } /* 버튼 아래선 = 사진 아래선 (왼쪽 정렬 유지) */

/* [패턴 상세] "패턴의 완성도를 높이는 기술" 압축: 10개를 아이콘+제목 한 줄(10칸)로, 설명은 마우스 올리면 말풍선 */
.pattern-technology .tech-grid { display: grid !important; grid-template-columns: repeat(10, minmax(0, 1fr)) !important; gap: 0 !important; border-top: 1px solid #e4e4e7; border-bottom: 1px solid #e4e4e7; }
.pattern-technology .tech-item { position: relative; border: 0 !important; border-right: 1px solid #efeff1 !important; padding: 24px 6px !important; min-height: 0 !important; background: none !important; display: flex !important; flex-direction: column; align-items: center; text-align: center; gap: 12px; cursor: default; transition: background .2s; }
.pattern-technology .tech-item:last-child { border-right: 0 !important; }
.pattern-technology .tech-item:hover { background: #f6f7f9 !important; }
.pattern-technology .tech-icon { display: flex; justify-content: center; }
.pattern-technology .tech-icon svg { width: 40px; height: 40px; }
.pattern-technology .tech-item h3 { font-size: 15px !important; font-weight: 600; margin: 0 !important; white-space: nowrap; }
.pattern-technology .tech-item p { position: absolute; z-index: 5; left: 50%; top: calc(100% + 8px); width: 240px; transform: translateX(-50%); margin: 0 !important; padding: 14px 16px; background: #24272c; color: #fff !important; font-size: 15px !important; line-height: 1.5 !important; text-align: left; border-radius: 4px; box-shadow: 0 6px 18px rgba(0,0,0,.18); opacity: 0; visibility: hidden; transition: opacity .2s; pointer-events: none; }
.pattern-technology .tech-item:hover p { opacity: 1; visibility: visible; }
.pattern-technology .tech-item:first-child p { left: 0; transform: none; }
.pattern-technology .tech-item:last-child p { left: auto; right: 0; transform: none; }
@media (max-width: 991px) { .pattern-technology .tech-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .pattern-technology .tech-item:nth-child(5) { border-right: 0 !important; } .pattern-technology .tech-item:nth-child(-n+5) { border-bottom: 1px solid #efeff1; } }
.pattern-technology .tech-item > div { display: flex; flex-direction: column; align-items: center; width: 100%; } .pattern-technology .tech-item .tech-icon { width: 100%; }
/* [시공사례 상세] 섹션 제목 아래 설명글 (패턴 상세 technology-intro와 같은 모양) */
.section-intro { margin: 12px 0 0; font-size: 15px; line-height: 1.5; color: #888; font-weight: 400; }
.applied-section .section-title-wrap { margin-bottom: 32px; }
.related-section .section-heading { align-items: flex-end; }
/* [패턴 상세] 시공사례 상세의 "프로젝트에 적합한 제품과 패턴" 상담 섹션 그대로 (스타일 복사: 패턴 상세엔 case-detail.css가 없음) */
.consultation { background: #f6f7f9; border-bottom: 1px solid #e5e7eb; padding: 64px 0; }
.consultation-inner { width: calc(100% - 64px); max-width: 1400px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.consultation h2 { font-size: 24px; font-weight: 700; line-height: 1.4; margin: 0; }
.consultation p { font-size: 15px; color: #9297a2; line-height: 1.65; margin-top: 14px; }
.consultation-actions { display: flex; gap: 14px; }
.consultation .solid-button, .consultation .outline-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 52px; padding: 0 25px; border: 1px solid #172849; border-radius: 3px; font-size: 15px; font-weight: 600; text-decoration: none; }
.consultation .solid-button { background: #172849; color: #fff; } .consultation .solid-button:hover { background: #263d65; }
.consultation .outline-button { background: #fff; color: #172849; } .consultation .outline-button:hover { background: #f3f5f8; }
.pattern-detail-page + .consultation, main + .consultation { margin-top: 0; }
@media (max-width: 767px) { .consultation { padding: 40px 0; } .consultation-inner { flex-direction: column; align-items: flex-start; } .consultation-actions { flex-wrap: wrap; } }
.section-title-wrap h2 { margin-bottom: 0 !important; } .section-intro { margin-top: 6px !important; } /* 섹션 제목↔설명 간격 좁힘 */
.section-title-wrap h2 { line-height: 1.2 !important; } .section-intro { margin-top: 2px !important; line-height: 1.3 !important; } /* 제목↔설명 더 붙임 */
/* 섹션 제목 24→28px, 제목↔설명 간격 = 카드 제목↔설명(7px) */
.case-detail .section-title-wrap h2, .case-detail #applied-title, .case-detail #related-title { font-size: 28px !important; }
.section-intro { margin-top: 6px !important; }
.case-detail .section-intro { font-size: 17px !important; line-height: 1.45 !important; color: #6b7079 !important; } /* 섹션 설명 15→17px (카드 설명 15px와 구분) */
/* 시안 측정값: 섹션 제목 32px, 설명 18px, 제목↔설명 글자간 25, 설명→카드 이미지 71 */
.case-detail #applied-title, .case-detail #related-title { font-size: 32px !important; line-height: 1.2 !important; }
.case-detail .section-intro { font-size: 18px !important; line-height: 1.4 !important; margin-top: 16px !important; }
.applied-section .section-title-wrap { margin-bottom: 62px !important; }
.case-detail .section-intro { margin-top: 14px !important; } .applied-section .section-title-wrap { margin-bottom: 66px !important; }
/* 시안(관련 프로젝트) 측정: 제목↔설명 글자간 20, 설명→이미지 32 → 두 섹션 동일 */
.case-detail .section-intro { margin-top: 9px !important; }
.applied-section .section-title-wrap { margin-bottom: 27px !important; }
.related-section .section-heading { margin-bottom: 27px !important; }
.case-detail .section-intro { margin-top: 15px !important; } .applied-section .section-title-wrap, .related-section .section-heading { margin-bottom: 29px !important; } /* 측정 보정: 20 / 32 */
/* 섹션 제목 앞 체크박스 아이콘 (남색 테두리 네모 + 체크) */
#applied-title, #related-title { display: flex; align-items: center; gap: 12px; }
#applied-title::before, #related-title::before { content: ""; flex: none; width: 24px; height: 24px; background: no-repeat center / 24px 24px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23172849' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='m8 12.5 3 3 5-6'/%3E%3C/svg%3E"); }
#applied-title::before, #related-title::before { width: 32px; height: 32px; background-size: 32px 32px; } #applied-title, #related-title { gap: 12px; } /* 체크박스 24→32px (제목 글자 높이와 같게) */
.case-detail .section-intro { margin-top: 16px !important; } .applied-section .section-title-wrap, .related-section .section-heading { margin-bottom: 32px !important; } /* 시안 픽셀 측정: 제목↔설명 18, 설명→이미지 34 */
.case-detail .section-intro { margin-top: 7px !important; } .applied-section .section-title-wrap, .related-section .section-heading { margin-bottom: 28px !important; } /* 픽셀 보정 → 18 / 34 */
#applied-title::before, #related-title::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23172849' stroke-width='1.8' stroke-linecap='square' stroke-linejoin='miter'%3E%3Crect x='3' y='3' width='18' height='18'/%3E%3Cpath d='m8 12.5 3 3 5-6'/%3E%3C/svg%3E"); } /* 체크박스 모서리 각지게 */
/* 섹션 제목 앞 체크박스: 사용자 시안 모양 (검정 네모 + 위로 삐져나가는 붓 체크), 36×34 */
#applied-title::before, #related-title::before { width: 36px; height: 34px; background-size: 36px 34px; background-image: 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"); }
#applied-title, #related-title { gap: 14px; }
#applied-title, #related-title { gap: 8px !important; } /* 체크박스↔제목 14→8 */
/* 기술 칸: 제목 아래 짧은 설명 항상 표시 (긴 설명은 마우스오버 말풍선 유지) */
.pattern-technology .tech-item { padding: 26px 12px 24px !important; gap: 10px; }
.pattern-technology .tech-short { display: block; margin-top: 6px; font-size: 15px; line-height: 1.45; color: #777b82; font-weight: 400; word-break: keep-all; }
/* [패턴 상세] 섹션 제목·설명을 시공사례 상세 섹션과 동일하게: 체크박스 + 제목 32px, 설명 18px, 제목↔설명 18, 설명→내용 34 (픽셀 기준) */
.pattern-detail-page .pattern-section > h2 { display: flex; align-items: center; gap: 8px; font-size: 32px !important; font-weight: 700; line-height: 1.2 !important; margin: 0 !important; color: #171c27; }
.pattern-detail-page .pattern-section > h2::before { content: ""; flex: none; width: 36px; height: 34px; background: no-repeat center / 36px 34px 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"); }
.pattern-detail-page .technology-intro { font-size: 18px !important; line-height: 1.4 !important; color: #6b7079 !important; margin: 7px 0 28px !important; font-weight: 400; }
/* [패턴 상세] 관련 프로젝트·인사이트 제목도 시공사례 상세 섹션 제목과 동일 */
.pattern-detail-page .pattern-related h2, .pattern-detail-page .pattern-insights h2 { display: flex; align-items: center; gap: 8px; font-size: 32px !important; font-weight: 700; line-height: 1.2 !important; margin: 0 !important; color: #171c27; }
.pattern-detail-page .pattern-related h2::before, .pattern-detail-page .pattern-insights h2::before { content: ""; flex: none; width: 36px; height: 34px; background: no-repeat center / 36px 34px 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"); }
.pattern-detail-page .section-intro, .pattern-detail-page .pattern-insights-intro { font-size: 18px !important; line-height: 1.4 !important; color: #6b7079 !important; margin: 7px 0 0 !important; font-weight: 400; }
.pattern-detail-page .pattern-related .pattern-section-heading { margin-bottom: 28px; }
.pattern-technology .technology-more img { display: none; } /* 럭스틸 도장 기술 자세히 보기 화살표 삭제 */
/* [패턴 상세] 컬러 값 앞 색 동그라미 (목록 필터와 동일) */
.pattern-specs dd.color-dd { display: flex !important; align-items: center; gap: 8px; }
.pattern-specs dd.color-dd .pattern-color-swatch { width: 14px; height: 14px; border-radius: 50%; background: var(--pattern-swatch); box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); flex: none; }
.pattern-technology .tech-grid { border-top: 0 !important; border-bottom: 0 !important; } .pattern-technology .tech-item { border-right: 0 !important; border-bottom: 0 !important; } /* 기술 칸 테두리·구분선 제거 */
/* 기술 칸 마우스오버: 회색 배경 대신 아이콘이 살짝 올라가며 남색으로, 제목도 남색 */
.pattern-technology .tech-item:hover { background: none !important; }
.pattern-technology .tech-icon { transition: transform .25s ease, color .25s ease; color: #171c27; }
.pattern-technology .tech-item h3 { transition: color .25s ease; }
.pattern-technology .tech-item:hover .tech-icon { transform: translateY(-6px); color: #1482c3; }
.pattern-technology .tech-item:hover h3 { color: #1482c3; }
/* 섹션 제목 공통 (시안 픽셀): 체크박스↔제목 12, 제목↔설명 19 — 시공사례·패턴 상세 전체 */
#applied-title, #related-title, .pattern-detail-page .pattern-section > h2, .pattern-detail-page .pattern-related h2, .pattern-detail-page .pattern-insights h2 { gap: 12px !important; }
.case-detail .section-intro { margin-top: 8px !important; }
.pattern-detail-page .technology-intro, .pattern-detail-page .section-intro, .pattern-detail-page .pattern-insights-intro { margin-top: 8px !important; }
#applied-title, #related-title, .pattern-detail-page .pattern-section > h2, .pattern-detail-page .pattern-related h2, .pattern-detail-page .pattern-insights h2 { gap: 10px !important; } .pattern-detail-page .technology-intro, .pattern-detail-page .pattern-insights-intro { margin-top: 7px !important; } /* 픽셀 보정 */
/* 기술 칸 마우스오버: 파란색 제거(아이콘 살짝 올라가기만), 말풍선 흰 바탕+검정 글자+연한 테두리 */
.pattern-technology .tech-item:hover .tech-icon, .pattern-technology .tech-item:hover h3 { color: #171c27 !important; }
.pattern-technology .tech-item p { background: #fff !important; color: #171c27 !important; border: 1px solid #e4e4e7; box-shadow: 0 8px 24px rgba(0,0,0,.12) !important; }
/* [패턴 상세] 섹션 사이 여백 = 시공사례 상세와 동일 150px (첫 섹션→기술, 기술→관련, 관련→인사이트, 인사이트 끝→상담영역) */
.pattern-detail-page .pattern-detail-hero { margin-bottom: 0 !important; }
.pattern-detail-page .pattern-section { margin-top: 150px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.pattern-detail-page .pattern-section:last-of-type { padding-bottom: 150px !important; }
.pattern-technology .tech-item p { box-shadow: 0 2px 6px rgba(0,0,0,.08) !important; border-color: #dcdde0 !important; } /* 말풍선 그림자 좁고 옅게 */
/* [패턴 상세] 인사이트: 설명글 바로 밑 첫 줄이 붙어 보이던 것 → 설명 아래 34px 띄우고 시작 (다른 섹션과 같은 간격) */
.pattern-detail-page .pattern-insights-intro { margin-bottom: 34px !important; }
.pattern-detail-page .pattern-insights-list article:first-of-type { border-top-color: #171c27; }
/* 하단 경로표시: 시공사례 상세와 동일 (인사이트 끝→상담영역 150 안에 포함) */
.pattern-detail-page .pattern-section:last-of-type { padding-bottom: 0 !important; }
.pattern-bottom-bc { width: calc(100% - 64px); max-width: 1400px; box-sizing: border-box; margin: 83px auto 0; padding: 24px 0; display: flex; align-items: center; gap: 12px; color: #7b7f86; font-size: 15px; line-height: 19px; }
.pattern-bottom-bc a { color: inherit; text-decoration: none; } .pattern-bottom-bc [aria-current] { color: #24272c; } .pattern-bottom-bc .breadcrumb-home { display: flex; align-items: center; }
.pattern-bottom-bc { margin-top: 135px !important; } /* 인사이트 끝→상담 150 맞춤 */
/* [시공사례·패턴 상세] 청색 제거: 인사이트 제목 마우스오버 파란색, 관련 프로젝트 용도(공공시설 등) 남색 → 검정/회색 통일. 마우스오버는 밑줄로 표시 */
.pattern-insights-list article a:hover h3, .pattern-insights-list article a:hover, .pattern-insights-feature:hover h3 { color: #171c27 !important; }
.pattern-insights-list article a:hover h3 { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.related-card p { color: #777b82 !important; }
.related-card:hover h3 { color: #171c27 !important; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.pattern-bottom-bc { margin-top: 52px !important; }
.pattern-technology .tech-item p { border-radius: 0 !important; } /* 말풍선 모서리 직각 */
/* 체크박스: 오른쪽 여백(네모→제목) = 아래 여백(네모→설명) ≈ 17px (시안) */
#applied-title, #related-title, .pattern-detail-page .pattern-section > h2, .pattern-detail-page .pattern-related h2, .pattern-detail-page .pattern-insights h2 { gap: 11px !important; }
.case-detail .section-intro { margin-top: 10px !important; }
.pattern-detail-page .technology-intro, .pattern-detail-page .pattern-insights-intro { margin-top: 9px !important; }
.pattern-detail-page .section-intro { margin-top: 10px !important; }
.related-card:hover h3 { text-decoration: none !important; } /* 관련 프로젝트 제목 밑줄 제거 */
#applied-title::before, #related-title::before, .pattern-detail-page .pattern-section > h2::before, .pattern-detail-page .pattern-related h2::before, .pattern-detail-page .pattern-insights h2::before { position: relative; top: -1px; } /* 체크박스 1px 위로 */

/* [패턴 상세] 인사이트: 메인 인사이트 축소판 (큰 이미지 1 + 오른쪽 작은 카드 2) */
.pattern-insights .pi-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 34px; }
.pattern-insights .pi-more { font-size: 15px; font-weight: 600; color: #171c27; text-decoration: none; border-bottom: 1px solid #171c27; padding-bottom: 3px; white-space: nowrap; }
.pi-box { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 24px; }
.pi-feat { position: relative; display: block; height: 400px; overflow: hidden; color: #fff; text-decoration: none; background: #111; }
.pi-feat figure, .pi-item figure { margin: 0; overflow: hidden; }
.pi-feat figure { position: absolute; inset: 0; }
.pi-feat img, .pi-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.pi-feat:hover img, .pi-item:hover img { transform: scale(1.03); }
.pi-feat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.15) 55%, transparent); }
.pi-cap { position: absolute; left: 32px; right: 32px; bottom: 28px; z-index: 1; }
.pi-cap h3 { margin: 10px 0 8px; font-size: 24px; line-height: 1.35; font-weight: 700; }
.pi-cap p { margin: 0; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,.85); }
.pi-tag { display: inline-block; padding: 4px 12px; border: 1px solid currentColor; border-radius: 20px; font-size: 15px; line-height: 1.2; opacity: .9; }
.pi-side { display: grid; grid-template-rows: 1fr 1fr; gap: 24px; }
.pi-item { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 20px; align-items: center; color: #171c27; text-decoration: none; border-bottom: 1px solid #e4e4e7; padding-bottom: 24px; }
.pi-item:last-child { border-bottom: 0; padding-bottom: 0; }
.pi-item figure { height: 164px; }
.pi-item .pi-tag { color: #6b7079; }
.pi-item h3 { margin: 10px 0 8px; font-size: 18px; line-height: 1.4; font-weight: 700; }
.pi-item p { margin: 0; font-size: 15px; line-height: 1.55; color: #777b82; }
@media (max-width: 991px) { .pi-box { grid-template-columns: 1fr; } .pi-feat { height: 320px; } .pi-item { grid-template-columns: 140px 1fr; } .pi-item figure { height: 120px; } }
/* 하단 경로표시: 시공사례 상세처럼 상담영역 바로 위에 붙임 (인사이트 끝→경로표시 83, 경로표시 아래 0) */
.pattern-bottom-bc { margin-top: 83px !important; margin-bottom: 0 !important; }
/* 인사이트 메인 방식 재구성 (축소판): 왼쪽 큰 이미지 / 오른쪽 태그·제목·설명 + 진행바·화살표 + 다른 인사이트 썸네일 2개 */
.pi-box { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important; gap: 40px !important; }
.pi-left { position: relative; height: 420px; }
.pi-left .pi-feat { position: absolute; inset: 0; height: auto; }
.pi-feat[hidden], .pi-text[hidden], .pi-thumbs li[hidden] { display: none !important; }
.pi-feat .pi-cap h3 { font-size: 22px; margin: 0; }
.pi-right { display: flex; flex-direction: column; min-width: 0; }
.pi-text { display: block; color: #171c27; text-decoration: none; }
.pi-text .pi-tag { color: #555a63; }
.pi-text h3 { margin: 14px 0 12px; font-size: 24px; line-height: 1.4; font-weight: 700; }
.pi-text p { margin: 0; font-size: 15px; line-height: 1.7; color: #6b7079; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pi-ctrl { display: flex; align-items: center; gap: 10px; margin: 24px 0 20px; }
.pi-bar { flex: 1; height: 2px; background: #e4e4e7; position: relative; margin-right: 14px; }
.pi-bar span { position: absolute; left: 0; top: 0; bottom: 0; background: #171c27; transition: width .3s; }
.pi-btn { width: 44px; height: 44px; border: 1px solid #c9cdd2; background: #fff; font-size: 18px; color: #171c27; cursor: pointer; }
.pi-btn:hover { border-color: #171c27; }
.pi-thumbs { list-style: none; margin: auto 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pi-thumbs button { position: relative; display: block; width: 100%; height: 150px; padding: 0; border: 0; cursor: pointer; overflow: hidden; background: #111; text-align: left; }
.pi-thumbs figure { margin: 0; position: absolute; inset: 0; }
.pi-thumbs img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.pi-thumbs button:hover img { transform: scale(1.03); }
.pi-thumbs button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.7), transparent 60%); }
.pi-thumbs span { position: absolute; left: 14px; right: 14px; bottom: 12px; z-index: 1; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 991px) { .pi-box { grid-template-columns: 1fr !important; } .pi-left { height: 300px; } }
/* 인사이트: 큰 이미지 설명·View More, 슬라이드 애니메이션용 겹침, 작은 썸네일 위로 키움 */
.pi-left { overflow: hidden; }
.pi-feat .pi-cap h3 { margin: 0 0 10px; }
.pi-feat .pi-cap p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pi-feat::before { content: ""; position: absolute; inset: 0; z-index: 2; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .3s; pointer-events: none; }
.pi-feat:hover::before { opacity: 1; }
.pi-view { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; color: #fff; font-size: 18px; opacity: 0; transition: opacity .3s; pointer-events: none; }
.pi-feat:hover .pi-view { opacity: 1; }
.pi-texts { display: grid; overflow: hidden; }
.pi-texts > .pi-text { grid-area: 1 / 1; }
.pi-text h3 { margin: 12px 0 10px !important; font-size: 22px !important; }
.pi-text p { -webkit-line-clamp: 2 !important; }
.pi-ctrl { margin: 18px 0 16px !important; }
.pi-bar span { width: 33.33%; transition: transform .6s; }
.pi-thumbs-wrap { position: relative; overflow: hidden; margin-top: auto; flex: 1; display: flex; }
.pi-thumbs { margin: 0 !important; width: 100%; height: 100%; }
.pi-thumbs.pi-thumbs-out { position: absolute; inset: 0; }
.pi-thumbs li { min-height: 0; }
.pi-thumbs button { height: 100% !important; min-height: 190px; }
/* 인사이트 레이아웃 고정: 제목 길이와 상관없이 오른쪽 높이 = 큰 이미지(420), 글 영역 높이 고정, 썸네일이 남는 높이 채움 */
.pi-right { height: 420px; }
.pi-texts { height: 158px; flex: none; }
.pi-text h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 2.8em; line-height: 1.4 !important; font-size: 21px !important; }
.pi-text p { line-height: 1.6 !important; height: 3.2em; }
.pi-ctrl { flex: none; }
.pi-thumbs-wrap { flex: 1 1 0; min-height: 0; }
.pi-thumbs { height: 100%; }
.pi-thumbs li, .pi-thumbs button { height: 100% !important; min-height: 0 !important; }

/* [133] 상단 경로표시와 배너 안 작은 경로글씨 중복 → 배너 안 글씨 숨김 */
body:has(.page-breadcrumb) .lx-insights-hero-eyebrow { display: none !important; }

/* [134] 서브메인 배너 통일 (기준: 럭스틸 TV — 높이 370, 제목 60px/600, 설명 19px, 가운데) */
body:has(.page-breadcrumb) .lx-philosophy-hero__eyebrow,
body:has(.page-breadcrumb) [class*="hero__eyebrow"] { display: none !important; }
/* (높이는 [138]에서 320으로) */
.lx-insights-list-title, .lx-philosophy-hero__title { font-size: 60px !important; font-weight: 600 !important; }
.lx-philosophy-hero__title { line-height: 1.12 !important; margin-bottom: 0 !important; }
.lx-philosophy-hero__lead { margin-top: 18px !important; line-height: 1.7 !important; }

/* 사회공헌: 배너 아래 원래 경로표시 중복 숨김 */
.social-index .media-width > .breadcrumb { display: none !important; }

/* [137] 전 페이지 좌우 여백 통일 — 시공사례 기준(콘텐츠 폭 1400, 1920 화면에서 좌우 260) */
.lx-insights-list-container, .lx-philosophy-hero__container,
.consultation-page .consultation-shell, .consultation-page .consultation-form-width,
.faq-page .faq-area, .global-search-content, .locations-content,
.pattern-width, .resource-card, .resource-tabs, .request-box, .sample-wrap,
.case-detail, .consultation-inner, .steel-art-index .lx-product-features,
.article-width, .warranty-width, .page-directory, .lxc-container {
  width: calc(100% - 64px) !important; max-width: 1400px !important;
  margin-left: auto !important; margin-right: auto !important; box-sizing: border-box;
}
.sample-wrap { padding-left: 0 !important; padding-right: 0 !important; }

/* [138] 서브메인 배너: 패턴갤러리와 동일하게 — 헤더 바로 아래 붙이고, 경로표시를 배너 위에 겹침, 높이 320 */
body:has(main > .lx-insights-list-hero:first-child, main > .lx-philosophy-hero:first-child, main > .lxc-catalog-hero:first-child) .page-breadcrumb { position: absolute; left: 0; right: 0; top: 0; z-index: 5; background: none; }
.page-breadcrumb + main:has(> .lx-insights-list-hero:first-child, > .lx-philosophy-hero:first-child, > .lxc-catalog-hero:first-child) { padding-top: 65px !important; margin-top: 0 !important; }
main > .lx-insights-list-hero:first-child, main > .lx-philosophy-hero:first-child, main > .lxc-catalog-hero:first-child {
  height: 320px !important; min-height: 320px !important; padding: 0 !important; box-sizing: border-box;
  display: flex !important; flex-direction: column; justify-content: center;
}
/* 어두운 배경 배너 위 경로표시는 흰색 */
body:has(main > .lx-philosophy-hero:first-child, main > .lxc-catalog-hero:first-child, main > .social-art-hero:first-child) .page-breadcrumb,
body:has(main > .lx-philosophy-hero:first-child, main > .lxc-catalog-hero:first-child, main > .social-art-hero:first-child) .page-breadcrumb [aria-current] { color: rgba(255,255,255,.92); }

/* [141] 샘플신청·통합검색 배너도 패턴갤러리 크기(320)로 — 헤더 아래 배치, 경로표시 겹침 */
body:has(main > .sample-hero:first-child, main > .global-search-hero:first-child) .page-breadcrumb { position: absolute; left: 0; right: 0; top: 0; z-index: 5; background: none; }
.page-breadcrumb + main:has(> .sample-hero:first-child, > .global-search-hero:first-child) { padding-top: 65px !important; margin-top: 0 !important; }
main > .sample-hero:first-child { height: 320px !important; padding: 0 !important; display: flex !important; align-items: center; box-sizing: border-box; }
main > .sample-hero:first-child .sample-wrap { padding-top: 40px !important; padding-bottom: 0 !important; }
main > .sample-hero:first-child .sample-eyebrow { display: none !important; }
main > .global-search-hero:first-child { height: 320px !important; padding: 64px 0 0 !important; box-sizing: border-box; }
main > .global-search-hero:first-child .global-search-eyebrow { display: none !important; }

/* [143] 카드 사이 좌우 간격 시공사례와 동일(15px) — 럭스틸TV·사회공헌·스틸미츠아트 */
.video-grid, .lx-art-grid { column-gap: 15px !important; }

/* [146] 페이지번호 위아래 여백 시공사례와 동일(위 120 · 아래 푸터까지 120) */
.lx-insights-list-page .pagination { padding: 120px 0 40px !important; margin: 0 !important; }

/* [149] 배너 없는 페이지(상세·시공사례 목록·상담예약 등): 메뉴바 아래 시작점 여유 늘림 (경로표시 위 24→40, 아래 24→40) */
.page-breadcrumb { padding-top: 105px !important; padding-bottom: 40px !important; }
/* 배너 위에 겹치는 페이지는 기존 위치 유지 */
body:has(.patterns-page) .page-breadcrumb,
body:has(main > .lx-insights-list-hero:first-child, main > .lx-philosophy-hero:first-child, main > .lxc-catalog-hero:first-child, main > .sample-hero:first-child, main > .global-search-hero:first-child) .page-breadcrumb { padding-top: 89px !important; padding-bottom: 24px !important; }
/* [149] 상세페이지 상단 경로표시도 동일하게 위아래 24→40 */
.case-detail .breadcrumb:not(.breadcrumb-bottom), .article-width .breadcrumb:not(.breadcrumb-bottom), .pattern-detail-page .breadcrumb:not(.breadcrumb-bottom) { padding-top: 40px !important; padding-bottom: 40px !important; }

/* [150] 적용 제품·패턴 카드: 이미지↔제목↔설명↔버튼 간격 모두 15px(글자 기준)로 통일 */
.applied-card .applied-thumb { margin-bottom: 11px !important; }
.applied-card h3 { margin-bottom: 7px !important; }
.applied-card .applied-description { margin-bottom: 10px !important; }

/* [174] 보도자료 목록 간격 축소: 배너→정렬바 137→82, 행 위아래 30→22, 제목↔날짜 23→12 */
.lx-insights-list-page .news-list-section { padding-top: 50px !important; }
.lx-insights-list-page .news-list-section .result-toolbar { margin-bottom: 16px !important; }
.news-row { padding-top: 22px !important; padding-bottom: 22px !important; }
.news-row h2 { margin-bottom: 0 !important; }
.news-row time, .news-row h2 + * { margin-top: 12px !important; }
.news-row { min-height: 0 !important; height: auto !important; }
/* [176] 보도자료 목록: 제목 아래 기사 요약 2줄 */
.news-excerpt { margin: 10px 0 0 !important; font-size: 16px; line-height: 1.6; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 900px; word-break: keep-all; }
/* [177] 보도자료: "총 245건"을 검색창 아래선에 맞춤 */
.lx-insights-list-page .news-list-section .result-toolbar { align-items: flex-end !important; }
.lx-insights-list-page .news-list-section .result-toolbar > p { line-height: 1 !important; margin: 0 0 -2px !important; }
.news-excerpt { max-width: 640px !important; }

/* [179] 보도자료 상세: 사진+본문, 간격 축소, 이전/다음 글, 하단 경로표시 */
.press-release-detail .article-heading { padding-bottom: 24px !important; margin-bottom: 0 !important; }
.press-release-detail .article-body { padding-top: 40px !important; margin-top: 0 !important; }
.press-release-detail .article-photo { margin: 0 0 32px; }
.press-release-detail .article-photo img { display: block; width: 100%; max-width: 900px; height: auto; }
.press-release-detail .article-body p { font-size: 17px; line-height: 1.8; color: #333; margin: 0 0 16px; max-width: 900px; }
.press-release-detail .article-source { margin: 24px 0 0 !important; padding-bottom: 20px !important; }
.press-release-detail .article-neighbors { margin-top: 0 !important; }
.press-release-detail .article-neighbors a + a { border-top: 1px solid #e3e5e8; }
.press-release-detail .article-bottom-bc { justify-content: flex-start; margin: 83px 0 0; padding: 24px 0; border: 0; background: none; color: #7b7f86; display: flex; align-items: center; gap: 12px; font-size: 15px; line-height: 19px; }
.press-release-detail .article-bottom-bc a { color: inherit; text-decoration: none; border: 0 !important; padding: 0 !important; }
.press-release-detail .article-bottom-bc a:last-child { color: #24272c; }
.press-release-detail .article-photo { max-width: 900px; }
.press-release-detail .article-photo img { margin: 0 !important; }
.press-release-detail .article-body { padding-top: 32px !important; }
/* [180] 보도자료 목록: 정렬바(총 건수·검색창)를 아래 선에서 조금 띄움 16→28 */
.lx-insights-list-page .news-list-section .result-toolbar { margin-bottom: 28px !important; }
/* [181] 보도자료 상세 본문 줄간격 1.8→1.65, 문단 간격 16→12 */
.press-release-detail .article-body p { line-height: 1.65 !important; margin-bottom: 12px !important; }
/* [182] 보도자료 상세: 본문↔출처 여백 넓힘, 출처↔이전/다음 글 여백 넓힘(시안 기준) */
.press-release-detail .article-source { margin-top: 90px !important; padding-bottom: 0 !important; margin-bottom: 190px !important; }
/* [183] 보도자료 상세: 출처명·날짜 글자 아래선(baseline) 맞춤 */
.press-release-detail .article-meta { align-items: baseline !important; }
.press-release-detail .article-meta strong, .press-release-detail .article-meta time { line-height: 1 !important; }
/* [185] 보도자료 상세 제목부: 제목→출처 38→56, 출처→선 21→13 (시안 실측) */
.press-release-detail .article-heading h1 { margin-bottom: 50px !important; }
.press-release-detail .article-heading { padding-bottom: 0 !important; }
.press-release-detail .article-meta { padding-bottom: 12px !important; }
.press-release-detail .article-body { padding-top: 57px !important; }
/* [186] 보도자료 상세: 기사 사진·본문 900px 칸을 화면 가운데로 */
.press-release-detail .article-photo, .press-release-detail .article-body p { margin-left: auto !important; margin-right: auto !important; }
/* 상담 박스 없이: 하단 경로표시 → 푸터 120 */
.press-release-detail .article-bottom-bc { margin-bottom: 0 !important; }
body:has(.press-release-detail) footer { margin-top: 0 !important; }
/* [187] 보도자료 상세: 이전/다음 글 선 → 목록 버튼 93→47 (시안) */
.press-release-detail .article-back { margin-top: 47px !important; }
/* [300] 서브메인 배너 높이 전체 320 → 370 (이전 럭스틸TV 기준으로 되돌림) */
.pattern-hero-live { height: 370px !important; }
main > .lx-insights-list-hero:first-child, main > .lx-philosophy-hero:first-child, main > .lxc-catalog-hero:first-child { height: 370px !important; min-height: 370px !important; }
main > .sample-hero:first-child, main > .global-search-hero:first-child { height: 370px !important; }

/* [328] 패턴갤러리 정렬박스·보기버튼 = 시공사례 원래 모양(정렬 132x42 테두리 #d4d4d8 둥글기3, 버튼 42x42 테두리 없음, 아이콘 선 회색 #a1a1aa, 선택=남색 #152442 배경+흰 아이콘) */
.patterns-page .result-toolbar > div { display: flex; align-items: center; gap: 6px; }
.patterns-page #pattern-sort { min-width: 0 !important; width: 132px !important; height: 42px !important; border: 1px solid #d4d4d8 !important; border-radius: 3px !important; padding: 0 40px 0 16px !important; margin-right: 6px; font-size: 15px !important; font-weight: 500 !important; color: #171c27 !important; appearance: none; -webkit-appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23171c27' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 12px !important; }
.patterns-page .view-button { width: 42px !important; height: 42px !important; padding: 0 !important; border: 0 !important; border-radius: 3px !important; background: transparent !important; color: #a1a1aa !important; display: grid !important; place-items: center !important; }
.patterns-page .view-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.patterns-page .view-button[aria-pressed="true"] { background: #152442 !important; color: #fff !important; }
/* [329] 섹션 제목 체크박스 축소(사용자 시안): 36×34 → 22×21, 네모→제목 간격 16(체크 꼬리 포함 gap 12) — 시공사례·패턴 상세 전체 */
#applied-title::before, #related-title::before, .pattern-detail-page .pattern-section > h2::before, .pattern-detail-page .pattern-related h2::before, .pattern-detail-page .pattern-insights h2::before { width: 22px !important; height: 21px !important; background-size: 22px 21px !important; top: 0 !important; }
#applied-title, #related-title, .pattern-detail-page .pattern-section > h2, .pattern-detail-page .pattern-related h2, .pattern-detail-page .pattern-insights h2 { gap: 12px !important; }
/* [331] 패턴 상세 "패턴의 완성도를 높이는 기술": 아래 여백이 위보다 24 컸던 것(기술 칸 아래 안쪽 여백) 제거 → 위·아래 모두 섹션 간격 150 */
html body .pattern-detail-page .pattern-technology .tech-item { padding-bottom: 0 !important; }
html body .pattern-detail-page .pattern-technology { padding-bottom: 0 !important; }
/* [334] 패턴갤러리 결과줄 = 시공사례와 동일: "총 N개" 15px/500, 정렬박스·버튼 간격 6, 버튼 순서 그리드 → 리스트 */
.patterns-page .result-toolbar { font-size: 15px !important; font-weight: 500; align-items: center !important; }
.patterns-page .result-toolbar #pattern-count { font-size: 15px !important; margin: 0 !important; }
.patterns-page .result-toolbar > div { gap: 6px !important; }
.patterns-page #pattern-sort { margin-right: 6px !important; }
/* [335] 패턴갤러리 정렬박스("추천순") = 시공사례 정렬박스("최신순")와 완전히 동일: 132x42, 테두리 #d4d4d8 1px, 둥글기 3, 글자 15/500 #171c27, 왼쪽 16·오른쪽 40, 위 3(세로 가운데 보정), 화살표 오른쪽 16 */
html body .patterns-page #pattern-sort, html body .patterns-page .result-toolbar select { box-sizing: border-box !important; min-width: 0 !important; width: 132px !important; height: 42px !important; padding: 3px 40px 0 16px !important; border: 1px solid #d4d4d8 !important; border-radius: 3px !important; font-family: inherit !important; font-size: 15px !important; font-weight: 500 !important; line-height: normal !important; color: #171c27 !important; background-color: #fff !important; background-position: right 16px center !important; background-size: 12px 12px !important; }
/* [336] 패턴갤러리 "총 231개 패턴" 글자 아래선 = 추천순 박스 아래 테두리선(보도자료 [177]과 같은 방식: 아래 정렬, 줄높이 1, 글자 아래 여백 보정) */
.patterns-page .result-toolbar { align-items: flex-end !important; }
.patterns-page .result-toolbar #pattern-count { line-height: 1 !important; margin: 0 0 -2px !important; }

/* [405] 기본 글꼴 Pretendard (사용자 지정) */
body {
  font-family: "Pretendard", -apple-system, sans-serif;
}
/* [406] 시공사례 상세·패턴갤러리 상세 섹션 제목 앞 체크박스 전부 삭제 */
#applied-title::before, #related-title::before, .pattern-detail-page .pattern-section > h2::before, .pattern-detail-page .pattern-related h2::before, .pattern-detail-page .pattern-insights h2::before { content: none !important; display: none !important; }
#applied-title, #related-title, .pattern-detail-page .pattern-section > h2, .pattern-detail-page .pattern-related h2, .pattern-detail-page .pattern-insights h2 { gap: 0 !important; }

/* [412] 스틸밋아트 상세: 그림 속 글자 → HTML 글자, 사진만 */
.steel-art-detail .brand-story-body p{font-size:18px;line-height:1.7;color:#555;margin:0 0 20px}
.steel-art-detail .brand-story-body .art-pattern{font-size:16px;color:#777;margin-bottom:48px}
.steel-art-detail .art-gallery img{width:100%;max-width:970px!important;margin:0 auto 40px!important}
.steel-art-detail .art-gallery img:last-child{margin-bottom:0!important}

/* [414] FAQ: 하단 경로메뉴, 마지막 여백, 분류탭 글자 */
.faq-page .faq-area { margin-bottom: 150px !important; }
.faq-bottom-bc { box-sizing: border-box; width: calc(100% - 64px); max-width: 1400px; margin: 0 auto; padding: 0 0 24px; display: flex; align-items: center; gap: 12px; color: #7b7f86; font-size: 15px; line-height: 19px; }
.faq-bottom-bc a { color: inherit; text-decoration: none; display: flex; align-items: center; }
.faq-bottom-bc [aria-current] { color: #24272c; }
body:has(.faq-bottom-bc) .lx-site-footer { margin-top: 0 !important; }
.resources-page .resource-tabs a { font-size: 19px !important; }
@media (max-width: 767px) { .faq-page .faq-area { margin-bottom: 96px !important; } .faq-bottom-bc { width: calc(100% - 32px); } .resources-page .resource-tabs a { font-size: 16px !important; } }
/* [415] FAQ 페이지번호: 위 120 · 아래(하단 경로메뉴까지) 120 = 시공사례와 동일 ([414] 마지막 여백 150 대체) */
.faq-page .faq-area { margin-bottom: 0 !important; }
#pagination.faq-pagination { display: flex !important; padding: 120px 0 120px !important; margin: 0 !important; }
@media (max-width: 767px) { #pagination.faq-pagination { padding: 64px 0 64px !important; } }

/* [419] 적용지역 카드 버튼(지도에서 보기 ↗ / 적용사례 보기 →) → 알약형 버튼(제품소개 '자세히 보기 →'와 같은 모양) */
.location-actions { gap: 8px !important; }
.location-actions a, .location-actions button { display: inline-flex !important; align-items: center; gap: 8px; padding: 7px 14px !important; border: 1px solid #111 !important; border-radius: 999px; font-size: 15px !important; font-weight: 500; line-height: 1.4 !important; color: #111 !important; background: transparent !important; text-decoration: none !important; transition: background-color .2s, color .2s; }
.location-actions a span, .location-actions button span { font-weight: 400; transition: transform .2s; }
.location-actions a:hover, .location-actions button:hover { background: #111 !important; color: #fff !important; }
.location-actions a:hover span, .location-actions button:hover span { transform: translateX(3px); }

/* [421] 적용지역: 더보기 → 페이지번호(위 120 · 아래 하단 경로메뉴까지 120, 다른 목록과 동일) + 하단 경로메뉴(.faq-bottom-bc 공용) */
.locations-content { margin-bottom: 0 !important; }
#pagination.locations-pagination { display: flex !important; padding: 120px 0 120px !important; margin: 0 !important; }
@media (max-width: 767px) { #pagination.locations-pagination { padding: 64px 0 64px !important; } }
/* [422] 지도에서 보기: ↗ 화살표 → 앞에 지도 핀 아이콘 */
.location-actions .loc-pin { flex: none; display: block; margin-left: -2px; }
/* [423] 지도에서 보기: 글자 빼고 핀 아이콘만(동그란 버튼, 높이 = 옆 알약 버튼) */
.location-actions .loc-map-btn { width: 37px; height: 37px; padding: 0 !important; justify-content: center; }
.location-actions .loc-map-btn .loc-pin { margin: 0; width: 18px; height: 18px; }
/* [424] 지도 핀: 원 테두리 빼고 아이콘만 크게, 파란색(#1482c3, 상담하기 버튼 색) / 오버 시 살짝 위로 */
.location-actions .loc-map-btn { width: auto !important; height: 37px; border: 0 !important; border-radius: 0; background: none !important; color: #1482c3 !important; transition: transform .2s; }
.location-actions .loc-map-btn .loc-pin { width: 28px; height: 28px; }
.location-actions .loc-map-btn:hover { background: none !important; color: #1482c3 !important; transform: translateY(-2px); }
/* [425] 적용지역 용도 필터: 5칸 2줄(뒷줄 3개만 남아 양쪽 안 맞던 것) → 8칸 한 줄로 지도 폭(1400)에 양끝 맞춤 */
.locations-filters { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
@media (max-width: 991px) { .locations-filters { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
/* [426] 적용지역 용도 필터 = 시안 B(밑줄 탭형): 테두리·회색 칸 없이 글자만, 선택 = 검정 굵게 + 2px 밑줄 ([425] 8칸 그리드 대체) */
.locations-filters { display: flex !important; flex-wrap: wrap; gap: 0 44px; background: none !important; border: 0 !important; border-bottom: 1px solid #e3e5e8 !important; margin-bottom: 32px; }
.locations-filters a { display: block !important; min-height: 0 !important; padding: 0 0 16px !important; margin-bottom: -1px; background: none !important; color: #888 !important; font-size: 19px !important; line-height: 1.4 !important; border-bottom: 2px solid transparent; transition: color .2s; }
.locations-filters a:hover { background: none !important; color: #111 !important; }
.locations-filters a[aria-current="page"] { background: none !important; color: #111 !important; font-weight: 700; border-bottom-color: #111; }
@media (max-width: 767px) { .locations-filters { gap: 0 24px; } .locations-filters a { font-size: 16px !important; padding-bottom: 12px !important; } }
/* [427] 지도 핀: 선 → 파란색 꽉 채움, 테두리 없음, 가운데 점은 흰색 */
.location-actions .loc-pin { stroke: none !important; }
.location-actions .loc-pin path { fill: #1482c3; stroke: none; }
.location-actions .loc-pin circle { fill: #fff; stroke: none; }
/* [428] 적용지역 카드: 주소 → 버튼 간격 과다(버튼을 카드 맨 아래로 밀던 margin-top:auto + 위 24) → 주소 바로 아래 16, 빈 연락처 줄 숨김, 현장명→주소 12→6 */
.location-actions { margin-top: 0 !important; padding-top: 16px !important; }
.location-card h3 { margin-bottom: 6px !important; }
.location-card p:empty { display: none; }
.location-card { padding: 28px 0 !important; }
.location-address { margin-bottom: 0 !important; }
/* [429] 지도 핀 높이 = 적용사례 보기 버튼 높이(37px): 핀 위끝·아래끝을 버튼 위·아래 선에 맞춤(여백 없는 viewBox) */
.location-actions { align-items: center; }
.location-actions .loc-map-btn { height: 37px !important; }
.location-actions .loc-map-btn .loc-pin { width: auto !important; height: 37px !important; }
/* [430] 적용지역 용도 탭: 1400 폭 전체에 양끝까지 쫙 펼침(간격 균등) */
.locations-filters { justify-content: space-between !important; gap: 0 !important; }
.locations-filters a { flex: 1 1 0; text-align: center; }
@media (max-width: 767px) { .locations-filters { justify-content: flex-start !important; gap: 0 24px !important; } .locations-filters a { flex: none; } }
/* [431] 지도 핀 아주 조금 축소 37 → 33 (버튼 줄 가운데 정렬 유지) */
.location-actions .loc-map-btn .loc-pin { height: 33px !important; }
/* [432] 지도 핀 색 하늘색(#1482c3) → 진한 파랑(#0050c8) */
.location-actions .loc-pin path { fill: #0050c8 !important; }
/* [433] 적용지역 현장 카드 한 줄 4개 → 5개, 1400 폭 양끝까지 꽉 채움 */
.locations-list { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; column-gap: 32px !important; width: 100%; }
@media (max-width: 1199px) { .locations-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 767px) { .locations-list { grid-template-columns: 1fr !important; } }
/* [434] 지도 핀 33 → 29 */
.location-actions .loc-map-btn .loc-pin { height: 29px !important; }
/* [435] 적용 현장 제목줄 아래 선 남색(#182844) → 연한 회색(#dfe3e8, 카드 구분선과 동일) */
.locations-heading { border-bottom-color: #dfe3e8 !important; }
/* [437] 적용 현장 제목줄 위 여백(지도 → 제목) 56 → 80 */
.locations-heading { margin-top: 80px !important; }
/* [438] 고객지원자료(도면·시방서·인증서·다운로드) 하단 경로메뉴: 마지막 박스 → 경로메뉴 120, 경로메뉴 → 푸터 24 */
.resources-page:has(.faq-bottom-bc) .request-box { margin-bottom: 120px !important; }
.resources-page:has(.faq-bottom-bc) { padding-bottom: 0 !important; margin-bottom: 0 !important; }
@media (max-width: 767px) { .resources-page:has(.faq-bottom-bc) .request-box { margin-bottom: 64px !important; } }
/* [439] 고객지원자료: 검색·분류탭 영역 배경(#fafcfd)을 아래 자료 목록 배경(#f5f9fc)과 같게 */
.resources-page:has(.resource-area) .resource-hero { background: #f5f9fc !important; }
/* [441] 고객지원자료: 서브메인(배너) 배경 흰색, 그 아래(검색·탭·목록·하단 경로메뉴까지) 전부 #f5f9fc 한 색 */
.resources-page:has(.resource-area) { background: #f5f9fc !important; }
.resources-page:has(.resource-area) > .lx-insights-list-hero { background: #fff !important; }
.resources-page:has(.resource-area) .faq-bottom-bc { background: #f5f9fc; }
body:has(.resources-page .resource-area) { background: #f5f9fc; }

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