#navi_category {
	text-align:center;
	padding:20px 0;
}
#navi_category ul {
	background:var(--default-box-color);
	border-radius:15px;
	display:inline-block;
	padding:5px 40px;
	color:var(--default-txt-color);
}
#navi_category ul a {
	color:var(--default-txt-color);
	font-weight:600;
}
#navi_category li {
	display:inline-block;
}
#navi_category li+li:before {
	content:'|';
	padding:0 20px;
}
.skip {
	position:absolute;
	width:1px;
	height:1px;
	left:-9999px;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	overflow:hidden
}
#bo_v_img {
  margin-block:20px;
}
.review-list {
	display:flex;
	width:100%;
	flex-wrap: wrap;
	justify-content: center;
}
.review-list .review-item {
	width:100%;
}
.review-list .review-item.notice {
	width:100%;
}
.review-list .review-item.notice .review-item-content {
	color:var(--color-default)
}
.review-list .review-item.notice .review-item-content:hover {
	text-decoration:underline
}
.review-list .review-item.notice .review-item-content span {
	padding:2px 10px
}
.review-list .review-item.notice .review-item-content span.hash {
	background:var(--color-default);
	color:#fff
}
.review-list .review-item.empty {
	text-align:center;
	padding:15px ;
}
.review-list .review-item .review-item-content {
	display:flex;
	flex-wrap:wrap; border:1px solid #5e8c96;
	margin:5px; padding:20px;
	background-color:white; border-radius:20px;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start !important;
  max-width: calc(100% - 10px);
  box-sizing: border-box;
}
.review-list .review-item .review-item-content .review-item-img {
	position:relative;border:1px solid #e4c684;
	overflow:hidden;width:100%;     
	border-radius:20px;
}
.review-list .review-item .review-item-content .review-item-img img {
	position:relative;transform:scale(1.1);   
	display:block;
	width:100%;
	z-index:1
}
.review-list .review-item .review-item-content .review-item-img.no-image {
	width:100%;
	padding-top:100%
}
.review-list .review-item .review-item-content .review-item-img.is-blur img {
	filter:blur(10px)
}
.review-list .review-item .review-item-content .review-item-img .badge {
	display:block;
	position:absolute;
	/* left:8px;
	top:8px;
	padding:0 8px;
	border-radius:4px; */
	z-index:2;
	/* color:#fff; */
  width:100%;
  height:100%;
	background:url('img/complete.png') no-repeat center/95%;
}
.review-list .review-item .review-item-content .review-item-text {
  width:100%;
	padding:5px;
}
.review-list .review-item .review-item-content .review-item-text .rit-head {
	margin-bottom:10px
}
.review-list .review-item .review-item-content .review-item-text .rit-head .badge {
	opacity:.5
}
.review-list .review-item .review-item-content .review-item-text .rit-head .rit-title {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
  line-height:1;
}
.review-list .review-item .review-item-content .review-item-text .rit-content {
	display:block;
	color:var(--text-color);
	margin-bottom:10px;
	white-space:nowrap;
	overflow:hidden;width:70%;
	text-overflow:ellipsis;
	white-space:normal;
	line-height:1.2;
	max-height:2.4em;
	text-align:left;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.review-list .review-item .review-item-content .review-item-text .rit-date {
	color:var(--text-color);
	margin-bottom:10px;
	line-height:1.3em;
	opacity:.5
}

@media only screen and (max-width:899px) {
  /* 모바일 둥근 테두리 */
  #bo_v_img img  {
    border-radius: 10px;
  }
}
@media only screen and (min-width:680px)and (max-width:899px) {
	.review-list .review-item {
		width:33.3%;
		border-top:0
	}
	.review-list .review-item.notice {
		width:100%
	}

}


@media only screen and (min-width:900px) {
	.review-list {
	
	}
	.review-list .review-item {
		width:33.3%;display:flex;
	flex-flow:wrap; 
	
	}
	.review-list .review-item:last-child {
		border-bottom:none
	}
	.review-list .review-item:hover .review-item-content .review-item-img {
	
	}
	.review-list .review-item:hover .review-item-content .review-item-text .rit-title {
		text-decoration:underline
	}
	.review-list .review-item .review-item-content .review-item-img {
		width:100%;
		/* margin-right:20px; */
	}
	.review-list .review-item .review-item-content .review-item-img.no-image {
		width:200px;
		height:200px;
		padding-top:0
	}
	.review-list .review-item .review-item-content .review-item-text {
		flex:1 1 auto;
		margin:0 auto;width:100%;
		padding:5px 0
	}
}
.review-view .review-view-head {
	margin-bottom:10px
}
.review-view .review-view-body .review-right .review-content .review-info {
	background: #ffffff;
	opacity:.5;
	padding-top:10px;
	line-height:1.4em
}



.review-view .review-view-body .review-right #bo_vc article {
	padding:1em;
}
.review-view .review-view-body .review-right #bo_vc article+article {
	border-top:1px solid var(--color-default)
}


