@charset "utf-8";
.idpw_form { max-width:850px; width:100%; padding:60px; border:1px solid #ddd; border-radius: 10px; box-sizing: border-box; /*position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); */ 
 margin: 0 auto; } 

.id_search { padding-right:50px; width:300px}
.pw_search { padding-left:50px; width:300px}

.login_type ul { width:100%}
.login_type ul li { width:33.33%}
.login_type ul a { padding:0; text-align: center; } 

.login_input ul li input[type="password"], 
.login_input ul li input[type="text"] { width:100%; box-sizing: border-box; } 

.login_input ul li input.btn_login { font-size:17px; font-weight: 600; } 
.id_search h2, .pw_search h2 { font-size:20px}
@media all and (max-width: 1300px) {.idpw_form { top: 0; } 
 }

@media all and (max-width: 1024px){
 .idpw_form { position:static; transform:none; margin:0 auto} 
 }

@media all and (max-width: 800px){
 .idpw_form { padding:30px}
 .id_search { padding-right:30px; } 
 .pw_search { padding-left:30px; } 
 }
@media all and (max-width: 500px){
 .idpw_form { display:block; padding:0; border:0}
 .id_search { float:none; padding:0; width:100%}
 .pw_search { float:none; padding:0; border:0; margin:40px 0 0 0; width:100%} 
 }