.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}/* 1. PDF가 들어있는 가장 바깥쪽 상자 높이 강제 확대 */
.video, .aspect-ratio, .aspect-ratio-16-to-9 {
    padding-bottom: 0 !important; /* 기존의 16:9 비율 제한 해제 */
    height: 90vh !important;    /* 화면 높이의 90%만큼 시원하게 키움 */
    max-height: none !important;
}

/* 2. PDF 뷰어 프레임 자체의 높이 조절 */
iframe, #viewerContainer {
    height: 100% !important;
    width: 100% !important;
    min-height: 800px !important; /* 최소 높이를 800픽셀로 고정 */
}

/* 3. 내부 툴바 제거 재시도 (스샷에 찍힌 ID 기준) */
#toolbarContainer {
    display: none !important;
}.lfr-layout-structure-item-92d0dd12-ed25-3759-1ced-17c4334c33ea {
font-size: 15px !important;
font-weight: 500 !important;
margin-bottom: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-1,0.25rem) !important;
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-top: var(--spacer-2,0.5rem) !important;
text-align: center !important;
color: var(--gray-600) !important;
}
/* ============================================= */
/* 글래시 탭 (glassy-tab) - 리퀴드 글라스 탭 위젯 공통 스타일 */
/* 탭 프래그먼트 전체에 동일 적용, 최상위 wrapper에 class="glassy-tab" 추가 */
/* ============================================= */

/* --- [1] 전체 컨테이너: 리퀴드 글라스 베이스 --- */
.glassy-tab .component-tabs.type2 {
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(15px) saturate(180%); /* 청량하고 선명한 투명감 */
    -webkit-backdrop-filter: blur(15px) saturate(180%);
    border-radius: 20px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
/* 탭 바 정렬: 길이를 칼같이 맞추기 위한 설정 */
.glassy-tab .component-tabs.type2 .navbar-nav-new {
    border: none !important;
    display: flex !important;
    width: 100% !important;
    gap: 12px;
    padding: 0;
    margin-bottom: 10px;
}
/* 개별 탭 항목: 유리 조각 느낌 */
.glassy-tab .component-tabs.type2 .navbar-nav-new .nav-item {
    flex: 1 !important; /* 좌우 길이를 동일하게 배분 */
    border: none !important;
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 12px;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    overflow: hidden;
}
/* 활성 탭: 청량한 블루 리퀴드 그라데이션 */
.glassy-tab .component-tabs.type2 .navbar-nav-new .nav-item.active {
    background: linear-gradient(135deg, rgba(17, 100, 177, 0.9), rgba(72, 118, 239, 0.8)) !important;
    box-shadow: 0 8px 20px rgba(17, 100, 177, 0.3), inset 0 0 12px rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
}
.glassy-tab .component-tabs.type2 .navbar-nav-new .nav-item.active .nav-link span {
    color: #ffffff !important;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* --- [2] 다운로드 버튼: 일체감 있는 유리 질감 --- */
.glassy-tab .dku-button .btn {
    width: 100% !important; /* 탭과 너비 일치 */
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(8px);
    font-weight: 600;
    padding: 12px 0;
    transition: 0.4s;
    background: rgba(255, 255, 255, 0.5) !important;
    color: #555 !important;
}
/* 활성화된 영역의 버튼 강조 */
.glassy-tab .nav-item.active ~ div .dku-button .btn-type-01 {
    background: #1164B1 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 6px 15px rgba(17, 100, 177, 0.25);
}
/* --- [3] 리퀴드 애니메이션: '나 좀 봐줘' 효과 (강화 버전) --- */
@keyframes glassy-tab-liquid-float {
    0% { 
        transform: translateY(0); 
        filter: brightness(1); 
    }
    50% { 
        transform: translateY(-6px); /* 부유 높이를 -3px에서 -6px로 강화 */
        filter: brightness(1.2);    /* 정점에서 더 반짝이게 변경 */
        color: #1164B1; 
    }
    100% { 
        transform: translateY(0); 
        filter: brightness(1); 
    }
}
/* 비활성 탭의 텍스트에만 리드미컬한 애니메이션 적용 */
.glassy-tab .nav-item:not(.active) .nav-link .navbar-text-truncate {
    display: inline-block;
    /* 2.5s에서 2.1s로 살짝 당겨서 더 생동감 있게 변경 */
    animation: glassy-tab-liquid-float 2.1s infinite ease-in-out;
}
/* 클릭 및 활성화 시 애니메이션 완전 차단 */
.glassy-tab .nav-item.active .nav-link .navbar-text-truncate,
.glassy-tab .nav-link:focus .navbar-text-truncate,
.glassy-tab .nav-link:active .navbar-text-truncate {
    animation: none !important;
    transform: none !important;
}/* 1. PDF가 들어있는 가장 바깥쪽 상자 높이 강제 확대 */
.video, .aspect-ratio, .aspect-ratio-16-to-9 {
    padding-bottom: 0 !important; /* 기존의 16:9 비율 제한 해제 */
    height: 90vh !important;    /* 화면 높이의 90%만큼 시원하게 키움 */
    max-height: none !important;
}

/* 2. PDF 뷰어 프레임 자체의 높이 조절 */
iframe, #viewerContainer {
    height: 100% !important;
    width: 100% !important;
    min-height: 800px !important; /* 최소 높이를 800픽셀로 고정 */
}

/* 3. 내부 툴바 제거 재시도 (스샷에 찍힌 ID 기준) */
#toolbarContainer {
    display: none !important;
}.lfr-layout-structure-item-f4e12421-4e35-f224-ca30-0c96163c3a51 {
font-size: 15px !important;
font-weight: 500 !important;
margin-bottom: var(--spacer-1,0.25rem) !important;
margin-top: var(--spacer-1,0.25rem) !important;
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-top: var(--spacer-2,0.5rem) !important;
text-align: center !important;
color: var(--gray-600) !important;
}
.lfr-layout-structure-item-e8d5a3e3-6669-0d2c-9e67-5cc2cd71fcbf {
font-size: 18px !important;
}
/* [1] 버튼 본체: 투명 리퀴드 글라스 */
.liquid-target-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    cursor: pointer;
    overflow: hidden !important;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

