main {
  padding: 3rem 0 6rem;
}

/* ========================
   공통
======================== */
.container {
  width: 100%;
  padding: 0 2rem;
}

.sec-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
}
.sec-title2{margin-bottom: 1.8rem;}

.sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.4rem;
}

/* ========================
   배너
======================== */
.sec-banner {
  padding-bottom: 2rem;
}

.banner-box {
  background: #E5F1FD url(../img/mb_main_icon_2.png)no-repeat right bottom;
  background-size: 16rem;
  border-radius: 1.6rem;
  padding: 2.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  overflow: hidden;
  min-height: 17rem;
  position: relative;
  border: 1px solid #C7DEFF;
  box-sizing: border-box;
  height: 150px;
}

.banner-sub {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111;
  margin-bottom: 0.6rem;
}

.banner-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  margin-bottom: 2rem;
}

.banner-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 10.8rem;
  border: 0.15rem solid #1359C2;
  color: #1359C2;
  font-size: 1.3rem;
  font-weight: 600;
  border-radius: 0.5rem;
  padding: 0.8rem 1rem;
  margin-top: 4rem;
}
.banner-btn img{width: 1.5rem;}
/* ========================
   지원사업
======================== */
.sec-support {
  padding: 1rem 0 2rem;
}

.support-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}

.support-grid li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #E5F1FD;
  border-radius: 1.2rem;
  padding: 2.4rem 1rem 1.8rem;
  text-decoration: none;
  gap: 1.5rem;
}

.support-icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.support-icon img {
  width: 95%;
}

.support-label {
  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
  text-align: center;
}

/* ========================
   인기 지원공고
======================== */
.popular-swiper .swiper-wrapper {
  height: auto !important;
}
.sec-popular {
  padding: 1rem 0 2rem;
}

.more-btn {
  display: inline-block;
  background: #1359C2;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  padding: 0.6rem 1.4rem;
  border-radius: 0.5rem;
  text-decoration: none;
}

.popular-swiper {
  overflow: hidden;
  border-radius: 1.2rem;
}

.pop-card {
  display: block;
  background: #fff;
  border: 0.1rem solid #e0e0e0;
  border-radius: 1.2rem;
  padding: 2rem;
  text-decoration: none;
}

.pop-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

.pop-org {
  font-size: 1.2rem;
  color: #888;
}

.swiper-pagination-custom {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  width: auto !important;
}

.dot {
  width: 0.8rem;
  height: 0.8rem;
  background: #E8E8E8;
}

.dot.active {
  background: #1359C2;
}

.pop-card-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
  margin-bottom: 1.6rem;
}

.pop-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pop-tags {
  display: flex;
  gap: 0.8rem;
}

.tag {
  display: inline-block;
  color: #1359C2;
  font-size: 1.3rem;
  padding: 0.6rem 1rem;
  border-radius: 0.6rem;
  background: #E5F1FD;
}

.detail-btn {
  display: inline-block;
  background: #1359C2;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  padding: 0.8rem 2rem;
  border-radius: 0.5rem;
}

/* ========================
   정책자금
======================== */
.sec-policy {
  padding: 1rem 0 4rem;
}

.policy-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.policy-list li a {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  background: #fff;
  border: 0.1rem solid #e0e0e0;
  border-radius: 1.2rem;
  padding: 1.8rem 2rem;
  text-decoration: none;
}

.policy-icon {
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.policy-icon img {
  width: 2.5rem;
}

.policy-label {
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
  color: #111;
}

.policy-arrow img{
  width: 2.5rem;
}

/* ========================
   비즈플러스카드 상세 - 추가분
======================== */

/* 페이지 타이틀 */
.sec-page-head {
  padding: 1rem 0 2.4rem;
  text-align: center;
}

.page-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 1rem;
}

.page-sub {
  font-size: 1.5rem;
  font-weight: 500;
  color: #888;
  line-height: 1.4;
}

