회사 브랜딩 구성

  • 아티클

사용자가 기업 인트라넷 또는 웹 기반 애플리케이션에 인증하면 Microsoft Entra ID는 IAM(ID 및 액세스 관리) 서비스를 제공합니다. 이러한 모든 로그인 환경에 적용되는 회사 브랜딩을 추가하여 사용자에게 일관된 환경을 만들 수 있습니다.

기본 로그인 환경은 모든 로그인에서 테넌트에서 적용되는 전역적인 모양과 느낌입니다. 설정을 사용자 지정하기 전에 로그인 페이지에 기본 Microsoft 브랜딩이 표시됩니다. 사용자 지정 배경 이미지 및/또는 색, 파비콘, 레이아웃, 머리글 및 바닥글을 사용하여 이 기본 환경을 사용자 지정할 수 있습니다. 사용자 지정 CSS 파일을 업로드할 수도 있습니다.

참고 항목

'로그인 상태 유지 프롬프트'를 관리하는 방법에 대한 지침은 '로그인 상태 유지?' 프롬프트 관리 문서에서 찾을 수 있습니다.

필수 조건

사용자 지정 브랜딩을 추가하려면 다음 라이선스 중 하나가 필요합니다.

Microsoft Entra ID P1 또는 P2 버전은 Microsoft Entra ID의 전 세계 인스턴스를 사용하는 중국 고객에게 제공됩니다. Microsoft Entra ID P1 또는 P2 버전은 현재 중국의 21Vianet에서 운영하는 Azure 서비스에서 지원되지 않습니다.

조직 브랜딩 관리주체 역할은 회사 브랜딩을 사용자 지정하는 데 필요한 최소 역할입니다.

시작하기 전에

모든 브랜딩 요소는 선택 사항입니다. 변경하지 않으면 기본 설정이 유지됩니다. 예를 들어 배너 로고를 지정했지만 배경 이미지가 없는 경우 로그인 페이지에는 대상 사이트(예: Microsoft 365)의 기본 배경 이미지를 사용하여 로고가 표시됩니다. 또한 로그인 페이지 브랜딩은 개인 Microsoft 계정에 적용되지 않습니다. 사용자 또는 게스트가 개인 Microsoft 계정을 사용하여 인증을 받는 경우 로그인 페이지에는 조직의 브랜딩이 반영되지 않습니다.

이미지에는 다른 이미지 및 파일 크기 요구 사항이 있습니다. Microsoft Entra 관리 센터에서 회사 브랜딩 프로세스를 검토하여 필요한 이미지 요구 사항을 수집하는 것이 좋습니다. 사진 편집기를 사용하여 적절한 크기의 이미지를 만들어야 할 수 있습니다. 모든 이미지에 대한 기본 설정 이미지 형식은 PNG이지만 JPG도 허용됩니다.

Microsoft Entra 회사 브랜딩과 함께 Microsoft Graph를 사용합니다. /beta 엔드포인트 및 organizationalBranding 리소스 종류에서 Microsoft Graph를 사용하여 회사 브랜딩을 보고 관리할 수 있습니다. 자세한 내용은 조직 브랜딩 API 설명서를 참조하세요.

브랜딩 요소는 다음 예에 설명됩니다. 텍스트 설명은 이미지 다음에 제공됩니다.

각 회사 브랜딩 요소가 강조 표시된 로그인 페이지의 스크린샷.

  1. Favicon: 브라우저 탭의 왼쪽에 표시되는 작은 아이콘입니다.
  2. 헤더: 로그인 페이지 상단, 헤더 로그 뒤의 공간입니다.
  3. 헤더 로고: 로그인 페이지의 왼쪽 상단에 표시되는 로고입니다.
  4. 배경 이미지: 로그인 상자 뒤의 전체 공간입니다.
  5. 페이지 배경색: 로그인 상자 뒤의 전체 공간입니다.
  6. 배너 로고: 로그인 상자 상단에 표시되는 로고입니다.
  7. 로그인 페이지 제목: 배너 로고 아래에 표시되는 더 큰 텍스트입니다.
  8. 로그인 페이지 설명: 로그인 페이지를 설명하는 텍스트입니다.
  9. 사용자 이름 힌트 및 텍스트: 사용자가 정보를 입력하기 전에 표시되는 텍스트입니다.
  10. 셀프 서비스 암호 재설정: 암호 재설정을 위해 로그인 페이지 텍스트 아래에 추가할 수 있는 링크입니다.
  11. 로그인 페이지 텍스트: 사용자 이름 필드 아래에 추가할 수 있는 텍스트입니다.
  12. 바닥글 링크: 개인 정보 및 쿠키: 개인 정보 보호를 위해 오른쪽 아래 모서리에 추가할 수 있는 링크입니다.
  13. 바닥글: 사용 약관: 사용 약관 정보를 추가할 수 있는 페이지 오른쪽 하단에 있는 텍스트입니다.
  14. 바닥글: 개인 정보 보호 및 사용 약관 정보를 제공하는 페이지 하단의 공간입니다.
  15. 템플릿: 페이지 및 로그인 상자의 레이아웃입니다.

