/* index */
.loginWrap {width:100%;height:100vh;background-image:url('/common/assets/images/imgIndex.jpg');background-position:center;background-size:cover}
.loginCompany {position:absolute;top:10px;left:10px;height:20px;padding:5px 25px;background-color:#1a1a1a;color:#ffffff;border-radius:20px;font-size:13px}
.loginCompany span {display:inline-block;width:15px}
.loginValueWrap {position:fixed;right:-500px;width:400px;height:100%;background-color:rgba(0,0,0,0.85);padding:0 50px;z-index:100}
.loginTitle {font-family:GSM;font-size:58px;color:#0099ff;letter-spacing:-2px}
.loginRemark {font-size:13px;color:#ffffff;font-family:NSL}
.loginInput {width:calc(100% - 10px);height:45px;font-family:NSR;font-size:16px;border:0;padding-left:10px}
.loginCheck {width:20px;height:20px;vertical-align:middle}
.loginValueWrap label {font-weight:normal;color:#ffffff;vertical-align:-3px;cursor:pointer}
.loginBtn {width:100%;height:55px;font-family:NSR;font-size:16px;color:#ffffff;background-color:#35cdff;border:1px solid #68daff;border-radius:3px;cursor:pointer}
.loginInput::placeholder {font-family:NSR;font-size:14px;color:#b3b3b3;letter-spacing:-0.5px}
.loginCopy {font-family:NSL;font-size:12px;color:#a3a3a3;letter-spacing:0px}
.loginCopy span {color:#ff0033}

/* 공통UI */
.bodyWrap {width:100%;height:100vh;min-width:1920px}
.topWrap {height:70px;background-color:#EDF2FA}
.topProject {float:left;width:239px;height:69px;border-top:1px solid #ff0033;border-right:1px solid #fdfeff;background-color:#edf2fa} 
.topQuick {float:left;font-size:12px;width:calc(100% - 630px);height:70px;border-top:0px solid #ffcc00}
.topQuickBox {float:left;width:90px;height:100%;border-right:1px solid #4f5975;background-color:#1e222d;cursor:pointer}
.topQuickBoxIcon {height:35px;color:#818181;text-align:center;line-height:35px;font-size:22px;padding-top:7px}
.topQuickBoxTitle {height:24px;text-align:center;color:#818181}

.topUser {float:right;width:310px;height:50px;background-color:#1e222d;padding:10px} 
.contentWrap {height:calc(100% - 70px)}
.contentMenuWrap {float:left;width:239px;height:100%;border-right:1px solid #d8dae0;background-color:#f8f9fa}
.contentMenuGroup {float:left;width:50px;height:100%;background-color:#5e96ce}
.contentMenuGroupTop {width:50px;height:50px;background-color:#002c57;text-align:center;line-height:50px;color:#ffffff;font-size:22px}
.groupMenu ul li {height:50px;font-size:21px;color:#ffffff;text-align:center;line-height:50px}
.groupMenu ul li:hover {cursor:pointer;background-color:#00b7d0}
.groupMenuOver {background-color:#00b7d0}
.groupMenuQuick {position:absolute;bottom:0;width:50px}
.groupMenuQuick ul li {height:50px;font-size:21px;color:#ffffff;text-align:center;line-height:50px}

.contentMenuList {float:left;width:239px;height:100%}
.contentMenuHead {height:50px;font-family:GSM;font-size:16px;background-color:#204e66;color:#ffffff;line-height:50px;padding-left:10px}
.leftMenuWrap {padding:0}
.leftMenuWrap ul li {padding-left:10px;height:37px;line-height:37px;border-bottom:1px solid #e8e8e8;font-family:'NSR';font-size:12px;color:#1a1a1a}
.leftMenuWrap ul li:hover {color:#ffffff;background-color:#00b7d0;border-bottom:1px solid #c4dbee;cursor:pointer}
.leftMenuOver {color:#ffffff !important;background-color:#00b7d0;border-bottom:1px solid #c4dbee;cursor:pointer}

.leftQuickWrap {position:absolute;bottom:0;width:244px;background-color:#1a1a1a}
.leftQuickWrap ul li {padding-left:10px;height:37px;line-height:37px;color:#ffffff;border-bottom:1px solid #373737;font-size:13px}
.leftQuickWrap ul li:hover {color:#ffffff;background-color:#ffffff;border-bottom:1px solid #c4dbee;cursor:pointer}

.contentBody {float:left;width:calc(100% - 570px);height:100%;min-width:1230px;}
.menuWrap {height:100%;display:none}
.searchWrap {height:30px;background-color:#2f7093;padding:10px}
.searchWrapLeft {float:left;}
.searchWrapLeft ul li {float:left;margin-right:3px;line-height:28px}
.searchWrapLeft input[type=text] {width:80px;height:28px;border:0px solid #a8a8a8;text-align:center;vertical-align:middle;}
.searchWrapLeft input[type=button] {width:70px;height:30px;background-color:#000000;border:0px solid #000000;color:#ffffff;border-radius:3px;cursor:pointer;vertical-align:-1px}
.searchWrapLeft select {width:130px;height:28px;border:0px solid #a8a8a8}

.searchWrapRight {float:right;}
.searchWrapRight ul li {float:left;margin-right:3px;line-height:28px}
.searchWrapRight span {display:inline-block;border-bottom:1px solid #2f7093;min-width:50px;height:30px;padding:0 10px;background-color:#2f7093;color:#ffffff;text-align:center}
.searchWrapRight span:hover {;border-bottom:1px solid #ffffff;cursor:pointer}

.divList {height:100%;border:1px solid #eaeaea}

.dashBordWrap {float:right;width:330px;height:100%}
.dashBordInfoWrap {width:330px;height:calc(100% - 151px);background-color:#1e222d;border-bottom:1px solid #676767}
.dashBordInfoWrap table {width:100%}
.dashBordInfoWrap table tr td {width:50%;height:90px;font-family:NST;font-size:11px;color:#ffffff}
.dashBordInfoWrap table tr td span {font-family:NST;font-size:30px;color:#ffffff}

.rightCopyWrap {position:absolute;bottom:0;width:300px;height:120px;background-color:#131417;padding:15px}
.rightCopy {font-family:NSL;font-size:12px;color:#a3a3a3;letter-spacing:0px;padding-top:10px}
.rightCopy p {color:#ffffff;margin-bottom:15px}
.rightCopy span {color:#ff0033}