.main_visual {position:relative;}
.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; } /* 모바일 높이 조정 가능 */
}


 

.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 {overflow:hidden;}
.itemSlider li img {
  max-width: 100%;
  height: auto;
  border-radius: 20px 20px 0 0;
  border: 1px solid #d9d9d9;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.itemSlider li img:hover {
  transform: translateY(3px); /* 살짝 위로 이동 */
  box-shadow: 0 10px 20px rgba(0,0,0,0.15); /* 은은한 그림자 */
}


.itemSlider li p {color:#333333; text-align:center; font-size:18px; margin-top:20px; letter-spacing:-1px;}
.itemSlider li p.price {font-size:20px; margin-top:0px;}
.itemSlider ul, .itemSlider2 ul {
    display: flex;
    flex-wrap: nowrap;   /* 한 줄 유지 */
    overflow-x: auto;    /* 좌우 스크롤 */
    padding: 0 13px;
    margin: 0;
    list-style: none;
    gap: 10px;           /* 카드 간격 */
}

.itemSlider li, .itemSlider2 li {
    flex: 0 0 23%;      /* 한 줄 4개 */
    box-sizing: border-box;text-align: center
}
/* 모바일: 500px 이하에서 2개씩 */
@media (max-width: 500px) {
    .itemSlider li, 
    .itemSlider2 li {
        flex: 0 0 calc(50% - 5px); /* gap 고려 */
        margin-right: 0; /* 필요시 조정 */
    }
}


.itemWrap {position:relative;}
.itemWrap .item-prev {cursor:pointer;position:absolute; width:72px; height:73px; background:url(../img/bg_direction_nav.png) no-repeat 0 0; z-index:99; left:-90px; top:calc(50% - 50px);  display:flex; align-items:center; justify-content:center; font-size:20px;}
.itemWrap .item-next {cursor:pointer;position:absolute; width:72px; height:73px; background:url(../img/bg_direction_nav.png) no-repeat 100% 0; z-index:99;  right:-90px; top:calc(50% - 50px);  display:flex; align-items:center; justify-content:center; font-size:20px;}
.itemWrap .item-next:hover {background:url(../img/bg_direction_nav_on2.png) no-repeat 100% 0; z-index:99;}
.itemWrap .item-prev:hover { background:url(../img/bg_direction_nav_on2.png) no-repeat 0 0; z-index:99;}


.itemSlider2 {overflow:hidden;}
.itemSlider2 li img {max-width:100%; height:auto; border-radius:20px; border:1px solid #d9d9d9;background: #fff}
.itemSlider2 li p {color:#333333; text-align:center; font-size:18px; margin-top:20px; letter-spacing:-1px;}
.itemSlider2 li p.price {font-size:20px; margin-top:0px;}

.itemWrap {position:relative;}
.itemWrap .item-prev2 {cursor:pointer;position:absolute; width:72px; height:73px; background:url(../img/bg_direction_nav.png) no-repeat 0 0; z-index:99; left:-90px; top:calc(50% - 50px);  display:flex; align-items:center; justify-content:center; font-size:20px;}
.itemWrap .item-next2 {cursor:pointer;position:absolute; width:72px; height:73px; background:url(../img/bg_direction_nav.png) no-repeat 100% 0; z-index:99;  right:-90px; top:calc(50% - 50px);  display:flex; align-items:center; justify-content:center; font-size:20px;}
.itemWrap .item-next2:hover {background:url(../img/bg_direction_nav_on2.png) no-repeat 100% 0; z-index:99;}
.itemWrap .item-prev2:hover { background:url(../img/bg_direction_nav_on2.png) no-repeat 0 0; z-index:99;}


/* 크롬, 사파리, 엣지 */
.itemSlider ul::-webkit-scrollbar,
.itemSlider2 ul::-webkit-scrollbar {
  display: none;
}

/* 파이어폭스 */
.itemSlider ul,
.itemSlider2 ul {
  scrollbar-width: none; /* Firefox */
}

/* 스크롤 영역 숨기면서 스크롤 기능 유지 */
.itemSlider ul,
.itemSlider2 ul {
  overflow-x: auto;   /* 좌우 스크롤 */
  -ms-overflow-style: none; /* IE 10+ */
}


@media (max-width:1340px) {

.itemWrap .item-prev {left:10px; }
.itemWrap .item-next {right:10px;}

}

@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;}


.itemWrap .item-prev {left:0px; bottom:0px; top:auto; width:45px; height:45px; background-size:90px 45px;}
.itemWrap .item-next {right:0px; bottom:0px; top:auto; width:45px; height:45px; background-size:90px 45px;}
.itemWrap .item-prev:hover  {width:45px; height:45px; background-size:90px 45px;}
.itemWrap .item-next:hover  {width:45px; height:45px; background-size:90px 45px;}

}



.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;}

}

/*공지*/
.wrap0907 {background-color: #f6eeea; }
.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: 1200px;
  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;
}
}