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: var(--white);
}
.login-img {
background: url(../img/login/defaultImage.jpg) no-repeat;
width: 100%;
height: 100%;
background-size: cover;
}
.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;
}
.user-name p {
text-align: center;
font-size: 2rem;
font-weight: bold;
color: var(--navbarblue);
}
.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;
}
.pwchange-modal {
position: absolute;
width: 100%;
height: 100%;
background-color: var(--white);
}
.pwchange-modal h1 {
font-size: 2rem;
text-align: left;
}
.pwchange-header button {
background: url(../img/component/chevron-left-solid.svg) no-repeat;
background-size: contain;
background-position: center;
width: 30px;
height: 30px;
}
.pwchange-user input,
.pwchange-pw input {
background: url(../img/component/pwchange-icon.png) no-repeat;
background-size: 20px;
background-position: right;
padding-left: 10px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-radius: 0px;
font-size: 1.6rem;
width: 100%;
color: var(--dark);
}
.logo {
width: 300px;
height: 40px;
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; */
width: 100%;
color: var(--white);
font-size: 1.5rem;
}
.topmenu-wrap p.active {
width: 100%;
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;
margin-right: 10px;
/* 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;
border: 0px !important;
}
.table-border th {
border: 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 {
border-radius: 10px;
background-color: var(--tableblue);
}
.section-wrap table {
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%;
}
/* 거래처정보등록 페이지 */
.scroll-table{
background-color: var(--lightbeige);
border-radius: 10px;
}
.scrollable-table {
height: 100%;
overflow-y: auto;
}
/* 계정과목 등록 페이지 */
.table-wrap {
width: 100%;
height: 100%;
}
.Bi003-table {
border-left: 1px solid var(--borderlightgray);
border-bottom: 1px solid var(--borderlightgray);
}
.Bi003-table td {
text-align: left;
/* border: 1px solid red; */
padding: 0 10px;
background-color: var(--white);
border-right: 1px solid var(--borderlightgray);
border-top: 1px solid var(--borderlightgray);
}
.Bi003-table th {
background-color: var(--navbarblue);
color: var(--white);
border-bottom: 1px solid var(--borderlightgray);
}
.large-select {
width: 100%;
}
.small-select {
width: 30%;
margin-right: 10px;
}
.Bi003-table input {
vertical-align: middle;
}
.Bi003-table label {
padding: 5px;
vertical-align: middle;
}
.Bi003-list table {
text-align: center;
border-top: 1px solid var(--borderlightgray);
}
/* 잔액 이월 전표 등록 */
.Bi001-wrap {
background-color: var(--lightbeige);
}
.modal-td {
text-align: center;
word-break: keep-all;
}