LATEST SKIN GUIDE
실제 게시판 글을 불러오는 18종의 최근글 스킨입니다. 각 예시 아래의 호출 코드를 복사하고 게시판 아이디·출력 건수·제목 길이만 바꾸어 사용합니다. 일반 목록형은 컨테이너에서 사용하고, 이미지·영상 슬라이드와 마퀴형만 필요에 따라 화면 전체 폭으로 확장합니다.
<div class="wrap"><?php echo latest(...); ?></div>
각 스킨의 컨테이너 버튼을 누르면 이 배치를 실제 크기로 확인할 수 있습니다.
<section class="devm-main-full"><?php echo latest(...); ?></section>
슬라이드·마퀴 스킨에서만 실제 100vw 배치를 제공합니다. 메인에서는 wrap 밖에서 호출합니다.
글 제목을 중심으로 표시하는 형태입니다. 공지·소식과 같이 사진이 필요하지 않은 게시판에 적합합니다.
연결 게시판 · 공지사항theme/devm02_lt-basic
제목 오른쪽에 등록일을 표시하는 기본 목록입니다.
<?php echo latest('theme/devm02_lt-basic', 'notice', 5, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
theme/devm02_lt-line
등록일을 왼쪽에 배치하고 제목 아래에 한 줄 요약을 표시합니다.
<?php echo latest('theme/devm02_lt-line', 'notice', 3, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
theme/devm02_lt-card
글 한 건을 카드 한 장으로 세로 배치합니다.
<?php echo latest('theme/devm02_lt-card', 'notice', 3, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
theme/devm02_lt-pin
이미지와 요약을 크게 배치하여 한 건을 강조합니다.
<?php echo latest('theme/devm02_lt-pin', 'notice', 1, 60); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
사진을 앞세우는 형태입니다. 활동 사진·행사 기록에 적합합니다.
연결 게시판 · 웹진theme/devm02_lt-gcard
같은 크기의 이미지 카드를 격자로 배열합니다.
<?php echo latest('theme/devm02_lt-gcard', 'webzine', 8, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
theme/devm02_lt-gedit
첫 항목을 크게 배치하고 나머지를 작은 카드로 표시합니다.
<?php echo latest('theme/devm02_lt-gedit', 'webzine', 5, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
theme/devm02_lts-gslide
카드를 1개씩 끊어서 이동합니다. 좌우 중앙 화살표는 마우스를 올리면 나타납니다.
<?php echo latest('theme/devm02_lts-gslide', 'webzine', 8, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
화살표 위치·dot·자동재생은 스킨의 Swiper 초기화 옵션과 컨트롤 마크업만 바꾸어 같은 카드 디자인으로 조절할 수 있습니다. theme/devm02_lts-gcover
가운데 카드를 확대하고 좌우 카드와 하단 dot를 함께 표시합니다.
<?php echo latest('theme/devm02_lts-gcover', 'webzine', 8, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
화살표 위치·dot·자동재생은 스킨의 Swiper 초기화 옵션과 컨트롤 마크업만 바꾸어 같은 카드 디자인으로 조절할 수 있습니다. 대표 이미지와 본문 요약을 함께 표시하는 형태입니다. 콘텐츠·뉴스레터·인터뷰 게시판에 적합합니다.
연결 게시판 · 웹진 · 웹진형 게시판2
theme/devm02_lt-wsum
대표 이미지와 제목, 본문 앞부분을 함께 표시합니다.
<?php echo latest('theme/devm02_lt-wsum', 'webzine', 3, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
theme/devm02_lt-wtime
발행일을 왼쪽에 배치하여 시간 흐름을 강조합니다.
<?php echo latest('theme/devm02_lt-wtime', 'webzine2', 4, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
서로 다른 시스템의 핵심 지표를 한 화면으로 연결한 과정을 소개합니다. 관련 세부 내용과 적용 사례를 추가로 안내합니다.
07.07
2026
집중 업무와 짧은 회의를 모두 지원하는 공간 구성 원칙을 정리했습니다. 관련 세부 내용과 적용 사례를 추가로 안내합니다.
07.08
2026
현장 데이터와 업무 기록을 함께 보며 개선 우선순위를 정한 사례입니다. 관련 세부 내용과 적용 사례를 추가로 안내합니다.
07.09
2026
정보를 한곳에 모으고 결정 과정을 남기며 다음 행동을 명확히 하는 방법을 소개합니다. 관련 세부 내용과 적용 사례를 추가로 안…
정사각 이미지에 분류·이름을 함께 표시하는 형태입니다. 제품·솔루션 소개에 적합합니다.
연결 게시판 · 제품 소개theme/devm02_lt-pgrid
정사각 이미지에 분류·이름·보조 정보를 함께 표시합니다.
<?php echo latest('theme/devm02_lt-pgrid', 'product', 8, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
업무환경 Work Lounge Kit (추가 안내 3)
WL-K400-3
스마트기기 Vision Camera C2 (추가 안내 3)
VC-C220-3
업무환경 Focus Headset Pro (추가 안내 3)
FH-P260-3
스마트기기 Flow Watch S (추가 안내 3)
FW-S120-3
솔루션 Autonomous Carrier A2 (추가 안내 2)
AC-A220-2
솔루션 Vision Inspector V5 (추가 안내 2)
VI-V550-2
솔루션 Motion Controller M4 (추가 안내 2)
MC-M440-2
솔루션 Edge Sensor X8 (추가 안내 2)
ES-X800-2
theme/devm02_lt-prow
넓은 가로 행에 이미지와 설명을 함께 표시합니다.
<?php echo latest('theme/devm02_lt-prow', 'product', 3, 60); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
작은 회의와 집중 업무를 함께 지원하는 모듈형 라운지 구성입니다. 밝은 색상과 간결한 형태로 다양한 업무 공간에 자연스럽게 어…
문서와 현장 이미지를 선명하게 기록하는 스마트 카메라입니다. 자동 보정과 빠른 전송 기능으로 업무 자료 제작 시간을 줄여 줍니…
통화와 집중 업무를 위한 무선 헤드셋입니다. 선명한 음성과 편안한 착용감을 바탕으로 사무실과 원격 근무 환경을 모두 지원합니다…
theme/devm02_lts-pslide
카드를 1개씩 끊어서 이동하고 하단 중앙에 dot를 표시합니다.
<?php echo latest('theme/devm02_lts-pslide', 'product', 8, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
화살표 위치·dot·자동재생은 스킨의 Swiper 초기화 옵션과 컨트롤 마크업만 바꾸어 같은 카드 디자인으로 조절할 수 있습니다. 
theme/devm02_lts-pflow
카드가 일정한 속도로 계속 흐르며 마우스 오버 시 정지하고 양방향으로 드래그할 수 있습니다.
<?php echo latest('theme/devm02_lts-pflow', 'product', 10, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
화살표 위치·dot·자동재생은 스킨의 Swiper 초기화 옵션과 컨트롤 마크업만 바꾸어 같은 카드 디자인으로 조절할 수 있습니다. 영상 썸네일과 재생 시간을 앞세우는 형태입니다.
연결 게시판 · 동영상theme/devm02_lt-vthumb
썸네일 오른쪽에 제목과 재생 정보를 표시합니다.
<?php echo latest('theme/devm02_lt-vthumb', 'video', 4, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
theme/devm02_lt-vfeat
넓은 대표 화면과 재생목록을 함께 표시합니다.
<?php echo latest('theme/devm02_lt-vfeat', 'video', 5, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
theme/devm02_lts-vslide
썸네일 카드를 1개씩 끊어서 이동하며 이미지를 누르면 모달로 재생합니다.
<?php echo latest('theme/devm02_lts-vslide', 'video', 8, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
화살표 위치·dot·자동재생은 스킨의 Swiper 초기화 옵션과 컨트롤 마크업만 바꾸어 같은 카드 디자인으로 조절할 수 있습니다. 
theme/devm02_lts-vhero
큰 대표 화면 아래에 연동되는 썸네일 목록을 표시합니다.
<?php echo latest('theme/devm02_lts-vhero', 'video', 6, 40); ?>
인수 순서 · 스킨 폴더, 게시판 아이디, 출력 건수, 제목 길이. 폭은 스킨 인수가 아니라 메인에서 감싸는 영역으로 결정합니다.
화살표 위치·dot·자동재생은 스킨의 Swiper 초기화 옵션과 컨트롤 마크업만 바꾸어 같은 카드 디자인으로 조절할 수 있습니다. 
산업용 로봇 원격 제어 (추가 안내 3)
가상현실 인터페이스로 산업용 로봇을 정밀하게 조작하는 기술 데모입니다. 관련 세부 내용과 적용 사례를 추가로 안내합니다.
자동화 물류센터 로봇 (추가 안내 3)
수천 대의 로봇이 상품을 이동하고 포장하는 자동화 물류 현장을 소개합니다. 관련 세부 내용과 적용 사례를 추가로 안내합니다.
디지털 엔터프라이즈 제품 소개 (추가 안내 3)
설계부터 생산과 서비스까지 연결하는 산업용 디지털 솔루션을 살펴봅니다. 관련 세부 내용과 적용 사례를 추가로 안내합니다.
산업 자동화의 미래 (추가 안내 3)
지능형 공장과 산업 자동화가 생산 현장을 어떻게 바꾸는지 소개합니다. 관련 세부 내용과 적용 사례를 추가로 안내합니다.
Kepler Forerunner K2 (추가 안내 2)
산업 작업을 위해 설계된 휴머노이드 로봇 플랫폼의 주요 기능을 소개합니다. 관련 세부 내용과 적용 사례를 추가로 안내합니다.
차세대 휴머노이드 Atlas (추가 안내 2)
산업 현장을 목표로 개발된 차세대 전동식 휴머노이드 로봇을 소개합니다. 관련 세부 내용과 적용 사례를 추가로 안내합니다.