회사 브랜딩 프로세스를 탐색하는 방법

팁

이 문서의 단계는 시작하는 포털에 따라 약간 다를 수 있습니다.

  1. Microsoft Entra 관리 센터에 조직 브랜딩 관리istrator로 로그인합니다.

  2. ID>사용자 환경>회사 브랜딩으로 이동합니다.

    • 현재 사용자 지정된 로그인 환경이 있는 경우 편집 단추를 사용할 수 있습니다.

    사이드 메뉴 및 구성 단추에 회사 브랜딩이 강조 표시된 사용자 지정 브랜딩 방문 페이지의 스크린샷

로그인 환경 프로세스는 섹션으로 그룹화됩니다. 각 섹션의 끝에서 검토 + 만들기 단추를 선택하여 선택한 내용을 검토하고 변경 내용을 제출하거나 다음 단추를 선택하여 다음 섹션으로 이동합니다.

사용자 지정 브랜딩 구성 페이지의 맨 아래에 있는 검토 + 만들기 및 다음: 레이아웃 단추의 스크린샷

기본

  • Favicon: 웹 브라우저 탭에 표시되는 로고의 PNG 또는 JPG를 선택합니다.

    • 이미지 크기: 32x32 px
    • 최대 파일 크기: 5KB

    웹 브라우저의 샘플 favicon 스크린샷

  • 배경 이미지: 로그인 페이지에서 기본 이미지로 표시할 PNG 또는 JPG를 선택합니다. 이 이미지는 창 크기에 따라 크기 조정 및 자르지만 로그인 프롬프트가 부분적으로 차단될 수 있습니다.

    • 이미지 크기: 1920x1080 px
    • 최대 파일 크기: 300KB

  • 페이지 배경색: 연결 속도가 느려서 배경 이미지를 로드할 수 없는 경우 선택한 배경색이 대신 나타납니다.

Layout

  • 시각적 템플릿: 템플릿이나 사용자 지정 CSS 파일을 사용하여 로그인 페이지의 레이아웃을 사용자 지정합니다.

    • 두 템플릿: 전체 화면 또는 부분 화면 배경 중 하나를 선택합니다. 전체 화면 배경은 배경 이미지를 가릴 수 있으므로 배경 이미지가 중요한 경우 부분 화면 배경을 선택합니다.
    • 머리글 및 바닥글 옵션의 세부 정보는 프로세스의 다음 두 섹션에 설정됩니다.

    레이아웃 탭의 스크린샷.

  • 사용자 지정 CSS: 페이지의 Microsoft 기본 스타일을 바꾸려면 사용자 지정 CSS 파일을 업로드합니다.

머리글을 사용하도록 설정하지 않은 경우 레이아웃 섹션으로 이동하여 머리글 표시를 선택합니다. 사용하도록 설정되면 로그인 페이지의 머리글에 표시할 PNG 또는 JPG를 선택합니다.

  • 이미지 크기: 245x36 px
  • 최대 파일 크기: 10KB

헤더를 사용하도록 설정해야 함을 나타내는 메시지의 스크린샷.