/* 정보 카드 공통 */
.sec-card {
  padding-bottom: 2rem;
}

.info-card {
  border: 0.1rem solid #E0E0E0;
  border-radius: 1.6rem;
  padding: 2.4rem 2rem;
}

/* 카드 헤더 (아이콘 + 제목) */
.card-head {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 2rem;
}

.card-icon {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background: #1359C2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.card-icon img {
  width: 2.2rem;
  height: 2.2rem;
}

.card-title {
  font-size: 1.9rem;
  font-weight: 700;
  color: #111;
}

/* 소제목 (체크 + 라벨) */
.sub-head {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.2rem;
}

.sub-head:not(:first-of-type) {
  margin-top: 2rem;
}

.check-icon {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.check-icon img {
  width: 100%;
}

.sub-label {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

/* 내용 박스 */
.card-box {
  background: #E5F1FD;
  border-radius: 1.2rem;
  padding: 2rem;
}

.box-desc {
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
  line-height: 1.7;
}

/* 불릿 리스트 */
.dot-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.dot-list li {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.45rem;
  font-weight: 500;
  color: #333;
  line-height: 1.6;
}

.dot-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.85rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #333;
}

.dot-list li strong {
  font-weight: 700;
  font-size: 1.45rem;
  color: #111;
}

/* 신청 방법 단계형 (들여쓰기 정렬용) */
.dot-list-step li {
  line-height: 1.7;
}

/* ========================
   지원사업 공고 목록 
======================== */

/* 페이지 타이틀 */
.sec-list-head {
  padding-bottom: 1.6rem;
}

.list-page-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 1.6rem;
}

/* 필터 영역 */
.list-filter {
  display: flex;
  gap: 1.2rem;
  align-items: flex-start;
}

/* 셀렉트 */
.filter-select {
  position: relative;
  flex-shrink: 0;
  width: calc((100% - 1.2rem) * (1 / 3));
}

.select-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  background: #fff;
  border: 0.1rem solid #E0E0E0;
  border-radius: 1rem;
  padding: 1.3rem 1.4rem;
  cursor: pointer;
}

.select-text {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.select-arrow {
  width: 1.4rem;
  display: flex;
  transition: transform 0.2s;
}

.select-arrow img {
  width: 100%;
}

.filter-select.open .select-arrow {
  transform: rotate(180deg);
}

/* 셀렉트 옵션 (드롭다운) */
.select-options {
  list-style: none;
  position: absolute;
  top: calc(100% + 0.6rem);
  left: 0;
  width: 100%;
  background: #fff;
  border: 0.1rem solid #E0E0E0;
  border-radius: 1rem;
  padding: 0.8rem 0;
  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
  z-index: 20;
  display: none;
}

.filter-select.open .select-options {
  display: block;
}

.select-options li {
  font-size: 1.5rem;
  font-weight: 500;
  color: #888;
  padding: 1rem 1.6rem;
  cursor: pointer;
}

.select-options li.active {
  color: #1359C2;
  font-weight: 700;
}

.select-options li:hover {
  background: #F5F8FD;
}

/* 검색창 */
.filter-search {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background: #EFF3FC;
  border-radius: 1rem;
  padding: 1.3rem 1.6rem;
  width: calc((100% - 1.2rem) * (2 / 3));
  position: relative;
  border: 1px solid #ddd;
}

.search-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 1.5rem;
  color: #333;
  outline: none;
}

.search-input::placeholder {
  color: #999;
}

.search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  position: absolute;
  right: 1rem;
}

.search-btn img {
  width: 2rem;
  height: 2rem;
}

/* 공고 리스트 */
.sec-notice-list {
  padding-bottom: 2rem;
}

.notice-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.notice-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #fff;
  border: 0.1rem solid #E0E0E0;
  border-radius: 1.4rem;
  padding: 2rem;
  text-decoration: none;
}

.notice-body {
  flex: 1;
  min-width: 0;
}

