@charset "utf-8";

.basic-post-list1 {
    --border-color:#dcdcdc;
    --font-size-pc: 10;
    --font-size-mob: 10;
    font-size: min( calc( var(--font-size-mob) / 480 * 100vw ), calc(var(--font-size-pc) * 1px) );
    position: relative; padding-top: 1em;
}
.basic-post-list1.more {
    position: absolute; right: 0; top: -7.5em;
    width: 100%; display: flex; justify-content: end;
}
/* #index .title-v1 {
    border: 1px solid #000;
} */
/* .grid-item.item8 .basic-post-list1.more {
    top: -6.5em;
} */

.basic-post-list1 .post-list { 
    list-style:none; padding:0px;
    font-size: 15px;
}
.basic-post-list1 .post-list li { padding:0px; margin:0px; }
.basic-post-list1 .post-list li b { letter-spacing:-1px; padding-right:1px; }
.basic-post-list1 .post-list li .name { letter-spacing:-1px; color:#888; padding-left:4px; padding-right:1px;}
.basic-post-list1 .post-list .txt-normal { letter-spacing:0; }
.basic-post-list1 .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-list1 .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.basic-post-list1 .wr-icon { display:inline-block; padding:0px; margin:0px; line-height:12px; vertical-align:middle; background-repeat: no-repeat; background-position: 0px 0px; }
.basic-post-list1 .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.basic-post-list1 .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.basic-post-list1 .wr-video { width:12px; height:12px; background-image: url('./img/icon_video.gif'); }
.basic-post-list1 .wr-image { width:12px; height:12px; background-image: url('./img/icon_image.gif'); }
.basic-post-list1 .wr-file { width:12px; height:12px; background-image: url('./img/icon_file.gif'); }




/* 리스트 일반 */
.basic-post-list1 .post-list li.basic {
    position: relative;
}
.basic-post-list1 .post-list li.basic > a {
    display: grid; grid-template-columns:auto 2.5fr auto;
    align-items: center; gap:1.2em;
    padding: 1.05em 0;
    border-bottom: 1px solid var(--border-color);
}
.basic-post-list1 .post-list li.basic:last-child > a {
    border-color: #a0a0a0;
}
.basic-post-list1 .post-list li.basic > a .num {
    color: #535353;
}
.basic-post-list1 .post-list li.basic > a .wr_subject {
    position: relative; color: #535353;
}
.basic-post-list1 .post-list li.basic > a .dateV1 {
    justify-self: end; color: #7d7d7d;
}
.basic-post-list1 .post-list li.basic > a:hover {
    color: #000;
}
.basic-post-list1 .post-list li.basic > a:hover > * {
    color: inherit;
}

/* 반응형 */
@media (max-width:991px) {
    .basic-post-list1 .more {
        top: calc( -11.5em  - 20px );
    }
    .grid-item.item8 .basic-post-list1 .more {
        top: calc( -12.5em  - 20px );
    }
}
@media (max-width:768px) {
    .basic-post-list1 .post-list li.basic > a {
        grid-template-columns: 1fr auto; gap:1em;
    }
}