main{
    margin-top: 10rem;
}

/* page title ---------------------------------------------------*/

.page_title{
    font-family: var(--roboto);
    font-size: 12rem;
    font-weight: 500;
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap: 3rem;
}

.page_title span{
    font-size: 1.8rem;
    font-weight: 600;
}

/* kv ---------------------------------------------------*/

.kv{
    padding: 1.5rem 2rem 2.5rem;
}

.kv_content{
    border-radius: 1rem;
    position: relative;
}

.kv_inner{
    height: 52rem;
    padding: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: end;
    position: relative;
    z-index: 1;
}

.kv_inner h1{
    font-family: var(--roboto);
    font-size: 12rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    display: flex;
    flex-flow: column;
    gap: 2rem;
}

.kv_inner h1 .subtitle{
    font-size: 1.8rem;
    font-weight: 600;
}

.kv_inner h1 .subtitle::before{
    content: "";
    background: #fff;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-right: 1rem;
    vertical-align: middle;
}

.pankuzu{
    font-family: var(--roboto);
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.pankuzu a{
    text-decoration: underline;
}

.pankuzu p{
    color: rgb(255 255 255 / 50%);
}

.kv .pankuzu{
    font-size: 1.6rem;
}

@media (max-width: 1024px) {
    main{
        margin-top: 7.5rem;
    }
}

@media screen and (max-width:767px){
    main{
        margin-top: 5.5rem;
    }

    .kv{
        padding: 1rem 1rem 2rem;
    }

    .kv_content.filter::after{
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 1) 100%);
    }

    .kv_inner{
        height: 20rem;
        padding: 2rem 1.5rem;
    }

    .kv_inner h1{
        font-size: 4.8rem;
        gap: 1rem;
    }

    .kv_inner h1 .subtitle{
        font-size: 1.2rem;
    }

    .kv_inner h1 .subtitle::before{
        width: 0.5rem;
        height: 0.5rem;
        margin-right: 0.5rem;
    }

    .kv .pankuzu,
    .single_top .pankuzu{
        font-size: 1rem;
        gap: 0.5rem;
    }

    .pankuzu.bottom{
        display: none;
    } 
}

/* title kv (news,contact) */

.title_kv{
    padding: 10rem 8rem 9rem;
    display: flex;
    align-items: end;
    justify-content: space-between;
}