@charset "utf-8";

/* 새글 스킨 (latest) */
.latest_photo_list {display: grid; grid-template-columns: repeat(3, 1fr);  gap: 60px 20px; margin-top: 60px;}
.latest_photo_list dl {position:relative;}
.latest_photo_list dl .checkbox {display:inline-block; position: absolute; left:5px; top:5px; z-index:2;}
.latest_photo_list dl a {display: block; transition:all .3s linear;}
.latest_photo_list dl dt {position:relative; overflow: hidden; border-radius: 15px; }
.latest_photo_list dl dt::after {content:''; width:100%; height:100%; background:var(--main); position:absolute; top:0; left:0; margin:0; transition:all 0.3s ease-in-out; z-index:-1;}
.latest_photo_list dl dt .description {position: absolute; display: none; left: 30px; right: 30px; bottom: 30px; font-size: var(--fs16); font-weight: 400; line-height: 140%; color: var(--grayBg);}
.latest_photo_list dl:hover dt::after {transition:all 0.3s ease-in-out;}
.latest_photo_list dl:hover dt .description { display: block;}
.latest_photo_list dl dt img {width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover; transition:all .3s linear;}
.latest_photo_list dl:hover dt img {transition:all 0.3s ease-in-out; opacity:0;}

.latest_photo_list dl dd {box-sizing:border-box;}
.latest_photo_list dl dd h4 {color: var(--black); font-size: var(--fs18); font-weight: 600; line-height: 100% ; margin:20px 0 0 10px;}

/*******************************************************************************
    @media  ~1180px               
*******************************************************************************/
@media all and (max-width:1180px){

    .latest_photo_list { grid-template-columns: repeat(2, 1fr);  gap: 60px 50px;}
}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

    .latest_photo_list { grid-template-columns: repeat(1, 1fr);  gap: 60px 50px;}
    
    
    
}