* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Pretendard', sans-serif; }

        /* 푸터 전체 스타일 */
        footer {
            background-color: #1a2634; /* 딥 블루 배경 */
            color: #b0b8c1;
            padding: 60px 20px 30px;
            font-size: 0.9rem;
        }

        .footer-inner {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* 푸터 상단 영역 (로고 및 링크) */
        .footer-top {
            display: flex;
            justify-content: space-between;
            gap: 40px;
            padding-bottom: 50px;
            border-bottom: 1px solid #33404e;
        }

        /* 왼쪽 로고 영역 */
        .footer-logo-box { flex: 1.5; }
        .footer-logo { font-size: 1.5rem; font-weight: 700; color: #fff; margin-bottom: 15px; display: flex; align-items: center; }
        .footer-logo i { margin-right: 10px; color: #0b3aa8; }
        .footer-desc { margin-bottom: 20px; line-height: 1.6; }
        .sns-icons { display: flex; gap: 10px; }
        .sns-icons a { width: 35px; height: 35px; border: 1px solid #45505c; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; transition: 0.3s; }
        .sns-icons a:hover { background: #0b3aa8; border-color: #0b3aa8; }

        /* 중앙 링크 리스트 영역 */
        .footer-links { flex: 3; display: flex; justify-content: space-between; }
        .link-group h4 { color: #fff; font-weight: 600; margin-bottom: 20px; }
        .link-group ul { list-style: none; }
        .link-group ul li { margin-bottom: 10px; }
        .link-group ul li a { color: #b0b8c1; text-decoration: none; transition: 0.3s; }
        .link-group ul li a:hover { color: #fff; }

        /* 푸터 하단 영역 */
        .footer-bottom {
            padding-top: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .policy-links a { color: #fff; text-decoration: none; margin-right: 15px; font-weight: 500; }
        .copyright { font-size: 0.85rem; color: #7a8694; }

        /* 패밀리 사이트 드롭다운 */
        .family-site select {
            background: #233140;
            color: #fff;
            border: 1px solid #45505c;
            padding: 8px 20px;
            border-radius: 5px;
            outline: none;
            cursor: pointer;
        }

        /* 모바일 반응형 */
        @media screen and (max-width: 900px) {
            .footer-top { flex-direction: column; gap: 30px; }
            .footer-links { flex-wrap: wrap; gap: 30px; }
        }
        @media screen and (max-width: 600px) {
            .footer-bottom { flex-direction: column; gap: 20px; align-items: flex-start; }
        }