.za_tact_c{background-color: rgba(255,255,255,.7);padding: 70px;margin-top: -100px;position: relative;z-index: 1;display: flex;align-items: flex-end;justify-content: space-between;box-shadow: 0px 6px 32px 0px rgba(0, 0, 0, 0.05);}
.za_tact_l{width: 70%;}
.za_tact_l>h2{font-size: 34px;font-weight: 600;color: var(--base);}
.za_tact_l>h1{font-size: 26px;color: #666;margin-top: 20px;line-height: 2;}
.za_tact_r>a{background-color: var(--base);color: #fff;padding: 0 40px;line-height: 46px;display: inline-block;}

.za_list{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px auto;}
.za_item{width: 48%;margin-bottom: 40px;position: relative;overflow: hidden;}
.za_item>img{height: 425px;object-fit: cover;transition: .3s;}
.za_item_w{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 50px;display: flex;flex-direction: column;justify-content: flex-end;color: #fff;gap: 20px;}
.za_item_w>h1{font-size: 26px;}
.za_item_w>p{font-size: 22px;}
.za_item:hover img{transform: scale(1.1);}

.za_page{padding: 50px 0 100px;display: flex;justify-content: center;}
.paginationjs-prev.disabled{display: none;}
.paginationjs-next.disabled{display: none;}
.paginationjs .paginationjs-pages li{border: 0;margin: 0 5px;}
.paginationjs .paginationjs-pages li.active{border: 0;}
.paginationjs .paginationjs-pages li:last-child{border: 0;}
.paginationjs .paginationjs-pages li>a{border-radius: 10px;background-color: #f9f9f9;height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li.active>a{background-color: var(--base);height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li:last-child>a{border-radius: 10px;}
.paginationjs .paginationjs-pages .paginationjs-ellipsis>a{background-color: #f9f9f9;}

@media screen and (max-width: 766px) {
    .za_tact_c{padding: 2rem;flex-direction: column;gap: 2rem;align-items: flex-start;}
    .za_tact_l{width: 100%;}
    .za_tact_l>h2{font-size: 2.4rem;}
    .za_tact_l>h1{font-size: 2rem;margin-top: 2rem;}
    .za_tact_r{align-self: flex-start;}
    .za_tact_r>a{line-height: 4rem;}

    .za_item_w{gap: 2rem;padding: 2rem;}
    .za_item{width: 100%;margin-bottom: 2rem;}
    .za_item>img{height: 28rem;}
}
