/* ============================================
    계절별 이모지
============================================ */
/* 봄 */
.spring-container {
    position: fixed;
    top: -10%;
    z-index: 9999;
    pointer-events: none;
}

.spring-petal {
    display: inline-block;
    user-select: none;
}

@keyframes springFall {
    0% {
        transform: translateY(0) translateX(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(110vh) translateX(80px) rotate(360deg);
        opacity: 0.8;
    }
}

/* 여름 */
.summer-container {
    position: fixed;
    top: -10%;
    z-index: 9999;
    pointer-events: none;
}

.summer-leaf {
    display: inline-block;
    user-select: none;
}

@keyframes summerFall {
    0% {
        transform: translateY(0) translateX(0) rotate(0deg);
        opacity: 1;
    }

    50% {
        transform: translateY(50vh) translateX(-40px) rotate(180deg);
    }

    100% {
        transform: translateY(110vh) translateX(40px) rotate(360deg);
        opacity: 0.9;
    }
}

/* 가을 */
.autumn-container {
    position: fixed;
    top: -10%;
    z-index: 9999;
    pointer-events: none;
}

.autumn-leaf {
    display: inline-block;
    user-select: none;
}

@keyframes autumnFall {
    0% {
        transform: translateY(0) translateX(0) rotate(0deg);
        opacity: 1;
    }

    25% {
        transform: translateY(25vh) translateX(-30px) rotate(90deg);
    }

    50% {
        transform: translateY(50vh) translateX(30px) rotate(180deg);
    }

    75% {
        transform: translateY(75vh) translateX(-20px) rotate(270deg);
    }

    100% {
        transform: translateY(110vh) translateX(20px) rotate(360deg);
        opacity: 0.8;
    }
}

/* 겨울 */
.winter-container {
    position: fixed;
    top: -10%;
    z-index: 9999;
    pointer-events: none;
}

.winter-snow {
    display: inline-block;
    user-select: none;
}

@keyframes winterFall {
    0% {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }

    50% {
        transform: translateY(50vh) translateX(20px);
    }

    100% {
        transform: translateY(110vh) translateX(-20px);
        opacity: 0.7;
    }
}



/* ============================================
    #ft-top : 상단 링크 메뉴
============================================ */

#ft-top {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;background: #444;}
#ft-top #ft_link {display: flex;flex-wrap: wrap;gap: 0 1.5rem;}
#ft-top #ft_link li {position: relative;}
#ft-top #ft_link li:not(:last-child)::before {content: '';display: inline-block;position: absolute;top: 50%;right: -0.75rem;transform: translateY(-50%);width: 0.25rem;height: 0.25rem;background: #ccc;border-radius: 50%;}
#ft-top #ft_link li a {color: #fff;transition: color 0.3s;}

/* ============================================
    #ft-middle : QUICK MENU / 콜센터 / 계좌 정보
============================================ */

#ft-middle {margin-bottom: 3rem;}
#ft-middle .gw-sub-con-1400 {border: 1px solid #eaeaea;background: #f8f8f8;text-align: center;}
#ft-middle .gw-sub-con-1400 > div {flex: 1;}
#ft-middle .gw-sub-con-1400 > div:not(:first-child) {border-left: 1px solid #eee;}
#ft-middle .ft-right {padding-left: 1.5rem;}

/* ---------- QUICK MENU 영역 (좌측) ---------- */

#ft-middle .ft-section-title {color: var(--main-color);font-weight: 700;margin-bottom: 10px;letter-spacing: 0;}
#ft-middle .ft-notice-list li {display:inline-block;color: #666;line-height: 1.5;}
#ft-middle .ft-center {text-align: center;}
#ft-middle .ft-call-top {display: flex;align-items:center;place-content:center;gap: 5px;color: var(--main-color);}
#ft-middle .ft-call-icon {display: flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;border-radius: 50%;background-color: var(--main-color);flex-shrink: 0;}
#ft-middle .ft-call-icon i {font-size: var(--main-title03);color: #fff;}
#ft-middle .ft-phone-number {margin-bottom: 0.5rem;font-size: var(--main-title01);}
#ft-middle .ft-time {color: #555;line-height: 1.5;}
#ft-middle .ft-account-info {padding: 1rem;}
#ft-middle .ft-account-title {margin-bottom: 1rem;padding: 0.5rem;display: inline-block;border: 1px solid #eaeaea;border-radius: 10px;font-size: 14px;min-width: 80px;font-weight: 700;text-align: center;background: #fff;}
#ft-middle .ft-account-list {margin-bottom: 1rem;}
#ft-middle .ft-account-list p {font-weight: 700;color: #333;line-height: 1.5;word-break: keep-all;}
#ft-middle .ft-account-notice {font-size: 14px;color: #666;line-height: 1.5;}
#ft-middle .gw-title {color: #666;}
#ft-middle .gw-num {font-size: var(--main-title02);color: var(--main-color);}
#ft-middle .gw-text > li {line-height: 30px;}


/* ============================================
    #ft-bottom : 회사 정보 / 로고 / 패밀리 사이트
============================================ */

#ft-bottom {padding: 1.5rem 0;}
#ft-bottom #ft_company {font-size: 14px;line-height: 1.75;color: #666;text-align:center;}
#ft-bottom #ft_company .ft_info span + span::before {content: " / ";margin: 0 4px;color: #999;}
#ft-bottom #ft_company .ft_info b {color: #333;font-weight: 600;}
#ft-bottom #ft_company .gw-btn03 {padding: 0 0.5rem;font-style: normal;}
#ft-bottom #ft_company .copy {margin-top: 15px;color: #999;}
#ft-bottom #ft_company .company-sort {display: block;margin-bottom: 8px;font-weight: 700;color: #000;}
#ft-bottom #ft_company .branch + .branch {margin-top: 15px;padding-top: 15px;border-top: 1px solid #eee;}

#ft-logo {text-align: center;}
#ft-logo img {max-width: 250px;height: auto;}
#tf-ad.ft_cs {display: inline-block;text-align: center;padding: 1rem;margin-top:1rem;border-radius: 5px;background: var(--main-color, #ff4444);box-shadow: 4px 5px 0 rgba(0,0,0,0.1);}
#tf-ad.ft_cs a {color: #fff;text-decoration: none;}
#tf-ad.ft_cs p {font-size: 14px;line-height: 1.5;margin: 0;}
#tf-ad.ft_cs p:first-child {font-weight: 700;}
#ft-bottom .ft-right {display: flex;flex-direction: column;justify-content: flex-end;}

#ft_banner > li {height: 60px;}
#ft_banner > li > a {height: 100%;display: block;}
#ft_banner > li > a > img {height: 100%;object-fit: cover;}


#gw-fixed-menu {display: none;}