.top{
    border-bottom: 1px solid #e6e7e980;
    background: url(../../assets/img/topbg1.jpg) no-repeat left center, url(../../assets/img/topbg2.jpg) no-repeat right center;
    background-size: auto 100%;
    padding: 7.26rem 0 6.06rem;
}

.top .text{
    width: clamp(10px,100%,780px);
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.8px;
}

.archive-blg{
    background: url(../../assets/img/solbg.svg) no-repeat top left;
    padding: 4rem 0 2.86rem;
}

.archive-blg .row{
    grid-gap: 20px 0;
}

.archive-blg .row>*{
    padding: 0 10px;
}

.archive-blg .box{
    font-family: var(--jak);
    border: 1px solid #e6e7e980;
    border-radius: 10px;
    background-color: var(--white);
}

.archive-blg .box .img{
    width: 100%;
    aspect-ratio: 1/.72894;
    border-radius: 10px 10px 0 0;
}

.archive-blg .box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.archive-blg .box .bottom{
    padding: 20px;
}

.archive-blg .box .bottom .title{
    color: #3C3C3B;
    font-size: 18px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.9px;
    margin-bottom: 20px;
}

.archive-blg .box .bottom .text{
    display: -webkit-box;
    display: -moz-box;
    line-height: 18px;
    letter-spacing: 0.7px;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
}

.archive-blg .box .bottom .sm{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    grid-gap: 1rem;
    width: 100%;
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.7px;
    border-top: 1px solid var(--line);
    padding-top: 20px;
}

.archive-blg .box .bottom .sm::after{
    content: url('data:image/svg+xml;utf8,<svg width="22" height="12" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5303 6.53033C21.8232 6.23744 21.8232 5.76256 21.5303 5.46967L16.7574 0.696699C16.4645 0.403806 15.9896 0.403806 15.6967 0.696699C15.4038 0.989593 15.4038 1.46447 15.6967 1.75736L19.9393 6L15.6967 10.2426C15.4038 10.5355 15.4038 11.0104 15.6967 11.3033C15.9896 11.5962 16.4645 11.5962 16.7574 11.3033L21.5303 6.53033ZM0 6.75H21V5.25H0V6.75Z" fill="rgb(214,215,222)"/></svg>');
}

@media(max-width:992px){
    .top,
    .archive-blg{
        padding: 2rem 0;
    }
}