/* 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; }/* ===== FISHWIZ 11A BEGIN (푸터 v2 확정안 / 2026-08-01) =======================
   위쪽 구 푸터 규칙(.sliderkit / .section1 / .f_cs_* / #brandmenu)은
   마크업이 사라져 더 이상 매칭되지 않는다. 이 블록만 지우면 되돌아간다.
   ========================================================================== */
#ftWrap {width:100%; background:#fff !important; border-top:1px solid #eef1f4; margin-top:70px;}
#ftWrap #footer {width:100%; padding:0; background:#fff !important;}   /* 구 스킨이 검정 배경을 주고 있어 우선순위를 올린다 */
#ftWrap #footer .ft-links,
#ftWrap #footer .ft-body {background:#fff !important;}
#footer .ft-in {width:1280px; margin:0 auto;}

/* 링크바 */
#footer .ft-links {border-bottom:1px solid #eef1f4;}
#footer .ft-links .ft-in {display:flex; align-items:center; gap:22px; padding:16px 0;}
#footer .ft-links a {font-size:13px; color:#41474e;}
#footer .ft-links a:hover {color:#14181d; text-decoration:underline; text-underline-offset:3px;}
#footer .ft-links a.ft-strong {font-weight:700; color:#14181d;}
#footer .ft-sns {margin-left:auto; display:flex; align-items:center; gap:10px;}
#footer .ft-sns a {width:30px; height:30px; border:1px solid #eef1f4; border-radius:8px; display:flex; align-items:center; justify-content:center;}
#footer .ft-sns svg {width:14px; height:14px;}
#footer .ft-sns a:hover {border-color:#14181d;}

/* 3열 */
#footer .ft-body .ft-in {display:grid; grid-template-columns:300px 260px 1fr; gap:34px; padding:28px 0 24px;}
#footer .ft-col {display:flex; flex-direction:column; gap:12px;}
#footer .ft-label {font-family:'Space Grotesk',sans-serif; font-size:11px; font-weight:700; letter-spacing:.14em; color:#8a9099;}

#footer .ft-tel {display:flex; flex-direction:column; gap:3px;}
#footer .ft-tel-cap {font-size:12px; color:#8a9099;}
#footer .ft-tel-num {font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:800; letter-spacing:-.5px; color:#14181d;}
#footer .ft-tel-sub {font-family:'Space Grotesk',sans-serif; font-size:19px; font-weight:700; color:#14181d;}
/* 전화번호는 누를 수 없는 글자다 (2026-08-11) — 손가락 커서·밑줄이 생기지 않게 못 박는다 */
#footer .ft-tel-num,
#footer .ft-tel-sub {display:inline-block; cursor:default; text-decoration:none;}
#footer .ft-hours {padding-top:4px; border-top:1px solid #f1f3f6; font-size:12.5px; line-height:1.7; color:#5b6167;}
#footer .ft-hours b {color:#14181d;}
#footer .ft-mut {color:#aeb4bb;}

#footer .ft-acct {background:#f6f7f9; border-radius:12px; padding:15px 16px; display:flex; flex-direction:column; gap:5px;}
#footer .ft-acct-num {font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:800; color:#14181d;}
#footer .ft-acct-owner {font-size:12.5px; color:#5b6167;}
#footer .ft-bank-toggle {display:flex; align-items:center; gap:7px; border:0; background:none; padding:0; font-size:12.5px; color:#41474e; cursor:pointer;}
#footer .ft-bank-toggle svg {width:13px; height:13px; transition:transform .2s;}
#footer .ft-bank-toggle.on svg {transform:rotate(180deg);}
#footer .ft-bank-list {display:none; margin:0; padding:0; list-style:none; flex-wrap:wrap; gap:6px;}
#footer .ft-bank-list.on {display:flex;}
#footer .ft-bank-list a {display:block; border:1px solid #eef1f4; border-radius:7px; padding:6px 11px; font-size:11.5px; color:#767d85;}
#footer .ft-bank-list a:hover {border-color:#14181d; color:#14181d;}

#footer .ft-info {font-size:12.5px; line-height:1.9; color:#5b6167;}
#footer .ft-info b {color:#41474e; font-weight:600;}
#footer .ft-info a {color:#5b6167; text-decoration:underline; text-underline-offset:3px;}
#footer .ft-biz {color:#8a7207 !important; font-weight:700; text-decoration:none !important;}
#footer .ft-pay {display:flex; flex-wrap:wrap; gap:6px; padding-top:4px;}
#footer .ft-pay span {border:1px solid #eef1f4; border-radius:7px; padding:6px 11px; font-size:11.5px; color:#767d85;}

/* 카피라이트 */
#footer .ft-copy {background:#14181d;}
#footer .ft-copy .ft-in {display:flex; align-items:center; padding:14px 0;}
#footer .ft-copy span {font-family:'Space Grotesk',sans-serif; font-size:11.5px; color:#8b939b;}
#footer .ft-copy .ft-top {margin-left:auto; font-family:'Space Grotesk',sans-serif; font-size:11.5px; font-weight:700; color:#8b939b;}
#footer .ft-copy .ft-top:hover {color:#F0D025;}
/* ===== FISHWIZ 11A END ===== */

/* BASIC css end */