/* BASIC css start */
#footer {
  width: 100%;
  background-color: #fafafa;
  margin-top: 0px;
}

/* 헤더와 동일한 정렬 구조 적용 */
#footer .foot_inner {
  width: 100%;
  max-width: 1800px;  /* 헤더와 동일한 최대 너비 */
  padding: 0 20px;    /* 헤더와 동일한 좌우 여백 */
  margin: 0 auto;     /* 가운데 정렬 */
}

/* 이하 기존 코드 유지 */
#footer .foot_inner h4 {
  font-size: 15px;
  font-family: 'Pretendard', sans-serif;
  color: #272727;
  font-weight: 500;
}

#footer .foot_inner .foot_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 60px 0;
}
#footer .foot_inner .foot_top .f1{}
#footer .foot_inner .foot_top .f1 .logo{margin-bottom: 20px;}
#footer .foot_inner .foot_top .f1 .logo a{display: block;}
/* 상단 4개 링크 - 글자만, 배경/밑줄 없음 */
#footer .foot_inner .foot_top .f1 a.text-link {
    display: inline !important;
    background: none !important;
    color: #272727 !important;
    text-decoration: none;
    padding: 0 !important;
    margin: 0 0 10px 0;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    line-height: 1.4;
}
/* 마지막 버튼 - 브라운 배경 유지 */
#footer .foot_inner .foot_top .f1 > a.btn {
    font-family: 'Pretendard', sans-serif;
    background-color: #53341F;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 5px 30px;
    margin-top: 20px;
    border-radius: 30px;
    text-decoration: none;
}
#footer .foot_inner .foot_top .f2{}
#footer .foot_inner .foot_top .f2 .cs h5{font-size: 26px; font-weight: 800; letter-spacing: 1px;margin-top: -3px;}
#footer .foot_inner .foot_top .f2 .bank h5{font-size: 22px; font-weight: 800;}
/* CS CENTER / 뱅킹안내 컨테이너 상단 정렬 */
#footer .foot_inner .foot_top .f2 > div {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}
#footer .foot_inner .foot_top .f2 > div > h4 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  line-height: 22px;
}

/* ===== CS/BANK 내용 왼쪽 정렬 통일 ===== */
#footer .foot_inner .foot_top .f2 {
  display: flex;
  flex-direction: column; /* 수직 정렬 */
  align-items: flex-start; /* 왼쪽 기준선 통일 */
  gap: 20px; /* 항목 간 간격 */
}

#footer .foot_inner .foot_top .f2 > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* 왼쪽 정렬 */
  margin: 0; /* 좌측 여백 제거 */
}

#footer .foot_inner .foot_top .f2 > div > h4 {
  margin: 0 0 4px 0;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
}

#footer .foot_inner .foot_top .f2 > div .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* 왼쪽 정렬 */
  margin: 0; /* 좌측 여백 제거 */
  padding: 0;
}

#footer .foot_inner .foot_top .f2 > div.cs > .right h5,
#footer .foot_inner .foot_top .f2 > div.bank > .right h5 {
  margin: 0;
  padding: 0;
  font-family: 'Pretendard', sans-serif;
  color: #53341F;
}

#footer .foot_inner .foot_top .f2 > div.cs > .right h5 {
  font-size: 26px;
  line-height: 32px;
}

#footer .foot_inner .foot_top .f2 > div.bank > .right h5 {
  font-size: 22px;
  line-height: 28px;
}

#footer .foot_inner .foot_top .f2 > div .right ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; /* inline-block 대신 flex */
  flex-wrap: wrap;
  gap: 10px; /* 항목 사이 간격 */
}

#footer .foot_inner .foot_top .f2 > div .right ul li {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #707070;
  font-family: 'Pretendard', sans-serif;
}

/* ====================================== */

#footer .foot_inner .foot_top .f2>div .right h5{font-family: 'Pretendard', sans-serif; color: #53341F;  margin: 0; padding: 0;}
#footer .foot_inner .foot_top .f2 > div.cs > .right h5 {font-size: 26px; line-height: 32px;}
#footer .foot_inner .foot_top .f2 > div.bank > .right h5 {font-size: 22px; line-height: 28px;}

#footer .foot_inner .foot_top .f3{display: flex; }
#footer .foot_inner .foot_top .f3>div{margin: 0 40px;}
#footer .foot_inner .foot_top .f3>div h4{margin-bottom: 20px; color: #53341F; font-weight: 700;}
#footer .foot_inner .foot_top .f3>div ul{}
#footer .foot_inner .foot_top .f3>div ul li{ margin: 8px 0;}
#footer .foot_inner .foot_top .f3>div ul li a{font-size: 13px; color: #707070;font-family: 'Pretendard', sans-serif; font-weight: 400;}
#footer .foot_inner .foot_bottom{border-top: 1px solid #e7e7e7; padding: 40px 0;display: flex; justify-content: space-between;}
#footer .foot_inner .foot_bottom .foot_B_left{}
#footer .foot_inner .foot_bottom .foot_B_left ul.f_menu{display: flex;}
#footer .foot_inner .foot_bottom .foot_B_left ul.f_menu li{margin-right: 13px;position: relative;padding-right: 13px;}
#footer .foot_inner .foot_bottom .foot_B_left ul.f_menu li::after{content: ""; display: block;position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #ccc; width: 1px; height: 10px;}
#footer .foot_inner .foot_bottom .foot_B_left ul.f_menu li:last-child::after{display: none;}
#footer .foot_inner .foot_bottom .foot_B_left ul.f_menu li a{color: #8a8a8a; font-size: 13px;font-family: 'Pretendard', sans-serif;font-weight: 400;display: block;}
#footer .foot_inner .foot_bottom .foot_B_left ul.f_info{margin-top: 10px;}
#footer .foot_inner .foot_bottom .foot_B_left ul.f_info li{margin-bottom: 2px; display: inline-block;color: #8a8a8a; font-size: 13px;font-family: 'Pretendard', sans-serif; font-weight: 400;margin-right: 10px;}
#footer .foot_inner .foot_bottom .foot_B_left ul.f_info li a{color: #8a8a8a; font-size: 13px;font-family: 'Pretendard', sans-serif; font-weight: 400;}
#footer .foot_inner .foot_bottom .foot_B_right{}
#footer .foot_inner .foot_bottom .foot_B_right ul.sns{display: flex; align-items: center;}
#footer .foot_inner .foot_bottom .foot_B_right ul.sns li{margin-left: 20px;}
#footer .foot_inner .foot_bottom .foot_B_right ul.sns li a{display: block;}
#footer .foot_inner .foot_bottom .foot_B_right ul.sns li a img{}

/* BASIC css end */