@charset "utf-8";

/* 모바일 목록 */
@media all and (max-width:767px) {
	.responsive #bo_list .float-left.float-md-none {
		margin-right:0.75rem;
	}
	.responsive #bo_list .na-title {
		margin-bottom:0.14rem;
	}
}

/* gallery */
#bo_gallery .chk-box {
	position:absolute;
	bottom:5px;
	right:10px;
	z-index:2;
}
#bo_gallery .wr-now {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.75);
	z-index:1;
}

.card-body.closed {
	background: rgba(0,0,0,0.03);
}

.card__item:hover { 
  background: #fcfcfc;
	box-shadow: 1px 1px 1px #333;
}

.card__item {
	min-height: 350px !important;
	-moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  background: #fff;
	cursor: pointer;
}

.card-img-left {
	overflow: hidden;
	min-width: 250px;
}

.card-img-left img {
	max-width: 250px;
	min-width: 250px;
}

.group_item__info {
	display: flex;
	background-color: initial;
	border-top: 0;
	justify-content: space-between
}

.card-img-left {
	border-right: 1px solid #ddd;
	border-radius: .25rem 0 0 .25rem;
}

.card-body {
	padding: 0.75rem 1.25rem;
}


.event_box__textarea {
	height: 50px;
	font-size: 14px;
	overflow: hidden;
}

.event_box__subject {
	height: 30px;
	overflow: hidden;
}

.event_box__footer {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-right: 10px;
  transform: translateY(50%);
}


.event_box__tag {
  font-size: 1.25em;
	min-height: 30px;
}

.event_box__footer .text-muted i {
	margin-left: 10px;
}

.event_box__main {
	width: 100%;
	height: 80%;
}

.event_box__outline .card:hover {
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
	border-radius: .25rem;
}

.datepicker__number.warning {
  color: red;
  font-weight: 600;
}

.datepicker__number {
  color: green;
}

.event_box__outline .card {
	height: 230px;
}

.admin_item__checkbox {
	position: absolute;
	right: 0;
	top: 0;
	margin: 10px;
}

.ribbon {
	width: 30px;
	padding: 10px 0 5px 0;
	position: absolute;
	top: -6px;
	text-align: center;
	border-top-left-radius: 3px;
	color: white;
	font-weight: 500;
	line-height: 120%;
	font-size: 13px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}


.ribbon:hover,
.event_box__textarea a:hover
{
	color: crimson !important;
	text-decoration: none;
}
 
.ribbon:before {
	height: 0;
	width: 0;
	right: -5.5px;
	top: 0.1px;
	border-bottom: 6px solid #8D5A20;
	border-right: 6px solid transparent; 
}
 
.ribbon:before, .ribbon:after {
	 content: "";
	 position: absolute; 
}
 
.ribbon:after {
	 height: 0;
	 width: 0;
	 bottom: -14px;
	 left: 0;
}
 
.ribbon__hot {
	background: #F47530;
}
 
.ribbon__hot:before {
	border-bottom: 6px solid #8D5A20;
	border-right: 6px solid transparent;
}
 
.ribbon__hot:after {
	 border-left: 15px solid #F47530;
	 border-right: 16px solid #F47530;
	 border-bottom: 15px solid transparent;
}

.ribbon__new {
	background: #0092ED;
}
 
.ribbon__new:before {
	border-bottom: 6px solid #004176;
	border-right: 6px solid transparent;
}
 
.ribbon__new:after {
	border-left: 15px solid #0092ED;
	border-right: 16px solid #0092ED;
	border-bottom: 15px solid transparent;
}

.ribbon__best {
	background: #7B2CF8;
}
 
.ribbon__best:before {
	border-bottom: 6px solid #310795;
	border-right: 6px solid transparent;
}
 
.ribbon__best:after {
	border-left: 15px solid #7B2CF8;
	border-right: 16px solid #7B2CF8;
	border-bottom: 15px solid transparent;
}

.event_box__tag .badge {
	padding-top: .4rem;
	padding-bottom: .4rem;
	opacity: 0.9;
}
.event_box__tag .badge:hover {
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.event_status {
	font-size: 17px;
}

.event_status.opened {
  color: green;
}

.event_status.hurry {
  color: red;
	text-decoration: underline;
}

.event_status.soon {
  color: darkorange;
	text-decoration: underline;
}

.event_status.prepare {
	color: navy;
}