/* 첫 화면 팝업 화면 맞춤(p/pop-fit.js, 2026-10-20 형님 "팝업 스크롤 안뜨게 반응형으로 알아서 나오게") — 원본 .pop1 은 left 를 75~1475px 로 박아 둬
   좁은 창에서 오른쪽이 넘쳐 가로 스크롤이 생겼다. 맞춤을 켜면(.tr-pop-fit) 팝업을 화면에 고정하고 pop-fit.js 가 정한 자리 · 배율(--tr-pop-s)로 그린다.
   원본 열림 · 닫힘 효과(popFadeIn · popFadeOut)는 transform 을 덮어써서 배율이 튀므로, 같은 움직임에 배율을 곱한 효과로 바꾼다 */
#pop-content.tr-pop-fit .pop1{transform-origin:0 0;transform:scale(var(--tr-pop-s,1));animation-name:trPopIn}
#pop-content.tr-pop-fit .pop1.closing{animation:trPopOut .3s cubic-bezier(.5,0,.75,0) forwards!important}
@keyframes trPopIn{from{opacity:0;transform:translateY(60px) scale(calc(var(--tr-pop-s,1)*.7))}to{opacity:1;transform:scale(var(--tr-pop-s,1))}}
@keyframes trPopOut{from{opacity:1;transform:scale(var(--tr-pop-s,1))}to{opacity:0;transform:translateY(30px) scale(calc(var(--tr-pop-s,1)*.5))}}
@media (prefers-reduced-motion:reduce){#pop-content.tr-pop-fit .pop1{animation:none}}
