/* Shared Webflow hero and responsive content; header styles stay independent. */
main.publishing-content{min-width:0;min-height:100vh;line-height:1.45;font-family:Pretendard,Arial,sans-serif}
main.publishing-content:has(>.lx-insights-list-hero),main.warranty-page{padding-top:0}
.publishing-content .lx-insights-list-hero{color:#111}
.publishing-content .lx-insights-list-title{font-size:60px;font-weight:500;line-height:1.12;letter-spacing:0;margin:0 auto}
[data-media="videos"] .lx-insights-list-title,[data-media="news"] .lx-insights-list-title{font-weight:600}
.publishing-content:is(.resources-page,.consultation-page,.locations-page) .lx-insights-list-title{font-weight:600}
.publishing-content .lx-insights-list-lead{font-size:19px;font-weight:400;line-height:1.7;letter-spacing:-.02em;margin:18px auto 0}
.publishing-content .lx-insights-hero-eyebrow{font-weight:500}
.media-width{width:calc(100% - 64px);max-width:1400px}
.article-width{width:calc(100% - 64px);max-width:970.667px}
.pattern-width,.pattern-nav>div,.pattern-hero-copy,.resource-card,.resource-tabs,.request-box{width:calc(100% - 64px);max-width:1280px}
.pattern-detail-page .pattern-detail-width,.pattern-detail-page .pattern-nav>div,.pattern-detail-page>.pattern-cta>.pattern-cta-inner{width:calc(100% - 64px);max-width:1280px;margin-left:auto;margin-right:auto}
.pattern-cases-section .pattern-projects{width:100%}
.pattern-detail-hero{grid-template-columns:minmax(0,550px) minmax(0,1fr)}
.pattern-hero-live{font-family:Pretendard,Arial,sans-serif;height:320px}
.pattern-hero-copy h1{font-size:60px;font-weight:600;line-height:1.12;letter-spacing:0}
.pattern-hero-copy p{font-size:23px;font-weight:400;line-height:1.5}
.social-art-hero{background:#a39765 url('../images/social-hero-background.png') center/cover no-repeat}
.publishing-content .social-art-hero,.publishing-content .social-art-hero .lx-insights-list-lead,.social-art-hero .lx-insights-hero-eyebrow__text{color:#fff}
.social-art-hero .lx-insights-hero-eyebrow__text{border-color:transparent}
.resource-hero{padding:40px 0 0}
.resource-hero .search-box{width:calc(100% - 64px);max-width:900px}
.resource-tabs{gap:10px;flex-wrap:wrap}
.resource-tabs button{flex:1 1 auto;white-space:nowrap}
.warranty-width{width:calc(100% - 64px);max-width:1340px;margin-left:auto;margin-right:auto}
.publishing-content .lx-philosophy-hero__title{font-size:clamp(38px,3.1vw,58px);font-weight:600;line-height:1.15;letter-spacing:normal}
.publishing-content .lx-philosophy-hero__lead{font-weight:400}
.warranty-width table{width:100%}
.warranty-table-scroll{overflow-x:auto}
.page-directory{width:calc(100% - 64px);max-width:1400px;margin:64px auto 100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.page-directory>a{position:relative;padding:28px;border:1px solid #e0e3e6;transition:border-color .2s,background .2s}
.page-directory>a:hover{background:#f6f7f8;border-color:#222}
.page-directory>a>span{font-size:14px;color:#8c9198}
.page-directory h2{margin:24px 0 8px;font-size:25px;font-weight:500}
.page-directory p{color:#777;font-size:15px}
.page-directory b{position:absolute;right:28px;top:28px;font-size:22px;font-weight:400}
@media(max-width:1100px){
 .pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
 .pattern-detail-hero{grid-template-columns:1fr 1fr;gap:36px}.pattern-detail-photo{height:430px}
 .pattern-detail-actions{flex-wrap:wrap}.pattern-detail-page .pattern-specs>div{grid-template-columns:100px 1fr;padding:12px}
 .similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-media="social"] .social-intro h2{font-size:36px}
 .request-box{flex-wrap:wrap}.request-box>div{flex-basis:70%}
 .resource-row,.resource-columns{grid-template-columns:minmax(0,1fr) 110px 150px;gap:12px}
 .resource-title a,.resource-title h3{font-size:16px}
}
@media(max-width:991px){
 main.publishing-content{padding-top:70px}
 main.publishing-content:has(>.lx-insights-list-hero),main.warranty-page{padding-top:0}
 .publishing-content .lx-insights-list-title{font-size:46px}
 .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pattern-hero-copy h1{font-size:46px}.pattern-hero-copy p{font-size:20px}
 .pattern-cases-section .pattern-projects{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tech-grid{grid-template-columns:1fr}
 .pattern-detail-page>.pattern-cta>.pattern-cta-inner{flex-wrap:wrap}
 .pattern-cta-inner>.pattern-cta-copy{flex:1 1 100%}
}
@media(max-width:767px){
 .media-width,.article-width,.pattern-width,.pattern-nav>div,.pattern-hero-copy,.resource-card,.resource-tabs,.request-box,.warranty-width,.page-directory{width:calc(100% - 32px)}
 .pattern-detail-page .pattern-detail-width,.pattern-detail-page .pattern-nav>div,.pattern-detail-page>.pattern-cta>.pattern-cta-inner{width:calc(100% - 32px)}
 .publishing-content .lx-insights-list-title{font-size:36px}
 .publishing-content .lx-insights-list-lead{font-size:17px;line-height:1.6;word-break:keep-all}
 .publishing-content .lx-insights-list-container{width:calc(100% - 32px)}
 .pattern-nav>div,.pattern-detail-page .pattern-nav>div{overflow-x:auto;gap:24px;white-space:nowrap}
 .pattern-nav a{flex:none}.pattern-hero-live{height:300px;background-position:60% center}
 .pattern-hero-live{background-image:linear-gradient(90deg,#f1f0e9ed,#f1f0e9cc),url('../images/pattern-hero-background.png')}
 .pattern-hero-copy h1{font-size:36px}.pattern-hero-copy p{font-size:19px;line-height:1.5}.pattern-hero-copy small{font-size:14px;max-width:400px}
 .pattern-controls .search-box{height:50px}.search-box input{font-size:15px;padding-left:14px}
 .filter-line{align-items:flex-start;flex-direction:column;gap:10px;margin:20px 0}.filter-line>strong{width:auto}
 .filter-chip{font-size:14px;padding:0 12px}.filter-line>div{gap:6px}
 .patterns-page .selected-filters{align-items:flex-start;flex-wrap:wrap;gap:10px}.selected-filters>strong{flex-basis:100%}
 .result-toolbar{gap:12px;font-size:14px;flex-wrap:wrap}.result-toolbar select{font-size:14px}
 .pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.pattern-card>div:last-child{padding:12px}
 .pattern-grid.is-list{grid-template-columns:1fr}
 .pattern-detail-hero{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.pattern-detail-photo{height:auto;aspect-ratio:1}
 .pattern-detail-info h1{font-size:32px}.pattern-detail-info .pattern-description{font-size:15px}
 .pattern-detail-page .pattern-specs{font-size:14px}.pattern-detail-page h2{font-size:24px}
 .pattern-section-heading{gap:12px;flex-wrap:wrap}.pattern-cases-section .pattern-projects{grid-auto-rows:210px;gap:12px}
 .pattern-project strong{font-size:16px}.pattern-technology .tech-item{padding:24px 16px;gap:16px}
 .similar-grid{gap:12px}.pattern-similar .similar-grid a{padding:10px;gap:10px}
 .pattern-similar .similar-grid img{width:48px;height:48px}
 .pattern-detail-page>.pattern-cta{padding:32px 0}.pattern-cta-inner>.pattern-cta-copy{margin-bottom:10px}
 .news-list-section,.video-list-section{padding-top:40px}
 .news-list-section .search-box{width:100%;height:48px}
 [data-media="news"] .news-row{grid-template-columns:120px minmax(0,1fr);gap:18px;min-height:160px;padding:24px 0}
 [data-media="news"] .news-image{height:95px}
 [data-media="news"] .news-row h2{font-size:18px;line-height:1.5}.news-row .external{display:none}
 .news-row p{font-size:14px;margin-top:12px}
 .publishing-content .pagination{padding-top:48px;gap:6px;flex-wrap:wrap}.pagination button{min-width:32px;font-size:14px;padding:0 8px}
 .video-grid{gap:32px 16px}[data-media="videos"] .video-grid{row-gap:32px}
 .article-width .breadcrumb{margin-bottom:32px;padding:24px 0;gap:12px;font-size:14px}
 .article-heading h1{font-size:28px;line-height:1.4}.article-meta{gap:14px;flex-wrap:wrap;font-size:14px}
 [data-media="news-detail"] .article-meta strong{font-size:18px}
 [data-media="news-detail"] .article-heading{margin-bottom:40px}
 [data-media="news-detail"] .article-body{font-size:16px}.article-subtitle{font-size:18px!important}
 .article-neighbors a{gap:14px}.article-neighbors time{display:none}.article-back{margin-top:48px}
 .video-player{margin-top:32px}[data-media="video-detail"] .video-description{margin-top:32px;font-size:15px}
 [data-media="video-detail"] .video-player .play-symbol{width:64px;height:64px;left:calc(50% - 32px);top:calc(50% - 32px);padding:20px}
 [data-media="social"] .social-intro{padding:32px 0 64px;gap:24px;flex-direction:column;align-items:flex-start}
 [data-media="social"] .social-intro h2{font-size:28px}[data-media="social"] .social-intro p{font-size:16px;margin-top:24px}
 [data-media="social"] .social-illustration{transform:none;align-self:center}
 #social-dialog{width:calc(100% - 24px);max-width:none;padding:52px 20px 24px}
 #social-story h2{font-size:24px}.social-grid h2{min-height:0}
 #pattern-image-dialog{width:calc(100% - 24px);padding:48px 16px 16px}
 .resource-hero{padding-top:28px}.resource-hero .search-box{width:calc(100% - 32px);height:56px}
 .resource-tabs{margin-top:24px;gap:0;display:grid;grid-template-columns:repeat(3,1fr)}.resource-tabs button{height:54px;font-size:14px}
 .resource-area{padding:28px 0 40px}.resource-card{padding:20px 16px}.resource-columns{display:none}
 .resource-row{height:auto;min-height:130px;grid-template-columns:1fr auto;padding:20px 0;gap:16px}
 .resource-title{grid-column:1/-1;gap:12px}.resource-title a,.resource-title h3{font-size:16px}
 .resource-row time{text-align:left;font-size:14px}.resource-row .button{font-size:14px;min-height:40px}
 .request-box{padding:24px 20px;gap:16px}.request-box>img{width:40px;height:40px}.request-box h2{font-size:22px}
 .request-box>div{flex-basis:calc(100% - 56px)}.request-box .button{font-size:14px;height:48px;min-height:48px;padding:10px 16px}
 .warranty-heading{padding:48px 0 32px}.warranty-heading h2{font-size:32px}
 .warranty-tabs{overflow-x:auto;gap:16px;white-space:nowrap;margin-bottom:32px}.warranty-tabs a{padding:0 0 16px;font-size:16px}
 .warranty-stats{flex-direction:column}.warranty-stats>div{border-right:0;border-bottom:1px solid #ddd;padding:20px}
 .warranty-stats strong{font-size:38px}.warranty-width table{min-width:660px;font-size:14px}
 .warranty-width th,.warranty-width td{padding:12px}.warranty-width .table-title{font-size:23px;margin-top:40px}
 .exclusions-box{padding:24px 20px}.warranty-downloads{gap:16px}.warranty-downloads a{font-size:14px}
 .page-directory{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;gap:12px}.page-directory>a{padding:20px}.page-directory h2{font-size:21px}.page-directory b{right:20px;top:20px}
 .footer-space{height:100px}.back-top{bottom:16px;right:16px;padding:10px}
}
@media(max-width:479px){
 .pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-grid.is-list{grid-template-columns:1fr}
 .video-grid{grid-template-columns:1fr}.page-directory{grid-template-columns:1fr}
 .pattern-detail-page .pattern-specs>div{grid-template-columns:90px 1fr}
 .pattern-detail-actions{gap:8px}.pattern-detail-page .button{padding:10px 14px}
 .pattern-cases-section .pattern-projects{grid-auto-rows:175px}.pattern-project strong{font-size:14px}
 .similar-grid{grid-template-columns:1fr 1fr}.pattern-similar .similar-grid a{align-items:flex-start;flex-direction:column}
}

.pattern-color-swatch { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--pattern-swatch); border: 1px solid rgba(0,0,0,.12); margin-right: 6px; vertical-align: -2px; }


/* =========================================================
   LUXTEEL 패턴 상세 페이지 수정 (2026-10-21)
   ========================================================= */

/* 1) 모서리 직선 – 이미지 / 테두리 박스 / 버튼 / 인사이트 카드 */
.pattern-detail-page .pattern-detail-photo,
.pattern-detail-page .pattern-detail-photo > img,
.pattern-detail-page .pattern-specs,
.pattern-detail-page .button,
.pattern-detail-page .pattern-insights a,
.pattern-detail-page .pattern-insights img,
.pattern-detail-page a > img,
.pattern-detail-page .tech-item { border-radius: 0 !important; }

/* 2) 패턴·컬러·두께·도장 유형 표 테두리 제거 */
.pattern-detail-page .pattern-specs { border: 0 !important; }
.pattern-detail-page .pattern-specs > div { padding-left: 0; padding-right: 0; }

/* 3) 메인 패턴 이미지 */
.pattern-detail-photo { cursor: default; }

/* 4) 경로(홈 > 패턴 > 부식동) 세로 줄 맞춤 */
.pattern-detail-page .breadcrumb { align-items: center; }
.pattern-detail-page .breadcrumb > img { display: block; width: 12px; height: 12px; flex: 0 0 auto; }
.pattern-detail-page .breadcrumb > a, .pattern-detail-page .breadcrumb > span { line-height: 1; }

/* 5) 기술 카드 10개 – 5열 2줄, 아이콘 위 / 글 아래 */
.pattern-technology .tech-grid--10 { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.pattern-technology .tech-grid--10 .tech-item { flex-direction: column; align-items: flex-start; gap: 16px; padding: 28px 22px 26px; min-height: 0; }
.pattern-technology .tech-grid--10 .tech-icon { width: 48px; height: 48px; border: 0; border-radius: 0; color: #222; }
.pattern-technology .tech-grid--10 .tech-icon svg { display: block; width: 48px; height: 48px; }
.pattern-technology .tech-grid--10 .tech-item h3 { font-size: 17px; margin: 0 0 8px; }
.pattern-technology .tech-grid--10 .tech-item p { font-size: 14px; line-height: 1.6; word-break: keep-all; }
@media (max-width: 1199px) { .pattern-technology .tech-grid--10 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px)  { .pattern-technology .tech-grid--10 { grid-template-columns: 1fr; } }

/* 6) 인사이트 – 목록 마우스오버 시 오른쪽 대표 이미지/글 교체 */
.pattern-insights-list article > a h3 { transition: color .2s; }
.pattern-insights-list article.is-active > a h3 { color: #172a40; text-decoration: underline; text-underline-offset: 4px; }

/* ---- 2차 수정 (14:40) ---- */
/* 유사 패턴: 카드·이미지 모서리 직선 */
.pattern-detail-page a > img,
.pattern-similar a,
.pattern-similar img { border-radius: 0 !important; }
/* 인사이트 ↔ 유사 패턴 사이 라인 삭제 */
.pattern-similar { border-top: 0 !important; }
/* 패턴·컬러·두께·도장 유형 글자 키움 */
.pattern-detail-page .pattern-specs { font-size: 16px; }
.pattern-detail-page .pattern-specs > div { grid-template-columns: 140px 1fr; padding-top: 14px; padding-bottom: 14px; }
.pattern-detail-page .pattern-specs dt { color: #777; }
.pattern-detail-page .pattern-specs dd { color: #111; font-weight: 600; }

/* 관련 프로젝트 (유사 패턴 아래) – 시공사례 상세의 관련 프로젝트와 같은 스타일, '동일 패턴'만 */
.pattern-related { border-top: 0 !important; }
.pattern-related .related-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.pattern-related .related-card { display: block; text-decoration: none; color: inherit; }
.pattern-related .related-card figure { height: 200px; margin: 0; overflow: hidden; background: #f1f1f1; border-radius: 0; }
.pattern-related .related-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; border-radius: 0 !important; }
.pattern-related .related-card:hover img { transform: scale(1.03); }
.pattern-related .related-card p { font-size: 14px; color: #172849; margin: 12px 0 0; }
.pattern-related .related-card h3 { font-size: 17px; font-weight: 600; line-height: 1.4; margin: 4px 0 0; }
@media (max-width: 991px) { .pattern-related .related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .pattern-related .related-grid { grid-template-columns: 1fr; } }

@media(max-width:575px){.pattern-detail-page .pattern-specs > div{grid-template-columns:100px minmax(0,1fr)}.pattern-detail-page .breadcrumb{flex-wrap:wrap;row-gap:12px}.pattern-detail-page .pattern-detail-info{min-width:0}.pattern-detail-page .pattern-specs dd{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.pattern-detail-page .pattern-insights-feature > img,.pattern-related .related-card img{transition:none}}

.pattern-detail-page .pattern-empty { margin: 0; padding: 64px 16px; text-align: center; color: #666; font-size: 16px; }