@use '@progress/kendo-theme-bootstrap/scss/all.scss' as *;
@use 'tokens' as *;

    .m-login{
    background-color: #ffffff;
            background-image: none;
            height: 800px;
            overflow: hidden;
            position: relative;
            width: 360px;
        
}
    .m-login .frame-164{
    align-items: flex-start;
            background-color: #f3f9ff;
            background-image: none;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            left: 7px;
            overflow: hidden;
            padding-bottom: 29px;
            padding-left: 10px;
            padding-right: 39px;
            padding-top: 29px;
            position: absolute;
            row-gap: 10px;
            top: 586px;
            width: 345px;
        
}
    .m-login .group-169{
    height: 146.17px;
            position: relative;
            width: 320px;
        
}
    .m-login .frame-163{
    align-items: flex-start;
            background-color: #ffffff;
            background-image: none;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            left: 0px;
            overflow: hidden;
            padding-bottom: 15px;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 15px;
            position: absolute;
            row-gap: 10px;
            top: 101.4px;
            width: 320px;
        
}
    .m-login .group-168-2{
    height: 14.77px;
            position: relative;
            width: 275.25px;
        
}
    .m-login .vector-2{
    left: 270px;
            position: absolute;
            top: 0.6px;
        
}
    .m-login .group-167-2{
    height: 14.77px;
            left: 0px;
            position: absolute;
            top: 0px;
            width: 242px;
        
}
    .m-login .가스계소화설비-안전관리-메뉴얼-및-경고문{
    color: #000000;
            font-family: NanumSquare;
            font-size: font-size-12;
            font-style: normal;
            font-weight: 400;
            left: 24px;
            line-height: normal;
            position: absolute;
            top: 0px;
        
}
    .m-login .group-166-2{
    left: 0px;
            position: absolute;
            top: 0.64px;
        
}
    .m-login .frame-162{
    align-items: flex-start;
            background-color: #ffffff;
            background-image: none;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            left: 0px;
            overflow: hidden;
            padding-bottom: 15px;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 15px;
            position: absolute;
            row-gap: 10px;
            top: 50.7px;
            width: 320px;
        
}
    .m-login .group-168-1{
    height: 14.77px;
            position: relative;
            width: 275.25px;
        
}
    .m-login .vector-1{
    left: 270px;
            position: absolute;
            top: 1.3px;
        
}
    .m-login .group-167-1{
    height: 14.77px;
            left: 0px;
            position: absolute;
            top: 0px;
            width: 244px;
        
}
    .m-login .제-1-회-위험물-안전관리-우수사례-경진대회{
    color: #000000;
            font-family: NanumSquare;
            font-size: font-size-12;
            font-style: normal;
            font-weight: 400;
            left: 24px;
            line-height: normal;
            position: absolute;
            top: 0px;
        
}
    .m-login .group-166-1{
    left: 0px;
            position: absolute;
            top: 0.64px;
        
}
    .m-login .frame-161{
    align-items: flex-start;
            background-color: #ffffff;
            background-image: none;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            left: 0px;
            overflow: hidden;
            padding-bottom: 15px;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 15px;
            position: absolute;
            row-gap: 10px;
            top: 0px;
            width: 320px;
        
}
    .m-login .group-168{
    height: 14.77px;
            position: relative;
            width: 275.25px;
        
}
    .m-login .group-167{
    flex-shrink: 0;
            height: 14.77px;
            left: 0px;
            position: absolute;
            top: 0px;
            width: 275.25px;
        
}
    .m-login .vector{
    left: 270px;
            position: absolute;
            top: 1px;
        
}
    .m-login .겨울철-화재안전대책-공동주택-정책홍보{
    color: #000000;
            font-family: NanumSquare;
            font-size: font-size-12;
            font-style: normal;
            font-weight: 400;
            left: 24px;
            line-height: normal;
            position: absolute;
            text-align: center;
            top: 0px;
        
}
    .m-login .group-166{
    left: 0px;
            position: absolute;
            top: 0.64px;
        
}
    .m-login .소방안전지도{
    color: #000000;
            font-family: NanumSquare;
            font-size: 18px;
            font-style: normal;
            font-weight: 800;
            left: 130px;
            line-height: normal;
            position: absolute;
            top: 201px;
        
}
    .m-login .mask-group-1{
    flex-shrink: 0;
            height: 180px;
            left: 0px;
            position: absolute;
            top: 0px;
            width: 360px;
        
}
    .m-login .group-158{
    height: 300.8px;
            left: 8px;
            position: absolute;
            top: 253px;
            width: 343.33px;
        
}
    .m-login .frame-165{
    align-items: center;
            background-color: #ffffff;
            background-image: none;
            border-bottom-color: #d3d3d3;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-left-color: #d3d3d3;
            border-left-style: solid;
            border-left-width: 1px;
            border-right-color: #d3d3d3;
            border-right-style: solid;
            border-right-width: 1px;
            border-top-color: #d3d3d3;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-top-style: solid;
            border-top-width: 1px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            left: 0px;
            overflow: hidden;
            padding-bottom: 39px;
            padding-left: 31px;
            padding-right: 31px;
            padding-top: 39px;
            position: absolute;
            row-gap: 10px;
            top: 66px;
            width: 343px;
        
}
    .m-login .frame-158{
    align-items: center;
            display: flex;
            flex-direction: column;
            row-gap: 34.8px;
        
}
    .m-login .group-165{
    background-color: #002e64;
            background-image: none;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            flex-shrink: 0;
            height: 50px;
            position: relative;
            width: 280px;
        
}
    .m-login .로그인{
    color: #ffffff;
            font-family: NanumSquare;
            font-size: font-size-12;
            font-style: normal;
            font-weight: 800;
            left: 124px;
            line-height: normal;
            position: absolute;
            top: 18px;
        
}
    .m-login .group-164{
    height: 72px;
            position: relative;
            width: 280px;
        
}
    .m-login .group-163{
    height: 30px;
            left: 0px;
            position: absolute;
            top: 42px;
            width: 280px;
        
}
    .m-login .rectangle-22{
    border-bottom-color: #d0d0d0;
            border-bottom-style: solid;
            border-bottom-width: 0.6px;
            flex-shrink: 0;
            height: 30px;
            left: 64.9px;
            position: absolute;
            top: 0px;
            width: 215.1px;
        
}
    .m-login .비밀번호{
    color: #1a1a1a;
            font-family: NanumSquare;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            left: 0px;
            line-height: normal;
            position: absolute;
            top: 9px;
            width: 46.67px;
        
}
    .m-login .group-162{
    height: 30px;
            left: 0px;
            position: absolute;
            top: 0px;
            width: 280px;
        
}
    .m-login .rectangle-21{
    border-bottom-color: #d0d0d0;
            border-bottom-style: solid;
            border-bottom-width: 0.6px;
            flex-shrink: 0;
            height: 30px;
            left: 64.9px;
            position: absolute;
            top: 0px;
            width: 215.1px;
        
}
    .m-login .아이디{
    color: #1a1a1a;
            font-family: NanumSquare;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            left: 0px;
            line-height: normal;
            position: absolute;
            top: 9px;
            width: 35px;
        
}
    .m-login .frame-166{
    align-items: flex-start;
            display: flex;
            left: 0px;
            position: absolute;
            top: 0px;
        
}
    .m-login .frame-157{
    align-items: center;
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
            column-gap: 10px;
            display: flex;
            height: 66px;
            justify-content: center;
            width: 114px;
        
}
    .m-login .모바일공무원증-로그인{
    color: $tb-figma-gray-color-02;
            font-family: NanumSquare;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-align: center;
        
}
    .m-login .frame-156{
    align-items: center;
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
            column-gap: 10px;
            display: flex;
            height: 66px;
            justify-content: center;
            width: 115px;
        
}
    .m-login .gpki-인중서-로그인{
    color: $tb-figma-gray-color-02;
            font-family: NanumSquare;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-align: center;
        
}
    .m-login .frame-155{
    align-items: center;
            background-color: #005dca;
            background-image: none;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            box-sizing: border-box;
            column-gap: 10px;
            display: flex;
            justify-content: center;
            padding-bottom: 26px;
            padding-top: 26px;
            width: 114.33px;
        
}
    .m-login .아이디-로그인{
    color: #ffffff;
            font-family: NanumSquare;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        
}