@charset "utf-8";

/* 새글 스킨 (latest) */
.latest_photo_list {display: grid; grid-template-columns: repeat(3, 1fr);  gap: 30px 30px; 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(--black); position:absolute; top:0; left:0; margin:0; transition:all 0.3s ease-in-out; z-index:-1;}
.latest_photo_list dl dt img {display: block; width: 100%; height: 100%; object-fit: cover; transition:all .3s linear;}

.latest_photo_list dl dd p { font-size: 0.75rem !important; line-height: 140%; color:var(--text-color-light); margin-top: 20px;}
.latest_photo_list dl dd h3 {font-size:1.75rem; font-weight:400; letter-spacing: 1; line-height: 120%; font-family:var(--eng); color: #333;margin-top: 20px;}

.latest_photo_list dl:hover dd h3 { color: var(--main);}


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

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

    .latest_photo_list dl dd h3 {font-size:1.625rem;}
}

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

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

    .latest_photo_list dl dd h3 {font-size:1.375rem;}
}