@charset "utf-8";


.latestBasicWrap {  }
.latestBasicFirst { padding:0 0px 30px; border-bottom:1px dashed #b2b2b2; margin-bottom:30px; }
.latestBasicFirst > a { display:flex; gap:30px; align-items: stretch; }
.lbf_date { display:flex; flex-direction: column; justify-content: center; align-items: center; flex-basis: 90px; width:90px; height:90px; border:3px solid #d9d9d9; border-radius:50%; flex-grow: 0; flex-shrink: 0; }
.lbf_date > .lbf_ym { font-size:14px; color:var(--fontColor707070); font-weight:700; order:2; padding:2px 0 6px; line-height:normal; }
.lbf_date > .lbf_d { font-size:30px; color:var(--fontColor000); font-weight:700; order:1; line-height:normal; }

.lbf_text { display:flex; flex-direction: column; justify-content: space-between; align-items: start; flex-grow: 1; min-width: 0; }
.lbf_text > .lbf_subj { flex: 1; max-width:100%; }
.lbf_text > .lbf_subj > span { font-size:clamp(20px,1.042vw,24px); color:var(--fontColor000); font-weight:600; display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lbf_text > .lbf_cont { 
    font-size:clamp(17px,1.042vw,18px); color:var(--fontColor707070); font-weight:400;
    width:100%; height:46px; line-height:23px; 
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}


.latestBasicPost { display:flex; flex-direction:row; justify-content:space-between; margin-bottom:7px; padding:0 0px; }
.lbp_subj { position:relative; margin:0 0px 0 20px; flex: 1; min-width: 0; margin-right:20px; flex-grow: 1; }
.lbp_subj::before { content:""; position:absolute; left:-15px; top:37%; transform: translateY(-50%); width:3px; height:3px; background:var(--fontColor000); }
.lbp_subj > a { display:inline-block; max-width:100%; font-size:clamp(17px,1.042vw,18px); color:var(--fontColor000); font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lbp_date { font-size:clamp(17px,1.042vw,18px); color:var(--fontColor707070); font-weight:500; text-align:left; font-family:"Noto Sans KR"; line-height:1.2em; flex-grow: 0; flex-shrink: 0; }


@media (max-width: 1023px) {
    
}
@media (max-width: 767px) {
    .latestBasicFirst > a { gap:20px; }
    .lbf_text { justify-content: space-around; align-items: start; }
    .lbf_text > .lbf_subj { flex: none; }
}