/* ==========================================================
   CEO SHIELD MOBILE V5.4.17D
   TYPOGRAPHY / READABILITY
   ========================================================== */


/* ----------------------------------------------------------
   전체 폰트
   외부 폰트 다운로드 없이 기기에 존재하는 고품질 폰트 우선
   ---------------------------------------------------------- */

html,
body,
button,
input,
select,
textarea{
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Apple SD Gothic Neo",
        "Malgun Gothic",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}


/* ----------------------------------------------------------
   기본 본문
   ---------------------------------------------------------- */

body{
    letter-spacing:-0.15px;
}


/* ----------------------------------------------------------
   고객 리스트 메인 제목
   ---------------------------------------------------------- */

h1,
h2{
    font-weight:800 !important;
    letter-spacing:-0.45px !important;
}


/* ----------------------------------------------------------
   버튼 / 입력 / 셀렉트
   현재보다 약 +2px
   ---------------------------------------------------------- */

button,
select,
input,
textarea{
    font-size:14px !important;
}

select,
input{
    font-weight:700 !important;
}


/* ----------------------------------------------------------
   V5.4.17 고객조회조건
   ---------------------------------------------------------- */

#ceo-mobile-customer-query-v5417{
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Apple SD Gothic Neo",
        "Malgun Gothic",
        sans-serif !important;
}

#ceo-mobile-customer-query-v5417 .v5417-title b{
    font-size:17px !important;
    font-weight:800 !important;
    letter-spacing:-0.35px !important;
}

#ceo-mobile-customer-query-v5417 .v5417-title small{
    font-size:10px !important;
    font-weight:600 !important;
}

#ceo-mobile-customer-query-v5417 .v5417-select,
#ceo-mobile-customer-query-v5417 .v5417-input{
    min-height:48px !important;

    font-size:14px !important;
    font-weight:700 !important;

    letter-spacing:-0.2px !important;
}

#ceo-mobile-customer-query-v5417 .v5417-count{
    min-height:38px !important;
    font-size:12px !important;
    font-weight:800 !important;
}

#ceo-mobile-customer-query-v5417 .v5417-count strong{
    font-size:14px !important;
    font-weight:900 !important;
}

#ceo-mobile-customer-query-v5417 .v5417-bottom{
    font-size:10px !important;
}

#ceo-mobile-customer-query-v5417 .v5417-reset{
    font-size:11px !important;
}


/* ----------------------------------------------------------
   로그인 직위 배지
   ---------------------------------------------------------- */

#ceo-mobile-role-badge-v5417c,
#ceo-mobile-role-badge-v5417c2{
    min-height:34px !important;

    padding:7px 12px !important;

    font-size:12px !important;
    font-weight:800 !important;

    letter-spacing:-0.15px !important;
}

#ceo-mobile-role-badge-v5417c .v5417c-icon,
#ceo-mobile-role-badge-v5417c2 .ceo-role-icon{
    font-size:15px !important;
}

#ceo-mobile-role-badge-v5417c .v5417c-role,
#ceo-mobile-role-badge-v5417c2 .ceo-role-name{
    font-size:12px !important;
    font-weight:900 !important;
}

#ceo-mobile-role-badge-v5417c .v5417c-user,
#ceo-mobile-role-badge-v5417c2 .ceo-role-user{
    font-size:12px !important;
    font-weight:700 !important;
}


/* ----------------------------------------------------------
   V5.4 계열 아코디언 / 운영센터 / 조회 모듈
   제목 가독성 강화
   ---------------------------------------------------------- */

[id*="v54"] button,
[id*="v54"] select,
[id*="v54"] input{
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Apple SD Gothic Neo",
        "Malgun Gothic",
        sans-serif !important;
}


/* 제목 역할로 사용되는 일반적인 요소 */
[class*="title"],
[class*="header"] strong,
[class*="header"] b{
    font-weight:800 !important;
    letter-spacing:-0.35px !important;
}


/* ----------------------------------------------------------
   모바일 카드 / 아코디언 내부 텍스트
   기존 레이아웃은 유지하면서 가독성만 향상
   ---------------------------------------------------------- */

section button,
section select,
section input{
    line-height:1.35 !important;
}


/* ----------------------------------------------------------
   작은 설명 글자
   지나치게 작아지지 않도록 최소값 확보
   ---------------------------------------------------------- */

small{
    font-size:max(10px, 0.82em) !important;
    line-height:1.4 !important;
}


/* ----------------------------------------------------------
   숫자 및 상태 배지
   ---------------------------------------------------------- */

[data-v5417-total],
[data-v5417-partner],
[data-v5417-consultant]{
    font-variant-numeric:tabular-nums;
}


/* ----------------------------------------------------------
   모바일 360~430px 최적화
   ---------------------------------------------------------- */

@media (max-width:430px){

    #ceo-mobile-customer-query-v5417{
        padding:15px !important;
    }

    #ceo-mobile-customer-query-v5417 .v5417-search-row{
        grid-template-columns:110px 1fr !important;
    }

    #ceo-mobile-customer-query-v5417 .v5417-title b{
        font-size:17px !important;
    }

    #ceo-mobile-customer-query-v5417 .v5417-select,
    #ceo-mobile-customer-query-v5417 .v5417-input{
        font-size:14px !important;
    }
}


/* ----------------------------------------------------------
   아주 작은 화면
   ---------------------------------------------------------- */

@media (max-width:360px){

    #ceo-mobile-customer-query-v5417 .v5417-search-row{
        grid-template-columns:100px 1fr !important;
    }

    #ceo-mobile-customer-query-v5417 .v5417-select,
    #ceo-mobile-customer-query-v5417 .v5417-input{
        font-size:13px !important;
    }
}