/* ========================================
   Footer V2 - 세련된 디자인
   Modern, Clean, Professional
   모든 클래스명 -v2 접미사로 독립화
   ======================================== */

/* ==========================================
   V2 푸터 고립화 - 최소 리셋
   ========================================== */

/* 모든 하위 요소 기본 스타일 - 전역 reset 차단 */
#footer-v2,
#footer-v2 *,
#footer-v2 *::before,
#footer-v2 *::after {
  box-sizing: border-box !important;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

/* 푸터 루트 요소 스타일 */
#footer-v2 {
    margin: 0;
    padding: 60px 0 30px;
    border: 0;
    font-size: 16px;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto,
                 "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
    font-weight: 400;
    vertical-align: baseline;
    line-height: 1;
    letter-spacing: normal;
    background: linear-gradient(135deg, #2a2f3a 0%, #1a1f29 100%);
    color: #e1e4e8;
    position: relative;
    overflow: hidden;
}

/* 링크 기본 스타일 - 전역 a 스타일 차단 */
#footer-v2 a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

/* 이미지 기본 스타일 - 전역 img 스타일 차단 */
#footer-v2 img {
  margin: 0;
  padding: 0;
  border: 0;
  border-style: none;
  vertical-align: middle;
  font-size: inherit;
}

/* 리스트 기본 스타일만 제거 */
#footer-v2 ul,
#footer-v2 ol {
  list-style: none;
}

#footer-v2 li::before,
#footer-v2 li::after {
  content: none;
  display: none;
}

/* ==========================================
   1. Footer 컨테이너
   ========================================== */

/* 장식 효과 */
#footer-v2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(64, 133, 255, 0.3) 50%, transparent 100%);
}

#footer-v2 .footer-container-v2 {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ==========================================
   2. Footer 상단 영역 (로고 + 링크 그룹)
   ========================================== */

#footer-v2 .footer-top-v2 {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 30px;
}

/* ==========================================
   3. 브랜드 섹션 (로고 + SNS)
   ========================================== */

#footer-v2 .footer-brand-v2 {
    padding-right: 20px;
}

#footer-v2 .footer-logo-v2 img {
    height: 40px;
    width: auto;
    margin-bottom: 16px;
    filter: brightness(0) invert(1);
    opacity: 1;
}

#footer-v2 .footer-tagline-v2 {
    font-size: 14px;
    line-height: 1.6;
    color: #a8b3c1;
    margin: 0 0 24px 0;
}

#footer-v2 .footer-social-v2 {
    display: flex;
    gap: 12px;
}

#footer-v2 .social-link-v2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    color: #a8b3c1;
    transition: all 0.3s ease;
    text-decoration: none;
}

#footer-v2 .social-link-v2:hover {
    background: rgba(64, 133, 255, 0.15);
    transform: translateY(-2px);
}

#footer-v2 .social-icon-v2 {
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: grayscale(100%) brightness(0.6);
    transition: filter 0.3s ease;
}

#footer-v2 .social-link-v2:hover .social-icon-v2 {
    filter: grayscale(0%) brightness(1);
}

/* ==========================================
   4. 링크 컬럼
   ========================================== */

#footer-v2 .footer-column-v2 {
    display: flex;
    flex-direction: column;
}

#footer-v2 .footer-heading-v2 {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#footer-v2 .footer-links-v2 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#footer-v2 .footer-links-v2 li {
    margin: 0;
    padding: 0;
}

#footer-v2 .footer-links-v2 a {
    font-size: 14px;
    color: #a8b3c1;
    text-decoration: none;
    transition: all 0.2s ease;
    display: inline-block;
    position: relative;
}

#footer-v2 .footer-links-v2 a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #4085FF;
    transition: width 0.3s ease;
}

#footer-v2 .footer-links-v2 a:hover {
    color: #ffffff;
    padding-left: 4px;
}

#footer-v2 .footer-links-v2 a:hover::after {
    width: 100%;
}

/* 개인정보처리방침 강조 */
#footer-v2 .footer-links-v2 a.highlight-v2 {
    color: #ff6b6b;
    font-weight: 500;
}

#footer-v2 .footer-links-v2 a.highlight-v2:hover {
    color: #ff5252;
}

/* ==========================================
   5. Footer 하단 영역
   ========================================== */

#footer-v2 .footer-bottom-v2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

#footer-v2 .footer-info-v2 {
    flex: 1;
    min-width: 300px;
}

#footer-v2 .info-line-v2 {
    font-size: 13px;
    line-height: 1.8;
    color: #7d8896;
    margin: 0 0 6px 0;
}

#footer-v2 .info-line-v2 .divider-v2 {
    margin: 0 8px;
    color: #4a5462;
}

#footer-v2 .footer-copyright-v2 {
    display: flex;
    align-items: center;
}

#footer-v2 .footer-copyright-v2 p {
    font-size: 13px;
    color: #6a7583;
    margin: 0;
}

/* ==========================================
   6. fixedBottom 숨김 (V2)
   ========================================== */

#fixedBottom {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}