/* 사이트 기본 스타일 */

/* ===== 2026-09-17 검토 반영 ===== */
/* 커뮤니티 통합 페이지 — 섹션(카드뉴스/공지사항/지역모임) 간격 */
.cs-board .cs-sec + .cs-sec{margin-top:clamp(40px, 4.2vw, 64px);}

/* 메인 배너 인디케이터 — 모바일 터치 영역 확대(표시 크기 10px -> 14px, 터치 44px) */
@media (max-width:768px){
    .hero-dots{gap:14px;}
    .hero-dots .swiper-pagination-bullet{position:relative; width:14px; height:14px;}
    .hero-dots .swiper-pagination-bullet-active{width:34px;}
    .hero-dots .swiper-pagination-bullet::after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:calc(100% + 14px); height:44px;}
}

/* 글쓰기 폼 보안문자 — 숨겨져 있던 "보안 문자" 라벨 노출 */
dt:has(> label[for="captcha_answer"]){display:block !important;}

/* 푸터 모바일 — 대표번호 통일(상담 줄 통합) 후 E-mail 항목 줄바꿈 유지 (우측 플로팅 버튼 겹침 방지) */
@media (max-width:767px){
    .footer-info .f-info-line>p:last-child{flex-basis:100%;}
}

/* 푸터 개인정보처리방침 모달 — 제10조 기관 링크가 흰색이라 안 보이던 문제 보정
   (푸터 규칙 .f-links li.policy a{color:#fff} 가 모달 내부 링크까지 상속했음) */
.f-links .db-policy-modal .db-policy-body a{color:#2563eb; text-decoration:underline;}

/* ===== 2026-09-17 마이페이지 주문·결제 내역 화면 정렬·톤 통일 =====
   제목(h1.pf-page-title은 스킨에 정의가 없어 본문 글씨로 렌더)과 검색폼이 세로로 쌓이고
   목록과 여백 없이 붙던 문제 — 한 줄 배치 + 24px 간격,
   타이포는 '나의 단어장'·마이페이지 홈(h1 20px/700/#0f172a)에 맞춤 */
.min-w-0 > div:has(> h1.pf-page-title){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;row-gap:24px;}
.min-w-0 > div:has(> h1.pf-page-title) > h1.pf-page-title{grid-column:1;grid-row:1;margin:0;font-size:20px;font-weight:700;line-height:1.4;color:#0f172a;}
.min-w-0 > div:has(> h1.pf-page-title) > .mp-search-wrap{grid-column:2;grid-row:1;justify-self:end;margin:0;}
.min-w-0 > div:has(> h1.pf-page-title) > .mp-search-wrap .inp_box{width:300px;max-width:100%;}
.min-w-0 > div:has(> h1.pf-page-title) > :not(h1):not(.mp-search-wrap){grid-column:1/-1;}
@media (max-width:767px){
    .min-w-0 > div:has(> h1.pf-page-title){grid-template-columns:minmax(0,1fr);row-gap:12px;}
    .min-w-0 > div:has(> h1.pf-page-title) > .mp-search-wrap{grid-column:1;grid-row:2;justify-self:stretch;}
    .min-w-0 > div:has(> h1.pf-page-title) > .mp-search-wrap .inp_box{width:100%;}
    .min-w-0 > div:has(> h1.pf-page-title) > :not(h1):not(.mp-search-wrap){grid-row:3;margin-top:12px;}
}