/* ========== 성범죄 페이지 모바일 UX 개선 ========== */
/* 1. 히어로 모바일 최적화 */
@media (max-width: 767px) {
.page-id-28627 .e-con:first-child {
max-height: 280px !important;
overflow: hidden !important;
}
.page-id-28627 .e-con:first-child img {
object-fit: cover !important;
height: 280px !important;
width: 100% !important;
}
}
/* 2. 하단 고정 FAB — 전화/상담 버튼 */
.page-id-28627 .sexcrime-fab {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
display: flex;
gap: 0;
background: rgba(5,14,36,0.95);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding: 8px 12px;
padding-bottom: max(8px, env(safe-area-inset-bottom));
box-shadow: 0 -2px 20px rgba(0,0,0,0.3);
}
.page-id-28627 .sexcrime-fab a {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 0;
border-radius: 8px;
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
letter-spacing: -0.02em;
min-height: 48px;
}
.page-id-28627 .sexcrime-fab .fab-call {
background: #D4A850;
color: #050E24 !important;
margin-right: 6px;
}
.page-id-28627 .sexcrime-fab .fab-consult {
background: transparent;
border: 1.5px solid rgba(212,168,80,0.6);
color: #D4A850 !important;
}
@media (min-width: 768px) {
.page-id-28627 .sexcrime-fab { display: none !important; }
}
/* FAB 여백 확보 */
@media (max-width: 767px) {
.page-id-28627 .elementor {
padding-bottom: 80px !important;
}
}
/* 3. 모바일 타이포그래피 */
@media (max-width: 767px) {
.page-id-28627 .elementor-widget-container p {
font-size: 14px !important;
line-height: 1.75 !important;
margin-bottom: 24px !important;
word-break: keep-all !important;
}
.page-id-28627 .elementor-widget-container h2 {
font-size: 20px !important;
line-height: 1.35 !important;
}
.page-id-28627 .elementor-widget-container h3 {
font-size: 17px !important;
}
.page-id-28627 .elementor-widget-container li {
font-size: 14px !important;
line-height: 1.7 !important;
margin-bottom: 12px !important;
}
}
/* 업무영역 아코디언 */
.sc-accordion { margin-top: 12px; }
.sc-acc-item {
border: 1px solid #e8e8e8;
border-radius: 10px;
margin-bottom: 10px;
overflow: hidden;
background: #fff;
transition: box-shadow 0.2s;
}
.sc-acc-item[open] {
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
border-color: #D4A850;
}
.sc-acc-header {
display: flex;
align-items: center;
padding: 16px 18px;
cursor: pointer;
list-style: none;
font-weight: 700;
font-size: 15px;
color: #1a1a2e;
gap: 10px;
}
.sc-acc-header::-webkit-details-marker { display: none; }
.sc-acc-icon { font-size: 20px; flex-shrink: 0; }
.sc-acc-title { flex: 1; }
.sc-acc-arrow {
font-size: 22px;
color: #D4A850;
transition: transform 0.2s;
flex-shrink: 0;
}
.sc-acc-item[open] .sc-acc-arrow { transform: rotate(90deg); }
.sc-acc-body {
padding: 0 18px 18px;
font-size: 14px;
line-height: 1.7;
color: #444;
}
.sc-acc-body p { margin-bottom: 10px !important; font-size: 14px !important; }
/* 다크 섹션 내 아코디언은 밝은 배경 유지 */
.page-id-28627 .e-con[style*="050E24"] .sc-acc-item { background: rgba(255,255,255,0.05); border-color: rgba(212,168,80,0.3); }
.page-id-28627 .e-con[style*="050E24"] .sc-acc-header { color: #fff; }
.page-id-28627 .e-con[style*="050E24"] .sc-acc-body { color: rgba(255,255,255,0.8); }
.page-id-28627 .e-con[style*="050E24"] .sc-acc-item[open] { border-color: #D4A850; box-shadow: 0 2px 12px rgba(212,168,80,0.15); }
/* 숫자 카운터 */
.sc-counters {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
text-align: center;
padding: 32px 20px;
}
.sc-counter {
padding: 20px 10px;
border-bottom: 1px solid rgba(212,168,80,0.15);
}
.sc-counter:nth-child(odd) { border-right: 1px solid rgba(212,168,80,0.15); }
.sc-counter:nth-child(n+3) { border-bottom: none; }
.sc-counter-num {
font-size: 32px;
font-weight: 800;
color: #D4A850;
letter-spacing: -0.03em;
line-height: 1.2;
}
.sc-counter-label {
font-size: 13px;
color: rgba(255,255,255,0.6);
margin-top: 6px;
letter-spacing: -0.01em;
}
@media (max-width: 767px) {
.sc-counters { padding: 24px 16px; }
.sc-counter { padding: 16px 8px; }
.sc-counter-num { font-size: 26px; }
.sc-counter-label { font-size: 12px; }
}
/* 다크 섹션 텍스트 (data-id 기반) */
.page-id-28627 [data-id="10dcf32"] .elementor-widget-container p,
.page-id-28627 [data-id="10dcf32"] .elementor-widget-container li,
.page-id-28627 [data-id="d5b1990"] .elementor-widget-container p,
.page-id-28627 [data-id="d5b1990"] .elementor-widget-container li {
color: rgba(255,255,255,0.85) !important;
}
.page-id-28627 [data-id="10dcf32"] .elementor-widget-container strong,
.page-id-28627 [data-id="d5b1990"] .elementor-widget-container strong {
color: #D4A850 !important;
}
/* FAQ 가독성 강화 */
.page-id-28627 [data-id="4a3784c"] .elementor-widget-container p {
color: #222 !important;
font-size: 15px !important;
}
콘텐츠로 건너뛰기
[법무법인 더프라임] 물가변동 계약금액 조정 사안 시공사 대리 일부 승소