/* v44.0.21: compact franchise/partner cards and improved situation symbols */

/* 프랜차이즈관: 사진 · 업체명 · 바로가기만 표시 */
.franchise-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.franchise-card{border-radius:14px}
.franchise-visual{height:118px}
.franchise-visual::after{display:none}
.franchise-copy{padding:10px;display:grid;gap:8px}
.franchise-copy h3{min-height:36px;margin:0;display:flex;align-items:center;font-size:14px;line-height:1.28}
.franchise-copy>a{min-height:32px;padding:0 8px;border-radius:8px;font-size:9.5px}

/* 협력업체관: 업무 키워드는 색상 화면 안에서 한 번만 표시 */
.partner-market-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.partner-market-card{border-radius:12px}
.partner-market-visual{height:94px;padding:10px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}
.partner-market-topline{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:5px}
.partner-market-visual .partner-market-work{position:relative;z-index:1;max-width:94%;color:#fff;font-size:11px;line-height:1.35;letter-spacing:-.035em;text-wrap:balance}
.partner-market-visual::after{right:-3px;bottom:-22px;font-size:68px}
.partner-market-body{min-height:72px;padding:10px;display:flex;flex-direction:column;gap:7px}
.partner-market-body h3{min-height:31px;margin:0;display:flex;align-items:center;font-size:12px;line-height:1.28}
.partner-market-action{margin-top:auto;padding-top:7px;font-size:8.5px}

/* 상황별 안내: 이모지 대신 창업 단계별 전용 이미지 사용 */
.situation-grid article,.situation-grid article.featured{min-height:398px;padding:26px 22px 22px;display:flex;flex-direction:column}
.situation-grid article.featured{min-height:420px;padding-top:34px}
.situation-icon{width:172px;height:172px;margin:16px auto 2px;flex:0 0 auto;background-image:url('images/v44/situation-symbols-v2.png');background-repeat:no-repeat;background-size:300% 100%;filter:drop-shadow(0 16px 18px rgba(39,65,104,.13))}
.situation-icon-startup{background-position:left center}
.situation-icon-operating{background-position:center center}
.situation-icon-change{background-position:right center}
.situation-grid h3{margin:8px 0;font-size:20px}
.situation-grid p{min-height:50px;margin:0;color:#6c7684;font-size:14px;line-height:1.6}
.situation-grid button{margin-top:auto}

@media(max-width:1100px){
  .franchise-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .partner-market-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}

@media(max-width:700px){
  .franchise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .franchise-card{border-radius:11px}
  .franchise-visual{height:auto;aspect-ratio:16/9}
  .franchise-copy{padding:7px;gap:6px}
  .franchise-copy h3{min-height:29px;font-size:11px;line-height:1.25}
  .franchise-copy>a{min-height:28px;padding:0 5px;border-radius:7px;font-size:8px}

  .partner-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .partner-market-card{border-radius:10px}
  .partner-market-visual{height:78px;padding:8px}
  .partner-market-visual small{font-size:7px}
  .partner-market-visual span{padding:3px 5px;font-size:6.5px}
  .partner-market-visual .partner-market-work{font-size:9px;line-height:1.28}
  .partner-market-visual::after{bottom:-17px;font-size:56px}
  .partner-market-body{min-height:61px;padding:8px;gap:5px}
  .partner-market-body h3{min-height:27px;font-size:10.5px;line-height:1.25}
  .partner-market-action{padding-top:5px;font-size:7.5px}

  .situation-section .situation-grid{margin-top:20px;gap:9px}
  .situation-grid article,.situation-grid article.featured{min-height:0;padding:12px 11px 11px;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-areas:"visual title" "visual copy" "button button";grid-template-rows:auto auto auto;column-gap:9px;row-gap:3px;text-align:left}
  .situation-grid article.featured{padding-top:12px}
  .situation-grid article>i{left:9px;top:8px;font-size:11px}
  .situation-icon{grid-area:visual;width:76px;height:76px;margin:5px 0 0;align-self:center}
  .situation-grid h3{grid-area:title;align-self:end;margin:3px 0 0;font-size:14px;line-height:1.28}
  .situation-grid p{grid-area:copy;min-height:0;margin:0;font-size:10px;line-height:1.45}
  .situation-grid button{grid-area:button;margin-top:7px;padding:10px;border-radius:9px;font-size:10px;text-align:center}
}

@media(max-width:370px){
  .situation-grid article,.situation-grid article.featured{grid-template-columns:68px minmax(0,1fr)}
  .situation-icon{width:68px;height:68px}
  .situation-grid h3{font-size:13px}
}