/* 캐러셀 레이아웃 */
	.carousel-wrap {
		position: relative;
		margin: 40px auto 140px;
		width: 85%;
		max-width: 1400px;
		padding: 0 60px;
	}

	.carousel-slider {
		transform: none;
	}

	.carousel-slider .slick-slide {
		padding: 0 10px;
	}

	.carousel-slider .slick-list {
		margin: 0 -10px;
	}

	/* 이미지 라운드 및 호버 효과 */
	.flip-container {
		border-radius: 20px;
		overflow: hidden;
		perspective: 1000px;
		cursor: pointer;
	}

	.flip-card-inner {
		position: relative;
		width: 100%;
		height: auto;
		transition: transform 0.6s;
		transform-style: preserve-3d;
	}

	.flip-card-front,
	.flip-card-back {
		width: 100%;
		height: auto;
		display: block;
		backface-visibility: hidden;
		border-radius: 20px;
	}

	.flip-card-front {
		position: relative;
	}

	.flip-card-back {
		position: absolute;
		top: 0;
		left: 0;
		transform: rotateY(180deg);
	}

	.flip-container.flipped .flip-card-inner {
		transform: rotateY(180deg);
	}

	/* 화살표 스타일 수정 (이미지 사용) */
	.slick-prev,
	.slick-next {
		width: 40px;
		height: 40px;
		z-index: 100;
		top: 50%;
		transform: translateY(-50%);
		background-color: transparent;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.slick-prev {
		left: -64px;
		background-image: url('/assets/images/common/pc/arrow_left.png');
		}

	.slick-next {
		right: -64px;
		background-image: url('/assets/images/common/pc/arrow_right.png');
	}

	.slick-prev:before,
	.slick-next:before {
		content: none;
	}

	.slick-prev:hover,
	.slick-prev:focus {
		opacity: 1 !important;
		filter: none !important;
		background: transparent url('/assets/images/common/pc/arrow_left.png') center center no-repeat !important;
		background-size: contain !important;
	}

	.slick-next:hover,
	.slick-next:focus {
		opacity: 1 !important;
		filter: none !important;
		background: transparent url('/assets/images/common/pc/arrow_right.png') center center no-repeat !important;
		background-size: contain !important;
	}

	/* 하단 트랙 스타일 (슬림하게 수정) */
	.carousel-track-wrap {
		margin-top: 40px;
		width: 98%;
		left: 0.8%;
		position: absolute;
	}

	.carousel-track {
		width: 100%;
		height: 2px;
		background: #ececec;
		border-radius: 2px;
		overflow: hidden;
		position: relative;
	}

	.carousel-track-progress {
		position: absolute;
		height: 100%;
		top: 0;
		left: 0;
		width: 0;
		background: #4c1500;
		transition: width .6s ease-out;
	}

	/* 인터렉티브: 의료진 소개 + map box */
	.reveal-item {
		opacity: 0;
		transform: translateY(30px) scale(0.985);
		transition: transform .7s cubic-bezier(0.22, 1, 0.36, 1), opacity .7s ease-out;
	}

	.reveal-item.visible {
		opacity: 1;
		transform: translateY(0) scale(1);
		/**box-shadow: 0 14px 35px rgba(0, 0, 0, 0.15);*/
	}

	.reveal-item .fade-in {
		opacity: 0;
		transform: translateY(20px);
		transition: transform .7s ease-out, opacity .7s ease-out;
	}

	.reveal-item.visible .fade-in {
		opacity: 1;
		transform: translateY(0);
	}

	.map-box {
		transition: transform .4s ease, box-shadow .4s ease;
		cursor: pointer;
	}

	.map-box:hover {
		transform: scale(1.06);
		box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
	}

	.pa.turn_infinity {
		position: absolute;
		top: 61.5%;
		right: 45%;
		width: 4.5%;
	}

	.academic-wrap {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}

	.academic-wrap .academic-bg {
		width: 100%;
		display: block;
	}

	.academic-overlay {
		position: absolute;
		top: 20vw;
		left: 50%;
		width: 80%;
		max-width: 1440px;
		transform: translateX(-50%);
		height: auto;
		pointer-events: none;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 2.5%;
		justify-items: center;
	}

	.academic-overlay .academic-item {
		position: relative;
		display: block;
		width: 100%;
		pointer-events: auto;
		transition: transform 0.25s ease, filter 0.25s ease;
	}

	.academic-overlay .academic-item:hover {
		transform: scale(1.05);
		filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.15));
	}

	/* 진료실 슬라이더 스타일 */
	.room-caption_wrap {
		width: 70%;
		margin: 0 auto;
	}
	
	.room-slider-section {
		width: 100%;
		overflow: hidden;
		padding: 0 0 100px 0;
		background: #fff;
	}

	/* 슬라이더 리스트 영역의 오버플로우 허용 (이미지가 겹쳐야 하므로) */
	.room-slider .slick-list {
		overflow: visible;
	}

	/* 개별 아이템 설정 */
	.room-slider .room-item {
		outline: none;
		/* [핵심] 음수 마진으로 양옆 이미지를 중앙으로 강하게 끌어당김 */
		margin: 0 -250px;
		transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
		position: relative;
		z-index: 1;
	}

	.room-img-box {
		position: relative;
		width: 100%;
		/** box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);**/
		/* 입체감 부여 */
	}

	.room-img-box img {
		width: 100%;
		display: block;
	}

	/* [중요] 비활성 슬라이드 (양옆) */
	.room-slider .slick-slide {
		filter: brightness(0.2);
		transform: scale(0.85);
		/* 양옆은 작게 해서 중앙을 더 돋보이게 함 */
		opacity: 0.8;
	}

	/* [핵심] 활성 슬라이드 (가운데) */
	.room-slider .slick-center {
		z-index: 10;
		/* 양옆 이미지보다 위로 올라오게 함 */
		filter: brightness(1);
		transform: scale(1);
		/* 중앙 이미지를 더 크게 키움 (3/4 효과) */
		opacity: 1;
	}

	/* 블루 캡션 바 */
	

	.room-caption {
		display: none;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: rgba(43, 56, 114, 0.95);
		color: #fff;
		text-align: center;
		font-size: 28px;
		font-weight: 500;
		opacity: 0;
		transition: opacity 0.4s;
	}

	.room-slider .slick-center .room-caption {
		opacity: 1;
	}

	/* 화살표 위치 조정 (겹쳐진 이미지 위로) */
	.room-slider-section .slick-prev,
	.room-slider-section .slick-next {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 60px;
		height: 60px;
		z-index: 100;
		background: transparent;
	}

	.room-slider-section .slick-prev {
		left: 1%;
	}
	.room-slider-section .slick-next {
		right: 1%;
	}

	.room-slider-section .slick-prev:before,
	.room-slider-section .slick-next:before {
		content: '';
		display: block;
		width: 25px;
		height: 25px;
		border-top: 3px solid #fff;
		border-left: 3px solid #fff;
	}

	.room-slider-section .slick-prev:before {
		transform: rotate(-45deg);
		margin-left: 20px;
	}

	.room-slider-section .slick-next:before {
		transform: rotate(135deg);
		margin-left: 10px;
	}

	.room-slider-section .slick-prev:hover,
	.room-slider-section .slick-prev:focus{
		background-image: none !important;
	}
	.room-slider-section .slick-next:hover,
	.room-slider-section .slick-next:focus{
		background-image: none !important;
	}

	.room-slider-section .slick-dots {
		bottom: -11%;
	}

	.room-slider-section .slick-dots li button:before {
		font-size: 12px;
		width: 12px;
		height: 12px;
	}

	.room-slider-section .slick-dots li {
		width: 20px;
		height: 20px;
	}

	.slick-dots li.slick-active button:before {
		color: #4c1500;
	}

	.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
		opacity: 1 !important;
		filter: none !important;
		background-color: transparent !important;
		outline: none;
	}