/* BASIC css start */
/* ===================================================== */
/* ✅ 푸터 디자인 리뉴얼 — 다크 톤 (검정+골드)               */
/* Pretendard 폰트 적용 (상품 상세와 통일)                    */
/* ===================================================== */

#ftWrap {
    padding: 0;
    background-color: #141414;
    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;
}

.bk_cr { color: #f0f0f0; }
.wh_cr { color: #d4af6a; }

#footer {
    width: 100%;
    margin-top: 100px;
    background-color: #141414;
}

/* 하단 2단 슬라이드 배너 */
#footer .contentslider-bottom .btn_area { width: 1280px; position: relative; margin: 0 auto; }
#footer .contentslider-bottom .sliderkit-nav { position: absolute; top: 14px; right: 14px; }
#footer .contentslider-bottom .sliderkit-nav-clip ul { display: inline-block; text-align: center; }
#footer .contentslider-bottom .sliderkit-nav-clip li a {
    margin: 3px; text-decoration: none; width: 18px; height: 18px; line-height: 18px;
    background-color: #e0e0e0; cursor: pointer; font-size: 11px;
    color: #fff; border-radius: 18px; display: inline-block; text-align: center;
}
#footer .contentslider-bottom .sliderkit-nav-clip li.sliderkit-selected a {
    background-color: #d4af6a; color: #fff;
}
#footer .contentslider-bottom {
    width: 100%; text-align: center; height: 120px; padding: 0; margin: 0;
    border-right: none; position: relative; background-color: #ffffff;
}
#footer .contentslider-bottom .sliderkit-panels { width: 100%; height: 120px; overflow: hidden; padding: 0; margin: 0; background: transparent; }
#footer .contentslider-bottom .sliderkit-panel { width: 100%; height: 120px; overflow: hidden; padding: 0; margin: 0; background: transparent; }

/* 상단 링크 메뉴 (회사소개/이용약관 등) */
#footer .section {
    width: 100%;
    border-top: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a;
    margin: 0 auto;
    height: 49px;
    background-color: #0e0e0e;
}
#footer .section .inner { width: 1280px; margin: 0 auto; height: 49px; }
#footer .section .inner ul li { float: left; }
#footer .section .inner ul li a {
    font-size: 13px; color: #999; display: block; line-height: 49px;
    padding: 0 12px; letter-spacing: -0.3px;
    background-image: none; border-left: 1px solid #2a2a2a;
}
#footer .section .inner ul li a:hover { color: #d4af6a; }
#footer .section .inner ul li:first-child a { padding-left: 0; border-left: 0; }
#footer .section .inner .privacy a { color: #d4af6a; font-weight: 600; }

/* 콜센터 / 계좌 / 사업자정보 영역 */
#footer .section1 {
    width: 100%;
    border-bottom: 1px solid #2a2a2a;
    margin: 0 auto;
    min-height: 278px;
    background-color: #141414;
}
#footer .section1 .inner { width: 1280px; margin: 0 auto; padding-top: 50px; padding-bottom: 40px; position: relative; }
#footer .section1 .inner .ft_title {
    font-size: 11px; color: #888; letter-spacing: 2.5px; margin-top: 0; margin-bottom: 22px;
    font-weight: 600;
}

#footer .section1 .inner .f_cs_center {
    float: left; text-align: left; min-height: 178px;
    border-right: 1px solid #2a2a2a; padding-left: 10px; padding-right: 45px;
}
#footer .section1 .inner .f_cs_center .cs_call {
    background-color: #d4af6a; padding: 0 14px; text-align: center;
    height: 36px; line-height: 36px; color: #141414; font-size: 18px; font-weight: 700;
    border-radius: 6px; display: inline-block;
    transition: all 0.3s ease;
}
#footer .section1:hover .f_cs_center .cs_call { background-color: #e8c587; }
#footer .section1 .inner .f_cs_center .cs_info { line-height: 22px; color: #888; font-size: 12px; padding-top: 18px; }

#footer .section1 .inner .f_cs_bank {
    float: left; text-align: left; min-height: 178px;
    border-right: 1px solid #2a2a2a; padding-left: 45px; padding-right: 45px;
}
#footer .section1 .inner .f_cs_bank .cs_call {
    width: 200px; text-align: left; height: 33px; line-height: 32px;
    color: #f0f0f0; font-size: 18px; font-weight: 700; display: block;
}
#footer .section1 .inner .f_cs_bank .cs_info { line-height: 22px; color: #ccc; font-size: 13px; padding-top: 6px; }

