/** * 홍보용 Footer (Promo USP) 스타일 */ /* 브랜드 약속 (Promise) */ #content .promo-usp-promise { display: none; background: #fff; } /* 브랜드 트렌드 (Trend) */ #content .promo-usp-trend { display: none; background: #f8f8f8; } /* ===== 진료시간 grid 강제 오버라이드 — 2026-08-05 제거 ===== * momo 의 `float:left` 잔재를 무력화하려고 넣었던 방어 규칙이었다. * 그 잔재는 그 뒤 common.min.css 에서 삭제됐고(전 로드 CSS 스캔 결과 0건), * 방어만 남아 **대구점 푸터를 깨뜨리고 있었다**: * `repeat(3, max-content)` 는 줄어들지 않는 트랙이라 `.footer_schedule{width:35%}` 를 넘치고, * `overflow:visible` 이 잘림까지 막아 3열(월·화·토)이 오시는길 영역을 침범한다. * 원본은 `repeat(3, auto)` + `overflow:hidden` 이며, 그 규칙은 발행 푸터 템플릿 CSS 에 * 이미 원본 그대로 들어 있으므로 여기서는 아무것도 하지 않는 게 맞다. * (원칙: 잔재를 덮지 말고 잔재를 지운다) */ /* ===== 진료시간 배치 — 원본 daeatdiet.com 과 동일 (2026-11-05 복원) ===== * 2026-08-05 에 "요일 순서로 읽히게" order 로 재배열하고 .empty 를 전 폭에서 숨겼으나, * 2026-11-05 사용자 지시로 **원본 배치 그대로** 되돌린다. * 데스크톱(3열) 월 화 토 / 수 목 (빈칸) / 금 * ≤1440px(2열) 월 화 / 토 수 / 목 금 ← .empty 는 이 구간에서만 숨긴다(원본 동일) * DOM 순서(월 화 토 수 목 empty 금)는 hours.php 가 만들고, 여기서는 아무 재배열도 하지 않는다. * 원본 규칙 위치: theme/daeat/css/style.css * .footer_top .footer_schedule ul { grid-template-columns: repeat(3, auto) } * @media (max-width:1440px) { ul{repeat(2,1fr)} .empty{display:none} } * 발행 푸터 템플릿 CSS 에 위 규칙이 원본 그대로 들어 있으므로 여기서는 덮지 않는다. */ /* ── 모바일/태블릿 전체메뉴(드로어) 보정 (2026-07-29) ──────────────── * 원본 daeatdiet.com 과 다른 부분만 바로잡는다. * site-footer.css 는 홈·서브페이지 **양쪽에서 가장 마지막**에 로드되므로 여기서 덮어쓴다. * (드로어 스타일 본체는 home.css 에 있는데 home.css 는 홈에서만 로드된다 → 서브페이지 보정도 겸한다) * * ① 아이콘: common.min.css 의 `.contact_us … span{background-color; border-radius; 60px}` 는 * momo 원형 아이콘용이다. daeat 아이콘(PNG)이 그 어두운 원 위에 깔려 검은 동그라미로 보였다. * ② 로그인/회원가입: common.min.css `.member{text-align:center}` 가 남아 가운데 정렬됐다 → 원본은 왼쪽. * ③ 슬로건 문구도 원본은 왼쪽 정렬. * ④ 닫기(X)가 지점/언어 선택기와 수직 정렬이 안 맞았다. * ------------------------------------------------------------------ */ #mobileAllMenu .contact_us ul li a span, #tabletAllMenu .contact_us ul li a span { width: 24px; height: 24px; margin: 0 auto 6px; background-color: transparent; border-radius: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } #mobileAllMenu .contact_us ul li:nth-of-type(1) a span, #tabletAllMenu .contact_us ul li:nth-of-type(1) a span { background-image: url(/images/daeat/index/btn_call.png); } #mobileAllMenu .contact_us ul li:nth-of-type(2) a span, #tabletAllMenu .contact_us ul li:nth-of-type(2) a span { background-image: url(/images/daeat/index/btn_kakao.png); } #mobileAllMenu .contact_us ul li:nth-of-type(3) a span, #tabletAllMenu .contact_us ul li:nth-of-type(3) a span { background-image: url(/images/daeat/index/btn_online.png); } #mobileAllMenu .slogan, #mobileAllMenu .slogan p { text-align: left; } #mobileAllMenu .member { text-align: left; } #mobileAllMenu .member ul { display: flex; align-items: center; } #mobileAllMenu .member ul li { float: none; } /* 닫기(X) 세로 정렬 — 지점/언어 선택기와 같은 축에 오도록 */ #mobileAllMenu .mobileAllMenu_list_top, #mobileAllMenu .mobileAllMenu_list .right_menu { align-items: center; } #mobileAllMenu .mobileAllMenu_list .right_menu .btn_close { height: auto; display: flex; align-items: center; } #mobileAllMenu .mobileAllMenu_list .right_menu .btn_close a { padding: 0; } /* ── 드로어 언어 선택 드롭다운 (2026-07-29) ────────────────────────── * 원본 daeatdiet.com 도 다국어 드롭다운이 있다. 형태는 — * 버튼 : 국기 img 는 CSS 로 숨기고 코드(KR/JP/CN/EN)만 노출 * 드롭다운: 국기 아이콘만 세로로 (코드 span 은 숨김) * 우리는 국기 img 자체가 없어 스타일도 안 먹고