/* 포트폴리오 쪽 전용 — 허브(갈래 카드)·갈래 쪽·사례 상세. site.css 는 건드리지 않는다. */
.pf-chips{display:flex;flex-wrap:wrap;gap:8px 10px}
.pf-chips a{display:inline-block;padding:8px 16px;border:1px solid #DDDDDD;border-radius:20px;font-size:13px;color:#555555;background:#FFFFFF}
.pf-chips a.on{background:#F26A1B;border-color:#F26A1B;color:#FFFFFF}
.pf-pills{display:flex;flex-wrap:wrap;gap:8px 8px;margin-top:16px}
.pf-pill{display:inline-block;padding:7px 14px;border:1px solid #DDDDDD;border-radius:20px;font-size:13px;color:#444444;background:#FFFFFF;white-space:nowrap}
.pf-pill b{margin-left:4px;font-weight:600;color:#F26A1B}
.pf-pill.zero{opacity:.45}
.pf-pill.zero b{color:#999999}
.pf-pill:hover{border-color:#F26A1B}
.pf-gcard{box-shadow:0 10px 30px rgba(0,0,0,0.05)}
.pf-card{color:inherit}
.pf-card .pf-img{transition:transform .35s ease}
.pf-card:hover .pf-img{transform:scale(1.02)}
.pf-card{overflow:hidden}
.pf-more{margin-top:10px;font-size:13px;font-weight:600;color:#F26A1B}
.pf-past{margin-top:22px;padding:18px 20px;background:#FAFAFA;border:1px solid #EEEEEE}
.pf-past a{display:inline-block;padding:6px 14px;border:1px solid #DDDDDD;border-radius:16px;background:#FFFFFF;font-size:13px;color:#444444}
.pf-empty{margin-top:22px;padding:24px 26px;background:#FFF8F0;border-left:3px solid #F26A1B;font-size:14px;line-height:1.8;color:#555555}
.pf-svc{scroll-margin-top:90px}
/* 사례 상세 */
.pf-facts{margin:34px auto 0;max-width:820px;display:flex;flex-wrap:wrap;justify-content:center;gap:0;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD}
.pf-fx{display:flex;gap:14px;padding:14px 22px;font-size:14px;line-height:1.6;text-align:left}
.pf-fx div:first-child{color:#8B6B4A;font-weight:600;white-space:nowrap}
.pf-fx div:last-child{color:#444444}
.pf-main{margin:44px auto 0;max-width:716px}
.pf-main img,.pf-fig img{width:100%;height:auto;display:block}
.pf-text{max-width:652px;margin:0 auto}
.pf-sec{margin-top:46px}
.pf-sec h2{margin:0;font-weight:500;font-size:22px;letter-spacing:-0.5px;color:#222222}
.pf-sec p{margin:16px 0 0;font-size:15px;line-height:1.95;color:#444444;word-break:keep-all}
.pf-fig{margin:26px 0 0}
.pf-pn{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:#444444;border-top:1px solid #DDDDDD;padding-top:24px}
.pf-pn a{max-width:36%}
.pf-pn .pf-list{display:inline-flex;align-items:center;justify-content:center;width:120px;height:46px;border:1px solid #222222;color:#222222;font-weight:600;max-width:none}
@media (max-width:900px){
  .pf-gridg{grid-template-columns:minmax(0,1fr)!important}
  .pf-chips a{padding:7px 13px}
  .pf-facts{display:block}
  .pf-fx{padding:12px 4px}
  .pf-case h1{font-size:28px!important}
  .pf-pn{flex-direction:column;align-items:stretch}
  .pf-pn a{max-width:none}
  .pf-pn .pf-list{width:100%}
  .pf-svc h2{font-size:22px!important}
  .pf-svc > div:first-child{flex-wrap:wrap}
  .pf-svc > div:first-child > a{margin-left:0!important;width:100%}
}

/* 격자+더 보기 */
.pf-date{min-height:20px;margin-bottom:8px;font-size:13px;font-weight:600;letter-spacing:.3px;color:#8B6B4A}
.pf-bar{display:flex;align-items:baseline;gap:16px;margin-top:34px;padding-bottom:14px;border-bottom:2px solid #222222}
.pf-cur{font-size:18px;font-weight:500;color:#222222}
.pf-ask{margin-left:auto;font-size:14px;color:#F26A1B;font-weight:600}
.pf-mchips button,.pf-pill{font-family:inherit;cursor:pointer}
.pf-mchips button{display:inline-block;padding:6px 14px;border:1px solid #DDDDDD;border-radius:16px;background:#FFFFFF;font-size:13px;color:#444444}
.pf-mchips button span{color:#F26A1B;margin-left:2px}
.pf-mchips button.on{background:#F26A1B;border-color:#F26A1B;color:#FFFFFF}
.pf-mchips button.on span{color:#FFFFFF}
.pf-pill.on{background:#222222;border-color:#222222;color:#FFFFFF}
.pf-pill.on b{color:#FFB88C}
.pfjs .pf-card.pf-hid{display:none!important}
.pf-morewrap{display:none;margin-top:44px;text-align:center}
.pf-morebtn{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 40px;border:1px solid #222222;background:#FFFFFF;font-family:inherit;font-size:15px;font-weight:600;color:#222222;cursor:pointer}
.pf-morebtn span{font-weight:400;color:#777777}
.pf-morebtn:hover{background:#222222;color:#FFFFFF}
.pf-morebtn:hover span{color:#DDDDDD}
@media (max-width:1200px){.pf-list .pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:900px){
  .pf-list .pf-grid,.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 12px!important}
  .pf-card div[style*="font-size:16px"]{font-size:14px!important}
  .pf-bar{flex-wrap:wrap;gap:6px 16px}
}

/* 검수 반영 10-24 */
.pf-mchips button{font-size:14px;color:#333333}
.pf-mchips button span{font-size:14px;font-weight:700;color:#E0560F}
.pf-pill{font-size:14px;color:#333333}
.pf-pill b{font-size:14px;font-weight:700;color:#E0560F}
.pf-pill.on b{color:#FFC9A8}
.pf-morebtn span{font-size:14px;color:#555555}
.pf-date{font-size:14px;color:#6E4F33}

/* v24 영상 갈래 16:9 */
.pf-wide .pf-img{aspect-ratio:16/9!important}

/* v25 영상 매거진 */
.pfv-mag{display:grid;grid-template-columns:480px minmax(0,1fr)}
.pfv-left{background:#14121F;color:#FFFFFF;padding:64px 44px 70px}
.pfv-lab{display:inline-block;font-size:13px;font-weight:600;letter-spacing:1px;color:#14121F;background:#FFD9A8;padding:6px 14px;border-radius:14px}
.pfv-feat{display:block;margin-top:26px;color:#FFFFFF}
.pfv-d{font-size:14px;font-weight:600;letter-spacing:.3px;color:#FFB88C;margin-bottom:10px}
.pfv-t{margin-top:20px;font-size:22px;line-height:1.5;font-weight:500;word-break:keep-all}
.pfv-s{margin-top:8px;font-size:13px;color:#BFB8D6}
.pfv-n{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:13px;color:#BFB8D6}
.pfv{margin-top:30px}
.pfv-right{display:grid;gap:42px 26px;padding:64px 60px 70px;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-content:start}
.pfv-shorts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:30px 22px}
.pf-tall .pf-img{aspect-ratio:9/16!important}
@media (max-width:1200px){.pfv-right{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pfv-shorts{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:900px){
  .pfv-mag{grid-template-columns:minmax(0,1fr)}
  .pfv-left{padding:40px 20px 44px}
  .pfv-right{padding:36px 16px 44px;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pfv-sh{padding:44px 16px 54px!important}
  .pfv-shorts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

.pf-ai{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:10px;background:#EEF2FF;color:#3949AB;font-size:11px;font-weight:600;letter-spacing:0}

/* v25c 영상 소개 */
.pfv-h{margin-top:26px;font-size:30px;line-height:1.4;font-weight:500;letter-spacing:-1px;word-break:keep-all}
.pfv-ul{list-style:none;margin:30px 0 0;padding:0}
.pfv-ul li{padding:16px 0;border-top:1px solid rgba(255,255,255,.16)}
.pfv-ul b{display:block;font-size:17px;font-weight:600;color:#FFD9A8}
.pfv-ul span{display:block;margin-top:5px;font-size:14px;line-height:1.6;color:#D6D0E6}

/* v25d 박스 목록 */
.pfd-src{display:none}
html:not(.pfjs) .pfd-src{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
html:not(.pfjs) .pfd-w{display:none}
.pfd-w{display:flex;width:1280px;max-width:100%}
.pfd-cv{width:363px;margin-right:40px;flex:none}
.pfd-cv .cv{width:363px;height:481px;background:#F3EEDF center/cover no-repeat}
.pfd-cv .cap{margin-top:34px;text-align:center;font-size:14px;letter-spacing:2px;color:#555555}
.pfd-col{flex:none;width:299px;box-sizing:border-box;border-left:1px solid #E3E3E3;padding:0 0 0 20px}
.pfd-col.l{width:279px}
.pfd-col.o{padding-top:23px}
.pfd-c{display:block;margin-bottom:56px;color:#222222;max-width:262px}
.pfd-bx{position:relative;overflow:hidden;width:258px;height:258px;background:#EEEEEE}
.pfd-bx i{position:absolute;display:block;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover}
.pfd-k{margin-top:22px;font-size:12px;color:#8B6B4A}
.pfd-k em{font-style:normal;margin-left:6px;padding:1px 6px;border-radius:8px;background:#F4EBDD;color:#8B6B4A;font-size:11px}
.pfd-k .pf-ai{margin-left:6px}
.pfd-t{margin-top:8px;font-size:17px;line-height:1.5;font-weight:500;word-break:keep-all;text-wrap:balance}
.pfd-d{margin-top:12px;font-size:14px;line-height:1.7;color:#777777;word-break:keep-all}
.pfd-mb{display:none}
@media (max-width:900px){
 .pfd-w{display:none}
 .pfd-mb{display:block;column-count:2;column-gap:14px}
 .pfd-mb .pfd-c{break-inside:avoid;margin-bottom:26px;max-width:none}
 .pfd-mb .pfd-bx{width:100%;height:auto;aspect-ratio:1/1}
 .pfd-t{font-size:15px}.pfd-d{font-size:12px;line-height:1.6}
}

/* v25e 영상 작업 소개 */
.pfd-intro{margin-top:46px;padding-top:26px;border-top:1px solid #E3E3E3;width:363px;box-sizing:border-box}
.pfd-intro-t{font-size:15px;font-weight:600;color:#222222;letter-spacing:-.2px}
.pfd-intro ul{list-style:none;margin:14px 0 0;padding:0}
.pfd-intro li{padding:12px 0;border-top:1px solid #EEEEEE}
.pfd-intro li:first-child{border-top:0}
.pfd-intro b{display:block;font-size:15px;font-weight:600;color:#C2410C}
.pfd-intro span{display:block;margin-top:4px;font-size:13px;line-height:1.6;color:#777777;word-break:keep-all}
.pfd-intro-m{display:none}
@media (max-width:900px){
 .pfd-intro-m{display:block;width:auto;margin:6px 0 26px}
}