/* /jibbob-web/terms_site/style.css */
/* 이용약관 및 개인정보처리방침 페이지 공통 스타일시트 */

/* 기본 스타일 초기화 및 폰트 설정 */
body {
  font-family: 'Noto Sans KR', sans-serif;
  background-color: #ffffff; /* 요청: 배경 흰색 */
  color: #343a40; /* 기본 텍스트 색상 */
  line-height: 1.7;
  margin: 0;
  padding: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 컨텐츠 폭만 제한(요청: 큰 박스 삭제 → 배경, 테두리, 그림자 제거) */
.container {
  max-width: 800px;
  margin: 40px auto;
  padding: 0; /* 추가 박스 느낌 제거 */
}

/* 페이지 제목 */
header h1 {
  font-size: 2.5em;
  font-weight: 700;
  color: #212529;
  margin-bottom: 30px;
  padding-bottom: 0;        /* 요청: 하단 라인 삭제 */
  border-bottom: none;      /* 요청: 하단 라인 삭제 */
}

/* 각 섹션 간격 */
section {
  margin-bottom: 40px;
}

/* 섹션 제목 (h2) — 요청: 아래 라인 삭제 */
h2 {
  font-size: 1.8em;
  font-weight: 700;
  color: #212529;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 0;        /* 요청: 하단 라인 삭제 */
  border-bottom: none;      /* 요청: 하단 라인 삭제 */
}

/* 하위 섹션 제목 (h3) */
h3 {
  font-size: 1.4em;
  font-weight: 700;
  color: #495057;
  margin-top: 30px;
  margin-bottom: 15px;
}

/* 문단 스타일 */
p {
  font-size: 1em;
  margin-bottom: 15px;
  color: #495057;
}

/* 목록(ul, ol) 스타일 */
ul, ol {
  padding-left: 20px;
  margin-bottom: 15px;
}

li {
  margin-bottom: 10px;
}

/* 목록 안의 강조 텍스트 */
li strong {
  color: #343a40;
}

/* 테이블 스타일 */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.95em;
  border: 1px solid #dee2e6;
}

th, td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #dee2e6;
}

thead th {
  background-color: #f8f9fa;
  font-weight: 700;
  color: #495057;
}

tbody tr:nth-of-type(even) {
  background-color: #f8f9fa;
}

/* 연락처 정보 박스 */
.contact-info {
  background-color: #f8f9fa;
  border-left: 4px solid #0d6efd;
  padding: 15px 20px;
  margin: 20px 0;
  border-radius: 4px;
}

.contact-info p {
  margin: 5px 0;
}

/* 하단 푸터 및 적용 일자 */
footer {
  margin-top: 50px;
  text-align: right;
}

.effective-date {
  font-size: 0.9em;
  color: #6c757d;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
  .container {
    margin: 20px auto;
    padding: 0;
  }

  header h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.5em;
  }

  h3 {
    font-size: 1.2em;
  }
}