/* 전체 컨텐츠용 기본 클래스 */
.scroll-animate {
    opacity: 0;
    transform: translateY(50px);  /* 아래에서 시작 */
    transition: all 0.6s ease-out;
}

/* 화면에 보이면 추가될 클래스 */
.scroll-animate.visible {
    opacity: 1;
    transform: translateY(0);     /* 원래 위치로 이동 */
}


/*주문후 내역*/

    .order-item-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.order-item {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #eaeaea;
  padding: 1rem;
  background: #fff;
padding:30px;
}

.item-img img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  object-fit: cover;
}

.item-info {
  flex: 1;
  padding-left: 1.1rem;
  min-width: 200px;
}

.item-name {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.item-option p {
  font-size: 1rem;
  margin: 0.2rem 0;
}

@media (max-width: 640px)  {
    .item-img img { display:none; }
  .order-item {
    flex-direction: column;
    align-items: flex-start;padding:10px;   border: 0px solid #eaeaea;  border-bottom: 1px solid #eaeaea;
  }
  .item-img img {
    width: 100%;
    height: auto;
  }
  .item-info {
    padding-left: 0;
    margin-top: 0.5rem;
  }
}


/*주문확인ORDER LIST*/

.order-list-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.order-card {
  border: 1px solid #ebebeb;
  border-radius: 10px;
  background: #fff;
  padding: 2rem;
}

.order-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.order-card-header .order-id {
  font-weight: 600;
  color: #333; font-size:1.2em;
  text-decoration: none;
}

.order-card-header .order-id:hover {
  text-decoration: underline;
}

.order-card-header .order-date {
  font-size: 0.9rem;
  color: #777;
}

.order-card-body {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.2rem; 

}

.order-row {
  display: flex;
  justify-content: flex-start; /* 왼쪽 정렬로 붙임 */
  gap: 10px;                  /* 항목 사이 간격 조절 */
  font-size: 1em;
  padding: 2px 0;
}
.order-row > div {
  flex: 1;         /* 같은 비율로 나눔 */
  min-width: 100px; /* 너무 작아지는거 방지 */
}


@media (max-width: 768px) {
    /* 헤더 - 주문번호와 날짜 한 줄씩 */
    .order-card {
  border: 1px solid #ebebeb;
  border-radius: 10px;
  background: #fff;
  padding: 1rem;
}
    .order-card-header {
        display: flex;          /* flex 유지 */
        flex-direction: column; /* 세로 배치 */
        align-items: flex-start; 
        gap: 0.25rem;           /* 위아래 간격 */
    }

    .order-card-header .order-id,
    .order-card-header .order-date {
        display: block;         /* 각 아이템 줄바꿈 */
        width: 100%;            /* 전체 폭 사용 */
    }

    .order-card-header .order-date {
        margin-top: 0;          /* 필요시 조정 */
        font-size: 0.9rem;
        letter-spacing: normal;
    }

    /* 주문 항목 - 각 row 한 줄씩 */
    .order-row {
        flex-direction: column; /* 세로 배치 */
        align-items: flex-start;
        gap: 0.1rem;           /* 항목 간 간격 */
    }

    .order-row > div {
        flex: unset;            /* 가로 비율 제거 */
        min-width: unset;
        width: 100%;            /* 전체 폭 사용 */
    }
}


.status_01{display:inline-block;background:#533662;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em}
.status_02{display:inline-block;background:#533662;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em}
.status_03{display:inline-block;background:#b668d0;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em}
.status_04{display:inline-block;background:#533662;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em}
.status_05{display:inline-block;background:#533662;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em}
.status_06{display:inline-block;background:#fff;border:1px solid #ddd;color:#666;padding:0 5px;line-height:20px;font-size:0.92em}

.order-empty {
  text-align: center;
  color: #888;
  padding: 1.5rem;
  background: #fafafa;
  border-radius: 8px;
  border: 1px dashed #ddd;
}


/*==========메인인트로==========*/
.main-visual_1006 {
  position: relative;
  width: 100%;
  height: 958px;
  overflow: hidden;
}

/* 슬라이드 */
.slide_1006 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;   /* 전체 이미지가 들어오도록 */
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 1;
}


/* 현재 활성 슬라이드 */
.slide_1006.active_1006 {
  opacity: 1;
  z-index: 2;
}

/* 슬라이드 텍스트 */
.slogan_1006 {
  position: absolute;
  top: 50%;
  left: 55%; /* 화면 오른쪽으로 약간 이동 */
  transform: translateY(-50%);
  text-align: left;
  z-index: 15;
 
}

/* 슬라이드 텍스트 */
.slogan_10062 {
  position: absolute;
  top: 50%;
 right: 58.2%; /* 화면 오른쪽으로 약간 이동 */
  transform: translateY(-50%);
  text-align: left;
  z-index: 15;
 
}

/* 글자 기본 상태 */
.line_1006 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  margin-bottom: 20px;
  color: #fff;
}


/* 글자 활성 상태 */
.slide_1006.active_1006 .line_1006 {
  opacity: 1;
  transform: translateY(0);
}

/* 순차 애니메이션 (선택) */
.slide_1006.active_1006 .line_1006.hashtag   { transition-delay: 0.2s; }
.slide_1006.active_1006 .line_1006.title     { transition-delay: 0.4s; }
.slide_1006.active_1006 .line_1006.subtitle  { transition-delay: 0.6s; }
.slide_1006.active_1006 .line_1006 img       { transition-delay: 0.8s; }

/* 배너1 글자색 */
.slide_1006.banner1.active_1006 .line_1006.hashtag { color: #fff; }
.slide_1006.banner1.active_1006 .line_1006.title   { color: #fff; }
.slide_1006.banner1.active_1006 .line_1006.subtitle{ color: #fff; }

/* 배너2 글자색 */
.slide_1006.banner2.active_1006 .line_1006.hashtag { color: #886c8c; }
.slide_1006.banner2.active_1006 .line_1006.title   { color: #8696a7; }
.slide_1006.banner2.active_1006 .line_1006.subtitle{ color: #8696a7; }


/* 개별 스타일 */
.line_1006.hashtag {
  font-family: 'Times New Roman', Times, serif;
  font-size: 18px;
}

.line_1006.title {
  font-family: 'Roboto', sans-serif;
  font-size: 70px;
  font-weight: 800;
  line-height: 1.1;
}

.line_1006.subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 26px;
  font-weight: 400;
}

@media (max-width: 1416px) and (min-width: 769px) {

  .line_1006.hashtag {
    font-size: 18px; /* 조금 작게 */
  }

  .line_1006.title {
    font-size: 58px; /* 큰 화면 대비 70→50px 축소 */
    line-height: 1.15; /* 약간 여유 */
  }

  .line_1006.subtitle {
    font-size: 22px; /* 26→22px로 줄임 */
  }

}


/* 반응형: 모바일 (max-width 768px 기준) */
@media (max-width: 768px) {

  /* 슬로건 위치 중앙 + 하단으로 약간 이동 */
  .slogan_1006 {
      width:100%;
    left: 50%;
    top: 85%;             /* 화면 중앙에서 조금 하단으로 */
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0 10px;
  }
    
      .slogan_10062 {
      width:100%;
    left: 50%;
    top: 85%;             /* 화면 중앙에서 조금 하단으로 */
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0 10px;
  }

  /* 글자 크기 조정 + 줄 간격 축소 */
  .line_1006.hashtag {
    font-size: 12px;
    margin-bottom: 10px;  /* 글자 사이 간격 줄임 */
  }

  .line_1006.title {
    font-size: 24px;
    margin-bottom: 5px;  /* 글자 사이 간격 줄임 */
  }

  .line_1006.subtitle {
    font-size: 16px;
    margin-bottom: 10px;  /* 글자 사이 간격 줄임 */
  }

  /* 이전/다음 버튼 위치 더 밖으로 이동 */
  .nav-btn_1006.prev_1006 {
    left: 0px;    /* 화면 가장자리로 붙임 */
  }

  .nav-btn_1006.next_1006 {
    right: 0px;   /* 화면 가장자리로 붙임 */
  }
}

@media (max-width: 768px) {
  .line_1006.title br {
    display: none;
  }
    .line_1006 img { width:10%;}
}


/* 모바일 전용 이미지 변경 */
@media (max-width: 768px) {
  .slide_1006.banner1 {
    background-image: url('/img/main_m.jpg') !important;
  }

  .slide_1006.banner2 {
    background-image: url('/img/main2_m.jpg') !important;
  }

  /* 필요하면 나머지도 */
  .slide_1006:nth-child(3) {
    background-image: url('/img/main3_m.jpg') !important;
  }
    
     /* 필요하면 나머지도 */
  .slide_1006:nth-child(4) {
    background-image: url('/img/main4_m.jpg') !important;
  }
    
     /* 필요하면 나머지도 */
  .slide_1006:nth-child(5) {
    background-image: url('/img/main5_m.jpg') !important;
  }
}


/*전자상거래 약관*/
.terms-box {
  width: 100%;
  margin: 0 auto;
  padding: 30px 40px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0;
  box-shadow: none;
  font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
  color: #333;
  line-height: 1.8;
}

.terms-box h1 {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #111;
}

.terms-box h2 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 10px;
  color: #1f2937;
  border-left: 3px solid #4b5563;
  padding-left: 8px; line-height: 1;
}

.terms-box p {
  font-size: 14px;
  margin-bottom: 14px;
}

.terms-box ol {
  margin-left: 22px;
  margin-bottom: 16px;
}

.terms-box li {
  margin-bottom: 6px;
  font-size: 14px;
}

.biz-info {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  padding: 12px 18px;
  margin-top: 8px;
  margin-bottom: 25px;
}

.footer {
  margin-top: 30px;
  text-align: center;
  color: #6b7280;
  font-size: 13px;
}


/*할인율표시*/
.sct_discount {
    display: inline-block;       /* 배지처럼 표시 */
    background-color: transparent; /* 배경 없애고 글자 강조 */
    color: #da38ba;              /* 선명한 빨간색 */
    font-weight: 900;            /* 더 굵게 */
    font-size: 18px;             /* 글자 크게 */
    padding: 0px;              /* 안쪽 여백 최소화 */
    margin-right: 6px;           /* 가격과 간격 */
    vertical-align: middle;      /* 가격과 수직 정렬 */
    line-height: 1;              /* 높이 정리 */
    text-align: center;          /* 글자 가운데 정렬 */
}


/* 좌우 네비게이션 */
.nav-btn_1006 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;              
  height: auto;             
  background: none;         
  border: none;             
  cursor: pointer;
  z-index: 20;
  padding: 30px;            /* 클릭 영역 확보 */
  display: flex;
  align-items: center;
  justify-content: center;
}


/* 화살표 스타일 - 얇은 선 */
.nav-btn_1006::before {
  content: '';
  display: block;
  width: 40px;              
  height: 40px;
  border-top: 2px solid rgba(255,255,255,0.5); /* 기본 흰색 */
  border-right: 2px solid rgba(255,255,255,0.5);
  transform: rotate(45deg); 
  transition: transform 0.3s ease, border-color 0.3s ease, border-width 0.3s ease, opacity 0.3s ease;
}

/* 왼쪽 버튼 */
.nav-btn_1006.prev_1006::before {
  transform: rotate(-135deg);
}

/* 오른쪽 버튼 */
.nav-btn_1006.next_1006::before {
  transform: rotate(45deg);
}

/* Hover 시 */
.nav-btn_1006:hover::before {
  border-color: rgba(255,255,255,1); /* 약간 투명하게 */
    opacity: 0.9;                         /* 페이드 효과 */
}

@media screen and (max-width: 768px) {
  .nav-btn_1006 {
    top: 55%; /* 태블릿~모바일 중간 크기: 살짝 아래 */
  }

  .nav-btn_1006::before {
    width: 24px;
    height: 24px;
    border-width: 1.5px;
  }
}

@media screen and (max-width: 480px) {
  .nav-btn_1006 {
    top: 55%; /* 작은 모바일: 더 아래로 */
  }

  .nav-btn_1006::before {
    width: 18px;
    height: 18px;
    border-width: 1.2px;
  }
}


.prev_1006 { left:40px; }
.next_1006 { right:40px; }


/*공백120*/
.spacer-120 {
  width: 100%;
  height: 120px;
}
@media(max-width:640px){
  .spacer-120 { height: 40px; }
}


/*best*/
.best1103-wrap {
  max-width: 1292px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.best1103-title {
  font-size: 38px;
  font-weight: bold;
}

.best1103-sub {
  font-size: 20px;
  color: #7c7c7c;
  margin-top: 10px;
  margin-bottom: 50px;
}


.best1103-track {
  display: flex;
  transition: transform 0.6s ease;
}

.best1103-item {
  flex: 0 0 616px;
  margin: 0 10px;
  text-align: center;
}

.best1103-item img {
  width: 100%;
  height: auto;
  display: block;
}

/* 이미지 래퍼 */
.best1103-item a .image-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* 메인 이미지 */
.best1103-item a .main-img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.5s ease; /* fade 효과 */
}

/* 오버 이미지 */
.best1103-item a .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

/* 마우스 오버 시 */
.best1103-item a:hover .hover-img {
  opacity: 1;
}

.best1103-item a:hover .main-img {
  opacity: 0;
}


/* 버튼 */
.best1103-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  cursor: pointer;
  user-select: none;
  color: #000;
}

.best1103-btn.prev {
  left: calc(50% - 700px); /* 기존보다 안쪽으로 */
}

.best1103-btn.next {
  right: calc(50% - 700px);
}


/* 인디케이터  PC에서도 dot 보이게 */
.best1103-dots {
  display: block; /* 기존 display:none를 덮어쓰기 */
  margin-top: 15px;
  text-align: center;
}

.best1103-dots span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
  opacity: 0.3;
  margin: 0 5px;
  transition: opacity 0.3s;
}

.best1103-dots span.active {
  opacity: 1;
}


.best1103-dots span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
  opacity: 0.3;
  margin: 0 5px;
  transition: opacity 0.3s;
}

.best1103-dots span.active {
  opacity: 1;
}

/* 반응형 */
@media (max-width: 1024px) {
  .best1103-btn { display: none; }
  .best1103-dots { display: block; }
  .best1103-track { overflow-x: auto; scroll-snap-type: x mandatory; }
  .best1103-item { flex: 0 0 100%; scroll-snap-align: center; margin: 0 10px; }
}

@media (max-width: 640px) {
  .best1103-item { flex: 0 0 100%; }
}


/*best*/
.best1103-area { width:100%; position: relative; }
.best1103-wrap { max-width:1292px; margin:0 auto; position:relative; text-align:center; }

.best1103-title { font-size:38px; font-weight:bold; }
.best1103-sub { font-size:20px; color:#7c7c7c; margin-top:0px; margin-bottom:35px; }

.best1103-slider { overflow:hidden; position:relative; }
.best1103-track {
  display:flex;
  gap:30px;
  transition: transform 0.6s ease;
}

.best1103-item { flex:0 0 616px; text-align:left; }
.best1103-item img { width:100%; display:block; }
.best1103-name { font-size:18px; margin-top:20px; color:#333; }
.best1103-price { font-size:18px; font-weight:bold; margin-top:0px; color:#000; }

/* dots */
.best1103-dots { margin-top:20px; text-align:center; }
.best1103-dots span {
  display:inline-block;
  width:14px;
  height:14px;
  background:#ccc;
  border-radius:50%;
  margin:0 6px;
  cursor:pointer;
  transition: background 0.3s;
}
.best1103-dots span.active { background:#000; }

/* 반응형 */
@media(max-width:1024px){
  .best1103-track {
    gap: 0px; margin:0 3%;
    overflow: hidden; /* 스크롤 제거 */
  }
  .best1103-item { 
    flex: 0 0 45%; /* 2개씩 보이도록 */
  }
    .best1103-title { font-size:24px; font-weight:bold; }
    .best1103-sub { font-size:16px; color:#7c7c7c; margin-top:0px; margin-bottom:20px; }
    .best1103-name { font-size:14px; margin-top:10px; color:#333; }
    .best1103-price { font-size:15px; font-weight:bold; margin-top:0px; color:#000; }
}

.best1103-prev, .best1103-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
}

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


/*전체상품*/
.product-area { width: 100%; padding: 0px 0; text-align: center; }
.product-wrap { max-width: 1292px; margin: 0 auto; }

/* 타이틀 */
.product-title { font-size: 38px; font-weight: bold; }
@media (max-width: 768px) {
    .product-title {
        font-size: 24px;
    }
}
.product-sub { font-size: 20px; color: #7c7c7c; margin: 0px 0 0px; }


/* 상품 그리드 */
.product-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.product-item {
    flex: 0 0 408px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.img-wrap {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 정사각형 비율 유지, 이미지 비율에 맞춰 변경 가능 */
}

.img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 이미지 비율 유지하며 영역 꽉 채움 */
    display: block;
    margin-top:20px; padding-bottom:20px; 
}

.img-wrap .hover-img {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-item:hover .hover-img {
    opacity: 1;
}


@media (max-width: 768px) {
  .product-grid {
      margin:0 4%; 
    justify-content: center;
    gap: 16px; /* 간격 줄이기 */
  }

  .product-item {
    flex: 0 0 calc(50% - 8px); /* 2개씩 배치 (간격 반영) */
    margin-bottom: 20px;
  }

  .img-wrap {
    padding-top: 100%; /* 정사각 유지 */
  }

  .img-wrap img {
    margin-top: 10px;
    padding-bottom: 10px;
  }
}


/*========== 고정풀배경에 슬로건나오는 구조========== */
/* 배경 고정 div */
.scrollb1007 {
  position: relative;
  width: 100%;
  height: 540px;
  background: #533662; /* 변경된 배경색 */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}


/* 텍스트 래퍼 */
.text-wrap1007 {
  max-width: 1200px;
  padding: 0 20px;
}

/* 텍스트 스타일 */
.title1007 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px; margin-top:20px; letter-spacing:0px;
}

.desc1007 {
    font-family: "Times New Roman", Times, serif; /* 타임체 */
    font-size: 20px; /* 글자 크기 */
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0px;
    color: #a59bac; /* 글자 색상 */
/*    opacity: 1;  투명도 제거 */
}


/* 반응형 */
@media (max-width: 1024px) {
      .scrollb1007 { height: 500px; } 
  .title1007 { font-size: 40px; }
  .desc1007 { font-size: 20px; }
}

@media (max-width: 768px) {
  .scrollb1007 { height: 500px; } /* 600px → 500px로 낮춤 */
  .title1007 { font-size: 28px; } /* 글자 줄임 */
  .desc1007 { font-size: 16px; }
}

@media (max-width: 480px) {
   .text-wrap1007 img {width:40%;}
  .scrollb1007 { height: 300px;  padding:0 5%; } /* 500px → 400px로 낮춤 */
  .title1007 { font-size: 18px; margin:15px 0; } /* 글자 줄임 */
  .desc1007 { font-size: 14px; }
}


.main-img1007 {
    max-width: 100%; /* 기본: 화면 최대 100% */
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 모바일 대응 (예: 768px 이하) */
@media (max-width: 768px) {
    .main-img1007 {
        width: 60%; /* 모바일에서는 60% */
    }
}


/*=======================인증현황-----------------------------*/
.certification1007-style {
  width: 100%;
  padding: 160px 93px;
  text-align: center;
  box-sizing: border-box;
}

.certification1007-style .title {
  font-size: 48px;
  color: #222;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: -1px;
}

.certification1007-style .desc {
  font-size: 22px;
  letter-spacing: -1px;
  color: #8d8d8d;
  font-weight: 400;
  margin-bottom: 20px;
}

/* 인증 리스트 flex로 가운데 정렬 */
.certification1007-style .cert-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 가운데 정렬 */
  gap: 20px;
}

.certification1007-style .cert-item {
  border: 2px solid rgba(0, 0, 0, 0.05);
  padding: 20px;
  box-sizing: border-box;
  flex: 0 0 calc(25% - 15px); /* PC: 4개 */
}

.certification1007-style .cert-item img {
  width: 100%;
  height: auto;
  display: block;
}

.certification1007-style .cert-item p {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 500;
  color: #333;
}

/*=======================반응형=============================*/
@media (max-width: 1200px) {
  .certification1007-style {
    padding: 50px;
  }

  .certification1007-style .title {
    font-size: 32px;
  }

  .certification1007-style .desc {
    font-size: 16px;
  }

  .certification1007-style .cert-item {
    flex: 0 0 calc(50% - 15px); /* 2개 */
  }

  .certification1007-style .cert-item p {
    font-size: 14px;
  }
}


@media (max-width: 768px) {
  .certification1007-style {
    padding: 60px 20px;
  }

  .certification1007-style .title {
    font-size: 28px;
  }

  .certification1007-style .desc {
    font-size: 16px;
  }

  .certification1007-style .cert-item {
    flex: 0 0 calc(50% - 10px); /* 모바일: 가로 2개 유지 */
  }

  .certification1007-style .cert-item p {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .certification1007-style {
    padding: 40px 10px;
  }

  .certification1007-style .title {
    font-size: 26px;
  }

  .certification1007-style .desc {
    font-size: 14px;
  }

  .certification1007-style .cert-item {
    flex: 0 0 calc(50% - 10px); /* 작은 모바일도 가로 2개 유지 */
  }

  .certification1007-style .cert-item p {
    font-size: 12px;
  }
}


/*================가치를 증명하다=================*/
.valueproof-section {
  display: flex;
  align-items: flex-start; /* 상단 정렬 */
  justify-content: space-between;
  padding: 160px 0;
  padding-left: 93px;
  background-color: #ebebeb;
  box-sizing: border-box;
  gap: 40px;
}

/* 좌측 */
.valueproof-left {
  flex: 0 0 28%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* 네비 하단 고정용 */
  position: relative;
}

.valueproof-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.valueproof-title {
  font-size: 48px;
  font-weight: 600;letter-spacing: -1px;
  color: #222;
  margin-bottom: 20px;
}

.valueproof-desc {
  font-size: 22px;
  font-weight: 500;
  color: #666;
  line-height: 1.5; letter-spacing: -1px;
  margin: 0;
}

/* 네비게이션 버튼 하단 정렬 */
.valueproof-controls {
  display: flex;
  gap: 15px;
  position: absolute;
  top: 350px;
  left: 0;
}

.valueproof-btn {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  color: #999;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.valueproof-btn:hover {
  background: #333;
  color: #fff;
}

/* 우측 갤러리 */
.valueproof-right {
  flex: 1;
  overflow: hidden;
}

.valueproof-gallery-wrapper {
  overflow: hidden;
  width: 100%;
}

.valueproof-gallery-track {
  display: flex;
  gap: 15px;
  transition: transform 0.6s ease;
}

.valueproof-gallery-item {
  flex: 0 0 609px;
  text-align: center;
}

.valueproof-gallery-item img {
  width: 609px;
  height: 408px;
  display: block;
}

.valueproof-caption {
  margin-top: 20px;
  font-size: 20px;
  color: #666; font-weight: 500;
}

/* 반응형 */
/* 중간 화면 768px ~ 1200px */
@media (max-width: 1200px) and (min-width: 769px) {
  .valueproof-section {
    flex-direction: column;
    align-items: center;
    padding: 80px 40px;
    gap: 30px;
  }

  .valueproof-left {
    width: 100%;
    text-align: center;
    align-items: center;
    position: static;
  }

  .valueproof-title {
    font-size: 36px;
    margin-bottom: 15px;
  }

  .valueproof-desc {
    font-size: 18px;
    line-height: 1.5;
  }

  .valueproof-controls {
    position: static;
    margin-top: 25px;
    justify-content: center;
  }

  .valueproof-btn {
    width: 55px;
    height: 55px;
    font-size: 18px;
  }

  .valueproof-right {
    width: 100%;
  }

  .valueproof-gallery-track {
    gap: 12px;
  }

  .valueproof-gallery-item {
    flex: 0 0 85%; /* 화면 비율 적절히 */
  }

  .valueproof-gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }

  .valueproof-caption {
    font-size: 18px;
    margin-top: 12px;
  }
}


/* 모바일 (최대 768px) */
@media (max-width: 768px) {
  .valueproof-section {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 40px;
  }

  .valueproof-left {
    width: 100%;
    align-items: center;
    text-align: center;
    position: static;
  }

  .valueproof-title {
    font-size: 32px;
    margin-bottom: 10px;
  }

  .valueproof-desc {
    font-size: 18px;
    line-height: 1.6;
  }

  .valueproof-controls {
    position: static;
    margin-top: 20px;
    justify-content: center;
  }

  .valueproof-btn {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }

  .valueproof-right {
    width: 100%;
  }

  .valueproof-gallery-track {
    gap: 10px;
  }

  .valueproof-gallery-item {
    flex: 0 0 90%; /* 화면에 거의 꽉 차게 */
  }

  .valueproof-gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }

  .valueproof-caption {
    font-size: 16px;
    margin-top: 10px;
  }
}

/* 초소형 기기 (최대 480px) */
@media (max-width: 480px) {
  .valueproof-section {
    padding: 40px 15px;
    gap: 30px;
  }

  .valueproof-title {
    font-size: 26px;
  }

  .valueproof-desc {
    font-size: 16px;
  }

  .valueproof-btn {
    width: 44px;
    height: 44px;
    font-size: 14px;
  }

  .valueproof-gallery-item {
    flex: 0 0 92%;
  }

  .valueproof-caption {
    font-size: 14px;
  }
}

/* ===================== 반응형 끝 ===================== */


/*===========================컨텍어스=============================*/
/* 폼메일 전체 래퍼 */
.contactus-container {
    display: flex;
    justify-content: space-between;
    gap: 100px; /* 좌우 컨텐츠 간격 */
    background-color: #272727;
    padding: 160px 90px;
    font-family: 'Rubik', sans-serif;
    color: #fff;
}

/* 좌측 Contact 정보 영역 */
.contactus-left {
    flex: 1;
}

.contactus-left h2 {
    font-family: 'Rubik', sans-serif; /* 루빅체 적용 */
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 60px; line-height: 1;
}

/* info_row 통합 */
.contactus-info > div {
/*    display: flex;*/
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    color: #ccc; /* 라벨 연그레이 */
    padding: 20px 0; /* 위아래 간격 */
    border-bottom: 1px solid #444; /* 하단 선 */
}

.contactus-info > div:last-child {
    border-bottom: none; /* 마지막 줄은 선 제거 */
}

.contactus-label {
    /* 라벨 색상 유지 */
    color: #ccc; width: 100px; display: inline-block;
}

.contactus-value {
    color: #fff; /* 우측 값 화이트 */ 
}


/* 우측 폼 영역 */
.contactus-right {
    flex: 1;
}

.contactus-right p.contactus-desc {
    font-size: 22px;
    color: #fff;
    margin-bottom: 70px;
}

/* 입력 필드 공통 */
.contactus-right input,
.contactus-right textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #525252; /* 가로 1px 연한선 */
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    margin-bottom: 10px;
}

.contactus-right input::placeholder,
.contactus-right textarea::placeholder {
    color: #999; /* 클릭하면 사라지는 글자 색 */
}

/* 내용 textarea 높이 살짝 높게 */
.contactus-right textarea {
    height: 100px;
    resize: none;
}

/* 전송 버튼 */
.contactus-right button {
    background-color: #ff8023;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    padding: 15px 30px;
    cursor: pointer;
}

/*===========================반응형=============================*/
/*===========================반응형=============================*/
@media screen and (max-width: 768px) {
    .contactus-container {
        flex-direction: column; /* 좌우 -> 상하 */
        padding: 60px 15px; /* 패딩 줄임 */
        gap: 30px; /* 컨텐츠 간격 최소화 */
    }

    .contactus-left,
    .contactus-right {
        flex: none;
        width: 100%;
    }

    .contactus-left h2 {
        font-size: 26px; /* 타이틀 26px */
        margin-bottom: 20px; /* 위아래 간격 최소화 */
    }

    .contactus-right p.contactus-desc {
        font-size: 18px; /* 설명 글자 18px */
        margin-bottom: 20px; /* 위아래 간격 최소화 */
    }

    .contactus-right input,
    .contactus-right textarea {
        font-size: 18px; /* 글자 18px */
        margin-bottom: 15px; /* 최소화 */
        padding: 8px 0; /* 위아래 패딩 줄임 */
    }

    .contactus-right button {
        width: 100%;
        font-size: 14px; /* 버튼 글자 18px */
        padding: 10px 0; /* 버튼 높이 최소화 */
    }

    /* contact info 줄 간격 최소화 */
    .contactus-info > div {
        padding: 10px 0;
        font-size: 16px; /* 모바일용 조금 작게 */
    }
}
/*===========================모바일 480px 이하=============================*/
@media screen and (max-width: 480px) {
    .contactus-container {
        padding: 40px 30px; /* 패딩 더 줄임 */
        gap: 20px; /* 컨텐츠 간격 최소화 */
    }

    .contactus-left h2 {
        font-size: 20px; /* 타이틀 작게 */
        margin-bottom: 15px;
    }
    
    .contactus-right {
        margin-top: 30px;
    }

    .contactus-right p.contactus-desc {
        font-size: 16px; /* 설명 글자 작게 */
        margin-bottom: 15px;
    }

    .contactus-right input,
    .contactus-right textarea {
        font-size: 14px; /* 입력 필드 글자 작게 */
        margin-bottom: 10px;
        padding: 6px 0;
    }

    .contactus-right textarea {
        height: 80px; /* textarea 높이 줄임 */
    }

    .contactus-right button {
        font-size: 14px; /* 버튼 글자 더 작게 */
        padding: 15px 0;
    }

    /* contact info 줄 간격 최소화 */
    .contactus-info > div {
        padding: 8px 0;
        font-size: 14px; /* 정보 글자 작게 */
    }

    .contactus-label {
        width: 40px; /* 라벨 폭 줄이기 */
    }
}


/*-----------------------커뮤니티------------------*/
.community1007 {
  width: 100%;
  padding: 160px 93px;
  box-sizing: border-box;
}

.community1007-container {
  display: flex;
  gap: 100px; /* 좌우 컬럼 사이 갭 */
  flex-wrap: wrap;
}

.community1007-column {
  flex: 1;
  min-width: 300px; /* 너무 작아지면 깨지지 않게 */
  display: flex;
  flex-direction: column;
}

.community1007-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.community1007-title {
  font-size: 36px;
  font-weight: 600;
}

.community1007-btn {
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid #ccc;
  background-color: white;
  color: #333;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease, transform 0.3s ease;
}

/* hover 효과 */
.community1007-btn:hover {
  background-color: #555; /* 짙은 그레이 */
  color: white; /* 글씨 흰색 */
  border-color: #555; /* 테두리도 짙은 그레이 */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* 부드러운 그림자 */
  transform: translateY(-2px); /* 살짝 떠있는 느낌 */
}


.community1007-divider {
  height: 1px;
  background-color: #ccc;
  margin: 20px 0;
}

.community1007-posts {
  display: flex;
  flex-direction: column;
  gap: 20px; /* 게시물간 간격 */
}

.community1007-post {
  width: 100%;
  padding: 20px;
  background-color: #f5f5f5; /* 임시 배경 */
  border-radius: 8px;
}
/* ===================== 커뮤니티 반응형 시작 ===================== */

/* 태블릿 (최대 1200px) */
@media (max-width: 1200px) {
  .community1007 {
    padding: 100px 60px;
  }

  .community1007-container {
    gap: 60px;
  }

  .community1007-title {
    font-size: 30px;
  }

  .community1007-btn {
    font-size: 13px;
    padding: 6px 14px;
  }

  .community1007-post {
    padding: 18px;
  }
}

@media (max-width: 768px) {
  .community1007-header {
    flex-direction: row;        /* 한 줄로 배치 */
    justify-content: space-between; /* 좌측: 제목, 우측: 버튼 */
    align-items: center;        /* 수직 가운데 정렬 */
  }

  .community1007-title {
    font-size: 26px; /* 글씨 크기 필요 시 조정 */
  }

  .community1007-btn {
    font-size: 13px;
    padding: 6px 14px;
  }
}

/* 초소형 기기 (최대 480px) */
@media (max-width: 480px) {
  .community1007 {
    padding: 60px 20px;
  }

  .community1007-container {
    gap: 30px;
  }

  .community1007-title {
    font-size: 22px;
  }

  .community1007-btn {
    font-size: 12px;
    padding: 5px 12px;
  }

  .community1007-post {
    padding: 14px;
  }
}

/* ===================== 커뮤니티 반응형 끝 ===================== */


/*푸터류미정*/
.footer1007 {
  padding: 160px 93px 60px;
  background: #fff;
  font-family: 'Pretendard', 'Rubik', sans-serif;
}

.footer1007 * {
  font-family: 'Pretendard', 'Rubik', sans-serif;
  box-sizing: border-box;
}

.footer1007 .footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0; /* 두 단락 완전 붙임 */
}

.footer1007 .footer-left,
.footer1007 .footer-right {
  width: 50%;
}

.footer1007 h3 {
  font-size: 18px;
  font-weight: 800;
  color: #000;
  margin: 0;
}

.footer1007 .footer-space {
  height: 20px;
}

.footer1007 .footer-black {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 0 0 8px 0;
}

.footer1007 .footer-gray {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

.footer1007 .footer-divider {
  height: 1px;
  background-color: #ddd;
  margin: 20px 0;
}

.footer1007 .footer-copy {
  font-size: 16px;
  font-weight: 500;
  color: #aaa;
  text-align: left; /* 좌측 정렬 */
  margin: 0;
}
.footer1007 .footer-bottom {
  display: flex;
  justify-content: space-between; /* 좌우 끝 정렬 */
  align-items: center;
  margin-top: 20px;
}

.footer1007 .footer-copy {
  font-size: 16px;
  font-weight: 500;
  color: #aaa;
  margin: 0;
  text-align: left;
}

.footer1007 .footer-icons {
  display: flex;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer1007 .footer-icons li a {
  color: #aaa;
  font-size: 16px;
  transition: color 0.3s;
}

.footer1007 .footer-icons li a:hover {
  color: #000;
}

/* 반응형 */
@media (max-width: 768px) {
  .footer1007 .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}


/* 반응형 (768px 이하) */
@media (max-width: 768px) {
    .footer1007 .footer-space { height:0;}
  .footer1007 {
    padding: 100px 40px 40px;
  }

  .footer1007 .footer-inner {
    flex-direction: column;
    gap: 30px;
  }

  .footer1007 .footer-left,
  .footer1007 .footer-right {
    width: 100%;
  }

  .footer1007 h3 {
    font-size: 17px;
  }

  .footer1007 .footer-black,
  .footer1007 .footer-gray,
  .footer1007 .footer-copy {
    font-size: 15px;
  }
}
/*===========================푸터 480px 이하=============================*/
@media (max-width: 480px) {
  .footer1007 {
    padding: 60px 15px 20px; /* 상하좌우 패딩 최소화 */
  }

  .footer1007 .footer-inner {
    flex-direction: column;
    gap: 15px; /* 항목 간 간격 최소화 */
  }

  .footer1007 .footer-left,
  .footer1007 .footer-right {
    width: 100%;
  }

  .footer1007 h3 {
    font-size: 14px; /* 제목 글자 줄이기 */
    margin-bottom: 8px;
  }

  .footer1007 .footer-black,
  .footer1007 .footer-gray,
  .footer1007 .footer-copy {
    font-size: 13px; /* 본문 글자 줄이기 */
    line-height: 1.4;
    margin-bottom: 6px;
  }

  .footer1007 .footer-divider {
    margin: 10px 0; /* 구분선 간격 줄임 */
  }

  .footer1007 .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .footer1007 .footer-icons {
    gap: 8px; /* 아이콘 간격 줄임 */
  }

  .footer1007 .footer-icons li a {
    font-size: 14px; /* 아이콘 글자/크기 줄임 */
  }
}


/*------------------contactus-----------------*/
.formwrap_20251007 {
  padding: 80px 93px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f5f5f5; /* 섹션 전체 연회색 */
  border-radius: 32px; /* 전체 라운딩 */
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

/* 안내 문구 */
.form-guide_20251007 {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.6;
}

/* 폼 컨테이너 */
.form_20251007 {
  width: 100%;
  max-width: 700px;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  padding: 50px 40px 60px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* 입력박스 */
.inputbox_20251007 {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
  transition: box-shadow 0.2s, border-color 0.2s, background 0.2s;
}

.inputbox_20251007:focus-within {
  background: #fff;
  border-color: #000;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.inputbox_20251007 input,
.inputbox_20251007 textarea {
  width: 100%;
  border: none;
  background: transparent;
  font-size: 15px;
  outline: none;
  font-family: 'Pretendard', 'Rubik', sans-serif;
  color: #222;
}

.inputbox_20251007 textarea {
  resize: vertical;
  min-height: 140px;
  line-height: 1.6;
}

/* 버튼 */
.form_20251007 button {
  margin-top: 10px;
  padding: 16px 20px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s, transform 0.15s;
}

.form_20251007 button:hover {
  background: #333;
  transform: translateY(-1px);
}

.feedback {
  font-size: 15px;
  color: #000;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 500;
}

/* 반응형 */
@media (max-width: 768px) {
  .formwrap_20251007 {
    padding: 50px 25px;
    border-radius: 24px;
  }

  .form_20251007 {
    padding: 40px 25px;
    border-radius: 20px;
    gap: 18px;
  }

  .form-guide_20251007 {
    font-size: 0.8rem;
    margin-bottom: 30px;
  }

  .inputbox_20251007 {
    padding: 12px 14px;
  }

  .form_20251007 button {
    font-size: 15px;
    padding: 14px;
  }
}


/* 기본 메인인트로 */
.main-visual_1006 {
  position:relative;
  width:100%;
/*  height:1009px;*/
  overflow:hidden;
}

/* 슬라이드 */
.slide_1006 {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1);
  transition:opacity 2s ease, transform 8s ease;
}
.slide_1006.active {
  opacity:1;

}


@media (max-width: 1200px) {
  .main-visual_1006 {
    height: 650px; /* 부모 높이 줄임 */
  }
}


@media (max-width: 768px) {
  .main-visual_1006 {
    height: 580px; /* 부모 높이 줄임 */
  }
}


/* 슬로건 */
.main-text_1006 {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  z-index:10;
  opacity:0;
  animation:fadeInUp_1006 2s ease forwards 1s;
}
@keyframes fadeInUp_1006 {
  from {opacity:0; transform:translate(-50%, -60%);}
  to {opacity:1; transform:translate(-50%, -50%);}
}
.main-text_1006 h2 {
  font-size:56px;
  color:#fff;
  font-weight:700;
  margin-bottom:20px;
}
.main-text_1006 p {
  font-size:32px;
  color:#fff;
}

/* 숫자 통계 */
.stats_1006 {
  position:absolute;
  bottom:100px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:150px;
  z-index:10;
  text-align:center;
}
.stat_1006 {
  display: flex;
  flex-direction: column; /* 숫자 위, 설명 아래 */
  align-items: center;    /* 중앙 정렬 */
}

.stat_1006 p {
  font-size:20px;
  color:#fff;
  margin-top:0px;  white-space: nowrap;      /* 한 줄로 고정 */

}

/* 태블릿 */
@media (max-width: 1200px) {
  .stats_1006 {
    bottom: 120px; /* 조금 더 아래로 내림 */
    gap: 8px;
    width: 95%;
  }
  .stat_1006 {
    flex: 1 1 calc(33.33% - 8px);
    min-width: 60px;
  }
  .stat_1006 p {
    font-size: 20px;
  }
}

/* 모바일 */
@media (max-width: 480px) {
  .stats_1006 {
    bottom: 30px; /* 모바일에서는 더 아래로 */
    gap: 5px;
    width: 95%;
  }
  .stat_1006 {
    flex: 1 1 calc(50% - 5px);
    min-width: 40px;
    margin-bottom: 10px;
  }
  .stat_1006 p {
    font-size: 12px;
  }
}


/* 네비게이션 */
.nav-dots_1006 {
  position:absolute;
  bottom:40px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:12px;
  z-index:10;
}
.dot_1006 {
  width:14px;
  height:14px;
  border-radius:50%;
  background:#ffffff55;
  border:none;
  cursor:pointer;
  transition:background 0.3s;
}
.dot_1006.active,
.dot_1006:hover {
  background:#fff;
}

/* 드르륵 효과용 임시 키프레임 */
@keyframes countUp_1006 {
  0% {opacity:0; transform:translateY(20px);}
  30% {opacity:1; transform:translateY(0);}
  100% {opacity:1;}
}


/* 전체 배경 */
.full-background-1004 {
    display: flex;
    justify-content: flex-start; 
    align-items: flex-start;
    padding: 0;
    margin: 0;
    box-sizing: border-box;

    background: url('/img/b1.png') no-repeat right top;
    background-size: auto;
    background-position: right 0px top; /* ← 위로 60px 올림 */
}


/* 내부 콘텐츠 기본 스타일 초기화 */
.left-content-1004,
.inner-content-1004,
.inner-content-1004 p,
.inner-content-1004 img {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 좌측 콘텐츠 */
.left-content-1004 {
    width: 924px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;margin: 120px 0 20px 0; 
}

/* 상단 녹색 띠 */
.green-top-1004 {
    width: 100%;
    height: 3px;
    background-color: #4CAF50;
}

/* 내부 콘텐츠 */
.inner-content-1004 {
    padding: 20px;
    text-align: center;
    font-size: 1.5rem; width: 100%; padding:40px 0 80px 0; color:#333; font-weight: 600 ;
}

/* 내용 전체 */
.content-1004 {
    width: 100%;
    padding: 20px;
    box-sizing: border-box; font-size: 1.2rem;  font-weight: 500;
}

/* 우측 사인 */
.sign-1004 {
    width: 100%;
    text-align: right;
    font-family: 'MaruBuri', serif;
    font-size: 1.4rem;
    margin-top: 40px;
    font-weight: 600; /* 보통 굵기 */
}

.inner-content-1004 img {
    display: block;
    margin: 0 auto; /* 가로 중앙 정렬 */
}


/* ------------------- */
/* PC 큰 화면: 1200px 이상 */
@media (min-width: 1200px) {
    .full-background-1004,
    .left-content-1004,
    .inner-content-1004,
    .inner-content-1004 img,
    .content-1004,
    .sign-1004,
    .green-top-1004 {
        display: block !important;
    }

    .full-background-1004 {
        background: url('/img/b1.png') no-repeat right top;
        background-size: auto;
        padding: 0;
        margin: 0;
    }

    .left-content-1004 {
        width: 924px;
        margin: 120px 0 20px 0;
        background-color: rgba(255,255,255,1);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        padding: 0;text-align: center;
    }

    .inner-content-1004 {
        padding: 40px 0 80px 0;
        font-size: 1.5rem;
        
        color: #333;
        font-weight: 600;
    }

    .content-1004 {
        width: 100%;
        padding: 20px;
        font-size: 1.2rem;
        font-weight: 500;
    }

    .sign-1004 {
        text-align: right;
        font-family: 'MaruBuri', serif;
        font-size: 1.4rem;
        margin-top: 40px;
        font-weight: 600;
    }
}

/* ------------------- */
/* 중간 화면: 1200px 이하 ~ 769px */
@media (max-width: 1200px) and (min-width: 769px) {
    .full-background-1004 {
        width: 100%;
        background-size: cover;
        padding: 20px;
    }

    .left-content-1004 {
        width: 80%;
        margin: 40px auto;
        box-shadow: none;
        background-color: rgba(255,255,255,0.9);
    }

    .inner-content-1004 {
        font-size: 1.2rem;
        padding: 20px 0 40px 0;
        text-align: left;
    }

    .content-1004 {
        font-size: 1rem;
        padding: 10px;
    }

    .sign-1004 {
        font-size: 1.2rem;
        margin-top: 20px;
    }

    .inner-content-1004 img {
        max-width: 80%;
        height: auto;
        display: block;
        margin: 0 auto 20px auto;
    }
}

/* ------------------- */
/* 작은 화면: 768px 이하 */
@media (max-width: 768px) {
    .full-background-1004 {
        width: 100%;
        background-size: cover;
        padding: 10px;
    }

    .left-content-1004 {
        width: 95%;
        margin: 20px auto;
        box-shadow: none;
        background-color: rgba(255,255,255,0.95);
    }

    .inner-content-1004 {
        font-size: 16px;
        padding: 10px 0 20px 0;
        text-align: left;
    }

    .content-1004 {
        font-size: 14px;
        padding: 5px 0;
    }

    .sign-1004 {
        font-size: 14px;
        margin-top: 10px;
    }

    .inner-content-1004 img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 10px auto;
    }
}

/* ------------------- */
/* 모바일 작은 화면: 480px 이하 */
@media (max-width: 480px) {
    .green-top-1004 { display: none; }
    .full-background-1004 {
        width: 100%;
        background:none;
        padding: 0px;
    }

    .left-content-1004 {
        width: 100%;
        margin: 10px auto;
        box-shadow: none;
        background-color: rgba(255,255,255,0.98);
    }

    .inner-content-1004 {
        font-size: 14px;
        padding: 5px 0 10px 0; letter-spacing: -1;
        text-align: left; font-weight: 800;
    }

    .content-1004 {
        font-size: 13px;
        padding: 5px 0;
    }

    .sign-1004 {
        font-size: 13px;
        margin-top: 5px;
    }

    .inner-content-1004 img {
        max-width: 100%;
        height: auto; 
        margin: 0 auto 5px auto;
    }
}


/*-================== 경영이념 섹션 */
.management-philosophy-1004 {
  width: 100%;
  padding: 80px 20px;
  box-sizing: border-box;
  text-align: center;
  background-color: #f5f5f5;border-radius: 8px;
}

/* 컨테이너 */
.container-1004 {
  max-width: 1100px; /* PC 최소 크기 */
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

/* 슬로건 / 서브슬로건 */
.slogan-1004 {
  font-size: 2.5rem;

}

.sub-slogan-1004 {
  font-size: 1.8rem;
  color: #666;
  margin-bottom: 10px;
}

/* 이미지 */
.image-wrapper-1004 img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  border-radius: 10px;
}

/* 글자 단락 (각 박스 100% 폭) */
.text-blocks-1004 {
  width: 100%;         /* 영역 전체 폭 */
  display: flex;
  flex-direction: column;  /* 세로 정렬 */
  gap: 20px;
  box-sizing: border-box;
}

.text-box-1004 {
  width: 100%;         /* 각 박스 폭 100% */
  padding: 20px 30px;
  border-radius: 15px;
  color: #fff;
  font-size: 1.2rem;
  box-sizing: border-box;
}

/* 색상별 박스 */
.text1-1004 { background-color: #75c3e2; }
.text2-1004 { background-color: #3dc2cd; }
.text3-1004 { background-color: #89b161; }


/* 반응형 - 모바일 */
@media (max-width: 1100px) {
  .container-1004 {
    width: 100%;
    padding: 0 10px; /* 여백 최소화 */
  }

  .text-blocks-1004 {
    flex-direction: column;
    gap: 10px; /* 박스 간격 최소화 */
  }

  .text-box-1004 {
    max-width: 100%;
    padding: 15px 20px; /* 패딩 줄이기 */
    font-size: 1rem; /* 글자 크기 줄이기 */
  }

  .slogan-1004 {
    font-size: 1.5rem; /* 슬로건 크기 줄이기 */
    margin-bottom: 10px;
  }

  .sub-slogan-1004 {
    font-size: 0.9rem; /* 서브슬로건 크기 줄이기 */
    margin-bottom: 5px;
  }

  .image-wrapper-1004 img {
    margin-bottom: 20px; /* 이미지 아래 여백 줄이기 */
  }
}
/* 모바일 전용 - 작은 화면 */
@media (max-width: 768px) {
    .management-philosophy-1004{ padding: 20px; }
  .container-1004 {
    padding: 5px; /* 여백 최소화 */
  }

  .text-blocks-1004 {
    gap: 8px; /* 박스 간격 최소화 */
  }

  .text-box-1004 {
    padding: 10px 15px; /* 패딩 줄임 */
    font-size: 0.9rem; /* 글자 크기 더 줄임 */
      text-align: left;
  }

  .slogan-1004 {
    font-size: 1.3rem; /* 슬로건 작게 */
    margin-bottom: 5px; letter-spacing: -1px;
  }

  .sub-slogan-1004 {
    font-size: 0.8rem; /* 서브슬로건 더 작게 */
    margin-bottom: 3px;
  }

  .image-wrapper-1004 img {
    margin-bottom: 15px; /* 이미지 아래 여백 줄임 */
  }
}


/*미션비전*/

/*미션비전*/
/* 전체 텍스트 박스 영역 */
.text-box-3cols-1004 {
  flex: 1;                   /* 박스가 균등하게 공간 차지 */
  display: flex;
  flex-direction: column;
  background-color: #fff; /* 연한 회색 배경 */
      border-bottom-left-radius: 15px;  /* 왼쪽 아래 */
  border-bottom-right-radius: 15px; /* 오른쪽 아래 */ margin-top:50px;
}

/* 박스 안 이미지 */
.text-box-3cols-1004 img {
  width: 100%;       /* 박스 폭에 맞춰 자동 조절 */
  height: auto;      /* 비율 유지 */
  display: block;
  object-fit: cover; /* 영역 벗어나지 않게 */
  margin-bottom: 10px;
}
.text-content-1004 {
  padding: 20px; padding-bottom:50px;         /* 안쪽 여백 */
  box-sizing: border-box;  /* padding 포함 계산 */
  font-size: 1.1rem;
  line-height: 1.5;
  color: #555;  text-align: center;    font-weight: 500;       /* 글자 색상 */
}

/* 전체 영역 공백 */
.text-blocks-3cols-1004 {
  display: flex;
  gap: 40px;        /* PC에서 박스 사이 공백 */
  box-sizing: border-box;
}

/* ---------------------- 태블릿 (1100px ~ 768px) ---------------------- */
@media (max-width: 1100px) and (min-width: 769px) {
  .text-content-1004 {
    font-size: 1rem;        /* 글자 조금 줄이기 */
    padding: 15px;
    padding-bottom: 40px;   /* 아래 여백 약간 줄임 */
    line-height: 1.4;
  }

  .text-blocks-3cols-1004 {
    gap: 25px;              /* 박스 간격 약간 줄임 */
  }

  .text-box-3cols-1004 {
    margin-top: 40px;
  }

  .text-box-3cols-1004 img {
    margin-bottom: 8px;     /* 이미지 아래 여백 줄임 */
  }
}
/* ---------------------- 모바일 (768px 이하) ---------------------- */
@media (max-width: 768px) {
  .text-blocks-3cols-1004 {
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }

  .text-box-3cols-1004 {
    width: 100%;
    flex: none;
    margin-top: 20px;
  }

  .text-box-3cols-1004 img {
    width: 50%;         /* 이미지 크기 조절 */
    display: block;
    margin: 0 auto 5px; /* 가운데 정렬 + 아래 여백 5px */
  }

  .text-content-1004 {
    padding: 10px 15px;
    padding-bottom: 20px;
    font-size: 0.9rem;
    line-height: 1.3;
  }
}


/*연혁*/
/* 전체 컨테이너 */
.history1004 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  font-family: 'Noto Sans KR', sans-serif;
}

.history-container1004 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* 항목 전체 박스: 이미지 포함 */
.history-item1004 {
  display: flex;
  align-items: flex-start;
  gap: 20px;

  /* 배경 + 그림자 */
  background-color: #e9f1f2;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
  padding: 50px;
}

/* 이미지 */
.history-img1004 {
  width:608px;
  flex-shrink: 0;margin-right:30px; 
}

.history-img1004 img {
  width: 100%;
  border-radius: 8px;
  display: block; 
}

/* 내용 블록 */
.history-card1004 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
}

/* 연도 */
.history-year1004 {
  font-weight: bold;
  font-size: 1.9rem; line-height: 2.8;
}

/* 텍스트 내용 */
.history-text1004 p {
  margin: 4px 0;
  line-height: 1.9; font-size: 1.1rem;
}
.history-text1004 p strong { margin-right:15px;}

/* 항목 사이 구분선 (선택 시) */
.history-item1004 + .history-item1004 {
/*  border-top: 1px solid #e0e0e0;*/
  padding-top: 20px;
}
.history-item1004,
.history-img1004,
.history-img1004 img {
  box-sizing: border-box; /* 패딩, border 포함해서 계산 */
}
/* 반응형 */
/* 태블릿 중간 화면 */
@media (min-width: 769px) and (max-width: 1024px) {
  .history-item1004 {
    flex-direction: column; /* 이미지 위, 글 아래 */
    align-items: center;    /* 가운데 정렬 */
    padding: 20px;          /* 패딩 축소 */
  }

  .history-img1004 {
    width: 100%;
    max-width: 400px;       /* 이미지 크기 조절 */
    margin: 0 0 15px 0;     /* 이미지 아래 여백 */
  }

  .history-year1004 {
    font-size: 1.6rem;      /* 글자 축소 */
    line-height: 2.2;
  }

  .history-text1004 p {
    font-size: 1rem;        /* 본문 글자 축소 */
    line-height: 1.6;
    margin: 2px 0;
  }

  .history-text1004 p strong {
    margin-right: 10px;
  }
}

@media (max-width: 768px) {
  .history-item1004 {
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;       /* 기존 50px -> 10px로 축소 */
    gap: 10px;           /* 항목 간 간격 축소 */
  }
  
  .history-img1004 {
    width: 100%;
/*    max-width: 280px;     이미지 약간 축소 */
    margin-bottom: 8px;  /* 이미지 아래 여백 축소 */
  }

  .history-year1004 {
    font-size: 1.5rem;   /* 글자 축소 */
    line-height: 2;
  }

  .history-text1004 p {
    font-size: 0.9rem; letter-spacing: -1px;     /* 본문 글자 축소 */
    line-height: 1.7;    /* 줄간격 축소 */
    margin: 2px 0;
  }

  .history-text1004 p strong {
    margin-right: 8px;   /* 강조 텍스트 마진 축소 */
  }
   .history-img1004 img {
  width: 100%;
  height: auto; /* 세로 비율 유지 */
  display: block;
} 
}


/*인증현황*/
 .certificates {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px; /* 인증서 사이 간격 */
    width: 100%;
  }

  .certificate {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.1); /* 연한 테두리 */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* 은은한 그림자 */
    flex: 1 1 calc(25% - 20px); /* 4개 배치 시 간격 포함 */
    max-width: 350px; /* 최대 크기 제한 */
    padding: 20px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .certificate:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  }

  .certificate img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
  }

  .certificate h3 {
    font-size: 1.1rem;
    color: #333;
    margin: 0;
  }

  @media (max-width: 900px) {
    .certificate {
      flex: 1 1 calc(50% - 20px);
      max-width: none;
    }
  }
@media (max-width: 500px) {
    .certificates {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        /* 간격 줄임 */
    }

    .certificate {
        flex: 0 0 calc(50% - 5px);
        /* 2개씩, gap 반영 */
        max-width: calc(50% - 5px);
        box-sizing: border-box;
        /* padding/테두리 포함 계산 */
    }
    .certificate h3 {
    font-size: 1.1rem;
    color: #333;
    margin: 0;
  }
}


/*오시는길*/
#daumRoughmapContainer1760210706210 {
    width: 100% !important;
    height: 490px; /* 실제 지도 높이는 원래대로 두기 */
  }
.map-section {
    width: 100%;
    margin: 0 auto;
  }

  .map-info {
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .info-icon img {
    width: 50px;
    height: 50px;
  }
.info-text b{ font-weight: 800;}
  .info-text p {
    margin: 2px 0;
    font-size: 1rem;
    color: #333;
  }

  @media (max-width: 768px) {
    .map-info {
      flex-direction: column;
      align-items: flex-start;
    }

    .info-icon img {
      width: 40px;
      height: 40px;
    }
  }

/* ======================기술원리 ======================*/
.eco-wrap { 
  width: 100%; 
  padding: 20px; 
  font-family: 'Segoe UI', sans-serif; 
}

/* 2열 카드 구조 */
.eco-row { 
  display: flex; 
  flex-wrap: wrap; 
  margin: -10px; 
}

.eco-col { 
  width: 50%;       /* PC 2열 */
  padding: 10px; 
  box-sizing: border-box; 
}

/* 카드 스타일 + 배경 이미지 우측 하단 */
.eco-card {
  background-color: #eef1f1;
  padding: 30px 0 30px 40px;
  border-radius: 12px;
  margin-bottom: 10px;
  position: relative;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto;
}

/* 카드별 배경 이미지 지정 */
.eco-row .eco-col:nth-child(1) .eco-card { background-image: url('/img/tb01.png'); }
.eco-row .eco-col:nth-child(2) .eco-card { background-image: url('/img/tb02.png'); }
.eco-row:nth-child(2) .eco-col:nth-child(1) .eco-card { background-image: url('/img/tb03.png'); }
.eco-row:nth-child(2) .eco-col:nth-child(2) .eco-card { background-image: url('/img/tb04.png'); }

/* 제목 h2 */
.eco-card h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  line-height: 1.8;
}

.eco-card h2 img {
  margin-right: 0px;
  width: 12px;
  height: auto;
}

/* 리스트 */
.eco-card ul, .eco-card ol {
  padding-left: 0px; 
  margin: 0;
}

.eco-card li {
  margin-bottom: 8px;
  line-height: 1.5;
  font-weight: 500;
}

/* 이미지 그리드 */
.eco-gallery .eco-imggrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}

.eco-gallery img {
  width: 100%;
  display: block;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

/* 마지막 그림 카드 */
.eco-card-last {
  background-color: #f5f5f5;
  padding: 25px;
  border-radius: 12px;
  margin-bottom: 10px;
  position: relative;
  width: 100%; /* 가로 전체 */
}

.eco-card-last h2 {
  font-size: 1.3rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  line-height: 1.8;
}

/* 그림 박스 이미지 */
.eco-card-last .eco-image-box img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 15px;
}

/* 반응형 */
@media (max-width:1024px) { 
  .eco-col { width: 100%; }       /* 모바일 1열 */
  .eco-gallery .eco-imggrid { grid-template-columns: repeat(2, 1fr); }
}

/* ====================== 모바일 (600px 이하) ====================== */
@media (max-width: 600px) { 
  .eco-wrap {
    padding: 10px; /* 전체 여백 최소화 */
  }

  .eco-col {
    width: 100%; /* 1열 구조 */
    padding: 5px;
  }

  .eco-card {
    padding: 15px 15px;
    margin-bottom: 8px;
    background-size: 60px auto; /* 배경 이미지 작게 */
    background-position: right 10px bottom 10px;
  }

  .eco-card h2 {
    font-size: 1rem;       /* 제목 작게 */
    line-height: 1.4;
    margin-bottom: 8px;
  }

  .eco-card li {
    font-size: 0.9rem;     /* 리스트 글씨 축소 */
    margin-bottom: 4px;
    line-height: 1.3;
  }

  .eco-gallery .eco-imggrid {
    grid-template-columns: 1fr; /* 한 줄로 */
    gap: 10px;
    margin-top: 15px;
  }

  .eco-card-last {
    padding: 15px;
    margin-bottom: 8px;
  }

  .eco-card-last h2 {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 8px;
  }

  .eco-card-last .eco-image-box img {
    margin-top: 10px;
  }
}


/*성능입증*/
/* tech1005.css */
.tech1005-container {
        line-height: 1.6;
    color: #555;
    margin: 20px;
}

/* 제목 스타일 */
.tech1005-container h1,
.tech1005-container h2,
.tech1005-container h3,
.tech1005-container h4 {
    color: #1a1a1a;
    margin-bottom: 5px;
}

.tech1005-container h1 { font-size: 1.5em; }
.tech1005-container h2 { font-size: 1.5em; margin-top: 0px; margin-bottom:15px;}
.tech1005-container h3 { font-size: 1.2em; margin-top: 0px; color:#333;}
.tech1005-container h4 { font-size: 1.1em; margin-top: 1px;  color:#53889d; }

/* 박스 스타일 */
.tech1005-box {
    background-color: #eef1f1;
    border-radius: 10px;
    padding: 30px 40px;
    margin-bottom: 20px;
}

.tech1005-box p { font-weight: 600; color:#53889d; margin-bottom: 15px}
.tech1005-box .p {
  font-weight: 600;
  font-size: 1.1rem;
  color: #666;             /* 글자 컬러 */
  background-color: #fff;      /* 흰 박스 */
  padding: 8px 12px;           /* 안쪽 여백 */
  border-radius: 6px;          /* 모서리 라운딩 */
  display: inline-block;        /* 박스 크기를 텍스트만큼 */
  box-shadow: 0 2px 6px rgba(0,0,0,0.05); /* 살짝 그림자 */
  margin-top:10px; margin-bottom: 20px; width:100%;
}


/* 가로 2개 박스 그리드 */
.tech1005-box-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

/* 테이블 스타일 */
.tech1005-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top:0px; 
}

.tech1005-table th,
.tech1005-table td {
    border: 1px solid #cee3e5;
    padding: 8px 12px;
    text-align: center; background: #fff;  font-weight: 600;
}

.tech1005-table th {
    background-color: #3ab5c5; color:#fff;
}
.tech1005-table img {
  height: 100px !important;
  width: auto !important;
  object-fit: contain !important;
}


/* 이미지 스타일 */
.tech1005-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
}

/* 이미지 그리드 */
.tech1005-image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin-bottom: 20px;
    margin-top:10px; 
}

/* 리스트 점 기호 유지 */
/* li 사각 박스 흰색 배경 + 라운딩, 점 뒤 공백 */
.tech1005-box ul {
    list-style: none; /* 기본 점 제거 */
    padding-left: 0;  /* 내부 여백 제거 */
    margin: 20px 0;
}

.tech1005-box ul li {
  background-color: #fff;     /* 흰색 배경 */
  border-radius: 5px;         /* 라운딩 */
  padding: 10px 20px;         /* 위아래/좌우 여백 */
  margin-bottom: 12px;         /* li 간 간격 살짝 줄임 */
  display: flex;
  align-items: center;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* 은은한 그림자 */
  transition: box-shadow 0.2s ease;          /* hover시 자연스럽게 */
}

.tech1005-box ul li::before {
    content: "\2022";           /* 유니코드 점 */
    color: #333;
    font-weight: bold;
    margin-right: 8px;          /* 점 뒤 공백 */
    flex-shrink: 0;             /* 점 크기 유지 */
}


/* 반응형 */
@media (max-width: 600px) {
    .tech1005-container h1 { font-size: 1.5em; }
    .tech1005-container h2 { font-size: 1.2em; }
    .tech1005-container h3 { font-size: 1em; }
    .tech1005-box-grid { grid-template-columns: 1fr; }
}


/*에타솔루션*//* 랩퍼 배경과 중앙 정렬 */
/*탭기능*/
/* 탭 전체 영역 */

.tech1005-tabs {
  display: flex;
  justify-content: center; /* 가로 가운데 정렬 */
  align-items: center;
  gap: 8px; /* 탭 간 간격 */
  width: 100%;

  padding: 10px 0;
}

/* 탭 버튼 */
.tech1005-tab {
  flex: 0 0 180px; /* 탭 고정 폭 (적당히 작게) */
  text-align: center;
  padding: 10px 0;
  border-radius: 6px 6px 0 0;
  text-decoration: none;
  color: #999;
  font-weight: 500;
  background-color: #f2f2f2;
  transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
}

/* 마우스 오버 */
.tech1005-tab:hover {
  background-color: #eaeaea;
  color: #555;
}

/* 활성 탭 */
.tech1005-tab.active {
  color: #16a9b0;
  background-color: #ffffff;
  border-bottom: 3px solid #16a9b0;
  font-weight: 600;
}


/* 선택된 탭 */
.tech1005-tab.active {
  color: #333; /* 강조된 글자색 */
  background-color: #ffffff; /* 선택된 탭은 흰 배경 */
  border-bottom: 3px solid #16a9b0; /* 포인트 컬러 (파랑 예시) */
  font-weight: 600;
}

/* === 모바일 최적화 반응형 (공백 최소화 & 글자 축소) === */
@media (max-width: 600px) {
  .tech1005-container {
    margin: 10px;
    line-height: 1.4;
  }

  .tech1005-container h1 { font-size: 1.2em; margin-bottom: 4px; }
  .tech1005-container h2 { font-size: 1.1em; margin-bottom: 8px; }
  .tech1005-container h3 { font-size: 1em; margin-bottom: 6px; }
  .tech1005-container h4 { font-size: 0.95em; margin-bottom: 5px; }

  .tech1005-box {
    padding: 15px 20px;
    margin-bottom: 10px;
  }

  .tech1005-box .p {
    font-size: 0.95rem;
    padding: 6px 8px;
    margin-top: 6px;
    margin-bottom: 12px;
  }

  .tech1005-box ul li {
    padding: 8px 12px;
    margin-bottom: 8px;
    font-size: 0.9rem;
  }

  .tech1005-table th,
  .tech1005-table td {
    padding: 6px 8px;
    font-size: 0.85rem;
  }

  .tech1005-tabs {
    flex-wrap: wrap;
    gap: 4px;
    padding: 5px 0;
  }

  .tech1005-tab {
    flex: 1 1 45%;
    font-size: 0.9rem;
    padding: 8px 0;
  }

  .tech1005-box-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .tech1005-image-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 6px;
  }
}


.pf-wrapper-1005 {
  display: flex;
  justify-content: center;
  font-family: 'Noto Sans KR', sans-serif;
  padding: 50px 0;
}

/* 전체 컨테이너 */
.pf-container-1005 {
  width: 90%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 25px;
}

/* 카드 공통 스타일 */
.pf-card-1005 {
  position: relative; /* 링크 절대 위치를 위해 부모 카드 relative */
  flex: 1 1 28%;
  min-width: 260px;
  border-radius: 18px;
  padding: 25px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  text-align: center;
  transition: transform 0.35s, box-shadow 0.35s;
  cursor: pointer;
  background-color: rgba(205, 231, 234, 0.85);
  overflow: hidden;
}

/* 카드 링크 전체 덮기 */
.pf-card-link-1005 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* 카드 내용 위에 있지만, 내용 텍스트는 클릭 가능 */
  text-decoration: none;
}

/* 카드 내부 콘텐츠가 링크 위에 표시되도록 z-index 조정 */
.pf-card-1005 img,
.pf-card-1005 h3,
.pf-card-1005 p,
.pf-btn-1005 {
  position: relative;
  z-index: 2;
}

/* 카드 호버 효과 */
.pf-card-1005:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* 카드별 색상(블루톤 계열) */
.pf-ecofoam-1005 { background-color: rgba(205, 231, 234, 0.6); } /* #cde7ea */
.pf-ecomold-1005 { background-color: rgba(175, 221, 226, 0.6); } /* #afdde2 */
.pf-etah-1005 { background-color: rgba(156, 215, 221, 0.6); } /* #9cd7dd */

/* 이미지 스타일 */
.pf-img-1005 {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 15px;
}

/* 텍스트 스타일 */
.pf-card-1005 h3 {
  font-size: 1.6em;
  margin-bottom: 12px;
  color: #333;
}

.pf-card-1005 p {
  font-size: 1.05em;
  margin-bottom: 18px;
  color: #555;
  line-height: 1.5;
}

/* "자세히 보기" 버튼 스타일 - 시각적만 유지, 클릭 무시 */
.pf-btn-1005 {
  display: inline-block;
  padding: 6px 14px;
  font-size: 0.8em;
  background-color: #ffffff;
  color: #666666;
  border: 1px solid #cccccc;
  border-radius: 100px;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: default;          
  pointer-events: none;     
}

.pf-btn-1005:hover {
  background-color: #f0f6ff;
  color: #333;
  border-color: #6ca9b0;
}

/* 반응형: 화면이 900px 이하일 때 */
@media (max-width: 900px) {
    .pf-wrapper-1005 { padding:20px 0; }
  .pf-card-1005 {
    flex: 1 1 45%; /* 두 줄로 배치 */
  }
}

/* 반응형: 화면이 600px 이하일 때 */
@media (max-width: 600px) {
  .pf-card-1005 {
    flex: 1 1 100%; /* 한 줄로 세로 정렬 */
  }

  .pf-container-1005 {
    gap: 20px; /* 모바일에서는 간격 줄이기 */
  }

  .pf-img-1005 {
    width: 60px;
    height: 60px;
  }

  .pf-card-1005 h3 {
    font-size: 1.1em;
  }

  .pf-card-1005 p {
    font-size: 0.9em;
  }

  .pf-btn-1005 {
    font-size: 0.8em;
    padding: 5px 10px;
  }
}

/*esg혁신*/
.esg1006 {
  text-align: center; /* 이미지 가운데 정렬 (인라인 대비용) */
  padding: 20px 0;
}

.pc-img {
  display: block;
  max-width: 1504px;
  width: 100%;
  height: auto;
  margin: 0 auto; /* 블록요소 가운데 정렬 */
}

.m-img {
  display: none;
  margin: 0 auto; /* 모바일 이미지도 동일하게 정렬 */
}

@media (max-width:1023px) {
  .pc-img {
    display: none;
  }
  .m-img {
    display: block;
    width: 100%;
    height: auto;
  }
}


/*적용사례*/
.cases1006-title {
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    color: #2a2a2a;
}

/* 카드 컨테이너 */
.cases1006 {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;             /* 카드 사이 간격 */
    justify-content: center;
    color: #333;
    box-sizing: border-box; margin-bottom:30px;
}

/* 카드 박스 제거 + 패딩 없앰 */
.case-box1006 {
    background: none;       /* 배경 없앰 */
    border-radius: 0;       /* 모서리 둥글기 제거 */
    padding: 0;             /* 패딩 제거 */
    width: 30%;             /* PC: 3열 */
    box-sizing: border-box;
    transition: transform 0.3s;
}

/* 카드 타이틀 */
.case-title1006 {
    font-size: 1.6em;
    color: #2a2a2a;
    margin-bottom: 10px;
    font-weight: bold;
}

/* 카드 내용 */
.case-desc1006 {
    font-size: 0.95em;
    line-height: 1.6;
    margin-bottom: 10px;
    color: #555;
}

/* 경고 박스 - 박스 없애고 글자만 */
.case-warning1006 {
    background-color: #e0f0ff;   /* 아주 연한 블루 배경 */
    color: #003366;              /* 다크 블루 글자 */
    padding: 10px 15px;          /* 상하 10px, 좌우 15px 여백 */
    border-radius: 6px;          /* 모서리 둥글게 */
    font-size: 0.9em;
    line-height: 1.5;
    margin-top: 10px;
}


/* 리스트 점 */
.case-item1006 {
    position: relative;
    padding-left: 1.1em;
    margin-bottom: 0.5em;
    letter-spacing: -1px;
}

.case-item1006::before {
    content: "\2022";
    position: absolute;
    left: 0;
    color: #555;
    font-weight: bold;
}

/* 이미지 */
.case-image1006 {
    width: 100%;
    height: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 0;       /* 모서리 둥글기 제거 */
    margin-bottom: 15px;
    display: block;
}

/* 반응형 */
@media (max-width: 1024px) {
    .case-box1006 {
        width: 45%;          /* 태블릿: 2열 */
    }
}

@media (max-width: 768px) {
    .cases1006-title {font-size: 1.4rem;}
    .cases1006 { gap:30px; }
    .cases1006 {
        flex-direction: column;
        padding: 0;    
        
    }
    .case-box1006 {
        width: 100%;          /* 모바일: 1열 */
    }
    .case-title1006 {
    font-size: 1.1em;

}
}


/*==============제품소개01=================*/
/* Section 기본 스타일 */
.c1007-container {width:100%; margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; color:#555;}
.c1007-box {background:#eef1f1; border-radius:10px; padding:30px 40px; margin-bottom:30px; box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.c1007-section-title {font-size:1.4rem; font-weight:700; margin-bottom:10px; color:#1a1a1a;}
.c1007-section-subtitle {font-size:1.1rem; color:#666; margin-bottom:20px;}
.c1007-text-bold {font-weight:700; color:#222;}
.c1007-text-highlight {color:#0077CC;}
.c1007-p {background:#fff; padding:10px 15px; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.05); margin-bottom:20px; display:block;}
.c1007-card {background:#fff; border-radius:10px; padding:20px; box-shadow:0 2px 6px rgba(0,0,0,0.08); margin-bottom:20px;}
.c1007-card-title {font-size:1.3rem; font-weight:700; margin-bottom:10px; color:#333;}
.c1007-card-text {font-size:1rem; line-height:1.6; margin-bottom:10px;}
.c1007-card-text {font-size:1rem; line-height:1.6; margin-bottom:10px;}
.c1007-table-wrapper {overflow-x:auto; margin-top:15px;}
.c1007-table {width:100%; border-collapse:collapse;}
.c1007-table th, .c1007-table td {border:1px solid #cee3e5; padding:8px 12px; text-align:center; font-weight:600; background:#fff;}
.c1007-table th {background:#3ab5c5; color:#fff;}
.c1007-cta-btn {display:inline-block; padding:12px 25px; background:#0077CC; color:#fff; text-decoration:none; border-radius:5px; transition:0.3s;}
.c1007-cta-btn:hover {background:#005fa3;}
.c1007-list {list-style:none; padding-left:0; margin:15px 0;}
.c1007-list li {
    background:#fff;
    border-radius:5px;
    padding:10px 15px;
    margin-bottom:10px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
}
.c1007-list li::before {
    content:"\2022";
    color:#0077CC;
    font-weight:bold;
    margin-right:8px;
}

/* 반응형 */
@media (max-width:1024px) {
    .c1007-box {padding:25px 30px;}
    .c1007-section-title {font-size:1.6rem;}
    .c1007-section-subtitle {font-size:1rem;}
    .c1007-card-title {font-size:1.2rem;}
    .c1007-card-text {font-size:0.95rem;}
    .c1007-cta-btn {padding:10px 20px;}
}

@media (max-width:768px) {
    .c1007-box {padding:20px 20px;}
    .c1007-section-title {font-size:1.4rem;}
    .c1007-section-subtitle {font-size:0.95rem;}
    .c1007-card-title {font-size:1.1rem;}
    .c1007-card-text {font-size:0.9rem;}
    .c1007-cta-btn {padding:8px 18px; display:block; margin-bottom:10px;}
}

/* === 모바일 테이블 최적화 (480px 이하) === */
@media (max-width: 480px) {
    .c1007-list li {
        font-size: 0.8rem; letter-spacing: -1px;
    }
    .c1007-section-title {font-size:1.1rem;}
  .c1007-table th,
  .c1007-table td {
    padding: 4px 6px;   /* 기존 8px 12px → 절반 */
    font-size: 0.75rem; /* 기존 1rem → 약 25% 축소 */
  }

  /* 테이블이 옆으로 넘치지 않도록 여백 최소화 */
  .c1007-table-wrapper {
    margin-top: 8px;
    overflow-x: auto;
  }

  /* 박스와 카드의 여백도 살짝 줄여줌 */
  .c1007-box {
    padding: 12px;
    margin-bottom: 15px;
  }

  .c1007-card {
    padding: 12px;
    margin-bottom: 15px;
  }

  /* 글자 전반 크기 살짝 축소 */
  .c1007-card-text,
  .c1007-section-subtitle {
    font-size: 0.8rem;
    line-height: 1.4;
  }
}