.sales-section .slide-item {flex: 0 0 100%;width: 100%;display: flex;justify-content: center;box-sizing: border-box;flex-direction: column; background:#fff;}
.sales-section .slide-item .left_text{width: 100%;  background:none; padding: 20px 0;font-weight: 900;display: flex;flex-direction: column;align-content: center;align-items: center;}

		

.sect1 .main_text{color:transparent; margin-top:-27px;}
.s1_container img{margin-top:-1rem;}
.s1_container{margin:-3px 130px; align-items:center;}
.s1_container p{font-size:5.4rem;}
.s1_container p.main_text.marginl130 {font-size:6.6rem; margin-left:0;}
.section.sales-section{background:#251606;}

@media (max-width: 768px) {
		
		.s1_container{margin:-3px 50px; align-items:center;}
		.s1_container img {width:80%;}
		.s1_container p{font-size:2.4rem;}
		.sect1 .main_text{margin-top:4px;}
	}

@media (max-width: 560px) {
	.s1_container img{width:100%;}
}
.sales-section .slide-item .left_text h3{font-size: 30px;color: #fff;background: #251606;padding: 10px;width: 520px;margin: 10px;}
.sales-section .slide-item .left_text .percent_value{font-size: 70px;display: flex;flex-direction: row;color: #321a02;justify-content: center;align-items: center;}
.sales-section .slide-item .left_text .percent_value em{font-size: 90px;font-weight: 900;font-style: unset;color: #dc1b00;}
.sales-section .chart-wrap{height:340px;}
.sales-section .value.highlight{font-size:47px;}
.sales-section .value{font-size:25px; font-weight:900;}
/* 그래프 박스 디자인 */
.sales-section .sales-section-wrap {
  width: 100%;
  max-width: 100%;
  background: url('../_img/main/graph_bg.png') no-repeat bottom;
  background-size: 100% auto;
  padding: 0 40px;
  position: relative;
  box-sizing: border-box;
  }

.sales-section .sales-section h2.title { text-align: center; font-size: 28px; font-weight: 700; margin-bottom: 4px; color: #111; }
.sales-section .sales-section-wrap p.sub_title { color: #666; text-align: center; font-size: 15px; margin-bottom: 20px; }
.sales-section .sales-slider-container{max-width:1400px;}
.sales-section .bar{width:190px;}


.month-chart .amount-value.red em{font-size:53px;}
.banner-section .banner-container{background:linear-gradient(0deg, #000000 0%, #26180f 100%);}
.interview-section .background-overlay{background:linear-gradient(0deg, #382c1a 0%, #030301 100%);}

.s5_box{gap:2rem;}
.month-chart .chart-bar-group{width:auto;}
.month-chart .chart-visuals{gap:24px;}
.month-chart .bar{max-width:200px;}
.month-chart .bar-chickenbonbu {
    max-width: 320px !important; /* 몸통 너비 (원하는 만큼 조절 가능) */
    border-radius: 0 !important; /* 상단 둥글기 제거 (화살표 머리와 연결) */
    /* 그라데이션 상단을 빨간색으로 고정하여 머리 부분과 자연스럽게 연결 */
    background: linear-gradient(to top, #ff9900, #d82b2b 70%, #d82b2b 100%) !important;
    box-shadow: 0 10px 20px rgba(216, 43, 43, 0.4); /* 강렬한 그림자 추가 */
}

/* 2. 거대한 화살표 머리 (세모) */
.month-chart .bar-chickenbonbu::before {
    content: '';
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);

    /* 화살표 머리 크기 설정 */
    /* 몸통(180px)보다 훨씬 넓게 설정 (여기서는 총 너비 260px) */
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
    border-bottom: 100px solid #d82b2b; /* 화살표 머리 높이 100px */
    
    /* 위치 잡기: 머리 높이만큼 위로 올림 */
    top: -100px; 
}

/* 3. 텍스트(금액) 위치 대폭 상향 조정 */
/* 화살표가 매우 커졌으므로 텍스트가 가려지지 않게 훨씬 위로 올려야 합니다. */
.chart-bar-group.loaded .amount-value.red {
    /* 막대 높이 + 화살표 머리 높이 + 여백을 고려하여 위치 계산 */
    bottom: calc(var(--bar-height) + 110px) !important; 
    z-index: 20; /* 화살표보다 위에 보이도록 */
}

/* 금액 숫자 강조 */
.month-chart .amount-value.red em {
    font-size: 55px; /* 숫자 크기 확대 */
    text-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.chart-bar-group.loaded .amount-value.red{bottom:calc(var(--bar-height) + -190px) !important;}
.chart-bar-group.loaded .amount-value.gray{bottom:calc(var(--bar-height) - 42px);}
.chart-bar-group:nth-child(3).loaded .amount-value.gray{bottom:calc(var(--bar-height) - 0px);}

/* 전체 섹션 배경 및 레이아웃 */
.sales-section {
  padding: 80px 0;
}


/* 카드 디자인 (흰색 라운드 박스) */
.sales-section .sales-card {
  background: #fff;
  border-radius: 30px;
  padding: 50px 60px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  min-height: 500px;
  position: relative;
  overflow: hidden;
}

/* 상단 텍스트 (왼쪽 정렬) */
.sales-section .card-text {
  text-align: left;
  margin-bottom: 40px;
}

.sales-section .card-text h3 {
  font-size: 30px;
  color: #333;
  margin-bottom: 5px;
  font-weight: 500;
}

.sales-section .percent_value {
  font-size: 62px;
  font-weight: 900;
  color: #000;
  letter-spacing: -1.5px;
}

.sales-section .percent_value span {
  color: #e21d0d;
}

/* 차트 배경 가로선 구현 */
.sales-section .chart-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 40px;
  height: 340px;
  margin-top: 20px;
  position: relative;
  /* 가로선 배경 */
  background-image: linear-gradient(#f0f0f0 1px, transparent 1px);
  background-size: 100% 30px;
}

/* 막대 공통 */
.sales-section .bar {
  width: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* 막대 위 텍스트 (금액) */
.sales-section .value {
  font-size: 19px;
  font-weight: 800;
  color: #000;
  margin-bottom: 8px;
  white-space: nowrap;
}

.sales-section .bar-inner {
  width: 100%;
  background:linear-gradient(180deg, #382c1a, #050402);
  height: 0;
  animation: grow 1s ease-out forwards;
}

/* 하단 월차 텍스트 */
.sales-section .month {
  position: absolute;
  bottom: -30px;
  font-size: 14px;
  color: #888;
  font-weight: 500;
}

/* 하이라이트 (화살표 & 골드박스) */
.sales-section .highlight-bar {
  width: 190px;
}

/* 4개월차 막대 대신 화살표 사용 */
.sales-section .highlight-bar .bar-inner {
  display: none; 
}

.sales-section .growth-arrow {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 220px;
  height: 0;
  background: linear-gradient(180deg, #ff5f4d, #f4433640);
  clip-path: polygon(50% 10%, 100% 35%, 93% 35%, 93% 100%, 8% 100%, 8% 35%, 0% 35%);
  z-index: 1;
  opacity: 0;
}

.slide-item.active .growth-arrow {
  animation: arrowGrow 1s 0.5s ease-out forwards;
}

/* 골드 매출 박스 */
.sales-section .value.highlight {
  position: absolute;
  top: -186px; /* 화살표 끝에 위치 */
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #e4b655, #fceebf, #e4b655);
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  text-align: center;
  opacity: 0;
}

.slide-item.active .value.highlight {
  animation: boxFade 0.5s 1.3s forwards;
}

.sales-section .value.highlight p {
  font-size: 21px;
  color: #000;
  font-weight: 800;
  /* margin-bottom: 2px; */
}

.sales-section .value.highlight strong {
  font-size: 38px;
  color: #e21d0d;
  font-weight: 900;
}
/* 애니메이션 */
@keyframes grow {
  from { height: 0; }
  to { height: var(--h); }
}

@keyframes arrowGrow {
  from { height: 0; opacity: 0; }
  to { height:420px; opacity: 1; }
}

@keyframes boxFade {
  from { opacity: 0; transform: translate(-50%, 10px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

/* 버튼 디자인 */
.sales-section .sales-btn {
  background: #fff;
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  font-size: 18px;
  color: #333;
  top: 50%;
}


@media (max-width:860px) {
  .sales-section.mbver { display:block !important; }
 .sales-section.pcver{display:none;}

  
}

.startup-loan-section {
  width: 100%;
  background: #fff;
}

/* =========================
   0원 창업 혜택
========================= */
.startup-benefit {
  text-align: center;
  padding: 100px 20px 0;
  background:linear-gradient(180deg, #ffffff 60%, #271910 60%);
}

.benefit-title {
  font-size: 70px;
  font-weight: 900;
  line-height: 1.3;
}

.benefit-title span {
  font-size:110px; background:#000; color:#f7df98; padding:15px 10px 1px;
}

.benefit-box-wrap {
  margin-top: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}


.benefit-box {
  background: linear-gradient(92deg, #caa24d, #f2dea2, #caa24d);
  border-radius: 22px;
  padding: 111px 20px;
  width: 291px;
  color: #111;
}

.benefit-box .box-title {
  font-size: 22px;
  margin-bottom: 10px;
}

.benefit-box strong {
  font-size: 42px;
  font-weight: 800;
  /* line-height: 1.4; */
  letter-spacing: -2px;
}

/* 0원 리스트 */
.benefit-list { 
  position: relative;
  background: url('/_img/main/zero_bill.png') no-repeat; 
  padding: 84px 291px 0 110px; width:700px; height:440px;
}

.benefit-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.benefit-list li {
  font-size: 28px;
  margin-bottom: 13px; font-weight:700;
  text-align: left; border-bottom:4px dotted #ccc; list-style:inside;
}
.benefit-list li::marker{color:#FFCA00;}



.zero-badge {
  position: absolute;
  right: 96px;
  top: 50%;
  transform: translateY(-50%);

}

p.plus{color:#fff; font-size:150px; font-weight:900;}
/* =========================
   기존 삼성카드 배너
========================= */
.banner-section .banner-container {
    padding: 0px 20px 80px; box-shadow:none; 
}

.banner-section .main-title {
  font-size: 46px;
  font-weight: 900;
  color: #fff; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);
}

.banner-section .content-section {
  margin-top: 40px;
}

/* =========================
   반응형
========================= */
@media (max-width:860px) {
  .startup-loan-section.mbver { display:block !important; margin:0;}
 .startup-loan-section.pcver{display:none;}

  
}


.banner-section .header-section{background:linear-gradient(90deg, #efda9d00,#d9b65c, #d9b65c,#d9b65c, #efda9d00); padding:20px 120px;}



p.text50{font-size:50px;}