설치 위치

• 레이아웃 스킨 : /layouts/
• 문서 스킨 : /modules/page/skins/

1. 기본 설정

로그인/다국어 및 공통 인터페이스 기본 세팅입니다.

• 레이아웃 타입 : 메인/서브페이지 타입을 결정합니다.
• 헤더 컬러셋 : 헤더 영역의 전반적인 컬러를 세팅합니다. 라이트 컬러셋 / 다크 컬러셋 중 선택합니다.
• 헤더 텍스트 : 헤더에 세로배치되는 텍스트를 입력합니다.
• 헤더 텍스트 링크 : 헤더에 세로배치되는 텍스트를 입력합니다. (기본 : 메인화면)
• 회원 메뉴 사용 : 회원가입/로그인 메뉴 및 버튼을 활성화합니다.
• 프로필 이미지 : 회원 메뉴 박스 상단 대표 이미지를 첨부합니다.
• 프로필 캡션 : 회원 메뉴 박스 상단 대표 이미지 아래 문구를 입력합니다.
• 로고 : 메뉴 영역 로고 이미지를 첨부합니다.
• 로고 텍스트 : 로고 이미지가 없을 경우 대체 텍스트를 입력할 수 있습니다.
• 로고 텍스트 컬러 : 로고 텍스트의 색상을 결정합니다.
• 로고 링크 : 로고 영역에 적용할 링크 주소를 입력합니다. (기본 : 메인화면)
• 포인트 컬러 : 메인 페이지 포인트 요소, 서브 페이지 사이드 메뉴 컬러, 하단 SNS아이콘 마우스 오버 등의 색상을 결정합니다.
• 검색 바 사용 : 통합검색창을 사용합니다. 통합검색 기능 활성화 후 사용 가능합니다.
• 언어 메뉴 사용 : 언어 변경 메뉴 및 버튼을 활성화합니다. 다국어 사용 시 유용합니다.
• 소셜 아이콘 1~4 : 메뉴 영역 하단의 아이콘 버튼을 삽입합니다.
• 소셜 아이콘 링크 1~4 : 삽입된 아이콘에 연결할 url을 입력합니다.
• 하단 정보 - 주소 : 주소를 입력합니다.
• 하단 정보 - 전화 : 전화번호를 입력합니다.
• 하단 정보 - 팩스 : 팩스번호를 입력합니다.
• 하단 정보 - 메일 : 이메일 주소를 입력합니다.
• 카페라이트 : 카피라이트 문구를 입력합니다.

2. 섹션 1 - 슬라이드 & 비디오

메인 풀 사이즈 슬라이드/동영상 섹션입니다.

• 배경 타입 : 페이드 인 슬라이드와 유튜브 동영상 중에서 선택합니다.
• 슬라이드 변경 주기 : 슬라이드 선택 시 슬라이드의 변경되는 주기를 결정합니다. (1000 = 1초)
• 슬라이드 이미지 1~5 : 슬라이드의 1~5번 이미지를 첨부합니다.
• 메인 동영상 (유튜브) : 동영상 선택 시 영상 ID 입력으로 유튜브 영상으로 배경을 적용할 수 있습니다.
• 영상 음성 : 동영상 재생 시 음성 출력 여부를 선택합니다.
• 텍스트 컬러 : 슬라이드 전면 텍스트 및 상하좌우 바 컬러를 설정합니다.
• 엠블렘 : 텍스트 영역 최상단 이미지를 삽입합니다.
• 슬로건 : 텍스트 중 상단 문구를 입력합니다.
• 제목 : 텍스트 중 중간 문구를 입력합니다.
• 부제목 : 텍스트 중 하단 문구를 입력합니다.

3. 섹션 2 - 인트로

2겹의 무빙 이미지화 함께 구성된 2단 인트로 섹션입니다.

• 섹션 제목 엠블렘 : 섹션 제목 영역 상단 이미지를 삽입합니다.
• 섹션 제목 : 섹션 제목을 입력합니다.
• 섹션 설명 : 섹션 제목 영역 설명글을 입력합니다.
• 좌측 이미지 1~2 : 좌측 무빙 이미지 파트의 전/후면 이미지를 삽입합니다.
• 우측 부제목 : 우측 텍스트 파트의 부제목을 입력합니다.
• 우측 제목 : 우측 텍스트 파트의 제목을 입력합니다.
• 우측 설명 : 우측 텍스트 파트의 설명글을 입력합니다.
• 버튼 링크 : 텍스트 파트 하단 버튼에 연결할 url을 입력합니다.

4. 섹션 3 - 비디오 백그라운드

영상 배경 설정이 가능한 4단 섹션입니다.

