@charset "utf-8";
.kbd_box button{overflow:visible;border:0 !important;background-color:transparent !important;cursor:pointer}
.color_point{color:#154e9e;}
.background_point{background-color: #154e9e;}
.password_keypad_wrap table{width:100%;}
/* .password_keypad{width: 100%;position: absolute;bottom:0; left: 0; background: #154e9e;z-index:100;} */
.password_keypad{width: 400px;position: absolute; left: auto; background: #154e9e;z-index:100;}
.password_keypad .password_keypad_wrap{width:100%;}
.password_keypad .password_keypad_wrap table tbody tr td{height: 80px;}
.password_keypad .password_keypad_wrap table tbody tr td span{text-align: center; display: block; width: 100%; height: 100%; cursor: pointer;}
.kbd_box{overflow:hidden}
.kbd_box button,.contents .kbd_box .button_key{float:left;display:block;width:25%;*width:24.99%;height:80px}
.contents .password_keypad .kbd_box button,.password_keypad .kbd_box .button_key{height:73px;}
.reg_wrap .frm_v2 .keypad, .reg_wrap .frm_v4 .keypad, .kbd_box .button_key, .kbd_box .button_key:focus, .kbd_box .button_key:active{-webkit-tap-highlight-color:transparent;outline:0}
.kbd_box .button_key span.ic_num{display:block;margin:19px auto 0;width:12px;height:18px;background-repeat:no-repeat;background-size:52px auto}
.kbd_box .button_key span.ic_num{position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px}
.kbd_box .button_key span.ic_num{width:12px;height:16px;margin:0 auto;background-size:48px auto}
.kbd_box .button_key span.ic_num{position:static;margin:0 auto}

.kbd_box .button_key span.key_1{background-position:0 0}
.kbd_box .button_key span.key_2{background-position:-12px 0}
.kbd_box .button_key span.key_3{background-position:-24px 0}
.kbd_box .button_key span.key_4{background-position:-36px 0}
.kbd_box .button_key span.key_5{background-position:0 -16px}
.kbd_box .button_key span.key_6{background-position:-12px -16px}
.kbd_box .button_key span.key_7{background-position:-24px -16px}
.kbd_box .button_key span.key_8{background-position:-36px -16px}
.kbd_box .button_key span.key_9{background-position:0 -32px}
.kbd_box .button_key span.key_10{background-position:-12px -32px}
.kbd_box .button_key span.key_11{background-position:-24px -32px}

.kbd_box .button_key span.deleteBtn{display:block;background-repeat:no-repeat;background-size:52px auto}
.kbd_box .button_key span.deleteBtn{top:50%;left:50%;}
.kbd_box .button_key span.deleteBtn{height:30px;position:static}
.kbd_box .button_key span.deleteBtn{background-image: url('/images/keypad/backspace_btn.png')}

.key_display_dim{display:none;content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(17, 17, 17, 0.6);z-index:90;}

.keypad_info{position:relative;height:73px;background-color:#fff;color:#666;font-weight:bold;font-size:16px; border:1px solid;}
.keypad_info_txt{position:absolute;top:50%;left:4%;transform:translate(0,-50%);}
.keypad_info_close{position:absolute;top:50%;right:4%;transform:translate(0,-50%);}

@media (max-width: 764px){
  .password_keypad .password_keypad_wrap table tbody tr td{height: 65px;}
  .password_keypad{width: 100%}
}