
/* 분양받은 신차렌트 원본 페이지의 추가 스타일을 보존합니다. */

		/* 썸네일 갤러리 기본 표시 보장 - 기존 CSS 오버라이드 */
		.rental-gallery .mySwiper {
			display: block !important;
			visibility: visible !important;
			opacity: 1 !important;
			width: 100% !important;
			padding: 0 !important;
			border-radius: 10px !important;
			overflow: visible !important;
		}
		/* 기존 doc.css의 thumb 스타일 오버라이드 */
		.rental-gallery .mySwiper .swiper-slide .thumb {
			padding-bottom: 0 !important;
			background: #f0f0f0 !important;
		}
		.rental-gallery .mySwiper .swiper-slide .thumb img {
			position: relative !important;
			top: auto !important;
			left: auto !important;
			transform: none !important;
			width: 100% !important;
			height: 100% !important;
			max-width: 100% !important;
			max-height: 100% !important;
		}
		/* 메인 이미지 화살표 버튼 스타일 */
		.rental-gallery .mySwiper2 {
			position: relative;
		}
		.rental-gallery .mySwiper2 .main-arrow {
			position: absolute !important;
			top: 50% !important;
			transform: translateY(-50%) !important;
			width: 50px !important;
			height: 50px !important;
			background: rgba(255, 255, 255, 0.9) !important;
			border: 1px solid #ddd !important;
			border-radius: 50% !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			cursor: pointer !important;
			z-index: 100 !important;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
			transition: all 0.3s ease !important;
			margin-top: 0 !important;
			pointer-events: auto !important;
			opacity: 1 !important;
			visibility: visible !important;
		}
		/* aria-disabled가 있어도 클릭 가능하도록 */
		.rental-gallery .mySwiper2 .main-arrow[aria-disabled="true"] {
			pointer-events: auto !important;
			cursor: pointer !important;
			opacity: 1 !important;
		}
		.rental-gallery .mySwiper2 .main-arrow.swiper-button-disabled {
			pointer-events: auto !important;
			cursor: pointer !important;
			opacity: 1 !important;
		}
		.rental-gallery .mySwiper2 .main-arrow:hover {
			background: rgba(255, 255, 255, 1) !important;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
		}
		.rental-gallery .mySwiper2 .main-arrow-prev {
			left: 20px !important;
		}
		.rental-gallery .mySwiper2 .main-arrow-next {
			right: 20px !important;
		}
		.rental-gallery .mySwiper2 .main-arrow-prev::after {
			content: '‹' !important;
			font-size: 32px !important;
			color: #333 !important;
			font-weight: bold !important;
			line-height: 1 !important;
			display: block !important;
		}
		.rental-gallery .mySwiper2 .main-arrow-next::after {
			content: '›' !important;
			font-size: 32px !important;
			color: #333 !important;
			font-weight: bold !important;
			line-height: 1 !important;
			display: block !important;
		}
		.rental-gallery .mySwiper2 .main-arrow.swiper-button-disabled {
			opacity: 0.3 !important;
			cursor: not-allowed !important;
		}
		/* 메인 이미지 한 번에 하나만 보이도록 */
		.rental-gallery .mySwiper2 {
			overflow: hidden !important;
		}
		.rental-gallery .mySwiper2 .swiper-wrapper {
			display: flex;
		}
		.rental-gallery .mySwiper2 .swiper-slide {
			width: 100% !important;
			flex-shrink: 0 !important;
			margin-right: 0 !important;
		}
		
		/* 썸네일 갤러리 스타일 */
		.rental-gallery .mySwiper {
			position: relative !important;
			margin-top: 20px !important;
			overflow: visible !important;
			width: 100% !important;
			display: block !important;
			visibility: visible !important;
			min-height: 90px !important;
			padding: 0 !important;
		}
		.rental-gallery .mySwiper .swiper-wrapper {
			display: flex !important;
			flex-direction: row !important;
			width: auto !important;
			/* Swiper가 슬라이드 이동을 위해 transform 값을 제어하므로 여기서는 강제하지 않는다 */
			height: auto !important;
		}
		.rental-gallery .mySwiper .swiper-slide {
			flex-shrink: 0 !important;
			display: flex !important;
			width: 120px !important;
			min-width: 120px !important;
			max-width: 120px !important;
			height: 90px !important;
			margin-right: 10px !important;
			cursor: default !important;
		}
		.rental-gallery .mySwiper .swiper-slide .thumb {
			width: 100% !important;
			height: 90px !important;
			min-height: 90px !important;
			padding-bottom: 0 !important;
			background: #f0f0f0 !important;
			position: relative !important;
			overflow: hidden !important;
			display: block !important;
			border-radius: 10px !important;
		}
		.rental-gallery .mySwiper .swiper-slide .thumb img {
			width: 100% !important;
			height: 100% !important;
			display: block !important;
			object-fit: cover !important;
			position: relative !important;
			top: auto !important;
			left: auto !important;
			transform: none !important;
		}
		
		/* 썸네일 갤러리 페이징 버튼 스타일 */
		.rental-gallery .mySwiper .arrow-left,
		.rental-gallery .mySwiper .arrow-right {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 40px;
			height: 40px;
			background: rgba(255, 255, 255, 0.9);
			border: 1px solid #ddd;
			border-radius: 50%;
			display: flex !important;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			z-index: 100;
			opacity: 1 !important;
			visibility: visible !important;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
			transition: all 0.3s ease;
			text-indent: 0;
			font-size: 24px;
			color: #333;
			font-weight: bold;
			line-height: 1;
			pointer-events: auto;
		}
		.rental-gallery .mySwiper .arrow-left:hover,
		.rental-gallery .mySwiper .arrow-right:hover {
			background: rgba(255, 255, 255, 1);
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
		}
		.rental-gallery .mySwiper .arrow-left {
			left: 10px;
		}
		.rental-gallery .mySwiper .arrow-right {
			right: 10px;
		}
		.rental-gallery .mySwiper .arrow-left::before {
			content: '‹';
			display: block;
		}
		.rental-gallery .mySwiper .arrow-right::before {
			content: '›';
			display: block;
		}
		.rental-gallery .mySwiper .arrow-left,
		.rental-gallery .mySwiper .arrow-right {
			background-image: none !important;
		}
		/* 썸네일 페이징 버튼 비활성화 상태 */
		.rental-gallery .mySwiper .arrow-left.disabled,
		.rental-gallery .mySwiper .arrow-right.disabled {
			opacity: 0.3 !important;
			cursor: not-allowed !important;
			pointer-events: none !important;
		}
		.rental-gallery .mySwiper .arrow-left.disabled:hover,
		.rental-gallery .mySwiper .arrow-right.disabled:hover {
			background: rgba(255, 255, 255, 0.9) !important;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
		}
	
