/* =========================================
   약관 및 정책 서브페이지 공통 스타일 (policy.css)
========================================= */
.policy-section {
  padding: 120px 0 120px; 
  background: #FFFFFF;
}

/* 👇 전체 레이아웃 기준인 1240px로 맞추고, 좌우 여백을 추가했습니다 */
.policy-container {
  max-width: 1240px; 
  margin: 0 auto;
  padding: 0 40px; /* 좌측(및 우측)에 40px의 여백을 주어 글씨가 답답하게 붙지 않게 함 */
}

/* 페이지 최상단 대제목 */
.policy-page-title {
  color: #111111;
  font-family: 'Pretendard', sans-serif;
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 50px; 
}

/* 개별 조항 그룹 */
.policy-article {
  margin-bottom: 40px; 
}

/* 조항 제목 */
.article-title {
  color: #313131;
  font-family: 'Pretendard', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

/* 조항 본문 텍스트 */
.article-text {
  color: #555555;
  font-family: 'Pretendard', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7; 
  word-break: keep-all; 
}

/* 하위 항목 들여쓰기 용도 */
.article-text .indent {
  display: inline-block;
  padding-left: 15px; 
}

/* =========================================
   모바일 반응형 (화면 가로 768px 이하일 때)
========================================= */
@media screen and (max-width: 768px) {
  .policy-section {
    padding: 80px 0 80px; 
  }
  
  .policy-container {
    padding: 0 20px; /* 모바일에서는 가로 폭이 좁으므로 여백을 20px로 살짝 줄임 */
  }
  
  .policy-page-title {
    font-size: 28px;
    margin-bottom: 30px;
  }
  
  .article-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  
  .article-text {
    font-size: 15px; 
    line-height: 1.6;
  }
}