@charset "utf-8";

/* 사이드 아웃로그인 */

.widget_outlogin_wrap .info {border-top:1px solid #e5e5e5;padding:2px 8px;background-color: #f7f7f7; font-size:13px;}
.widget_outlogin_wrap .info .red{color:rgb(233, 27, 35);}
.widget_outlogin_wrap .exp {background:#fff; border-top:1px solid #e5e5e5;padding:0px 3px;}
.widget_outlogin_wrap .exp .at-tip {padding:10px 42px 10px 50px;}
.tooltip .tooltip-inner span.widget_outlogin_tooltip {font-size:12px !important;}
.widget_outlogin_wrap .mb_signature {border-radius:50px; color: #929292; background:#fff; box-shadow:0px 1px 3px #00000024; font-size:12px; padding:1px 10px 0; *letter-spacing:-1px;}

.widget_outlogin_wrap .login_menu:after {content:'';display: block;clear: both;}
.widget_outlogin_wrap .login_menu {background:#fff; border-top:1px solid #e5e5e5;list-style: none;margin:0;padding:0;text-align: center;}
.widget_outlogin_wrap .login_menu>li {position:relative;float:left;width:20%;height:55px; border-left: 1px solid #e5e5e5;}
.widget_outlogin_wrap .login_menu>li:first-child{border-left: none;}
.widget_outlogin_wrap .login_menu>li>a{display: inline-block; width: 100%; height: 100%; padding-top: 15px;}
.widget_outlogin_wrap .login_menu .badge{position:absolute; top:6px; right:6px; display:inline-block; min-width:10px; padding:4px 6px 3px; font-size:11px; font-weight:bold; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; background-color:#777; border-radius:10px;}

.widget_outlogin_wrap {padding:35px 20px 30px; border-radius:5px 5px 10px 10px; background-color: #f7f8fa; border-top: 4px solid #db3232; -webkit-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%), -3px -3px 6px #fff; }
.widget_outlogin_wrap form {}
.widget_outlogin_wrap .form-control {height:calc(1.5em + 1.2rem + 2px); padding:0.6rem 0.75rem; border-radius:8px !important;}
.widget_outlogin_wrap #outlogin_mb_id,
.widget_outlogin_wrap #outlogin_mb_password {padding-left:40px;}
.widget_outlogin_wrap #outlogin_mb_id::-webkit-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_password::-webkit-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_id::-ms-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_password::-ms-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_id::placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_password::placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #btn_login {font-weight:bold; border-radius:8px; padding-top:9px; padding-bottom:7px; background-color: #db3232; border-radius: 10px !important; color: #fff;}
.widget_outlogin_wrap .custom-switch {padding-left:48px;}
.widget_outlogin_wrap .custom-switch .custom-control-label::before {background-color:#ffba00; border:0; width:40px; height:22px; border-radius:22px !important; left:-48px; margin-top:-2px !important;}
.widget_outlogin_wrap .custom-switch .custom-control-label::after {background-color:#fff; width:16px !important; height:16px !important; border-radius:50% !important; top:6px !important; left:-27px !important; margin-top:-2px !important; transition:left .15s;}
.custom-switch .custom-control-input:checked~.custom-control-label::after {left:-45px !important; transform:unset !important; transition:left .15s;}
.widget_outlogin_wrap .custom-switch .custom-control-label span {display:inline-block; vertical-align:middle !important; font-size:12px; color:#999; margin-top:1px;}
.widget_outlogin_wrap .na-dot {display:inline-block; vertical-align:middle !important; margin:0 2px;}
.widget_outlogin_wrap .icon_user {position:absolute; top:50%; transform:translateY(-50%); left:18px; background:url('../../img/icon_user.png') no-repeat; width:13px; height:15px; z-index:3;}
.widget_outlogin_wrap .icon_password {position:absolute; top:50%; transform:translateY(-50%); left:18px; background:url('../../img/icon_password.png') no-repeat; width:14px; height:19px; z-index:3;}