.conWrap{display:flex;flex-direction:column}.conWrap>div{align-items:center;border-bottom:1px solid var(--lightGray,#c4c7c8);border-top:1px solid var(--lightGray,#c4c7c8);display:flex;gap:30px;height:90px;padding:30px 20px}.conWrap>div:last-child{border-top:none}.conWrap>div .blogTitle:hover{border-bottom:1px solid var(--text-title,#36424a)}.cardItem{align-items:center;display:flex;gap:20px}.cardItem,.cardItem>div{width:100%}.cardItem>div{align-items:center;display:flex;gap:15px}.cardItem>div .blogname{background:var(--surface,#fff);border:1px solid var(--lightGray,#c4c7c8);border-radius:999px;color:var(--blue,#004d9e);font-size:14px;font-style:normal;font-weight:500;line-height:1.4;padding:4px 15px;white-space:nowrap}.cardItem>div .blogname:hover{background:var(--text-title,#36424a);border:1px solid var(--lightGray,#36424a);color:#fff}.cardItem>.date{color:var(--darkGray,#828a8f)}.tit{align-items:center;display:flex;white-space:nowrap}.blogTitle,.nopost{-webkit-line-clamp:1;-webkit-box-orient:vertical;border-bottom:1px solid transparent;color:var(--text-title,#36424a);display:-webkit-box;font-size:20px;font-style:normal;font-weight:700;line-height:30px;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:768px){.conWrap>div{align-items:flex-start;flex-direction:column;height:auto}.cardItem{align-items:flex-end}.cardItem>div{align-items:flex-start;flex-direction:column-reverse}}