@charset "utf-8";

    /*로그인후*/
#main-login2-wrap {}
#main-login2-wrap .login-bottom {display:flex;align-items:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px;height: 55px;border-top: 1px solid #2f3749;background: #21283b;font-size: 0;}
#main-login2-wrap .login-bottom > div {flex:1;text-align:center;}
#main-login2-wrap .login-bottom a {font-size: 12px;color: #9aa4bf;font-family: "a3",sans-serif; padding:12px 15px; border-radius:10px;}
#main-login2-wrap .login-bottom a i {color: #475066;font-size:20px !important;vertical-align:middle;}

#main-login2-wrap .imgsection {margin:0 20px;text-align:center;}
#usr_area_info_pannel {padding:15px;}
#usr_area_info_pannel .mybox { margin-top:20px; }
#usr_area_info_pannel .mybox .mypage { background:#18325d; border: 1px solid #428bca; padding:0 5px; }
#usr_area_info_pannel .mybox .myitem { margin-top: 8px; background:#18325d; border: 1px solid #428bca; padding:0 5px;}
#main-login2-wrap .infosection {flex:1;}
#main-login2-wrap .infosection > div{margin-bottom:12px;}
#main-login2-wrap .infosection > div:last-child{margin-bottom:0;display:flex;}
#main-login2-wrap .info-row {display:flex;align-items:center;}

#main-login2-wrap .info-row > div:first-child{padding-left:0;}
#main-login2-wrap .info-row > div:nth-child(1) {color:var(--type-weak);width:25px;text-align:center;}
#main-login2-wrap .info-row > div:nth-child(2) {flex:1;}
#main-login2-wrap .info-row > div:nth-child(3) {}
#main-login2-wrap .info-row > div:nth-child(4) {width:25px;text-align:right;color:var(--type-weak);}

#main-login2-wrap #usr_area_alarm_pannel {}
#main-login2-wrap .alarm-row {display:flex;padding-left:6px;padding-right:0px;width:100%;}
#main-login2-wrap .alarm-row > div:nth-child(1) {flex:1;text-align:left;}
#main-login2-wrap .alarm-row > div:nth-child(2) {text-align:right;}
#main-login2-wrap .alarm-row i {color:var(--type-weak);}
#main-login2-wrap .alarm_btn{display: inline-block;padding: 0 12px;height: 24px;line-height:24px;color:#fff;font-size:14px;border-radius:10px;margin:0 2px 0 0;background:#21283B;cursor:pointer;}
#main-login2-wrap .btn_active {-webkit-animation: darkback 3s infinite linear;}


