.page-sub .public-board{max-width:1440px;margin:0 auto;padding:50px 32px 80px}
.page-board #subContents{padding:40px 32px 80px}
.page-sub.page-board .public-board{padding:0}
.portfolio-grid .pf-media{width:100%;aspect-ratio:auto}
.page-sub .board-write-page{padding-top:20px}
.portfolio-grid .pf{display:block;min-width:0;color:inherit;text-decoration:none}
.portfolio-grid .pf-name{display:block;line-height:1.5;overflow-wrap:anywhere}
.portfolio-placeholder{display:grid;place-items:center;height:100%;min-height:220px;background:linear-gradient(135deg,#e8efff,#dff5fc);font-size:32px;font-weight:700;color:#15366d}
.portfolio-empty{grid-column:1/-1;padding:70px 24px;text-align:center;background:#f6f8fc;border-radius:16px;color:#64748b}
.portfolio-detail{max-width:1100px;margin:auto}
.portfolio-detail .board-view-content{min-height:0;padding:0!important;border-bottom:0}
.portfolio-detail-head{position:relative;padding:0 0 32px;border-bottom:1px solid #dbe3ef;margin-bottom:32px}
.portfolio-detail-head p{color:#355daf;margin-bottom:12px}
.portfolio-detail-head h2{font-size:clamp(26px,3vw,42px);line-height:1.4;overflow-wrap:anywhere}
.portfolio-visit{display:inline-flex;gap:12px;align-items:center;margin-top:24px;padding:12px 22px;background:#10235e;color:#fff;border-radius:40px;text-decoration:none}
.portfolio-detail-image{margin:32px 0;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden}
.portfolio-detail-image img{width:100%;height:auto;display:block}
.portfolio-detail .board-view-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.portfolio-form-guide{margin:0 32px;padding:20px 24px;background:#eff6ff;border-radius:12px;line-height:1.7}
@media(max-width:640px){.page-board #subContents{padding:30px 20px 60px}.portfolio-form-guide{margin:0 0 20px}.portfolio-detail-image{border-radius:10px}}