@font-face {
    font-family: 'Roboto_b';
    src: url("/stylesheets/fonts/Roboto-Black.ttf");
}

@font-face {
    font-family: 'Roboto_m';
    src: url("/stylesheets/fonts/Roboto-Medium.ttf");
}

@font-face {
    font-family: 'Noto_b';
    src: url("/stylesheets/fonts/NotoSansMonoCJKkr-Bold.otf");
}

@font-face {
    font-family: 'Noto_m';
    src: url("/stylesheets/fonts/NotoSansCJKkr-Medium.otf");
}

@font-face {
    font-family: 'Noto_r';
    src: url("/stylesheets/fonts/NotoSansCJKkr-Regular.otf");
}


/* 로그인 박스 위치 설정 값 */
.login_contents_box {
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}


/* 저작권 관리 표시 설정 값 */
.copyright_article {
    float: right;
    margin-top: 10px;
    width: 243px;
    height: 15px;
    font-family: Noto_r;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: right;
    color: #191919;
}


/* 로그인 박스 설정 값 */
.login_box {
    width:460px;
    height:640px;
    margin:0px;
    padding:0px;
    box-shadow:0 5px 20px 0
        rgba(0, 0, 0, 0.16);
    background-color :#ffffff;
}


/* 관제 사이트 로고 설정 값 */
.carGPS_icon_box {
    position: absolute;
    margin-top:50px;
    margin-left:104.5px;
}
.carGPS_icon {
    float:left;
}
.car {
    float: right;
    width: 84px;
    height: 48px;
    font-family: Roboto_m;
    font-size: 40px;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    color: #B4B4B4;
}
.GPS {
    float: right;
    margin-top: -10px;
    width: 84px;
    height: 48px;
    font-family: Roboto_b;
    font-size: 40px;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    color: #334771;
}


/* 아이디 입력 칸 설정 값 */
.ID_box {
    position: absolute;
    width: 259px;
    height: 40px;
    margin-top: 248px;
    margin-left: 100px;
}
.ID_line {
    width: 214px;
    height: 34px;
    background-color: #ffffff;
    border: 1px solid #CECECE;
    transition: 0.3s;
    background-image: url('/images/login/id01_icon.png');
    background-repeat: no-repeat;
    background-position: 13px, center;
    cursor: pointer;
    padding-left: 40px;
    font-family: noto_r;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.3px;
    color: #707070;
}
.ID_line:focus {
    border: 1px solid #0790FA;
    background-image: url('/images/login/id02_icon.png');
    outline: none;
    color: #0790FA;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}


/* 비밀번호 입력 칸 설정 값 */
.Password_box {
    position: absolute;
    width: 259px;
    height: 40px;
    margin-top: 298px;
    margin-left: 100px;
}
.Password_line {
    width: 214px;
    height: 34px;
    background-color: #ffffff;
    border: 1px solid #CECECE;
    transition: 0.3s;
    background-image: url('/images/login/password01_icon.png');
    background-repeat: no-repeat;
    background-position: 13px, center;
    cursor: pointer;
    padding-left: 40px;
    font-family: noto_r;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.3px;
    color: #707070;
}
.Password_line:focus {
    border: 1px solid #0790FA;
    background-image: url('/images/login/password02_icon.png');
    outline: none;
    color: #0790FA;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}


/* 아이디 저장 설정 값 */
.saving_box {
    position: absolute;
    margin-top:348px;
    margin-left: 97px;
    width: 90px;
    height: 15px;
}
.ID_checkbox {
    float: left;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #191919;
}
.saving_ID {
    float: left;
    width: 90px;
    height: 15px;
    font-family: Noto_m;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: right;
    color: #191919;
    cursor: pointer;
}


/* 로그인 버튼 설정 값 */
.login_button {
    position: absolute;
    margin-top: 433px;
    margin-left: 100px;
    width: 260px;
    height: 50px;
    background-color: #CECECE;
    cursor: pointer;
    border: 0;
    outline: 0;
    transition: 0.3s;
}
.Login {
    width: 60px;
    height: 29px;
    font-family: Roboto_m;
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -70%);
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.6px;
    text-align: center;
    color: #fff;
}
.login_button:hover {
    background-color: #0790FA;
}
.login_button:active {
    background-color: #257CE5;
}


.terms_of_service_link {
    position: absolute;
    margin-top: 547px;
    margin-left: 191px;
    text-decoration: none;
    color: black;
    font-family: Noto_r;
    font-size: 12px;
}