/*
+----------------------------------------------------------------------+
| Copyright (c) 2010 - 2026 MAX AI @ WEAVERSBRAIN.Co.Ltd
+----------------------------------------------------------------------+
| 작업일 : 2026-01-20
| 파일설명 : MAX AI 사이트 리얼후기 CSS
+----------------------------------------------------------------------+
| 작업자 : 최진영
+----------------------------------------------------------------------+
| 수정이력
|
+----------------------------------------------------------------------+ 
*/

@charset "utf-8";

/* 단순 이미지 노출/미노출 처리 */
.userReviewsWrap .pageImg.pc,
.userReviewsWrap .section .page07_contImgBox .img.pc,
.userReviewsWrap .section.b2c .page08_contImgBox .img.pc,
.userReviewsWrap .section.b2c .tabBtnBox .tabBtn.pc {
	display:none;
}

/* 공통 */
.userReviewsWrap .pageImg {
	display:block;
	width:100%;
}

.userReviewsWrap {
	margin-top:var(--header-height);
}
.userReviewsWrap .applyBtn {
	position: absolute;
	top: 56%;
	left: 50%;
	transform: translateX(-50%);
	width: 65%;
	height: 7%;
	cursor: pointer;
}
.userReviewsWrap .applyBtn.type2 {
	top:83.5%;
	width:78%;
}

/* 기업 로고 캐러셀 */
.userReviewsWrap .section.b2b .swiper {
	position:absolute;
	left:0;
	width:100%;
	overflow:hidden;
}
.userReviewsWrap .section.b2b .swiper.slide01 {
	bottom:45%;
}
.userReviewsWrap .section.b2b .swiper.slide02 {
	bottom:32%;
}
.userReviewsWrap .section.b2b .swiper.slide03 {
	bottom:19%;
}
.userReviewsWrap .section.b2b .swiper .swiper-wrapper {
	transition-timing-function: linear !important;
}
.userReviewsWrap .section.b2b .swiper .swiper-slide {
	display:inline-flex;
	justify-content: center;
	align-items: center;
}
.userReviewsWrap .section.b2b .swiper .swiper-slide img {
	max-width:100%;
}

/* 페이지 8 컨텐츠 영역 */
.userReviewsWrap .section .page07_contImgBox {
	position:absolute;
	left:0;
	width:100%;
}
.userReviewsWrap .section .page07_contImgBox.box01 {
	top:10%;
}
.userReviewsWrap .section .page07_contImgBox.box02 {
	top:32.5%;
}
.userReviewsWrap .section .page07_contImgBox.box03 {
	top:54.3%;
}
.userReviewsWrap .section .page07_contImgBox.box04 {
	top:76%;
}
.userReviewsWrap .section .page07_contImgBox .img {
	display:block;
	width:100%;
}
.userReviewsWrap .section .page07_contImgBox .video {
	position: absolute;
	top: 53%;
	left: 10%;
	width: 80%;
	border-radius: 8px;
}
.userReviewsWrap .section .page07_contImgBox.box02 .video,
.userReviewsWrap .section .page07_contImgBox.box03 .video {
	top:51%;
}

/* b2c 후기 영역 */
.userReviewsWrap .section.b2c .page08_contImgBox {
	display:none;
	position:absolute;
	top:23%;
	left:8%;
	width:84%;
}
.userReviewsWrap .section.b2c .page08_contImgBox.on {
	display:block;
}
.userReviewsWrap .section.b2c .page08_contImgBox .img {
	display:block;
	width:100%;
}
.userReviewsWrap .section.b2c .page08_contImgBox .video {
	position: absolute;
	top: 32%;
	left: 5%;
	width: 90%;
	border-radius: 8px;
}
.userReviewsWrap .section.b2c .tabBtnBox {
	display:flex;
	justify-content: space-between;
	align-items: center;
	gap:10px;
	position:absolute;
	top:64%;
	left:50%;
	transform: translateX(-50%);
	width:74%;
}
.userReviewsWrap .section.b2c .tabBtnBox .tabBtn {
	display:block;
	width:calc(25% - 10px);
	cursor: pointer;
}

/* 태블릿 해상도 제어 */
@media only screen and (min-width : 768px) {

	/* 단순 이미지 노출/미노출 처리 */
	.userReviewsWrap.pc .pageImg.mo,
	.userReviewsWrap.pc .section .page07_contImgBox .img.mo,
	.userReviewsWrap.pc .section.b2c .page08_contImgBox .img.mo,
	.userReviewsWrap.pc .section.b2c .tabBtnBox .tabBtn.mo {
		display:none;
	}
	.userReviewsWrap.pc .pageImg.pc,
	.userReviewsWrap.pc .section .page07_contImgBox .img.pc,
	.userReviewsWrap.pc .section.b2c .page08_contImgBox .img.pc,
	.userReviewsWrap.pc .section.b2c .tabBtnBox .tabBtn.pc {
		display:block;
	}

	/* 태블릿 레이아웃 대응 */
	.userReviewsWrap.pc .section .innerBox {
		position:relative;
		min-width:768px;
		max-width: 1000px;
		margin:0 auto;
	}
	.userReviewsWrap.pc .applyBtn {
		top:50.5%;
		width:34%;
		height:8%;
	}
	.userReviewsWrap.pc .applyBtn.type2 {
		top: 78.9%;
		width: 51%;
		height: 8.5%;
	}
	.userReviewsWrap.pc .section.sec01 {
		background:linear-gradient(
			to bottom,
			#F4EEFF 1%,
			#FFFFFF 20%,
			#FFFFFF 80%,
			#F4EEFF 100%
		);
	}
	.userReviewsWrap.pc .section.sec03 {
		background:linear-gradient(
			135deg,
			#F8E9FF 0%,
			#E2ECFF 100%
		);
	}
	.userReviewsWrap.pc .section.sec05 {
		background:#F9F8FF;
	}
	.userReviewsWrap.pc .section.b2b {
		background:linear-gradient(
			135deg,
			#D170FF 0%,
			#6E9FFA 100%
		);
	}
	.userReviewsWrap.pc .section.b2b .swiper.slide01 {
		bottom:35%;
	}
	.userReviewsWrap.pc .section.b2b .swiper.slide02 {
		bottom:20%;
	}
	.userReviewsWrap.pc .section.b2b .swiper.slide03 {
		display: none;
	}
	.userReviewsWrap.pc .section.sec07 {
		background:#F2F0FA;
	}
	.userReviewsWrap.pc .section .page07_contImgBox {
		width:50%;
	}
	.userReviewsWrap.pc .section .page07_contImgBox.box01 {
		top:25%;
	}
	.userReviewsWrap.pc .section .page07_contImgBox.box02 {
		top:25%;
		right:0;
		left:unset;
	}
	.userReviewsWrap.pc .section .page07_contImgBox.box03 {
		top:60%;
	}
	.userReviewsWrap.pc .section .page07_contImgBox.box04 {
		top:60%;
		right:0;
		left:unset;
	}
	.userReviewsWrap.pc .section .page07_contImgBox .video {
		top: 52%;
		left: 14%;
		width: 72%;
	}
	.userReviewsWrap.pc .section.b2c {
		background:#252525;
	}
	.userReviewsWrap.pc .section.b2c .page08_contImgBox {
		top:30%;
	}
	.userReviewsWrap.pc .section.b2c .page08_contImgBox .video {
		top: 7.5%;
		left:unset;
		right: 3%;
		width: 52%;
	}
	.userReviewsWrap.pc .section.b2c .tabBtnBox {
		top:58%;
	}
}

/* PC 해상도 제어 */
@media only screen and (min-width : 1000px) {

}