.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-5a1dffab-0bd8-ed6d-5f86-0182eb7b4f22 {
font-size: 25px !important;
font-weight: 800 !important;
color: var(--body-bg) !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-29f8ed96-09a4-3a81-e55a-4b9c0e8d6dce {
background-color: #0197E8 !important;
border-color: #FFFFFF00 !important;
height: 283px !important;
margin-top: var(--spacer-3,1rem) !important;
color: var(--tone-medium) !important;
width: 283px !important;
}
/* ================================
   dssc-card-4 (확대 제거 버전)
   ================================ */

.dssc-card-4{
  position: relative;
  overflow: hidden;
  cursor: pointer;

  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);

  transition:
    transform 0.4s ease,
    filter 0.35s ease,
    box-shadow 0.35s ease;
}

/* 리퀴드 하이라이트 */
.dssc-card-4::before{
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle,
    rgba(255,255,255,0.28) 0%,
    transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* 호버 → 밝아짐 + 살짝 위로만 이동 */
.dssc-card-4:hover{
  filter: brightness(1.15);
  transform: translateY(-6px);   /* scale 제거 */
  box-shadow:
    0 20px 40px rgba(0,0,0,0.22),
    inset 0 0 20px rgba(255,255,255,0.25);
}

.dssc-card-4:hover::before{
  opacity: 1;
  animation: dssc-swirl-4 7s linear infinite;
}

/* 클릭 → 쫀득 눌림 (확대 없이 압축 느낌만) */
.dssc-card-4:active{
  transform: translateY(-2px);  /* scale 제거 */
  box-shadow:
    inset 10px 10px 20px rgba(0,0,0,0.28),
    inset -10px -10px 20px rgba(255,255,255,0.35);
  transition: transform 0.1s ease;
}

/* 버튼 눌러도 카드 눌림 */
.dssc-card-4:has(button:active){
  transform: translateY(-2px);
}

/* 소용돌이 */
@keyframes dssc-swirl-4{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}.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-46cf2311-ef09-59ca-b290-50993fd855e1 {
display: none !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;
margin-top: var(--spacer-3,1rem) !important;
color: var(--tone-medium) !important;
width: 283px !important;
}
/* ================================
   dssc-card-1 (확대 제거 버전)
   ================================ */

.dssc-card-1{
  position: relative;
  overflow: hidden;
  cursor: pointer;

  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);

  transition:
    transform 0.4s ease,
    filter 0.35s ease,
    box-shadow 0.35s ease;
}

