@charset "utf-8";

.basic-notice-mix_v1 { margin:0px; margin: 20px 0 0; }
.basic-notice-mix_v1 .txt-normal { letter-spacing:0; }
.basic-notice-mix_v1 .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-notice-mix_v1 .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.basic-notice-mix_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-notice-mix_v1 .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.basic-notice-mix_v1 .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.basic-notice-mix_v1 .wr-video { width:12px; height:12px; background-image: url('./img/icon_video.gif'); }
.basic-notice-mix_v1 .wr-image { width:12px; height:12px; background-image: url('./img/icon_image.gif'); }
.basic-notice-mix_v1 .wr-file { width:12px; height:12px; background-image: url('./img/icon_file.gif'); }
.basic-notice-mix_v1 .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }

.basic-notice-mix_v1 .media { margin:0px 0px 20px; overflow: initial; }
.basic-notice-mix_v1 .media-body { overflow: initial; }
.basic-notice-mix_v1 .post-image { position:relative; overflow:hidden; }
.basic-notice-mix_v1 .post-content { margin:0px 0px -2px;}
.basic-notice-mix_v1 .post-subject { overflow:hidden; padding-right:1px; font-size:20px; font-weight:500; line-height: 25px; height: 80px !important;}

.basic-notice-mix_v1 .post-sp { color:#ccc; margin:0px 4px; }
.is-pc .ko .basic-notice-mix_v1 .post-ko { font-size:11px; }
.basic-notice-mix_v1 .post-list { list-style:none; padding:0px; margin:-2px 0px; line-height:42px;  font-size:20px; font-weight:500;}
.basic-notice-mix_v1 .post-list li { padding:0px; margin:0px; border-bottom: 1px solid #eee;}
.basic-notice-mix_v1 .post-list li b {padding-right:1px; }
.basic-notice-mix_v1 .post-none { padding:50px 10px; text-align:center; color:#888; }





/* 210305 */
.basic-notice-mix_v1 .rank-icon { display:none; }

/* 첫번째 라인 */
.basic-notice-mix_v1 .post-wrap { overflow:hidden; margin-bottom:0px; border-bottom: 1px solid #eee; }
.basic-notice-mix_v1 .post-subject > a {
-ms-display:flex; display:flex;
}
.basic-notice-mix_v1 .dateBox { position: relative; width: 80px; height: 80px; background: #ccc; border-radius: 50%;}

/*dateBox 컬러*/

main .section3 .itemBox01 .basic-notice-mix_v1 .dateBox {background: var(--page-main-color);}
main .section3 .itemBox02 .basic-notice-mix_v1 .dateBox {background: #2584c7;}


.basic-notice-mix_v1 .date_v1 { 
position: absolute; left: 0; top: 50%; transform:translateY(-58%); width: 100%; text-align: center; color: #7d7d7d; 
margin-top: 5px;
}
.basic-notice-mix_v1 .date_Ym { font-size: 13px; font-weight: 300; color: #fff;}
.basic-notice-mix_v1 .date_d { font-size: 3rem; color: #fff;}

.basic-notice-mix_v1 .items_v1 { width: calc( 100% - 80px ); margin-left: 14px; font-size: 1.8rem; color: #000; font-weight: 500; }
.basic-notice-mix_v1 .items_v1 > p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden;}
.basic-notice-mix_v1 .post-text { font-size:16px; color:#626262; margin-top:10px; font-weight:400; line-height:1.5; width: 95%;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}

/* 두번째 라인 */
.basic-notice-mix_v1 .post-list li a { 
-ms-display: flex; -ms-justify-content:space-between;
display: flex; justify-content:space-between;
font-size: 1.8rem; color: #000; font-weight: 500;
padding: 5px 0;
}
.basic-notice-mix_v1 .listSbj { 
width: 100%; text-overflow:ellipsis; overflow: hidden; position: relative; padding-left: 1.5rem; 
}
.basic-notice-mix_v1 .listDate { width: 30%; text-align: right; padding-right:10px; }

@media (max-width:1200px) {
	.basic-notice-mix_v1 .items_v1 { font-size: 16px; }
	.basic-notice-mix_v1 .post-list li a { font-size: 15px;}
	.basic-notice-mix_v1 .post-text { font-size: 14px; }
}


@media ( max-width:768px ) {
	.basic-notice-mix_v1 .post-subject { height: auto !important; }
	.basic-notice-mix_v1 .post-text { 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	}
	

	.basic-notice-mix_v1 .listDate { padding-right: 0; }
}

@media ( max-width: 500px ) {
	.basic-notice-mix_v1 .post-subject > a  {align-items: center;}
	.basic-notice-mix_v1 .dateBox {width: 16vw; height: 16vw;}
	.basic-notice-mix_v1 .date_d {font-size: 2.9rem;}
	.basic-notice-mix_v1 .date_Ym {font-size: 11px;}
}


/* rem 참고 / http://leeik.com/bbs/board.php?bo_table=ikb199&wr_id=98 */