/* 기본은 숨김 */
.mobile-text {
  display: none;
}

/* 모바일 전용 */
@media screen and (max-width: 768px) {
  .mobile-text {
    display: block;
    text-align: center;   /* 가운데 정렬 */
    margin-bottom: 10px;  /* 아래 여백 */
    font-size: 13px;      /* 필요시 글자 크기 조정 */
    color: #333;          /* 필요시 색상 조정 */
  }
}


/* 일반 태블릿 및 소형 데스크톱 */
@media (max-width: 1199px) {
  #s_blank {
    height: 40px;
  }
}

/* 모바일 기기 (스마트폰) */
@media (max-width: 767px) {
  #s_blank {
    height: 0px;
  }
}

/* 데스크톱 */
@media (min-width: 1200px) {
  #s_blank {
    height: 40px;
  }
}


/* 상단소개 */
.wrapper3 {
  width: 100%;
  background: #fff;
  padding: 0 10px;
  box-sizing: border-box;
}
.container3 {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  text-align: center;
  padding: 0; /* 패딩 제거 */
}

/* 구분선 */
.divider {
  margin: 100px 0;
  border-top: 1px solid #c2c2c2;
}

/* 이미지 그룹 */
.img-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 720px;
  margin: 0 auto;
}

.img-group img {
  width: 100%;
  aspect-ratio: 1 / 1;   /* 정사각형 유지 */
  object-fit: cover;
  display: block;
}

/* 텍스트 블록 */
.text-block {
  margin-top: 50px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.text-block h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
	  font-family:'NanumSquareNeoBold', sans-serif;
}
.text-block p {
  font-size: 13px;
  line-height: 1.6;
  margin: 5px 0;
	  font-family:'NanumSquareNeoBold', sans-serif;
}

/* 반응형 */
@media (max-width: 768px) {
  .wrapper3 {
    padding: 0 10px;
  }
  .img-group {
    grid-template-columns: 1fr; /* 세로 배치 */
    max-width: 100%;            /* 820px 제한 해제 */
    margin: 0;                  /* 자동 여백 제거 */
  }

  .text-block h2 {
    font-size: 14px;
  }
  .text-block p {
    font-size: 12px;
  }
}


/* 하단 표 */
.wrapper2 {
  width: 100%;
  background: #fff;
  padding: 0 10px; /* 항상 좌우 여백 10px */
  box-sizing: border-box;
}

.container2 {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
}

/* 구분선 */
.divider {
  margin: 100px 0;
  border-top: 1px solid #c2c2c2;
}

.table-wrap {
  overflow-x: auto; /* 모바일 좌우 스크롤 */
}

.price-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  color: #333;
  min-width: 800px; /* 모바일에서 좌우 스크롤 */
 font-family:'NanumSquareNeoBold', sans-serif;
}

.price-table th, 
.price-table td {
  border: 1px solid #eee;
  padding: 13px;
  vertical-align: top;
  text-align: left;
}

.price-table th {
  background: #f9f9f9;
  font-weight: bold;
  text-align: center;
}

.price-table .section {
  background: #fafafa;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.price-table tr:hover td {
  background: #fefefe;
}

.price-table em {
  font-size: 12px;
  color: #888;
}


/* 모바일 / 태블릿 반응형 글자 크기 조정 */
@media (max-width: 1200px) {
  .wrapper2 {
    padding: 0 10px;
  }

  .price-table {
    font-size: 13px; /* 기본보다 살짝 작게 */
  }

  .price-table em {
    font-size: 12px;
  }
}