.dssc-card-1::before{
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle,
    rgba(255,255,255,0.25) 0%,
    transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.dssc-card-1:hover{
  filter: brightness(1.12);
  transform: translateY(-6px);   /* scale 제거 */
  box-shadow:
    0 18px 35px rgba(0,0,0,0.2),
    inset 0 0 18px rgba(255,255,255,0.25);
}

.dssc-card-1:hover::before{
  opacity: 1;
  animation: dssc-swirl-1 6s linear infinite;
}

.dssc-card-1:active{
  transform: translateY(-2px);   /* scale 제거 */
  box-shadow:
    inset 8px 8px 18px rgba(0,0,0,0.25),
    inset -8px -8px 18px rgba(255,255,255,0.3);
}

.dssc-card-1:has(button:active){
  transform: translateY(-2px);
}

@keyframes dssc-swirl-1{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}.lfr-layout-structure-item-9d5860d1-3d4d-f4b9-7f86-fc43bcfdae65 {
display: none !important;
}
.lfr-layout-structure-item-712ad4b0-9d57-55df-7716-b5331d335e96 {
font-weight: 600 !important;
}
/* =========================================================
   DKU 게시판 전시 CSS (최종)
   - 공지사항(fxzi) 4개 제한
   - 리스트 글씨 크기 고정 (18~22px)
   - 평상시 밑줄 없음 / 호버 시 형광펜 밑줄 드로우
   - 테마/포틀릿 내부 style 강제값(height, display 등)까지 눌러서 "확실히" 적용
   ========================================================= */

/* 글씨/밑줄 전역 변수 */
:root{
  --dku-list-font-size: 19px;            /* 18~22px로 조절 */
  --dku-list-line-height: 1.55;

  --dku-hl-rgb: 24, 95, 191;             /* 트랜디 블루 */
  --dku-hl-alpha: 0.22;                  /* 평상시(숨김 상태) */
  --dku-hl-alpha-strong: 0.30;           /* 호버 시 */
  --dku-hl-h: 0.62em;                    /* 형광펜 두께 */
  --dku-hl-pos: 82%;                     /* 텍스트 아래 위치 */
  --dku-hl-dur: 0.42s;
  --dku-hl-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* 1) 공지사항(fxzi) 최근 4개만 표시 */
.lfr-layout-structure-item-712ad4b0-9d57-55df-7716-b5331d335e96
#p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_fxzi_
.lp-display-view-type6 .dv-list > .list-item:nth-child(n + 6){
  display: none !important;
}

/* 2) 리스트 아이템 간격 */
.lfr-layout-structure-item-712ad4b0-9d57-55df-7716-b5331d335e96
.lp-display-view-type6 .dv-list .list-item{
  padding: 0.55rem 0 !important;
}

/* 3) 링크(제목) 글씨 크기 + 한줄 + 말줄임 + 스마트 형광펜 밑줄 */
/*    포틀릿 내부 <style>가 강해서, 여기서는 "특이성" + "!important"로 전부 덮어씀 */
.lfr-layout-structure-item-712ad4b0-9d57-55df-7716-b5331d335e96
.lp-display-view-type6 .dv-list .list-item > a.item-title{
  /* 글씨 크기/줄간격 */
  font-size: var(--dku-list-font-size) !important;
  line-height: var(--dku-list-line-height) !important;

  /* 테마가 박아둔 height 강제 해제 */
  height: auto !important;

  /* 한 줄 + 말줄임 */
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  /* 테마가 display:-webkit-box를 걸어둔 것 무력화 */
  display: inline-block !important;
  max-width: 100% !important;

  /* 테마 라인클램프 흔적 무력화 */
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;

  /* 기본 밑줄 제거 */
  text-decoration: none !important;

  /* 평상시 밑줄(형광펜) 숨김 */
  background-image: linear-gradient(
    90deg,
    rgba(var(--dku-hl-rgb), var(--dku-hl-alpha)) 0%,
    rgba(var(--dku-hl-rgb), calc(var(--dku-hl-alpha) + 0.10)) 45%,
    rgba(var(--dku-hl-rgb), var(--dku-hl-alpha)) 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-position: 0 var(--dku-hl-pos) !important;
  background-size: 0% var(--dku-hl-h) !important;

  transition:
    background-size var(--dku-hl-dur) var(--dku-hl-ease),
    background-image 0.18s ease,
    color 0.18s ease !important;

  outline: none !important;
}

/* 4) 호버 시에만 형광펜 밑줄이 쫙 그어짐 */
.lfr-layout-structure-item-712ad4b0-9d57-55df-7716-b5331d335e96
.lp-display-view-type6 .dv-list .list-item > a.item-title:hover,
.lfr-layout-structure-item-712ad4b0-9d57-55df-7716-b5331d335e96
.lp-display-view-type6 .dv-list .list-item > a.item-title:focus-visible{
  background-image: linear-gradient(
    90deg,
    rgba(var(--dku-hl-rgb), var(--dku-hl-alpha-strong)) 0%,
    rgba(var(--dku-hl-rgb), calc(var(--dku-hl-alpha-strong) + 0.10)) 45%,
    rgba(var(--dku-hl-rgb), var(--dku-hl-alpha-strong)) 100%
  ) !important;
  background-size: 100% var(--dku-hl-h) !important;
}

/* 5) 접근성(키보드 포커스) */
.lfr-layout-structure-item-712ad4b0-9d57-55df-7716-b5331d335e96
.lp-display-view-type6 .dv-list .list-item > a.item-title:focus-visible{
  outline: 2px solid rgba(var(--dku-hl-rgb), 0.24) !important;
  outline-offset: 3px !important;
  border-radius: 6px !important;
}

/* 6) 모션 민감 사용자 배려 */
@media (prefers-reduced-motion: reduce){
  .lfr-layout-structure-item-712ad4b0-9d57-55df-7716-b5331d335e96
  .lp-display-view-type6 .dv-list .list-item > a.item-title{
    transition: none !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-a47d4e77-9213-2bde-b8ca-06ab93e3cc2b {
border-color: #33333300 !important;
padding-top: var(--spacer-3,1rem) !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-23eb514f-809f-ac41-7e46-059c2b19c9ed {
display: none !important;
}
.lfr-layout-structure-item-b1ff7d06-48ba-6a0c-6f9c-c30aaff121e4 {
display: none !important;
}
.lfr-layout-structure-item-e482d737-32ab-db2f-e111-1133154c51eb {
font-size: 25px !important;
font-weight: 800 !important;
padding-left: var(--spacer-3,1rem) !important;
color: var(--body-bg) !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;
margin-top: var(--spacer-3,1rem) !important;
color: var(--tone-medium) !important;
width: 283px !important;
}
/* ================================
   dssc-card-2 (확대 제거 버전)
   ================================ */

.dssc-card-2{
  position: relative;
  overflow: hidden;
  cursor: pointer;

  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);

  transition:
    transform 0.4s ease,
    filter 0.35s ease,
    box-shadow 0.35s ease;
}

.dssc-card-2::before{
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle,
    rgba(255,255,255,0.25) 0%,
    transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.dssc-card-2:hover{
  filter: brightness(1.13);
  transform: translateY(-6px);
  box-shadow:
    0 20px 38px rgba(0,0,0,0.22),
    inset 0 0 20px rgba(255,255,255,0.25);
}

.dssc-card-2:hover::before{
  opacity: 1;
  animation: dssc-swirl-2 6s linear infinite;
}

.dssc-card-2:active{
  transform: translateY(-2px);
  box-shadow:
    inset 9px 9px 18px rgba(0,0,0,0.26),
    inset -9px -9px 18px rgba(255,255,255,0.32);
}

.dssc-card-2:has(button:active){
  transform: translateY(-2px);
}

@keyframes dssc-swirl-2{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}.lfr-layout-structure-item-a588efa8-e88d-8e51-90c3-bc51e7562dea {
height: 100px !important;
width: 283px !important;
}
.lfr-layout-structure-item-eca753e1-2038-c901-7bef-c1c33ce351fc {
background-color: #D45050 !important;
}
/* =========================================================
   ✅ Home 상단 컨테이너 (유튜브 + 포토갤러리)
   - 붙이는 곳: 컨테이너 프래그먼트 Custom CSS 입력란
   - class: home-hero-gradient
   - 그라데이션은 자산발행인 html(2)의 JS가 --grad-x 변수를
     스크롤 비율에 따라 실시간으로 갈아끼움 (0~100)
   - 스크롤바는 트랙 완전 투명 + thumb만 알약형으로 보임
   ========================================================= */
.home-hero-gradient {
  position: relative;
  --hero-radius: 26px;
  --hero-pad: 18px;
  --grad-x: 0;
  border-radius: var(--hero-radius);
  padding: var(--hero-pad);
  background: linear-gradient(
    135deg,
    #1f5fbf 0%,
    #2f7edb 30%,
    #3f8bd6 55%,
    #5fa7c8 75%,
    #7db8c4 100%
  );
  background-size: 200% 200%;
  background-position: calc(var(--grad-x) * 1%) 50%;
  border: 1px solid rgba(255, 255, 255, 0.22);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  overflow: visible;
  box-sizing: border-box;
}

.home-hero-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(
      circle at 12% 12%,
      rgba(255, 255, 255, 0.22),
      transparent 55%
    ), radial-gradient(circle at 85% 30%, rgba(255, 255, 255, 0.1), transparent 55%);
  pointer-events: none;
}

.home-hero-gradient > * {
  position: relative;
  z-index: 1;
}

.home-hero-gradient .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--hero-pad);
  margin: 0 !important;
}

.home-hero-gradient .row > [class*="col"],
.home-hero-gradient .row > .col {
  min-width: 0;
  padding: 0 !important;
}

@media (max-width: 991.98px) {
  .home-hero-gradient .row {
    flex-wrap: wrap;
  }
}

.home-hero-gradient .home-hero-video,
.home-hero-gradient .home-photo-strip {
  border-radius: calc(var(--hero-radius) - var(--hero-pad));
  overflow: hidden;
  margin: 0 !important;
}

.home-hero-video iframe,
.home-hero-video video {
  border-radius: calc(var(--hero-radius) - var(--hero-pad));
  overflow: hidden;
}

.home-hero-gradient h1,
.home-hero-gradient h2,
.home-hero-gradient h3,
.home-hero-gradient p {
  margin-top: 0;
}

/* 포토갤러리 박스: 스크롤바 자리 확보 */
.home-hero-gradient .home-photo-strip {
  position: relative;
  padding-bottom: 26px;
}

/* 스크롤바 컨테이너 (JS가 left/right를 px로 동적 조정) */
.home-hero-gradient .home-photo-strip .dssc-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 22px;
  z-index: 30;
  pointer-events: auto;
}

/* track: 완전 투명, 전체 폭은 그대로 차지하지만 안 보임 */
.home-hero-gradient .home-photo-strip .dssc-scrollbar-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 9.1px;
  transform: translateY(-50%);
  background: transparent !important;
  border-radius: 999px;
}

