@charset "utf-8";

/** 제품 **/
#listContentWrap .pro_chk{
	margin:0 -20px;
}

/** 리뷰 **/
#review {min-height:300px;}
.reviewSubTit {padding-left:20px;}
.reviewTitle {font-size:1.8em;font-weight:800;display: flex;justify-content: center;min-height: 70px;flex-direction: row;align-items: center;}
.swiper-button-next {background: url(../img/reviewRightArrow.png) no-repeat;background-size: 98% 98%;width:35px !important;height:35px !important;background-position: center;margin-right:-9px;}
.swiper-button-prev {background: url(../img/reviewLeftArrow.png) no-repeat;background-size: 98% 98%;width:35px !important;height:35px !important;background-position: center;margin-left:-9px;}
.swiper-button-next::after,.swiper-button-prev::after {display: none;}
.reviewSwiper {padding:20px;min-height:200px;cursor:pointer;}
.reviewItem {margin:3% 5% 12% 5%;border-radius:10px;width:90%;/* height:400px; */min-height:400px;border:1px solid #d9d9d9;padding:7% 6%;display:flex;flex-direction: column;}
.reviewStar, .reviewStarLine {display:flex;flex-direction: row;align-items: center;}
.reviewStarLine img {width:15px;height:15px;padding:1px;}
.reviewId {padding-left:0.2em;}
.reviewItemName {padding-left:0.2em;font-weight:600;}
.reviewImg {padding-top:0.5em;width:100%;/* min-height:120px;object-fit: cover; */ /* 이미지가 컨테이너를 가득 채우도록 설정 */ border-radius:20px;width:100%;height:100%;}
.reviewCon {padding-top:0.5em;margin:0.5em;line-height:1.3;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8; /* 원하는 줄 수 */overflow: hidden;text-overflow: ellipsis;white-space: normal; /* 텍스트를 여러 줄로 나눕니다 */}
.reviewConMore{padding-top:0.5em;margin:0.5em;line-height:1.3;display:none;}
.reviewListDetailDate {padding:3px; }
.swiper-pagination-bullet {background-color: #00ac9d;}
.swiper-pagination-bullet-active {background-color: #00ac9d;}
@media (min-width: 1024px) {.paginationOpacity {display:None;}}
@media (max-width: 1024px) {.opacity-40 {display:None;}}

/** 제품, 리뷰, 자주묻는질문, 배송안내 **/
#listMenu {display:flex;margin:0 -20px;}
#listMenu.fix{
	position:fixed;
	top:55px;
	width:700px;
	z-index:10;
}

.listMenuDiv {flex:1;display: flex;justify-content: center;width:100%;cursor:pointer;height:35px;align-items: center;border-right:1px solid #eee;border-top:1px solid #eee;background-color:#f8f8f8;}
#listMenu .listMenuDiv:last-child{border-right:none;}
.listMenuAct {background-color:#00ac9d;color:white;cursor:pointer;transition-duration:0.3s;}
.listView{/* min-height:100vh; */}
#listContentWrap{width:calc(100% + 40px);padding:0 20px;margin-left:-20px;}
#listContentWrap.on{margin-top:35px;}
#listContentWrap::-webkit-scrollbar {width:0}
#listContentWrap::-webkit-scrollbar-track {background-color: transparent;}
#listContentWrap::-webkit-scrollbar-thumb {background-color: transparent;}
#listContentWrap::-webkit-scrollbar-button {background-color: transparent;}
.listViewHide {display:none;}
#reviewList {padding-top:20px;}
.reviewList {padding:20px;border-top:2px solid #d9d9d9;display:flex;justify-content: space-between;}
.reviewListDetail {width:65%;}
.reviewListImg {width:33%;display:flex;flex-direction:column;justify-content: center;}
.reviewListImg img {object-fit: cover;width: 100%;height: 200px;border-radius: 15px;}
/* @media (max-width: 1024px) {.reviewListImg img {height: 100%;}} */

@media (max-width: 700px) {#listMenu.fix{width:100%}}
.reviewListDetailStar {display: flex;flex-direction: row;align-items: center;}
.reviewListDetailItem {font-weight:600;}
.reviewListDetailCon {padding-top:10px;cursor:pointer;}
.reviewListDetailMore {cursor:pointer;}
.reviewListDetailConMore {padding-top:10px;display:none;cursor:pointer;}
.reviewListDetailConMore img {width:100%;}

/** 페이징 **/
.reviewPagewrap {padding-top:20px;text-align:center;font-size:0;}
.reviewPagenation {display:inline-block;}
.reviewPagenation .none {display:none;}
.reviewPagenation a {display:block;margin:0 3px;float:left;border:1px solid #e6e6e6;width:28px;height:28px;line-height:28px;text-align:center;background-color:#fff;font-size:13px;color:#999999;text-decoration:none;}
.reviewPagenation .arrow {border:1px solid #ccc;}
.reviewPagenation .pprev {background:#f8f8f8 url('../img/reviewPagepprev.png') no-repeat center center;margin-left:0;}
.reviewPagenation .prev {background:#f8f8f8 url('../img/reviewPageprev.png') no-repeat center center;margin-right:7px;}
.reviewPagenation .next {background:#f8f8f8 url('../img/reviewPagenext.png') no-repeat center center;margin-left:7px;}
.reviewPagenation .nnext {background:#f8f8f8 url('../img/reviewPagennext.png') no-repeat center center;margin-right:0;}
.reviewPagenation a.active {background-color:#42454c;color:#fff;border:1px solid #42454c;}

/* 스크롤 맨 위로 */
.scrollUp{
	background-color:#4acad6;
	width:50px;
	height:50px;
	border-radius:100%;
	display:block;
	position:fixed;
	bottom: 35px;
    transform: translateY(-50%);
    z-index: 999;
    left: 50%;
	margin-left:370px;
	cursor:pointer;
	display:none;
}
.scrollUp i{
	color:#fff;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	margin:0;
	width:9.5px;
}
@media (max-width: 900px){
	.scrollUp{
		left:auto;
		right:20px;
		bottom:40px;
	}
}