.masonry-container {
    --gap: 10px;
    display: inline-grid;
    grid-template-columns: repeat(3, 5fr);
    column-gap: 60px;
    grid-auto-rows: 5px;
}

.masonry-item {
    width: 424px;
}
.masonry-item>div {
    background-repeat: no-repeat;
    background-size: cover;

}
.pseudo-img { background-repeat: no-repeat; position: relative;}

.masonry-item div, .masonry-item p {
    width: 100%;
}
.linkMove{
    position: absolute;
bottom: -1px;
right: -1px;
}

.pseudo-img div {
    bottom: 0;
    align-items: center;
}
.card-name-div{
    text-align: left;
    height: 50px;
    margin: 20px 0 0;

}

.masonry-container>a:nth-child(1) .pseudo-img{
    height: 528px; background-image: url(/img/success/li_Yuhan.png);
}
.masonry-container>a:nth-child(2) .pseudo-img{height: 448px; background-image: url(/img/success/li_LxPantos.png);}
.masonry-container>a:nth-child(3) .pseudo-img{background-image: url(/img/success/li_hanjin.png); height: 560px;}

.masonry-container>a:nth-child(4) .pseudo-img{height: 600px; background-image: url(/img/success/19.png);}

.masonry-container>a:nth-child(5) .pseudo-img{background-image: url(/img/success/li_hybe.png); height: 270px;}
.masonry-container>a:nth-child(6) .pseudo-img{background-image: url(/img/success/li_BAT.png); height: 360px;}
.masonry-container>a:nth-child(7) .pseudo-img{background-image: url(/img/success/li_esteelauder.png); height: 528px;}
.masonry-container>a:nth-child(8) .pseudo-img{background-image: url(/img/success/li_yamTable.png); height: 560px;}
.masonry-container>a:nth-child(9) .pseudo-img{background-image: url(/img/success/li_ourBox.png); height: 448px;}
.masonry-container>a:nth-child(10) .pseudo-img{background-image: url(/img/success/li_153rogic.png); height: 360px;}
.masonry-container>a:nth-child(11) .pseudo-img{background-image: url(/img/success/li_NonFiction.png); height: 270px;}
.masonry-container>a:nth-child(12) .pseudo-img{background-image: url(/img/success/li_Nongshim.png); height: 528px;}
.masonry-container>a:nth-child(13) .pseudo-img{background-image: url(/img/success/li_lotteMall.png); height: 448px;}
.masonry-container>a:nth-child(14) .pseudo-img{background-image: url(/img/success/li_Maxim.png); height: 560px;}
/*.masonry-container>a:nth-child(21) .pseudo-img{background-image: url(/img/success/8.png); height: 1599px;}*/
/*.masonry-container>a:nth-child(22) .pseudo-img{background-image: url(/img/success/news11.png); height: 842px;}*/
.masonry-container>a:nth-child(15) .pseudo-img{background-image: url(/img/success/0.png); height: 221px;}
.masonry-container>a:nth-child(16) .pseudo-img{background-image: url(/img/success/1.png); height: 661px;}
.masonry-container>a:nth-child(17) .pseudo-img{background-image: url(/img/success/2.png); height: 661px;}
.masonry-container>a:nth-child(18) .pseudo-img{background-image: url(/img/success/3.png); height: 661px;}
.masonry-container>a:nth-child(19) .pseudo-img{background-image: url(/img/success/4.png); height: 661px;}
.masonry-container>a:nth-child(20) .pseudo-img{background-image: url(/img/success/5.png); height: 424px;}
.masonry-container>a:nth-child(21) .pseudo-img{background-image: url(/img/success/6.png); height: 661px;}
.masonry-container>a:nth-child(22) .pseudo-img{background-image: url(/img/success/7.png); height: 661px;}
.masonry-container>a:nth-child(23) .pseudo-img{background-image: url(/img/success/8.png); height: 661px;}
.masonry-container>a:nth-child(24) .pseudo-img{background-image: url(/img/success/9.png); height: 661px;}
.masonry-container>a:nth-child(25) .pseudo-img{background-image: url(/img/success/10.png); height: 661px;}
.masonry-container>a:nth-child(26) .pseudo-img{background-image: url(/img/success/11.png); height: 661px;}
.masonry-container>a:nth-child(27) .pseudo-img{background-image: url(/img/success/12.png); height: 661px;}
.masonry-container>a:nth-child(28) .pseudo-img{background-image: url(/img/success/13.png); height: 661px;}
.masonry-container>a:nth-child(29) .pseudo-img{background-image: url(/img/success/14.png); height: 661px;}
.masonry-container>a:nth-child(30) .pseudo-img{background-image: url(/img/success/15.png); height: 661px;}
.masonry-container>a:nth-child(31) .pseudo-img{background-image: url(/img/success/16.png); height: 661px;}
.masonry-container>a:nth-child(32) .pseudo-img{background-image: url(/img/success/17.png); height: 661px;}
.masonry-container>a:nth-child(33) .pseudo-img{background-image: url(/img/success/18.png); height: 661px;}
.card-name-div p>span {
    font-weight: 500;
    color: #767676;
    font-size: 16px;
    margin-left: 14px;
}
.card-name-div p {
    font-weight: 900;
    color: #3D4149;
    font-size: 1.5rem;
}
.card-name-div p>span::before {
    content: "|";
    margin-right: 14px;
}

