@charset "utf-8";

/* °øÅë */
.uw_outlogin_wrap { width:100%; margin:0px; padding:0px; background:#2e2e2e; }
.login_wrap { padding:15px; background:#2e2e2e; }

/* ·Î±×¾Æ¿ô»óÅ */
.login_b_wrap { padding:15px 5px 5px 15px; background:#2e2e2e; }
.uw_outlogin .form-group { margin-bottom:10px; }
.uw_outlogin .input-group .form-control { height:40px; border-radius:6px !important; }
.uw_outlogin .input-group { width:100%; }
.uw_outlogin .input-sm, .form-horizontal .form-group-sm .form-control {color:#fff !important; background:#1a1a1a !important; border:1px solid #1a1a1a !important; }
.uw_outlogin input::placeholder { color:#fff; }
.auto-login { letter-spacing:-2px; }
.text-muted { color:#fff; font-size:12px; }
.text-muted label { margin:5px 0 0 10px; }
.btn-custom { border:none; display:block; text-align:center; cursor:pointer; text-transform:uppercase; outline:none; overflow:hidden; position:relative; color:#000 !important; font-weight:700; font-size:13px; background-color:#00ffcc; padding:16px 60px; border-radius:6px; margin:0 auto; transition:all 0.3s ease-in-out; box-shadow:rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; }
.btn-custom:hover { border:none; display:block; text-align:center; cursor:pointer; text-transform:uppercase; outline:none; overflow:hidden; position:relative; color:#000 !important; font-weight:700; font-size:13px; background-color:#04e5b8; padding:16px 60px; border-radius:6px; margin:0 auto; transition:all 0.3s ease-in-out; box-shadow:rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; }
.btn-custom span { position:relative; z-index:1; }

.main_login_left { float:left; width:73%; }
.main_login_left input::placeholder { color:#fff; }
.main_login_right { float:left; width:27%; height:65px; line-height:65px; }
.main_login .form-control { background-color:#1a1a1a !important; border:1px solid #1a1a1a; border-radius:5px !important; color:#fff; }
.btn-join { border:none; display:block; text-align:center; cursor:pointer; text-transform:uppercase; outline:none; overflow:hidden; position:relative; color:#000 !important; font-weight:700; font-size:13px; background-color:#00ffcc; padding:0 10px; border-radius:5px; margin:0 auto; }

/* ·Î±×ÀλóÅ */
.login_wrap .profile .member { color:#fff; }
.login_wrap .profile .text-muted { padding-top:5px; letter-spacing:-1px; }
.login_wrap .profile .photo { margin-right:10px; }
.login_wrap .profile .photo img { width:50px; height:50px; border-radius:3px; border:0; }
.login_wrap .profile .photo i { width:50px; height:50px; font-size:26px; line-height:44px; text-align:center; background:#404040; border-radius:3px; color:#fff; }
.login_wrap .profile .win_point { color:#888 }
.login_wrap .bar { color:#ccc; margin:0px 4px; }
.login_wrap .exp-bar { margin:8px 0px; }
.login_wrap .exp-bar .progress { margin-top:15px; height:10px !important; }
.login_wrap .logout-btn { background:#464646; border:1px solid #1f1f1f; border-radius:4px; text-align:center; width:60px; height:25px; color:#fff; font-size:12px; line-height:23px; letter-spacing:-1px; }
.login_wrap .security { margin-left:-28px; padding-top:5px; }
.login_wrap .security ul { list-style:none; }
.login_wrap .security li { float:left; }
.progress-bar { text-align:right; line-height:24px; color:#fff; background-color:#00ffcc; }
.login-line { padding-top:20px; border-top:1px solid #00ffcc; letter-spacing:-1px; padding-right:10px; color:#fff; }
.login-line a { color:#fff; }
.login_wrap .info-line { bottom:0; right:0; width:100%; margin-top:17px; padding:0px; text-align:center; }
.login_wrap .info-line #alarm:hover { cursor:pointer; }
.login_wrap .info-line div.info-menu1 { padding:8px 4px; float:left; width:25%; border-left:1px solid #1f1f1f; border-top:1px solid #1f1f1f; border-bottom:1px solid #1f1f1f; background:#464646; }
.login_wrap .info-line div.info-menu2 { padding:8px 4px; float:left; width:25%; border-left:1px solid #1f1f1f; border-top:1px solid #1f1f1f; border-bottom:1px solid #1f1f1f; background:#464646; }
.login_wrap .info-line div.info-menu3 { padding:8px 4px; float:left; width:25%; border-left:1px solid #1f1f1f; border-top:1px solid #1f1f1f; border-bottom:1px solid #1f1f1f; background:#464646; }
.login_wrap .info-line div.info-menu4 { padding:8px 4px; float:left; width:25%; border-left:1px solid #1f1f1f; border-right:1px solid #1f1f1f; border-top:1px solid #1f1f1f; border-bottom:1px solid #1f1f1f; background:#464646; }