@font-face {
    font-family: 'Moneygraphy';
    src: url("/asset/fonts/Moneygraphy-Rounded.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
}
main {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 1rem 0 5rem 0;
}
#index-banner1{
    position: relative;
    width: 100%;
    height: 40rem;
    border-radius: 15px;
    background: url("/asset/mainb1.png") center / cover;
    cursor: pointer;
}
#index-banner1 div{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    position: absolute;
    bottom: 4rem;
    left: 2rem;
    height: auto;
}
#index-banner1 div h1 {
    font-size: 1.8rem;
    font-weight: bold;
    background: #ffffff;
    border-radius: 50px;
    padding: 0.5rem;
    color: #1399CB;
    text-align: center;
    font-family: 'Moneygraphy','Pretendard-Regular', sans-serif;
}
#index-banner1 div p {
    font-size: 4.5rem;
    font-weight: bold;
    color: #ffffff;
    font-family: 'Moneygraphy','Pretendard-Regular', sans-serif;
}

section .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
section .title a {
    font-size: 1.4rem;
    cursor: pointer;
    padding: 0 1rem;
    color: #000000;
    text-decoration: none;
}