/*    주요사업*/
    /* 배경 및 중앙 정렬 */
.businessIntro0913 {
  background: url('/img/bg-business.png') repeat-y center top; 
  /* repeat-y → 세로 반복, 가로는 가운데 정렬 */
  padding: 60px 0;
}

.business-title0913 {
  font-size: 30px;
  font-weight: 700;
  color: #333;
  text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .businessIntro0913 {
    padding: 30px 0; /* 모바일 화면 더 작게 */
  }

  .business-title0913 {
    font-size: 20px; /* 모바일에서 텍스트 더 작게 */
    margin-bottom: 10px;
  }
}


/* 글자 밑 가로선 */
.business-title0913::after {
  content: "";
  display: block;
  width: 20px;          /* 선 길이 */
  height: 1px;          /* 선 두께 */
  background-color: #000; /* 검정선 */
  margin: 10px auto 0;  /* 위쪽 10px 여백, 중앙 정렬 */
}
.container0913 {
  max-width: 1200px;
  margin: 0 auto;
}

.carousel0913 {
  display: flex;               /* 가로 배치 */
  overflow: hidden;            /* 넘치는 부분 숨김 */
  position: relative;
  width: 100%;                 /* 필요시 조정 */
}

.carousel-item0913 {
  min-width: 100%;             /* 한 화면에 하나씩 */
  transition: transform 0.6s ease;
}



/* 캐러셀 아이템 */
.carousel-item0913 {
  display: none;
}

.carousel-item0913.active {
  display: block;
}


.item-content0913 {
  display: flex;
 align-items: flex-start; /* 텍스트 상단 정렬 */
  gap: 40px;
    margin-bottom: 30px; background:#fff; border-radius: 6px; padding:20px;
    
}

@media (max-width: 768px) {
  .item-content0913 {
    flex-direction: column; /* 가로 → 세로 정렬 */
    gap: 0;                 /* 간격 제거 */
    padding: 15px;           /* 필요시 패딩도 줄임 */
    margin-bottom: 20px;     /* 필요시 마진 조정 */
  }
}



/* 좌측 이미지 */
.item-image0913 img {
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
}

/* 우측 텍스트 */
.item-text0913 {
  flex: 1;
  position: relative; /* 절대 위치 기준 */
}

.item-title0913 {
  font-size: 20px;
  margin: 20px 0 10px;   /* 제목과 밑 요소 사이 10% 여백 */
  font-weight: 600;
  position: relative;
  padding-bottom: 10px;  선과의 간격 확보 
}

.item-title0913::after {
  content: "";
  display: block;
  width: 20px;           /* 선 길이 (원하는 값) */
  height: 1px;           /* 선 두께 */
  background: #222;      /* 선 색상 */
  margin: 10px 0;        /* 선 위아래 여백 */
}
@media (max-width: 768px) {
  .item-title0913 {
    margin: 0;          /* 위아래 공백 제거 */
    padding-bottom: 5px; /* 선과 간격 최소화 */
    font-size: 18px;     /* 폰트 조금 줄임 */
  }
    .item-title0913::after {display: none}
}




.item-desc0913 {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px; color:#777; margin-bottom: 20px;
  overflow: hidden;
}

