@charset "utf-8";
html, body { font-size: 15px; }



/*--------------------------------------1600----------------------------------*/
@media screen and (max-width:1600px) {
/*--------------------------------------header----------------------------------*/
    #header nav #gnb li {width: 110px;height: 74px;}
    #header .depth_toggle {
    top: 70px;
}
    #header nav .depth_toggle .sub_nav li a {font-size: 1rem; word-break: inherit;}
    #header nav .depth_toggle .sub_nav {width: 110px;}
    #header .logo a {/* width: 160px; */justify-content: flex-start;}

/*--------------------------------------visual----------------------------------*/
    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
    bottom: 3rem !important;
    left: 3rem !important;
    }
    /* #fp-nav.fp-right {
    left: 1vw;
} */
    #mainVideo {
    width: calc(100vw - 80px);
    height: calc(100vh - 70px);
    top: 70px;
    left: 40px;
}
    
/*---------------------------------------main-----------------------------------*/

    .sec3 .inner>.tit h4::before {
    display: none;
}
    .sec3 .inner>.tit h4 {
    font-size: 2.5rem;
    margin-top: 2rem;
}
    .sec3 .inner>.tit h5 {
    font-size: 2.25rem;
}
/*--------------------------------------- sub -----------------------------------*/
    .sub_visual {margin-top: 74px;};
}

/*--------------------------------------1400----------------------------------*/
@media screen and (max-width:1400px) {
    .section .inner {
        padding: 12vh 2.75rem 2vh;
        width: 100%;
    }
}