File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@charset "utf-8";
.data-main {
width: 100%;
}
.data-b {
width: 100%;
}
.data-b-b {
width: 100%;
padding: 6rem;
font-size: 3rem;
font-family: SBaggroM;
}
.data-text p {
position: relative;
}
.data-text p::before {
content: "";
position: absolute;
top: -30px;
background-size: 60px 30px;
background-image: url("../jpg/data-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;
background-color: #007aff;
margin: 0 auto;
}
.data-select {
width: 50%;
float: right;
display: flex;
justify-content: flex-end;
padding: 3rem 6rem;
}
#data-table-sild {
padding: 0.5rem;
margin-right: 1rem;
border-radius: 0.7rem;
}
.data-table-tr {
padding: 6rem;
}
.data-table-tr th {
font-size: 1.5rem;
background-color: #007aff;
color: white;
padding: 1.1rem;
font-family: "Pretendard-Regular";
}
.data-table-tr td {
padding: 2rem;
border-top: 1px solid rgb(187, 187, 187);
text-align: center;
font-size: 2rem;
font-family: "Pretendard-Regular";
}
.data-b-1 {
background: url(../jpg/data-img.png) no-repeat center center;
background-size: contain;
position: relative;
text-align: center;
}
.data-b-1 p {
font-size: 2rem;
padding: 3rem;
padding-top: 5rem;
width: 100%;
font-family: SBaggroM;
text-align: left;
color: #014099;
cursor: pointer;
}
.data-b-1 p span {
font-size: 3.5rem;
}
.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: contain;
position: relative;
text-align: center;
cursor: pointer;
}
.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: contain;
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 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;
}
/* 버튼 서치 */
.input-group {
display: flex;
align-items: center;
}
.input {
min-height: 4rem;
max-width: 200px;
padding: 0.5em 1rem;
color: #000000;
font-size: 1.5rem;
border: 1px solid #007aff;
border-radius: 6px 0 0 6px;
background-color: transparent;
}
.button--submit {
min-height: 4rem;
padding: 0.5em 1em;
border: none;
border-radius: 0 6px 6px 0;
background-color: #007aff;
color: #fff;
font-size: 15px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
.button--submit:hover {
background-color: #007aff;
}
.input:focus,
.input:focus-visible {
border-color: #3898ec;
outline: none;
}