.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-29f8ed96-09a4-3a81-e55a-4b9c0e8d6dce {
background-color: #709CE0 !important;
border-color: #FFFFFF00 !important;
height: 283px !important;
color: var(--tone-medium) !important;
width: 283px !important;
}
.lfr-layout-structure-item-f64bbc90-db34-2525-59d1-a98957697c14 {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
color: var(--body-bg) !important;
}
.lfr-layout-structure-item-9368f902-41bd-aea7-bf33-306ef7566b43 {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
color: var(--body-bg) !important;
}
.lfr-layout-structure-item-855c67d6-c8c2-9f88-b1db-fc1b97bd32d1 {
background-color: #34558B !important;
border-color: #FFFFFF00 !important;
height: 283px !important;
color: var(--tone-medium) !important;
width: 283px !important;
}
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b {
overflow: scroll !important;
}
/* ==================================================
   1. [필수] 사진 목록 가로 정렬 & 5개 배치 설정
   ================================================== */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .dku-list-body,
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* 줄바꿈 금지 */
    justify-content: space-between !important; /* 간격 균등 배치 */
    gap: 10px !important;         /* 사진 사이 간격 */
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 개별 사진 칸 크기 설정 (전체의 19%씩 차지해서 5개 배치) */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .dku-list-body-item,
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b li {
    flex: 0 0 19% !important;     /* ★강제로 19% 너비 고정 */
    max-width: 19% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

/* 6번째 사진부터는 숨기기 (최신 5개만 유지) */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .dku-list-body-item:nth-child(n+6),
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b li:nth-child(n+6) {
    display: none !important;
}

/* ==================================================
   2. [핵심] 사진 비율 찌그러짐 방지 (막대기 현상 해결)
   ================================================== */
/* 사진 액자 틀 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .r_img {
    display: block !important;
    width: 100% !important;
    height: 160px !important;     /* ★사진 높이 (원하는 크기로 수정 가능) */
    margin: 0 !important;
    border-radius: 8px !important; /* 둥근 모서리 */
    overflow: hidden !important;
    position: relative !important;
}

/* 실제 사진 파일 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;  /* 높이 강제 확보 */
    object-fit: cover !important; /* ★마법의 코드: 비율 유지하며 꽉 채우기 */
    object-position: center center !important; /* 사진 중앙 보여주기 */
    border: none !important;
}

/* ==================================================
   3. [청소] 탭, 검색창, 페이지 번호 등 싹 지우기
   ================================================== */
/* 눈에 보이는 모든 군더더기를 강력하게 숨깁니다 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .board-search,    /* 검색창 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .list-header,     /* 전체 20건 문구 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .board-info,      /* 게시판 정보 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .pagination,      /* 1 2 3 페이지 번호 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .tab-menu,        /* 상단 탭 메뉴 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .nav,             /* 상단 네비게이션 탭 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .nav-tabs,        /* 탭 스타일 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .category-list,   /* 카테고리 목록 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b legend,           /* 폼 범례 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .btn-area {       /* 버튼 영역 */
    display: none !important;
}

/* ==================================================
   4. [배리어프리] 시각장애인용 텍스트 숨김 처리
   ================================================== */
/* 화면에서는 안 보이지만, '사진 제목'을 소리로 읽어줍니다 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .r_tit,
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .title,
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .info,
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .date,
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .writer {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}.lfr-layout-structure-item-5f44eba3-2c91-80d6-5a54-c49a475ce1ed {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
color: var(--body-bg) !important;
}
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f {
overflow: scroll !important;
}
.lfr-layout-structure-item-1a2c6b9e-e566-b93f-1ede-3c357ced833e {
display: none !important;
}
.lfr-layout-structure-item-f69a2b33-8c4f-802a-9adf-198aebdd45d4 {
display: none !important;
}
.lfr-layout-structure-item-4505efb5-d7d2-5a47-3633-8a5de0ff1658 {
font-size: 30px !important;
font-weight: 600 !important;
text-align: center !important;
color: var(--body-bg) !important;
}
.lfr-layout-structure-item-03cf876f-295a-f3e5-66ff-174cba89c49e {
background-color: #0A559C !important;
border-color: #FFFFFF00 !important;
height: 283px !important;
color: var(--tone-medium) !important;
width: 283px !important;
}
.lfr-layout-structure-item-039ac916-8297-7d18-3b75-8ee8f9611d1d {
font-size: 30px !important;
font-weight: 600 !important;
text-align: center !important;
color: var(--body-bg) !important;
}
.lfr-layout-structure-item-72f78aab-2e9a-65d2-bd9c-08f716ae9895 {
font-size: 30px !important;
font-weight: 600 !important;
text-align: center !important;
color: var(--body-bg) !important;
}
.lfr-layout-structure-item-3dcc4f07-9e89-84d7-3171-e853d37675fc {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
color: var(--body-bg) !important;
}
.lfr-layout-structure-item-711d7a13-4430-d9ef-6f03-a3a9f36e1bd9 {
background-color: #3385D4 !important;
border-color: #FFFFFF00 !important;
height: 283px !important;
color: var(--tone-medium) !important;
width: 283px !important;
}
.lfr-layout-structure-item-2e8eb0b3-9c34-a3dc-135a-4020066e40cb {
display: none !important;
}
.lfr-layout-structure-item-7aba3613-0362-25c8-60ec-7b525ad7824d {
font-size: 30px !important;
font-weight: 600 !important;
text-align: center !important;
color: var(--body-bg) !important;
}