@charset "utf-8";

.basic-post-list-v1 .post-list { list-style:none; padding:0px; padding-top:10px; margin:-2px 0px; line-height:22px; }
.basic-post-list-v1 .post-list li { padding:0px; margin:0px; }
.basic-post-list-v1 .post-list li b { letter-spacing:-1px; padding-right:1px; }
.basic-post-list-v1 .post-list li .name { letter-spacing:-1px; color:#888; padding-left:4px; padding-right:1px;}
.basic-post-list-v1 .post-list .txt-normal { letter-spacing:0; }
.basic-post-list-v1 .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-list-v1 .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.basic-post-list-v1 .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-list-v1 .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.basic-post-list-v1 .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.basic-post-list-v1 .wr-video { width:12px; height:12px; background-image: url('./img/icon_video.gif'); }
.basic-post-list-v1 .wr-image { width:12px; height:12px; background-image: url('./img/icon_image.gif'); }
.basic-post-list-v1 .wr-file { width:12px; height:12px; background-image: url('./img/icon_file.gif'); }

/* sec1»õ¼Ò½Ä ¸®½ºÆ® */
.basic-post-list-v1 #latest_news {
    --icon-color:#fff;
}


.basic-post-list-v1 #latest_news { 
    --board-v2-font-size-pc:20;
    --board-v2-font-size-mob:16;
    font-size: min( calc( var(--board-v2-font-size-mob) / 350 * 100vw ), calc(var(--board-v2-font-size-pc) * 1px) );
    display:grid;
}
/* list item1 */
@media all {
    /* .basic-post-list-v1 #latest_news > li { border-bottom: 1px solid #eee;} */
    .basic-post-list-v1 #latest_news > li.item1 {
        padding: 0 0 1.333em;
        display: grid; grid-template-columns: auto 1fr; 
        gap: 1.2em; align-items:center; border-bottom: 1px dashed #626262;
        margin-bottom: 1em;
    }
    .basic-post-list-v1 #latest_news > li.item1 .dateBox {
        background: var(--icon-color); width: 5em; height: 5em;
        border-radius: 50%; text-align: center; color: #313131;
        display: grid; gap: 0.25em; align-content: center; overflow: hidden; border-radius: 1em;
        border: 1px solid #e5e5e5;
    }
    .basic-post-list-v1 #latest_news > li.item1 .dateBox > * { transform:translateY(-0.1em); }
    .basic-post-list-v1 #latest_news > li.item1 .dateBox .day { 
        font-size: 1.75em; font-weight: bold;
    }
    .basic-post-list-v1 #latest_news > li.item1 .dateBox .Ym { 
        font-size: 0.75em; font-weight: bold; margin-top: 0.1em;
    }
    .basic-post-list-v1 #latest_news > li.item1 .textBox { overflow: hidden; }
    .basic-post-list-v1 #latest_news > li.item1 .textBox .titleV2 {
        margin-bottom: 0.5em; font-weight: 500; line-height: 1.2;
    } 
    .basic-post-list-v1 #latest_news > li.item1 .textBox .titleV2 > a { 
        font-weight: 500; color: #000; 
        display: block;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
		text-overflow:ellipsis; white-space: nowrap;
    }
    .basic-post-list-v1 #latest_news > li.item1 .textBox .text {
        font-size: 0.9em; 
        display: block;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
		text-overflow:ellipsis; white-space: nowrap;
        color: #626262; line-height: 1.6;
        font-weight: 400;
    }
}
/* list not item1 */
@media all {
    .basic-post-list-v1 #latest_news > li:not(li.item1) { 
        display:grid; grid-template-columns:1fr auto; align-items:center;  
        padding: 10px 0;
    }
    .basic-post-list-v1 #latest_news > li:not(li.item1) .titleV2 { overflow: hidden; font-size: 0.9em; }
    .basic-post-list-v1 #latest_news > li:not(li.item1) .titleV2 a { 
    display: block; padding:0 0.95em; color: #000;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative;
    line-height: 1.2; padding-left: 1.2em;
    }
    .basic-post-list-v1 #latest_news > li:not(li.item1) .titleV2 a:before {
        --before-size: 7px;
        content: ''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); 
        width: var(--before-size); height: var(--before-size); background: #1197d5;
    }
    .basic-post-list-v1 #latest_news > li:not(li.item1) > .date1 { font-size: 0.8em; color: #000; }

    .basic-post-list-v1 #latest_news > li:not(li.item1):hover .titleV2 a {color: #000;}
}