• 배경 동영상(유튜브) : 섹션 배경 동영상 ID를 삽입합니다.
• 배경 이미지 : 섹션 배경 이미지를 삽입합니다. 배경 이미지는 배경 동영상이 없거나 모바일 버전일 때 나타납니다.
• 섹션 부제목 : 섹션 상단 부제목을 입력합니다.
• 섹션 제목 : 섹션 상단 제목을 입력합니다.
• 섹션 설명 : 섹션 상단 설명글을 입력합니다.
• 파트 1~4 부제목 : 1~3번째 파트의 부제목을 입력합니다.
• 파트 1~4 제목 : 1~3번째 파트의 제목을 입력합니다.
• 파트 1~4 설명 : 1~3번째 파트의 설명글을 입력합니다.

5. 섹션 4 - 미니 슬라이더

우측 슬라이더를 동반한 2단 섹션입니다.

• 부제목 : 좌측 텍스트 영역 부제목을 입력합니다.
• 제목 : 좌측 텍스트 영역 제목을 입력합니다.
• 설명 : 좌측 텍스트 영역 설명글을 입력합니다.
• 버튼 링크 : 좌측 텍스트 영역 하단 버튼에 연결할 url을 입력합니다.
• 슬라이드 이미지 1~3 : 우측 슬라이드 이미지를 삽입합니다.

6. 섹션 5 - 캐러셀 배너

캐러셀 슬라이더 형식의 배너가 구성된 섹션입니다.

• 슬라이드 이미지 1~6 : 슬라이드 이미지를 삽입합니다.
• 슬라이드 제목 1~6 : 슬라이드 제목을 입력합니다.
• 슬라이드 부제목 1~6 : 슬라이드 부제목을 입력합니다.
• 슬라이드 설명 1~6 : 슬라이드 설명글을 입력합니다.
• 슬라이드 버튼 링크 1~6 : 슬라이드 하단 버튼에 연결할 url을 입력합니다.

7. 섹션 6 - 갤러리

갤러리 형 게시판 연동 위젯을 동반한 섹션입니다.

• 위젯 연결 게시판 srl : 좌측 갤러리 컨텐츠 위젯과 연결할 게시판 모듈값을 입력합니다.
• 부제목 : 좌측 텍스트 영역 부제목을 입력합니다.
• 제목 : 좌측 텍스트 영역 제목을 입력합니다.
• 설명 : 좌측 텍스트 영역 설명글을 입력합니다.
• 버튼 링크 : 좌측 텍스트 영역 하단 버튼에 연결할 url을 입력합니다.

8. 섹션 7 - 비디오 & 텍스트

유튜브 동영상 연결 파트를 동반한 2단 섹션입니다.

• 섹션 배경 이미지 : 섹션 배경 이미지를 삽입합니다.
• 동영상(유튜브) : 좌측 동영상 영역에 연결할 ID값을 입력합니다.
• 제목 : 우측 텍스트 영역 제목을 입력합니다.
• 부제목 : 우측 텍스트 영역 부제목을 입력합니다.
• 설명 : 우측 텍스트 영역 설명글을 입력합니다.
• 버튼 링크 : 우측 텍스트 영역 버튼에 연결할 url을 입력합니다.

8. 섹션 8 - 로고 캐러셀

협력사, 계열사 등의 로고를 나열할 수 있는 캐러셀 슬라이드 형 섹션입니다.

• 슬라이드 이미지 1~6 : 슬라이드 이미지를 삽입합니다.

9. 서브페이지 레이아웃

서브탑, 사이드메뉴 등 서브페이지의 레이아웃 영역 설정입니다.

• 서브탑 영역 사용 : 서브탑 영역 사용 여부를 결정합니다. 사용하지 않을 경우 위치 정보 영역도 함께 사라집니다.
• 서브탑 높이 : 서브탑 영역의 높이를 설정합니다.
• 서브탑 배경 이미지 : 서브탑 영역의 배경 이미지를 첨부합니다.
• 서브탑 배경색 : 서브탑 영역에 배경 이미지를 넣지 않을 경우 나타나는 배경색입니다.
• 서브탑 텍스트 사용 : 서브탑 영역 내 텍스트 사용 여부를 결정합니다. 사용 여부에 관계 없이 서브탑 영역의 높이는 유지됩니다.
• 서브탑 스크롤 효과 : 마우스 스크롤 시 서브탑에 블러 및 패럴렉스 효과 사용 여부를 결정합니다.
• 서브탑 텍스트 컬러 : 서브탑 텍스트의 색상을 결정합니다.
• 서브탑 상단 슬로건 : 서브탑 텍스트 중 상단 소형 문구입니다.
• 서브탑 중간 제목 : 서브탑 텍스트 중 중앙 대형 문구입니다.
• 서브탑 하단 부제목 : 서브탑 텍스트 중 하단 중형 문구입니다.
• 컨텐츠 너비 : 서브페이지 컨텐츠 영역의 너비를 결정합니다.