/* ReFS: 시험·계측 및 분석 05번 3장 화재확산 사례만 적용 */
#service-test-analysis #tm-entry-05 .tm-spread-gallery {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  align-items:stretch;
}
#service-test-analysis #tm-entry-05 .tm-spread-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  padding:7px 7px 6px;
  background:#fff;
  border:1px solid #d6e0ea;
  border-radius:5px;
  overflow:hidden;
}
#service-test-analysis #tm-entry-05 .tm-spread-code {
  display:block;
  margin:0 0 5px;
  font-size:10px;
  font-weight:700;
  line-height:1.3;
  color:#849ab0;
}
#service-test-analysis #tm-entry-05 .tm-spread-image {
  width:100%;
  height:255px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
#service-test-analysis #tm-entry-05 .tm-spread-image img {
  display:block;
  width:auto;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  flex-shrink:1;
}
#service-test-analysis #tm-entry-05 .tm-spread-card figcaption {
  margin:5px 0 0;
  padding:0 2px;
  min-height:0;
  font-size:11px;
  font-weight:600;
  line-height:1.55;
  color:#334d6c;
  text-align:center;
  word-break:keep-all;
}
#service-test-analysis #tm-entry-05 .tm-spread-controls {display:none;}
@media(max-width:800px) {
  #service-test-analysis #tm-entry-05 .tm-spread-gallery {
    display:flex;
    gap:10px;
    align-items:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
  }
  #service-test-analysis #tm-entry-05 .tm-spread-gallery::-webkit-scrollbar {display:none;}
  #service-test-analysis #tm-entry-05 .tm-spread-card {
    flex:0 0 100%;
    height:auto;
    align-self:flex-start;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  #service-test-analysis #tm-entry-05 .tm-spread-image {
    height:clamp(245px,74vw,320px);
  }
  #service-test-analysis #tm-entry-05 .tm-spread-controls {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-top:10px;
  }
  #service-test-analysis #tm-entry-05 .tm-spread-arrow {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:34px;
    height:34px;
    padding:0;
    background:#fff;
    color:#174471;
    border:1px solid #b4c8db;
    border-radius:50%;
    font-size:21px;
    line-height:1;
    cursor:pointer;
  }
  #service-test-analysis #tm-entry-05 .tm-spread-arrow:disabled {opacity:.35; cursor:default;}
  #service-test-analysis #tm-entry-05 .tm-spread-dots {display:flex; align-items:center; gap:9px;}
  #service-test-analysis #tm-entry-05 .tm-spread-dot {
    width:9px;
    height:9px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#cbd5df;
    cursor:pointer;
  }
  #service-test-analysis #tm-entry-05 .tm-spread-dot[aria-current="true"] {background:#173d74;}
}
@media(max-width:560px) {
  #service-test-analysis #tm-entry-05 .tm-photos-heading span {display:none;}
}
@media(prefers-reduced-motion:reduce) {
  #service-test-analysis #tm-entry-05 .tm-spread-gallery {scroll-behavior:auto;}
}