@charset "utf-8";

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

.result_gallery ul{
    display:flex;
    align-items:center;
    justify-content: space-between;
}
.result_gallery ul{
    margin-left:-30px;
    margin-right:-30px;
}
.result_gallery .galley_li{
    padding:0 30px;
    flex:1;
    max-width:400px;
}
.result_gallery .galley_li .lt_img{
    display:block;
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:350/500 !important;
    position:relative;
    border-radius:15px;
    overflow:hidden;
    
}
.result_gallery .galley_li .lt_img img{
	display:block;
	width:100%;
	height:100% !important;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	transition:all 0.5s;
}
.result_gallery .galley_li .lt_img:hover{
    box-shadow:0px 0px 15px rgba(0,0,0,0.25);
}
.result_gallery .galley_li:hover .lt_img img{
	width:120%;
	height:120% !important;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	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:absolute;
    z-index:1;
    bottom:-100%;
    width:100%;
    padding:20px;
    background-color:#f7f7f7;
    opacity:0;
    transition:all 0.35s;
}
.result_gallery .galley_li:hover .lt_info,.result_gallery .galley_li:active .lt_info{
    bottom:0;
    width:100%;
    opacity:1;
    transition:all 0.35s;
    display:flex;
    flex-direction:column;
    gap:4px;
    align-items:flex-start;
}

.result_gallery .lt_cate{color:#0060df;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:1024px){
    .result_gallery ul{
        flex-wrap:wrap;
        margin:0 auto !important;
    }
    .result_gallery ul > li{
        flex:0 0 auto !important;
        width:50%;
        margin-bottom:1.2rem;
    }
    .result_gallery .galley_li .lt_img{
        max-width:280px !important;
        margin:0 auto;
    }
}

@media (max-width:768px){
    .result_gallery .galley_li .lt_img{
        max-width:240px !important;
        margin:0 auto;
    }
    .result_gallery .galley_li{
        padding:8px;
    }
}

@media (max-width:500px){
    .result_gallery .galley_li .lt_img{
        max-width:240px !important;
        margin:0 auto;
    }
}