/* ============================================= SLSC 모바일 v1.2 — 시작 범위: 최대 너비 767px만 ============================================== */ @media (max-width: 767px) { /* ---------- 1. 타이포그래피 정리 ---------- */ body, .elementor-widget-text-editor, .elementor-widget-text-editor p, .elementor-widget-text-editor div, p, li { font-size: 16px !important; line-height: 1.6 !important; } @media (max-width: 767px) { /* 모바일에서 Elementor 사이트 콘텐츠 숨기기 */ .elementor-section-wrap, .elementor-location-single, #page, .site-content, .entry-content, header.site-header, .ast-header-break-point, footer.site-footer, #ast-fixed-footer { display: none !important; } /* 사용자 지정 모바일 페이지 표시 */ #shiny-mobile-page { display: block !important; } } h1, .elementor-widget-heading h1, .elementor-widget-heading h1.elementor-heading-title, .elementor-heading-title.elementor-size-xxl, .elementor-heading-title.elementor-size-xl { font-size: 32px !important; } 줄 높이: 1.18 !important; 글자 간격: -0.01em !important; 하단 여백: 14px !important; } h2, .elementor-widget-heading h2, .elementor-widget-heading h2.elementor-heading-title { 글꼴 크기: 26px !important; 줄 높이: 1.25 !important; 글자 간격: -0.005em !important; 하단 여백: 12px !important; } h3, .elementor-widget-heading h3, .elementor-widget-heading h3.elementor-heading-title { 글꼴 크기: 20px !important; 줄 높이: 1.3 !important; } .elementor-widget-text-editor h1, .elementor-widget-text-editor h2, .elementor-widget-text-editor h3, .elementor-widget-text-editor span, .elementor-widget-text-editor em { font-size: 18px !important; line-height: 1.5 !important; } .elementor-button, a.elementor-button, button.elementor-button, .elementor-button-link { font-size: 15px !important; line-height: 1.2 !important; padding: 14px 22px !important; letter-spacing: 0.01em !important; } section.elementor-section { padding-top: 40px !important; padding-bottom: 40px !important; } .elementor-section.elementor-section-boxed > .elementor-container, .elementor-top-section { padding-left: 18px !important; padding-right: 18px !important; } /* ---------- 2. 모바일에서 숨기기 ---------- */ /* 사용자 인터페이스 */ #userwayAccessibilityIcon, .userway_buttons_wrapper, [class*="userway"], [id*="userway"] { display: none !important; } /* TranslatePress */ #trp-floater-ls, .trp-floater, .trp-language-switcher, .trp-language-switcher-container { display: none !important; } } /* 맨 위로 이동 */ #scroll-to-top, .scroll-to-top, .back-to-top, .elementor-element .scroll-top { display: none !important; } /* 기존 복숭아색 플로팅 버튼 - 검사에서 확인한 정확한 ID */ #homebtn1, .homebtn2 { display: none !important; } /* ---------- 3. 고정 하단 CTA 바 ---------- */ .slsc-mobile-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; display: flex; gap: 10px; padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); background: rgba(255, 252, 250, 0.96); -webkit-backdrop-filter: saturate(160%) blur(12px); backdrop-filter: saturate(160%) blur(12px); border-top: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.06); } .slsc-mobile-cta a { flex: 1; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 999px; font-size: 15px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease; } .slsc-mobile-cta a:active { transform: scale(0.98); } /* 문자 보내기 - 복숭아색 테두리 */ .slsc-mobile-cta .slsc-text { background: #ffffff; color: #c0694a; border: 1.5px solid #ed9c80; } /* 책 - 복숭아색 채움, 사이트와 정확히 일치 */ .slsc-mobile-cta .slsc-book { background: #ed9c80; color: #ffffff; box-shadow: 0 6px 16px rgba(237, 156, 128, 0.35); } /* 스티키 바 위로 콘텐츠 이동 */ body { padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important; } /* ---------- 4. 관심 그리드 ---------- */ .slsc-concerns { padding: 36px 18px 8px; } .slsc-concerns h2 { text-align: center; font-size: 24px !important; line-height: 1.25 !important; margin: 0 0 20px !important; color: #1A2A33; } .slsc-concerns-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .slsc-concerns-grid a { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 96px; padding: 14px 12px; border-radius: 14px; } background: #FBF5F0; color: #1A2A33; font-size: 14px; font-weight: 600; line-height: 1.3; letter-spacing: 0.01em; text-decoration: none; border: 1px solid rgba(237, 156, 128, 0.18); transition: transform 0.15s ease, background 0.15s ease; } .slsc-concerns-grid a:active { transform: scale(0.98); background: #faeae3; } /* 5번째 타일은 전체 너비를 차지합니다 */ .slsc-concerns-grid a:nth-child(5) { grid-column: 1 / -1; } } /* 태블릿/데스크톱에서 모바일 전용 요소 숨기기 */ @media (min-width: 768px) { .slsc-mobile-cta, .slsc-concerns { display: none !important; } } /* ============================================= SLSC 모바일 v1.2 — 끝 ============================================== */ @media (max-width: 767px) { /* 모바일에서 Reina 테마 요소 숨기기 */ #masthead, .site-header, .main-navigation, #content, .site-content, .site-footer, #colophon, .elementor-section-wrap, .entry-content > *:not(#shiny-mobile-page) { display: none !important; } /* 사용자 지정 모바일 페이지 표시 */ #shiny-mobile-page { display: block !important; } }