/* [2] 내부 텍스트: 오른쪽으로 흐르는 리퀴드 그라데이션 */
.liquid-target-btn span, 
.liquid-target-btn b {
    display: inline-block !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    letter-spacing: -0.3px;
    
    /* 각도를 반대로 조정하여 흐름의 방향을 바꿈 */
    background: linear-gradient(
        -120deg, 
        #1164B1 15%, 
        #4facfe 50%, 
        #1164B1 85%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    /* 애니메이션 위치값을 조정하여 오른쪽으로 흐르게 변경 */
    animation: text-color-flow-right 4s linear infinite !important;
}

@keyframes text-color-flow-right {
    0% { background-position: 200% center; }
    100% { background-position: 0% center; }
}

/* 호버 효과 */
.liquid-target-btn:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
}/* [1] 버튼 본체: 투명 리퀴드 글라스 */
.liquid-target-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    cursor: pointer;
    overflow: hidden !important;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

/* [2] 내부 텍스트: 오른쪽으로 흐르는 리퀴드 그라데이션 */
.liquid-target-btn span, 
.liquid-target-btn b {
    display: inline-block !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    letter-spacing: -0.3px;
    
    /* 각도를 반대로 조정하여 흐름의 방향을 바꿈 */
    background: linear-gradient(
        -120deg, 
        #1164B1 15%, 
        #4facfe 50%, 
        #1164B1 85%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    /* 애니메이션 위치값을 조정하여 오른쪽으로 흐르게 변경 */
    animation: text-color-flow-right 4s linear infinite !important;
}

@keyframes text-color-flow-right {
    0% { background-position: 200% center; }
    100% { background-position: 0% center; }
}

/* 호버 효과 */
.liquid-target-btn:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
}