@charset "utf-8";

/**
 * 신규가입 중단 안내 팝업 (오류관리대장 11번)
 * 대상: #jca-signup-block-modal (application/views/common/include/footer.php)
 *
 * modal.customer.css 의 .modal--confirm 레이아웃을 그대로 쓰되, 본문 문구만 따로 잡는다.
 *  - .txt-center 를 쓰지 않는 이유: modal.customer.css:94 에서 max-width:768px 일 때
 *    12px / #9b9da3 / 좌측정렬 '보조문구' 스타일로 잡혀 있어 본문에는 맞지 않는다.
 *  - .sub-title 을 쓰지 않는 이유: display:flex 라 문구 안의 <br> 이 무시된다.
 *
 * 선택자를 #jca-signup-block-modal 로 한정해 다른 모달에 영향이 가지 않게 한다.
 */

#jca-signup-block-modal .modal__text-wrap {
    padding: 36px 24px;
}

#jca-signup-block-modal .signup-block-message {
    display: block;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.6px;
}

@media (max-width: 768px) {
    #jca-signup-block-modal .modal__text-wrap {
        padding: 30px 20px;
    }

    #jca-signup-block-modal .signup-block-message {
        font-size: 15px;
        line-height: 1.55;
        letter-spacing: -0.5px;
    }
}