.usm-moim-lst { float: left; width: 100%; }
.usm-moim-lst li { box-sizing: border-box; margin: 0 0 10px 0; width: 49%; float: left; }
.usm-moim-lst li:nth-child(even) { margin: 0 0 10px 1%; }
.usm-moim-lst li:nth-child(odd) { clear: both; float: left; }
.usm-moim-lst li .usm-moim-box1 { border: 1px solid #8ABAE0; background-color: #e2eff9; padding: 17px; }
.usm-moim-lst li .usm-moim-img img { width: 100%; height: 150px; }
.usm-moim-lst li .usm-moim-box2 { padding: 0 17px 17px 17px; border: 1px solid #e2e2e2; }
.usm-moim-lst li .usm-moim-name { font-size: 16px; border-bottom: 1px dashed #cedbf8; text-align: center; font-weight: bold; margin: 0 0 10px 0; padding: 5px 0 8px 0;  display:block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.usm-moim-lst li .usm-moim-name a { color: #7d3403; }
.usm-moim-lst li .usm-moim-con { font-size: 14px; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 16px; height: 48px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.usm-moim-lst li .usm-moim-adlst { margin: 10px 0 0 0; min-height: 38px; }
.usm-moim-lst li .usm-moim-adlst span:after { content: '\002C'; padding: 0 3px 0 0; }
.usm-moim-lst li .usm-moim-adlst span:last-child:after { content: ' '; }
.usm-moim-lst li .usm-moim-adm { text-align: right; margin: 4px 0 0 0; }

.usm-brd-wrt th { width: 30%; }

.usm-btn.usm-me.mod a { background-color: #f05b0f; border-color: #EC1E00; color: #fff; }
.usm-btn.usm-me.del a { background-color: #1983d3; border-color: #0057C4; color: #fff; }
.usm-btn.usm-me.flg { display: inline-block; padding: 0 5px; height: 24px; line-height: 24px; font-weight: bold; font-size: 1em; background-color: #37b474; border: 1px solid #009A3E; color: #fff; vertical-align: bottom; margin: 0 0 0 2px; }

@media all and (min-width:769px){

.usm-moim-lst { width: 100%; float: left; }
.usm-moim-lst li { float: left; width: 32.3333333%; margin: 0 1% 10px 0; }
.usm-moim-lst li:nth-child(even) { margin: 0 1% 10px 0; }
.usm-moim-lst li:nth-child(odd) { clear: none; float: left; }

}

@media all and (min-width:1024px){

.usm-moim-lst { width: 100%; float: left; }
.usm-moim-lst li { float: left; width: 204px; margin: 0  10px 30px 10px; }
.usm-moim-lst li:nth-child(even) { margin: 0 10px 30px 10px; }
.usm-moim-lst li .usm-moim-img img { height: 132px; }

}