:root {
    --vh: 1vh;
    --overlay-title-size: 22px; /* 타이틀 크게 */
    --overlay-input-size: 15px; /* 입력 약간 크게 */
    --overlay-btn-size: 14px; /* 버튼은 유지 */
    --btn-width: 96px;
    --btn-gap:12px;
}

.hero-slider-wrap {
    height: calc(var(--vh) * 100);
    position: relative;
    overflow: hidden;
}

.hero-slider,
.slide-item {
/*    height: 100%;*/
}

.slide-item {
    position: relative;

    width: 100%;
    height: 100vh; /* 원하는 높이 (예: 500px 도 가능) */
    overflow: hidden;
}

/*.slide-item img,*/
.slide-item video {
    width: 100%;
    height: 100vh; /*100%;*/
    object-fit: cover;
}

    .slide-item img {
        width: 100%;
        height: 100%;
        object-fit: fill;
        /*object-fit: cover;*/ /* 🔥 핵심 */
        object-position: center;
        display: block;
    }

.slide-text {
    position: absolute;
    left: 8%;
    top: 40%;
    transform: translateY(-50%);
    color: #fff;
    z-index: 2;
}

.sub-text {
    font-size: clamp(14px, 2.8vw, 5rem); /* clamp(min, viewport, max) */
    font-weight: 700;
    letter-spacing: 0.15em;
    margin-bottom: 12px;
    opacity: 0.85;
    /*    font-size: clamp(14px, 1.5vw, 18px);
    letter-spacing: 0.15em;
    margin-bottom: 12px;
    opacity: 0.85;*/
}

.main-text {
    font-size: clamp(32px, 4vw, 3.8rem); /* clamp(min, viewport, max) */
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
    line-height: 1.2;
    margin: 0;
    /*    font-size: clamp(32px, 4vw, 64px);
    font-weight: 700;
    line-height: 1.2;
    margin: 0;*/
}

.main-sub {
    font-size: clamp(32px, 4vw, 3.8rem) !important; /* clamp(min, viewport, max) */
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-top: 15px;
    line-height: 1.8;
    margin: 0;
    /*    font-size: clamp(32px, 4vw, 64px);
    font-weight: 700;
    line-height: 1.2;
    margin: 0;*/
}

.owl-item .slide-text {
    opacity: 0;
    transform: translateY(-40%);
    transition: all 0.8s ease;
}

.owl-item.active .slide-text {
    opacity: 1;
    transform: translateY(-50%);
}

/*  <div class="slide-text center">

    .slide-text.center {
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

    .slide-text.right {
  right: 8%;
  left: auto;
  text-align: right;
}

    @media (max-width: 768px) {
  .slide-text {
    left: 5%;
  }

  .sub-text {
    letter-spacing: 0.1em;
  }
}
*/

/* 한 줄씩 */
.slide-text .line {
    opacity: 0;
    transform: translateY(20px);
    transition: 
        opacity 0.8s ease, 
        transform 0.8s ease;
}


/* 부드러운 전환 */
.owl-carousel .animated {
    animation-duration: 3s;
    /*    animation-duration: 1.6s;*/
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
/*    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);*/
}
/*.owl-carousel .animated {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}*/

/* fadeIn / fadeOut을 겹치게 */
@keyframes fadeOut {
  0%   { opacity: 1; }
  70%  { opacity: 0.15; }
  100% { opacity: 0; }
}

@keyframes fadeIn {
  0%   { opacity: 0; }
  30%  { opacity: 0.85; }
  100% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .owl-carousel .animated {
        animation-duration: 0s;
    }
}


/* 활성 슬라이드일 때 */
.owl-item.active .slide-text .line {
    opacity: 1;
    transform: translateY(0);
}

    .owl-item.active .slide-text .line:nth-child(1) {
        transition-delay: 0.8s;
    }

    .owl-item.active .slide-text .line:nth-child(2) {
        transition-delay: 1.5s;
    }



/*@keyframes heroFinal {
    0% {
        transform: scale(1);
        opacity: 1;
        text-shadow: 0 0 0 rgba(0,0,0,0);
    }

    50% {
        transform: scale(1.06);
        opacity: 0.95;
        text-shadow: 0 12px 40px rgba(0,0,0,0.35);
    }

    100% {
        transform: scale(1);
        opacity: 1;
        text-shadow: 0 0 0 rgba(0,0,0,0);
    }
}

.owl-item.active:not(.cloned) .loop-text {
    animation: heroFinal 4.8s ease-in-out infinite;
}*/

