/* sub left menu */
#left_menu_wrap { position: fixed; left: 50%; top: 170px; max-width: 1685px; width: 100%; transform: translateX(-50%); z-index: 1}

.left_menu {}
.menu_list > li + li { margin-top: 18px; }
.menu_list > li > a { position:relative; display: inline-block; }
.menu_list > li h1 { font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: 600; color: #000; transition: all .3s; }
.menu_list > li.active h1 { color:#e20419; }

.menu_list .sec_menu { margin:12px 0 20px; }
.menu_list .sec_menu h2 { position:relative; display: inline-block; padding:0 3px 0 0; margin-bottom: 12px; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 300; text-indent: 1px; }
.menu_list .sec_menu li:last-child { margin-bottom: 0; }
.menu_list .sec_menu .now h2 { border-bottom: 1px solid #000; }

.menu_list > li > ul { display:none; }
.menu_list > li > ul.active { display:block; }

/* hover */
.menu_list > li > a:hover h1 { color:#e20419; }
.menu_list > li > a:before { content:""; position:absolute; left:0; width:0; bottom:-1px; height: 2px; background:#e20419; transition: all .3s; }
.menu_list > li > a:hover:before { width:100%; }
.menu_list .sec_menu h2:before { content:""; position:absolute; left:0; width:0; bottom:-1px; height: 1px; background:#000; transition: all .3s; }
.menu_list .sec_menu h2:hover:before { width:100%; }


@media screen and (max-width: 1720px) {
    .left_menu { position:absolute; left:30px; }
}


@media screen and (max-width: 1024px) {
    #left_menu_wrap { display: none; }
}