@charset "UTF-8";
/* ==========================================================================
   약관 페이지 (이용약관 · 개인정보처리방침)
   페이지 머리(.blogSection / .blogHead)는 blog.css 의 것을 그대로 쓴다.
   사이트 공통 컬러 : 레드 #7b0412 / 골드 #eec386 / 크림 #faf8f4
   ========================================================================== */

.policySection .contentWrap {max-width:960px;}

/* 목차 */
.policyToc {padding:28px 32px; margin-bottom:56px; border-radius:14px; background-color:#faf8f4;}
.policyToc .tocTitle {font-family:"PretendardB", sans-serif; font-size:17px; color:#7b0412; margin-bottom:14px;}
.policyToc ol {display:grid; grid-template-columns:repeat(2, 1fr); gap:10px 32px;}
.policyToc a {font-family:"PretendardR", sans-serif; font-size:15px; line-height:1.5; color:#4d4843;}
.policyToc a:hover {color:#7b0412; text-decoration:underline; text-underline-offset:3px;}

/* 본문 */
.policyDoc {font-family:"PretendardR", sans-serif; font-size:16px; line-height:1.8; color:#3a3530; word-break:keep-all;}
.policyDoc .policyIntro p + p {margin-top:12px;}
.policyDoc .policyIntro {padding-bottom:40px; margin-bottom:8px; border-bottom:1px solid #ebe6dd;}

.policyDoc .article {padding:40px 0; border-bottom:1px solid #ebe6dd; scroll-margin-top:120px;}
.policyDoc .article h2 {font-family:"PretendardB", sans-serif; font-size:21px; line-height:1.4; color:#7b0412; margin-bottom:18px;}

/* ①②… 항 : 번호를 내어쓰기 */
.policyDoc .clause {position:relative; padding-left:1.6em;}
.policyDoc .clause + .clause,
.policyDoc .items + .clause,
.policyDoc .clause + .items {margin-top:10px;}
.policyDoc .clause .no {position:absolute; left:0; top:0;}
.policyDoc .clause a {color:#7b0412; text-decoration:underline; text-underline-offset:3px;}

/* 1. 2. … 호 */
.policyDoc .items {padding-left:3.2em; list-style:decimal;}
.policyDoc .items li + li {margin-top:4px;}

/* 항목 : 값 목록 (보호책임자 · 구제기관 · 안전성 확보조치) */
.policyDoc .infoList {margin-top:14px; padding:20px 24px; border-radius:10px; background-color:#faf8f4;}
.policyDoc .infoList li {position:relative; padding-left:14px;}
.policyDoc .infoList li + li {margin-top:6px;}
.policyDoc .infoList li::before {content:""; position:absolute; left:0; top:0.8em; width:4px; height:4px; border-radius:50%; background-color:#eec386;}
.policyDoc .infoList strong {font-family:"PretendardSB", sans-serif; color:#282828;}
.policyDoc .infoList a {color:#7b0412; text-decoration:underline; text-underline-offset:3px;}
.policyDoc p + .infoList {margin-top:14px;}
.policyDoc .infoList + p {margin-top:14px;}

/* 시행일 · 회사 정보 */
.policyDoc .policyTail {padding-top:40px;}
.policyDoc .policyTail .effective {font-family:"PretendardSB", sans-serif; color:#7b0412;}
.policyDoc .policyTail address {margin-top:20px; font-style:normal; font-size:15px; color:#6b635a;}

@media all and (max-width:768px) {
    .policyToc {padding:20px; margin-bottom:36px;}
    .policyToc ol {grid-template-columns:1fr; gap:8px;}
    .policyToc a {font-size:14px;}

    .policyDoc {font-size:14px; line-height:1.75;}
    .policyDoc .policyIntro {padding-bottom:28px;}
    .policyDoc .article {padding:28px 0; scroll-margin-top:90px;}
    .policyDoc .article h2 {font-size:17px; margin-bottom:12px;}
    .policyDoc .items {padding-left:2.8em;}
    .policyDoc .infoList {padding:16px 18px;}
    .policyDoc .policyTail {padding-top:28px;}
    .policyDoc .policyTail address {font-size:13px;}
}

/* 내용 준비중 (약관 문구를 받기 전 임시 안내) */
.policyPending {padding:70px 20px; border-radius:14px; background-color:#faf8f4; text-align:center; color:#6b635a;}
.policyPending i {display:block; font-size:42px; color:#d8cbb8; margin-bottom:18px;}
.policyPending p {font-family:"PretendardB", sans-serif; font-size:19px; color:#282828;}
.policyPending span {display:block; margin-top:10px; font-family:"PretendardL", sans-serif; font-size:15px;}

@media all and (max-width:768px) {
    .policyPending {padding:50px 16px;}
    .policyPending p {font-size:16px;}
    .policyPending span {font-size:13px;}
}