.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-32c8b08a-0510-26c8-50d2-b0b9d673114c {
height: 290px !important;
}
.lfr-layout-structure-item-29f8ed96-09a4-3a81-e55a-4b9c0e8d6dce {
background-color: #01ABE8 !important;
border-color: #FFFFFF00 !important;
height: 283px !important;
color: var(--tone-medium) !important;
width: 283px !important;
}
.lfr-layout-structure-item-e2bc4555-e240-70ad-8fe2-12fad8fe096d {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-e2bc4555-e240-70ad-8fe2-12fad8fe096d) !important;
text-align: center !important;
color: var(--body-bg) !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-0e3d9192-819b-4785-fdf4-70b3d20031e8 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-0e3d9192-819b-4785-fdf4-70b3d20031e8) !important;
text-align: center !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 {
max-height: 160px !important;
}
/* =========================================
   포토갤러리: 전방향 모서리 곡률 통일 + 간격 유지
   ========================================= */

.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b,
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b * {
  box-sizing: border-box !important;
}

/* 1) 스크롤 컨테이너 (높이 170px로 스크롤바 위치 조정) */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .dku-list-body-inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  height: 200px !important; 
  min-height: 200px !important;
}

/* 2) 개별 아이템 박스 및 링크 영역 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .dku-list-body-item,
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .r_img a {
  flex: 0 0 180px !important;
  width: 180px !important;
  height: 120px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important; /* 👈 하단 모서리가 잘리지 않게 함 */
  border-radius: 12px !important; /* 👈 원하는 곡률 값 (예: 12px) */
}

/* 3) 이미지 설정 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .r_img img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 12px !important; /* 👈 부모와 동일한 곡률 적용 */
}

/* 4) 텍스트 영역 제거 유지 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .r_tit,
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .dku-list-footer {
  display: none !important;
}

/* 5) 스크롤바 두께 설정 */
.lfr-layout-structure-item-81f9f9b7-e444-e696-e985-49b9c60cd61b .dku-list-body-inner::-webkit-scrollbar {
  height: 10px !important;
}.lfr-layout-structure-item-ce554688-9b6a-b3a5-549e-3b9efb78e2f9 {
height: 100px !important;
width: 283px !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-a87e77e1-9d27-17dc-d531-7191978dbe0c {
font-family: Pretendard, sans-serif !important;
}
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f {
height: 290px !important;
overflow: auto !important;
}
/* 1. 상단 군더더기 (검색창, 페이지 번호 등) 완전 박멸 */
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f form, 
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .list-search-depth-wrap, 
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .list-search-wrap, 
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .paging, 
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .pagination,
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .r_tit, 
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .btn-area, 
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .board-info,
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-header {
    display: none !important;
}

/* 2. 전체 틀 초기화 (선 제거 및 배경 투명화) */
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f,
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-body,
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-body-inner {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 3. ★ 가로 스크롤 영역 재설계 ★ */
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-body {
    display: block !important;
    width: 100% !important;
    overflow: visible !important; /* 내부 스크롤을 위해 밖은 열어둠 */
}

.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-body-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 15px !important; /* 사진 사이 간격 */
    
    overflow-x: auto !important; /* 내용이 많으면 자동으로 스크롤 생성 */
    overflow-y: hidden !important;
    padding-bottom: 20px !important; /* 스크롤바가 들어갈 공간 확보 */
    -webkit-overflow-scrolling: touch;
}

/* 4. ★ 사진 비율 (360x240) 절대 고정 ★ */
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-body-item {
    /* 시스템의 data-columnnum="1"을 무시하고 가로 크기 강제 */
    flex: 0 0 360px !important; 
    width: 360px !important;
    max-width: 360px !important;
    
    /* 높이를 강제하지 않고 비율로 계산 (찌그러짐 방지) */
    height: auto !important;
    aspect-ratio: 3 / 2 !important; 
    
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    list-style: none !important;
}

/* 내부 레이아웃 간섭 제거 */
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-body-item-col,
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .item-title,
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .r_img,
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .r_img a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 5. 이미지 꽉 채우기 (절대 안 찌그러지게) */
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* 비율 유지하며 꽉 채움 */
    border-radius: 20px !important;
}

/* 5장 초과 게시물 숨김 */
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-body-item:nth-child(n+6) {
    display: none !important;
}

/* 6. ★ 스크롤바 커스텀 (눈에 잘 띄게) ★ */
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-body-inner::-webkit-scrollbar {
    height: 8px !important;
}
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-body-inner::-webkit-scrollbar-thumb {
    background: #d1d1d1 !important; /* 너무 튀지 않는 회색 */
    border-radius: 10px !important;
}
.lfr-layout-structure-item-0f848d82-976a-d021-c32c-5b349b0f2d8f .dku-list-body-inner::-webkit-scrollbar-track {
    background: #f0f0f0 !important;
    border-radius: 10px !important;
}.lfr-layout-structure-item-1faa4a69-0605-27e0-e7cc-1bd1e4c25e17 {
border-color: #33333300 !important;
}
/* =========================================
   유튜브 영상: 모서리 18px 통일 및 테두리 완벽 제거
   ========================================= */

/* 1) 최상위 컨테이너: 배경색 잔상 제거 및 곡률 설정 */
.aspect-ratio.video,
.video-container {
  border-radius: 18px !important; /* 👈 곡률 18px로 변경 */
  overflow: hidden !important;
  border: none !important;
  background: transparent !important; /* 배경색 비침 방지 */
  
  /* 브라우저 렌더링 시 모서리 흰 선 방지 */
  mask-image: radial-gradient(white, black);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* 2) 범인(iframe): 테두리 강제 제거 및 부모 크기 밀착 */
.video-container iframe {
  border: 0 !important;
  border-radius: 18px !important;
  outline: none !important;
  box-shadow: none !important;
  
  /* 미세하게 어긋나는 여백 방지 */
  display: block !important;
  margin: 0 !important;
}

/* 3) 유튜브 썸네일 오버레이 테두리 제거 */
.ytp-cued-thumbnail-overlay-image {
  border: none !important;
  border-radius: 18px !important;
  background-clip: padding-box !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: #00639C !important;
border-color: #FFFFFF00 !important;
height: 283px !important;
color: var(--tone-medium) !important;
width: 283px !important;
}
.lfr-layout-structure-item-a588efa8-e88d-8e51-90c3-bc51e7562dea {
height: 100px !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-46d751a9-081a-b389-fbd7-f897de155504 {
height: 100px !important;
width: 283px !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-909786c8-5db8-1b7b-41bd-96e5a52fc944 {
width: 350px !important;
}
.lfr-layout-structure-item-f621b6d8-195d-24ba-13e0-9420f6311bed {
height: 100px !important;
width: 283px !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: #3177CC !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;
}
.lfr-layout-structure-item-3832f11c-c099-7f83-25c5-d39b0a9f20ac {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-3832f11c-c099-7f83-25c5-d39b0a9f20ac) !important;
text-align: center !important;
color: var(--body-bg) !important;
}
.lfr-layout-structure-item-6a32560f-c6e5-1ec6-7807-3dc8465b5ec2 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-6a32560f-c6e5-1ec6-7807-3dc8465b5ec2) !important;
text-align: center !important;
color: var(--body-bg) !important;
}