#sub_banner{
    padding:100px 0 100px;
    background:url(../../img/sub/sub_banner_company.png) no-repeat center center/cover;
    text-align:center;
}
#sub_banner .menu_tt{
    font-size:35px;
    font-weight:700;
    letter-spacing:-0.05em;
    color:#fff;
    text-transform:uppercase;
}
#sub_banner .menu_desc{
    font-size:18px;
    font-weight:300;
    letter-spacing:-0.05em;
    color:#F7F5E9;
    word-break:keep-all;
    width:90%;
    margin:0 auto;
}

#banner_submenu{
    background:#fff;
}
#banner_submenu .tab_submenu,
#bo_gall .tab_submenu,
#bo_w .tab_submenu,
#bo_v .tab_submenu{
    margin:0 75px;
    height:85px;
    padding-top:10px;
    border-bottom:1px solid #D7D7D7;
    grid-template-columns:330px 1fr;
    display:grid;
}
#banner_submenu .tab_submenu span.line,
#bo_gall .tab_submenu span.line,
#bo_w .tab_submenu span.line,
#bo_v .tab_submenu span.line{
    display:block;
    width:40px;
    height:2px;
    background:#4E4E4E;
    white-space: nowrap;
}
#banner_submenu .tab_submenu .first_dep,
#bo_gall .tab_submenu .first_dep,
#bo_w .tab_submenu .first_dep,
#bo_v .tab_submenu .first_dep{
    display:flex;
    align-items:center;
    gap:20px;
    white-space: nowrap;
}
#banner_submenu .tab_submenu .first_dep a,
#bo_gall .tab_submenu .first_dep a,
#bo_w .tab_submenu .first_dep a,
#bo_v .tab_submenu .first_dep a{
    font-size:20px;
    font-weight:500;
    color:#4E4E4E;
    text-transform:uppercase;
    white-space: nowrap;
}
#banner_submenu .tab_submenu .second_dep_list,
#bo_gall .tab_submenu .second_dep_list,
#bo_w .tab_submenu .second_dep_list,
#bo_v .tab_submenu .second_dep_list{
    display:flex;
    align-items:center;
    gap:80px;
    white-space: nowrap;
}
#banner_submenu .tab_submenu .second_dep_list a,
#bo_gall .tab_submenu .second_dep_list a,
#bo_w .tab_submenu .second_dep_list a,
#bo_v .tab_submenu .second_dep_list a{
    font-size:17px;
    font-weight:400;
    letter-spacing:-0.05em;
    color:#797979;
    line-height:73px;
    display:inline-block;
    border-bottom:2px solid transparent;
    box-sizing:border-box;
    white-space: nowrap;
}
#banner_submenu .tab_submenu .second_dep_list li:hover a,
#banner_submenu .tab_submenu .second_dep_list li.on a,
#bo_gall .tab_submenu .second_dep_list li:hover a,
#bo_gall .tab_submenu .second_dep_list li.on a,
#bo_w .tab_submenu .second_dep_list li:hover a,
#bo_w .tab_submenu .second_dep_list li.on a,
#bo_v .tab_submenu .second_dep_list li:hover a,
#bo_v .tab_submenu .second_dep_list li.on a{
    color:#626262;
    font-weight:500;
    border-bottom:2px solid #626262;
    white-space: nowrap;
}

