@charset "utf-8";
/* ==========================================================================
    style.css — (2026-08 리뉴얼로 구성 변경)
    공용 UI 컴포넌트는 component.css 로 이동했다:
      버튼(.btn_wrap/.btn) · 라디오(.radio_style) · 체크박스(.checkbox_style)
      소제목(.sub_contents h4) · 아코디언(.accordion) · 베이직 테이블(.basic_table)
      말줄임(.ell1/.ell2) · 유효성오류(.invalid-feedback)
    페이지 골격(.sub_container/.sub_tit)은 layout.css 에 있다.
    이 파일은 프로젝트별 페이지 단위 커스텀 스타일 용도로 비워 둔다.
   ========================================================================== */

/* ---------------------------------------------
   푸터 SNS (유튜브 / 페이스북 / 텔레그램)
   - PC : 푸터 우측 상단 고정 / 1024 이하 : 주소 아래 일반 배치
   - 테두리 없는 아이콘, 색은 푸터 글자색(currentColor)을 따름
   - #footer 를 붙여 공통 푸터 ul/li 스타일(구분선·숨김 등)에 덮이지 않게 함
--------------------------------------------- */
#footer .inner {
    position: relative;
}

#footer .f-sns {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    gap: 6px;
    margin: 0 -9px 0 0;
    /* 아이콘 터치영역 여백만큼 보정 → 아이콘 끝선을 .inner 끝에 맞춤 */
    padding: 0;
    list-style: none;
}

#footer .f-sns li {
    flex: none;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

#footer .f-sns li::before,
#footer .f-sns li::after {
    content: none;
}

/* 아이콘 22px + 터치영역 40px */
#footer .f-sns a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: inherit;
    opacity: .6;
    transition: opacity .3s, color .3s, transform .3s;
}

#footer .f-sns svg {
    flex: none;
    display: block;
    width: 22px;
    height: 22px;
    fill: currentColor;
}

/* 호버 : 진하게 + 살짝 위로 */
#footer .f-sns a:hover {
    opacity: 1;
    color: var(--green, #7bb52b);
    transform: translateY(-2px);
}

/* 태블릿·모바일 (1024 이하) : 우측 고정 해제 → 텍스트 아래 왼쪽 정렬 (겹침 방지) */
@media (max-width: 1024px) {
    #footer .f-sns {
        position: static;
        margin: 24px 0 0 -9px;
    }
}

/* 모바일 (768 이하) : 아이콘 크기 축소 */
@media (max-width: 768px) {
    #footer .f-sns {
        gap: 2px;
        margin-top: 20px;
    }

    #footer .f-sns svg {
        width: 20px;
        height: 20px;
    }
}