@charset "utf-8";

/* List */
.list-media { margin:0; }
.list-item { /*padding-bottom:15px; border-bottom:1px solid #0096d7;*/
margin-bottom:20px;  border-radius:5px; box-shadow:2px 2px 2px rgba(0,0,0,0.1); overflow:hidden; 
border:1px solid #ccc; border-top: 9px solid #0096d7 !important;}
.list-item .img-left { margin-right:10px; }
.list-item .img-right { margin-left:10px; }
.list-item h2.media-heading { display:inline-block; /*font-size:16px; line-height:22px;*/ margin:0px; padding:15px 0 10px 0; }
.list-item h2.media-heading b { font-size:20px;  color:#333; }
/*.list-item h2.media-heading span { width:3px; height:26px; background-color:#0096d7; display:inline-block; vertical-align:middle; }*/
.list-item .list-details { margin-top:6px; padding:6px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-item .list-cont { margin-top:4px; padding:0; line-height:26px; font-size:15px; color:#333; }
/*.list-item .list-cont .tt { padding-left:5px; border-left:3px solid #0096d7; }*/
.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:#333; font-size:60px; }
.list-wrap .list-more a:hover { color:#0096d7; }

.list-item .media-body { padding-right:5px; }

.detailBtn {border-radius:5px; display:block; width:100%; padding:10px 15px; border:1px solid #0096d7; background-color:#0096d7; color:#fff !important; }
.detailBtn:hover { background-color:#f4f4f4; color:#0096d7 !important; transition:0.1s ease; }

/*20220125수정*/
.list-media .pull-right { position: absolute; right:20px;}

@media screen and (max-width: 767px){
	.list-media	.pull-right { right: 5px;}
}