/* ══════════════════════════════════════════════════════════════════
   OSTEN — lge.co.kr 실측 디자인 시스템
   2026-09-03 www.lge.co.kr/home DOM 실측값 이식

   컨테이너 1380 · 섹션 80/80 · 그리드 gap 24
   섹션 제목 24/700/32/−0.5 좌측정렬 · 본문 14/400/20
   상품명 16/500/22/−0.2 · 모델명 13/400/18 · 가격 19/600/26/−0.4 전부 레드
   잉크 #111111 · 레드 #1A5CFF · 회색텍스트 #727780
   선 #DEE1E5 · 회색면 #F3F4F6 · radius 16(타일)·8(썸네일)·100(pill)
   서체 Pretendard
   ══════════════════════════════════════════════════════════════════ */
:root{
  /* 레이아웃 (LG 실측) */
  --w:1380px;          /* 메인 컨테이너 — LG 1380 */
  --w-mall:1380px;     /* 상품 상세도 같은 폭으로 통일 */

  /* 색 (LG 실측) */
  --ink:#111111;        /* 본문·제목 — 화면 텍스트 500건 중 최다 */
  --ink-2:#111111;      /* 강한 면·버튼 */
  --ink-3:#111111;      /* 아이콘 다크 */
  --gray-1:#444444;     /* 보조 텍스트 */
  --gray-2:#727780;     /* 모델명·캡션·더보기 */
  --gray-3:#727780;
  --gray-4:#727780;     /* 취소선 정가 */
  --gray-5:#DEE1E5;     /* 버튼 테두리 */
  --line:#DEE1E5;       /* 구분선 — LG 1px #DEE1E5 30건 */
  --line-2:#DEE1E5;
  --bg-1:#F3F4F6;       /* 회색 섹션·썸네일 — LG 64건 */
  --bg-2:#F3F4F6;
  --bg-3:#F3F5F7;
  --eaea:#DEE1E5;
  --red:#1A5CFF;        /* LG 시그니처 레드 — 가격·강조 140건 */
  --coral:#1A5CFF;
  --wine:#1A5CFF;
  --white:#FFFFFF;

  --f:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,
      'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;
  --fm:'Pretendard Variable',Pretendard,ui-monospace,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--white);color:var(--ink);
  font-family:var(--f);font-size:14px;font-weight:400;line-height:20px;
  letter-spacing:-.2px;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;border:0;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;}
table{border-collapse:collapse;width:100%;}
h1,h2,h3,h4,h5{margin:0;font-size:inherit;font-weight:inherit;}
p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
fieldset{border:0;margin:0;padding:0;}
legend{padding:0;}
:focus-visible{outline:2px solid var(--ink-2);outline-offset:2px;}

