File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
kimgkdud898
2023-11-02
799ba68
Merge branch 'front-end' of http://210.180.118.83/yjryu/KERIS into front-end
UNIX
@charset "utf-8";
.data-main {
width: 100%;
}
.data-b {
width: 100%;
}
.data-b-b {
width: 100%;
padding: 6rem;
font-size: 4rem;
color: #0e0077;
font-family: SBaggroM;
}
.data-text img {
width: 80px;
}
.data-text p {
position: relative;
}
.data-text p::before {
content: "";
position: absolute;
top: -30px;
background-size: 60px 30px;
background-image: url("../jpg/tdata-img-text.png");
width: 60px;
height: 30px;
}
.data-b-main {
width: 100%;
}
.data-b-grid {
width: 100%;
padding: 3rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.data-table {
width: 100%;
}
.da1 {
width: 80%;
height: 40rem;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
align-content: start;
}
.da1 h2 {
font-family: SBaggroM;
font-weight: 500;
font-size: 2rem;
}
.da1 h2 span {
font-size: 4rem;
}
.data-b-1 {
/* background-color: #007aff; */
background: url(../jpg/data-img.png) no-repeat center center;
background-size: cover;
position: relative;
text-align: center;
/* border-radius: 2rem; */
}
.data-b-1 h2 {
text-align: left;
padding: 3rem;
color: #014099;
}
.data-b-1 p {
font-size: 2rem;
padding: 3rem;
padding-top: 5rem;
width: 100%;
font-family: SBaggroM;
font-weight: 400;
text-align: left;
color: #014099;
cursor: pointer;
}
.data-b-1::after {
position: absolute;
content: "";
width: 90px;
height: 90px;
right: -90px;
top: 40%;
background-color: #e2ecfc;
border-radius: 45px;
transform: translateX(-50%);
z-index: -1;
}
.data-b-2 {
background: url(../jpg/data-img3.png) no-repeat center center;
background-size: cover;
position: relative;
text-align: center;
cursor: pointer;
}
.data-b-2 h2 {
text-align: center;
padding: 3rem;
color: #0e5e2e;
}
.data-b-2 p {
font-size: 2rem;
padding: 3rem;
padding-top: 5rem;
font-family: SBaggroM;
text-align: center;
color: #1a8445;
}
.data-b-2 p span {
font-size: 3.5rem;
color: #0e5e2e;
}
.data-b-3 {
background: url(../jpg/data-img2.png) no-repeat center center;
background-size: cover;
position: relative;
text-align: center;
cursor: pointer;
/* border: 1px solid red; */
}
.data-b-3::after {
position: absolute;
content: "";
width: 90px;
height: 90px;
left: 0px;
top: 40%;
background-color: #f8e7cd;
border-radius: 45px;
transform: translateX(-50%);
z-index: -1;
}
.data-b-3 h2 {
text-align: right;
padding: 3rem;
color: #c26400;
}
.data-b-3 p {
font-size: 2rem;
padding: 3rem;
padding-top: 5rem;
width: 100%;
font-family: SBaggroM;
text-align: right;
color: #e07e27;
}
.data-b-3 p span {
font-size: 3.5rem;
color: #c26400;
}
.data-table-tr {
padding: 12rem 6.5rem;
}
.data-table-tr th {
font-size: 1.5rem;
background-color: #007aff;
color: white;
padding: 1.1rem;
font-family: "Pretendard-Regular";
}
.data-table-tr td {
background-color: white;
padding: 2rem;
border-top: 1px solid rgb(187, 187, 187);
text-align: center;
font-size: 1.5rem;
font-weight: 500;
color: #333;
cursor: pointer;
font-family: "Pretendard-Regular";
}
.data-table-tr td:nth-child(2) {
text-align: left;
}
.input:focus,
.input:focus-visible {
border-color: #3898ec;
outline: none;
}