.pj-nav{gap:35px}.pj-panel{background:#fff;border:1px solid #cedee9;border-radius:6px;overflow:hidden}.pj-equipment{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:35px}.pj-equipment figure{margin:0;border:1px solid #dce6ed;border-radius:4px;overflow:hidden}.pj-equipment img{display:block;width:100%;height:320px;object-fit:contain;padding:25px;background:white}.pj-equipment figcaption{border-top:1px solid #e1e9ef;padding:10px 15px;color:#78909f;font-size:11px}.pj-equipment h3,.pj-panel-copy h3{font-size:30px;line-height:1.5;letter-spacing:-.05em;margin:10px 0 18px}.pj-equipment p:not(.co-eyebrow),.pj-panel-copy>p:not(.co-eyebrow){font-size:15px;line-height:1.9;color:#617684}.pj-checks{list-style:none;padding:0;margin:22px 0}.pj-checks li{font-size:13px;color:#46667e;padding:12px 0;border-bottom:1px solid #dce6ed}.pj-checks li:before{content:'✓';color:#b87952;margin-right:12px}.pj-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.pj-steps article{padding:25px;border-top:2px solid #46728d;background:#fff}.pj-steps span{font:700 28px Manrope,sans-serif;color:#bd754d}.pj-steps h3{font-size:20px;letter-spacing:-.04em;line-height:1.6;margin:20px 0 12px}.pj-steps p{font-size:14px;line-height:1.85;color:#647d8e}.pj-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:45px;align-items:center}.pj-canvas{position:relative}.pj-canvas svg{display:block;width:100%;height:auto}.pj-point{position:absolute;width:36px;height:36px;border:2px solid #fff;border-radius:50%;background:#bc754b;color:#fff;font:700 14px Manrope,sans-serif;cursor:pointer}.pj-point[aria-pressed=true]{background:#285b7a;outline:3px solid #c9e0ef}.pj-point-0{left:13%;top:13%}.pj-point-1{left:46%;top:16%}.pj-point-2{left:76%;top:23%}.pj-point-3{left:48%;top:76%}.pj-point-content h3{font-size:29px;letter-spacing:-.04em;margin:10px 0 18px}.pj-point-content p:not(.co-eyebrow){font-size:15px;line-height:1.9;color:#637b8b}.pj-legend{list-style:none;margin:28px 0 0;padding:20px 0 0;border-top:1px solid #d4e2ec;font-size:12px;line-height:2.3;color:#647c8d}.pj-legend li:before{content:'';display:inline-block;width:23px;height:4px;background:#3385b3;vertical-align:middle;margin-right:12px}.pj-legend li:nth-child(2):before{background:transparent;border-top:3px dashed #c88352}.pj-legend li:nth-child(3):before{height:12px;background:#dcebf5}.pj-install-visual{padding:30px;background:linear-gradient(135deg,#f9fbfd,#e8f2f8)}.pj-install-visual svg{display:block;width:100%;max-height:260px}.pj-panel-copy{padding:35px 40px}.pj-stage-info{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.pj-stage-info article{border-top:2px solid #93b3c9;padding:20px 0 0}.pj-stage-info h4{font-size:16px;color:#345e78;margin:0 0 12px}.pj-stage-info p{font-size:14px;line-height:1.9;color:#657c8c}.pj-prep-controls{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.pj-prep-controls button{font:500 14px 'Noto Sans KR',sans-serif;padding:12px 20px;border:1px solid #bdd3e2;background:white;border-radius:4px;color:#42657e;cursor:pointer}.pj-prep-controls button[aria-pressed=true]{background:#285b7a;color:#fff;border-color:#285b7a}.pj-prep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pj-prep-grid>div{background:#f9fbfc;padding:23px;border:1px solid #d6e3eb;border-left:4px solid #d6e3eb;font-size:15px;color:#6a8191;line-height:1.7}.pj-prep-grid>div.is-relevant{background:#fff;border-left-color:#bf7a50;color:#264f69}.pj-prep-grid span{margin-right:12px;color:#859eae}.pj-prep-grid .is-relevant span{color:#b97750}.project-page button:focus-visible{outline:3px solid #d48c61;outline-offset:4px}.project-page .pr-table{table-layout:fixed}.project-page .pr-table th,.project-page .pr-table td{overflow-wrap:anywhere}
@media(max-width:1000px){.pj-equipment{gap:28px;padding:25px}.pj-equipment h3{font-size:27px}.pj-steps{gap:15px}.pj-steps article{padding:20px}.pj-layout{gap:25px}.pj-stage-info{gap:20px}}
@media(max-width:800px){.pj-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0}.pj-nav a{font-size:12px;padding:16px 7px;text-align:center;justify-content:center}.pj-equipment,.pj-layout{grid-template-columns:1fr;gap:25px}.pj-equipment{padding:20px}.pj-equipment img{height:260px}.pj-equipment h3,.pj-panel-copy h3{font-size:25px}.pj-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pj-steps article{padding:20px 15px}.pj-steps h3{font-size:18px}.pj-steps p{font-size:13px}.pj-point{width:30px;height:30px;font-size:12px}.pj-point-content h3{font-size:26px}.pj-install-visual{padding:20px 10px}.pj-panel-copy{padding:25px 20px}.pj-stage-info{grid-template-columns:1fr;gap:8px}.pj-stage-info article{padding-top:17px}.pj-prep-grid{grid-template-columns:1fr}.pj-prep-controls button{font-size:12px;padding:11px 14px}.project-page .pr-table th,.project-page .pr-table td{padding:16px 8px;font-size:12px}.pj-tabs{gap:8px}.pj-tabs button{padding:10px 13px;font-size:12px}}

@media(max-width:800px){.project-page .so-hero{height:440px}.project-page .co-hero-note{max-width:90%}}