CNERC-SD-010\kyu
474 lines
12 KiB
SCSS
474 lines
12 KiB
SCSS
@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;
|
|
|
|
} |