/*    @keyframes mainTextLoop {
        0%   { opacity: 1; }
        50%  { opacity: 0.85; }
        100% { opacity: 1; }
    }

    .loop-text.is-looping {
        animation: mainTextLoop 3.5s ease-in-out infinite;
    }*/
/*@keyframes floatText {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-6px); }
    100% { transform: translateY(0); }
}

.loop-text.is-looping {
    animation: floatText 3.5s ease-in-out infinite;
}*/

/*@keyframes textPulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.9;
        transform: scale(1.04);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.owl-item.active:not(.cloned) .loop-text {
    animation: textPulse 4s ease-in-out infinite;
}*/

/*.loop-text {
    background: linear-gradient( 90deg, #ffffff 0%, #eaeaea 40%, #ffffff 80% );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes shimmer {
    to {
        background-position: -200% center;
    }
}

.owl-item.active:not(.cloned) .loop-text {
    animation: shimmer 3.5s linear infinite;
}*/

/*@keyframes softFloat {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.owl-item.active:not(.cloned) .loop-text {
    animation: softFloat 3s ease-in-out infinite;
}*/

/*@keyframes heroLoop3D {
    0% {
        transform: perspective(800px) translateZ(0) scale(1);
    }

    50% {
        transform: perspective(800px) translateZ(40px) scale(1.05);
    }

    100% {
        transform: perspective(800px) translateZ(0) scale(1);
    }
}

.owl-item.active:not(.cloned) .loop-text {
    animation: heroLoop3D 5s ease-in-out infinite;
    transform-style: preserve-3d;
}*/
@keyframes heroShadow {
    0% {
        transform: scale(1);
        opacity: 1;
        text-shadow: 0 6px 20px rgba(0,0,0,0.25);
    }

    50% {
        transform: scale(1.05);
        opacity: 0.92;
        text-shadow: 0 14px 40px rgba(0,0,0,0.45);
    }

    100% {
        transform: scale(1);
        opacity: 1;
        text-shadow: 0 6px 20px rgba(0,0,0,0.25);
    }
}
/*@keyframes heroLoop {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.02);
        opacity: 0.92;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}*/
/*@keyframes heroLoop {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.03);
        opacity: 0.92;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}*/

/*.owl-item.active:not(.cloned) .loop-text {
    animation: heroShadow 4.5s ease-in-out infinite;
}*/


/*@media (prefers-reduced-motion: reduce) {
    .loop-text.is-looping {
        animation: none;
    }
}*/
@media (prefers-reduced-motion: reduce) {
    .owl-item.active:not(.cloned) .loop-text {
        animation: none;
    }
}

/* ❗ cloned 제외 + active 슬라이드만 */
/*.owl-item.active:not(.cloned) .loop-text {
    animation: mainTextLoop 3.5s ease-in-out infinite;
}*/

/*.owl-item.active:not(.cloned) .loop-text {
    animation: heroFinal 4s ease-in-out infinite;
}*/
.owl-item.active:not(.cloned) .loop-text {
/*    animation: heroShadow 4s ease-in-out 1 forwards;*/
    /*    animation: heroShadow 4s ease-in-out infinite;*/
}
/*.owl-item.active:not(.cloned) .loop-text {
    animation: heroLoop 4s ease-in-out infinite;
}*/

