/* BASIC css start */
#footer {width:auto !important; min-width:1380px;}

/* 우측 FIXED 이동 버튼    레거시 그대로 유지(이번 작업 범위 아님) */
.right_fixed {position:fixed; bottom:30px; right:10px; z-index:9999;}
.right_fixed a {display:block; margin-top:-1px;}
.right_iconmenu1 { border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.right_iconmenu2 { border: 1px solid #e5e5e5; }
.right_iconmenu3 { border: 1px solid #e5e5e5;}
.right_icontext { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; background: #fff; padding-bottom: 5px; color: #c39562; font-weight: 500; font-size: 12px; }


/* ============================================================
   푸터 전체
   ============================================================ */
#footer {
  border-top: 1px solid #e8e8e8;
  background: #fff;
  margin-top: 100px;
}
#footer .inner { max-width: 1680px; margin: 0 auto; padding: 60px 0 40px; }


/* ============================================================
   상단: 3열(고객문의/법적고지/결제수단) + 로고
   ============================================================ */
#footer .ft-top { display: flex; align-items: flex-start; justify-content: space-between; }
#footer .ft-col { flex: 0 0 auto; }
#footer .ft-col-title { font-family: 'Lato', 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 700; color: #222; letter-spacing: 0.02em; margin-bottom: 16px; }
#footer .ft-links { margin: 0; padding: 0; list-style: none; }
#footer .ft-links li { margin-top: 10px; }
#footer .ft-links li:first-child { margin-top: 0; }
/* [2026-08] 색상 #222 통일 + 호버 시 #000·상단 nav와 동일한 scaleX 밑줄
   (항상 존재하되 기본 scaleX(0)으로 숨겨두고, 호버 시 왼쪽에서 오른쪽으로 나타남) */
#footer .ft-links a { font-family: 'Lato', 'Noto Sans KR', sans-serif; font-size: 12px; color: #222; text-decoration: none; letter-spacing: 0.01em; position: relative; display: inline-block; }
#footer .ft-links a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background: #000; transform: scaleX(0); transform-origin: left; transition: transform 0.35s ease; }
#footer .ft-links a:hover { color: #000; }
#footer .ft-links a:hover::after { transform: scaleX(1); }
#footer .ft-links--static li { font-family: 'Lato', 'Noto Sans KR', sans-serif; font-size: 12px; color: #222; letter-spacing: 0.01em; }

/* [2026-08] align-self:center   .ft-top이 3개 텍스트 컬럼 기준 align-items:flex-start라서
   로고 그룹만 놔두면 상단에 붙어버림(컬럼은 4줄이라 로고 80px보다 키가 큼).
   로고 그룹만 행 전체 높이 기준으로 수직 중앙에 오도록 개별 지정 */
#footer .ft-logos { display: flex; align-items: center; align-self: center; gap: 60px; flex: 0 0 auto; }
/* aspect-ratio는 PNG 원본 실측 픽셀 기준(154x160, 242x160)   정확한 CLS 방지용.
   html.txt의 width/height 속성(77x80, 121x80)도 CSS 없이 렌더링될 경우를 대비해 같은 비율로 맞춰둠 */
#footer .ft-logo-anniversary { width: auto; height: 80px; display: block; aspect-ratio: 154 / 160; }
#footer .ft-logo-melee { width: auto; height: 80px; display: block; aspect-ratio: 242 / 160; }
#footer .ft-logo-divider { width: 1px; height: 54px; background: #d8d8d8; }


/* ============================================================
   구분선    [2026-08] .inner(1680px) 밖으로 빼서 100% 폭으로 노출
   ============================================================ */
#footer .ft-divider { width: 100%; border-top: 1px solid #e8e8e8; margin: 0px; }


/* ============================================================
   하단: 중앙정렬 결제안내문 + 사업자정보 + 카피라이트
   ============================================================ */
#footer .ft-bottom { text-align: center; }
#footer .ft-pay-notice {     
    margin: 0 0 30px;
    font-family: 'Lato', 'Noto Sans KR', sans-serif;
    font-size: 12px;
    color: #222;
    letter-spacing: 0.02em; 
}
#footer .ft-biz-info p {
    margin: 0 0 4px;
    font-family: 'Lato', 'Noto Sans KR', sans-serif;
    font-size: 12px;
    color: #222;
    line-height: 1.2rem;
    letter-spacing: 0.02em;
}
#footer .ft-biz-sep { margin: 0 8px; }
#footer .ft-copyright { margin: 30px 0px 80px; }
#footer .ft-copyright p {
    font-family: 'Josefin Sans', sans-serif;
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    color: #222;
    letter-spacing: 0.1em;
}

/* BASIC css end */