@charset "utf-8";

/* 새글 스킨 (latest) */
.result_gallery {position:relative;margin-bottom:20px;width:100%;}

.result_gallery ul{
    display:grid;
    align-items:stretch;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
.result_gallery ul{

}
.result_gallery .galley_li{
    flex:1;
}
.result_gallery .galley_li .lt_img{
    display:block;
    width:100% !important;
    position:relative;
    border-radius:0;
    overflow:hidden;
    border:5px solid transparent;
    
}
.result_gallery .galley_li .lt_img img{
	width:100%;
	transition:all 0.5s;
}
.result_gallery .galley_li .lt_img:hover{
    border-color:#01cc90;
    box-shadow:0px 0px 15px rgba(0,0,0,0.1);
}
.result_gallery .galley_li:hover .lt_img img{
	transition:all 0.5s;
}

.lt_more_flexbox{
    text-align:center;
    padding:2.5rem 0 0 0;
}
.result_gallery .lt_more{
    position:relative !important;
    border:1px solid #ccc;
    border-radius:4px;
    padding:10px 40px;
    transition:all 0.35s;    
}
.result_gallery .lt_more:before{
    content:'+';
    margin-right:6px;
}

.result_gallery .lt_more:hover{
    background-color:var(--n-color-base);
    color:#ffffff;
    border-color:var(--n-color-base);
    transition:all 0.35s;
}

.result_gallery .lt_info{
    position:relative;
    z-index:1;
    width:100%;
    padding:20px;
    background-color:#ffffff;
    opacity:1;
    transition:all 0.35s;
}
.result_gallery .lt_info > .tri-clip{
    position:absolute;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:120px; 
    aspect-ratio:1/1;
    bottom:-5px;
    right:-5px;
    background:transparent;
    clip-path:polygon(100% 0, 0 100%, 100% 100%);    
}
.result_gallery .galley_li .lt_img:hover .lt_info > .tri-clip{
    background-color:#01cc90;
}

.result_gallery .lt_info > .tri-clip > span{
    color:#dddddd;
    position:relative;
    width:100%;
    height:100%;
}
.result_gallery .lt_info > .tri-clip > span:before{
    content:'+';
    font-size:2rem;
    position:absolute;
    right:20px;
    bottom:20px;
}
.result_gallery .galley_li .lt_img:hover .lt_info > .tri-clip > span:before{
    color:#ffffff;
}


.result_gallery .galley_li:hover .lt_info,.result_gallery .galley_li:active .lt_info{

}

.result_gallery .lt_cate{color:#05814b;font-size:1.0625rem;font-weight:500;}
.result_gallery .lt_subject{color:#000000;font-size:1.25rem;font-weight:600;}
.result_gallery .lt_etc{color:#5f5f5f;font-size:0.93rem;font-weight:400;}

.lt_info.mobileBtn:before{
    content:'Go';
    position:absolute;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    z-index:1;
    width:30px;
    height:30px;
    border-radius:50%;
    background-color:rgba(0,0,0,0.5);
    color:#ffffff;
    bottom:0;
    right:0;
}


@media (max-width:1400px){
    .result_gallery .lt_info > .tri-clip{
        height:100px; 
    }    
}

@media (max-width:1024px){
    .result_gallery ul{
        grid-template-columns:repeat(2,1fr);
        margin:0 auto !important;
    }
    .result_gallery ul > li{
        flex:0 0 auto !important;
        margin-bottom:1.2rem;
    }
    .result_gallery .galley_li .lt_img{
        margin:0 auto;
    }
    .result_gallery .lt_info > .tri-clip{
        height:100px; 
    }    
}

@media (max-width:768px){
    .result_gallery ul{
        grid-template-columns:repeat(1,1fr);
        margin:0 auto !important;
    }
    .result_gallery .galley_li .lt_img{
        margin:0 auto;
    }
    .result_gallery .galley_li{
        padding:8px;
    }
}

@media (max-width:500px){
    .result_gallery ul{
        grid-template-columns:repeat(1,1fr);
        margin:0 auto !important;
    }
    .result_gallery .galley_li .lt_img{
        margin:0 auto;
    }
}