﻿/* 로그인페이지 시작 */
.login-bg-full {
    width: calc(100vw);
    height: calc(100vh);
    background: radial-gradient( #90BEDE, #2E447F );
    position: relative;
}
.login-form {
    width: 530px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .login-form .login-logo {
        font-size: 0;
        text-align: center;
        margin-bottom: 20px;
    }

.login-input {
    width: 354px;
    margin: 0 auto 11px;
    position: relative;
    padding-right: 120px;
    box-sizing: border-box;
}

    .login-input input {
        width: 100%;
        height: 38px;
        padding-left: 15px;
        border: 1px solid #3379b1;
        background-color: #091d3d;
        color: #FFFFFF;
        box-sizing: border-box;
        margin-bottom: 8px;
    }

        .login-input input:last-of-type {
            margin-bottom: 0;
        }

    .login-input .login-btn {
        width: 111px;
        height: 84px;
        line-height: 84px;
        font-size: 18px;
        color: #FFFFFF;
        font-weight: 400;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        background-color: #063663;
        border: 0px;
        border-radius: 0;
        padding: 1px 0;
    }


.login-alert {
    margin: 0 auto 11px;
    position: relative;
    box-sizing: border-box;
}

.login-intro {
    width: 354px;
    margin: 0 auto 20px;
    box-sizing: border-box;
    font-size: 0;
}

    .login-intro span {
        display: block;
        width: 100%;
        margin-top: 11px;
        font-size: 14px;
        line-height: 15px;
        color: #063663;
        text-align: center;
    }

.login-downloads {
    width: 354px;
    margin: 0 auto 20px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 15px;
    color: #063663;
    text-align: left;
}

    .login-downloads a {
        text-decoration: none;
    }

.login-company-info {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #063663;
    line-height: 23px;
    white-space: nowrap;
}
/* 로그인페이지 끝 #2A4471*/

/* 신규 시작 */
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient
{
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
    background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
    background-color: #2A4471;
}

.page-inner
{
    min-height: 100vh;
}

.height-10
{
    height: 4.25rem;
}

.fs-xxl
{
    font-size: 1.75rem !important;
}

.fs-lg
{
    font-size: 0.9375rem !important;
}

.fs-sm
{
    font-size: 0.8125rem !important;
}

.fs-nano
{
    font-size: 0.6875rem !important;
}

.opacity-5
{
    opacity: 0.05;
}

.opacity-10
{
    opacity: 0.1;
}

.opacity-15
{
    opacity: 0.15;
}

.opacity-20
{
    opacity: 0.2;
}

.opacity-25
{
    opacity: 0.25;
}

.opacity-30
{
    opacity: 0.3;
}

.opacity-35
{
    opacity: 0.35;
}

.opacity-40
{
    opacity: 0.4;
}

.opacity-45
{
    opacity: 0.45;
}

.opacity-50
{
    opacity: 0.5;
}

.opacity-55
{
    opacity: 0.55;
}

.opacity-60
{
    opacity: 0.6;
}

.opacity-65
{
    opacity: 0.65;
}

.opacity-70
{
    opacity: 0.7;
}

.opacity-75
{
    opacity: 0.75;
}

.opacity-80
{
    opacity: 0.8;
}

.opacity-85
{
    opacity: 0.85;
}

.opacity-90
{
    opacity: 0.9;
}

.opacity-95
{
    opacity: 0.95;
}

.opacity-100
{
    opacity: 1;
}

.rounded-plus
{
    border-radius: 10px;
}

.bg-faded
{
    background-color: #f7f9fa;
}

a[target]:not(.btn)
{
    font-weight: 500;
    text-decoration: underline !important;
}
/* 신규 끝 */