@media screen and (max-width: 1200px) {
    .masonry-container {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 1014px) {

    
}

@media screen and (max-width: 768px) {
    .masonry-container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .masonry-item {
        margin-bottom: var(--gap);
        padding-bottom: 50px;
        width: 100%;
    }
}




.masonry-container2>a:nth-child(15) .pseudo-img{height: 350px; background-image: url(/img/media/3.png);}
.masonry-container2>a:nth-child(14) .pseudo-img{height: 350px; background-image: url(/img/media/2.png);}
.masonry-container2>a:nth-child(13) .pseudo-img{height: 350px; background-image: url(/img/media/1.png);}
.masonry-container2>a:nth-child(12) .pseudo-img{height: 350px; background-image: url(/img/media/5.png);}
.masonry-container2>a:nth-child(11) .pseudo-img{height: 350px; background-image: url(/img/media/4.png);}
.masonry-container2>a:nth-child(10) .pseudo-img{height: 350px; background-image: url(/img/media/5.png);}
.masonry-container2>a:nth-child(9) .pseudo-img{height: 350px; background-image: url(/img/media/7.png);}
.masonry-container2>a:nth-child(8) .pseudo-img{height: 350px; background-image: url(/img/media/8.png);}
.masonry-container2>a:nth-child(7) .pseudo-img{height: 350px; background-image: url(/img/media/blog2.png);}
.masonry-container2>a:nth-child(6) .pseudo-img{height: 350px; background-image: url(/img/media/blog1.png);}
.masonry-container2>a:nth-child(5) .pseudo-img{height: 350px; background-image: url(/img/media/blog3.png);}
.masonry-container2>a:nth-child(4) .pseudo-img{height: 350px; background-image: url(/img/media/blog4-1.png);}

.masonry-container2>a:nth-child(3) .pseudo-img{height: 350px; background-image: url(/img/media/news9.png);}
.masonry-container2>a:nth-child(2) .pseudo-img{height: 350px; background-image: url(/img/media/news10.png);}
.masonry-container2>a:nth-child(1) .pseudo-img{height: 350px; background-image: url(/img/media/news11.png);}

@media screen and (max-width: 1272px) {
    .masonry-container2 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 1014px) {


}

@media screen and (max-width: 768px) {
    .masonry-container2 {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .masonry-item2 {
        margin-bottom: var(--gap);
        padding-bottom: 50px;
        width: 100%;
    }
}

.masonry-container2 {
    --gap: 10px;
    display: inline-grid;
    grid-template-columns: repeat(3, 5fr);
    column-gap: 60px;
    row-gap: 30px;
    grid-auto-rows: auto;
    justify-content: start; /* 왼쪽 정렬 */
}

.masonry-item2 {
    width: 424px;
}
.masonry-item2>div {
    background-repeat: no-repeat;
    background-size: cover;

}
.pseudo-img { background-repeat: no-repeat; position: relative;}

.masonry-item2 div, .masonry-item2 p {
    width: 100%;
}