.notice-org {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 600;
  color: #1359C2;
  background: #E5F1FD;
  border-radius: 0.6rem;
  padding: 0.8rem 1rem;
  margin-bottom: 1.4rem;
}

.notice-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
  margin-bottom: 1.6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.notice-info {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.info-row {
  display: flex;
  align-items: center;
  gap: 1.4rem;
}

.info-label {
  font-size: 1.4rem;
  color: #888;
  width: 5rem;
  flex-shrink: 0;
}

.info-tag {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 600;
  color: #1359C2;
  background: #E5F1FD;
  border-radius: 0.6rem;
  padding: 0.4rem 1.2rem;
}

.info-date {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111;
}

.notice-arrow {
  width: 2.4rem;
  flex-shrink: 0;
  display: flex;
}

.notice-arrow img {
  width: 100%;
}

/* 페이지네이션 */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  margin-top: 3rem;
}

.page-num,
.page-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #E0E0E0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #BBB;
  text-decoration: none;
}

.page-num.active {
  border-color: #1359C2;
  color: #1359C2;
  background: #fff;
}

.page-nav img {
  width: 1.4rem;
  height: 1.4rem;
}

.page-prev {
  background: #1359C2;
}

.page-prev img {
  filter: brightness(0) invert(1);
}

.page-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  font-size: 1.5rem;
  color: #BBB;
}

/* ========================
   지원사업 공고 상세 
======================== */

/* 공고 헤더 */
.sec-detail-head {
  padding-bottom: 2rem;
}

.detail-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
  line-height: 1.4;
  margin-bottom: 2rem;
}

/* 메타 정보 */
.detail-meta {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.meta-row {
  display: flex;
  align-items: center;
  gap: 1.4rem;
}

.meta-label {
  flex-shrink: 0;
  width: 8rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1359C2;
  background: #E5F1FD;
  border-radius: 0.8rem;
  padding: 0.8rem 0;
}

.meta-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111;
}

/* 구분선 */
.detail-divider {
  height: 0.8rem;
  background: #E5F1FD;
}

/* 사업 내용 */
.sec-detail-body {
  padding-top: 2.4rem;
  padding-bottom: 3rem;
}

/* 상세 테이블 */
.detail-table {
  border: 0.1rem solid #E0E0E0;
  border-radius: 1.4rem;
  overflow: hidden;
}

.table-row {
  display: flex;
  align-items: stretch;
  border-bottom: 0.1rem solid #ddd;
}

.table-row:last-child {
  border-bottom: none;
}

.table-th {
  flex-shrink: 0;
  width: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E5F1FD;
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
  padding: 2rem 1rem;
  text-align: center;
}

.table-td {
  flex: 1;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
  line-height: 1.7;
  padding: 2rem;
  word-break: break-all;
}

/* ========================
   지원사업 종류 
======================== */

/* 소제목 따옴표형 (값이 길어도 라벨처럼 정렬) */
.sub-label-quote {
  font-weight: 700;
  color: #333;
  width: 27rem;
  line-height: 1.5;
}

.card-icon-green {
  background: #278D36;
}

.card-box-green {
  background: #E9F7F0;
}


/* 구분선 */
.tip-divider {
  border-top: 0.1rem solid #D9D9D9;
  margin: 1rem 0 3rem;
}

/* TIP 카드 */
.tip-card {
  padding: 2.4rem 2rem;
}

.tip-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 2rem;
}

.tip-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}

.tip-list li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.tip-check {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
}

.tip-check img {
  width: 100%;
}

.tip-text {
  flex: 1;
  font-size: 1.45rem;
  font-weight: 500;
  color: #888;
  line-height: 1.7;
}

.tip-text strong {
  font-size: 1.45rem;
  font-weight: 700;
  color: #111;
}

/* ========================
   FAQ - 추가분
======================== */

.sec-faq {
  padding-bottom: 2rem;
}

.faq-page-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 1.6rem;
}

.faq-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.faq-item {
  border-radius: 1.2rem;
}

