@charset "euc-kr";

.gallery.rf_img {
	position: relative;
	width: 100%;
	/* margin-bottom: 17px; */
}

.gallery.rf_img .rollingSlide {
	position: relative;
	margin: 28px 0;
}

.gallery.rf_img .rollingSlide:not(:has(img)) {
	display: none;
}

.gallery.rf_img .gallery_list,
.gallery.rf_img .rollingSlide,
.gallery.rf_img .flexslider {
	width: 100%;
	padding: 0 !important;
}

.gallery.rf_img .flexslider {
	position: relative;
	overflow: hidden;
}

.gallery.rf_img .slides>li {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1.72 / 1;
	height: auto !important;
	background: #eee;
	margin-right: 34px !important;
}

.gallery.rf_img .slides>li img.wsize {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* .gallery.rf_img .slides>li .over {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
} */

/* 기존 좌우 숨기기 */
.gallery.rf_img .flex-direction-nav {
	display: none;
}

/* 좌우 버튼 */
.gallery.rf_img .gallery_arrow {
	position: absolute;
	z-index: 99;
	top: 50%;
	width: 42px;
	height: 42px;
	border: 1px solid #dedbd6;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.94);
	transform: translateY(-50%);
}

.gallery.rf_img .gallery_arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #80766c;
	border-right: 2px solid #80766c;
}

.gallery.rf_img .gallery_arrow_prev {
	left: -20px;
}

.gallery.rf_img .gallery_arrow_prev::before {
	left: 16px;
	transform: translateY(-50%) rotate(-135deg);
}

.gallery.rf_img .gallery_arrow_next {
	right: -20px;
}

.gallery.rf_img .gallery_arrow_next::before {
	right: 16px;
	transform: translateY(-50%) rotate(45deg);
}

/* 모바일 */

.galleryM.rf_img_m .rollingSlide {
	width: 100%;
	margin: 0 !important;
	/* padding: 0 8px; */
	padding: 0 !important;
	box-sizing: border-box;
}
.galleryM.rf_img_m .flexslider {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;

	overflow: hidden !important;
}
.galleryM.rf_img_m .slides {
	display: block !important;

	margin: 0 !important;
	padding: 0 !important;
}
.galleryM.rf_img_m .slides>li {
	/* width: auto; */
	margin: 0 !important;
	margin-right: 34px !important;
	padding: 0 !important;
	/* border: 0 !important; */
	box-sizing: border-box !important;
	text-align: center;
}

/* .galleryM.rf_img_m .slides>li:only-child {
	margin-right: 0 !important;
} */

.galleryM.rf_img_m .slides>li>a {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 8px !important;
	/* padding: 0 !important; */
	border: 0 !important;
	box-sizing: border-box !important;
}
.galleryM.rf_img_m .slides>li>a>img,
.galleryM.rf_img_m .imgList_nav_m li img.msize {
	display: block !important;

	width: 100% !important;
	max-width: none !important;

	aspect-ratio: 1.72 / 1; /* 비율 */

	height: auto !important;
	/* max-height: 250px !important; */

	/* 가로는 영역을 꽉 채우고 세로가 넘치면 잘라냄 */
	object-fit: cover !important;
	object-position: center center !important;

	margin: 0 auto !important;
	padding: 0 !important;
	border: 0 !important;

	box-sizing: border-box !important;
}
/* 좌우 화살표 제거 */
.galleryM.rf_img_m .flex-direction-nav {
	display: none !important;
}
/* nav dot */
.galleryM.rf_img_m .flex-control-nav {
	position: static !important;

	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	text-align: center !important;
}
.galleryM.rf_img_m .flex-control-nav li {
	display: inline-block !important;

	width: auto !important;

	margin: 0 4px !important;
	padding: 0 !important;
}
.galleryM.rf_img_m .flex-control-paging li a {
	display: block !important;

	width: 10px !important;
	height: 10px !important;

	min-width: 10px !important;
	min-height: 10px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 50% !important;

	background: #ddd !important;

	box-shadow: none !important;

	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px !important;
}
.galleryM.rf_img_m .flex-control-paging li a.flex-active {
	background: #948779 !important;
}

@media screen and (max-width: 768px) {
	.review_content {
		margin-top:10px;
	}
}