/* 사이트 로고 CSS */
.site-header .e-con-inner > div[data-element_type="widget"] {
    height: 100%;
}
.givia-site-logo-block,.givia-site-logo-block a{
    height:100%;
}
.givia-site-logo-block picture {
    display: flex;
    align-items: center;
    height: 100%;
}
/*
.givia-site-logo-block img {
  max-width: 100%;
  height: auto;
}
*/
/* --- 로고 교체 로직 --- */

/* 1. 기본 상태 설정 */
.givia-site-logo-block .givia-logo-normal {
  display: flex; /* 일반 로고는 기본적으로 보임 */
}

.givia-site-logo-block .givia-logo-scrolling {
  display: none; /* 스크롤 로고는 기본적으로 숨김 */
}

/* 2. 스크롤 상태(.desk_scrolling)가 되면 상태를 뒤집음 */
body.desk_scrolling .givia-site-logo-block .givia-logo-normal {
  display: none; /* 스크롤 시 일반 로고 숨김 */
}

body.desk_scrolling .givia-site-logo-block .givia-logo-scrolling {
  display: flex; /* 스크롤 시 스크롤 로고 보임 */
}


@media (min-width:1025px) {
  .givia-site-logo-block img{
    width: var(--pc-logo-width, 200px);
  }
}
@media (max-width: 1024px) {
  .givia-site-logo-block img{
    width: var(--tablet-logo-width, 140px);
  }
}
@media (max-width: 767px) {
  .givia-site-logo-block img{
    max-width:var(--mobile-width);
    max-height:var(--mobile-height);
  }
}