.home-hero-gradient .home-photo-strip:hover .dssc-scrollbar-track {
  background: transparent !important;
}

/* thumb: 알약형 리퀴드 글라스, 짧게 표시
   ※ 폭/위치는 JS가 px로 직접 계산해서 그대로 적용함.
   여기서 scaleX 등으로 추가 축소하면 JS 계산과 어긋나
   "스크롤 끝까지 당겨도 thumb이 끝에 안 닿는" 문제가 생기므로
   transform은 위치 보정(translateY)에만 사용. */
.home-hero-gradient .home-photo-strip .dssc-scrollbar-thumb {
  position: absolute;
  top: 50%;
  height: 9.1px;
  transform: translateY(-50%);
  transform-origin: left center;
  width: 90px;
  left: 0;
  background: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  backdrop-filter: blur(8px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  border-radius: 999px;
  cursor: grab;
  transition: background 0.2s ease;
}

.home-hero-gradient .home-photo-strip .dssc-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.8);
}

.home-hero-gradient .home-photo-strip .dssc-scrollbar-thumb.is-dragging {
  cursor: grabbing;
  background: rgba(255, 255, 255, 0.85);
}.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;
}
/* ================================
   DSSC 카드 내부 + 아이콘 리디자인
   다른 버튼에 영향 없음
   ================================ */

