@charset "utf-8";

/* List */
.list-item .tack-check { right: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item h2 { display:block; font-size:16px; line-height:22px; margin:10px 5px; text-align:center; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-date { position:absolute; bottom:10px; padding:0px 10px; font-size:12px; line-height:23px; }
.list-item .list-date.left { left:0px; }
.list-item .list-date.right { right:0px; }
.list-item .list-details {}
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-row.clearfix { float:none !important; padding:0 !important; margin:0 !important; width:100% !important }

/* Responsive */
@media all and (max-width:767px) {
	.responsive .list-row { width:50% !important }
}
@media all and (max-width:420px) {
	.responsive .list-row { width:100% !important }
}

.list-wrap .list-item {
    position: relative;
    padding:10px;
    border: 1px solid #333;
}
.list-wrap .list-item:hover {
    position: relative;
    padding:10px;
    border: 3px solid #cb7a11;
}

.list-cont { margin-bottom:15px; }
.list-cont .text-muted { color:#d9d9d9 !important; }
.img-wrap .img-item img { width:100%; }
.subject { color: #fff; text-align: center; font-size: 16px; border-left: 1px solid #40424e; border-right: 1px solid #40424e; padding: 10px 0px 10px 0px; background:#222222; }
/*========= MENU CUSTOM =========*/
.list-item .list-details .choose{ border: 1px solid #40424e; box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; }
.list-item .list-details .choose ul li { float:left; }
.list-item .list-details .choose ul li a{ color:#fff; font-size: 13px; font-weight:bold; padding-left: 0; padding-right: 0; -webkit-tap-highlight-color: transparent; /* 모바일 반짝임 방지 */ }
.list-item .list-details .choose ul li a i{ margin-right:5px; }
.list-item .list-details .choose ul li a:hover{ color:#fff; background:#222222; }
.list-item .list-details .choose ul li a:focus,
.list-item .list-details .choose ul li a:active {
    background-color: #222 !important; /* 배경 유지 */
    outline: none;
    box-shadow: none;
}
.nav-pills > li + li { margin-left:0px !important; }
.nav-justified > li > a { margin-bottom:0px !important; }
.nav-pills>li>a { border-radius: 0px !important; }
#spin-link { display:inline-block; height:17px; line-height: 22px; overflow:hidden; }
#spin-link p { display:inline-block; position: relative;
-webkit-transition:-webkit-transform 0.3s;
-moz-transition:-moz-transform 0.3s;
transition:transform 0.3s;
}
#spin-link p::before { position: absolute; top:100%; content:attr(data-hover);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#spin-link:hover p, #spin-link:focus p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}

#spin-link-a2 { -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease }
#spin-link-a2:hover { text-decoration:none }