/* 질문 (버튼) */
.faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  background: #fff;
  border: 0.1rem solid #E0E0E0;
  border-radius: 1.2rem;
  padding: 2rem;
  cursor: pointer;
  text-align: left;
}

.faq-mark {
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
  flex-shrink: 0;
  width: 1.6rem;
  text-align: center;
}

.faq-q-text {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 500;
  color: #111;
  min-width: 0;
}

.faq-arrow {
  width: 1.6rem;
  flex-shrink: 0;
  display: flex;
  transition: transform 0.25s;
}

.faq-arrow img {
  width: 100%;
}

.faq-item.open .faq-arrow {
  transform: rotate(180deg);
}

/* 답변 */
.faq-a {
  display: none;
  align-items: flex-start;
  gap: 1.6rem;
  background: #F8FBFF;
  border-radius: 1.2rem;
  padding: 2rem;
  margin-top: 0.8rem;
}

.faq-item.open .faq-a {
  display: flex;
}

.faq-mark-a {
  color: #111;
}

.faq-a-text {
  flex: 1;
  font-size: 1.5rem;
  font-weight: 500;
  color: #555;
  line-height: 1.8;
  min-width: 0;
}

/* ========================
   정책자금 안내 
======================== */

/* 페이지 타이틀 */
.sec-fund-head {
  padding-bottom: 1.6rem;
}

.fund-year {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1359C2;
  margin-bottom: 0.4rem;
}

.fund-page-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 1.6rem;
}

/* 분류 셀렉트 */
.fund-select {
  position: relative;
  margin-bottom: 1.5rem;
}

.fund-select-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  background: #EFF3FC;
  border: 0.1rem solid #DCE3EC;
  border-radius: 1.2rem;
  padding: 1.8rem 2rem;
  cursor: pointer;
}

.fund-select.open .fund-select-btn {
  border-radius: 1.2rem 1.2rem 0 0;
}

.fund-select-icon {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fund-select-icon img {
  width: 100%;
}

.fund-select-text {
  flex: 1;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
}

.fund-select-arrow {
  width: 1.6rem;
  flex-shrink: 0;
  display: flex;
  transition: transform 0.2s;
}

.fund-select-arrow img {
  width: 100%;
}

.fund-select.open .fund-select-arrow {
  transform: rotate(180deg);
}

/* 셀렉트 옵션 */
.fund-select-options {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 0.1rem solid #DCE3EC;
  border-top: none;
  border-radius: 0 0 1.2rem 1.2rem;
  box-shadow: 0 0.6rem 1.6rem rgba(0, 0, 0, 0.08);
  z-index: 20;
  overflow: hidden;
  display: none;
}

.fund-select.open .fund-select-options {
  display: block;
}

.fund-select-options li {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.6rem 2rem;
  cursor: pointer;
}

.fund-select-options li:hover {
  background: #F5F8FD;
}

.opt-icon {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.opt-icon img {
  width: 100%;
}

.opt-text {
  font-size: 1.6rem;
  font-weight: 600;
  color: #888;
}

.fund-select-options li.active .opt-text {
  color: #1359C2;
  font-weight: 700;
}

/* 자금 리스트 */
.sec-fund-list {
  padding-bottom: 2rem;
}

.fund-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.fund-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #fff;
  border: 0.1rem solid #E0E0E0;
  border-radius: 1.4rem;
  padding: 2rem;
  text-decoration: none;
}

.fund-body {
  flex: 1;
  min-width: 0;
}

.fund-cat {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  color: #888;
  margin-bottom: 0.8rem;
}

.fund-name {
  font-size: 1.7rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 1.4rem;
}

.fund-rate {
  display: flex;
  align-items: center;
  gap: 1.4rem;
}

.rate-label {
  font-size: 1.4rem;
  color: #888;
  flex-shrink: 0;
}

.rate-value {
  font-size: 1.4rem;
  font-weight: 600;
  color: #E23C3C;
}

.fund-arrow {
  width: 2.4rem;
  flex-shrink: 0;
  display: flex;
}

.fund-arrow img {
  width: 100%;
}

/* ========================
   정책자금 상세 
======================== */

/* 페이지 타이틀 */
.sec-pd-head {
  padding-bottom: 1.6rem;
}

.pd-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
}

