@charset "UTF-8";
/* 경인창호 홈페이지 시안(new.html) — tasks/045 LX 톤. 원본 kyw.css 는 그대로 두고 이 파일만 쓴다.
   색: LX 적색 하나 + 먹색·회백. 초록은 그린리모델링 작은 표시에만. 그라데이션·빛 번짐 그림자·움직이는 효과 없음.
   글꼴: Noto Sans KR 하나. 굵기 400·500·700(제목만 800). 크기 13·15·17·20·26·34px(휴대폰은 한 단계 작게). */
:root{
  --red:#AB2C29;--red-d:#8e2421;--red-l:#f6e9e1;
  --ink:#1a1611;--ink2:#4a423b;--ink3:#6b6459;
  --line:#e3d9ce;--bg1:#efe8e0;--bg2:#faf6f2;--white:#fff;
  --green:#3d7a4f;
  --f1:13px;--f2:15px;--f3:17px;--f4:20px;--f5:26px;--f6:34px;
  --r:10px;
}
@media (max-width:767px){:root{--f3:15px;--f4:17px;--f5:20px;--f6:26px}}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-size:var(--f2);line-height:1.65;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:60px;word-break:keep-all}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
b,strong{font-weight:700}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
.sec{padding:72px 0}
.sec.alt{background:var(--bg2)}
@media (max-width:767px){.sec{padding:48px 0}.wrap{padding:0 16px}}
.sec h2{font-size:var(--f5);font-weight:800;line-height:1.35;letter-spacing:-.02em;color:var(--ink)}
.sec h3{font-size:var(--f4);font-weight:700;line-height:1.4;color:var(--ink);margin:40px 0 14px}
.lead{margin-top:10px;font-size:var(--f3);color:var(--ink2)}
.note{font-size:var(--f1);color:var(--ink3)}
.ic-ph{width:18px;height:18px;flex-shrink:0}

/* 버튼 — 모서리 8px, 한 겹 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:8px;font-size:var(--f3);font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color .15s}
.btn-red{background:var(--red);color:var(--white)}
.btn-red:hover{background:var(--red-d)}
.btn-line{background:var(--white);color:var(--red);border:1px solid var(--red)}
.btn-line:hover{background:var(--red-l)}

/* 그린리모델링 안내 띠 */
.grtop{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:var(--bg1);padding:8px 16px;font-size:var(--f1);color:var(--ink2);text-decoration:none;text-align:center}
.grtop .gr-mark{color:var(--green);font-weight:700}
.grtop .gr-more{color:var(--red);font-weight:700;white-space:nowrap}

/* 머리글(위 고정 막대 — lead-form 이 .top-bar 높이를 잰다) */
.top-bar{position:sticky;top:0;z-index:999;background:var(--white);border-bottom:1px solid var(--line)}
.top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:960px;min-height:56px;margin:0 auto;padding:0 20px}
@media (max-width:767px){.top-row{padding:0 12px 0 16px;min-height:52px}}
.brand-link{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none;color:var(--ink)}
.brand-lx{display:flex;align-items:center;gap:2px;white-space:nowrap}
.brand-lx-ci{height:20px;width:auto}
.brand-lx em{font-style:normal;font-size:var(--f2);font-weight:700;color:var(--ink3)}
.brand-div{width:1px;height:16px;background:var(--line);flex-shrink:0}
.brand-zin{font-size:var(--f2);font-weight:800;color:var(--red);white-space:nowrap}
.brand-zin small{font-size:var(--f1);font-weight:500;color:var(--ink3);margin-left:2px}
.hd-right{display:flex;align-items:center;gap:14px;flex-shrink:0}
.kbpi{display:none;font-size:var(--f1);color:var(--ink3);white-space:nowrap}
@media (min-width:640px){.kbpi{display:inline}}
.hd-call{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;min-width:44px;padding:0 12px;border-radius:8px;background:var(--red);color:var(--white);text-decoration:none;font-size:var(--f2);font-weight:700}
.hd-call:hover{background:var(--red-d)}
.hd-num{display:none;white-space:nowrap}
@media (min-width:420px){.hd-num{display:inline}}
@media (max-width:374px){.brand-zin small{display:none}}
/* PC 왼쪽 목차(옛 모양 되살림, 09-28 사장님) — 본문(960px)을 가리지 않는 넓은 화면에서만. 그림자 대신 얇은 테두리(045 규칙) */
.side-nav{display:none}
@media (min-width:1360px){
  .side-nav{display:block;position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:500;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:14px 12px 14px 22px;max-width:176px;transition:opacity .3s,transform .3s}
  .side-nav.is-hidden{opacity:0;pointer-events:none;transform:translate(-14px,-50%)}
  .side-nav::before{content:'';position:absolute;left:10px;top:16px;bottom:16px;width:1px;background:var(--line)}
  .side-nav-i{position:relative;display:block;padding:6px 8px;font-size:var(--f1);font-weight:500;color:var(--ink3);text-decoration:none;border-radius:6px;line-height:1.4}
  .side-nav-i::before{content:'';position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--line)}
  .side-nav-i:hover{background:var(--bg2);color:var(--ink)}
  .side-nav-i.active{color:var(--ink);font-weight:700;background:var(--red-l)}
  .side-nav-i.active::before{background:var(--red)}
  section[id]{scroll-margin-top:64px}
}


