@charset "utf-8";

/* List */
.list-media { margin:0; }
.list-item { padding:6px; border-bottom:1px solid #eee; line-height: 20px; }
.list-item .img-left { margin-right:15px; }
.list-item .img-right { margin-left:15px; }
.list-item h2.media-heading { display:block; font-size:18px; line-height:25px; margin:0px; }
.list-item .list-details { padding-top:9px; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-item .list-cont { padding:0; line-height:20px; }
.list-item .list-sp { margin:0 7px; color:#ddd; font-size:11px; }

/* Infinite */
.list-wrap #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.list-wrap .list-more { text-align:center; margin-bottom:20px; }
.list-wrap .list-more a { color:#ddd; font-size:60px; }
.list-wrap .list-top { line-height:1px; }

.option-m { color:#aaa; border:1px solid #ccc; line-height:10px; margin-right:3px; border-radius: 5px; display: inline-block; font-size:9px; padding:2px; }
.option { color:#666; border:1px solid #aaa; line-height:11px; margin-right:3px; border-radius: 5px; display: inline-block; font-size:11px; padding:3px; letter-spacing: -0.5px; }
.video { opacity:0.9; -webkit-box-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 1px #fff; color: #fff; width: 20px; height: 20px; position: absolute; right: 4px; bottom: 4px; background-color: #3a84ce; font-size: 8px; border-radius: 10px; text-align: center; }

.bg-meme { background-color: #fc384a; color: #fff; }
.bg-jeonse { background-color: #0074e4; color: #fff; }
.bg-wolse { background-color: #a357de; color: #fff; }
.bg-danki { background-color: #1b00e4; color: #fff; }
.bg-done { background-color: #fce013; color: #fff; }
.bg-hide { background-color: #666; color: #fff; }

.vert-center { display: -webkit-box; display: -ms-flexbox; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #000; }

.type { font-weight: 600; }
.spec { letter-spacing: -1px; }
.spec:before { display: inline-block; position: relative; top: -4px; left: -4px; width: 2px; height: 2px; background-color: #555; content: '';  margin-left: 8px; }

.label-status { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; background-color: #000; opacity: 0.7; }