@charset "utf-8";

/* List */
.list-item .label-tack { padding-left:10px; }
.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 { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }

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

.nav-tabs>li {    
    margin: 0 -2px !important;
}

/*추가사항*/	
.label-band2 { z-index: 2; top: 12px; letter-spacing: -2px; width: 130px; padding: 3px; right: -40px; font-size: 13px !important; position: absolute; text-align: center; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); opacity: 0.85; }
.item-no { position: absolute; left:0px; margin : 5px; top: 15px; background-color: rgba( 0, 0, 0, 0.5 ); line-height: 23px; }
.item-no2 { position: absolute; left:0px; margin : 5px; top: 15px; background-color: rgba( 0, 0, 0, 0.1 ); line-height: 23px; }
.item-notext { margin : 5px; font-weight: bold; color:#FFF; font-size: 12px; /*opacity: 0.8;*/ }
.item-notext2 { margin : 5px; font-weight: bold; color:#FFF; font-size: 12px; /*opacity: 0.8;*/ text-decoration:line-through; }
.item-sell-type { position: absolute; right:0px; margin : 3px 0 0 0; bottom: 40px; }
.item-sell-pink { bottom: 10px; padding: 0px 10px; font-size: 12px; line-height: 23px; right:2px; bottom:40px;  font-weight: bold; background-color: rgba( 222, 73, 219, 0.75 ); color:#FFF; float:right; }
.item-sell-blue { bottom: 10px; padding: 0px 10px; font-size: 12px; line-height: 23px; right:2px; bottom:40px;  font-weight: bold; background-color: rgba( 49, 102, 166, 0.75 ); color:#FFF; float:right; }
.item-sell-green { bottom: 10px; padding: 0px 10px; font-size: 12px; line-height: 23px; right:2px; bottom:40px;  font-weight: bold; background-color: rgba( 105, 198, 108, 0.75 ); color:#FFF; float:right; }
.item-sell-orange { bottom: 10px; padding: 0px 10px; font-size: 12px; line-height: 23px; right:2px; bottom:40px;  font-weight: bold; background-color: rgba( 215, 128, 0,0.75 ); color:#FFF; float:right; }
.item-sell-purple { bottom: 10px; padding: 0px 10px; font-size: 12px; line-height: 23px; right:2px; bottom:40px; font-weight: bold; background-color: rgba( 89, 85, 255, 0.75 ); color:#FFF; float:right; }
.item-caption { position:absolute; left:0; bottom:0px; width:100%; height:12%; padding:7px; line-height:18px; text-align:center; overflow:hidden; letter-spacing:-1px; font-size:12px; transition:transform 0.4s, opacity 0.1s 0.3s; opacity: 0.5; transform: translateY(100%); -o-transition: -o-transform .4s, opacity .1s .3s; -moz-transition: -moz-transform .4s, opacity .1s .3s; -webkit-transition: -webkit-transform .4s, opacity .1s .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); }
.item-caption { /*.item-row:hover*/ font-weight:800; transition:transform 0.4s, opacity 0.1s; opacity: 0.65; transform: translateY(0px); -o-transition: -o-transform .4s, opacity .1s; -moz-transition: -moz-transform .4s, opacity .1s; -webkit-transition: -webkit-transform .4s, opacity .1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); }
.img-wrap .img-item img {display: block; border: 0; width: 100.5%; height: auto; margin: 0px auto; border-radius: 15px; }
.item-sell { padding: 3px 10px; font-size: 13px; line-height: 23px; right:2px; bottom:40px; font-weight: bold; background-color: rgba( 191, 188, 191, 1 ); color:#FFF; margin-right:10px; border-radius: 15px; }
.item-sell2 { padding: 3px 10px; font-size: 13px; line-height: 23px; right:2px; bottom:40px; font-weight: bold; background-color: rgba( 222, 73, 219, 1 ); color:#FFF; margin-right:10px; border-radius: 15px; }
.img-wrap .img-item img:hover { transform: scale(1.15); transition: all 0.2s cubic-bezier(0.55, 0.06, 0.68, 0.19); border-radius: 15px; }
.bg-pink, i.bg-pink, .badge.bg-pink { background-color: rgba(222, 73, 219, 0.75); color: #fff; }
.img-wrap { border-radius: 15px; }