/* --------------------------------- RESPONSIVE --------------------------------- */
@media (max-width:1400px){
    #banner_submenu{
        width: auto;
    }
    #bo_gall .tab_submenu .second_dep_list,
    #bo_w .tab_submenu .second_dep_list,
    #bo_v .tab_submenu .second_dep_list{
        gap:60px;
    }
}
@media (max-width:1100px){
    #sub_banner{
        padding:130px 0 210px;
    }
    #banner_submenu .tab_submenu,
    #bo_gall .tab_submenu,
    #bo_w .tab_submenu,
    #bo_v .tab_submenu{
        grid-template-columns:160px 1fr;
    }
    #banner_submenu .tab_submenu .second_dep_list,
    #bo_gall .tab_submenu .second_dep_list,
    #bo_w .tab_submenu .second_dep_list,
    #bo_v .tab_submenu .second_dep_lis{
        gap:40px;
        margin-left: 8px;
    }
}
@media (max-width:850px){
    #bo_gall .tab_submenu .second_dep_list,
    #bo_w .tab_submenu .second_dep_list,
    #bo_v .tab_submenu .second_dep_list{
        gap:35px;
    }
    #banner_submenu .tab_submenu .second_dep_list a, #bo_gall .tab_submenu .second_dep_list a, #bo_w .tab_submenu .second_dep_list a, #bo_v .tab_submenu .second_dep_list a{
        font-size: 16px;
    }
}
@media (max-width:768px){
    #sub_banner {
        padding: 100px 0 150px;
    }
    #banner_submenu .tab_submenu,
    #bo_gall .tab_submenu,
    #bo_w .tab_submenu,
    #bo_v .tab_submenu{
        margin: 0 30px;
        grid-template-columns: 135px 1fr;
    }
    #banner_submenu .tab_submenu .first_dep a,
    #bo_gall .tab_submenu .first_dep a,
    #bo_w .tab_submenu .first_dep a,
    #bo_v .tab_submenu .first_dep a{
        gap:10px;
        font-size:16px;
    }
    #banner_submenu .tab_submenu span.line,
    #bo_gall .tab_submenu span.line,
    #bo_w .tab_submenu span.line,
    #bo_v .tab_submenu span.line{
        width:20px;
    }
    #banner_submenu .tab_submenu .second_dep_list a,
    #bo_gall .tab_submenu .second_dep_list a,
    #bo_w .tab_submenu .second_dep_list a,
    #bo_v .tab_submenu .second_dep_list a{
        font-size: 15px;
    }
    #banner_submenu .tab_submenu .second_dep_list,
    #bo_gall .tab_submenu .second_dep_list,
    #bo_w .tab_submenu .second_dep_list,
    #bo_v .tab_submenu .second_dep_list{
        gap: 20px;
    }
}
@media (max-width:550px){
    #bo_gall .tab_submenu .second_dep_list,
    #bo_w .tab_submenu .second_dep_list,
    #bo_v .tab_submenu .second_dep_list{
        gap:10px;
    }
    #banner_submenu .tab_submenu .second_dep_list a,
    #bo_gall .tab_submenu .second_dep_list a,
    #bo_w .tab_submenu .second_dep_list a,
    #bo_v .tab_submenu .second_dep_list a{
        font-size: 14px;
    }
    #banner_submenu .tab_submenu,
    #bo_gall .tab_submenu,
    #bo_w .tab_submenu,
    #bo_v .tab_submenu{
        margin: 0 30px;
        grid-template-columns: 105px 1fr;
    }
}
@media (max-width:500px){
    #sub_banner {
        padding: 50px 0 130px;
    }
    #sub_banner .menu_tt {
        font-size: 30px;
    }
    #sub_banner .menu_desc{
        font-size:17px;
    }
    #banner_submenu .tab_submenu,
    #bo_gall .tab_submenu,
    #bo_w .tab_submenu,
    #bo_v .tab_submenu{
        margin: 0px 10px;
        height:60px;
        grid-template-columns: 100px 1fr;
    }
    
    #banner_submenu .tab_submenu .second_dep_list a,
    #bo_gall .tab_submenu .second_dep_list a,
    #bo_w .tab_submenu .second_dep_list a,
    #bo_v .tab_submenu .second_dep_list a{
        line-height:48px;
        font-size: 11px;
    }
    #banner_submenu .tab_submenu .first_dep,
    #bo_gall .tab_submenu .first_dep,
    #bo_w .tab_submenu .first_dep,
    #bo_v .tab_submenu .first_dep{
        gap: 5px;
    }
    #banner_submenu .tab_submenu span.line,
    #bo_gall .tab_submenu span.line,
    #bo_w .tab_submenu span.line,
    #bo_v .tab_submenu span.line{
        width: 10px;
    }
    #banner_submenu .tab_submenu .first_dep a,
    #bo_gall .tab_submenu .first_dep a,
    #bo_w .tab_submenu .first_dep a,
    #bo_v .tab_submenu .first_dep a{
        font-size: 13px;
        line-height:48px;
    }
    #banner_submenu .tab_submenu .second_dep_list,
    #bo_gall .tab_submenu .second_dep_list,
    #bo_w .tab_submenu .second_dep_list,
    #bo_v .tab_submenu .second_dep_list{
        gap: 6px;
    }
    #banner_submenu .tab_submenu, #bo_gall .tab_submenu, #bo_w .tab_submenu, #bo_v .tab_submenu{
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width:400px){
    #bo_gall .tab_submenu .first_dep a,
    #bo_w .tab_submenu .first_dep a,
    #bo_v .tab_submenu .first_dep a{
        font-size: 13px;
    }
    #bo_gall .tab_submenu .second_dep_list a,
    #bo_w .tab_submenu .second_dep_list a,
    #bo_v .tab_submenu .second_dep_list a{
        font-size:12px;
        white-space:nowrap;
    }
}
@media (max-width:350px){
    #banner_submenu .tab_submenu,
    #bo_gall .tab_submenu,
    #bo_w .tab_submenu,
    #bo_v .tab_submenu{
        grid-template-columns: 64px 1fr;
    }
    #banner_submenu .tab_submenu .first_dep a{
        font-size: 13px;
    }
    #bo_gall .tab_submenu .first_dep a,
    #bo_w .tab_submenu .first_dep a,
    #bo_v .tab_submenu .first_dep a{
        font-size:11px;
    }
    #banner_submenu .tab_submenu .second_dep_list a{
        font-size: 12px;
        white-space:nowrap;
    }
    #banner_submenu .tab_submenu .second_dep_list,
    #bo_gall .tab_submenu .second_dep_list,
    #bo_w .tab_submenu .second_dep_list,
    #bo_v .tab_submenu .second_dep_list{
        gap: 5px;
    }
}