/* ===== 기업교육 페이지 CSS (모바일 대응 추가본) ===== */

/* 1. 버튼 스타일 */
/* 최상단 문의하기 버튼 */
.vc_btn3.vc_btn3-color-danger {
    background-color: #D94925 !important;
    border-color: #D94925 !important;
    border-radius: 15px !important;
}
/* AI 스쿨 자료 신청 버튼 */
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {
    border-radius: 15px !important;
}
/* 최하단 문의하기 버튼 */
.vc_btn3.vc_btn3-color-black,
.cta-btn-black.vc_btn3 {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 15px !important;
}

/* 2. 교육 카테고리 탭 스타일 */
.vc_custom_1741900013 .ui-tabs-nav {
    background: transparent !important;
    border: none !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;
    margin-bottom: 30px !important;
}
.vc_custom_1741900013 .ui-tabs-nav li {
    background: transparent !important;
    border: 2px solid #D94925 !important;
    border-radius: 30px !important;
    margin: 0 !important;
}
.vc_custom_1741900013 .ui-tabs-nav li a {
    color: #D94925 !important;
    font-weight: 600 !important;
    padding: 10px 30px !important;
}
.vc_custom_1741900013 .ui-tabs-nav li.ui-tabs-active {
    background: #D94925 !important;
}
.vc_custom_1741900013 .ui-tabs-nav li.ui-tabs-active a {
    color: #ffffff !important;
}
.vc_custom_1741900013 .ui-tabs-panel {
    background: #ffffff !important;
    border: none !important;
    padding: 20px 0 !important;
}
.vc_custom_1741900013 .wpb_tab,
.vc_custom_1741900013 .ui-tabs,
.vc_custom_1741900013 .ui-widget,
.vc_custom_1741900013 .ui-widget-content {
    background: #ffffff !important;
}

/* ▼▼▼ 신규 추가: 모바일에서 탭이 화면 밖으로 잘리는 문제 수정 ▼▼▼
   기존엔 flex-wrap 지정이 없어 nowrap(기본값)이 적용되면서
   탭 4개 총 너비(약 626px)가 모바일 화면 폭(약 340~390px)을
   넘어가 뒤쪽 탭이 잘려서 안 보이는 문제가 있었습니다.
   아래에서 좁은 화면에서는 줄바꿈되도록 처리했습니다. */
@media (max-width: 767px) {
    .vc_custom_1741900013 .ui-tabs-nav {
        flex-wrap: wrap !important;
        row-gap: 8px !important;
    }
    .vc_custom_1741900013 .ui-tabs-nav li a {
        padding: 8px 18px !important;
        font-size: 14px !important;
    }
}
/* ▲▲▲ 신규 추가 끝 ▲▲▲ */

/* 3. 트랙 카드 빈 p 태그 제거 */
.vc_custom_1741900013 .wpb_tabs_content p:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.vc_custom_1741900013 a > p:empty:first-child {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. 트랙 카드 hover 효과 */
.vc_custom_1741900013 .wpb_text_column a > div {
    background: #f5f5f5 !important;
    transition: background 0.3s ease, transform 0.2s ease !important;
}
.vc_custom_1741900013 .wpb_text_column a:hover > div {
    background: #D94925 !important;
    transform: translateY(-3px) !important;
}
.vc_custom_1741900013 .wpb_text_column a:hover span {
    color: #ffffff !important;
}

/* 5. 교육방식 카드 hover 올라오는 효과 */
.vc_custom_1741900020 .wpb_text_column div {
    transition: transform 0.3s ease !important;
    border-radius: 16px !important;
}
.vc_custom_1741900020 .wpb_text_column div:hover {
    transform: translateY(-8px) !important;
    border-radius: 16px !important;
}