/* 메인 리뷰 요약관련 */

.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 🔹 보일 줄 수 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section03-bg {
    position: relative;
    width: 100%;
    height: 250px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* 🔹 자식 요소 블러가 밖으로 번지는 걸 방지 */
}

/* 배경 처리 (블러 + 어둡기 포함) */
.section03-bg::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;

    background-image: url('/assets/img/web/main/section03_title.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 30%;

    filter: blur(1px) brightness(0.4); /* 🔹 블러 + 밝기 ↓ (어둡게 효과) */
    transform: scale(1.1);             /* 🔹 블러로 생기는 테두리 공백 방지 */
    z-index: 0;
}

/* 실제 콘텐츠 */
.section03-bg > * {
    position: relative;
    z-index: 1;
}



/* 배경 처리 (블러 + 어둡기 포함) */
.section03-bg::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;

    background-image: url('/assets/img/web/main/section03_title.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 30%;

    filter: blur(1px) brightness(0.4); /* 🔹 블러 + 밝기 ↓ (어둡게 효과) */
    transform: scale(1.1);             /* 🔹 블러로 생기는 테두리 공백 방지 */
    z-index: 0;
}

/* 실제 콘텐츠 */
.section03-bg > * {
    position: relative;
    z-index: 1;
}

.functions-icons{
    font-size: 72px !important;
}

.rotate-action .material-icons {
    transition: transform 0.3s ease; /* 부드럽게 회전 */
    display: inline-block;           /* transform 적용 가능하게 */
    vertical-align: middle;
}

/* 아코디언이 열렸을 때 (collapsed 클래스 제거됨) */
.rotate-action:not(.collapsed) .material-icons {
    transform: rotate(180deg);
}

.outline-text {

    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);

}

.page-item.active .page-link {color:white !important;}

.ck-editor__editable_inline {
    min-height: 250px; /* 원하는 높이 */
}

@media (max-width: 991.98px) {
    .dropdown.nav-item .dropdown-menu-animation.show {
        height: 100px;
        opacity: 1
    }
}