/**
 * 회사소개 / 약관 / 개인정보처리방침 등 정적 문서 페이지 공통 스타일.
 * front/policy/*.blade.php 가 함께 불러온다.
 */
/* 고객센터와 같은 .cs-page 그리드 안(.cs-content)에 들어가므로 폭은 열이 정한다 */
.pol-page { padding: 0 0 20px; }
.pol-title { font-size: 26px; font-weight: 800; letter-spacing: -.02em; color: #1f2226; margin: 0 0 8px; }
.pol-sub { font-size: 14px; color: #7d848f; margin: 0 0 28px; }

.pol-body { border-top: 2px solid var(--color-primary, #1e2761); padding-top: 32px; font-size: 15px; line-height: 1.85; color: #3a3f47; }
.pol-body h2 { font-size: 18px; font-weight: 700; color: #1f2226; margin: 36px 0 12px; }
.pol-body h2:first-child { margin-top: 0; }
.pol-body h3 { font-size: 15px; font-weight: 700; color: #1f2226; margin: 22px 0 8px; }
.pol-body p { margin: 0 0 14px; }
.pol-body ul, .pol-body ol { margin: 0 0 14px; padding-left: 20px; }
.pol-body li { margin-bottom: 6px; }
.pol-body ul ul, .pol-body ol ol, .pol-body ul ol, .pol-body ol ul { margin: 6px 0 0; }
.pol-body strong { font-weight: 700; color: #1f2226; }
.pol-body a { color: var(--color-primary, #1e2761); }

/* 문단 묶음 - 조항처럼 시각적으로 끊어 읽히게 */
.pol-block { padding: 18px 20px; background: #f9fafb; border: 1px solid #e4e7ec; border-radius: 10px; margin: 0 0 18px; }
.pol-block .k { display: block; font-weight: 700; color: #1f2226; margin-bottom: 4px; }

/* 회사 정보 표 */
.pol-table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 14px; }
.pol-table th, .pol-table td { border: 1px solid #e4e7ec; padding: 12px 14px; text-align: left; vertical-align: top; }
.pol-table th { width: 160px; background: #f9fafb; font-weight: 700; color: #3a3f47; }

.pol-note { margin-top: 32px; padding-top: 20px; border-top: 1px solid #e4e7ec; font-size: 13px; color: #7d848f; }

/* 관리자 에디터(Quill)로 등록된 본문 - .pol-body--editor 안에서만 적용 */
.pol-body--editor h4 { font-size: 17px; font-weight: 700; color: #1f2226; margin: 32px 0 12px; }
.pol-body--editor h4:first-child { margin-top: 0; }
.pol-body--editor h5 { font-size: 15px; font-weight: 700; color: #1f2226; margin: 22px 0 8px; }
.pol-body--editor h6 { font-size: 14px; font-weight: 700; color: #3a3f47; margin: 18px 0 6px; }
.pol-body--editor img { max-width: 100%; height: auto; }
/* '항목 : 값' 형태의 목록 - 앞머리 굵은 글씨를 라벨 열처럼 정렬 */
.pol-body--editor li > strong:first-child { display: inline-block; min-width: 150px; padding-right: 12px; vertical-align: top; }
.pol-body--editor table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 14px; }
.pol-body--editor table th, .pol-body--editor table td { border: 1px solid #e4e7ec; padding: 12px 14px; text-align: left; vertical-align: top; }
.pol-body--editor table th { background: #f9fafb; font-weight: 700; color: #3a3f47; }
/* Quill 정렬 */
.pol-body--editor .ql-align-center { text-align: center; }
.pol-body--editor .ql-align-right { text-align: right; }
.pol-body--editor .ql-align-justify { text-align: justify; }
/* Quill 들여쓰기 (1~8단계) */
.pol-body--editor .ql-indent-1 { margin-left: 3em; }
.pol-body--editor .ql-indent-2 { margin-left: 6em; }
.pol-body--editor .ql-indent-3 { margin-left: 9em; }
.pol-body--editor .ql-indent-4 { margin-left: 12em; }
.pol-body--editor .ql-indent-5 { margin-left: 15em; }
.pol-body--editor .ql-indent-6 { margin-left: 18em; }
.pol-body--editor .ql-indent-7 { margin-left: 21em; }
.pol-body--editor .ql-indent-8 { margin-left: 24em; }

@media (max-width: 640px) {
    .pol-page { padding: 32px 16px 60px; }
    .pol-title { font-size: 22px; }
    .pol-body { font-size: 14px; padding-top: 24px; }
    .pol-table th { width: 100px; }
    .pol-table th, .pol-table td { padding: 10px; }
    .pol-body--editor table th, .pol-body--editor table td { padding: 10px; }
    /* 좁은 화면에서는 라벨을 윗줄로 */
    .pol-body--editor li > strong:first-child { display: block; min-width: 0; padding-right: 0; }
    .pol-body--editor .ql-indent-1 { margin-left: 1.5em; }
    .pol-body--editor .ql-indent-2 { margin-left: 3em; }
    .pol-body--editor .ql-indent-3 { margin-left: 4.5em; }
    .pol-body--editor .ql-indent-4 { margin-left: 6em; }
    .pol-body--editor .ql-indent-5 { margin-left: 7.5em; }
    .pol-body--editor .ql-indent-6 { margin-left: 9em; }
    .pol-body--editor .ql-indent-7 { margin-left: 10.5em; }
    .pol-body--editor .ql-indent-8 { margin-left: 12em; }
}