/* Body font Size */
html::-webkit-scrollbar, body::-webkit-scrollbar {
  display: none;
}

body.disabled {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  touch-action: none;
}

.pc_only {
  display: block;
}

.mo_only {
  display: none;
}

.youtube__bridge {
  position: relative;
  width: 100%;
  min-height: 35vw;
  height: calc(100vh - 80px);
  overflow: hidden;
}
.youtube__bridge .youtube__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 8.9% 4%;
}
.youtube__bridge .youtube__copy .inner {
  position: relative;
}
.youtube__bridge .youtube__copy picture {
  display: block;
  width: 38vw;
}
.youtube__bridge .youtube__copy img {
  width: 100%;
}
.youtube__bridge .youtube__copy .btn__lnk {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 14.27vw;
  height: 4.74vw;
  text-indent: -9999px;
  transform: translateX(-50%);
}
.youtube__bridge__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.youtube__bridge__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .youtube__bridge {
    height: calc(92vh - 100px);
  }
  .youtube__bridge .youtube__copy {
    justify-content: flex-end;
    align-items: center;
    padding: 0 4vw 13.86vw;
  }
  .youtube__bridge .youtube__copy picture {
    width: 63.2vw;
  }
  .youtube__bridge .youtube__copy .btn__lnk {
    width: 43.2vw;
    height: 11.73vw;
  }
  .youtube__dis {
    bottom: 5%;
    left: 50%;
    width: 88.26%;
    padding: 11.2% 0 0;
    transform: translateX(-50%);
  }
  .youtube__dis img {
    left: 50%;
    transform: translateX(-50%);
  }
}

.kakao__bridge {
  position: relative;
}
.kakao__bridge a {
  position: absolute;
  text-indent: -9999px;
}
.kakao__bridge .btn1 {
  top: 12.47%;
  left: 50%;
  width: 14.583vw;
  height: 4.895vw;
  background: url(/images/2024/pro_jul/kakao_btn1.jpg) 50% 50%/contain no-repeat;
  transform: translateX(-50%);
}
.kakao__bridge .btn2 {
  bottom: 2.99%;
  left: 50%;
  width: 21vw;
  height: 4.895vw;
  background: url(/images/2024/pro_jul/kakao_btn2.jpg) 50% 50%/contain no-repeat;
  transform: translateX(-50%);
}
.kakao__bridge .youtube__copy {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 51.72%;
  padding: 0 8.9% 4%;
}
.kakao__bridge .youtube__copy .inner {
  position: relative;
}
.kakao__bridge .youtube__copy picture {
  display: block;
  width: 38vw;
}
.kakao__bridge .youtube__copy img {
  width: 100%;
}
.kakao__bridge .youtube__copy .btn__lnk {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 15.5vw;
  height: 5.2vw;
  text-indent: -9999px;
  transform: translateX(-50%);
}
.kakao__bridge__bg img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .kakao__bridge .youtube__copy {
    justify-content: flex-end;
    align-items: center;
    height: 52.35%;
    padding: 0 4vw 13.86vw;
  }
  .kakao__bridge .youtube__copy picture {
    width: 63.2vw;
  }
  .kakao__bridge .youtube__copy .btn__lnk {
    width: 43.2vw;
    height: 11.73vw;
  }
}