/* ============================================================
   englishwhale 커스텀 푸터 CSS (yc5 main_2027 디자인 이식)
   출처: yc5 theme/cookie/main_2027/resource/css/style.css (.footer 블록 78~97 + 반응형)
   - footer_ep.php 에서 <link>로 로드 (헤더 무수정 원칙)
   - ⭐ 모든 규칙을 .footer 스코프로 격리 + 로컬 리셋으로 default.css 간섭 차단
   ============================================================ */

/* --- 로컬 리셋 : englishwhale default.css 전역규칙(불릿/링크색/밑줄/박스) 차단 --- */
.footer,
.footer * { box-sizing: border-box; }
.footer ul,
.footer ol,
.footer li { list-style: none; margin: 0; padding: 0; }
.footer a { text-decoration: none; color: inherit; }
.footer a:hover { text-decoration: none; }
.footer h4 { margin: 0; padding: 0; }
/* default.css의 p{word-break:break-all} 방어 — 한글 상호/주소가 음절 중간에서 잘리는 것 차단 */
.footer p { margin: 0; word-break: keep-all; }
.footer nav { display: block; }
.footer img { max-width: 100%; vertical-align: top; border: 0; }

/* --- 푸터 본체 (yc5 style.css 78~97 발췌) --- */
/* font-size:16px 못박음 — englishwhale body{font-size:0.75em=12px} 상속 차단(yc5 원본 16px 기준 비율 복원) */
.footer { padding: 40px 0; line-height: 1.6; border-top: solid 1px #d8d8d8; color: #333; font-size: 16px; }
/* 폭 1200px 로 통일 — 이 mobile 테마의 콘텐츠(.gnb_wr/.subpage/.idx_con/옛 .ft_info)가 전부 max-width:1200px 중앙정렬이라 맞춤. position:relative 명시(mobile.css .inner 의존 제거) */
.footer .inner { display: flex; max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; box-sizing: border-box; }
.footer .inner .footer-info-left { width: 260px; flex: 0 0 auto; }
.footer .inner .footer-info-right { flex: 1; }

.footer .footer-logo { height: 72px; width: auto; margin-bottom: 20px; }

.footer .footer-info-right .info-wrap { display: flex; justify-content: space-between; }
.footer .policy a { margin-right: 50px; }

.footer .link-wrap { display: flex; padding-bottom: 24px; }
.footer .link-wrap .link { padding-left: 80px; }
.footer .link-wrap .link h4 { font-size: 18px; margin-bottom: 10px; font-weight: 700; }

.footer .link-wrap .link ul li { margin-bottom: 8px; }
.footer .link-wrap .link ul li a { color: #777; }

.footer .footer-bottom { padding: 24px 0; border-top: 1px solid #ddd; font-size: 14px; word-break: keep-all; }
.footer .footer-bottom .company-details p { margin: 5px 0; color: #999; }
.footer .footer-bottom .company-details span { margin-right: 15px; }

/* --- 반응형 (yc5 style.css 미디어쿼리에서 .footer 관련만 발췌) --- */
/* (폭은 기본값 .footer .inner{max-width:1200px}로 통일 — 기존 1710/1640 override 제거) */
@media (max-width: 1240px) {
    .footer .link-wrap .link { padding-left: 60px; }
    .footer .footer-bottom { font-size: 13px; }
}
@media (max-width: 1024px) {
    .footer .inner .footer-info-left { width: 220px; }
    .footer .footer-info-right .info-wrap { flex-direction: column; }
    .footer .link-wrap .link { padding: 20px 60px 0 0; }
    .footer .link-wrap .link h4 { margin-bottom: 6px; font-size: 16px; }
    .footer .link-wrap .link ul li { margin-bottom: 6px; }
}
@media (max-width: 768px) {
    .footer .inner { display: block; }
    .footer .policy { padding-top: 20px; }
    .footer .policy a { font-size: 13px; }
    .footer .footer-bottom { padding: 24px 0 0; }
    .footer .footer-bottom .company-details span { display: block; }
}
@media (max-width: 480px) {
    .footer .link-wrap .link { padding: 20px 24px 0 0; }
}