File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
.mat-b {
width: 100%;
background: linear-gradient(#5dadf6, #2e87da, #5dadf6);
}
.mat-b-b {
padding: 30px 30px;
display: flex;
align-items: flex-end;
}
.mat-b-b div {
width: 40%;
}
.mat-text {
margin: 0 auto;
text-align: center;
font-size: 5rem;
padding-bottom: 50px;
font-family: SBaggroM;
color: white;
}
.mat-b-1 {
width: 100%;
height: 100%;
padding: 3rem;
margin: 0 auto;
text-align: center;
color: #3f87f7;
background-color: #e2e2e2;
}
.mat-b-grid > h3 {
font-size: 2.6rem;
padding: 3rem;
font-family: SBaggroM;
}
.mat-b-g-g {
width: 100%;
place-items: center;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.g1 {
width: 90%;
padding: 2rem;
}
.g1 h3 {
padding: 1rem;
font-size: 2rem;
color: #3f87f7;
font-family: "Pretendard-Regular";
}
.g1 img {
/* padding: 2rem; */
height: 119px;
width: 80%;
margin: 0 auto;
object-fit: contain;
}
.g1 p:nth-child(3) {
text-align: left;
color: #333;
font-size: 1.5rem;
padding: 1rem;
}
.g1 p:nth-child(4) {
text-align: right;
font-size: 1.5rem;
color: #333;
padding: 1rem;
}
.g1 div {
padding: 1rem;
background-color: #ffffff;
box-shadow: 2px 2px 2px #33333332;
position: relative;
}
.g1 div:nth-child(1):before {
position: absolute;
content: "AA등급";
line-height: 40px;
color: white;
font-size: 1.5rem;
font-weight: 800;
width: 90px;
height: 40px;
top: -25px;
right: -5%;
background-color: #3f87f7;
border-radius: 45px;
transform: translateX(-50%);
}
.g1-1 {
display: flex;
box-shadow: 0px 0px 0px white !important;
flex-direction: row;
justify-content: flex-end;
}
.g1-1 p {
text-align: right;
font-size: 1.5rem;
padding: 1rem;
color: rgb(6, 6, 6);
}
.g-2 {
text-align: right;
font-size: 1.3rem;
padding: 1rem;
font-weight: 700;
color: rgb(6, 6, 6);
}
.g-2 span {
font-weight: 400;
}
.mat-sec-a {
width: 100%;
margin: 0 auto;
}
.mat-sec-a-1 {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin: 0 auto;
place-items: center;
padding: 3rem;
}
.mat-sec-b {
padding: 2rem;
margin: 1rem;
background-color: #f9f9f9;
box-shadow: 2px 2px 5px #33333332;
}
.mat-sec-b div {
display: flex;
flex-wrap: wrap;
}
.mat-sec-b h5 {
width: 100%;
font-size: 1.5rem;
font-family: "Pretendard-Regular";
}
.mat-sec-b p {
width: 100%;
font-size: 1.5rem;
text-align: right;
justify-content: right;
font-family: "Pretendard-Regular";
}
.mat-2 {
width: 100%;
display: flex;
padding: 1.5rem 0px;
flex-wrap: nowrap;
justify-content: flex-end;
flex-direction: row !important;
}
.mat-2 p {
width: 25%;
}