@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
  
  .runtrip-event-container {
		font-family: 'Noto Sans KR', sans-serif;
		background: #fff;
		overflow-x: hidden;
		position: relative;
  }

  /* [틀 고정] 런트립 헤더 */
  .runtrip-header {
		background: #f5f5f5;
		text-align: center;
		padding: 15px 10px 2px 10px;
		width: 100%;
		z-index: 1000;
  }

  .runtrip-header.fixed {
		position: fixed;
		top: 0;
		left: 0;
		box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  }

  .runtrip-spacer { display: none; }

  /* 카테고리 가로 스크롤 */
  .category-scroll-container {
		width: 100%; 
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 5px 10px;
		display: flex;
		justify-content: flex-start;
		gap: 2px;
		scrollbar-width: none;
  }
  .category-scroll-container::-webkit-scrollbar { display: none; }

  @media (min-width: 480px) {
		.category-scroll-container { justify-content: center; }
  }

  .category-btn {
		background: #ffff;
		border: 1px solid #e5e7eb;
		border-radius: 20px;
		padding: 4px 10px;
		font-size: 13px;
		color: #333;
		white-space: nowrap;
		flex-shrink: 0;
  }

  .category-btn.active {
		background: #e61e2b;
		color: #fff;
		border-color: #e61e2b;
		font-weight: 500;
  }

  /* 슬라이더 영역 (1단 노출) */
  .runtrip-slider { 
		position: relative; 
		padding: 0 20px;
		margin: 10px 0;
  }

  .runtrip-card { padding: 0 20px; outline: none; cursor: pointer; }
  .runtrip-card img { 
		border-radius: 15px; 
		width: 100%; 
		border: 1px solid #f3f4f6; 
		display: block;
		box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }

  /* 화살표 버튼 */
  .nav-btn {
		position: absolute; top: 50%; transform: translateY(-50%);
		width: 40px; height: 40px; background: rgba(255,255,255,0.95);
		border: 1px solid #eee; border-radius: 50%;
		display: flex; align-items: center; justify-content: center;
		z-index: 10; box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  }
  .nav-btn.prev { left: 5px; }
  .nav-btn.next { right: 5px; }
  .nav-btn svg { width: 20px; height: 20px; stroke: #333; fill: none; stroke-width: 2.5; }

  /* 상세 정보 레이어 */
  #runtripDetail { 
		display: none; 
		padding-bottom: 30px; 
		background: #fafafa;
		border-top: 1px solid #eee;
		margin-top: 20px;
  }
  #detailImageContainer img { width: 100%; display: block; }
  
	.run-slick .slick-list,
	.run-slick .slick-track {
        height: auto !important; /* Slick이 강제로 부여하는 원본 높이를 초기화 */
  }
  .run-slick .slick-track {
        display: flex !important;
        align-items: flex-start !important; /* 플렉스 박스로 축소된 실제 이미지 크기에 컨테이너를 맞춤 */
  }
  .run-slick .slick-slide {
        height: auto !important;
        display: block !important;
        float: none !important; /* float 속성 제거로 높이 붕괴 방지 */
  }