.review-view .review-view-body .review-right #bo_vc article header {
	padding:0
}
.review-view .review-view-body .review-right #bo_vc article .comment-secret {
	/* margin:1em 0; */
  margin-bottom:1em;
	text-align:center;
	color:var(--text-color)
}
.review-view .review-view-body .review-right #bo_vc article .comment-secret.is-hide {
	display:none
}
.review-view .review-view-body .review-right #bo_vc article .comment-secret .alert-secret {
	font-weight:800;
  /*색상 변경할 경우 수정*/
  color:var(--effect-point2); 
  font-size:1.2em;
  margin-bottom: 5px;
}
.review-view .review-view-body .review-right #bo_vc article .comment-secret div {
	font-weight:800
}
.review-view .review-view-body .review-right #bo_vc article .comment-content {
	margin-bottom:1em;
}
.review-view .review-view-body .review-right #bo_vc article .comment-content.theme-box {
	border:2px solid rgba(0,0,0,0.2)
}
.review-view .review-view-body .review-right #bo_vc article .comment-content.is-hide {
	display:none
}
.review-view .review-view-body .review-right #bo_vc article .comment-content .title-secret {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height:30px;
}
.review-view .review-view-body .review-right #bo_vc article .comment-content .title-secret .ui-btn {
  flex-shrink:0;
}
.review-view .review-view-body .review-right #bo_vc article .comment-content .comment-img {
	margin:10px 0
}
.review-view .review-view-body .review-right #bo_vc article .comment-content .comment-text {
	margin:5px 0;
	padding:0
}
.review-view .review-view-body .review-right #bo_vc article .comment-content .comment-img {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  gap: 5px;
}
.review-view .review-view-body .review-right #bo_vc article .comment-content .comment-img .img-wrap {
  flex-basis: calc(33.3333333333% - 10px);
  flex-shrink: 0;
  flex-grow: 1;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  max-width: max-content;
  border: 1px solid #d1d1d1;
}
.review-view .review-view-body .review-right #bo_vc article .comment-content .comment-img .img-wrap img {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.review-view .review-view-body .review-right #bo_vc article .comment-content .comment-img .img-wrap:only-child img {
  aspect-ratio: unset;
}



.review-view .review-view-body .review-right #bo_vc article .comment-date {
	padding:0;
	opacity:.5;
	font-size:.9em
}
.review-view .review-view-body .review-right #bo_vc article footer::after {
	content:"";
	display:table;
	clear:both
}
.review-view .review-view-body .review-right #bo_vc article footer .bo_vc_act {
	float:right
}
.review-view .review-view-body .review-right #bo_vc article footer .bo_vc_act li {
	float:left
}
@media only screen and (min-width:900px) {
	.review-view-body {
		display:flex;
		align-items: flex-start;
	}
	.review-view-body .review-left {
		flex:0 0 340px; padding:25px; border:1px solid #5e8c96;
		margin-right:20px;   overflow: visible;
		background-color:white; border-radius:20px
	}
	.review-view-body .review-left.no-image {
		flex-basis:0;
		margin-right:0;
	}
	.review-view-body .review-right {
		flex:1 1 auto
	}
	.review-view-body .review-left.bo_v_img {
		padding:10px; border:1px solid #5e8c96;
		border-radius:20px
	}
	.review-view-body .review-right {
		bo_v_con {
			margin-top: 0;
		}
		;
	}
	/*# sourceMappingURL=style.min.css.map */

}
/* lightbox */
#lightbox {
  position:absolute;
  top:0; 
  left:0; 
  min-width:100%; 
  text-align:center;
  
  z-index:99999;
  }
  #lightbox p {
  color:#fff; 
  margin-right:20px; 
  font-size:12px; 
  }
  #lightbox img {
  padding:15px;
  margin-top:25px;
  background:rgba(255,255,255,0.5);
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
  max-width:100%;
  }
.lightbox_trigger {
  cursor:pointer;
}

/* 태그 */
.review-list .rit-tag {
  display:flex;
  flex-wrap: wrap;
  row-gap: 4px;
  margin-bottom:10px;
}
.each-tag {
  /* 태그 색상 변경 */
  --tag-bg: #e4c684;
  --tag-txt: #fff;
  
  background: var(--tag-bg);
  color: var(--tag-txt);

  display: inline-block;
  position: relative;
  top:-1px;
  line-height: 16px;
  margin: 0 5px;
  padding: 0px 5px;
  font-size: 11px;
  border-radius: 0px 3px 3px 0px;
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3)) !important;
  transition-duration: 0.2s;
}
.each-tag::before {
  content: "";
  width: 4px;
  position: absolute;
  height: 4px;
  left: -2px;
  top: 6px;
  color: var(--tag-bg) !important;
  background-color: var(--tag-txt);
  border-radius: 50%;
  z-index: 4;
}
.each-tag::after {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 0;
  height: 0;
  border-right: 5px solid var(--tag-bg) !important;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  transition-duration: 0.2s;
}

#bo_v_con.review-right {
  margin-top:0;
}
.board-content.review-content  {
  border-bottom-width: 1px;
}
aside#bo_vc_w {margin:0;}
#bo_vc_w .btn_confirm {margin-top:1em;}
@media only screen and (min-width: 900px) {

  .review-left  {
    position: sticky;
    top:1em;
  }
  .board-content.review-content  {
    text-align: unset;
    z-index: 10;
    transition:all 0.2s ease-in-out;
    background-color:rgba(255,255,255,0);
  }
  #bo_vc {
    border:none!important;
  }
}