/* 자세히보기 버튼 - 글자만 */
.detail-btn0913 {
  display: inline-block;         /* 버튼 박스로 변경 */
  padding: 8px 16px;             /* 버튼 여백 */
  background: #ffffff;           /* 흰 배경 */
  border: 1px solid #dcdcdc;     /* 연한 회색 테두리 */
  border-radius: 9999px;         /* 완전 라운딩 */
  color: #000000;                /* 글자색 */
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.detail-btn0913:hover {
  background: #f8f8f8;           /* 호버 시 살짝 진한 배경 */
  border-color: #bfbfbf;         /* 테두리 색 조금 진하게 */
  color: #47baf0;                /* 글자색 변경 */
}

/* 이전/다음 버튼 */
/* 이전/다음 버튼 위치 재조정 */
.carousel-controls0913 {
  margin-top: 50px; /* 자세히보기 버튼 바로 아래 간격 */
  display: flex;
  gap: 10px;
  justify-content: flex-start; /* 필요하면 center로 변경 가능 */
  position: static; /* absolute 제거 */
}


.prev-btn0913,
.next-btn0913 {
  width: 50px;
  height: 50px;
  background-color: #a4def9; /* 비활성 배경 */
  border: none;
  border-radius: 50%; /* 완전 둥근 원 */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px; /* 화살표 크기 */
  color: #ffffff;
  transition: all 0.3s ease;
  
}

.prev-btn0913:hover,
.next-btn0913:hover {
  background-color: #47baf0; /* 활성 배경 */
}

/* 화살표를 조금 세련되게 */
.prev-btn0913::before {
  content: "‹"; /* 기존보다 약간 더 얇은 화살표 */
  font-weight: bold;
  font-size: 28px;
  color: #ffffff;
}

.next-btn0913::before {
  content: "›";
  font-weight: bold;
  font-size: 28px;
  color: #ffffff;
}

/* 기존 텍스트 제거 */
.prev-btn0913,
.next-btn0913 {
  text-indent: -9999px; /* 화살표만 보이게 */
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .prev-btn0913,
  .next-btn0913 {
    width: 28px;
    height: 28px;
    font-size: 16px;
    line-height: 26px;
  }
    .carousel-controls0913 {
    justify-content: center; margin-top: 20px; /* 모바일에서는 가운데 */
  }
}

.rice-icon { margin-top:20px; opacity: 0.7; }

/* 반응형 */
@media (max-width: 768px) {
  .item-content0913 {
    flex-direction: column;
    text-align: center; width:90%; margin:0 auto;
  }

  .item-image0913 img {
    max-width: 100%; padding: 0; margin: 0;
  }

  .item-text0913 { flex: 1;
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .rice-icon {
    display: none;
  }
}



.main_visual {position:relative; margin-bottom: 50px; }
.mainSlider img {max-width:100%; }
.mainSlider {overflow:hidden; position:relative; border-radius:0px;}
.mainSlider .swiper-pagination2 { position: absolute; bottom:40px !important; top:auto; z-index:9; text-align:center;}
.mainSlider .swiper-pagination2 .swiper-pagination-bullet {width:10px; height:10px; border-radius:30px; background:#d9d0b6; margin:0 10px !important; opacity:1;}
.mainSlider .swiper-pagination2 .swiper-pagination-bullet-active {background:#f64130; width:47px; opacity:1;}
.main_visual .swiper-button-next2 {cursor:pointer; position:absolute;  right:50px; top:calc(50% - 35px); width:72px; height:73px; background:url(../img/bg_direction_nav.png) no-repeat 100% 0; z-index:99;transition: background 0.3s ease, opacity 0.3s ease; /* 부드럽게 전환 */}
.main_visual .swiper-button-prev2 {cursor:pointer; position:absolute;  left:50px; top:calc(50% - 35px); width:72px; height:73px; background:url(../img/bg_direction_nav.png) no-repeat 0 0; z-index:99;transition: background 0.3s ease, opacity 0.3s ease; /* 부드럽게 전환 */}
.main_visual .swiper-button-next2:hover {background:url(../img/bg_direction_nav_on.png) no-repeat 100% 0; z-index:99;}
.main_visual .swiper-button-prev2:hover { background:url(../img/bg_direction_nav_on.png) no-repeat 0 0; z-index:99;}

@media (min-width:1800px) {
.main_visual img {width:100%;}
}

@media (max-width:1340px) {
.main_visual .swiper-button-next { right:20px; }
.main_visual .swiper-button-prev {left:20px; }
}


@media (max-width:992px) {
    .mainSlider .swiper-pagination2 { bottom:10px !important; }
    .main_visual { padding:0; }
    .mainSlider_wrap { padding-left:0; }
    

    /* 썸네일 숨김 */
    .mainSlider_wrap .thumbWrap { display:none; }

    /* 버튼 위치 */
    .main_visual .swiper-button-prev2 { left:10px; top:calc(50% - 22px); width:45px; height:45px; background-size:90px 45px; }
    .main_visual .swiper-button-next2 { right:10px; top:calc(50% - 22px); width:45px; height:45px; background-size:90px 45px; }
    .main_visual .swiper-button-prev2:hover,
    .main_visual .swiper-button-next2:hover { width:45px; height:45px; background-size:90px 45px; }

    /* 이미지 모바일에서 좌우 잘라내면서 화면 꽉 채우기 */
    .mainSlider .swiper-slide img {
        width: 100%;          /* 가로 화면 꽉 */
        height: 100%;         /* 세로 영역 꽉 */
        object-fit: cover;    /* 좌우 잘림 허용하며 꽉 채움 */
    }

    /* 필요 시 슬라이드 높이 고정 */
    .mainSlider { height: 300px; } /* 모바일 높이 조정 가능 */
}

/* PC에서는 숨김 */
.main_visual0915 { display: none; }

/* 모바일에서만 보임 */
@media screen and (max-width:768px) {
     .main_visual { 
        display: none; 
    }
    .main_visual0915 {
        display: block; /* 모바일만 보이게 */
        position: relative; /* 내부 페이징 절대 위치 위해 */
    }

    .mainSlider0915 {
        position: relative; /* 페이징 버튼이 슬라이더 안쪽에 위치 가능 */
    }

    .mainSlider0915 img {
        width: 100%;
        height: auto;
        display: block;
    }

/* 모바일 전용 페이징 */
      /* 페이징 점 강제 아래쪽 */
    .swiper-pagination0915 {
        position: absolute !important;
        bottom: 10px;        /* 배너 아래쪽으로 위치 */
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 10;
        display: flex !important;
        justify-content: center;
        width: auto !important;
    }

    .swiper-pagination0915 .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        background: rgba(255,255,255,0.7);
        margin: 0 6px;
        opacity: 1;
    }

    .swiper-pagination0915 .swiper-pagination-bullet-active {
        background: #fff;
        transform: scale(1.2);
    }

    /* 이전/다음 버튼 위치 */
    .swiper-button-prev0915,
    .swiper-button-next0915 {
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
    }
}


 

.mainProduct { padding:40px 0;  }
.mainProduct .mainTitle h3 {color:#333; font-size:24px; font-weight:bold; letter-spacing:-1px;}

.tabContents {position:relative;}
.tabContents .main_more {position:absolute; right:0; top:-60px; font-size:14px;}

/* 탭 컨테이너 */
.mainProduct_tab {
  clear: both;                  /* float 요소 아래로 */
  display: flex;
  gap: 20px;                    /* 탭 간격 넓게 */
  position: relative;
  justify-content: center;
  margin-bottom: 30px;
}

/* 탭 리스트 */
.mainProduct_tab li {
  list-style: none;
}

/* 탭 버튼 - 기본(비활성) */
.mainProduct_tab li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 45px;
  font-size: 18px;
  font-weight: 600;
  color: #c6b1a7;               /* 비활성 회색 */
  background: transparent;
  border: 1px solid #c6b1a7;    /* 비활성 선 */
  border-radius: 50px;           /* 완전 라운딩 */
  opacity: 1;                    /* 투명도 제거 */
  transition: all 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}
/* 활성 탭 */
.mainProduct_tab li a.active {
  color: #5d4a2b;               /* 진한 갈색 */
  border-color: #5d4a2b;
  font-weight: 700;
}




/*상품진열*/
.itemSlider {
  width: 100%;          /* 부모 컨테이너 가로 꽉 채우기 */
  max-width: 820px;    /* 원한다면 최대 폭 제한 */
  margin: 0 auto;       /* 가운데 정렬 */
  box-sizing: border-box;
}
.itemSlider ul li img {
  width: 100% !important;
  height: auto !important;
  display: block;       /* inline 요소 공백 제거 */
}

.itemSlider ul.sct {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr); /* 3등분 */
  gap: 20px; /* 카드 간격 */
  width: 100% !important;
  padding: 0;
  margin: 0;
  list-style: none;
}

.itemSlider ul.sct li {
  width: auto !important; /* 기존 inline style=300px 무효화 */
  box-sizing: border-box;
  text-align: center;
}

.itemSlider ul.sct li img {
  width: 100% !important;  /* li 영역 꽉 차게 */
  height: auto !important;
  display: block;
  border-radius: 20px;
  border: 1px solid #d9d9d9;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.itemSlider ul.sct li img:hover {
  transform: translateY(3px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* 모바일: 2등분 */
@media (max-width: 500px) {
  .itemSlider ul.sct {
    grid-template-columns: repeat(2, 1fr);
  }
}



@media (max-width:990px) {
.mainProduct {padding:0;}
}

@media (max-width:500px) {

.mainProduct .mainTitle h3 {text-align:center;}
.mainProduct_tab  {top:0; margin-bottom:20px; margin-left:0; margin-top:15px;}
.mainProduct_tab li a {font-size:15px; width:135px;}
.mainProduct_tab li a.active:before {display:none;}
}




.mainTitle {text-align:center; margin-bottom:40px; padding-top:90px; position:relative;}
.mainTitle h3 {font-size:38px; color:#222222; font-weight:bold; letter-spacing:-2px; line-height:120%;}
.mainTitle p {font-size:20px; color:#999999; letter-spacing:-1px; line-height:120%; margin-top:10px;}
.mainTitle .main_more {position:absolute;  right:0; top:90px; width:108px; height:40px; border:1px solid #eae4e0; border-radius:40px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#222222;}

.mobile_br {display:none;}

@media all and (max-width:1000px){

.mainTitle {margin-bottom:30px; padding-top:60px; }
.mainTitle h3 {font-size:32px;letter-spacing:-2px; line-height:120%;}
.mainTitle p {font-size:18px; letter-spacing:-1px; line-height:120%; } 

.mainTitle .main_more {top:60px;}
}


@media all and (max-width:700px){

.mobile_br {display:block;}
.mainTitle {margin-bottom:30px; padding-top:50px; }
.mainTitle h3 {font-size:28px;letter-spacing:-2px; line-height:120%;}
.mainTitle p {font-size:16px; letter-spacing:-1px; line-height:120%; } 
.mainTitle .main_more {top:50px;}
}

@media all and (max-width:500px){

.mainTitle {margin-bottom:20px; padding-top:40px; }
.mainTitle h3 {font-size:24px;letter-spacing:-2px; line-height:120%;}
.mainTitle p {font-size:14px; letter-spacing:-1px; line-height:120%; margin-top:5px;}
.mainTitle .main_more {top:35px; width:40px; height:40px;font-size:18px; color:#999;} 
.mainTitle .main_more span {display:none;}
}





.mainNotice {}
 
.noticeList ul {display:flex; margin-left:-3%; }
.noticeList li {width:47%; margin-left:3%; }
.noticeList li .mainNotice_box {padding:32px; display:flex; flex-wrap:wrap; background:#f7f6f5; border:1px solid #e2e2e2; border-radius:10px;}
.noticeList li .mainNotice_box .dateBox {width:80px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:10px;}
.noticeList li .mainNotice_box .dateBox b {font-size:28px; color:#FFF; font-weight:bold;}
.noticeList li .mainNotice_box .dateBox span {font-size:14px; color:#FFF;}
.noticeList li .mainNotice_box .txtBox {width:calc(100% - 80px); padding-left:30px;}
.noticeList li .mainNotice_box .txtBox h5 {font-size:24px; color:#333333; margin-bottom:5px; letter-spacing:-1px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noticeList li .mainNotice_box .txtBox p {overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:18px; color:#555555; letter-spacing:-1px;}

.noticeList li:nth-child(odd) .mainNotice_box .dateBox {background:#ebae8f;}
.noticeList li:nth-child(even) .mainNotice_box .dateBox {background:#ab988f;}/

@media all and (max-width:992px){

.noticeList li .mainNotice_box .txtBox h5 {font-size:20px;}
.noticeList li .mainNotice_box .txtBox p {font-size:16px;}

}

@media all and (max-width:700px){
 
.noticeList ul {display:flex; margin-left:0; }
.noticeList li {width:100%; margin-left:0; margin-bottom:10px;}
.noticeList li .mainNotice_box {padding:25px;}
}





.mainPhoto {padding-bottom:100px;}
ul.mainPhotoList {display:flex; flex-wrap:wrap; margin-left:-2%;}
ul.mainPhotoList li {position:relative; width:23%; margin-left:2%; border-radius:10px; overflow:hidden;}
ul.mainPhotoList li img {max-width:100%;}
ul.mainPhotoList li a {color:#FFF;}
ul.mainPhotoList li .txt {position:absolute; left:0; bottom:0; width:100%; font-size:20px; color:#FFF; padding:50px 20px 20px 20px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%); z-index:2; letter-spacing:-1px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.mainPhotoList li.last {background:#caa897; padding:40px;}
ul.mainPhotoList li.last h4 {font-size:24px; color:#FFF; letter-spacing:-1px; line-height:140%; margin-bottom:15px;}
ul.mainPhotoList li.last p {font-size:18px; color:rgba(255,255,255,0.8); letter-spacing:-1px; line-height:140%;}
ul.mainPhotoList li.last q.more {quotes:"""";margin-top:30px; width:108px; height:41px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#FFF; border:1px solid rgba(255,255,255,0.45); border-radius:41px;}



@media all and (max-width:1200px){
ul.mainPhotoList li .txt {font-size:16px;}
ul.mainPhotoList li.last {padding:30px;}
ul.mainPhotoList li.last h4 {font-size:20px;}
ul.mainPhotoList li.last p {font-size:16px;}

}

@media all and (max-width:900px){ 
ul.mainPhotoList li.last {padding:20px;} 
}



@media all and (max-width:830px){
 
ul.mainPhotoList li {width:48%; margin-bottom:2%;}
ul.mainPhotoList li .txt {font-size:16px;}
ul.mainPhotoList li img {width:100%;}
ul.mainPhotoList li.last {padding:30px;}
ul.mainPhotoList li.last h4 {font-size:20px;}
ul.mainPhotoList li.last p {font-size:16px;}

}

@media all and (max-width:500px){
ul.mainPhotoList li .txt {font-size:14px;}
ul.mainPhotoList li.last {padding:15px; background:#ea8d78;}
ul.mainPhotoList li.last h4 {font-size:17px;}
ul.mainPhotoList li.last p {font-size:14px;}
ul.mainPhotoList li.last q.more {margin-top:10px;}
}





.mainBusiness {}


.mainBusinessBox {height:730px; background:url(../img/mainBox_bg.jpg) no-repeat center 0;}
.mainBusinessBox .txtbox {max-width:1251px; margin:0 auto; display:flex; height:100%; align-items:center; padding:0;}
.mainBusinessBox .txtbox .title {width:50%;  padding-bottom:140px; }
.mainBusinessBox .txtbox .title h4 {font-size:60px; color:#3e2b2a; font-weight:bold; letter-spacing:-1px; line-height:120%;}
.mainBusinessBox .txtbox .title p {font-size:18px; color:#3e2b2a; margin:20px 0; letter-spacing:-1px;}
.mainBusinessBox .txtbox .title a.more {position:relative; display:inline-flex; width:189px; height:45px; align-items:center; justify-content:center; border:1px solid rgba(0,0,0,0.3); font-size:16px; color:#000000; margin-top:25px;}
.mainBusinessBox .txtbox .title a.more i {position:absolute; right:10px;}
.mainBusinessBox .txtbox .desc {width:50%; }
.mainBusinessBox .txtbox .desc ul li {padding:35px; margin-bottom:20px; font-size:18px; color:#ffffff; letter-spacing:-1px; padding-right:90px; border-top-left-radius:25px; border-bottom-right-radius:25px;}
.mainBusinessBox .txtbox .desc ul li:last-child {margin-bottom:0;}
.mainBusinessBox .txtbox .desc ul li.bg1 {background:url(../img/plus_icon.png) no-repeat right+30px center #e99f7a;}
.mainBusinessBox .txtbox .desc ul li.bg2 {background:url(../img/plus_icon.png) no-repeat right+30px center #9b857a;}
.mainBusinessBox .txtbox .desc ul li h5 {font-size:22px; color:#ffffff; margin-bottom:10px;}




@media all and (min-width:1874px){
.mainBusinessBox {background-size:100%;}
}

@media all and (max-width:1251px){

.mainBusinessBox {height:680px;}
.mainBusinessBox .txtbox {padding:0 80px;}
.mainBusinessBox .txtbox .title h4 {font-size:28px;} 
.mainBusinessBox .txtbox .desc ul li br {display:none;}

.businessSlider .swiper-button-prev2 {left:20px; }
.businessSlider .swiper-button-next2 {right:20px;}

}

@media all and (max-width:992px){

.mainBusinessBox {height:580px;}
.mainBusinessBox .txtbox {padding:0 80px;}
.mainBusinessBox .txtbox .title {padding-bottom:0;}
.mainBusinessBox .txtbox .title h4 {font-size:24px;} 
.mainBusinessBox .txtbox .title p {font-size:16px;}
.mainBusinessBox .txtbox .desc ul li {font-size:16px;}
.mainBusinessBox .txtbox .desc ul li h5 {font-size:18px; margin-bottom:5px;}

.businessSlider .swiper-button-prev2 {left:20px; }
.businessSlider .swiper-button-next2 {right:20px;}

}

@media all and (max-width:800px){

.mainBusinessBox {height:auto;}
.mainBusinessBox .txtbox {padding:20px 80px; display:block;}
.mainBusinessBox .txtbox .title {width:100%; text-align:center; padding:30px 0;}
.mainBusinessBox .txtbox .title h4 {font-size:20px;} 
.mainBusinessBox .txtbox .title a.more {font-size:14px; width:160px; height:40px; margin-top:10px;}
.mainBusinessBox .txtbox .desc {width:100%; padding:0 0 30px 0;}
.mainBusinessBox .txtbox .desc ul li {font-size:16px; padding:20px 30px; padding-right:90px;}

.businessSlider .swiper-button-prev2 {left:20px; }
.businessSlider .swiper-button-next2 {right:20px;}

}

@media all and (max-width:550px){

.mainBusinessBox {height:auto; background-size:auto 100%;}
.mainBusinessBox .txtbox {padding:20px 20px; flex-wrap:wrap;}
.mainBusinessBox .txtbox .title {width:100%; text-align:center;}
.mainBusinessBox .txtbox .title h4 {font-size:17px;} 
.mainBusinessBox .txtbox .title a.more {font-size:14px; width:160px; height:40px; margin-top:10px;}
.mainBusinessBox .txtbox .desc {width:100%;}
.mainBusinessBox .txtbox .desc ul li {font-size:14px; padding:20px 30px; padding-right:90px; line-height:140%;}

.businessSlider .swiper-button-prev2 {left:10px; top:68px; }
.businessSlider .swiper-button-next2 {right:10px; top:68px;}

}

/*공지*/

.wrap_main{background: url('/img/bread_b3.png') no-repeat 0 -50px;}
.wrap-0907 {
  width: 100%;
/*  min-height: 100vh;*/
  display: flex;
  align-items: flex-start; 
  justify-content: center;
  padding: 0;

}

.main-area-0907 {
  width: 1400px;
  display: flex; padding: 80px 0 0 0;
}

/* 좌측 */
.left-col-0907 {
  width: 740px;
}

.left-inner-0907 {
  padding: 32px;
/*  height: 420px;*/
  background: url('/img/bread_b4.png') no-repeat 0 0px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
    padding: 70px 80px 60px 90px;
}

/* 탭 */
.tabs-0907 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.tab-buttons-0907 {
  display: flex;
  gap: 8px;
}

/* 탭 버튼 */
.tab-btn-0907 {
        /* 비활성 기본 배경 */
  color: #6d6d6d;               /* 비활성 글자색 */
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
  font-size: 18px;
      border-bottom: 3px solid #f8f8f8; /* 하단줄 */
  padding-bottom: 6px;  
    margin: 0 10px 0 0;
}

.tab-btn-0907:hover {
  color: #373737;
    font-weight: 800;
}

/* 활성 탭 */
.tab-btn-0907.active-0907 {
  color: #373737;
  font-weight: 700;
  
  border-bottom: 1px solid #373737; /* 하단줄 */
  padding-bottom: 6px;              /* 글자와 줄 사이 간격 */
}
@media (max-width: 900px) {
  /* 두 번째 탭 버튼 숨기기 */
  .tab-btn-0907[data-tab="tab2"] {
    display: none !important;
  }

  /* 두 번째 탭 컨텐츠 숨기기 */
  #tab2 {
    display: none !important;
  }

  /* 첫 번째 탭 자동 활성화 */
  .tab-btn-0907[data-tab="tab1"] {
    display: inline-block; /* 필요 시 */
  }
  #tab1 {
    display: block; /* 첫 번째 탭만 보이게 */
  }
}


.more-btn-0907 {
  background: #fff;               /* 흰 배경 */
  border: 1px solid #ccc;         /* 연한 1px 테두리 */
  color: #888;                    /* 회색 글자 */
  padding: 4px 10px;
  border-radius: 15px;             /* 둥근 모서리 */
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s ease;      /* 배경/글자 모두 전환 */
    font-size:13px; display: none;
}

.more-btn-0907:hover {
  background: #333;               /* 글자 색과 반전 */
  color: #fff;
  border-color: #888;             /* 테두리도 반전 */
}


.more-btn-0907:hover {
  background: #333;       /* hover 시 포인트 컬러 (빨강) */
}

.more-btn-0907.active-0907 {
    display: inline-block;
}
/* 뉴스 리스트 */
.tab-contents-0907 { margin-top: 6px; min-height:120px }



.news-list-0907 {
  list-style: none;
  display: none;
}

.news-list-0907.active-0907 { display: block; }

.news-list-0907 li + li { margin-top: 12px; }

.news-list-0907 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #373737;
  padding: 0;

}
@media (max-width: 900px) {
  /* 제목과 내용 모두 한 줄만 표시 */
  .news-list-0907 li .mainNotice_box .subject,
  .news-list-0907 li .mainNotice_box .desc {
    display: -webkit-box;
    -webkit-line-clamp: 1;       /* 1줄만 표시 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;          /* 줄 바꿈 방지 */
  }
}


.title-0907 {
  font-weight: 700;
  font-size: 15px;
  color: #373737;  /* <-- 기존 #fff 에서 수정 */
  max-width: 520px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.date-0907 {
  font-size: 13px;
  color: #666; /* <-- 기존 #fff 에서 수정 */
  margin-left: 16px;
}


/* 우측 */
.right-col-0907 {
  width: calc(1200px - 740px);
  padding-left: 40px;
  display: flex;
  align-items: flex-start;
}

.right-inner-0907 {
/*  background: rgba(255,255,255,0.95);*/
  padding: 26px 0 0 0 ;
  border-radius: 8px;
}

.label-0907 {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.5;
  margin-bottom: 0px;
  color: #383029;
}

.headline-0907 {
  font-size: 18px;
  margin-bottom: 30px; font-weight: 600;line-height: 1.4;
  color: #9e5214;
}

.square-btn-0907 {
  display: inline-block;
  padding: 14px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 700;
    color: #111;background:#644e3b;color: #fff;}
@media (max-width: 900px) {
  .square-btn-0907 {
    padding: 8px 12px;  /* 패딩 반 정도로 축소 */
    font-size: 14px;    /* 글자 크기 줄임 */
    border-radius: 4px; /* 모서리 약간 줄임 */
  }
}


.square-btn-0907:hover {
  background: #111;
  color: #fff;
}
    

/* 모바일 */
@media (max-width: 900px) {
  .wrap-0907 { padding: 20px 12px; align-items: stretch;width: 100%; }
  .main-area-0907 { flex-direction: column; width: 100%; padding: 0 0 0 0;}
  .left-col-0907, .right-col-0907 { width: 100%; padding: 0  }
  .left-inner-0907 {
    background-image: none;
    background-color: #fff;
    padding: 18px;
    height: auto;border-bottom:1px solid #c8af9c; border-radius: 0
  }
  .right-col-0907 {
      padding-left: 0;
      margin-top: 0px;
      background: url(/img/bread_b3.png) no-repeat;
background-position: right top;  /* 우측 끝 고정 */
  background-size: 120% auto;      /* 너비를 120%로 키움, 높이는 자동 */
      background-position: calc(100% + 30px) top;  
  }
    
  .right-inner-0907 { padding: 18px; }
    .headline-0907 {  margin-bottom: 15px; font-size:16px;}
    
}

    
/*제품소개*/
.section2-wrap-0907 {
  width: 1170px;margin: 0 auto;
 background:url(/img/bread_b5.png) no-repeat 0 0; z-index:99;}
  background-size: cover;
  padding: 30px 20px;
  box-sizing: border-box;
}

/* 통배경 타이틀 */
.section2-bg-0907 {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
    
}
.section2-title-0907 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-align: center;padding:60px 0 0 0; text-align: center;
}
@media (max-width: 900px) {
  .section2-title-0907 {
    padding-top: 30px; /* 상단 여백 20px */
      font-size: 20px;
  }
}


/* 통배경 타이틀2 */
.section3-bg-0907 {
  height: 100px;
  display: flex;
  align-items: center;   /* 세로 중앙 */
  justify-content: center; /* 가로 중앙 */
}

.section3-title-0907 {
  color: #5d574f;
  font-size: 24px;
  font-weight: 700;
  margin: 0;            /* 기본 여백 제거 */
  padding: 0;           /* 불필요한 패딩 제거 */
  text-align: center;
}

@media (max-width: 900px) {
    .section3-bg-0907 {
        height: 50px;}
    .section3-title-0907 { font-size: 20px;margin-top: 10px; }
}

.icon-bread-0907 {
  width: 32px;   /* 아이콘 크기 */
  height: auto;
  display: inline-block;
}

/* 카드 래퍼: 최대 폭 1200px, 가운데 정렬 */
.section2-cards-wrap-0907 {
max-width: 970px;
  margin: 30px auto 0;
  display: flex;
  gap: 0px; /* 카드 간 여백 */
  justify-content: space-between;
  flex-wrap: wrap;padding:0 0 60px 0;
}




/* 개별 카드 */
.section2-card-0907 {
  width: 280px;
  background: #efeceb;
  padding: 40px;
  outline: 1px solid #c08735;   /* 테두리 */
  outline-offset: -16px;        /* 안쪽으로 10px 들어가게 */
  display: flex;
  flex-direction: column;
  transition: transform 0.2s;
  text-align: center;
  transition: transform 0.2s, box-shadow 0.3s, border-radius 0.3s;
}

.section2-card-0907:hover {
  transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3); /* 그림자 */ border-radius: 16px;
}
.section2-card-img-0907 {
  width: auto;   /* 원래 크기 */
  height: auto;
  display: inline-block;
  margin: 0 auto 12px; /* 가운데 정렬 */
}
@media (max-width: 992px) {
  .section2-card-0907 {
    width: 100%;
    margin-bottom: 20px;padding: 20px; 
  }
}

/* 모바일 1열 */
@media (max-width: 576px) {
  .section2-wrap-0907 {
    width: 100%;
    margin-bottom: 20px;
      margin-top: 20px;
  }
}

/* 카드 내용 */
.section2-card-img-0907 {
/*  width: 100%;*/
  border-radius: 4px;
  margin-bottom: 12px;
}

.section2-card-title-0907 {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin-bottom: 6px;
}

.section2-card-desc-0907 {
  font-size: 14px;
  color: #555;
  line-height: 1.4;
  height: 2.8em; /* 두 줄 고정 */
  overflow: hidden;
  margin-bottom: 10px;
}

.section2-card-more-0907 {
  font-size: 13px;
  font-weight: 600;
  color: #a57a4c;
  text-decoration: none;
}

.section2-card-more-0907:hover {
  text-decoration: underline;
}

/* 모바일 가로 2개, 높이 최소화 */
@media (max-width: 900px) {
  .section2-cards-wrap-0907 {
    flex-direction: row;       /* 가로 배치 */
    flex-wrap: wrap;           /* 줄 바꿈 가능 */
    gap: 10px;                 /* 카드 간격 최소화 */
    justify-content: center;padding-left: 20px;   /* 왼쪽 여백 */
    padding-right: 20px;margin-top:12px;padding-bottom: 20px;
  }

  .section2-card-0907 {
    width: calc(50% - 5px);    /* 두 개씩 가로 배치, gap 절반 계산 */
    max-width: none;           /* 제한 해제 */
    padding: 20px;             /* 기존 40px → 20px */
    outline: none;             /* 테두리 제거 */
    margin-bottom: 10px; border-radius: 8px      /* 카드 간격 줄임 */
  }

  .section2-card-img-0907 {
    margin-bottom: 8px;        /* 이미지-텍스트 간격 줄임 */
    border-radius: 2px;        /* 둥근 모서리 조금만 */
  }

  .section2-card-title-0907 {
    font-size: 16px;            /* 글자 크기 약간 줄임 */
    margin-bottom: 4px;
  }

  .section2-card-desc-0907 {
    font-size: 14px;
    line-height: 1.3;
    height: 2.6em;             /* 두 줄 고정, 조금 줄임 */
    margin-bottom: 6px;
  }

  .section2-card-more-0907 {
    font-size: 12px;            /* 작은 글씨 */
  }
}


/*상품불러오기*/
/* Swiper wrapper 가로 정렬 */
.swiper-wrapper-0907 {
    display: flex;
    flex-wrap: nowrap; /* 한 줄 유지 */
}

/* Swiper slide 스타일 */
.swiper-slide-0907, .swiper-wrapper-0907 > li {
    flex: 0 0 23%;  /* 4개씩 보여주기 (여백 감안) */
    margin-right: 1%;
    box-sizing: border-box;
}

/* 좌우 버튼 */
.item-prev-0907, .item-next-0907,
.item-prev2-0907, .item-next2-0907 {
    width: 30px;
    height: 30px;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}
.item-prev-0907 { left: 0; }
.item-next-0907 { right: 0; }
.item-prev2-0907 { left: 0; }
.item-next2-0907 { right: 0; }

/* 반응형 */
@media (max-width: 992px) {
    .swiper-wrapper-0907 > li {
        flex: 0 0 30%;
    }
}
@media (max-width: 640px) {
    .swiper-wrapper-0907 > li {
        flex: 0 0 45%;
    }
}
@media (max-width: 540px) {
    .swiper-wrapper-0907 > li {
        flex: 0 0 90%;
    }
}

/* 고객센터 전체 컨테이너 */
.container097 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0 80px 0;
}
@media (max-width: 640px) {
    
    .container097 {
  padding: 30px 0 30px 0;
}
}
/* 카드 기본 스타일 */
.card097 {
  flex: 1 1 48%;
  padding: 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* 카드 헤더: 아이콘 + 텍스트 */
.card-header097 {
  display: flex;
  align-items: flex-start; /* 제목과 서브텍스트 왼쪽 정렬 */
  gap: 15px;
}

/* 아이콘 박스 */
.icon-box097 {
  width: 80px;
  height: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-size: 32px;
  color: #fff;
  flex-shrink: 0;
}

/* 헤더 텍스트 영역 */
.header-text097 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* 블랙 카드 제목 */
.black097 h3 {
  margin: 0;
  font-size: 20px;
  color: #efe3db;
  font-weight: 800;
}

/* 화이트 카드 제목 */
.white097 h3 {
  margin: 0;
  font-size: 20px;
  color: #171717;
  font-weight: 800;
}


/* 제목 바로 아래 두 줄 글자 */
.card-subtext097 {
  font-size: 16px;
  line-height: 1.4;
}

/* 정보 줄 */
.info097 {
  display: flex;
  gap: 10px;          
  font-size: 16px;
  align-items: flex-start; /* 여러 줄 텍스트도 위쪽 정렬 */
}

/* 라벨 */
.info097 span:first-child {
  width: 85px;        /* 라벨 고정 너비 */
  flex-shrink: 0;     
  font-weight: bold;
}

/* 값 */
.info097 span:last-child {
  flex: 1;             
  text-align: left;
  line-height: 1.5;    /* 줄 간격 조절 */
}

/* 공통 좌측 정렬 */
.info097 span {
  text-align: left;
}

/* 블랙 카드 글자색 */
.black097 .info097 {
  color: #efe3db;  /* 정보줄 글자색 */height: 13px;   
}

.black097 .card-subtext097 p {
  color: #f2c164;  /* 서브텍스트 글자색 */
}

/* 화이트 카드 글자색 */
.white097 .info097 {
  color: #000;     /* 정보줄 글자색 */
}

.white097 .card-subtext097 p {
  color: #c1683c;     /* 서브텍스트 글자색 */
}


/* 카드 배경 */
.black097 {
  background-color: #5d574f;
}

.white097 {
  background-color: #fff;
}

.white097 .icon-box097 {
  background-color: #ddd;
}

/* 반응형 */
@media (max-width: 768px) {
  .card097 {
    flex: 1 1 100%;padding: 30px;
  }

  .card-header097 {
    flex-direction: column;
    align-items: flex-start;
  }

  .card-subtext097 {
    font-size: 14px;
  }

  .card097 h3 {
    font-size: 18px;
  }
    
  .icon-box097 {
    display: none;
  }    
    
    .info097 span:first-child {
  width: 65px;        /* 라벨 고정 너비 */
  flex-shrink: 0;     
  font-weight: bold;
}
}

/* 기본 레이아웃 */
.wrap0913 {
  display: flex;
  max-width: 1200px;
  margin: 0 auto; padding-bottom: 60px;
}
/* 좌측 영역 */
.left0913 {
  width: 980px; /* 58.4% */
  margin-right: 70px;
}

/* 탭 버튼 라인 */
.tabs0913 {
  display: flex;
  align-items: center;
  margin-bottom: 20px; /* 탭 아래 공백 */
  padding: 0 0px;      /* 상하 0, 좌우 20px */
}

/* 탭 버튼 기본 */
.tab0913 {
  flex: 0 0 160px; /* 버튼 고정 폭 */
  padding: 10px 0;
  border: 1px solid #ddd;
  border-left: none; /* 첫 번째 제외하고 왼쪽 선 제거 */
  background: #fff;
  color: #666;
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  transition: all 0.25s ease;
}

/* 첫번째 탭은 왼쪽 선 살림 */
.tab0913:first-child {
  border-left: 1px solid #ddd;
}

/* 활성 탭 */
.tab0913.active {
  background: orange;
  color: #fff;
  border: 1px solid orange; /* 활성색 맞춤 */
  z-index: 1;
}

/* hover 효과 */
.tab0913:hover:not(.active) {
  background: #f9f9f9;
}

/* 더보기 버튼 - 오른쪽 끝 정렬 */
.tab0913.more {
  flex: 0 0 auto;      /* 늘어나지 않음 */
  margin-left: auto;    /* 오른쪽 끝으로 밀기 */
  padding: 6px 12px;
  font-size: 14px;
  background: transparent;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  color: #333;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.tab0913.more:hover {
  background-color: #f9f9f9;
  border-color: #cccccc;
}

/* 탭 컨텐츠 기본 숨김 */
.tab-content0913 {
  display: none;
}

/* 활성화된 컨텐츠 */
.tab-content0913.active {
  display: block;
}



/* 우측 */
.right0913 {
  width: 480px;
  background: #e0f1ff;
  padding: 30px;
  box-sizing: border-box;  border-radius: 8px;
}

.content0913 h3 {
  margin-bottom: 8px;
    font-size: 20px; font-weight: 700; color:#005baa; 
}

.desc0913 {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 16px;font-weight: 500;
  color: #5f788b;
}

.btn-group0913 {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.btn0913 {
  flex: 1;
  padding: 8px 0;
  background: #fff;           /* 버튼 배경 */
  border: 0px solid #ccc;     /* 테두리 */
  border-radius: 6px;
  font-size: 16px;            /* 글자 크기 */
  font-weight: 500;            /* 글자 굵기 */
  color: #333;                 /* 글자 색 */
  cursor: pointer;
  transition: all 0.3s ease;  /* 부드러운 오버 효과 */
  text-align: center;
}

/* 호버 효과 */
.btn0913:hover {
  background-color: #47baf0; /* 연한 하늘색 */
  border-color: #47baf0;     /* 테두리도 하늘색으로 */
  color: #fff;            /* 글자색 진한 하늘색 */
}

@media (max-width: 1024px) {
    .space0913-80 { display: none}
  .wrap0913 {
    flex-direction: column;padding-bottom: 30px;
  }

  .left0913 {
    margin-bottom: 30px; /* 좌측 영역 아래 공백 */
  }

  .left0913,
  .right0913 {
    width: 90%;
    margin: 0 auto; margin-top: 20px;
  }
    
    .right0913 { padding:15px; }
.tabs0913 {
    position: relative; /* 더보기 버튼 위치를 위해 */
  }

  /* 2,3번 탭 숨김 */
  .tab0913:nth-child(2),
  .tab0913:nth-child(3) {
    display: none;
  }

  /* 1번 탭 */
  .tab0913:first-child {
    flex: none;          /* flex-grow 제거 */
    width: calc(100% - 80px); /* 더보기 버튼 공간 확보 (버튼 폭에 맞춰 조정) */
    height: 50px;
    line-height: 50px;
    display: inline-block;
  }

  /* 더보기 버튼 우측 상단 */
  .tab0913.more {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
    flex: none;
    display: inline-block;
  }
   /* 활성 탭 */
.tab0913.active {
  background: orange;
  color: #fff;
  border: 1px solid orange; /* 활성색 맞춤 */
  z-index: 1;

  /* 추가 */
  text-align: center;       /* 글자 중앙 정렬 */
  line-height: normal;      /* 높이와 맞춰 수직 중앙 정렬 */
  border-radius: 8px;       /* 라운딩 조절, 원하시면 숫자 변경 가능 */
  display: flex;
  justify-content: center;  /* 수평 중앙 */
  align-items: center;      /* 수직 중앙 */
}

    
    
}
}


/* 공백 단락 (PC 기준) */
.space0913-80 { height: 80px; }
.space0913-60 { height: 60px; }
.space0913-50 { height: 50px; }
.space0913-40 { height: 40px; }

/* 모바일 (768px 이하) */
@media (max-width: 768px) {
  .space0913-80 { height: 30px; } /* 요청하신 고정값 */
  .space0913-60 { height: 25px; }
  .space0913-50 { height: 20px; }
  .space0913-40 { height: 15px; }
}


/*누룽지소개*/
.productIntro0913 {
  background: #fff4e8;  /* 연한 오렌지 */
  padding: 60px 0 30px 0;
}

.productIntro-wrap0913 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

/* 좌측 슬로건 영역 줄이기 */
.productIntro-slogan0913 {
  flex: 0 0 25%;  /* 35% → 25% */
}



/* 소제목 (영문) */
.slogan-sub {
  font-size: 16px;
  font-weight: 600;
  color: #ff9046;
  letter-spacing: 0px;
  margin-bottom: 0px;line-height: 1.5;
  text-transform: uppercase;
}

/* 대제목 */
.slogan-main {
  font-size: 32px;
  font-weight: 700;
  color: #5d4a2b;
  margin: 0 0 0px;
  line-height: 1.5;
}

/* 설명 */
.slogan-desc {
  font-size: 18px;
  color: #7a5e4a;
  line-height: 1.5;
  margin: 0;
}

.more-btn {
  display: inline-block;
  margin-top: 20px; /* 콘텐츠와 간격 */
  padding: 8px 16px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  color: #333333;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.more-btn:hover {
  background-color: #f9f9f9;
  border-color: #cccccc;
}

/* 반응형 */
@media (max-width: 768px) {
    .productIntro0913 {
  background: #fff4e8;  /* 연한 오렌지 */
  padding: 40px 0;
}
  .more-btn {display: none;
  }
    .productIntro-slogan0913 {
  text-align: center; /* 버튼 및 텍스트 중앙 정렬 */ width:100%; 
  
}



/* 우측 상품 */
.productIntro-items0913 {
  flex: 0 0 75%;  /* 65% → 75% */
}

/* 반응형 */
@media (max-width: 1024px) {
  .productIntro-wrap0913 {
    flex-direction: column;
    text-align: center;gap:0
  }
  .productIntro-slogan0913 {
    margin-bottom: 30px;
  }
  .slogan-main { font-size: 24px; }
  .slogan-desc { font-size: 16px; }
}

    
/*    주요사업*/
/* 섹션 배경 및 중앙정렬 */
.business-intro {
  background-color: #e0f7fa; /* 연하늘 */
  padding: 60px 20px;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

/* 캐러셀 아이템 */
.carousel-item {
  display: none;
}

.carousel-item.active {
  display: block;
}

.item-content {
  display: flex;
  align-items: center;
  gap: 40px;
}

/* 좌측 이미지 */
.item-image img {
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
}

/* 우측 텍스트 */
.item-text {
  flex: 1;
}

.item-title {
  font-size: 24px;
  margin-bottom: 10px;
}

.item-desc {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 두 줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 자세히보기 버튼 */
.detail-btn {
  display: inline-block;
  padding: 8px 16px;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 8px;
  color: #000000;
  text-decoration: none;
  transition: all 0.3s ease;
}

.detail-btn:hover {
  background-color: #000000;
  color: #ffffff;
}

/* 이전/다음 버튼 */
.carousel-controls {
  text-align: center;
  margin-top: 30px;
}

.prev-btn,
.next-btn {
  padding: 8px 16px;
  margin: 0 10px;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.prev-btn:hover,
.next-btn:hover {
  background-color: #000000;
  color: #ffffff;
}

/* 반응형 */
@media (max-width: 768px) {
  .item-content {
    flex-direction: column;
    text-align: center;
  }

  .item-image img {
    max-width: 100%;
  }

  .item-text {
    margin-top: 20px;
  }
}