@charset "UTF-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

footer {
  font-family: 'Pretendard';
  background: #96D0FF;
  color: #555;
  padding: 40px;
  font-size: 0.9rem;
  
  padding-left:15%;
  margin-top:100px;
  height: 210px;

}
footer {
  align-items: center;
  display: flex;
  position: relative;
  z-index: 0;
  overflow: hidden;
  /* 기본 레이아웃 */
  color: white;
  padding: 0px 100px;
  text-align: center;
  font-family: 'Pretendard', sans-serif;
}
/* ✅ 배경 이미지 (이미지만 투명하게) */
footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 210px;
  background: #96D0FF;
  background: url("/images/logo2.png") center/cover no-repeat;
  opacity: 0.4; /* ✅ 이미지 투명도 조절 */
  z-index: -1;  /* 내용보다 뒤로 보내기 */
}
.footer-container {
	width:85%;
	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	margin-left:100px;
}

footer a {
  color: #555;
  text-decoration: none;
  margin: 0 10px;
}

footer a:hover {
  color: #007aff;
}

.footer-left{
	width:30%;

}
.footer-left p {
	width:100%;
	height:auto;
	margin:10px;
}
.footer-logo {
	font-size:50px;
	width:100%;
}

.footer-rights {
	font-size:20px;
	width:100%;
}

.footer-center {
	width:30%;
}

.footer-right {
	width:30%;
}
 .team-toggle {
      font-weight: bold;
      cursor: pointer;
      user-select: none;
      display: inline-block;
      margin-bottom: 5px;
      transition: color 0.2s;
    }

    .team-toggle:hover {
      color: #007aff;
    }
/* --- 슬라이드 애니메이션 효과 --- */
    .team-list {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, opacity 0.4s ease;
      opacity: 0;
    }

    .team-list.open {
      max-height: 500px; /* 목록 높이보다 충분히 크게 설정 */
      opacity: 1;
    }

    .team-list p {
      margin: 3px 0;
    }
/* --- 슬라이드 애니메이션 공통 --- */
  .git-link, .qna-link {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    opacity: 0;
  }

  .git-link.open, .qna-link.open {
    max-height: 100px;
    opacity: 1;
  }

  .git-link a, .qna-link a {
    display: block;
    margin-top: 5px;
  }
  .footer-right a {
    text-decoration: none;
    color: #007aff;
  }

  .git-toggle, .qna-toggle {
    font-weight: bold;
    cursor: pointer;
    user-select: none;
    display: inline-block;
    margin-top: 8px;
    transition: color 0.2s;
  }

  .git-toggle:hover, .qna-toggle:hover {
    color: #007aff;
  }