/* =====================================================
 REM 보정 (공용) - /css/notice_renew/reset.css를 불러오는 모든 페이지가
 함께 불러온다 (notice01.html, notice02.html, allthatpayM_landing.html 등).

 reset.css가 html { font-size: 10px } 로 루트 폰트 크기를 바꿔버려서,
 common.css의 rem 기반 컴포넌트(GNB/Footer/상담모달/상담유형선택/안내모달/
 플로팅 액션 버튼 등)의 실제 렌더링 크기가 전부 10/16으로 줄어든다.
 이 파일이 그 컴포넌트들의 rem 값을 의도된 px로 재지정한다.

 새 플로팅 요소(예: floating-actions에 버튼 추가)나 새 공용 팝업을 추가할 때
 다른 페이지에서 이미 깨져 보였다면, 페이지마다 따로 <style>에 보정을 넣지 말고
 이 파일 한 곳에만 추가한다 - reset.css를 쓰는 모든 페이지에 한 번에 적용된다.
===================================================== */

/* ---- GNB ---- */
.gnb__logo                                  { font-size: 19.2px; }
.gnb__menu-item                             { font-size: 16px; }
.gnb__dropdown .gnb__dropdown-item a        { font-size: 14px; }
.gnb__actions .btn--primary i               { color: #fff; }
.gnb__hamburger                             { font-size: 19.2px; }
.gnb__mobile-close                          { font-size: 18.4px; }
.gnb__mobile-menu-item                      { font-size: 16px; }
.gnb__mobile-menu-item i                    { font-size: 12.8px; }
.gnb__mobile-dropdown .gnb__dropdown-item a { font-size: 14.4px; }
.gnb .btn,
.gnb__mobile-nav-footer .btn                { font-size: 14px; }
.gnb .btn--primary-lg,
.gnb__mobile-nav-footer .btn--primary-lg    { font-size: 18px; }
.gnb__mobile-nav-header .gnb__logo-text     { font-size: 16px; }
.gnb__mobile-nav-footer .js-kakao-btn img   { width: fit-content; }

@media (max-width: 1300px) {
    .gnb__menu-item { font-size: 15px; }
}

/* ---- Footer ---- */
.footer__link      { font-size: 14.4px; }
.footer__brand-sub { font-size: 12px; }
.footer__info p    { font-size: 12.8px; }
.footer__copy      { font-size: 12px; }

/* ---- Floating Actions (챗봇/카카오 상담 등 우측 하단 플로팅 버튼) ---- */
.btn--fab {
    font-size: 17.6px; /* 1.1rem × 16px */
    color: var(--colors-primary); /* reset의 *{color:#222} 방지 */
}
.btn--fab.btn--fab-primary { color: #fff; }
.floating-actions .btn--fab i {
    font-size: 17.6px;
    color: currentColor; /* 부모 .btn--fab의 color를 그대로 사용 */
}
.btn--fab[data-tooltip]::after { font-size: 13px; /* 0.8125rem × 16px */ }

/* reset.css * { color: #222 } 로 인한 아이콘 색상 문제 보정
   gnb/footer 안의 i 전체를 부모 color 상속으로 전환 */
.page-renew .gnb i,
.page-renew .gnb__mobile-nav i,
.page-renew .footer i          { color: inherit; }

/* 모바일 nav 하단 버튼 아이콘 색상 명시 */
.gnb__mobile-nav-footer .btn--primary i       { color: #fff; }
.gnb__mobile-nav-footer .btn--ghost-primary i { color: var(--colors-primary); }

/* Pretendard 폰트 적용
   reset.css * { font-family: ... } 이 상속을 차단하므로 공용 컴포넌트에 직접 재지정
   (페이지 본문 고유 클래스는 각 페이지 CSS에서 별도로 처리) */
.page-renew .gnb,
.page-renew .gnb *:not(i),
.page-renew .gnb__mobile-nav,
.page-renew .gnb__mobile-nav *:not(i),
.page-renew .footer,
.page-renew .footer *:not(i),
.page-renew .consult-modal,
.page-renew .consult-modal *:not(i),
.page-renew .consult-choice,
.page-renew .consult-choice *:not(i),
.page-renew .alert-modal,
.page-renew .alert-modal *:not(i) {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---- Consult Modal (상담 신청) ---- */
.consult-modal__close                    { font-size: 22.4px; }
.consult-modal__left .main-tit           { font-size: 36px; }
.consult-modal__left .sub_tit            { font-size: 18px; }
.consult-modal .input-label              { font-size: 14px; }
.consult-modal .input-field              { font-size: 14px; }
.consult-modal .input-group .input-error { font-size: 13px; }
.consult-form__agree .checkbox-label     { font-size: 13px; }
.consult-form__agree-view                { font-size: 13px; }
.consult-modal .btn                      { font-size: 14px; }

@media (max-width: 768px) {
    .consult-modal__left .main-tit { font-size: 28.8px; }
    .consult-modal__left .sub_tit  { font-size: 16px; }
}
@media (max-width: 576px) {
    .consult-modal__left .main-tit { font-size: 22.4px; }
    .consult-modal__left .sub_tit  { font-size: 14.4px; }
}

/* ---- Consult Choice (상담 유형 선택 팝업) ---- */
.consult-choice__close      { font-size: 17.6px; }
.consult-choice__title      { font-size: 20px; }
.consult-choice__btn-icon i { font-size: 20px; }
.consult-choice__btn-label  { font-size: 16px; }
.consult-choice__btn-desc   { font-size: 14.4px; }

/* ---- Alert Modal (안내 팝업) ---- */
.alert-modal .alert-modal__close { font-size: 18px; }
.alert-modal .alert-modal__icon  { font-size: 40px; }
.alert-modal .alert-modal__title { font-size: 20px; }
.alert-modal .alert-modal__body  { font-size: 15px; }
.alert-modal .btn                { font-size: 14px; }