/* 카드 리스트 */
.sec-pd-list {
  padding-bottom: 2rem;
}

.pd-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

/* 카드 (아이콘 | 내용 2단) */
.pd-card {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  background: #fff;
  border: 0.1rem solid #E0E0E0;
  border-radius: 1.4rem;
  padding: 2.4rem 2rem;
}

/* 아이콘 */
.pd-icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pd-icon img {
  width: 2.4rem;
  height: 2.4rem;
}

/* 아이콘 배경 변형 */
.pd-icon-blue {
  background: #E5F1FD;
}
.pd-icon-green {
  background: #E5F5F1;
}
.pd-icon-purple {
  background: #F1ECFD;
}
.pd-icon-yellow {
  background: #FEF3DF;
}

/* 내용 */
.pd-body {
  flex: 1;
  min-width: 0;
  padding-top: 0.4rem;
}

.pd-card-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 1.2rem;
}

.pd-card-text {
  font-size: 1.5rem;
  font-weight: 500;
  color: #888;
  line-height: 1.7;
}

.pd-card-text + .pd-card-text {
  margin-top: 1.4rem;
}

/* 목록 버튼 */
.pd-btn-wrap {
  margin-top: 3rem;
}

.pd-list-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #1359C2;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  border-radius: 1rem;
  padding: 1.8rem 0;
  text-decoration: none;
}

/* ========================
   지역센터
======================== */

/* 페이지 타이틀 */
.sec-center-head {
  padding-bottom: 2rem;
}

.center-page-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 1.6rem;
}

/* 센터 그리드 */
.sec-center-list {
  padding-bottom: 2rem;
}

.center-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4rem;
}

.center-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 9rem;
  background: #EFF3FC;
  border-radius: 1.2rem;
  font-size: 1.7rem;
  font-weight: 700;
  color: #1359C2;
  text-align: center;
  text-decoration: none;
  padding: 1rem;
}

.filter-search-center{width: 100%;}

/* ========================
   지역센터 상세
======================== */

/* 페이지 타이틀 */
.sec-cd-head {
  padding-bottom: 2rem;
}

.cd-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 2rem;
}

/* 이 페이지 테이블 라벨 컬럼은 살짝 좁게 */
.cd-table .table-th {
  width: 9rem;
  padding: 1.6rem 1rem;
}

.cd-table .table-td {
  padding: 1.6rem 2rem;
}

/* 지도 영역 */
.cd-map {
  width: 100%;
  height: 32rem;
  background: #F4F6F9;
  border-radius: 1.2rem;
}

.sec-cd-btn{padding-bottom: 3rem;}


/* ========================
   상환계산기 
======================== */

/* 배너 */
.sec-calc-banner {
  padding-bottom: 2.4rem;
}

.calc-banner {
  position: relative;
  background: #EFF3FC url(../img/mb_icon_38.png) no-repeat right 2rem bottom 2rem;
  background-size: 17.7rem;
  border-radius: 1.6rem;
  padding: 2.5rem 2rem;
  min-height: 13rem;
  overflow: hidden;
}

.calc-banner-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 0.8rem;
}

.calc-banner-sub {
  font-size: 1.5rem;
  font-weight: 500;
  color: #888;
}

.calc-banner-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: #1359C2;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 5rem;
  padding: 1rem 1.8rem;
  text-decoration: none;
  margin-top: 2rem;
  
}

.calc-banner-btn img {
  width: 1.4rem;
}

.calc-banner-img {
  position: absolute;
  right: 1.5rem;
  top: 1.8rem;
  width: 16rem;
  pointer-events: none;
}

