*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#171914;background:#f5f1e9;word-break:keep-all}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}header{height:80px;position:sticky;top:0;z-index:5;background:#f8f5efee;border-bottom:1px solid #d9d3c7}.nav{height:100%;display:flex;align-items:center}.logo{font-size:23px;font-weight:900}.logo b,.eyebrow{color:#9b7532}.logo small{display:block;font-size:9px;color:#777;letter-spacing:1px}.nav nav{margin-left:auto;display:flex;gap:28px;font-size:14px;font-weight:650}.hero{padding:88px 0 98px;background:linear-gradient(125deg,#f5eee2,#e5dbc9)}.heroGrid{display:grid;grid-template-columns:1.18fr .82fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:60px;line-height:1.12;letter-spacing:-3px;margin:18px 0 24px}.hero h1 em{font-style:normal;color:#9b7330}.lead{color:#66645d;font-size:17px;line-height:1.8}.buttons{display:flex;gap:9px;margin:32px 0}.buttons a{padding:14px 18px;background:#faf7f0;border:1px solid #bdb6aa;font-size:14px;font-weight:700}.buttons .dark{background:#172017;color:white;border-color:#172017}.scope{font-size:12px;color:#69675f}.scope b{color:#9b7532}.visual{height:430px;background:#d1c5b2;position:relative}.window{position:absolute;inset:34px;border:15px solid #f3eee4;background:linear-gradient(140deg,#c3ceca,#eeebe2)}.window:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:9px;background:#f3eee4}.window i{position:absolute;z-index:2;left:47%;top:125px;width:23px;height:140px;border-radius:15px;background:linear-gradient(90deg,#9c7838,#d0ad65,#96702f)}.card{position:absolute;right:16px;bottom:16px;background:white;padding:17px 21px;box-shadow:0 10px 30px #0002}.card small,.card strong,.card span{display:block}.card small{color:#9b7532;font-weight:bold}.card span{font-size:12px;color:#777;margin-top:5px}.section{padding:88px 0}.white{background:white}.section h2,.photo h2{font-size:42px;line-height:1.25;letter-spacing:-2px;margin:12px 0}.head{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end}.head p,.intro{color:#706e67;line-height:1.8}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.four article{padding:28px;background:#f5f2eb;border:1px solid #e3ded4;min-height:200px}.four article>b{font-size:12px;color:#9b7532}.four h3{margin-top:40px}.four p,.six p,.three p{font-size:14px;line-height:1.7;color:#74726c}.notice{margin-top:14px;padding:19px 23px;background:#172017;color:white;font-size:14px}.notice b{color:#d0ac64;margin-right:25px}.black{background:#182018;color:white}.black .intro{color:#aaa}.six{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#414741;margin-top:38px}.six article{background:#1e261e;padding:31px;min-height:185px}.six small{color:#b68f4a;letter-spacing:1.5px}.six h3{margin-top:34px}.six p{color:#aaa}.beige{background:#efeadf}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.three article{background:white;padding-bottom:22px}.three article>div{height:220px;background:linear-gradient(135deg,#d3ccbf,#aaa193);display:grid;place-items:center;color:white;font-size:12px}.three article small,.three article h3,.three article p{margin-left:21px;margin-right:21px}.three article small{display:block;margin-top:18px;color:#9b7532;font-weight:bold}.later{font-size:13px;color:#777;margin-top:22px}.photo{padding:80px 0;background:#b38d49}.photoGrid,.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.steps{background:#faf7ef}.steps p{margin:0;padding:20px 24px;border-bottom:1px solid #ded7c9;display:grid;grid-template-columns:45px 1fr 1.4fr}.steps b{color:#9b7532}.steps span{font-size:13px;color:#777}.big{font-size:23px;line-height:1.65}.big b{color:#94702f}.search{display:inline-block;border:1px solid #ddd4c5;padding:13px 17px}.search b{color:#26783c}footer{background:#101510;color:#c7cac5;padding:32px 0;font-size:13px}footer p,footer small{color:#777}@media(max-width:850px){.wrap{width:min(100% - 32px,1180px)}.nav nav{display:none}.heroGrid,.head,.photoGrid,.about{grid-template-columns:1fr}.hero h1{font-size:42px}.visual{height:330px}.four{grid-template-columns:1fr 1fr}.six,.three{grid-template-columns:1fr}.buttons{flex-wrap:wrap}.section{padding:62px 0}}
.callTop{margin-left:22px;background:#172017;color:#fff;padding:11px 17px;font-size:13px;font-weight:800}
.callSection{padding:70px 0;background:#e9e1d3}
.callBox{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.callBox h2{font-size:38px;line-height:1.25;letter-spacing:-2px;margin:10px 0}
.callBox>div>p:last-child{color:#6e6c65}
.callBig{background:#172017;color:#fff;padding:28px 32px;display:block;transition:.2s}
.callBig:hover{transform:translateY(-2px)}
.callBig small,.callBig strong,.callBig span{display:block}
.callBig small{color:#c8a45f;font-weight:800;letter-spacing:1px}
.callBig strong{font-size:34px;letter-spacing:1px;margin:6px 0}
.callBig span{font-size:13px;color:#bfc4bd}
@media(max-width:850px){
 .callTop{margin-left:auto}
 .callBox{grid-template-columns:1fr;gap:25px}
 .callBig strong{font-size:29px}
}

.caseImage{height:220px;overflow:hidden;background:#d3ccbf!important}
.caseImage img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}
.realCase:hover .caseImage img{transform:scale(1.035)}
.realCase a{display:block}
.realCase .more{display:block;margin:14px 21px 0;color:#98722f;font-size:12px}
.naverLink{cursor:pointer;transition:.2s}
.naverLink:hover{background:#f4f0e7;border-color:#b8aa90}
.naverLink span{margin-left:12px;color:#777}