@charset "utf-8";

.basic-post-list1 {
	--border-color: #fff;
    --font-size-pc: 10;
    --font-size-mob: 10;
    font-size: min( calc( var(--font-size-mob) / 450 * 100vw ), calc(var(--font-size-pc) * 1px) );
}
.basic-post-list1 .titleBoxV2 {  
    border-bottom: 1px solid var(--border-color);
    display: flex; justify-content: space-between; align-items:center;
    font-size: 3em; padding-bottom: 0.3em;
}
.basic-post-list1 .titleBoxV2 .titleV2 { font-weight: bold; color: var(--border-color);}
.basic-post-list1 .titleBoxV2 > a { 
    font-size: 1.3333em; color: var(--border-color); 
    width: 1.25em; height: 1.25em; display: block; text-align: center;
    line-height: 1.15; transition: all 0.8s; transform: rotate(0);
}

@media (min-width: 991px) {
	.basic-post-list1 .titleBoxV2 > a:hover {
	transform: rotate(360deg);
	}
}



.basic-post-list1 .post-list { 
    list-style:none; padding:0px;
    font-size: 1.8em;
}
.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'); }



/* 리스트 첫번째 */
@media all {
    .basic-post-list1 .post-list li.item-first { transition: 1s; }
    .basic-post-list1 .post-list li.item-first > a {
        border-bottom: 1px solid var(--border-color);
        display: grid; grid-template-columns: auto 1fr; 
        gap:1.6em; align-items:center; height: 6.5em;
    }
    .basic-post-list1 .post-list li.item-first > a .dateBox {
        background: #fff; width: 3.9em; height: 5em;
        text-align: center; color: #00426e;
        display: grid; align-content: center;
    }
    .basic-post-list1 .post-list li.item-first > a .dateBox > * { 
        transform:translateY(-0.1em); 
    }
    .basic-post-list1 .post-list li.item-first > a .dateBox .day { 
        font-size: 1.666em; font-weight: bold;
    }
    .basic-post-list1 .post-list li.item-first > a .dateBox .Ym { 
        font-size: 1em; margin-top: 0.2em;
    }
    .basic-post-list1 .post-list li.item-first > a .textBox { overflow: hidden; }
    .basic-post-list1 .post-list li.item-first > a .textBox .titleV2 {
        font-size: 1.1111em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden; 
        font-weight: bold; color: var(--border-color); line-height: 1.6;
    } 
    .basic-post-list1 .post-list li.item-first > a .textBox .text { 
		font-size: 0.888em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        color: #dcdcdc; line-height: 1.6; 
    }

    .basic-post-list1 .post-list li.item-first[data-scroll="out"] { opacity: 0; }
}

/* 리스트 일반 */
@media all {
    .basic-post-list1 .post-list li.basic { transition: 1s; }
    .basic-post-list1 .post-list li.basic > a {
        display: grid; grid-template-columns: 1fr auto; gap:1.5em;
        height: 3.34em; align-items:center; border-bottom: 1px solid #dcdcdc;
    }
    .basic-post-list1 .post-list li.basic > a .wr_subject {
		font-size: 0.888em; padding-left: 1em;
        position: relative; color: #dcdcdc; height: 1.4em; line-height: 1.4em;
    }
	.basic-post-list1 .post-list li.basic > a .wr_subject::before {
		content: ''; width: 6px; height: 6px; background: #dcdcdc; position: absolute; top: 50%; left: 0; font-size: 1px !important;
		transform: translateY(-50%);
	}
	.basic-post-list1 .post-list li.basic > a .subject_date  {
		font-size: 0.888em; color: #dcdcdc;
	}
    .basic-post-list1 .post-list li.basic > a .dateV1 {
        justify-self: end; color: #434343; font-size: 0.8333em; font-weight: normal;
    }
    .basic-post-list1 .post-list li.basic[data-scroll="out"] { opacity: 0; }
}


/* 반응형 */
@media (max-width:768px) {
    .basic-post-list1 .post-list li.item-first > a {
        gap:1.2em;
    }
    .basic-post-list1 .post-list li.item-first > a .textBox .titleV2 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        white-space: wrap !important;
        overflow: hidden;
        line-height: 1.4;
    }
    .basic-post-list1 .post-list li.basic > a {
        grid-template-columns: 1fr auto; gap:1em;
    }
}