.family_site_slide2 {
  display:flex;
  align-items:center;
  gap:30px;
}
.family_site_slide2 .family_btns_wrapper {
    display:flex;
    flex-direction:column;
    gap:5px;
    width:110px;
}
.family_site_slide2 .family_btns_wrapper .family_name {
    font-size:1.11rem;
    text-align:center;
    font-weight:600;
    font-family: 'Paperlogy';
}
.family_site_slide2 .family_btns_wrapper .family_site_btns {
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #ddd;
    border-radius:999px;
    padding:5px;
    width:fit-content;
}
.family_site_slide2 .family_btns_wrapper .family_site_btns button {
    background:unset;
    width:25px;
    height:25px;
}
.family_site_slide2 .family_btns_wrapper .family_site_btns button svg {
    width:100%;
    height:100%;
}
.family_site_slide2 .family_btns_wrapper .family_site_btns .toggle_btn_wrap {
    position: relative;
    width:25px;
    height:25px;
}
.family_site_slide2 .family_btns_wrapper .family_site_btns .toggle_btn_wrap button {
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
.family_site_slide2 .family_logos {
    height: 63px;
    overflow: hidden;
    position: relative;
    flex:1;
  }
  
/* 슬라이드 기본 설정 */
#slideTrack2 {
    display: flex;
    width: max-content;
    align-items: center;
    height: 100%;
    gap: 30px;
  }
  
  /* 왼쪽으로 흐르는 애니메이션 */
  #slideTrack2.scroll-left2 {
    animation: scroll-left2 20s linear infinite;
  }
  
  /* 오른쪽으로 흐르는 애니메이션 */
  #slideTrack2.scroll-right2 {
    animation: scroll-right2 20s linear infinite;
  }
  
  /* 일시정지 상태는 애니메이션 제거 */
  #slideTrack2.paused2 {
    animation: none !important;
  }
  
  /* keyframes 정의 */
  @keyframes scroll-left2 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  
  @keyframes scroll-right2 {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
  }

  
  
  /* 초기 상태: 재생 버튼 숨김 */
  .family-slide-play2 {
    display: none;
  }


.family_site_slide2 .logo_box {
    flex: 0 0 auto;
    padding: 0;
    border:1px solid #ddd; 
    border-radius:10px;
  }
  
.family_site_slide2 .logo_box img {
    vertical-align: middle;
    border-radius:10px;
    width:150px;
}
  
.family_site_slide2 .family_logos::before,
.family_site_slide2 .family_logos::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 65px;
    z-index: 2;
    top: 0;
}
  
.family_site_slide2 .family_logos::before {
    left: 0;
    background: linear-gradient(to right, white 0%, transparent 100%);
}
  
.family_site_slide2 .family_logos::after {
    right: 0;
    background: linear-gradient(to left, white 0%, transparent 100%);
}
  

  /* 반응형 */
@media screen and (max-width: 1024px) {
    .family_site_slide2 {
        margin:0;
    }
}
@media screen and (max-width: 991px) {
    .family_site_slide2 {
        gap:20px;
    }
    .family_site_slide2 .family_site_btns button {
        width:30px;
        height:30px;
    }
    .family_site_slide2 .family_logos::before, 
    .family_site_slide2 .family_logos::after {
        width:30px;
    }

}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 640px) {}