/* 카드 안의 버튼만 타겟 */
.dssc-card-1 .btn,
.dssc-card-2 .btn,
.dssc-card-3 .btn,
.dssc-card-4 .btn{

  position: relative;
  width: 42px;
  height: 42px;
  padding: 0;

  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.15);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  font-size: 0;          /* 기존 + 숨김 */
  color: transparent;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: all 0.3s ease;
}

/* + 모양 직접 생성 (세련된 얇은 라인) */
.dssc-card-1 .btn::before,
.dssc-card-2 .btn::before,
.dssc-card-3 .btn::before,
.dssc-card-4 .btn::before{

  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  background: #ffffff;
}

.dssc-card-1 .btn::after,
.dssc-card-2 .btn::after,
.dssc-card-3 .btn::after,
.dssc-card-4 .btn::after{

  content: "";
  position: absolute;
  width: 2px;
  height: 14px;
  background: #ffffff;
}

/* 호버 시 부드러운 회전 + 밝기 */
.dssc-card-1 .btn:hover,
.dssc-card-2 .btn:hover,
.dssc-card-3 .btn:hover,
.dssc-card-4 .btn:hover{

  background: rgba(255,255,255,0.25);
  transform: rotate(90deg);
  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}.lfr-layout-structure-item-a9def11e-5ac9-168c-c1a5-02605c3a3944 {
font-weight: 600 !important;
}
/* =========================================================
   DKU 게시판 전시 CSS (취업게시판 jnih 최종)
   - 공지사항(fxzi) 코드와 "동일 규칙/동일 효과"로 복제
   - 최근 4개 제한
   - 리스트 글씨 크기 고정 (18~22px)
   - 평상시 밑줄 없음 / 호버 시 형광펜 밑줄 드로우
   - 밑줄 시 글자색도 블루로 변경 (공지사항과 동일하게)
   - 다른 동일 프래그먼트와 섞이지 않게: .lfr-layout-structure-item-a9def11e-5ac9-168c-c1a5-02605c3a3944 + 포틀릿 ID로 이중 스코프
   ========================================================= */

