@charset "utf-8";

.basic-post-box { overflow:hidden; line-height:20px; text-align:left; }
.basic-post-box .txt-normal { letter-spacing:0; font-size:18px; }
.basic-post-box .txt-short { position:relative; font-size:14px; font-weight:200; color:#444; letter-spacing:0px; text-align:right; }
.basic-post-box .post-vicon { position:absolute; left:6px; top:6px; color:#fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-box .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-box .post-row { float:left; overflow:hidden; }
.basic-post-box .post-list { overflow:hidden; min-height:280px; padding:0px 20px; }
.basic-post-box .post-image { position:relative; overflow:hidden; }
.basic-post-box .post-content { margin:0px 0px -2px; overflow:hidden; }
.basic-post-box .post-subject { overflow:hidden; letter-spacing:-1px; font-size:25px; font-weight:700; line-height:1.2; margin-bottom:18px; height:92px !important; }
.basic-post-box .post-bo { overflow:hidden; height:60px; display:none !important; }
.basic-post-box .post-bo>span { display:inline-block; padding:5px 20px !important; background:#D8F3FF; border-radius:30px; color:#333; font-size:17px !important; font-weight:600; line-height:1; }
.basic-post-box .post-bo>.bg1 { background:#F27D0D; }
.basic-post-box .post-bo>.bg2 { background:#fff839; }
.basic-post-box .post-bo>.bg3 { background:#8e38ff; }
.basic-post-box .post-bo>.bg4 { background:#00c57d; }
.basic-post-box .post-text { min-height:90px; margin-bottom:60px; border-bottom:#DFDFDF 1px solid; display:block; font-size:15px; font-weight:300; color:#666; line-height:130%; }
@media only screen and (max-width:496px){
	.basic-post-box .txt-short {font-size:13px;}
	.basic-post-box .post-list {min-height:inherit; padding:10px 5px; border:none; border-bottom:#E7E7E7 1px solid; border-radius:0; background:#FFF; box-shadow:none;}
	.basic-post-box .post-row:nth-child(3) .post-list { border-bottom:none; }
	.basic-post-box .post-content {display:flex; flex-direction:column; align-items:flex-start; gap:0 10px;}
	.basic-post-box .post-subject {font-size:15px; font-weight:300; height:20px !important; margin-bottom:0px;}
	.basic-post-box .post-bo {display:none;}
	.basic-post-box .post-text {display:none;}
}