.wrap{width:var(--w);margin:0 auto;}
.skip{position:absolute;left:-9999px;top:0;z-index:999;
  background:var(--ink-2);color:#fff;padding:12px 20px;font-weight:500;}
.skip:focus{left:0;}

/* ══════ 띠배너  (rn-top : h50 · bg #312F2D · pad 10) ══════ */
.rn-top{background:var(--ink);height:44px;padding:8px;position:relative;}
.rn-top .top-wrap{width:520px;margin:0 auto;display:flex;align-items:center;
  justify-content:center;height:28px;}
.rn-top a{color:#fff;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.2px;}
.rn-top .close-top{width:28px;height:28px;display:flex;align-items:center;
  justify-content:center;margin-left:8px;flex:none;}
.rn-top .close-top svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.4;
  stroke-linecap:round;}

/* ══════ 헤더 (LG 실측 : 총 120px · 흰 배경 · 하단 테두리 없음) ══════ */
.rn-header-wrap{background:#fff;}
.rn-header-top{border-bottom:0;}
.rn-header-inner{width:var(--w);margin:0 auto;height:44px;padding:26px 0 24px;
  box-sizing:content-box;display:flex;align-items:center;}
.logo-wrap{width:240px;flex:none;}
.logo{display:flex;align-items:center;height:26px;color:var(--ink);}
.logo svg{height:26px;width:auto;display:block;}
.logo:hover{color:var(--ink);}
.search-wrap{width:340px;margin-left:auto;display:flex;align-items:center;height:40px;}
.search-form{width:250px;height:40px;background:var(--bg-1);border-radius:100px;
  padding:10px 18px;display:flex;align-items:center;box-sizing:border-box;}
.search-form input{flex:1;border:0;background:transparent;font:inherit;font-size:14px;
  font-weight:400;letter-spacing:-.2px;color:var(--ink);min-width:0;height:20px;}
.search-form input::placeholder{color:var(--gray-1);}
.search-form .search-icon{width:28px;height:28px;display:grid;place-items:center;margin-right:-6px;}
.icon-wrap{width:80px;margin-left:10px;display:flex;align-items:center;justify-content:flex-end;}
.icon-wrap a{width:32px;height:32px;display:grid;place-items:center;position:relative;margin-left:8px;}
.icon-wrap svg,.search-form svg{width:20px;height:20px;fill:none;stroke:#111;
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.search-form svg{width:21px;height:21px;stroke:var(--ink);}
.icon-wrap .cnt{position:absolute;top:-1px;right:-2px;background:var(--red);color:#fff;
  font-size:10px;font-weight:500;min-width:15px;height:15px;border-radius:8px;
  display:grid;place-items:center;padding:0 4px;line-height:1;letter-spacing:0;}

.rn-gnb{border-bottom:1px solid var(--line-2);background:#fff;}
.nav-inner{width:var(--w);margin:0 auto;display:flex;align-items:center;height:64px;
  position:relative;}
.rn-nav-wrap{display:flex;}
.rn-nav-wrap > li{margin-right:34px;}
.rn-nav-wrap > li:last-child{margin-right:0;}
.rn-nav-wrap > li > a{display:block;padding:20px 0;font-size:15px;font-weight:700;
  letter-spacing:-.2px;color:var(--ink);white-space:nowrap;position:relative;}
.rn-nav-wrap > li > a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--red);transform:scaleX(0);transition:transform .16s;}
.rn-nav-wrap > li > a:hover::after,.rn-nav-wrap > li > a[aria-current]::after{transform:scaleX(1);}
.nav-etc{display:flex;margin-left:auto;}
.nav-etc > li{margin-left:18px;}
.nav-etc a{font-size:14px;font-weight:400;color:var(--gray-1);white-space:nowrap;}
.nav-etc a:hover{color:var(--ink);}
.nav-etc .em{color:var(--red);font-weight:500;}

/* 스크롤 시 접힌 상태 (쿠쿠 .rn-header-wrap.fixed : h62 · nav-etc 숨김 · 로고/아이콘이 GNB 줄로) */
.rn-header-wrap.fixed{position:fixed;left:0;right:0;top:0;z-index:60;
  box-shadow:0 1px 0 var(--line-2);}
.rn-header-wrap.fixed .rn-header-top{height:1px;overflow:visible;border-bottom:0;}
.rn-header-wrap.fixed .rn-header-inner{height:0;padding:0;position:relative;}
.rn-header-wrap.fixed .logo-wrap{position:absolute;left:0;top:14px;width:auto;z-index:2;}
.rn-header-wrap.fixed .search-wrap{position:absolute;right:0;top:8px;width:108px;z-index:2;}
.rn-header-wrap.fixed .search-form{width:0;padding:0;background:transparent;overflow:hidden;}
.rn-header-wrap.fixed .search-form .search-icon{margin:0;overflow:visible;width:32px;}
.rn-header-wrap.fixed .search-form{width:32px;}
.rn-header-wrap.fixed .icon-wrap{width:auto;margin-left:4px;}
.rn-header-wrap.fixed .nav-etc{display:none;}
.rn-header-wrap.fixed .rn-nav-wrap{margin-left:190px;}
.rn-header-wrap.fixed .rn-gnb{border-bottom:0;}
.header-spacer{display:none;}
.header-spacer.on{display:block;height:128px;}

/* ══════ 브레드크럼 (mall .location : pad 30 0 0) ══════ */
.location{width:var(--w-mall);margin:0 auto;padding:36px 0 0;}
.location ol{display:flex;align-items:center;font-size:14px;font-weight:400;color:var(--gray-1);}
.location li+li::before{content:"›";margin:0 8px;color:var(--gray-5);}
.location [aria-current]{color:var(--ink);}

/* ══════ 섹션 리듬 (실측 : inner pad 140 0 70 / light 80 0 80) ══════ */
.sec{}
.sec > .inner{width:var(--w);margin:0 auto;padding:104px 0;}
.sec.light{background:var(--bg-1);}
.sec.light > .inner{padding:104px 0;}
.sec.tight > .inner{padding:80px 0 24px;}
.sec.deep > .inner{padding:112px 0;}
/* 배경색이 같은 섹션이 연달아 오면 경계가 안 보여 두 배로 벌어집니다 — 한 번만 줍니다 */
.sec + .sec:not(.light) > .inner{padding-top:88px;}
.sec.full > .inner{width:100%;}

/* 섹션 타이틀 (실측 : 32/700/48 가운데 · mb40 · more absolute right top24) */
.section-tit{position:relative;margin:0 0 44px;}
.tit-txt{display:block;font-size:24px;font-weight:700;line-height:32px;
  letter-spacing:-.5px;text-align:left;color:var(--ink);}
h3.tit-txt,.tit-sub{display:block;font-size:14px;font-weight:400;line-height:22px;
  text-align:left;margin-top:12px;color:var(--gray-2);}
.more-btn{position:absolute;right:0;top:8px;font-size:14px;font-weight:400;
  color:var(--gray-2);display:inline-flex;align-items:center;gap:4px;}
.more-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;}
.more-btn:hover{color:var(--ink);}

/* 서브 타이틀 (실측 : sub-tit mb20 · sub-txt 20/700/30) */
.sub-tit{margin:0 0 28px;}
.sub-txt{display:block;font-size:20px;font-weight:700;line-height:30px;color:var(--ink);}

/* ══════ 히어로 — 좌 카피 / 우 이미지 패널 ══════
   원본 사진이 1280px 이라 전면 배경으로 깔면 큰 화면에서 뭉개집니다.
   패널로 담으면 실제 렌더 폭이 절반 이하라 2배 밀도로 선명하게 나옵니다. */
.rn-visual{position:relative;background:#fff;overflow:hidden;}
.rn-visual .inner{max-width:var(--w);margin:0 auto;display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:72px;align-items:center;
  padding:88px 0 96px;}
.visual-copy{min-width:0;}
.visual-copy .eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;
  color:var(--gray-2);margin-bottom:22px;}
.visual-copy h1{font-size:52px;font-weight:700;line-height:1.28;letter-spacing:-1.6px;
  color:var(--ink);}
.visual-copy h1 em{font-style:normal;color:var(--red);}
.visual-copy .lead{margin-top:26px;font-size:16px;font-weight:400;line-height:28px;
  letter-spacing:-.2px;color:var(--gray-1);max-width:440px;}
.visual-copy .btns{margin-top:44px;display:flex;gap:12px;}
.visual-media{position:relative;border-radius:16px;overflow:hidden;background:var(--bg-1);
  aspect-ratio:4/3;}
.visual-media img{width:100%;height:100%;object-fit:cover;display:block;}

.vbtn{display:inline-flex;align-items:center;justify-content:center;height:50px;
  padding:0 28px;border-radius:100px;font-size:15px;font-weight:700;letter-spacing:-.2px;}
.vbtn.solid{background:var(--ink);color:#fff;}
.vbtn.solid:hover{background:#000;text-decoration:none;}
.vbtn.line{background:#fff;color:var(--ink);border:1px solid var(--line);}
.vbtn.line:hover{border-color:var(--ink);text-decoration:none;}

/* ══════ 퀵메뉴 (실측 : ul 1140 space-around · 원 90 bg #F7F7F7 · 라벨 mt20) ══════ */
.quick-icon-list{width:100%;margin:0 auto;display:flex;justify-content:space-between;}
.quick-icon-list li{width:90px;}
.quick-icon-list a{display:block;text-align:center;}
.quick-icon-list a:hover{text-decoration:none;}
.q-ico{position:relative;width:72px;height:72px;border-radius:100%;background:var(--bg-1);
  display:grid;place-items:center;line-height:1;margin:0 auto;transition:background .18s;}
.q-ico svg{width:30px;height:30px;display:block;}
.q-ico svg .dk{fill:var(--ink-3);}
.q-ico svg .ac{fill:#9AA0A8;}
.q-ico svg .wh{fill:#fff;}
.quick-icon-list a:hover .q-ico{background:#E6E8EC;}
.q-name{display:block;position:relative;margin-top:16px;font-size:14px;font-weight:400;
  line-height:24px;color:var(--ink);white-space:nowrap;}
.q-name .soon{display:block;margin:8px auto 0;width:fit-content;background:var(--bg-1);
  color:var(--gray-2);font-style:normal;font-size:11px;font-weight:500;letter-spacing:0;
  line-height:1;padding:4px 8px;border-radius:9px;}



/* ══════ 상품 카드 (실측 : gap30 · radius16 · 썸네일 1:1 bg #F1F1F1 · info mt20 pad 0 20 20) ══════ */
.prd-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.prd-list.c4{grid-template-columns:repeat(4,1fr);}
.prd-item{position:relative;}
.prd-item > a{display:block;}
.prd-thumb{position:relative;background:var(--bg-1);border-radius:8px;overflow:hidden;
  aspect-ratio:1/1;}
.prd-thumb img{width:100%;height:100%;object-fit:cover;}
.rank-num{position:absolute;top:0;right:20px;width:26px;height:36px;z-index:2;
  display:grid;place-items:center;}
.rank-num svg{position:absolute;inset:0;width:26px;height:36px;fill:var(--red);}
.rank-num em{position:relative;font-style:normal;color:#fff;font-size:15px;font-weight:500;
  letter-spacing:0;line-height:1;margin-bottom:4px;}
.rank-num.n2 svg{fill:var(--ink-2);}
.rank-num.n3 svg{fill:var(--gray-3);}
.prd-flag{position:absolute;left:0;right:0;bottom:0;background:rgba(39,39,39,.86);
  color:#fff;font-size:14px;font-weight:400;text-align:center;padding:9px 8px;}
.prd-flag em{font-style:normal;color:#1A5CFF;font-weight:500;}
.prd-info{margin-top:16px;padding:0;}
.prd-name{font-size:16px;font-weight:500;line-height:22px;letter-spacing:-.2px;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:44px;}
.prd-code{display:block;font-size:13px;font-weight:400;line-height:18px;
  color:var(--gray-2);margin:6px 0 0;}
.prd-price{margin-top:10px;display:flex;flex-wrap:wrap;align-items:baseline;}
/* LG 실측 : 정가는 회색 취소선 13/400, 할인율과 판매가는 19/600 레드 */
.p-regular{display:flex;width:100%;margin-bottom:4px;color:var(--gray-2);
  text-decoration:line-through;font-size:13px;font-weight:400;line-height:18px;}
.p-regular i{font-style:normal;}
.p-regular span{margin-left:1px;}
.p-per{display:flex;align-items:baseline;margin-right:8px;color:var(--red);}
.p-per b{font-size:19px;font-weight:700;line-height:26px;letter-spacing:-.4px;}
.p-per span{font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.2px;margin-left:1px;}
.p-now{display:flex;align-items:baseline;color:var(--red);}
.p-now b{font-size:19px;font-weight:700;line-height:26px;letter-spacing:-.4px;}
.p-now span{font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.2px;margin-left:1px;}
.p-foot{width:100%;margin-top:8px;display:flex;align-items:center;gap:6px;
  font-size:13px;font-weight:400;line-height:18px;color:var(--gray-2);}
.p-foot b{font-weight:700;color:var(--ink);}
.p-foot em{font-style:normal;}
.p-foot .dot{color:var(--gray-5);}

/* ══════ 혜택 카드 3 (쿠쿠 rn-event 배너 행 대응) ══════ */
.benefit-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.benefit-list li{background:var(--bg-1);border-radius:16px;padding:38px 32px 40px;}
.benefit-list .bnum{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;
  color:var(--gray-3);margin-bottom:18px;}
.benefit-list h3{font-size:19px;font-weight:700;line-height:26px;letter-spacing:-.4px;color:var(--ink);}
.benefit-list p{margin-top:14px;font-size:14px;font-weight:400;line-height:23px;color:var(--gray-1);}
@media(max-width:1023px){.benefit-list{grid-template-columns:1fr;gap:20px;}}

/* ══════ 섹션 본문 단락 ══════ */
.sec-body{max-width:760px;margin:56px auto 0;text-align:center;font-size:15px;font-weight:400;
  line-height:32px;letter-spacing:-.2px;color:var(--gray-1);}

/* ══════ 2컬럼 섹션 (실측 : 600|600 · 안쪽 pad 25) ══════ */
.two-col{display:flex;}
.two-col > *{width:50%;}
.two-col > *:first-child{padding-right:25px;}
.two-col > *:last-child{padding-left:25px;}

/* ══════ 풀블리드 이미지 섹션 (쿠쿠 new-product) ══════ */
.inner-w{width:var(--w);max-width:100%;margin-left:auto;margin-right:auto;}
/* ══════ 정렬 바 ══════ */
.sortbar{display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:40px;}
.sortbar .cnt{font-size:16px;font-weight:400;color:var(--gray-1);}
.sortbar .cnt b{font-weight:500;color:var(--ink);}
.sorts{display:flex;}
.sorts a{position:relative;padding:0 14px;font-size:15px;font-weight:400;color:var(--gray-2);}
.sorts a:first-child{padding-left:0;}
.sorts a + a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:11px;background:var(--line);}
.sorts a[aria-current]{color:var(--ink);font-weight:500;}

/* ══════ 표 ══════ */
.tbl-wrap{overflow-x:auto;}
table.cmp{font-size:16px;font-weight:400;min-width:900px;}
table.cmp th,table.cmp td{padding:20px 16px;border-bottom:1px solid var(--line);
  text-align:center;vertical-align:middle;line-height:24px;}
table.cmp thead th{font-size:16px;font-weight:700;border-top:2px solid var(--ink-2);
  border-bottom:1px solid var(--ink-2);padding:22px 16px;}
table.cmp thead th:first-child{text-align:left;}
table.cmp thead th span{display:block;font-size:14px;font-weight:400;color:var(--gray-1);margin-top:4px;}
table.cmp tbody th small{display:block;font-size:13px;font-weight:400;color:var(--gray-2);
  margin-top:3px;white-space:normal;}
table.cmp tbody th{text-align:left;font-weight:500;color:var(--ink-2);white-space:nowrap;
  font-size:15px;}
table.cmp tbody tr:last-child th,table.cmp tbody tr:last-child td{border-bottom:2px solid var(--ink-2);}
table.cmp .hi{background:var(--bg-1);}
table.cmp .em{font-weight:700;font-size:18px;color:var(--ink-2);}
table.cmp .mono{font-family:var(--fm);font-size:15px;}
.o{font-weight:500;color:var(--ink-2);}
.x{color:var(--gray-5);}

/* ══════ 기본/옵션 패널 ══════ */
.panel{border:1px solid var(--line);border-radius:16px;overflow:hidden;height:100%;background:#fff;}
.panel > h3{padding:26px 32px;font-size:20px;font-weight:700;line-height:30px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-bottom:1px solid var(--line);}
.panel > h3 span{font-size:14px;font-weight:400;color:var(--gray-1);}
.panel.inc > h3{background:var(--bg-1);}
.panel.opt > h3{background:#F7F7F7;}
.panel ul{padding:14px 0;}
.panel li{display:flex;justify-content:space-between;gap:24px;padding:16px 32px;
  font-size:16px;font-weight:400;line-height:24px;}
.panel li + li{border-top:1px solid #F2F2F2;}
.panel li .n em{display:block;font-style:normal;font-size:14px;color:var(--gray-2);margin-top:2px;}
.panel li .p{white-space:nowrap;font-weight:500;}
.panel.inc li .p{color:var(--ink-2);}
.panel .note{padding:24px 32px;background:var(--bg-1);font-size:14px;font-weight:400;
  line-height:22px;color:var(--gray-1);border-top:1px solid var(--line);}

/* ══════ 설치사례 ══════ */
.case-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.case-list .thumb{border-radius:8px;overflow:hidden;background:var(--bg-1);aspect-ratio:4/3;}
.case-list .thumb img{width:100%;height:100%;object-fit:cover;}
.case-list .m{margin-top:14px;font-size:16px;font-weight:500;line-height:22px;letter-spacing:-.2px;}
.case-list .d{margin-top:6px;font-size:13px;font-weight:400;line-height:18px;color:var(--gray-2);}

/* ══════ 후기 ══════ */
.rev-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.rev{border:1px solid var(--line);border-radius:16px;padding:34px 30px;
  display:flex;flex-direction:column;background:#fff;}
.stars{color:var(--ink-2);font-size:15px;letter-spacing:2px;}
.rev h3{margin:14px 0 8px;font-size:18px;font-weight:500;line-height:27px;}
.rev p{font-size:16px;font-weight:400;line-height:26px;color:var(--gray-1);}
.rev .meta{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:400;
  color:var(--gray-2);}
.rev .meta b{font-weight:500;color:var(--ink);}

/* ══════ FAQ ══════ */
.faq{border-top:1px solid var(--ink);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{list-style:none;cursor:pointer;padding:32px 64px 32px 46px;
  font-size:18px;font-weight:500;line-height:28px;position:relative;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::before{content:"Q";position:absolute;left:0;top:32px;
  font-size:18px;font-weight:700;color:var(--ink-2);}
.faq summary::after{content:"";position:absolute;right:14px;top:38px;width:10px;height:10px;
  border-right:2px solid var(--gray-2);border-bottom:2px solid var(--gray-2);
  transform:rotate(45deg);transition:.2s;}
.faq details[open] summary::after{transform:rotate(-135deg);top:43px;}
.faq .a{padding:0 64px 34px 46px;font-size:16px;font-weight:400;line-height:29px;
  color:var(--gray-1);position:relative;}
.faq .a::before{content:"A";position:absolute;left:0;top:0;font-size:18px;font-weight:700;
  color:var(--gray-5);}

/* ══════ 상담 CTA ══════ */
.cta-band{background:var(--ink-2);}
.cta-band .inner{width:var(--w);margin:0 auto;padding:100px 0;text-align:center;}
.cta-band h2{font-size:28px;font-weight:700;line-height:38px;letter-spacing:-.8px;color:#fff;}
.cta-band p{margin-top:16px;font-size:15px;font-weight:400;line-height:24px;color:#B7BCC4;}
.cta-band .btns{margin-top:40px;display:flex;gap:10px;justify-content:center;}
.cta-band .vbtn.solid{background:#fff;color:var(--ink-2);}
.cta-band .vbtn.solid:hover{background:#EDEDEB;}
.cta-band .vbtn.line{background:transparent;color:#fff;border-color:#4A4E55;}
.cta-band .vbtn.line:hover{border-color:#fff;}

/* ══════ 푸터 (LG 실측 : 흰 배경 · 상단 1px #EFF0F2 · 13/400 #111) ══════ */
.rn-footer{background:#fff;color:var(--ink);border-top:1px solid #EFF0F2;}
.rn-footer .wrap{width:var(--w);margin:0 auto;}
.footer-cs .wrap{display:flex;}
.cs-info-wrap{width:60%;padding:44px 0;border-right:1px solid var(--line);}
.cs-time-wrap{width:40%;padding:44px 0 44px 48px;}
.rn-footer h2,.rn-footer h3{font-size:16px;font-weight:700;line-height:24px;
  color:var(--ink);margin:0 0 16px;letter-spacing:-.2px;}
.cs-time-wrap h2,.cs-time-wrap h3{margin-bottom:10px;}
.tel-list{display:flex;justify-content:flex-start;gap:56px;padding-right:30px;}
.tel-list .tt{font-size:14px;font-weight:400;line-height:20px;color:var(--gray-1);}
.tel-list .tt b{font-size:24px;font-weight:700;margin-left:6px;letter-spacing:-.6px;color:var(--ink);}
.tel-list .td{margin-top:6px;font-size:13px;font-weight:400;line-height:18px;color:var(--gray-2);}
.cs-time li{font-size:14px;font-weight:400;line-height:24px;color:var(--gray-1);}
.cs-time li b{font-weight:700;color:var(--ink);}
.cs-time .note{margin-top:8px;font-size:13px;color:var(--gray-2);}

.footer-fnb01{border-top:1px solid var(--line);}
.footer-fnb01 .wrap{display:flex;align-items:center;padding:22px 0;}
.fnb-wrap,.fnb-list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;}
.fnb-wrap li,.fnb-list li{position:relative;padding:0 16px;}
.fnb-wrap li:first-child,.fnb-list li:first-child{padding-left:0;}
.fnb-wrap li + li::before,.fnb-list li + li::before{content:"";position:absolute;left:0;top:50%;
  transform:translateY(-50%);width:1px;height:11px;background:var(--line);}
.fnb-wrap a,.fnb-list a{font-size:13px;font-weight:400;line-height:22px;color:var(--ink);white-space:nowrap;}
.fnb-wrap a:hover,.fnb-list a:hover{color:var(--red);}
.fnb-wrap .em a,.fnb-list .em a{color:var(--red);font-weight:700;}
.footer-sns,.sns-wrap{margin-left:auto;display:flex;align-items:center;gap:14px;}
.footer-sns a,.sns-wrap a{width:32px;height:32px;display:grid;place-items:center;}
.footer-sns svg,.sns-wrap svg{width:28px;height:28px;fill:var(--gray-2);}
.footer-sns a:hover svg,.sns-wrap a:hover svg{fill:var(--ink);}

.footer-fnb02{border-top:1px solid var(--line);}
.footer-fnb02 .wrap{display:flex;align-items:center;padding:20px 0;}
.famsel{margin-left:auto;background:#fff;color:var(--ink);border:1px solid var(--line);
  border-radius:100px;height:38px;padding:0 16px;font:inherit;font-size:13px;font-weight:400;
  letter-spacing:-.2px;}
.famsel option{color:var(--ink);}
.family-wrap{display:flex;gap:28px;}
.family-wrap a{font-size:13px;font-weight:400;color:var(--gray-1);}
.family-wrap li:first-child a{font-weight:700;color:var(--ink);}

.footer-company{border-top:1px solid var(--line);}
.footer-company .wrap{padding:40px 0 72px;}
.foot-logo{display:block;color:var(--ink);margin-bottom:28px;}
.foot-logo svg{height:34px;width:auto;display:block;}
.company-cols{display:flex;flex-wrap:wrap;gap:14px 48px;}
/* 마크업은 <div><span>라벨</span><b>값</b></div> 입니다 — 라벨과 값이 붙지 않게 띄웁니다 */
.company-cols > div{flex:1;display:flex;align-items:baseline;gap:8px;
  font-size:13px;font-weight:400;line-height:21px;color:var(--gray-2);}
.company-cols > div > span{flex:none;color:var(--gray-3);}
.company-cols > div > b{font-weight:500;color:var(--ink-2);word-break:keep-all;}
.footer-company .copy{margin-top:22px;font-size:12.5px;color:var(--gray-3);}
.company-cols .cname{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.2px;
  margin-bottom:14px;}
.company-cols dl{margin:0;font-size:13px;font-weight:400;line-height:20px;color:var(--gray-2);}
.company-cols dl div{display:flex;gap:5px;}
.company-cols dt::after{content:" :";}
.company-cols dd{margin:0;}
.company-cols .warn{color:var(--red);}
.footer-copy{margin-top:28px;font-size:13px;font-weight:400;color:var(--gray-2);}

/* ══════ 플로팅 퀵 (실측 : 60×60 · mt15) ══════ */
.floating-quick{position:fixed;right:24px;bottom:24px;z-index:80;}
.floating-quick a{width:60px;height:60px;border-radius:100%;display:grid;place-items:center;
  background:#fff;border:0;box-shadow:0 0 14px rgba(0,0,0,.1);}
.floating-quick a + a{margin-top:15px;}
.floating-quick .cs{background:var(--coral);}
.floating-quick svg{width:28px;height:28px;}
.floating-quick .cs svg{fill:#fff;}
.floating-quick .top-btn svg{width:22px;height:22px;fill:none;stroke:var(--ink);
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}

/* ══════ SEO 주석 오버레이 (기본 숨김 · 프로덕션 빌드에서 제거) ══════ */
.seo{display:none;}
body.seo-on .seo{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;
  background:#272727;color:#C3D4CE;font-size:12px;font-weight:400;line-height:1.7;
  padding:9px 16px;font-family:var(--fm);letter-spacing:-.2px;}
body.seo-on .seo b{color:#1A5CFF;font-weight:500;white-space:nowrap;}
body.seo-on .seo i{font-style:normal;color:#767676;}
body.seo-on [data-seo]{outline:1px dashed #1A5CFF;outline-offset:3px;}
.seotoggle{position:fixed;left:24px;bottom:24px;z-index:200;background:#272727;color:#FFFFFF;
  border:1px solid #272727;border-radius:22px;padding:11px 18px;font-size:13px;font-weight:500;
  box-shadow:0 4px 16px rgba(0,0,0,.22);letter-spacing:-.25px;}
.seotoggle:hover{background:#1A5CFF;color:#fff;}
body.seo-on .seotoggle{background:#1A5CFF;color:#272727;border-color:#1A5CFF;}



/* ══════════════════════════════════════════════════════════════════
   신규 섹션
   ══════════════════════════════════════════════════════════════════ */

/* ══════ 구조 필터 칩 ══════ */
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.chip-row a{display:inline-flex;align-items:center;height:38px;padding:0 20px;
  border:1px solid var(--line);border-radius:100px;font-size:14px;font-weight:700;
  letter-spacing:-.2px;color:var(--ink);background:#fff;}
.chip-row a:hover{border-color:var(--ink);text-decoration:none;}
.chip-row a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff;}

/* ══════ NEW 뱃지 (베스트 랭킹 리본과 같은 자리) ══════ */
.new-flag{position:absolute;top:0;left:20px;z-index:2;display:grid;place-items:center;
  width:44px;height:44px;border-radius:100px;background:var(--red);top:12px;left:12px;
  color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;}

/* ══════ 어떤 업종이신가요 · 5열 포토카드 ══════ */
.ind-list{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;}
.ind-item a{position:relative;display:block;overflow:hidden;border-radius:16px;height:340px;}
.ind-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.ind-item a:hover{text-decoration:none;}
.ind-item a:hover img{transform:scale(1.05);}
.ind-item a::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,22,20,.04) 0%,rgba(20,22,20,.28) 42%,rgba(20,22,20,.84) 100%);}
.ind-state{position:absolute;top:14px;left:14px;z-index:2;padding:5px 11px;border-radius:100px;
  background:rgba(255,255,255,.93);font-size:12px;font-weight:500;color:var(--ink-2);}
.ind-item.on .ind-state{background:var(--red);color:#fff;}
.ind-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 18px 20px;color:#fff;}
.ind-name{display:block;font-size:19px;font-weight:700;line-height:26px;letter-spacing:-.4px;}
.ind-desc{display:block;margin-top:6px;font-size:13px;font-weight:400;line-height:18px;
  color:rgba(255,255,255,.82);}
.ind-cta{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:13px;font-weight:700;}
.ind-cta svg{width:9px;height:9px;fill:none;stroke:#fff;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;}

/* ══════ 배송 · 설치 안내 ══════ */
.ship-wrap{display:flex;gap:30px;align-items:flex-start;}
.ship-main{flex:1 1 640px;min-width:0;}
.ship-side{flex:0 0 470px;display:grid;gap:20px;}
table.cmp.ship{min-width:540px;}
table.cmp.ship th,table.cmp.ship td{padding:16px 14px;}
table.cmp.ship .area{text-align:left;font-size:15px;color:var(--gray-1);}
table.cmp.ship .em{font-size:17px;white-space:nowrap;}
.panel .p.g{white-space:normal;font-weight:400;color:var(--gray-1);text-align:right;font-size:15px;}
.ship-guide li{align-items:flex-start;}
.ship-guide li .n{white-space:nowrap;font-weight:500;color:var(--ink-2);}

/* 시안 표시 (오픈 전 삭제) */
.draft{margin-top:20px;padding:14px 18px;border:1px dashed #BBBBBB;border-radius:10px;
  background:#F7F7F7;font-size:14px;font-weight:400;line-height:22px;color:#585856;}
.draft b{font-weight:700;color:#272727;}
.draft b:first-child{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:4px;
  background:#BBBBBB;color:#fff;font-size:12px;font-weight:500;}

/* ══════ 견적문의 ══════ */
.quote-wrap{display:flex;gap:30px;align-items:stretch;}
.quote-side{flex:0 0 410px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;}
.quote-steps{flex:0 0 auto;border:1px solid var(--line);border-radius:16px;background:#fff;padding:8px 0;}
.quote-steps li{position:relative;padding:22px 28px 22px 74px;}
.quote-steps li + li{border-top:1px solid #F2F2F2;}
.quote-steps .qn{position:absolute;left:28px;top:23px;display:grid;place-items:center;
  width:30px;height:30px;border-radius:50%;background:var(--ink-2);color:#fff;font-size:12px;font-weight:700;}
.quote-steps b{display:block;font-size:17px;font-weight:700;line-height:26px;color:var(--ink);}
.quote-steps em{display:block;margin-top:3px;font-style:normal;font-size:14px;font-weight:400;
  line-height:22px;color:var(--gray-1);}
.quote-tel{border-radius:16px;background:var(--ink-2);color:#fff;padding:24px 28px;}
.quote-tel .l{display:block;font-size:14px;font-weight:400;color:rgba(255,255,255,.70);}
.quote-tel .t{display:block;margin-top:4px;font-size:30px;font-weight:700;letter-spacing:-.5px;color:#fff;}
.quote-tel .t:hover{text-decoration:none;}
.quote-tel .h{display:block;margin-top:6px;font-size:13px;font-weight:400;color:rgba(255,255,255,.70);}
.quote-form{flex:1 1 auto;min-width:0;border:1px solid var(--line);border-radius:16px;
  background:#fff;padding:30px 34px 34px;}
.qf-tit{font-size:20px;font-weight:700;line-height:30px;padding-bottom:18px;border-bottom:1px solid var(--line);}
.qf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
.qf-row{padding-top:18px;}
.qf-row.full{grid-column:1/-1;}
.qf-row label{display:block;margin-bottom:7px;font-size:14px;font-weight:500;color:var(--ink-2);}
.qf-row input,.qf-row select,.qf-row textarea{width:100%;height:46px;padding:0 14px;
  border:1px solid var(--gray-5);border-radius:8px;background:#fff;font-family:var(--f);
  font-size:15px;font-weight:400;letter-spacing:-.25px;color:var(--ink);}
.qf-row textarea{height:auto;padding:12px 14px;line-height:24px;resize:vertical;}
.qf-row input::placeholder,.qf-row textarea::placeholder{color:#B5B6B2;}
.qf-row input:focus,.qf-row select:focus,.qf-row textarea:focus{outline:none;border-color:var(--ink-2);}
.qf-agree{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:14px;font-weight:400;color:var(--gray-1);}
.qf-agree input{width:17px;height:17px;accent-color:var(--ink-2);}
.qf-agree a{color:var(--ink-2);text-decoration:underline;}
.qf-submit{width:100%;height:58px;margin-top:18px;border:0;border-radius:30px;background:var(--ink-2);
  color:#fff;font-family:var(--f);font-size:17px;font-weight:700;letter-spacing:-.25px;cursor:pointer;}
.qf-submit:hover{background:#000;}
.qf-done{margin-top:14px;text-align:center;font-size:14px;font-weight:400;color:var(--red);}

/* ══════ 함께한 고객사 ══════ */
.client-list{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.client-list li{display:grid;place-items:center;height:96px;background:#fff;
  border:1px dashed var(--gray-5);border-radius:12px;}
.client-list .ph{font-size:13px;font-weight:400;color:#B5B6B2;}

/* ══════ 유튜브 ══════ */
.yt-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.yt-list a{display:block;}
.yt-list a:hover{text-decoration:none;}
.yt-thumb{position:relative;display:block;overflow:hidden;border-radius:8px;background:var(--bg-1);}
.yt-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .45s;}
.yt-list a:hover .yt-thumb img{transform:scale(1.04);}
.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:41px;}
.yt-play svg{display:block;width:100%;height:100%;}
.yt-play .pl-bg{fill:#000;opacity:.70;}
.yt-play .pl-ar{fill:#fff;}
.yt-list a:hover .yt-play .pl-bg{fill:var(--red);opacity:1;}
.yt-dur{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:4px;
  background:rgba(0,0,0,.78);color:#fff;font-family:var(--fm);font-size:12px;}
.yt-tit{display:block;margin-top:14px;font-size:16px;font-weight:500;line-height:24px;color:var(--ink);}
.yt-list a:hover .yt-tit{text-decoration:underline;}

/* ══════ 인스타그램 ══════ */
.ig-list{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;}
.ig-list a{position:relative;display:block;overflow:hidden;border-radius:12px;}
.ig-list img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;}
.ig-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;
  background:rgba(20,22,20,.55);color:#fff;font-size:13px;font-weight:500;opacity:0;transition:opacity .25s;}
.ig-list a:hover .ig-ov{opacity:1;}
.ig-ov span{display:inline-flex;align-items:center;gap:5px;}
.ig-ov svg{width:15px;height:15px;fill:#fff;stroke:none;}

/* ══════ 안내 카드 4 ══════ */
.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.info-cards a{display:flex;align-items:center;gap:14px;height:100%;padding:24px 22px;
  background:#fff;border:1px solid var(--line);border-radius:16px;}
.info-cards a:hover{border-color:var(--ink-2);text-decoration:none;}
.info-cards .i-ico{flex:0 0 48px;display:grid;place-items:center;width:48px;height:48px;
  border-radius:50%;background:var(--bg-1);}
.info-cards .i-ico svg{width:27px;height:27px;}
.info-cards .i-body{flex:1 1 auto;min-width:0;}
.info-cards .i-body b{display:block;font-size:16px;font-weight:700;line-height:24px;color:var(--ink);}
.info-cards .i-body em{display:block;margin-top:3px;font-style:normal;font-size:13px;
  font-weight:400;line-height:20px;color:var(--gray-2);}
.info-cards .i-arw svg{width:10px;height:10px;fill:none;stroke:var(--gray-2);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;}

/* ══════ 반응형 ══════ */
@media(max-width:1439px){
  :root{--w:100%;--w-mall:100%;}
  .wrap,.rn-header-inner,.nav-inner,.sec > .inner,.location,.cta-band .inner,.rn-footer .wrap,.visual-nav{
    width:100%;padding-left:32px;padding-right:32px;}
  .rn-header-wrap.fixed .logo-wrap{left:32px;}
  .rn-header-wrap.fixed .search-wrap{right:32px;}
  .sec > .inner{padding-top:84px;padding-bottom:84px;}
  .sec + .sec:not(.light) > .inner{padding-top:72px;}
  .sec.light > .inner{padding-top:84px;padding-bottom:84px;}
  .sec.tight > .inner{padding-top:72px;padding-bottom:20px;}
  .sec.deep > .inner{padding-top:88px;padding-bottom:88px;}
  .cta-band .inner{padding-top:84px;padding-bottom:84px;}
  .quick-icon-list{width:100%;}
  .cs-info-wrap{width:58%;}
  .cs-time-wrap{width:42%;}
}
@media(max-width:1023px){
  .rn-visual .inner{gap:52px;padding:72px 32px 80px;}
  .prd-list,.prd-list.c4{grid-template-columns:repeat(2,1fr);gap:24px;}
  .case-list{grid-template-columns:repeat(2,1fr);gap:24px;}
  .rev-list{grid-template-columns:1fr;}
  .two-col{flex-wrap:wrap;}
  .two-col > *{width:100%;padding:0!important;}
  .two-col > *:first-child{margin-bottom:48px;}
  .visual-copy h1{font-size:40px;letter-spacing:-1px;}
  .quick-icon-list{flex-wrap:wrap;justify-content:flex-start;gap:20px 0;}
  .quick-icon-list li{width:20%;}
  .footer-cs .wrap{flex-wrap:wrap;}
  .cs-info-wrap{width:100%;border-right:0;border-bottom:1px solid var(--gray-2);}
  .cs-time-wrap{width:100%;padding-left:0;}
  .company-cols{flex-wrap:wrap;gap:28px;}
  .company-cols > div{flex:1 1 45%;}
}
@media(max-width:767px){
  body{font-size:15px;}
  .sortbar{flex-wrap:wrap;gap:10px;}
  .rn-top .top-wrap{width:100%;}
  .rn-header-inner{height:24px;padding:20px 0 18px;}
  .logo-wrap{width:auto;}
  .logo{height:22px;}
  .logo svg{height:22px;}
  .search-wrap{width:auto;}
  .search-form{display:none;}
  .icon-wrap{width:auto;margin-left:0;}
  .rn-header-wrap.fixed{position:static;box-shadow:none;}
  .rn-header-wrap.fixed .rn-header-top{height:auto;border-bottom:1px solid var(--line-2);}
  .rn-header-wrap.fixed .rn-header-inner{height:24px;padding:20px 0 18px;}
  .rn-header-wrap.fixed .logo-wrap,.rn-header-wrap.fixed .search-wrap{position:static;width:auto;top:auto;}
  .rn-header-wrap.fixed .rn-nav-wrap{margin-left:0;}
  .header-spacer.on{display:none;}
  .nav-inner{overflow-x:auto;height:52px;scrollbar-width:none;}
  .nav-inner::-webkit-scrollbar{display:none;}
  .rn-nav-wrap > li{margin-right:22px;}
  .rn-nav-wrap > li > a{font-size:15px;padding:14px 0;}
  .nav-etc{display:none;}
  .tit-txt{font-size:24px;line-height:36px;}
  /* 모바일 히어로 : 카피 → 이미지 순서로 쌓습니다 */
  .rn-visual .inner{grid-template-columns:1fr;gap:36px;padding:52px 20px 64px;}
  .visual-media{aspect-ratio:3/2;border-radius:12px;}
  .visual-copy h1{font-size:30px;letter-spacing:-.6px;}
  .visual-copy .lead{font-size:16px;line-height:28px;margin-top:22px;}
  .visual-copy .btns{flex-direction:column;margin-top:34px;}
  .vbtn{height:52px;font-size:16px;}
  .sec > .inner{padding-top:64px;padding-bottom:64px;}
  .sec + .sec:not(.light) > .inner{padding-top:56px;}
  .sec.light > .inner{padding-top:64px;padding-bottom:64px;}
  .sec.tight > .inner{padding-top:56px;padding-bottom:16px;}
  .sec.deep > .inner{padding-top:68px;padding-bottom:68px;}
  .cta-band .inner{padding-top:64px;padding-bottom:64px;}
  .section-tit{margin-bottom:32px;}
  .sec-body{margin-top:40px;line-height:30px;}
  .benefit-list li{padding:30px 24px 32px;}
  .footer-company .wrap{padding:32px 0 56px;}
  .foot-logo svg{height:28px;}
  .prd-list,.prd-list.c4,.case-list{grid-template-columns:1fr;}
  .quick-icon-list li{width:33.33%;}
  .q-ico{width:72px;height:72px;}
  .q-ico svg{width:32px;height:32px;}
  .q-name{font-size:14px;}
  .tel-list{flex-wrap:wrap;gap:20px;}
  .company-cols > div{flex:1 1 100%;}
  .footer-fnb01 .wrap,.footer-fnb02 .wrap{flex-wrap:wrap;gap:16px;}
  .fnb-wrap,.fnb-list,.family-wrap{flex-wrap:wrap;gap:10px 0;}
  .fnb-list li{padding:0 12px;}
  .footer-sns,.sns-wrap{margin-left:0;}
  .family-wrap{gap:12px 24px;}
  .footer-sns{margin-left:0;}
  .famsel{margin-left:0;width:100%;}
  .floating-quick{right:14px;bottom:14px;}
  .floating-quick a{width:52px;height:52px;}
  .seotoggle{left:14px;bottom:14px;}
  .faq summary{font-size:16px;padding:22px 44px 22px 34px;}
  .faq .a{padding:0 44px 24px 34px;font-size:15px;}
}
@media print{.rn-header-wrap{position:static;}.floating-quick,.seotoggle{display:none;}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}

/* ── 신규 섹션 반응형 ── */
@media(max-width:1439px){
  .ship-side{flex:0 0 400px;}
  .quote-side{flex:0 0 350px;}
  .ind-item a{height:290px;}
}
@media(max-width:1023px){
  .ind-list{grid-template-columns:repeat(3,1fr);}
  .yt-list{grid-template-columns:repeat(2,1fr);gap:24px;}
  .ig-list{grid-template-columns:repeat(3,1fr);}
  .client-list{grid-template-columns:repeat(4,1fr);}
  .info-cards{grid-template-columns:repeat(2,1fr);}
  .ship-wrap,.quote-wrap{flex-wrap:wrap;}
  .ship-main,.ship-side,.quote-side,.quote-form{flex:1 1 100%;width:100%;min-width:0;}
  .ship-side{display:grid;grid-template-columns:1fr;}
}
@media(max-width:767px){
  .ind-list{grid-template-columns:repeat(2,1fr);gap:12px;}
  .ind-item a{height:282px;}
  .ind-name{font-size:17px;line-height:25px;}
  .ind-body{padding:0 14px 16px;}
  .ind-cta{margin-top:9px;}
  .client-list{grid-template-columns:repeat(3,1fr);gap:10px;}
  .client-list li{height:76px;}
  .info-cards{grid-template-columns:1fr;}
  .qf-grid{grid-template-columns:1fr;}
  .quote-form{padding:24px 20px 26px;}
  .quote-steps li{padding:18px 20px 18px 64px;}
  .quote-steps .qn{left:20px;top:19px;}
  .quote-tel{padding:20px 22px;}
  .quote-tel .t{font-size:26px;}
  .chip-row a{height:34px;padding:0 14px;font-size:14px;}
  table.cmp.ship{min-width:440px;}
  table.cmp.ship th,table.cmp.ship td{padding:13px 10px;font-size:14px;}
  table.cmp.ship .em{font-size:15px;}
  .draft{font-size:13px;padding:12px 14px;}
}

/* 상세 : 배송비 안내 링크 */
.ship-link{margin-left:8px;font-size:14px;color:var(--gray-2);text-decoration:underline;}
.ship-link:hover{color:var(--ink);}

/* ══════════════════════════════════════════════════════════════════
   워드프레스 템플릿 전용 (테마화하면서 추가된 것)
   ══════════════════════════════════════════════════════════════════ */

/* 브레드크럼 — ol/li 구조 */
.location ol{display:flex;flex-wrap:wrap;align-items:center;}
.location li{display:flex;align-items:center;font-size:14px;font-weight:400;color:var(--gray-2);}
.location li + li::before{content:"";display:inline-block;width:5px;height:5px;margin:0 10px;
  border-top:1px solid var(--gray-5);border-right:1px solid var(--gray-5);transform:rotate(45deg);}
.location a{color:var(--gray-2);}
.location a:hover{color:var(--ink);}
.location [aria-current]{color:var(--ink);}

/* 본문 컨테이너 */
.inner.narrow{max-width:840px;}
.section-tit.left .tit-txt,.section-tit.left .tit-sub{text-align:left;}

/* 본문 타이포 — 블로그·페이지 */
.entry{font-size:17px;font-weight:400;line-height:32px;color:var(--ink);}
.entry h2{margin:52px 0 18px;font-size:24px;font-weight:700;line-height:36px;color:var(--ink);
  padding-top:14px;border-top:2px solid var(--ink-2);}
.entry h3{margin:32px 0 10px;font-size:19px;font-weight:700;line-height:30px;color:var(--ink-2);}
.entry p{margin:0 0 18px;}
.entry ul,.entry ol{margin:0 0 22px;padding-left:20px;}
.entry ul li{list-style:disc;margin-bottom:8px;}
.entry ol li{list-style:decimal;margin-bottom:8px;}
.entry a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;}
.entry a:hover{color:var(--red);}
.entry strong,.entry b{font-weight:700;}
.entry .tbl-wrap,.entry .ship-wrap{margin:0 0 28px;}
.entry table.cmp{min-width:0;}

/* 목차 [3강 p.11] */
.toc{margin:0 0 36px;padding:22px 26px;background:var(--bg-1);border-radius:16px;}
.toc b{display:block;margin-bottom:10px;font-size:15px;font-weight:700;color:var(--ink);}
.toc ol{padding-left:18px;}
.toc li{list-style:decimal;margin-bottom:6px;font-size:15px;font-weight:400;line-height:24px;}
.toc a{color:var(--gray-1);}
.toc a:hover{color:var(--ink);text-decoration:underline;}

/* 글 대표 이미지 */
.post-hero{margin:0 0 34px;border-radius:16px;overflow:hidden;background:var(--bg-2);}
.post-hero img{display:block;width:100%;height:auto;}

/* 글 하단 전환 블록 */
.post-cta{margin-top:56px;padding:38px 34px;background:var(--bg-1);border-radius:16px;text-align:center;}
.post-cta h2{margin:0 0 8px;padding:0;border:0;font-size:22px;font-weight:700;line-height:32px;}
.post-cta p{margin:0 0 22px;font-size:16px;font-weight:400;color:var(--gray-1);}
.post-cta .vbtn{margin:0 5px;}

/* 페이지네이션 */
.pager{display:flex;justify-content:center;gap:6px;margin-top:50px;}
.pager .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;
  border:1px solid var(--gray-5);border-radius:20px;font-size:15px;font-weight:400;color:var(--gray-1);}
.pager .page-numbers:hover{border-color:var(--ink-2);color:var(--ink);text-decoration:none;}
.pager .page-numbers.current{background:var(--ink-2);border-color:var(--ink-2);color:#fff;font-weight:500;}
.pager .dots{border:0;}

/* 퀵메뉴 준비중 배지 */
.q-name .soon{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:9px;
  background:var(--bg-2);color:var(--gray-2);font-style:normal;font-size:11px;font-weight:400;}

/* 견적 폼 단독 배치 */
.quote-wrap.compact{display:block;}
.quote-wrap.compact .quote-form{max-width:640px;margin:0 auto;}

/* 상세 : 폭 선택이 하나뿐일 때 여백 정리 */
.opt-row:empty{display:none;}

@media(max-width:767px){
  .entry{font-size:16px;line-height:29px;}
  .entry h2{font-size:21px;line-height:31px;margin-top:40px;}
  .post-cta{padding:28px 20px;}
  .toc{padding:18px 20px;}
}

/* ────────────────────────────────────────────────────────────
   플로팅 퀵버튼 — 이 규칙이 없으면 SVG 가 화면 폭까지 커집니다
   ──────────────────────────────────────────────────────────── */
.float-quick{position:fixed;right:24px;bottom:24px;z-index:80;
  display:flex;flex-direction:column;gap:10px;width:auto;}
.float-quick > *{width:52px;height:52px;flex:none;padding:0;margin:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);
  cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.10);
  transition:background .3s ease,color .3s ease,border-color .3s ease;}
.float-quick > *:hover{background:var(--ink);border-color:var(--ink);color:#fff;}
.float-quick .chat{background:var(--red);border-color:var(--red);color:#fff;}
.float-quick .chat:hover{background:#1548CC;border-color:#1548CC;}
.float-quick svg{width:22px;height:22px;display:block;flex:none;}
.float-quick .chat svg{fill:currentColor;stroke:none;}
.float-quick .gotop svg{fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;}
.float-quick .gotop{opacity:0;pointer-events:none;transform:translateY(6px);
  transition:opacity .3s ease,transform .3s ease,background .3s ease,color .3s ease;}
.float-quick.on .gotop{opacity:1;pointer-events:auto;transform:none;}
@media(max-width:767px){
  .float-quick{right:14px;bottom:14px;gap:8px;}
  .float-quick > *{width:46px;height:46px;}
  .float-quick svg{width:20px;height:20px;}
}
/* 안전장치 — 아이콘 SVG 가 크기 지정 없이 들어와도 부모를 넘지 않습니다 */
.float-quick svg,.q-ico svg,.bnf svg,.quick svg{max-width:100%;max-height:100%;}