바닥글을 사용하도록 설정하지 않은 경우 레이아웃 섹션으로 이동하여 바닥글 표시를 선택합니다. 사용하도록 설정되면 다음 설정을 조정합니다.

  • '개인 정보 및 쿠키' 표시: 이 옵션은 기본적으로 선택되며 Microsoft '개인 정보 및 쿠키' 링크를 표시합니다.

    기본 Microsoft 링크를 숨기려면 이 옵션을 선택 취소합니다. 필요에 따라 사용자 고유의 표시 텍스트 및 URL을 제공합니다. 텍스트와 링크는 개인 정보 및 쿠키와 관련이 있을 필요가 없습니다.

  • '사용 약관' 표시: 이 옵션은 기본적으로 선택되며 Microsoft '사용 약관' 링크를 표시합니다.

    기본 Microsoft 링크를 숨기려면 이 옵션을 선택 취소합니다. 필요에 따라 사용자 고유의 표시 텍스트 및 URL을 제공합니다. 텍스트 및 링크는 사용 약관과 관련이 있을 필요가 없습니다.

    Important

    기본 Microsoft '사용 약관' 링크는 조건부 액세스 사용 약관과 동일하지 않습니다. 여기서 약관을 확인한다고 해서 해당 사용 약관을 수락했음을 의미하지는 않습니다.

    바닥글 섹션의 브랜딩 사용자 지정 스크린샷

로그인 양식

  • 배너 로고: 로그인 페이지에 표시할 배너 크기 로고(짧고 넓음)의 PNG 또는 JPG 이미지 파일을 선택합니다.

    • 이미지 크기: 245x36 px
    • 최대 파일 크기: 50KB

  • 정사각형 로고(밝은 테마): 밝은 색 테마를 사용하는 브라우저에서 사용할 로고의 정사각형 PNG 또는 JPG 이미지 파일을 선택합니다. 이 로고는 Microsoft Entra 웹 인터페이스와 Windows에서 사용자의 조직을 나타내는 데 사용됩니다.

    • 이미지 크기: 240x240 px
    • 최대 파일 크기: 50KB

  • 정사각형 로고(어두운 테마): 어두운 색 테마를 사용하는 브라우저에서 사용할 로고의 정사각형 PNG 또는 JPG 이미지 파일을 선택합니다. 이 로고는 Microsoft Entra 웹 인터페이스와 Windows에서 사용자의 조직을 나타내는 데 사용됩니다. 로고가 밝고 어두운 배경에서 잘 보이면 어두운 테마 로고를 추가할 필요가 없습니다.

    • 이미지 크기: 240x240 px
    • 최대 파일 크기: 50KB

  • 사용자 이름 힌트 텍스트: 로그인 페이지의 사용자 이름 입력 필드에 대한 힌트 텍스트를 입력합니다. 게스트가 동일한 로그인 페이지를 사용하는 경우 여기에 힌트 텍스트를 사용하지 않는 것이 좋습니다.

  • 로그인 페이지 텍스트: 로그인 페이지의 아래쪽에 표시되는 텍스트를 입력합니다. 이 텍스트를 사용하여 지원 센터에 대한 전화 번호 또는 법적 설명과 같은 추가 정보를 주고 받을 수 있습니다. 이 페이지는 공용이므로 여기에 중요한 정보를 제공하지는 마세요. 이 텍스트는 유니코드여야 하며 1,024자를 초과할 수 없습니다.

    새 단락을 시작하려면 Enter 키를 두 번 누릅니다. 굵게, 기울임꼴, 밑줄 또는 클릭 가능한 링크를 포함하도록 텍스트 서식을 변경할 수도 있습니다. 다음 구문을 사용하여 텍스트에 서식을 추가합니다.

    • 하이퍼링크: [text](link)
    • 굵게: **text** 또는 __text__
    • 기울임꼴: *text* 또는 _text_
    • 밑줄: ++text++

    Important

    로그인 페이지 텍스트로 추가된 하이퍼링크는 데스크톱 및 모바일 애플리케이션과 같은 네이티브 환경에서 텍스트로 렌더링됩니다.

  • 셀프 서비스 암호 재설정:

    • SSPR(셀프 서비스 암호 재설정) 표시: SSPR을 켜려면 이 확인란을 선택합니다.
    • 일반 URL: 사용자가 암호를 재설정하는 대상 URL을 입력합니다. 이 URL은 사용자 이름 및 암호 컬렉션 화면에 표시됩니다.
    • 사용자 이름 컬렉션 표시 텍스트: 기본 텍스트를 사용자 지정 사용자 이름 컬렉션 텍스트로 바꿉니다.
    • 암호 컬렉션 표시 텍스트: 기본 텍스트를 사용자 지정 암호 컬렉션 텍스트로 바꿉니다.

검토

사용 가능한 모든 옵션이 하나의 목록에 표시되므로 기본 설정에서 사용자 지정하거나 남긴 모든 항목을 검토할 수 있습니다. 완료되면 만들기 단추를 선택합니다.

