/* SJT 섹션 간격 통일 시안 (2026-10-27 item_spacing). 접두사 sjt-sp. 미리보기(?sjt_preview=토큰)에서만 로드.
   규칙(PC): 섹션 사이 64px(= 위 32 + 아래 32), 히어로 아래 첫 섹션 56px, 섹션 머리와 내용 사이 24px,
   상담 칸 위 40px, 상담 칸·푸터는 붙여서 하나의 마무리 영역.
   v2: 푸터 아래 흰 여백(본문 안 푸터)·아스트라 저작권 줄 숨김은 이미 일반 화면에서 해결돼 있어(sjt-theme-soft.css 16번 등) 뺐다.
   이 파일은 헤더(#masthead 등)를 건드리지 않는다. 모든 규칙이 .sp-*, .sjt-st, .entry-content, #primary, .sj-footer 안에만 걸린다.
   색은 sjt-theme-soft.css 기준(글자 #1F2937 / 보조 #6B7280 / 선 #E5E7EB). 색 띠·옅은 색 상자·그라데이션 없음.
   값을 바꾸려면 아래 :root 숫자만 고치면 된다. */
:root{--sjt-half:20px;--sjt-top:40px;--sjt-head:20px;--sjt-close:24px;--sjt-cta:48px;--sjt-ink:#1F2937;--sjt-mute:#6B7280;--sjt-line:#E5E7EB}
@media (max-width:1024px){:root{--sjt-half:18px;--sjt-top:36px;--sjt-head:18px;--sjt-close:22px;--sjt-cta:44px}}
@media (max-width:600px){:root{--sjt-half:14px;--sjt-top:28px;--sjt-head:14px;--sjt-close:18px;--sjt-cta:36px}}

/* 1) 빈 문단·본문 중간 60px 빈 칸 제거 (본문 수정 없이 출력 단계에서) */
body .entry-content .sp-intro p:empty,body .entry-content .sp-blog p:empty,body .entry-content .sp-story p:empty,body .entry-content .sp-cta p:empty{display:none!important;margin:0!important}
body .entry-content>div[style*="height:60px"]:has(+ .sp-cta){display:none!important}

/* 2) 섹션 위·아래 패딩: 서로 맞닿는 두 섹션의 합이 한 값(PC 72px)이 되게 */
body .sp-intro{max-width:none;margin:0;padding-top:var(--sjt-top);padding-bottom:var(--sjt-half);padding-left:max(5%,calc((100% - 1200px)/2));padding-right:max(5%,calc((100% - 1200px)/2))}
body .sp-div{height:1px;width:min(1200px,90%);max-width:none;margin:0 auto;background:var(--sjt-line)}
body .sp-blog{padding-top:var(--sjt-half);padding-bottom:var(--sjt-half)}
body .sp-blog-inner>:last-child,body .sp-story-inner>:last-child{margin-bottom:0}
body .sp-story{padding-top:var(--sjt-half);padding-bottom:var(--sjt-half);background:#fff}
body .sjt-st.sjt-st{padding-top:var(--sjt-half);padding-bottom:var(--sjt-half)}
/* 블로그→이야기 사이에도 소개→상품 사이와 같은 가는 선 */
body .sp-story,body .sjt-st.sjt-st{position:relative}
body .sp-story::before,body .sjt-st.sjt-st::before{content:"";position:absolute;top:0;left:50%;width:min(1200px,90%);height:1px;transform:translateX(-50%);background:var(--sjt-line)}

/* 3) 섹션 머리 통일: 제목 24/700, 설명 14 회색, 오른쪽 "전체 보기" 14/600 회색, 머리~내용 24px */
body .sp-blog .sp-blog-head,body .sp-story .sp-story-head{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 var(--sjt-head)!important;padding:0!important;border:0!important}
body .sjt-st .sjt-st-head{align-items:flex-end;margin-bottom:var(--sjt-head)}
body .sp-blog .sp-blog-ttl,body .sp-story .sp-story-ttl,body .sjt-st .sjt-st-in h2.sjt-st-ttl{margin:0;font-size:28px;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--sjt-ink)}
body .sp-blog .sp-blog-sub,body .sp-story .sp-story-sub,body .sjt-st .sjt-st-in p.sjt-st-sub{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--sjt-mute)}
body .sp-blog .sp-blog-all,body .sjt-st .sjt-st-in a.sjt-st-all{display:inline-flex;align-items:center;min-height:0;padding:0 0 0 12px;font-size:14px;font-weight:600;line-height:1.5;color:var(--sjt-mute);text-decoration:none;white-space:nowrap}
body .sp-blog .sp-blog-all:hover,body .sjt-st .sjt-st-in a.sjt-st-all:hover{color:var(--sjt-ink)}
body .sp-blog-head p{margin:0!important}
body .sp-blog .sjt-jp-products{margin-top:0}

/* 4) 이야기 카드 사진: 사진 속 글씨가 덜 잘리게 위쪽 기준 */
body .sjt-st .sjt-st-thumb img{object-position:center 35%}

/* 5) 상담 칸: 바로 위 섹션과 이어지게 위 여백 축소(합 48px), 푸터와 맞붙여 한 덩어리 */
body .sp-cta{margin:calc(var(--sjt-close) - var(--sjt-half)) 0 0;padding-top:var(--sjt-cta);padding-bottom:var(--sjt-cta)}
body .entry-content>.sj-footer{padding-top:48px}

/* 6) 푸터가 본문 밖에 있는 페이지(/travel/ 등)만: 본문 아래 아스트라 60px 제거. (푸터가 본문 안에 있는 페이지는 이미 sjt-theme-soft.css 16번이 처리) */
body.sjt-sp-pv #primary{margin-bottom:0!important}

@media (max-width:600px){
 body .sp-blog .sp-blog-head,body .sp-story .sp-story-head,body .sjt-st .sjt-st-head{align-items:center}
 body .sp-blog .sp-blog-ttl,body .sp-story .sp-story-ttl,body .sjt-st .sjt-st-in h2.sjt-st-ttl{font-size:22px}
 body .sp-blog .sp-blog-sub,body .sp-story .sp-story-sub,body .sjt-st .sjt-st-in p.sjt-st-sub{font-size:13px}
 body .sp-blog .sp-blog-all,body .sjt-st .sjt-st-in a.sjt-st-all{min-height:44px}
}

/* 2026-10-28 모바일 섹션 머리: 설명 줄바꿈 정리 */
@media (max-width:600px){body .sjt-st .sjt-st-head,body .sp-blog .sp-blog-head{flex-direction:column!important;align-items:flex-start!important;gap:6px}body .sjt-st .sjt-st-in a.sjt-st-all,body .sp-blog .sp-blog-all{padding-left:0}body .sjt-st .sjt-st-in p.sjt-st-sub{word-break:keep-all}}

/* 2026-10-28 화면 보정: "전체 보기 →" 화살표 앞 간격 (이야기·상품 섹션 머리 모두) */
body .sp-blog .sp-blog-all,body .sjt-st .sjt-st-in a.sjt-st-all{gap:4px;word-spacing:0}
/* 휴대폰: 소개 칸 버튼 ~ 이야기 칸 사이를 40px 안팎으로 (페이지 본문의 padding 36px !important 보다 우선) */
@media (max-width:600px){body.page-id-44 .sp-intro,body.page-id-45 .sp-intro,body.page-id-54 .sp-intro,body.page-id-10187 .sp-intro{padding-bottom:0!important}}