body{margin:0;padding:0}.page-wrap{width:100%;display:flex;flex-direction:column;align-items:center;background-image:url(/imgs/p.webp);background-position:center top;background-size:contain;background-size:100% auto;height:100vh}.image-wrap{height:100vh}.image-wrap img{margin-top:10px;margin-bottom:20px;height:98%}.modal_wrap{position:fixed;background:transparents;top:0;left:0;width:100vw;height:100vh;z-index:100}.closeModal{display:none}.openModal{display:flex}.joinscreen{margin:auto;background-color:#000;min-width:351px;height:724px;background-image:url(/imgs/join.png);background-position:center top;background-size:contain}.btnnaver{margin-left:81px;width:40px;height:40px;cursor:pointer}.btnkakao,.btntwitch,.btngoogle{margin-left:16px;width:40px;height:40px;cursor:pointer}.btnclose img{margin-top:10px;margin-left:300px;width:35px;cursor:pointer}.btnrow{display:flex;margin-top:20px;height:650px}@media screen and (max-width:600px){.image-wrap{display:flex;align-items:center;height:100vh}.image-wrap img{height:80%}}@media(max-width:767px)and (orientation:portrait){.page-wrap{background-image:url(/imgs/m.webp)}}@media(max-width:930px)and (orientation:landscape){.page-wrap{background-image:url(/imgs/l.webp)}}