.slide-text .loop-text {
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.sub-text {
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.main-text, .main-sub {
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
/*.loop-text {
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}*/



@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* sub */
.owl-item.active:not(.cloned) .sub-text {
    animation: fadeUp 5s ease-out 0s 1 forwards;
}

/*오른쪽에서 등장*/
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.owl-item .main-sub {
    opacity: 0;
}
/* main */
.owl-item.active:not(.cloned) .main-text {
    animation: slideInRight 6s cubic-bezier(0.22, 1, 0.36, 1) 0.45s 1 forwards;
}
.owl-item.active:not(.cloned) .main-sub {
    opacity: 0;
    animation: fadeInUp 1s ease 4s 1 forwards;
    /*    animation: fadeInUp 1s ease 8.45s 1 forwards;*/
    /*    animation: fadeInUp 1s ease 9.45s 1 forwards;*/
}
/*.owl-item.active:not(.cloned) .main-sub-text {
    opacity: 0;
    animation: fadeInUp 3s ease 8.45s 1 forwards;
}*/
/*.owl-item.active:not(.cloned) .main-text {
    animation: slideInRight 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s 1 forwards;
}*/

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Owl 기본 */
.hero-slider .owl-stage {
    will-change: transform;
}

/* 페이드용 */
.owl-item {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.owl-item.active {
    position: relative;
    opacity: 1;
    z-index: 2;
}
/**/

/* 텍스트 */
.slide-overlay {
    position: absolute;
    bottom: 130px;
    /*    bottom: 21%;*/
    left: 50%;
    width: min(60vw, 1200px);
    height: 120px;
    padding: 0 24px;
    transform: translateX(-50%);
    /*    text-align: center;*/
    /*    background-color: navajowhite;*/
    color: #fff;
    z-index: 10;
    pointer-events: none;
}

/* 🔥 입력, 버튼만 이벤트 허용 */
.overlay-card {
/*.slide-overlay input,
.slide-overlay button {*/
    pointer-events: auto;
}

.overlay-inner {
    width: 80%; /* 🔥 기존 대비 30% 축소 */
    max-width: 1200px; /* (선택) 너무 커지는 것 방지 */
    margin: 0 auto; /* 가운데 정렬 */

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    /*display: flex;
    align-items: stretch;*/
    /*    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(6px);*/
    /*border-radius: 0;*/ /*24px;*/ /* 🔥 전체 둥근 테두리 */
    /*overflow: hidden;*/ /* 🔥 안쪽 분리선 처리용 */
    /*box-shadow: 0 12px 32px rgba(0,0,0,0.3);*/
}

@media (max-width: 768px) {
    .overlay-inner {
        width: 100%;
    }
}

.overlay-card {
    padding: 24px;
    border-radius: 20px;
}

.overlay-card.navy {
    background: #0f1e3a;
    color: #fff;
    border-radius: 20px 0 0 20px;
}

.overlay-card.white {
    background: #fff;
    color: #111;
    border-radius: 0 20px 20px 0;
}

.overlay-title {
    text-align: center;
    font-size: var(--overlay-title-size);
    font-weight: 700;
    margin-bottom: 20px;
}

.form-block {
/*    display: flex;
    flex-direction: column;
    height: 100%;*/
    display: grid;
    grid-template-columns: 1fr 96px;  🔥 입력 | 버튼 
    column-gap: 12px;
    align-items: stretch;
}

/* 입력 영역 전체를 같은 높이로 */
/*.form-fields {
    flex: 1;*/ /* 버튼을 아래로 밀어주는 핵심 */
    /*display: flex;
    flex-direction: column;
    justify-content: flex-start;
}*/

.form-inputs {
/*    display: flex;
    flex-direction: column;
    gap: 10px;*/
    display: grid;
    grid-template-rows: repeat(2, 44px);
    row-gap: 12px;
}

.form-extra {
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-left: 28%;
    white-space: nowrap;
}
/*.form-extra {
    min-height: 32px;*/ /* 좌우 동일 높이 */
    /*display: flex;
    align-items: center;
    margin-top: 6px;
}*/

.form-extra .checkbox {
    display: inline-flex; /* inline-flex가 더 정확 */
    align-items: center;
}

/* 브라우저 기본 margin 제거 */
    .form-extra .checkbox input[type="checkbox"] {
        transform: scale(1.2); /* 1 = 기본, 1.1 ~ 1.4 적당 */
        transform-origin: left center;
        margin: 0;
    }

.form-extra .checkbox span {
    margin-left: 4px; /* ⭐ 여기서 간격 직접 제어 */
    line-height: 1;
    font-size: 1.1em;
}


/* 버튼은 항상 동일 위치 */
/*.form-btn {
    margin-top: 16px;
}*/

.overlay-card {
/*    min-height: 320px;*/
}


.checkbox {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #fff;
}

.overlay-card.white .checkbox {
    color: #333;
}

.input-with-icon {
    position: relative;
    width: 100%;
}

.input-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
/*    color: #888;*/
    pointer-events: none; /* 클릭 방해 X */
}

.overlay-card.navy .input-icon {
    color: #0f1e3a; /* ⭐ 안 보이던 원인 해결 */
    opacity: 0.85;
    z-index: 2;
}

.input-field {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #ccc;

}

.input-with-icon .input-field {
    position: relative;
    z-index: 1;
}

.overlay-card.navy .input-field {
    padding-left: 40px;
}

/* 포커스 시 더 선명하게 */
.overlay-card.navy .input-with-icon:focus-within .input-icon {
    opacity: 1;
}

.form-btn {
    display: flex;
    flex-direction: column; /* ⭐ 세로 정렬 */
    align-items: center;
    justify-content: center;
    /*    display: block;*/

    height: 100%;
    width: 70%; /* 🔥 가로 크기 30% 감소 */
    margin: 0 auto; /* 가운데 정렬 */

    border-radius: 4px; /* 🔥 더 둥글게 */
    /*font-size: 15px;*/ /* 🔥 폰트 크게 */
    font-weight: 600;
    cursor: pointer;
    /*    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.15s ease;*/
}
/*.form-btn {
    transition: 
        background-color 0.25s ease, 
        color 0.25s ease, 
        box-shadow 0.25s ease, 
        transform 0.15s ease;
}*/
/*.form-btn {
    height: 100%;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
}*/

.form-btn span {
    font-size: 16px; /* 원하는 크기로 */
    font-weight: 500; /* 선택 */
}

    .form-btn .btn-icon {
        width: 24px; /* 아이콘 */
        height: 24px;
        margin-bottom: 2px;
        /*    display: block;*/
    }

.form-btn:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}

/*.btn {
    height: 44px;
    padding: 0 18px;
    font-size: var(--overlay-btn-size);
    font-weight: 600;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}*/

.btn-navy {
    background-color: #fff;
    color: #0f1e3a;
    border: none; /*2px solid #0f1e3a;*/
}

    .btn-navy:hover {
        border: 2px solid #ccc;
        /*border-color: #4da3ff;*/ /* 🔥 hover 시 테두리 컬러 */
        box-shadow: 0 6px 16px rgba(0,0,0,0.25);
        transform: translateY(-2px);
    }

.btn-white {
    background-color: #0f1e3a;
    color: #fff;    
    border: none; /*2px solid #0f1e3a;*/
}

    .btn-white:hover {
        border: 2px solid #ccc;
/*        background-color: #f5f7fa;*/
        box-shadow: 0 6px 14px rgba(0,0,0,0.15);
        transform: translateY(-2px);
    }



@media (max-width: 768px) {
    .overlay-inner {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .form-block {
        grid-template-columns: 1fr;
        row-gap: 12px;
    }

    .form-btn {
        height: 48px;
    }
}


/* clone 완전 차단 */
.owl-item.cloned {
    opacity: 0 !important;
    pointer-events: none;
}

/* 기본 숨김 */
/*.owl-item {
    opacity: 0;*/
/*    transition: opacity 3s ease-in-out;*/
/*}*/

/* active + center인 것만 화면에 보이게 함 */
.owl-item.active.center {
    opacity: 1 !important;
}

/* clone이면서 active인 경우도 보여줘야 이동이 보임 */
.owl-item.cloned.active {
    opacity: 1 !important;
}

/* 실제 표시 대상 */
.owl-item.active {
    opacity: 1;
}


/*인트로 오버레이*/
.intro-cover {
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 9999;
}


/* 컨트롤 */
.slider-controls {
    position: absolute;
    bottom: 280px;
    /*    bottom: 40px;*/
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 28px;
    z-index: 100;
    pointer-events: auto;
}

.slider-controls .nav {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    background: none;     /* ⭐ 배경 제거 */
/*    background: rgba(0, 0, 0, 0.45);*/
    color: #fff;
    font-size: 36px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
}

    .slider-controls .nav:hover {
        background: none; /* ⭐ 배경 제거 */
        /*    background: rgba(0, 0, 0, 0.65);*/
        transform: scale(1.08);
    }


.progress-wrap {
    position: relative;
    width: 64px; /*64px;*/
    height: 64px; /*64px;*/
}

.progress-circle {
    position: absolute;
    inset: 0;
}

    .progress-circle circle {
        /*    fill: none;*/
/*        stroke:  !important;*/
/*            stroke: #ffffff !important;*/
        /*    stroke: rgba(255,255,255,0.9);*/
        stroke-width: 4;
        /* 🔥 원 길이 = 2πr (r=28) */
        stroke-dasharray: 176;
        stroke-dashoffset: 176;
        transform: rotate(-90deg);
        transform-origin: 50% 50%;
        transition: stroke-dashoffset 0.1s linear;
    }

.progress-bg {
/*        stroke: yellow;*/
/*    stroke: transparent;*/
/*        stroke: rgba(255,255,255,0.08);*/
}

/*rgba(255,255,255,0.9);*/
.progress-bar {
    stroke: yellow !important;

    stroke-dasharray: 176;
    stroke-dashoffset: 176;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    transition: stroke-dashoffset 0.1s linear;
}
/*.progress-bar {
    stroke: white; 
}*/

.btn-play-pause {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.55);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease, transform 0.2s ease;
}

.btn-play-pause:hover {
    background: rgba(0, 0, 0, 0.75);
    transform: scale(1.05);
}

/* ▶ 재생 */
.btn-play-pause.play::before {
    content: '';
    margin-left: 3px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #fff;
}

/* ⏸ 일시정지 */
.btn-play-pause.pause::before,
.btn-play-pause.pause::after {
    content: '';
    width: 4px;
    height: 16px;
    background: #fff;
    margin: 0 2px;
    display: inline-block;
}

@media (max-width: 768px) {
    .slider-controls {
        bottom: 24px;
        gap: 18px;
    }

        .slider-controls .nav {
            width: 42px;
            height: 42px;
            font-size: 22px;
        }

    .progress-wrap {
        width: 56px;
        height: 56px;
    }
}

/* owl dots 컨테이너 */
.hero-slider-wrap .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 50;
    pointer-events: auto;
}

/* dot 버튼 */
.hero-slider-wrap .owl-dot {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

/* 실제 점 */
.hero-slider-wrap .owl-dot span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    transition: all 0.3s ease;
}

/* 활성 상태 */
.hero-slider-wrap .owl-dot.active span {
    background: #fff;
    transform: scale(1.4);
}


/**/
.labguide-slider {
    position: relative;
}

    .labguide-slider .owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        pointer-events: none; /* 컨테이너 클릭 방지 */
    }

        .labguide-slider .owl-nav button {
            pointer-events: all;
            background: transparent !important;
            /*            background: rgba(0,0,0,0.4) !important;*/
            color: #fff !important;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            border: none;
            font-size: 20px;
            font-weight: bold;
        }

            .labguide-slider .owl-nav button span {
                color: #000; /* 검정 아이콘 */
                font-size: 40px;
                line-height: 1;
            }

    .labguide-slider .owl-prev {
        margin-left: -80px;
    }

    .labguide-slider .owl-next {
        margin-right: -80px;
    }

    .labguide-slider .owl-nav button:hover {
        background: transparent !important;
        color: blue;
        /*        background: rgba(0,0,0,0.7) !important;*/
    }

        .labguide-slider .owl-nav button:hover span {
            color: #000 !important;
        }

    .labguide-slider .labguide-card {
        /*        display: flex;*/
        align-items: center;
        padding: 0px;
        max-width: 340px;
        min-height: 200px;
    }

    .labguide-slider img {
/*        object-fit: cover;*/
    }

/**/
.labpart-slider {
    position: relative;
}

    .labpart-slider .owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        pointer-events: none; /* 컨테이너 클릭 방지 */
    }

        .labpart-slider .owl-nav button {
            pointer-events: all;
            background: transparent !important;
            /*            background: rgba(0,0,0,0.4) !important;*/
            color: #fff !important;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            border: none;
            font-size: 20px;
            font-weight: bold;
        }

            .labpart-slider .owl-nav button span {
                color: #000; /* 검정 아이콘 */
                font-size: 40px;
                line-height: 1;
            }

    .labpart-slider .owl-prev {
        margin-left: -80px;
    }

    .labpart-slider .owl-next {
        margin-right: -80px;
    }

    .labpart-slider .owl-nav button:hover {
        background: transparent !important;
        color: blue;
        /*        background: rgba(0,0,0,0.7) !important;*/
    }

        .labpart-slider .owl-nav button:hover span {
            color: #000 !important;
        }

    .labpart-slider .labpart-card {
        /*        display: flex;*/
        align-items: center;
        padding: 0px;
        max-width: 340px;
        min-height: 200px;
    }