.hexagonImg {position: relative;display: inline-block;width:40px;height:44px;line-height:44px;text-align:center;background: url(/img/level_detail_bg.png) no-repeat;
    background-size:40px;vertical-align:top;
}
.hexagonImg > img {width:24px;height:24px;border-radius:8px;}
.hexagonImg .levelnum {position:absolute;bottom:-2px;right:-9px;width:20px;height:23px;background:url(/img/level_bg.png) no-repeat;line-height:23px;color:#ffffff;font-family:"a3",sans-serif;font-size: 11px;}

.hexagonImg2 {position: relative;display: inline-block;width:30px;height:33px;line-height:44px;text-align:center;background: url(/img/level_detail_bg.png) no-repeat;
    background-size:30px;margin-right:12px;vertical-align:top;
}
.hexagonImg2 > img {width:18px;height:18px;border-radius:4px;}
.hexagonImg2 .levelnum {position:absolute;bottom:-2px;right:-9px;width:20px;height:23px;background:url(/img/level_bg.png) no-repeat;line-height:23px;color:#ffffff;font-family:"a3",sans-serif;font-size: 12px;}



/*로그인전*/
#main-login-wrap {background:#161b28;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;}
#main-login-wrap .login-top {padding:18px 18px 16px;background:transparent;}
#main-login-wrap .login-top .title {margin:0 0 16px;text-align:center;font-family:"s-core-dream",sans-serif;color:#ffffff;font-size:15px;font-weight:700;}
#main-login-wrap .login-top .inputArea {border:0;border-radius:0;overflow:visible;}
#main-login-wrap .login-top .inputArea .id,
#main-login-wrap .login-top .inputArea .pass {display:flex;align-items:center;height:44px;background:#0f1320;border:1px solid #2b3447;border-radius:8px;margin-bottom:9px;overflow:hidden;transition:border-color .15s;}
#main-login-wrap .login-top .inputArea .id:focus-within,
#main-login-wrap .login-top .inputArea .pass:focus-within {border-color:#e1342f;}
#main-login-wrap .login-top .inputArea .iconfont {flex:0 0 42px;width:42px;font-size:16px;line-height:44px;text-align:center;color:#8e97b1;}
#main-login-wrap .login-top .inputArea input {flex:1 1 auto;width:auto;background:transparent;border:0;outline:0;font-size:13px;height:44px;color:#fff;margin:0;padding-right:12px;}
#main-login-wrap .login-top .inputArea input::placeholder {color:#8a93a6;}

#main-login-wrap .login-top #subLogin {cursor:pointer;width:100%;height:44px;line-height:44px;color:#fff;font-size:15px;font-weight:700;border-radius:8px;background:#e1342f;text-align:center;display:block;margin-top:6px;transition:background .15s;}
#main-login-wrap .login-top #subLogin:hover {background:#c52a26;-webkit-animation:none;animation:none;}
#main-login-wrap .login-bottom {display:flex;align-items:center;padding:0 8px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:46px;border-top:1px solid rgba(255,255,255,.06);background:#11151f;font-size:0;}
#main-login-wrap .login-bottom > div {flex:1;text-align:center;}
#main-login-wrap .login-bottom a {font-size:12px;color:#9aa4bf;font-family:"s-core-dream",sans-serif;padding:10px 12px;border-radius:8px;}
#main-login-wrap .login-bottom a i {color:#6b7488;font-size:14px !important;vertical-align:middle;margin-right:2px;}
#main-login-wrap .login-bottom a:hover {color:#fff;transition-duration:.3s;}
#main-login-wrap .login-bottom a:hover i {color:#e1342f;transition-duration:.3s;}

/* 로그인후 (스크린샷형 컴팩트) */
#main-login2-wrap { background:#161b28; border:1px solid rgba(255,255,255,.06); border-radius:10px; padding:14px; }
#main-login2-wrap .bc-user__top { display:flex; align-items:center; gap:12px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.06); }
#main-login2-wrap .bc-user__avatar { flex:0 0 46px; width:46px; height:46px; border-radius:50%; background:#e1342f; color:#fff; font-size:18px; font-weight:700; display:flex; align-items:center; justify-content:center; }
#main-login2-wrap .bc-user__meta { min-width:0; }
#main-login2-wrap .bc-user__name { color:#fff; font-size:15px; font-weight:700; line-height:1.3; }
#main-login2-wrap .bc-user__email { color:#8a93a6; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#main-login2-wrap .bc-user__point { display:flex; align-items:center; justify-content:space-between; background:#0f1320; border:1px solid rgba(255,255,255,.05); border-radius:8px; padding:11px 12px; margin:12px 0; }
#main-login2-wrap .bc-user__plabel { color:#9aa4bf; font-size:13px; }
#main-login2-wrap .bc-user__plabel i { color:#6b7488; margin-right:6px; }
#main-login2-wrap .bc-user__pval { color:#f0851a; font-weight:700; font-size:14px; }
#main-login2-wrap .bc-user__btns { display:flex; gap:6px; }
#main-login2-wrap .bc-user__btns .bc-ubtn { flex:1; text-align:center; padding:9px 4px; border-radius:8px; background:#1c2333; border:1px solid #2b3447; color:#cfd6e4; font-size:12px; }
#main-login2-wrap .bc-user__btns .bc-ubtn:hover { background:#232c40; color:#fff; }
#main-login2-wrap .bc-user__btns .bc-ubtn.red { background:transparent; border-color:#e1342f; color:#e1342f; }
#main-login2-wrap .bc-user__btns .bc-ubtn.red:hover { background:#e1342f; color:#fff; }

/**/
.tcolor-white { color:#fff; }