/* 레퍼런스페이지 - 배경 흰색 대응 */
#hamburger span{
    background: #000;
}
.gnb_1da{
    color: #000;
}

.section1{
    background: #fff;
}
.logo_center{
    width: 200px;
    margin: 0 auto 10px;
}

.section1 .tab_contents{
    /* position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); */
}
.section1 .tab_menu_wrapper{
    max-width: 450px;
    height: fit-content;
    border: 1px solid #000;
    display: flex;
    margin: 0 auto;
    margin-bottom: 16px;
}
.section1 .tab_menu{
    width: 100%;
    padding: 8px 12px;
    cursor: pointer;
    border: none;
    background: #fff;
}
.section1 .tab_menu p{
    color: #666;
    text-align: center;
    word-break: keep-all;
    line-height: 1.25;
}
.section1 .tab_menu.active{
    background: #000;
}
.section1 .tab_menu.active p{
    color: #fff;
}

/* Swiper 스타일 커스터마이징 */
.swiper-latest {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.swiper-slide {
    height: auto;
}

.swiper-button-next, .swiper-button-prev {
    color: #fff !important;
    background-color: #000;
    width: 48px !important;
    height: 48px !important;
    border-radius: 100% !important;
    --swiper-navigation-size: 20px;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #666;
}

.swiper-pagination-bullet-active {
    background-color: #555;
}
#referLive{
    position: relative;
    max-width: 1500px;
    height: 637px;
    width: 100%;
    overflow-y: scroll;
    margin: 0 auto;
}
#referLive .tab_slide_content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}
#referLive .tab_slide_content.active{
    opacity: 1;
    visibility: visible;
    position: relative;
}
.swiper-button-next, .swiper-button-prev{

}
@media screen and (max-width:1600px) {
    #referLive{
        width: 80%;
        height: 50vh;
    }
}
@media screen and (max-width:1024px) {
    #referLive{
        height: 55vh;
    }
    /* 레퍼런스페이지 - 배경 흰색 대응 */
    .gnb_1da{
        color: #fff;
    }
}
@media screen and (max-width: 500px) {
    #referLive{
        width: 90%;
        height: 67vh;
    }
    .logo_center{
        width: 170px;
    }
    .section1 .tab_menu p{
        font-size: 14px;
    }
    
}
@media screen and (max-width: 375px) {
    section{
        padding: 90px 0 60px;
    }
    .logo_center{
        width: 120px;
    }
}