.rent-original-13cd3077af{color:#0071ce;}
.rent-original-68c097a15e{font-size:0.75em;font-weight:400;}
.rent-original-13cd3077af{color:#0071ce;}
.rent-original-68c097a15e{font-size:0.75em;font-weight:400;}
.rent-original-b66da2d99b{margin:40px 0 0 0;}

.rent-original-9ccc4ca9d6{width:100%;}
.rent-original-9ccc4ca9d6{width:100%;}/* 원본 메뉴·툴팁의 상태 전환: 동적 inline 스타일 대신 클래스로 제어합니다. */
#menu.rent-menu-open {display:block;visibility:visible;opacity:1;right:0;transform:none;}
.tooltip-btn.rent-tip-open .tip-pop {display:block;visibility:visible;opacity:1;}

/* 독립 상담신청·완료 화면: 화면보다 짧으면 세로 중앙, 길면 위아래 여백을 두고 스크롤합니다. */
body.rent-flow-page {min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:32px 20px;box-sizing:border-box;}
.rent-flow-page > .form-pop, .rent-flow-page > .rent-complete {flex-shrink:0;margin:auto;}
.rent-flow-page > .rent-complete {width:100%;max-width:660px;}
/* 렌트 공통 헤더·푸터: 콕카 로고의 원본 비율을 유지합니다. */
#header .sitelogo .rentBrandLogo, #menu .home .rentBrandLogo {width:102px;height:auto;object-fit:contain;}
#footer .f-logo .rentBrandLogo {width:102px;height:auto;object-fit:contain;}
/* 렌트 목록 자동 로딩: 원본 버튼 스타일보다 hidden 상태를 우선합니다. */
.rent-pagination [hidden] {display:none !important;}