/* 첫 화면 */
.hero{background:var(--bg2);padding:56px 0 0}
.hero-grid{display:grid;gap:32px;align-items:center}
@media (min-width:900px){.hero-grid{grid-template-columns:1.1fr 1fr;gap:48px}}
.hero h1{font-size:var(--f6);font-weight:800;line-height:1.3;letter-spacing:-.03em}
.hero-d{margin-top:16px;font-size:var(--f3);color:var(--ink2)}
.hero-promise{margin-top:14px;font-size:var(--f2);font-weight:700;color:var(--red)}
.hero-facts{margin-top:4px;font-size:var(--f2);color:var(--ink3)}
.hero-promise span,.hero-facts span{white-space:nowrap}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-hrs{margin-top:12px;font-size:var(--f1);color:var(--ink3)}
.hero-img{border-radius:var(--r);width:100%;height:auto}
@media (max-width:767px){.hero{padding-top:36px}.hero-cta .btn{flex:1 1 100%}}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid var(--line)}
.fact{padding:22px 8px 26px}
.fact+.fact{border-left:1px solid var(--line);padding-left:20px}
.fact:first-child{padding-left:0}
.fact-v{font-size:var(--f5);font-weight:800;line-height:1.2;color:var(--ink)}
.fact-l{margin-top:4px;font-size:var(--f1);color:var(--ink3)}
@media (max-width:767px){
  .facts{grid-template-columns:repeat(2,1fr);margin-top:36px}
  .fact{padding:16px 4px 18px}
  .fact+.fact{padding-left:14px}
  .fact:nth-child(3){border-left:0;padding-left:0}
  .fact:nth-child(n+3){border-top:1px solid var(--line)}
}

/* 가격표(.price-compare — lead-form 이 이 뒤에 상담 칸을 붙인다) */
.price-compare{margin-top:28px;max-width:720px}
.pc-unit{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:8px;font-size:var(--f1);color:var(--ink3)}
.pc-unit b{color:var(--ink);font-size:var(--f2)}
.pc-table{width:100%;border-collapse:collapse;border-top:2px solid var(--ink)}
.pc-table th{font-size:var(--f1);font-weight:500;color:var(--ink3);text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.pc-table td{font-size:var(--f3);padding:16px 10px;border-bottom:1px solid var(--line);color:var(--ink)}
.pc-table th:last-child,.pc-table td:last-child{text-align:right}
.pc-table td.amt{font-size:var(--f4);font-weight:800;color:var(--red);white-space:nowrap}
.pc-table td.amt small{font-size:var(--f1);font-weight:500;color:var(--ink3);margin-left:2px}
.pc-table th.pc-num{text-align:right}.pc-table th.pc-part{white-space:normal;line-height:1.35}
.pc-table td.amt-p{color:var(--ink)}
@media (max-width:767px){.pc-table th,.pc-table td{padding-left:6px;padding-right:6px}.pc-table td{font-size:var(--f2)}}
.pc-notes{margin-top:14px;padding-left:18px;font-size:var(--f1);color:var(--ink3)}
.pc-notes li+li{margin-top:2px}

/* 포함 항목 체크리스트 */
.inc{margin-top:28px;border-top:2px solid var(--ink);max-width:720px}
.inc-h,.inc-r{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line)}
.inc-h{font-size:var(--f1);color:var(--ink3);padding-top:10px;padding-bottom:10px}
.inc-r b{display:block;font-size:var(--f3);color:var(--ink)}
.inc-r>div>span{display:block;font-size:var(--f1);color:var(--ink3)}
.inc-ok{display:inline-flex;align-items:center;gap:6px;font-size:var(--f2);font-weight:700;color:var(--red);white-space:nowrap}
.inc-ok svg{width:18px;height:18px}
.inc-ok.opt{color:var(--ink2);font-weight:500;font-size:var(--f1)}
.ben-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}
.ben-strip figure{min-width:0}
.ben-strip img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
.ben-strip figcaption{margin-top:6px;font-size:var(--f1);color:var(--ink2)}
@media (max-width:767px){.ben-strip{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:6px}.ben-strip figure{flex:0 0 58%;scroll-snap-align:start}}
.promise{margin-top:28px;padding:18px 20px;background:var(--red-l);border-radius:var(--r);font-size:var(--f2);color:var(--ink)}
.promise p+p{margin-top:4px}
.promise b{color:var(--red)}

