@media (max-width: 750px) {
  .header_wrapper {
    position: absolute;
    top: auto;
    width: 100%;
  }
  .header_wrapper::before {
    content: "";
    display: block;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 107px, rgba(0, 0, 0, 0) 160px);
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    z-index: 5;
  }
  .header_wrapper.scroll {
    position: fixed;
    height: auto;
  }
  .header_wrapper.scroll::before {
    content: none;
  }
  .header-news-text-banner {
    position: relative;
    top: 0;
    background: rgba(255, 255, 255, 0);
    z-index: 909;
  }
  .news-swiper-container .swiper-slide a {
    color: white;
  }
  #header.header {
    position: relative;
    background: transparent;
  }
  #header.header.scroll {
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    border-bottom: none;
  }
  #header.header .header__left .header__logo {
    filter: brightness(0) invert(1);
    border-bottom: solid 1px #D6D6D6;
  }
  #header.header .header__left .header__left__nav .have-child .nav__child__name {
    color: white;
  }
  .search-box--sp {
    position: sticky;
    background: transparent;
    z-index: 909;
    border-bottom: none;
    width: 100%;
  }
  .search-box--sp.scroll {
    position: fixed;
    background: transparent;
    z-index: 909;
    border-bottom: none;
  }
  .search-box--sp .freeword__input .submit {
    background: url(../img/icon/ico-search_white.svg) no-repeat;
    background-size: 13px 14px;
  }
  .search-box--sp .show-category-box .freeword {
    background: rgba(0, 0, 0, 0.1);
    border: solid 1px white;
  }
  .search-box--sp .show-category-box .freeword::placeholder {
    color: white;
  }
  .search-box--sp .search-box__content .custom-chat-button img {
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.4))
  }
  .scroll_txt {
    writing-mode: vertical-rl;
    color: white;
    transform: translateX(-9px);
  }
  .kv_swiper-container .kv_swiper-container__scroll {
    position: absolute;
    right: 7px;
    bottom: 10px;
    width: 10px;
    z-index: 1;
  }
  .swiper-wrapper .swiper-slide img {
    max-width: none;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
    height: calc(100svh - 60px);
  }
  .swiper-wrapper .swiper-slide video {
    max-width: none;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
    height: calc(100svh - 60px);
  }
}

.logo_black {
  display: block;
}
.logo_white {
  display: none;
}
@media (max-width: 750px) {
  .logo_black {
    display: none;
  }
  .logo_white {
    display: block;
  }
}