main { width:100%; height:100%; position:relative; background:#6639E5; }
main section { width:450px; min-height:505px; padding:50px 30px; border-radius:20px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; }
main section h3 { font-weight:700; text-align:center; }
main section p { margin-top:10px; font-size:18px; text-align:center; }
main section .form_list { margin-top:30px; }
main section .form_list li { margin-top:10px; }
main section .form_list li:first-child { margin-top:0; }
main section .form_list li input { width:100%; height:50px; padding:0 15px; border:1px solid #ddd; border-radius:5px; }
main section .form_list li button { width:100%; height:50px; padding:0; font-weight:600; border:0; border-radius:5px; color:#fff; background:#6639E5; }
main section .easy_list { margin-top:30px; display:flex; gap:20px; justify-content:center; }
main section .easy_list li button { width:50px; min-width:auto; height:50px; border:1px solid #ddd; border-radius:999px; position:relative; background:none; }
main section .easy_list li button span { width:30px; height:30px; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url('/image/loginIcon.svg')no-repeat; background-size:90px; }
main section .easy_list li button.naver span { background-position:-30px 0; }
main section .easy_list li button.kakao span { background-position:-60px 0; }
main section .easy_list li button:hover { border:1px solid #bbb; }
main section .page_list { margin-top:30px; display:flex; justify-content:center; }
main section .page_list li { width:100px; text-align:right; }
main section .page_list li:last-child { margin-left:40px; text-align:left; position:relative; }
main section .page_list li:last-child::after { content:''; display:block; width:1px; height:80%; position:absolute; top:10%; left:-20px; background:#888; }
main section .page_list li a { color:#555; }
main section .page_list li a:hover { color:#1a1a1a; }