/* =========================================================
   메인 접속 인트로 (타이포 모션 전체 화면)
   intro.js 가 만든 .intro 안에 lawfirmSOS_typography_motion (1).html 을 띄웁니다.
   ========================================================= */
html.is-intro{overflow:hidden}
.intro{position:fixed;inset:0;z-index:1000;background:#10241d;transition:opacity .6s ease,visibility .6s ease}
.intro iframe{display:block;width:100%;height:100%;border:0}
.intro.is-out{opacity:0;visibility:hidden;pointer-events:none}
.intro-skip{position:absolute;left:26px;top:24px;padding:8px 13px;border:1px solid #ffffff35;border-radius:999px;background:#10241dcc;color:#dbe4dc;font:inherit;font-size:11px;letter-spacing:.04em;cursor:pointer}
.intro-skip:hover,.intro-skip:focus-visible{border-color:#d5f47a;color:#d5f47a;outline:none}

/* ---- 모바일 ---- */
@media(max-width:600px){
  .intro-skip{left:16px;top:16px}
}