/* JA 홈 15초 영상 (2026-10-01) — 원래 유튜브가 있던 자리(.vp__video)에 들어간다.
   PC 1920x1080(16:9) · 모바일 1080x1350(4:5). 767px 이하가 모바일(테마 경계와 같다).
   재생 전·동작 줄이기·저전력 모드에서는 포스터가 보인다. 일시정지 단추는 왼쪽 아래(오른쪽 상담 버튼과 안 겹치게). */
.ja-film{position:relative;margin:0;width:100%}
.ja-film-frame{position:relative;overflow:hidden;background:#0a1633 var(--ja-poster) center/cover no-repeat}
.ja-film-frame::before{content:"";display:block;padding-top:56.25%}
.ja-film-video{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover;background:transparent}
.ja-film-video::-webkit-media-controls,.ja-film-video::-webkit-media-controls-start-playback-button,.ja-film-video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}
.ja-film-toggle{position:absolute;left:18px;bottom:18px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:background-color .2s}
.ja-film-toggle[hidden]{display:none}
.ja-film-toggle:hover{background:rgba(0,0,0,.7)}
.ja-film-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ja-film-toggle span{display:block;box-sizing:border-box;width:12px;height:14px;border-left:4px solid #fff;border-right:4px solid #fff}
.ja-film-toggle.is-paused span{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff;margin-left:3px}
.ja-film-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:767px){
  .ja-film-frame{background-image:var(--ja-poster-m)}
  .ja-film-frame::before{padding-top:125%}
  .ja-film-toggle{left:14px;bottom:14px;width:36px;height:36px}
}