#login .form_con dl dt { text-indent: -9999px; height: 0; }
#login .form_con dl dd input { padding: 0 var(--wrap-space); width: 100%; height: 50px; border: 1px solid var(--border-color); box-sizing: border-box; font-size: 13px; font-weight: 500; line-height: 50px; border-radius: 10px; }
#login .form_con .alert_txt { display: none; margin: 7px 0 0 2px; font-size: 12px; color: var(--sub-02); font-weight: 700; }
#login .form_con .invalid-feedback { margin: 2px 0 10px 2px; font-size: 12px; color: var(--sub-02); font-weight: 700; }
#login .form_con .is-invalid {border: 1px solid var(--sub-02);}

/* pagination */
.page-wrap { position: absolute; bottom: 100px; left: 50%; transform: translate(-50%,0); width: 100%; max-width: 540px; margin-top: 25px; display: flex; justify-content: center; align-items: center; }
.page-wrap li {float: left;}
.page-wrap li a { margin: 0 7px; display: block}
.page-wrap li.prev a { margin: 0 4px 0 4px; min-width: 23px; height: 23px; border:1px solid #ccc; border-radius: 4px; text-align:center}
.page-wrap li.next a { margin: 0 4px 0 4px; min-width: 23px; height: 23px; border:1px solid #ccc; border-radius: 4px; text-align:center}
.page-wrap li.active a { margin: 7px; min-width: 23px; height: 23px; line-height: 23px; background: var(--gray-11); text-align: center; color: #fff; border-radius: 4px; }
.page-wrap li .page_first { margin: 0; }
.page-wrap li .page_last { margin: 0; }
.page-wrap .sr-only {display: none;}