#footer .section1 .inner .f_cs_copy { float: left; text-align: left; min-height: 178px; padding-left: 45px; width: 620px; }
#footer .section1 .inner .f_cs_copy .cs_info { letter-spacing: -0.3px; line-height: 22px; color: #888; font-size: 12px; padding-top: 0; }
#footer .section1 .inner .f_cs_copy .cs_info a { color: #d4af6a; }
#footer .section1 .inner .f_cs_copy .cs_info b { color: #d4af6a; }
#footer .section1 .inner .mtag { padding-top: 14px; filter: invert(1) brightness(1.6); opacity: 0.6; }
#footer .section1 .inner .copyright { color: #666; font-size: 11px; padding-top: 12px; }

/* 인터넷 뱅킹 바로가기 */
#footer .section1 .inner .left_brand { float: left; width: 200px; margin-top: 14px; height: 28px; font-size: 0; white-space: nowrap; position: relative; }
#footer .section1 .inner .left_brand_list {
    box-sizing: border-box;
    font-size: 12px; height: 28px; border: 1px solid #333; width: 174px;
    border-right: 0; text-align: left; line-height: 28px; display: inline-block;
    vertical-align: top; text-indent: 12px; cursor: pointer; color: #999; background-color: #0e0e0e;
}
#footer .section1 .inner .left_brand_btn {
    box-sizing: border-box;
    display: inline-block; vertical-align: top; cursor: pointer;
    height: 28px; width: 26px; background-color: #0e0e0e; border: 1px solid #333;
    text-align: center; line-height: 28px;
}
#footer .section1 .inner .left_brand_btn img { vertical-align: middle; filter: invert(1); opacity: 0.7; }
#footer .section1 .inner #brandmenu {
    position: absolute; z-index: 5555; display: none; width: 198px; height: auto;
    border: 1px solid #333; border-bottom: 0; background-color: #1c1c1c;
    bottom: 28px; left: 0; text-align: left; text-indent: 12px;
}
#footer .section1 .inner #brandmenu ul li a {
    font-size: 12px; color: #aaa; width: 198px; height: 32px; line-height: 32px;
    border-bottom: 1px solid #2a2a2a; display: block; text-decoration: none;
}
#footer .section1 .inner #brandmenu ul li a:hover { color: #d4af6a; background-color: #242424; }

/* 하단 결제 안내 / 맨 위로 가기 */
#footer .section2 {
    width: 100%;
    border-bottom: 1px solid #2a2a2a;
    background-color: #0e0e0e;
}
#footer .section2 .inner { width: 1280px; padding: 26px 0; margin: 0 auto; position: relative; }
#footer .section2 .inner a { font-size: 12px; color: #777; display: block; margin-left: 10px; }
#footer .section2 .inner a:hover { color: #aaa; }
#footer .section2 .inner a img { vertical-align: middle; filter: invert(1) brightness(1.4); opacity: 0.6; }
#footer .section2 .inner .footer_top {
    top: -43px; right: 0; width: 83px; height: 42px; position: absolute;
}
#footer .section2 .inner .footer_top a {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%; margin-left: 0;
    border: 1px solid #333; border-bottom: 0;
    background-color: #1c1c1c;
    color: #d4af6a; font-size: 12px; font-weight: 700; letter-spacing: 0.5px;
    text-decoration: none;
    transition: all 0.25s ease;
}
#footer .section2 .inner .footer_top a:hover {
    background-color: #d4af6a; color: #141414;
}

#footer .section3 { width: 1280px; margin: 0 auto; padding: 50px 0; background-color: #141414; }
#footer .section3 p { text-align: center; color: #888; font-size: 11px; }
#footer .section3 #instafeed { margin: 20px auto 0; text-align: center; }
#footer .section3 #instafeed img {
    text-decoration: none; border: none; width: 55px; height: 55px; margin: 0 2px;
    border-radius: 4px;
    transition: all 0.3s;
}
#footer .section3 #instafeed img:hover { opacity: 0.7; }
/* BASIC css end */