.modal_wrapper{position:fixed;top:0;left:0;z-index:500;width:100%;height:100vh;background-color:rgba(0,0,0,.6);transition:opacity .5s;opacity:0;pointer-events:none}.modal_wrapper>.modalclose{position:absolute;top:0;left:0;width:100%;height:100%}.modal_wrapper .panel{position:absolute;top:50%;left:50%;width:calc(100% - 2rem);max-width:580px;padding:0 1rem;transform:translate(-50%, -50%) scale(0);transition:transform .5s ease-in-out}.modal_wrapper .panel .modalclose{position:absolute;z-index:1;top:-0.5rem;right:1rem;width:2.25rem;height:2.25rem;border-radius:50%;cursor:pointer;background-color:#616161}.modal_wrapper .panel .modalclose::before,.modal_wrapper .panel .modalclose::after{content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:2px;background-color:#fff}.modal_wrapper .panel .modalclose::before{transform:translate(-50%, -50%) rotate(45deg)}.modal_wrapper .panel .modalclose::after{transform:translate(-50%, -50%) rotate(-45deg)}.modal_wrapper .panel .inner .modal_content{opacity:0;transition:opacity .5s ease-in-out}.modal_wrapper .panel .inner .modal_content img{width:100%;height:auto;aspect-ratio:646/586}.modal_wrapper .panel .inner .modal_content.open{opacity:1}.modal_wrapper.open{opacity:1;transition:opacity .5s ease-in-out;pointer-events:all}.modal_wrapper.open .panel{transform:translate(-50%, -50%) scale(1);transition:transform .5s ease-in-out}