.Kblg{width:250px;float:left;}
.Kblg:hover .Kbic { background: #e9e9e9; transition: all .3s ease; }
.Kblg:hover .TrhBlg { background: #9f9f93; transition: all .3s ease; }
.Blg h3 { font-size: 16px; font-weight: bold; margin: 10px 0; }
.Kbic { margin: 5px; border: 1px solid #ccc; padding: 10px; transition: all .3s ease; }
.Kbic img{width:100%;}
.BlgDty{font-size:12px;}
.Blg h3 a{font-size:12px;}
.TrhBlg { text-align: center; position: absolute; background: #808080; padding: 5px; right: 0; top: 0; transition: all .3s ease; }
    .TrhBlg span { display: block; font-weight: bold; color: #fff;; }
    .TrhBlg::after { content: " "; position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0px 0px; border-color: #000 transparent transparent transparent; right: 0; top: 100%; }
    .TrhBlg::before { content: " "; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0px 0px 5px 5px; border-color: transparent transparent #000 transparent; right: 100%; top: 0; }
.Blg .gold { background: #ccc; color: #000; padding: 2px; font-weight: bold; font-size: 11px; }

@media(max-width:767px) {
    .Kblg { width: 250px; }
}

@media(min-width:768px) {

    .Kblg { width: 375px; }
}