> For the complete documentation index, see [llms.txt](https://docs.macgai7.com/macgai-manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.macgai7.com/macgai-manual/homepage/settings/intro.md).

# 인트로 카드 영역 설정

메인 화면에 카드를 배치해 특정 기능에 바로 접근할 수는 있는 카드를 배치할 수 있어요.

{% hint style="danger" %}
맥가이 사용 가이드 문서가 채널톡으로 이전되었습니다.\
기존 문서는 더 이상 업데이트되지 않으니, 앞으로 최신 가이드는 채널톡에서 확인해 주세요.\
[채널톡 바로가기↗](https://docs.channel.io/macgai-guide/ko/articles/homepage-intro-settings-00ab6aaa)
{% endhint %}

## **인트로 카드 상세 설정**

<figure><img src="https://2002957861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fmdmuj10ANPKWZFoGqIyo%2Fuploads%2F7HjXpSJcW341osQ1I3Qn%2Fimage.png?alt=media&amp;token=bf6c3921-8453-4e7e-ab8b-f14c21be6e2d" alt=""><figcaption></figcaption></figure>

1. **추가:** 새로운 인트로 카드를 추가합니다.
2. **삭제:** 작성 중이거나 저장된 카드를 삭제합니다.
3. **순서:** 카드의 배치 순서를 정합니다. Z 방향으로 정렬됩니다.

   <div align="left"><figure><img src="https://2002957861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fmdmuj10ANPKWZFoGqIyo%2Fuploads%2FxMR9AMkHXbGOuuWNYDMj%2Fimage.png?alt=media&amp;token=16159a78-0b74-463f-acaa-5c87957d31d4" alt="" width="563"><figcaption><p>인트로 카드 순서 예시</p></figcaption></figure></div>
4. **영역별 메뉴 매핑:** 카드의 텍스트 혹은 \[상세보기]를 눌렀을 때 열 프로그램을 지정합니다. 대메뉴/하위메뉴 접근과는 별개로 동작합니다.
   * [프로그램 목록 상세 보기](/macgai-manual/homepage/settings/menu.md#program)
5. **보기유형:** 인트로 카드의 커버를 선택할 수 있어요.
   * **공지사항/자료실**: 공지사항/자료실의 게시글
   * **입학상담신청**: 입학상담신청의 기본 이미지를 사용.&#x20;
   * **문의전화번호**: 학원정보관리 메뉴에 있는 학원 연락처를 노출 시킵니다.
   * **갤러리\_타입1**:&#x20;
     * 2x2 개의 이미지가 배치됩니다.
     * [갤러리\_타입1 프로그램](#4)이 연결되어 있어야 합니다.
     * 이미지를 누르면 갤러리\_타입1을 사용하는 메뉴로 이동합니다.
   * **갤러리\_타입2**:&#x20;
     * 2x2 개의 이미지가 배치됩니다.
     * [갤러리\_타입2 프로그램](#4)이 연결되어 있어야 합니다.
     * 갤러리\_타입의 개별 게시글에서 메인 표출이 지정되어 있어야 합니다.
     * 이미지를 눌러 각 게시글로 접근할 수 있습니다.
   * **일정표**: 일정 달력이 나타납니다.
   * **문의/자주하는질문**: Q\&A의 게시글을 보여줍니다.
   * **설명회**: 신청 가능한 설명회의 목록을 보여줍니다.
   * **교육시스템안내**: 교육시스템 안내의 기본 이미지를 사용합니다.
6. **이미지**

   보기유형에서 지정한 항목을 무시하고 이미지를 카드 커버로 사용합니다. 우측의 \[업로드]를 눌러 이미지를 추가할 수 있어요.&#x20;

   <figure><img src="https://2002957861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fmdmuj10ANPKWZFoGqIyo%2Fuploads%2FXOZOPRPJVc5ddOA9eogy%2Fimage.png?alt=media&amp;token=75000bfb-006d-4cb3-81f8-d20c21aa1869" alt=""><figcaption></figcaption></figure>

   * 파일명 오른쪽의 ❎를 눌러 이미지를 삭제할 수 있어요.&#x20;
   * **권장 이미지 사이즈** : 가로 648px \* 세로 440px
   * **이미지 커버 사용 예시**

     <figure><img src="https://2002957861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fmdmuj10ANPKWZFoGqIyo%2Fuploads%2FrKtRGu0oEVvuwe4kKZ8e%2Fimage.png?alt=media&amp;token=237c44a0-62d2-41ef-b7fe-2128fc577cbe" alt=""><figcaption></figcaption></figure>