/* 모달 팝업 */
.wrap-layer-popup.popup-open2 {display: flex;visibility: visible;}
.wrap-layer-popup.popup-open2 > .inner-layer-popup {overflow:hidden; opacity: 1; background-color: #fff; min-width:322px; text-align: center; border-radius:20px; position: relative;}
.wrap-layer-popup.popup-open2 > .inner-layer-popup.no-title .layer-popup-contents{padding-top:35px;}
.wrap-layer-popup.popup-open2 .jm-bot-btn { flex-direction: row;}
#js-pass-guide-mv-btn{
  padding: 0 0 0 48px;
}
.pass-btn {
  overflow-wrap: break-word;
  width: 85%;
}

.processing {
  opacity: 0.7;
  cursor: not-allowed;
}

#face-guide-container .jm-icon-info , #ocr-guide-container .jm-icon-info{
  padding-top: 12px;
}


#face-guide-container .face-mov, #ocr-guide-container .ocr-mov {
  height: auto;
  margin: 0 24px;
}


#face-container .jm-camera {
  position: relative;
  transform:translateZ(0);
}

#face-container .jm-camera video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 비디오가 찌그러지지 않게 채움 */
  z-index: 1;
}

#face-container .face-guide{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2; /* 비디오보다 높은 숫자 */
  pointer-events: none; /* 클릭 이벤트가 비디오로 전달되게 함 */
}

.face-guide lottie-player {
  width: 100%; /* 로티 파일 크기에 맞게 조정 가능 */
  height: 100%;
}

#scanContainer .jm-focus-txt{
  margin-top: 28px;
  margin-bottom: 48px;
}

@media (max-width: 360px) {
  .jm-camera.rect {
    width: 90%;
    aspect-ratio: 324 / 205;
  }
  .jm-focus-txt {
    width: 90% ;
  }
  .wrap-layer-popup.popup-open2 > .inner-layer-popup {
    width: 90%;
  }
}