:root{--blue:#245A91;--blue-50:#F1F4F6;--blue-100:#D5DFE7;--ink:#202832;--slate:#59636D;--slate-light:#7A838C;--line:#DDE2E5;--white:#fff;--navy:#0F2C59;--radius-lg:8px;--radius-md:5px;--radius-sm:4px;--max:1180px;--sans:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}
@font-face{font-family:Pretendard;src:url('fonts/Pretendard-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--sans);color:var(--ink);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px}.brand img{height:38px;width:auto}.brand-text{font-size:21px;font-weight:800;color:var(--navy);letter-spacing:-.03em}.brand-text b{color:var(--blue)}.nav-links{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:650}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--blue)}.nav-right{display:flex;align-items:center;gap:16px}.nav-tel{font-size:12px;color:var(--slate)}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:4px;font-weight:700;border:0;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#19466f}.btn-nav{padding:11px 16px;font-size:13px}.btn-secondary{background:white;border:1px solid #cbd3da;color:var(--ink)}.btn-lg{padding:15px 21px;font-size:14px}.menu-btn{display:none;border:0;background:none;font-size:22px;color:var(--navy)}
.site-footer{border-top:1px solid var(--line);padding:32px 0 38px}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.footer-brand{display:flex;gap:8px;align-items:center;font-weight:800;color:var(--navy)}.footer-brand img{height:28px}.footer-copy{font-size:12px;color:var(--slate-light);line-height:1.8;margin-top:8px}.footer-links{display:flex;gap:20px;font-size:12px;color:var(--slate)}
.page-intro{padding:64px 0 36px;border-bottom:1px solid var(--line)}.page-kicker{font-size:12px;font-weight:750;color:var(--blue);letter-spacing:.03em}.page-intro h1{font-size:clamp(34px,5vw,54px);line-height:1.24;letter-spacing:-.045em;color:var(--navy);margin:14px 0 12px}.page-intro p{max-width:660px;color:var(--slate);font-size:15px}.content-section{padding:54px 0 76px}.content-section h2{font-size:23px;letter-spacing:-.025em;color:var(--navy);margin-bottom:15px}.content-section>p{color:var(--slate);font-size:14px;max-width:760px}.page-cta{margin-top:34px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.page-cta p{font-weight:700;color:var(--navy)}
.home-hero{padding:64px 0 52px;display:grid;grid-template-columns:1fr .9fr;gap:58px;align-items:center}.home-hero h1{font-size:clamp(40px,5vw,60px);line-height:1.24;letter-spacing:-.05em;color:var(--navy);margin:17px 0}.home-hero h1 em{font-style:normal;color:var(--blue)}.home-hero p{font-size:15px;color:var(--slate);max-width:530px}.home-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.home-photo{position:relative;height:390px;overflow:hidden;border:1px solid var(--line)}.home-photo img{height:100%;width:100%;object-fit:cover}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;background:#fffF;font-size:11px;color:var(--slate)}
.home-links{padding:22px 0 70px}.home-links h2{font-size:22px;color:var(--navy);margin-bottom:18px}.page-link-list{border-top:1px solid #cbd3d9}.page-link{display:grid;grid-template-columns:130px 1fr 24px;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #cbd3d9}.page-link b{font-size:16px;color:var(--navy)}.page-link span{font-size:13px;color:var(--slate)}.page-link i{font-style:normal;color:var(--blue);font-size:20px}.page-link:hover b{color:var(--blue)}

.trust-bar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--blue-50)}.trust-item{padding:24px 16px;text-align:center;border-right:1px solid var(--blue-100)}.trust-item:last-child{border-right:none}.trust-item b{display:block;font-size:24px;font-weight:800;color:var(--navy);letter-spacing:-.02em}.trust-item span{font-size:12.5px;color:var(--slate);margin-top:4px;display:block}

.reviews{padding:8px 0 76px}.reviews h2{font-size:22px;color:var(--navy);margin-bottom:18px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{background:var(--blue-50);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px}.review-card .stars{color:#E5A623;font-size:13px;letter-spacing:2px;margin-bottom:10px}.review-card p{font-size:13.5px;color:var(--ink);line-height:1.7;margin-bottom:12px}.review-card .who{font-size:12px;color:var(--slate-light);font-weight:600}
.service-list{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:38px}.service-row{display:grid;grid-template-columns:82px 1fr;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.service-row img{width:82px;height:70px;object-fit:cover}.service-row h2{font-size:16px;color:var(--navy);margin:0 0 3px}.service-row p{font-size:12px;color:var(--slate)}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.case-card{border:1px solid var(--line);background:white}.case-visual{aspect-ratio:16/10;display:grid;grid-template-columns:1fr 1fr;position:relative}.case-visual img{width:100%;height:100%;object-fit:cover}.case-tag{position:absolute;top:10px;background:#202832d9;color:white;padding:4px 8px;font-size:10px}.case-tag.before{left:10px}.case-tag.after{right:10px}.case-sample{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:6px 9px;border:1px solid #d6dde3;font-size:11px;font-weight:700;white-space:nowrap}.case-info{padding:15px}.case-info h2{font-size:16px;color:var(--navy);margin-bottom:4px}.case-info p{font-size:12px;color:var(--slate)}.note{margin-top:16px;color:var(--slate-light);font-size:12px}
.steps{counter-reset:step}.step-row{display:grid;grid-template-columns:90px 180px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid var(--line);align-items:start}.step-number{font-size:12px;font-weight:800;color:var(--blue)}.step-row h2{font-size:17px;color:var(--navy)}.step-row p{font-size:13px;color:var(--slate)}.estimate-table{width:100%;border-collapse:collapse;margin-top:24px}.estimate-table th,.estimate-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:16px 12px;font-size:13px}.estimate-table th{width:180px;color:var(--navy);background:#f6f8f9}.estimate-table td{color:var(--slate)}
.case-visual .photo-empty{display:flex;align-items:center;justify-content:center;min-height:100%;background:#f2f4f5;color:#7a838c;font-size:12px}.case-info .case-meta{margin-top:7px;line-height:1.7}
.form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:54px;align-items:start}.form-intro{background:var(--navy);color:white;padding:26px}.form-intro h2{font-size:24px;line-height:1.35;margin:0 0 12px}.form-intro p{font-size:13px;color:#d0d9e4}.form-card{padding:25px;border:1px solid var(--line);background:#fff}.form-card h2{font-size:19px;color:var(--navy);margin-bottom:5px}.form-card .hint{font-size:12px;color:var(--slate-light);margin-bottom:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:3px;background:white;font-size:13px}.field textarea{min-height:80px}.privacy{display:flex;gap:8px;font-size:11px;color:var(--slate-light);margin:16px 0}.submit-btn{width:100%;border:0;background:var(--blue);color:white;padding:14px;font-size:14px;font-weight:750}.form-result{display:none;padding:12px;margin-top:12px;background:var(--blue-50);font-size:12px;white-space:pre-wrap}
.mobile-cta{display:none}

@media(max-width:960px){.wrap{width:calc(100% - 40px)}.nav{height:70px}.nav-links,.nav-tel{display:none}.menu-btn{display:block}.nav-links.open{display:flex;position:absolute;left:0;right:0;top:70px;flex-direction:column;align-items:flex-start;gap:13px;padding:18px 22px 22px;background:#fff;border-bottom:1px solid var(--line)}.home-hero{grid-template-columns:1fr;gap:25px;padding:45px 0}.home-photo{height:330px}.form-layout{grid-template-columns:1fr;gap:20px}.service-list{column-gap:20px}.trust-bar{grid-template-columns:repeat(3,1fr)}.trust-item{padding:18px 8px}.trust-item b{font-size:19px}.review-grid{grid-template-columns:1fr}.site-footer{padding-bottom:100px}.mobile-cta{display:grid;grid-template-columns:1fr 2fr;gap:9px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(10px);border-top:1px solid var(--line)}.mobile-cta a{display:flex;align-items:center;justify-content:center;height:50px;border-radius:var(--radius-md);font-size:13.5px;font-weight:750}.mobile-cta .call{background:var(--blue-50);color:var(--navy)}.mobile-cta .quote{background:var(--blue);color:#fff}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.brand img{height:32px}.brand-text{font-size:19px}.nav-right{gap:8px}.btn-nav{font-size:11px;padding:10px}.home-hero{padding:32px 0}.home-hero h1{font-size:40px}.home-photo{height:270px}.page-intro{padding:40px 0 27px}.content-section{padding:34px 0 55px}.page-link{grid-template-columns:1fr 22px;gap:4px;padding:15px 0}.page-link b{grid-column:1}.page-link span{grid-column:1}.page-link i{grid-column:2;grid-row:1/3}.service-list,.case-grid{grid-template-columns:1fr}.service-row{grid-template-columns:72px 1fr}.service-row img{width:72px;height:62px}.step-row{grid-template-columns:60px 1fr;gap:8px 12px}.step-row p{grid-column:2}.estimate-table th,.estimate-table td{padding:12px 8px;font-size:12px}.estimate-table th{width:105px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{display:block}.footer-links{margin-top:18px}.page-cta{align-items:flex-start;flex-direction:column}}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ── 2026-09-26 첫 화면 고도화: 공간 카드 · 진행 흐름 · 철거/덧방 비교 · 약속 · 타일 상식 · 후기(실제만) ── */
.home-section{padding:64px 0}.home-band{background:var(--blue-50);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:64px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.section-head h2{font-size:clamp(22px,2.6vw,28px);letter-spacing:-.035em;color:var(--navy);margin-top:6px;line-height:1.35}.more-link{font-size:13px;font-weight:700;color:var(--blue);white-space:nowrap}.more-link:hover{text-decoration:underline}
.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.space-card{position:relative;display:block;overflow:hidden;border:1px solid var(--line);background:#fff;border-radius:var(--radius-md)}.space-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}.space-card:hover img{transform:scale(1.04)}.space-card div{padding:14px 16px;display:flex;flex-direction:column;gap:2px}.space-card b{font-size:16px;color:var(--navy)}.space-card span{font-size:12.5px;color:var(--slate)}.space-card:hover b{color:var(--blue)}
.flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--blue-100);background:#fff}.flow li{padding:22px 20px;border-right:1px solid var(--blue-100);position:relative}.flow li:last-child{border-right:0}.flow li span{font-size:12px;font-weight:800;color:var(--blue)}.flow li b{display:block;font-size:16px;color:var(--navy);margin:6px 0 6px}.flow li p{font-size:13px;color:var(--slate);line-height:1.6}
.method-compare{margin-top:34px}.method-compare h3{font-size:18px;color:var(--navy);margin-bottom:14px;letter-spacing:-.02em}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.method-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:20px 22px}.method-card:last-child{border-top-color:var(--navy)}.method-card b{display:block;font-size:17px;color:var(--navy);margin-bottom:10px}.method-card b small{font-size:12px;font-weight:600;color:var(--slate-light);margin-left:6px}.method-card ul{padding-left:18px;display:grid;gap:6px}.method-card li{font-size:13.5px;color:var(--ink);line-height:1.6}.method-compare .note a{color:var(--blue);font-weight:700}
.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.promise-card{border:1px solid var(--line);padding:22px 20px;border-radius:var(--radius-md);background:#fff}.promise-card i{font-style:normal;font-size:12px;font-weight:800;color:var(--blue)}.promise-card b{display:block;font-size:16px;color:var(--navy);margin:8px 0 8px;line-height:1.4}.promise-card p{font-size:13px;color:var(--slate);line-height:1.65}
.tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tip-card{position:relative;background:#fff;border:1px solid var(--line);padding:20px 20px 40px;border-radius:var(--radius-md)}.tip-card b{display:block;font-size:15.5px;color:var(--navy);margin-bottom:6px}.tip-card p{font-size:13px;color:var(--slate);line-height:1.6}.tip-card i{position:absolute;right:18px;bottom:14px;font-style:normal;color:var(--blue);font-size:18px}.tip-card:hover{border-color:var(--blue)}.tip-card:hover b{color:var(--blue)}
.home-cta{margin:64px auto;padding:34px 36px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:var(--radius-md)}.home-cta h2{font-size:clamp(20px,2.4vw,26px);letter-spacing:-.03em;line-height:1.4}.home-cta p{font-size:14px;color:#c9d4e2;margin-top:4px}.home-cta .btn-primary{background:#fff;color:var(--navy)}.home-cta .btn-primary:hover{background:var(--blue-50)}
.review-card .case-link{display:inline-block;margin-top:10px;font-size:12px;color:var(--blue);font-weight:700}
.case-review{margin-top:10px;padding:12px 14px;background:var(--blue-50);border-left:3px solid var(--blue);font-size:13px;color:var(--ink);line-height:1.65}.case-review span{display:block;margin-top:4px;font-size:11.5px;color:var(--slate-light)}
.footer-links b{font-weight:800;color:var(--ink)}
/* 타일 이야기 · 개인정보 처리방침 (긴 글) */
.article{max-width:820px}.article section{padding:34px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}.article section:last-of-type{border-bottom:0}.article h2{font-size:22px;color:var(--navy);letter-spacing:-.025em;margin-bottom:12px}.article h3{font-size:16px;color:var(--navy);margin:18px 0 6px}.article p{font-size:14.5px;color:var(--ink);line-height:1.8;margin-bottom:10px}.article ul,.article ol{padding-left:20px;margin:6px 0 12px}.article li{font-size:14.5px;line-height:1.8;color:var(--ink)}.article .point{background:var(--blue-50);border-left:3px solid var(--blue);padding:14px 16px;font-size:14px;margin:14px 0}.article table{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:13.5px}.article th,.article td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.article th{background:#f6f8f9;color:var(--navy);white-space:nowrap}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.toc a{font-size:13px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-weight:600}.toc a:hover{border-color:var(--blue);color:var(--blue)}
@media(max-width:960px){.space-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:1fr 1fr}.flow li:nth-child(2){border-right:0}.flow li:nth-child(-n+2){border-bottom:1px solid var(--blue-100)}.promise-grid,.tip-grid{grid-template-columns:1fr 1fr}.home-cta{flex-direction:column;align-items:flex-start}.home-section,.home-band{padding:48px 0}}
@media(max-width:600px){.space-grid{gap:10px}.space-card div{padding:10px 12px}.space-card b{font-size:15px}.space-card span{font-size:11.5px}.flow{grid-template-columns:1fr}.flow li{border-right:0;border-bottom:1px solid var(--blue-100)}.flow li:last-child{border-bottom:0}.method-grid,.promise-grid{grid-template-columns:1fr}.tip-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start;gap:6px}.home-cta{padding:26px 22px;margin:40px auto}.home-cta .btn{width:100%}.trust-item b{font-size:16px}.trust-item span{font-size:11.5px}.article table{font-size:12.5px}.article th,.article td{padding:8px}}
/* 한글을 낱말 단위로 줄바꿈 (「시작합니/다」처럼 끊기지 않게) · 휴대폰 아래 메뉴 줄바꿈 */
body{word-break:keep-all;overflow-wrap:break-word}.footer-links{flex-wrap:wrap;row-gap:10px}.footer-links a{white-space:nowrap}