File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
.login-page {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
background-color: #fff;
}
.login-box p{
font-size: 1.5rem;
color: var(--navbarblue);
font-weight: 600;
}
.login-wrap{
gap: 30px;
}
.login-wrap h1{
font-size: 4.5rem;
text-align: center;
font-weight: 900;
color: var(--navbarblue);
}
.login-content {
/* min-width: 400px;
max-width: 400px; */
width: 1120px;
padding: 30px;
border-radius: 10px;
position: absolute;
top: 50%;
left: 50%;
margin: 0 auto;
transform: translate(-50% ,-45%);
box-shadow: 0 0 20px #ddd;
}
.login-user input{
background: url(../img/component/login-user.png) no-repeat;
background-size: 20px;
background-position: left;
padding-left: 30px;
border-top:0px;
border-left:0px;
border-right:0px;
border-radius: 0px;
font-size: 1.6rem;
width: 100%;
color: var(--dark);
}
.login-pw input{
background: url(../img/component/login-pw.png) no-repeat;
background-size: 20px;
background-position: left;
padding-left: 30px;
border-top:0px;
border-left:0px;
border-right:0px;
border-radius: 0px;
font-size: 1.6rem;
width: 100%;
color: var(--dark);
}
.button-wrap label{
padding: 0px 10px;
font-size: 1.2rem;
}
.login-imgbox{
width: 482px;
height: 360px;
border-radius: 10px;
overflow: hidden;
box-shadow: 1px 1px 5px #0000002f;
}
.login-btn{
padding: 20px ;
}
.login-logo {
background: url(../img/common/header-logo.png) no-repeat;
width: 100%;
height: 30px;
background-size: contain;
background-position: right;
}
.logo {
width: 300px;
height: 50px;
background: url(../img/common/header-logo-w.png) no-repeat;
background-size: contain;
background-position: center;
}
.logo-btn {
padding-left: 0px;
padding-right: 0px;
}
.button-wrap button {
border: 1px solid var(--navbarblue);
color: var(--navbarblue);
padding: 7px 10px !important;
margin-left: 10px;
border-radius: 5px;
font-family: 'Pretendard';
font-weight: 600;
font-size: 1.2rem;
}
.header-btn a {
font-family: 'Pretendard';
font-weight: bold;
font-size: 0.9rem;
}
.btn-img1 {
background: url(../img/common/header01.png) no-repeat;
}
.btn-img2 {
background: url(../img/component/arrow-right-from-bracket-solid.svg) no-repeat;
}
.btn-img3 {
background: url(../img/component/user-solid.svg) no-repeat;
}
.topmenu-wrap p{
position: relative;
padding: 1px 5px;
font-family: 'Pretendard';
font-weight: 500;
/* height: px; */
color: var(--white);
font-size: 1.5rem ;
}
.topmenu-wrap p.active {
width: 100px;
background-color: white;
color: var(--navbarblue);
padding: 1px 5px;
border-radius: 50px;
font-family: 'Pretendard';
font-weight: 500;
}
.side-wrap p {
font-size: 1.3rem;
padding: 8px 40px;
position: relative;
border-radius: 50px;
background-color: var(--white);
/* margin-bottom: 20px; */
}
.side-wrap p.active {
margin-bottom: 5%;
background-color: var(--navbarblue);
color: var(--white) !important;
}
.side-wrap p::after {
content: '';
position: absolute;
top: 50%;
left: 5%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background: url(../img/component/file-solid-b.svg) no-repeat;
}
.side-wrap p.active::after {
content: '';
position: absolute;
top: 50%;
left: 5%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background: url(../img/component/file-solid-w.svg) no-repeat;
}
.side-wrap p::before {
content: '';
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
width: 15px;
height: 15px;
background: url(../img/component/chevron-down-solid-b.svg) no-repeat;
}
.side-wrap p.active::before {
content: '';
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
width: 15px;
height: 15px;
background: url(../img/component/chevron-up-solid-w.svg) no-repeat;
}
.sidemenu-wrap li {
margin-bottom: 10px;
}
.sidemenu-wrap li a {
text-align: left;
font-size: 1.3rem;
}
.sidemenu-wrap li a.active-text {
color: var(--navbarblue);
}
.list-wrap {
width: 100%;
height: 100%;
}
.content-table {
background-color: var(--lightbeige);
border-radius: 10px;
}
.wrap-title {
font-size: 1.3rem;
color: var(--navbarblue);
border-bottom: 2px solid var(--bordergray);
}
.content-title {
font-size: 1.7rem;
font-weight: bold;
}
.content-title span {
font-size: 1rem;
}
.list-table {
background-color: var(--white);
border-left: 1px solid var(--borderlightgray);
}
.code-area {
padding: 10px 20px;
background-color: var(--tableblue);
border-radius: 10px;
}
.code-area th{
white-space: nowrap;
padding: 7px 10px !important;}
.code-area td {
text-align: left !important;
}
.blue-text {
color: var(--navbarblue);
position: relative;
text-align: left !important;
/* left: 2%; */
font-size: 1.3rem;
font-weight: 600;
}
.table-border td.selected {
background-color: var(--navbarblue);
color: var(--white);
}
.table-scroll {
width: 100%;
overflow-y: auto;
}
.table-scroll table {
white-space: nowrap;
border-collapse: collapse;
}
.close-btn {
background: url(../img/component/xmark-solid.svg) no-repeat;
width: 20px;
height: 20px;
}
.table-border th {
border: 1px solid var(--borderlightgray);
}
.box-overflow{
border-top: 1px solid var(--borderlightgray);
}
.box-overflow thead {
position: sticky;
top: -1px;
}
.wrap {
width: 100%;
height: 100%;
}
.content {
height: 100%;
}
.content-wrap {
padding-left: 20px;
gap: 30px;
}
.container {
width: 100%;
height: 100%;
flex-wrap: nowrap;
}
select,
input {
font-size: 1.2rem;
font-weight: 600;
}
p,
td {
font-size: 1.3rem;
margin-right: 10px;
}
td,
p,
th,
button {
padding: 7px 0;
/* text-align: center; */
cursor: pointer;
}
.table-border td,
.table-border th,
.table-header th {
border-bottom: 1px solid var(--borderlightgray);
border-right: 1px solid var(--borderlightgray);
}
.table-header{
background-color: var(--tableblue);
color: var(--navbarblue);
}
.list-table th {
color: var(--navbarblue);
}
.table-area {
border: 1px solid var(--bordergray);
border-radius: 10px;
}
.box-wrap {
font-size: 1.2rem;
}
.blue-btn {
background-color: var(--navbarblue);
color: var(--white);
padding: 3px 20px;
font-size: 1.3rem;
border-radius: 5px;
}
.header-btn p {
margin: 0 auto;
}
.section-wrap{
background-color: var(--tableblue);
border: 1px solid red;
}
.section-wrap table{
height: 300px;
overflow-y: auto;
}
.Bi002-table{
text-align: left;
}
.Bi002-table tr{
padding: 2rem;
}
.input-box{
flex-wrap: nowrap;
gap: 1px;
}
.input-box input{
width: 100%;
}