#wrap { background: #4152a4; min-height: 100vh;display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12rem; position: relative;}
#wrap .img_wrap { text-align: center; }
#wrap .img_wrap img { width: 50%; max-width: 35rem;} 
#wrap > p { text-align: center; font-size: 1.8rem; color :#fff; }
.modal_wrap { opacity: 0; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;}
.modal_wrap.on { animation: openApp .5s; animation-delay: 1.5s; animation-fill-mode: forwards; }
.modal_wrap:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0000002e;}
.modal_wrap .inner { animation: openAppInner .5s; animation-delay: 1.5s; animation-fill-mode: forwards;width: 80%;text-align: center; background: #fff; padding: 2rem 1.5rem; position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); border-radius: 1.5rem;}
.modal_wrap .inner > p:nth-child(1) { font-size: 2rem; line-height: 1.1; font-weight: 600;}
.modal_wrap .inner > p:nth-child(2) { font-size: 1.2rem; color: #a4a4a4; margin-top: .5rem;}
.modal_wrap .inner .form_wrap { margin-top: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.modal_wrap .inner .form_wrap .btn_wrap { width: 48%;}
.modal_wrap .inner .form_wrap .btn_wrap:nth-child(3) { width: 100%;}
.modal_wrap .inner .form_wrap .btn_wrap label { display: block; border-radius: .5rem;font-size: 1.6rem; color: #fff; font-weight: 600; text-align: center; padding: 1.3rem 0; background: #d3d3d3;}
.modal_wrap .inner .form_wrap .btn_wrap input:checked + label { background: #4152a4;}
.modal_wrap .inner .form_wrap button { border-radius: .5rem; color: #fff; font-weight: 600; width: 100%; margin-top: 2rem; padding: 1.3rem 0; text-align: center; background: #3e3a39; font-size: 1.6rem;}

@keyframes openApp {
	0% { opacity: 0; display: none;}
	1% { display: block;}
	100% { opacity: 1; }
}

@keyframes openAppInner {
	0% { top: 53%;}
	100% { top: 50%; }
}