/* 기본 스타일 */
.horizontal-logo .Header_title__GSOv0 {
    color: var(--menu-prime-color);
    font-size: 24px; /* 텍스트 크기 조정 */
    font-weight: bold; /* 강조 효과 */
    text-decoration: none; /* 밑줄 제거 */
    transition: color 0.3s ease, text-shadow 0.3s ease; /* 부드러운 강조 효과 */
  }
  
  /* 강조 효과 */
  .horizontal-logo .Header_title__GSOv0:hover {
    color: #fff;}

.card-link {
    display: block; /* 카드 전체를 클릭 가능하게 만듦 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 부드러운 hover 효과 */
}

.card-link:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* hover 시 그림자 효과 추가 (선택사항) */
}

.card-tag {
  align-self: flex-start;
  padding: .25rem .75rem;
  margin-bottom: .5rem;
  background-color: var(--primary-color);
  border-radius: .5rem;
  font-weight: 700;
  color: #fff
}

@media (max-width: 991px) {

    .Header_title__GSOv0 {
      color : var(--primary-color) !important;
    }
}

.skill-p {
  display: flex; /* Flexbox 활성화 */
}
.skill-c {
  display: flex;
}

@media (max-width: 991px) {
  .lang-icon { /* 모바일에서만 적용 */
      flex-direction: column; /* 세로 방향 정렬 */
      row-gap: 1rem; /* 요소 간 간격 */
      align-items: flex-start; /* 왼쪽 정렬 */
  }

  .lang-icon .tags { /* 태그 정렬 */
      display: flex; /* Flexbox 활성화 */
      flex-wrap: wrap; /* 태그가 여러 줄로 배치될 수 있도록 */
      gap: 0.1rem; /* 태그 간 간격 */
  }
  .skill-p {
    display: block; /* Flexbox 비활성화 */
  }
  .skill-c {
    display : flex;
  }

}

.card-hr{
  padding-bottom: .5rem;
  margin-bottom: .5rem;
  border-bottom: 1px solid #ccc;
  font-size: .875rem;
  color: #6c757d;
}

.card-url{
  padding-left: .75rem;
  margin-top: 1rem;
  border-left: 4px solid #258ddb;
  font-size: .875rem;
  color: #258ddb;
  word-break: break-all;
}
.card-url a {
  color: inherit;
  text-decoration: none;
}

.card-url a:hover {
  text-decoration: underline;
}

.carousel-indicators {
  position: static; /* 절대 위치 해제 */
  margin-top: 5px;  /* 이미지와 간격 확보 */
  margin-bottom : 0;
  margin-left : 0;
  margin-right: 0;
  padding: 0;
  list-style: none;
}


.carousel-control-prev {
  position: static; /* 절대 위치 해제 */
  margin-top: 5px;  /* 이미지와 간격 확보 */
  width:8%;

}
.carousel-control-prev-icon {
  width:1rem;
}
.carousel-control-next {
  position: static; /* 절대 위치 해제 */
  margin-top: 5px;  /* 이미지와 간격 확보 */
  /* color: var(--primary-color); */
  width:8%;
}
.carousel-control-next-icon {
  width:1rem;
}

  .skills-container {
      background: white;
      border-radius: 16px;
      padding: 2.5rem;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  }
  
  .skills-table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
  }
  
  .skills-table tbody tr {
      transition: all 0.3s ease;
  }
  
  /* .skills-table tbody tr:hover {
      background: linear-gradient(90deg, rgba(102, 126, 234, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  } */
  
  .category-cell {
      padding: 1.5rem 1.5rem 1.5rem 0;
      vertical-align: top;
      width: 25%;
      border-bottom: 1px solid #f0f0f0;
  }
  
  .skills-table tbody tr:last-child .category-cell,
  .skills-table tbody tr:last-child .skills-cell {
      border-bottom: none;
  }
  
  .category-header {
      display: flex;
      align-items: center;
  }
  
  .category-icon {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(to right, var(--primary07) 0%, rgb(0, 152, 186) 125%);
      border-radius: 12px;
      margin-right: 1rem;
      flex-shrink: 0;
  }
  
  .category-icon i {
      font-size: 1.4rem;
      color: white;
  }
  
  .category-name {
      font-size: 1.1rem;
      font-weight: 700;
      color: #333;
      margin: 0;
  }
  
  .skills-cell {
      padding: 1.5rem 0 1.5rem 2rem;
      vertical-align: top;
      border-bottom: 1px solid #f0f0f0;
      border-left: 2px solid #f0f0f0;
  }
  
  .skill-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
  }
  
  .skill-badge {
      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
      color: #495057;
      padding: 0.5rem 1rem;
      border-radius: 8px;
      font-size: 0.9rem;
      font-weight: 500;
      transition: all 0.3s ease;
      border: 1px solid #dee2e6;
  }