*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#14263b;background:#fff}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{height:76px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e7edf3}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.mark{width:38px;height:38px;display:grid;place-items:center;background:#087ff5;color:#fff;border-radius:6px;font-size:22px;font-weight:900}.brand b{display:block;color:#08294e}.brand small{display:block;color:#78899d;font-size:9px;letter-spacing:1.5px}.navlinks{display:flex;gap:26px;font-size:13px;font-weight:800}.contactbtn{padding:11px 18px;background:#08294e;color:#fff;border-radius:5px;font-size:13px;font-weight:800}
.case-cover{background:#071f3b;color:#fff;padding:72px 0 0}.crumb{color:#78c4ff;font-size:10px;letter-spacing:1.8px;font-weight:900}.case-cover h1{font-size:50px;letter-spacing:-2.2px;margin:14px 0 15px}.case-cover .desc{max-width:720px;color:#c1d1e1;line-height:1.8;font-size:16px}.overview{margin-top:50px;background:#fff;color:#14263b;display:grid;grid-template-columns:1.4fr .8fr;min-height:390px}.overview-photo{height:100%;min-height:390px}.overview-info{padding:42px}.label{color:#087ff5;font-size:10px;letter-spacing:1.8px;font-weight:900}.overview-info h2{font-size:28px;line-height:1.35;margin:10px 0 22px}.facts{border-top:1px solid #dfe7ee}.fact{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #e7edf3;font-size:13px}.fact span{color:#7a8a9c}.fact b{font-weight:800}
.story{padding:100px 0}.phase{display:grid;grid-template-columns:.72fr 1.5fr;gap:70px;align-items:start;margin-bottom:110px}.phase:nth-child(even){grid-template-columns:1.5fr .72fr}.phase:nth-child(even) .phase-copy{order:2}.phase:nth-child(even) .photos{order:1}.phase-no{font-size:11px;letter-spacing:2px;color:#087ff5;font-weight:900}.phase-copy h2{font-size:39px;margin:9px 0 16px;letter-spacing:-1.5px}.phase-copy p{color:#687a8f;line-height:1.85}.phase-note{margin-top:24px;padding-top:18px;border-top:1px solid #dfe7ee;color:#8795a5;font-size:12px}.photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photos img{height:245px;border-radius:3px;background:#edf2f6}.photos img:first-child{grid-column:span 2;height:430px}.after{background:#f4f8fb;margin:0;padding:95px 0}.after .phase{margin:0}.after .photos img{box-shadow:0 12px 30px rgba(15,43,73,.09)}
.result-strip{background:#087ff5;color:#fff;padding:38px 0}.result-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.result-inner h3{font-size:25px;margin:0 0 5px}.result-inner p{margin:0;color:#dcedff}.back{background:#fff;color:#087ff5;padding:13px 19px;border-radius:4px;font-size:13px;font-weight:900}
footer{background:#06182d;color:#9fb2c6;padding:42px 0}.foot{display:flex;justify-content:space-between;gap:30px}.foot b{color:#fff;font-size:19px}.foot p{margin:4px 0;font-size:12px}
.work-video{margin-top:10px;padding:44px;background:#eef5fb;border-left:4px solid #087ff5}.work-video h2{font-size:32px;margin:8px 0 10px}.work-video p{color:#687a8f;line-height:1.7}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.video-grid video{display:block;width:100%;max-height:420px;background:#071f3b;border-radius:3px}
.photo-grid-six img:first-child,.photo-grid-five img:first-child{height:430px}.photo-grid-six img:nth-child(n+2),.photo-grid-five img:nth-child(n+2){height:245px}.process-focus{grid-template-columns:1fr}.process-focus img:first-child{grid-column:auto;height:650px;object-position:center}.detail-gallery{display:grid;gap:16px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px}.before-after figure{position:relative;margin:0;background:#edf2f6;overflow:hidden}.before-after figure span{position:absolute;z-index:2;top:14px;left:14px;padding:7px 11px;background:#071f3b;color:#fff;font-size:11px;letter-spacing:1.4px;font-weight:900}.before-after figure:last-child span{background:#087ff5}.before-after img{height:440px;object-position:center}.detail-support{display:grid;grid-template-columns:1.45fr 1fr;gap:12px}.detail-support img{height:290px}.detail-phase{grid-template-columns:.62fr 1.7fr}
@media(max-width:800px){.navlinks{display:none}.case-cover h1{font-size:38px}.overview{grid-template-columns:1fr}.overview-photo{min-height:300px}.phase,.phase:nth-child(even){grid-template-columns:1fr;gap:30px;margin-bottom:75px}.phase:nth-child(even) .phase-copy,.phase:nth-child(even) .photos{order:initial}.result-inner{align-items:flex-start;flex-direction:column}.foot{flex-direction:column}}
@media(max-width:800px){.detail-phase{grid-template-columns:1fr}.process-focus img:first-child{height:520px}.before-after img{height:380px}.detail-support img{height:250px}}
@media(max-width:540px){.container{width:calc(100% - 28px)}.case-cover{padding-top:50px}.case-cover h1{font-size:33px}.overview{margin-top:35px}.overview-info{padding:28px}.story{padding:70px 0}.phase-copy h2{font-size:31px}.photos{grid-template-columns:1fr}.photos img,.photos img:first-child,.photo-grid-six img:nth-child(n+2),.photo-grid-five img:nth-child(n+2){grid-column:span 1;height:280px}.process-focus img:first-child{height:460px}.before-after,.detail-support{grid-template-columns:1fr}.before-after img{height:430px}.detail-support img{height:270px}.after{padding:70px 0}}
@media(max-width:700px){.work-video{padding:28px 22px}.video-grid{grid-template-columns:1fr}}