/* 접어 둔 것(details) — 줄 하나, 상자 안 상자 없음 */
.more{margin-top:36px;border-top:1px solid var(--line)}
.more>details{border-bottom:1px solid var(--line)}
.more summary,.faq summary,.warr-more summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px;font-size:var(--f3);font-weight:700;color:var(--ink);cursor:pointer;list-style:none}
.more summary::-webkit-details-marker,.faq summary::-webkit-details-marker,.warr-more summary::-webkit-details-marker{display:none}
.more summary::after,.faq summary::after,.warr-more summary::after{content:'자세히';flex-shrink:0;font-size:var(--f1);font-weight:500;color:var(--red)}
.more details[open]>summary::after,.faq details[open]>summary::after,.warr-more details[open]>summary::after{content:'접기'}
.dt-body{padding:0 4px 22px;font-size:var(--f2);color:var(--ink2)}
.dt-body p+p,.dt-body p+ul,.dt-body ul+p{margin-top:8px}
.dt-body h4{margin:16px 0 4px;font-size:var(--f2);font-weight:700;color:var(--ink)}
.dt-body h4:first-child{margin-top:0}
.dt-body ul{padding-left:18px}
.spec-t{width:100%;border-collapse:collapse;font-size:var(--f2)}
.spec-t th{font-size:var(--f1);font-weight:500;color:var(--ink3);text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}
.spec-t td{padding:10px 8px;border-bottom:1px solid var(--line);color:var(--ink)}
.opt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:639px){.opt-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
.opt-grid figure{min-width:0}
.opt-grid img{width:100%;aspect-ratio:600/352;object-fit:cover;border-radius:8px}
.opt-grid figcaption{margin-top:6px;font-size:var(--f1);color:var(--ink2)}
.opt-grid figcaption b{display:block;font-size:var(--f2);color:var(--ink)}
.opt-grid .free{color:var(--red);font-weight:700}

/* 업그레이드 혜택 */
.upg{margin-top:28px;border-top:2px solid var(--ink);max-width:720px}
.upg-r{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line)}
.upg-k{font-size:var(--f1);color:var(--ink3)}
.upg-v{font-size:var(--f3);color:var(--ink)}
.upg-v b{color:var(--red)}
.upg-p{font-size:var(--f2);font-weight:700;color:var(--ink);white-space:nowrap}
@media (max-width:767px){.upg-r{grid-template-columns:48px 1fr;row-gap:2px}.upg-p{grid-column:2}}
.loe{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px}
.loe img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}
.loe figcaption{margin-top:6px;font-size:var(--f1);color:var(--ink2)}
.loe .ours figcaption{color:var(--red);font-weight:700}

/* 그린리모델링 */
.gr-grid{display:grid;gap:32px;align-items:center}
@media (min-width:900px){.gr-grid{grid-template-columns:1fr 280px;gap:56px}}
.gr-label{font-size:var(--f1);font-weight:700;color:var(--green)}
.gr-grid h2{margin-top:8px}
.gr-num{margin-top:20px;font-size:var(--f3);color:var(--ink2)}
.gr-num b{font-size:var(--f6);font-weight:800;color:var(--red);margin-right:6px}
.gr-close{margin-top:14px;font-size:var(--f2);color:var(--ink2)}
.gr-grid .btn{margin-top:22px}
.gr-cert{max-width:280px;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;margin:0 auto}
@media (max-width:899px){.gr-cert{max-width:200px}}

