@charset "utf-8";

.basic-outlogin label { line-height:12px; font-weight: normal; cursor: pointer; }
.basic-outlogin .profile .photo { margin-right:12px; }
.basic-outlogin .profile .photo img { width:60px; height:60px; border-radius: 50%; border:0; }
.basic-outlogin .profile h3 { font-size:18px; line-height:32px; padding:0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.basic-outlogin .login-line { border-top:1px solid #eee; margin:5px 0px 7px; padding-top:6px; }
.basic-outlogin .form-group { margin-bottom:10px; }

.enpia-outlogin { width:100%; margin:0px; padding:0px; }
.enpia-outlogin .enpia-login { width:100%; background:#1a1a1a; }
.enpia-outlogin .login-box { display:table; width:100%; table-layout:fixed; padding:10px; }
.enpia-outlogin .enpia-login-box { background:#fff; }
.enpia-outlogin .member { color: #fff; }
.enpia-outlogin .login-cell { display:table-cell; padding:0px; vertical-align:middle; }
.enpia-outlogin .login-cell.login-btn { 
    width:85px; height:65px; text-align:center; border-left:0px; cursor:pointer; letter-spacing:-1px; font-size:13px; font-family:"NanumSquare","©ø¨£¢¥¢ç¡Æi¥ìn", sans-serif; 
    background: #343434;
    color: #d9d9d9;
    text-shadow: 0 2px 2px rgb(0 0 0);
    cursor: pointer;
    transition: all .2s ease-in-out;
    background-size: 100% 100%;
    background-position: center;
}
.enpia-outlogin .login-cell .form-control {
    color: #fff;
    border: 1px solid #333 !important;
    background-color: #000 !important;
}
.enpia-outlogin .text-muted {
    color: #d9d9d9;
}
.enpia-outlogin .login-cell .form-control:focus { border-color:none !important; box-shadow:none !important; }
.enpia-outlogin .login-cell .no-top-border { border-top:0px !important }
.enpia-outlogin .login-misc { margin-top:8px; letter-spacing:-1px; color:rgba(255,255,255,.6); }
.enpia-outlogin .login-misc label { line-height:12px; font-weight: normal; cursor: pointer; }

.enpia-outlogin .profile .photo { margin-right:10px; }
.enpia-outlogin .profile .photo img { width:50px; height:50px; border-radius: 3px; border:0; }
.enpia-outlogin .profile .photo i { width:50px; height:50px; font-size:26px; line-height:44px; text-align:center; background:#333; border-radius: 3px; color:#fff; }
.enpia-outlogin .bar { color:#ccc; margin:0px 4px; }
.enpia-outlogin .exp-bar { margin:11px 0px; }
.enpia-outlogin .exp-bar .progress { margin:7px !important; height:8px !important; }
.enpia-outlogin .logout-btn { background:#333; border:1px solid #333; text-align:center; width: 60px; height: 25px; color: #d9d9d9; font-size: 12px; line-height: 23px; letter-spacing:-1px; }
/*.enpia-outlogin .security { margin-left:-28px; padding-top:5px; }*/
.enpia-outlogin .security ul { list-style:none; padding: 5px;}
.enpia-outlogin .security li { float:left; }

/* progress */
.progress-bar {text-align:right;line-height:24px;color:#fff;background-color:#4B4C50;}

/*custom*/
.btn-enpia-login.btn { color:rgba(255,255,255,.6) !important; border-top:none; border-top:1px solid #333; border-right:1px solid #333; border-bottom:none; background-color:#262626; height:51px; }
.form-control { border:1px solid #333; box-shadow:none; background-color:#fff; }

.enpia-outlogin .info-line { bottom:0; right:0; width:100%; margin-top:9px; padding:0px; }
.enpia-outlogin .info-line #alarm:hover { cursor:pointer; }
.enpia-outlogin .info-line div.info-menu { padding:10px 5px 10px 5px; border:1px solid #333; float:left; width:25%; border-left:none; background:#262626; }
.enpia-outlogin .info-line div.info-menu-left { padding:10px 5px 10px 5px; border:1px solid #333; float:left; width:25%; border-left:none; background:#262626; }
.enpia-outlogin .info-line div.info-menu-right { padding:10px 5px 10px 5px; border:1px solid #333; float:left; width:25%; border-left:0px; border-right:none; background:#262626; }

.badge-ararm {
  position: absolute;
  display: inline-block;
  min-width: 10px;
  padding: 4px 7px 5px 7px;
  margin-left: 5px;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  background-color: #F5C24D;
  color: #fff;
  border-radius: 100px;
}


.enpia-outlogin .enpia-login .info-box .profile >a > img{
    width: 50px;
    height: 50px;
    font-size: 26px;
    line-height: 44px;
    text-align: center;
    background: #333;
    border-radius: 3px;
    color: #fff;
}