기본 로그인 환경이 만들어지면 편집 단추를 선택하여 변경합니다. 기본 로그인 환경을 만든 후에는 삭제할 수 없지만 모든 사용자 지정 설정을 제거할 수 있습니다.

브라우저 언어별 로그인 환경 사용자 지정

해당 브라우저 언어에 대한 브랜딩 요소를 사용자 지정하여 특정 브라우저 언어를 사용하여 로그인하는 사용자를 위한 개인 설정 로그인 환경을 만들 수 있습니다. 이 사용자 지정은 기본 브랜딩에 대한 모든 구성을 재정의합니다. 요소를 변경하지 않으면 기본 요소가 표시됩니다.

  1. Microsoft Entra 관리 센터에 조직 브랜딩 관리istrator로 로그인합니다.

  2. ID>사용자 환경>회사 브랜딩으로 이동합니다.

  3. 브라우저 언어 추가를 선택합니다.

환경을 사용자 지정하는 프로세스는 기본 로그인 환경 프로세스와 동일합니다. 단, 기본 사항 섹션의 드롭다운 목록에서 언어를 선택해야 합니다. 기본 로그인 환경과 동일한 영역에 사용자 지정 텍스트를 추가하는 것이 좋습니다.

Microsoft Entra ID는 오른쪽에서 왼쪽으로 읽는 아랍어 및 히브리어와 같은 언어에 대해 오른쪽에서 왼쪽 기능을 지원합니다. 레이아웃은 사용자의 브라우저 설정에 따라 자동으로 조정됩니다.

오른쪽에서 왼쪽 레이아웃을 보여주는 히브리어 로그인 환경의 스크린샷.

사용자 환경

조직의 테넌트별 애플리케이션에 대한 로그인 페이지를 사용자 지정할 때 고려해야 할 몇 가지 시나리오가 있습니다.

SaaS(Software as a Service) 및 다중 테넌트 애플리케이션

Microsoft, SaaS(Software as a Service) 및 다중 테넌트 애플리케이션(예: https://myapps.microsoft.comhttps://outlook.com또는 사용자 지정 로그인 페이지)은 사용자가 전자 메일 또는 전화 번호를 입력하고 다음 단추를 선택한 후에만 표시됩니다.

홈 영역 검색

일부 Microsoft 애플리케이션은 인증을 위해 홈 영역 검색을 지원합니다. 이러한 시나리오에서 고객이 Microsoft Entra 일반 로그인 페이지에 로그인하면 Microsoft Entra ID는 고객의 사용자 이름을 사용하여 로그인해야 하는 위치를 결정할 수 있습니다.

사용자 지정 URL, whr 쿼리 문자열 매개 변수 또는 도메인 변수에서 애플리케이션에 액세스하는 고객의 경우 메일 또는 전화 번호를 추가한 후가 아니라 초기 로그인 화면에서 회사 브랜딩을 적용하는 데 사용할 수 있습니다. 예를 들어 whr=contoso.com은 앱의 사용자 지정 URL에 표시됩니다. 홈 영역 검색 및 도메인 매개 변수가 포함되면 회사 브랜딩이 첫 번째 로그인 단계에 즉시 표시됩니다. 다른 도메인 힌트를 포함할 수 있습니다.

다음 예에서는 contoso.com을 사용자 고유의 테넌트 이름 또는 확인된 도메인 이름으로 바꿉니다.

  • Microsoft Outlook의 경우 https://outlook.com/contoso.com
  • Microsoft 365의 SharePoint용 https://contoso.sharepoint.com
  • 내 앱 포털의 경우https://myapps.microsoft.com/?whr=contoso.com
  • 셀프 서비스 암호 재설정 https://passwordreset.microsoftonline.com/?whr=contoso.com

B2B 시나리오

테넌트 간 로그인을 수행하는 B2B 협업 최종 사용자의 경우 사용자 지정 브랜딩이 지정되지 않은 경우에도 홈 테넌트 브랜딩이 나타납니다.

다음 예제에서는 Woodgrove 로고, 글꼴 및 사용자 지정 텍스트가 있는 Woodgrove 식료품 회사 브랜딩이 왼쪽에 나타납니다. 오른쪽의 예는 사용자의 홈 테넌트에 대한 기본 브랜딩을 표시합니다. 기본 브랜딩은 Microsoft 로고, 글꼴 및 텍스트를 표시합니다.

브랜드 로그인 환경 및 기본 로그인 환경 비교의 스크린샷

다음 단계