/* 시공 과정 */
.proc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:28px;border-top:2px solid var(--ink);list-style:none}
.proc li{padding:18px 16px 20px 0;border-bottom:1px solid var(--line)}
.proc-n{font-size:var(--f1);font-weight:700;color:var(--red)}
.proc li b{display:block;margin-top:2px;font-size:var(--f3);color:var(--ink)}
.proc li > span:not(.proc-n){display:block;margin-top:2px;font-size:var(--f1);color:var(--ink3)}
@media (max-width:767px){.proc{grid-template-columns:1fr}.proc li{padding:14px 0;display:grid;grid-template-columns:28px 1fr;column-gap:8px}.proc li b,.proc li > span:not(.proc-n){grid-column:2}.proc-n{grid-row:1/3;padding-top:3px}}
.day{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:var(--f2);color:var(--ink2)}
.day-t{width:100%;font-size:var(--f1);color:var(--ink3)}
.day b{font-weight:700;color:var(--ink);margin-right:6px}

/* 보증 */
.warr-imgs{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:620px;margin-top:28px}
.warr-imgs img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
.warr-more{margin-top:28px;border-top:1px solid var(--line)}
.warr-more>details{border-bottom:1px solid var(--line)}
.warr-more h4{margin:22px 0 8px;font-size:var(--f3);font-weight:700;color:var(--ink)}
.warr-more h4:first-child{margin-top:0}
.t-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.warr-t{width:100%;min-width:600px;border-collapse:collapse;font-size:var(--f1)}
.warr-t th{font-weight:500;color:var(--ink3);text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}
.warr-t td{padding:9px 8px;border-bottom:1px solid var(--line);color:var(--ink2)}
.warr-t td.y{white-space:nowrap;color:var(--ink)}
.warr-t td.prem{white-space:nowrap;font-weight:700;color:var(--red)}
.warr-list{padding-left:16px;font-size:var(--f1);color:var(--ink2)}
.warr-list li+li{margin-top:2px}
.warr-cap{margin-top:10px;font-size:var(--f1);color:var(--ink3)}
.warr-info{margin-top:8px;font-size:var(--f2);color:var(--ink2)}

/* 인증 */
.co{margin-top:28px;border-top:2px solid var(--ink);max-width:720px}
.co-r{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line);font-size:var(--f2)}
.co-r dt{color:var(--ink3);font-size:var(--f1);padding-top:2px}
.co-r dd{color:var(--ink)}
@media (max-width:767px){.co-r{grid-template-columns:80px 1fr;gap:8px}}
.cert-names{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px;list-style:none}
.cert-names li{font-size:var(--f1);color:var(--ink2);padding:3px 8px;border:1px solid var(--line);border-radius:4px;background:var(--white)}
.cert-gal{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:24px}
@media (max-width:899px){.cert-gal{grid-template-columns:repeat(4,1fr)}}
@media (max-width:639px){.cert-gal{grid-template-columns:repeat(3,1fr);gap:10px}}
.cert-gal figure{min-width:0}
.cert-gal img{width:100%;aspect-ratio:793/1121;object-fit:cover;border:1px solid var(--line);border-radius:4px;background:var(--white)}
.cert-gal figcaption{margin-top:4px;font-size:var(--f1);color:var(--ink2);text-align:center;line-height:1.4}

