/* 리뷰 섹션 전용 스타일 */
.review_section .review .main-slide .swiper-slide .compare-bx .before .img-bx.blur-effect { position: relative; }
.review_section .review .main-slide .swiper-slide .compare-bx .before .img-bx.blur-effect::before { content: '로그인 후 확인가능합니다.'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.7); color: #fff; padding: 0.75rem 1.5rem; border-radius: 4px; white-space: nowrap; z-index: 2; pointer-events: none; }
.review_section .review .main-slide .swiper-slide .compare-bx .before .img-bx.blur-effect img { filter: blur(30px); }
/* 컨테이너 및 타이틀 영역 */
.blue { color: #0289fd; }
.review_section .container { max-width: 1640px; margin: 0 auto; }
.review_section .container .mainTitlebx { padding-bottom: 3.375rem; text-align: center; }
.review_section .container .mainTitlebx .maintitle { font-size: 2.8rem; font-weight: bold; color: #171717; margin: 0; }
.review_section .container .mainTitlebx .subtit { font-size: 1.25rem; font-weight: 500; color: #555; padding-top: 1.25rem; line-height: 1.4; margin: 0; }
/* 전체 레이아웃 */
.review_section .review { display: flex; justify-content: space-between; gap: 1.25rem; }
/* 왼쪽 썸네일 슬라이더 */
.review_section .review .thumb-slide { width: 34.5%; height: 535px; border-top: 1px solid #ddd; position: relative; }
.review_section .review .thumb-slide .swiper-container { height: 100%; position: relative; }
.review_section .review .thumb-slide .swiper-wrapper { display: flex; flex-direction: column; }
.review_section .review .thumb-slide .swiper-slide { height: calc(535px / 4); border-bottom: 1px solid #ddd; flex-shrink: 0; }
.review_section .review .thumb-slide .inner { display: flex; align-items: center; gap: 2.375rem; padding: 1rem 1.25rem; cursor: pointer; height: 100%; }
.review_section .review .thumb-slide .inner .img-bx { width: 4.5rem; height: 4.5rem; border: 3px solid transparent; border-radius: 50%; overflow: hidden; position: relative; flex-shrink: 0; }
.review_section .review .thumb-slide .inner .img-bx:after { content: ""; display: block; padding-bottom: 100%; }
.review_section .review .thumb-slide .inner .img-bx > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); }
.review_section .review .thumb-slide .inner .txt-bx { width: calc(100% - 6.875rem); display: flex; align-items: center; min-height: 4.5rem; }
.review_section .review .thumb-slide .inner .txt-bx .tit p { font-size: 1.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; }
.review_section .review .thumb-slide .inner .txt-bx .tit p span { font-weight: 700; color: #0289fd; }
/* 활성 슬라이드 스타일 */
.review_section .review .thumb-slide .swiper-slide-thumb-active { height: calc(535px / 4); }
.review_section .review .thumb-slide .swiper-slide-thumb-active .inner { align-items: center; }
.review_section .review .thumb-slide .swiper-slide-thumb-active .inner .img-bx { border-color: #0289fd; }
.review_section .review .thumb-slide .swiper-slide-thumb-active .inner .img-bx img { filter: grayscale(0); }
.review_section .review .thumb-slide .swiper-slide-thumb-active .inner .txt-bx { margin-top: 0; }
/* 오른쪽 메인 이미지 슬라이더 */
.review_section .review .main-slide { width: 62%; }
.review_section .review .main-slide .swiper-slide .compare-bx { display: flex; gap: 2rem; width: 100%; }
.review_section .review .main-slide .swiper-slide .compare-bx .before, .review_section .review .main-slide .swiper-slide .compare-bx .after { width: 100%; position: relative; }
.review_section .review .main-slide .swiper-slide .compare-bx .img-bx { display: block; position: relative; overflow: hidden; border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; width: 100%; }
.review_section .review .main-slide .swiper-slide .compare-bx .img-bx:after { content: ""; display: block; padding-bottom: 100%; /* 1:1 비율 유지 */
}
.review_section .review .main-slide .swiper-slide .compare-bx .img-bx > img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.review_section .review .main-slide .swiper-slide .compare-bx .txt-bx { font-weight: 600; font-size: 1.5rem; line-height: 3.4375rem; height: 3.4375rem; color: #fff; width: 100%; text-align: center; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
.review_section .review .main-slide .swiper-slide .compare-bx .before .txt-bx { background-color: #444; }
.review_section .review .main-slide .swiper-slide .compare-bx .after .txt-bx { background-color: #0289fd; }
.review_section .info-txt { text-align: right; margin-top: 15px; font-size: 0.875rem; color: #666; width: 100%; clear: both; }
@media (max-width:1024px) {
    .review_section .info-txt { font-size: 0.75rem; /* 모바일에서 폰트 크기 축소 */
        line-height: 1.4; /* 줄간격 조정 */
        word-break: keep-all; /* 단어 단위로 줄바꿈 */
        margin: 15px 10px 0; /* 좌우 여백 추가 */
        padding: 0 5px; /* 좌우 패딩 추가 */
}
}
@media (max-width:768px) {
    .review_section .info-txt { text-align: center; /* 더 작은 화면에서는 중앙 정렬 */
        white-space: normal; /* 자동 줄바꿈 허용 */
}
}
/* 모바일 스타일 */
@media (max-width:1024px) {
    /* 타이틀 영역 */
    .review_section .container .mainTitlebx { padding-bottom: 2rem; }
    .review_section .container .mainTitlebx .maintitle { font-size: 1.5rem; word-break: keep-all; padding: 0 1rem; }
    .review_section .container .mainTitlebx .subtit { font-size: 1rem; padding: 0.75rem 1rem 0; word-break: keep-all; }
    /* 기본 레이아웃 */
    .review_section .review { display: block; }
    /* 썸네일 영역 */
    .review_section .review .thumb-slide { width: 100%; border-bottom: 1px solid #ddd; max-height: none; height: auto; }
    .review_section .review .thumb-slide .swiper-container { height: auto; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; }
    .review_section .review .thumb-slide .swiper-container::-webkit-scrollbar { display: none; }
    .review_section .review .thumb-slide .swiper-wrapper { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; gap: 0; width: auto !important; padding: 1rem; }
    .review_section .review .thumb-slide .swiper-slide { width: 25% !important; min-width: 25%; height: auto !important; flex: 0 0 25%; border-bottom: 0; padding: 0 0.5rem; }
    .review_section .review .thumb-slide .inner { display: flex; flex-direction: column; align-items: center; padding: 0; }
    .review_section .review .thumb-slide .inner .img-bx { width: 100%; height: auto; aspect-ratio: 1; border: 2px solid transparent; border-radius: 50%; overflow: hidden; position: relative; }
    .review_section .review .thumb-slide .inner .img-bx img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: all 0.3s ease; }
    /* 텍스트 컨테이너 */
    .review_section .review .text-container { width: 100%; padding: 1.5rem 1rem; background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; }
    /* 텍스트 컨테이너 내부 요소에 강력한 스타일 적용 */
    .review_section .review .text-container p, .review_section .review .text-container .div p, .review_section .review .text-container .tit p { font-size: 0.85rem !important; line-height: 1.2 !important; color: #171717 !important; margin: 0 !important; max-width: 100% !important; word-break: break-word !important; text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; }
    .review_section .review .text-container p span, .review_section .review .text-container .div p span, .review_section .review .text-container .tit p span { font-size: 0.85rem !important; font-weight: 700 !important; color: #0289fd !important; text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; }
    .review_section .review .text-container .txt-bx { max-width: 768px; margin: 0 auto; }
    .review_section .review .text-container .txt-bx .tit p { font-size: 0.75rem !important; line-height: 1.2 !important; color: #171717 !important; margin: 0 !important; text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; }
    .review_section .review .text-container .txt-bx .tit p span { font-size: 0.75rem !important; font-weight: 700 !important; color: #0289fd !important; text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; }
    /* 원본 텍스트 숨기기 */
    .review_section .review .thumb-slide .inner .txt-bx { display: none; }
    /* 활성화된 썸네일 스타일 */
    .review_section .review .thumb-slide .swiper-slide-thumb-active .inner .img-bx { border-color: #0289fd; }
    .review_section .review .thumb-slide .swiper-slide-thumb-active .inner .img-bx img { filter: grayscale(0); }
    /* 메인 슬라이드 영역 */
    .review_section .review .main-slide { width: 100%; margin-top: 0; }
    .review_section .review .main-slide .swiper-slide .compare-bx { gap: 0.625rem; }
    .review_section .review .main-slide .swiper-slide .compare-bx .txt-bx { font-size: 1.125rem; line-height: 2.75rem; }
}
/* 더 작은 화면에서 추가 감소 */
@media (max-width:767px) {
    .review_section .review .text-container p, .review_section .review .text-container .div p, .review_section .review .text-container .tit p, .review_section .review .text-container p span, .review_section .review .text-container .div p span, .review_section .review .text-container .tit p span, .review_section .review .text-container .txt-bx .tit p, .review_section .review .text-container .txt-bx .tit p span { font-size: 0.7rem !important; }
}
/* 매우 작은 화면에서 더 작게 */
@media (max-width:480px) {
    .review_section .review .text-container p, .review_section .review .text-container .div p, .review_section .review .text-container .tit p, .review_section .review .text-container p span, .review_section .review .text-container .div p span, .review_section .review .text-container .tit p span, .review_section .review .text-container .txt-bx .tit p, .review_section .review .text-container .txt-bx .tit p span { font-size: 0.65rem !important; }
}
/* iOS Safari 전용 스타일 */
@supports (-webkit-touch-callout:none) {
    .review_section .review .text-container p, .review_section .review .text-container .div p, .review_section .review .text-container .tit p, .review_section .review .text-container p span, .review_section .review .text-container .div p span, .review_section .review .text-container .tit p span, .review_section .review .text-container .txt-bx .tit p, .review_section .review .text-container .txt-bx .tit p span { font-size: 0.65rem !important; -webkit-text-size-adjust: 100%; }
}