/* 글씨/밑줄 전역 변수 (프래그먼트 범위로 제한) */
.lfr-layout-structure-item-a9def11e-5ac9-168c-c1a5-02605c3a3944{
  --dku-list-font-size: 19px;            /* 18~22px로 조절 */
  --dku-list-line-height: 1.55;

  --dku-hl-rgb: 24, 95, 191;             /* 트랜디 블루 */
  --dku-hl-alpha: 0.22;                  /* 평상시(숨김 상태) */
  --dku-hl-alpha-strong: 0.30;           /* 호버 시 */
  --dku-hl-h: 0.62em;                    /* 형광펜 두께 */
  --dku-hl-pos: 82%;                     /* 텍스트 아래 위치 */
  --dku-hl-dur: 0.42s;
  --dku-hl-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* 1) 취업게시판(jnih) 최근 4개만 표시 (공지사항 코드와 동일 규칙) */
.lfr-layout-structure-item-a9def11e-5ac9-168c-c1a5-02605c3a3944
#p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jnih_
.lp-display-view-type6 .dv-list > .list-item:nth-child(n + 6){
  display: none !important;
}

/* 2) 리스트 아이템 간격 */
.lfr-layout-structure-item-a9def11e-5ac9-168c-c1a5-02605c3a3944
#p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jnih_
.lp-display-view-type6 .dv-list .list-item{
  padding: 0.55rem 0 !important;
}