.calc-banner-img img {
  width: 100%;
}

/* 상환방식 탭 */
.calc-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 1.8rem;
}

.calc-tab {
  background: #fff;
  border: 0.1rem solid #DDD;
  border-radius: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #999;
  padding: 1.4rem 0;
  cursor: pointer;
}

.calc-tab.active {
  background: #1359C2;
  border-color: #1359C2;
  color: #fff;
}

/* 입력 폼 */
.calc-form {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.calc-field {
  display: flex;
  align-items: center;
  background: #fff;
  border: 0.1rem solid #E0E0E0;
  border-radius: 1.2rem;
  padding: 2rem;
  gap: 1rem;
}

.calc-field.hide {
  display: none;
}

.calc-label {
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  flex-shrink: 0;
  white-space: nowrap;
}

.req {
  color: #E23C3C;
  margin-left: 0.2rem;
}

.calc-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  font-size: 1.5rem;
  color: #111;
  outline: none;
  text-align: left;
}

.calc-input::placeholder {
  color: #B5B5B5;
  font-weight: 500;
}

.calc-unit {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111;
  flex-shrink: 0;
}

/* 계산 버튼 */
.calc-btn-wrap {
  margin-top: 3rem;
  padding-bottom: 3rem;
}

.calc-submit {
  width: 100%;
  background: #1359C2;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  border: none;
  border-radius: 1rem;
  padding: 1.8rem 0;
  cursor: pointer;
}

/* 결과 */
.calc-result {
  display: none;
  margin-top: 2rem;
  background: #F5F8FD;
  border-radius: 1.2rem;
  padding: 2rem;
}

.calc-result.show {
  display: block;
}

.result-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.result-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.result-label {
  font-size: 1.5rem;
  font-weight: 500;
  color: #555;
}

.result-value {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1359C2;
}

/* ========================
   계산 결과
======================== */

.sec-result {
  padding-bottom: 3rem;
}

.result-page-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 1.6rem;
}

/* 결과 요약 카드 */
.result-summary {
  border: 0.1rem solid #E0E0E0;
  border-radius: 1.4rem;
  padding: 2.4rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}

.summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.summary-label {
  font-size: 1.7rem;
  font-weight: 700;
  color: #111;
}

.summary-value {
  font-size: 1.6rem;
  font-weight: 500;
  color: #111;
}

.summary-value strong {
  font-size: 1.9rem;
  font-weight: 700;
  color: #F0635A;
  margin-right: 0.4rem;
}

/* 입력값 요약 */
.result-input {
  background: #EFF3FC;
  border-radius: 1.4rem;
  padding: 2.4rem 2rem;
}

.input-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.input-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.input-label {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
}

.input-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.85rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #333;
}

.input-value {
  font-size: 1.5rem;
  font-weight: 500;
  color: #888;
}

.input-value strong {
  font-size: 1.7rem;
  font-weight: 700;
  color: #111;
  margin-right: 0.4rem;
}

/* 다시 계산하기 버튼 */
.result-btn-wrap {
  margin-top: 3rem;
}

.result-recalc-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #1359C2;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  border-radius: 1rem;
  padding: 1.8rem 0;
  text-decoration: none;
}

/* 상환 스케줄 테이블 */
.schedule-wrap {
  width: 100%;
  overflow-x: auto;
}

.schedule-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.4rem;
  margin-top: 2rem;
}

.schedule-table th {
  background: #EFF3FC;
  font-weight: 700;
  color: #333;
  padding: 1.4rem 0.8rem;
  text-align: center;
  white-space: nowrap;
  font-size: 1.3rem;
}

.schedule-table td {
  padding: 1.6rem 0.8rem;
  text-align: center;
  color: #333;
  border-bottom: 0.1rem solid #EDEDED;
  white-space: nowrap;
  font-size: 1.3rem;
}

.schedule-table tbody tr:last-child td {
  border-bottom: none;
}