/* 후기 */
.rev{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
@media (max-width:767px){.rev{grid-template-columns:1fr;gap:12px}}
.rev figure{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px}
.rev-star{font-size:var(--f1);color:var(--red);letter-spacing:1px}
.rev blockquote{margin-top:8px;font-size:var(--f2);color:var(--ink)}
.rev figcaption{margin-top:12px;font-size:var(--f1);color:var(--ink3)}
.rev figcaption b{color:var(--ink2);margin-right:6px}

/* 자주 묻는 질문 */
.faq{margin-top:28px;border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{font-weight:500}
.faq .dt-body{color:var(--ink2)}

/* 상담 권하기 띠 */
.cta{background:var(--bg1);padding:56px 0;text-align:center}
.cta h2{font-size:var(--f5);font-weight:800;line-height:1.35;color:var(--ink)}
.cta p{margin-top:8px;font-size:var(--f2);color:var(--ink2)}
.cta .btn{margin-top:22px;min-width:260px}
@media (max-width:767px){.cta{padding:40px 0}.cta .btn{width:100%;min-width:0}}

/* 영상 */
.vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 16px;margin-top:28px}
@media (max-width:767px){.vid-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:6px}.vid-card{flex:0 0 78%;scroll-snap-align:start}}
.vid-card{display:block;align-self:start;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}
.vid-thumb-wrap{position:relative;display:block;border-radius:8px;overflow:hidden;background:var(--bg1)}
.vid-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}
.vid-play{position:absolute;left:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:var(--red);color:var(--white);display:flex;align-items:center;justify-content:center}
.vid-play svg{width:18px;height:18px;margin-left:2px}
.vid-tt{display:block;margin-top:8px;font-size:var(--f1);line-height:1.5;color:var(--ink2)}
.vid-card:hover .vid-tt{color:var(--ink)}
.vid-more{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:var(--f2);font-weight:700;color:var(--red);text-decoration:none}
.vid-more svg{width:20px;height:20px}
.vid-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:16px}
.vid-modal.open{display:flex}
.vid-modal-bg{position:absolute;inset:0;background:rgba(26,22,17,.82)}
.vid-modal-box{position:relative;width:100%;max-width:900px}
.vid-modal-frame{position:relative;aspect-ratio:16/9;background:var(--ink);border-radius:8px;overflow:hidden}
.vid-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid-modal-close{position:absolute;right:0;top:-52px;width:44px;height:44px;border:0;border-radius:50%;background:var(--white);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.vid-modal-close svg{width:20px;height:20px}
.vid-modal-title{margin-top:10px;font-size:var(--f2);color:var(--white)}

/* 바닥글 */
.ft{background:var(--bg1);padding:40px 0 48px;font-size:var(--f1);line-height:1.8;color:var(--ink3)}
.ft-br{font-size:var(--f2);font-weight:700;color:var(--ink);margin-bottom:8px}
.ft a{color:var(--ink2)}

/* 아래 고정 막대(.sticky — lead-form 이 반으로 나눠 [상담 신청]을 붙이면 전화 쪽은 먹색) */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:var(--red);border-top:1px solid var(--red-d)}
.sticky a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 16px;color:var(--white);text-decoration:none;font-size:var(--f4);font-weight:700}
.sticky .ri{width:30px;height:30px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sticky .ri svg{width:15px;height:15px}
.sticky .sm{font-size:var(--f1);font-weight:500;color:var(--red-l)}
.sticky.kwl-sticky{background:var(--ink);border-top-color:var(--ink)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* 줄넘김 — 보급형 폰(360px)에서 끝 줄에 한 낱말만 남거나 괄호·묶음이 갈리지 않게(045, 09-27) */
p,li,dd,blockquote,figcaption,td,.dt-body{text-wrap:pretty}
h1,h2,h3,summary{text-wrap:balance}
.nw,.hero-promise span,.hero-facts span,.months span{white-space:nowrap}
.months{display:flex;flex-wrap:wrap;gap:2px 14px}
@media (max-width:480px){.hero-promise .sep{display:none}.hero-promise span{display:block}}
/* 한 줄로 들어갈 만한 것은 한 줄로 — 보급형 폰(360·384px) 재검토(045, 09-27) */
.warr-t td:first-child{white-space:nowrap}
@media (max-width:400px){.hero-facts{font-size:var(--f1)}.promise{padding:16px 14px}.spec-t th,.spec-t td{padding-left:6px;padding-right:6px}}
/* 공지 띠 — /admin 표 항목(tasks/152 3단계), 비면 안 보임 */
.kw-notice-wrap{background:var(--red);color:var(--white);text-align:center;padding:8px 16px}.kw-notice-wrap:empty{display:none}.kw-notice{margin:0;font-weight:700;line-height:1.45;word-break:keep-all}.kw-notice+.kw-notice{margin-top:4px}