/* 3) 링크(제목) 글씨 크기 + 한줄 + 말줄임 + 스마트 형광펜 밑줄 */
.lfr-layout-structure-item-a9def11e-5ac9-168c-c1a5-02605c3a3944
#p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jnih_
.lp-display-view-type6 .dv-list .list-item > a.item-title{
  /* 글씨 크기/줄간격 */
  font-size: var(--dku-list-font-size) !important;
  line-height: var(--dku-list-line-height) !important;

  /* 테마가 박아둔 height 강제 해제 */
  height: auto !important;

  /* 한 줄 + 말줄임 */
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  /* 테마가 display:-webkit-box를 걸어둔 것 무력화 */
  display: inline-block !important;
  max-width: 100% !important;

  /* 테마 라인클램프 흔적 무력화 */
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;

  /* 기본 밑줄 제거 */
  text-decoration: none !important;

  /* 기본 글자색 유지(호버에서만 블루로 바뀜) */
  color: inherit !important;

  /* 평상시 밑줄(형광펜) 숨김 */
  background-image: linear-gradient(
    90deg,
    rgba(var(--dku-hl-rgb), var(--dku-hl-alpha)) 0%,
    rgba(var(--dku-hl-rgb), calc(var(--dku-hl-alpha) + 0.10)) 45%,
    rgba(var(--dku-hl-rgb), var(--dku-hl-alpha)) 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-position: 0 var(--dku-hl-pos) !important;
  background-size: 0% var(--dku-hl-h) !important;

  transition:
    background-size var(--dku-hl-dur) var(--dku-hl-ease),
    background-image 0.18s ease,
    color 0.18s ease !important;

  outline: none !important;
}

/* 4) 호버/포커스 시 형광펜 밑줄 + 글자색 블루 */
.lfr-layout-structure-item-a9def11e-5ac9-168c-c1a5-02605c3a3944
#p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jnih_
.lp-display-view-type6 .dv-list .list-item > a.item-title:hover,
.lfr-layout-structure-item-a9def11e-5ac9-168c-c1a5-02605c3a3944
#p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jnih_
.lp-display-view-type6 .dv-list .list-item > a.item-title:focus-visible{
  background-image: linear-gradient(
    90deg,
    rgba(var(--dku-hl-rgb), var(--dku-hl-alpha-strong)) 0%,
    rgba(var(--dku-hl-rgb), calc(var(--dku-hl-alpha-strong) + 0.10)) 45%,
    rgba(var(--dku-hl-rgb), var(--dku-hl-alpha-strong)) 100%
  ) !important;
  background-size: 100% var(--dku-hl-h) !important;

  /* 밑줄 시 글자도 블루로 */
  color: rgb(var(--dku-hl-rgb)) !important;
}

/* 5) 접근성(키보드 포커스) */
.lfr-layout-structure-item-a9def11e-5ac9-168c-c1a5-02605c3a3944
#p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jnih_
.lp-display-view-type6 .dv-list .list-item > a.item-title:focus-visible{
  outline: 2px solid rgba(var(--dku-hl-rgb), 0.24) !important;
  outline-offset: 3px !important;
  border-radius: 6px !important;
}

/* 6) 모션 민감 사용자 배려 */
@media (prefers-reduced-motion: reduce){
  .lfr-layout-structure-item-a9def11e-5ac9-168c-c1a5-02605c3a3944
  #p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jnih_
  .lp-display-view-type6 .dv-list .list-item > a.item-title{
    transition: none !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-0b320728-3754-f9f5-f0fc-762ff7df2060 {
display: none !important;
}
.lfr-layout-structure-item-3f4bbf75-6aea-d0af-38cc-a924091f045d {
font-size: 25px !important;
font-weight: 800 !important;
color: var(--body-bg) !important;
}
.lfr-layout-structure-item-a6fad6a6-ee9b-7625-5805-206a058c5e94 {
border-color: #33333300 !important;
padding-top: var(--spacer-3,1rem) !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-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;
margin-top: var(--spacer-3,1rem) !important;
color: var(--tone-medium) !important;
width: 283px !important;
}
/* ================================
   dssc-card-3 (확대 제거 버전)
   ================================ */

.dssc-card-3{
  position: relative;
  overflow: hidden;
  cursor: pointer;

  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);

  transition:
    transform 0.4s ease,
    filter 0.35s ease,
    box-shadow 0.35s ease;
}

.dssc-card-3::before{
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle,
    rgba(255,255,255,0.27) 0%,
    transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.dssc-card-3:hover{
  filter: brightness(1.14);
  transform: translateY(-6px);
  box-shadow:
    0 22px 40px rgba(0,0,0,0.23),
    inset 0 0 22px rgba(255,255,255,0.28);
}

.dssc-card-3:hover::before{
  opacity: 1;
  animation: dssc-swirl-3 6s linear infinite;
}

.dssc-card-3:active{
  transform: translateY(-2px);
  box-shadow:
    inset 10px 10px 20px rgba(0,0,0,0.28),
    inset -10px -10px 20px rgba(255,255,255,0.35);
}

.dssc-card-3:has(button:active){
  transform: translateY(-2px);
}

@keyframes dssc-swirl-3{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}.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;
}