	.org_menu{display:none}

	.mid_menu{position:relative; margin: auto; margin-top: -5rem; width:100%; max-width: var(--container); height:5rem; border-width:1px 0; background: var(--main_color); display: none;}
    
	.mid_menu .container{position:relative; max-width:var(--container);margin:0 auto; padding:0; }
	.re_menu:after{display:block; content:''; clear:both}
	.re_menu > div{float:left; position:relative; border-right:1px solid rgba(255,255,255,0.5); min-width:20rem}
	.re_menu > div > a{position: relative;display:block;padding:0 2rem; height:5rem;line-height:5rem; color:#fff}
	.re_menu > div > a::before{content: '▼'; font-size: 1rem; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); transition: all 0.5s;}
	.re_menu > div:hover a::before{content: '▲'; }
	.re_menu > div:hover ul{display:block}
	.re_menu .home{min-width:5rem}
	.re_menu .home a{background:url('../images/common/ico_home.png') no-repeat center;text-indent:-9999px}

	.re_menu ul{display:none; position:absolute; left:0; top:5rem; width:calc(100% + 2px); background:#fff;margin:-1px 0 0 -1px; z-index:2; box-shadow: 0 0 1rem rgba(0,0,0,0.2); transition: all 0.5s}
	.re_menu ul li{border:1px solid rgba(255,255,255,0.5);border-top:0;background:#fff; transition: all 0.5s}
	.re_menu ul li:hover {background:var(--main_color); color:#fff}
	.re_menu ul li a{display:block; padding:0 2rem; height:5rem; line-height:5rem}
    .re_menu ul li a:hover{color:#fff}
	.re_menu ul li a::before{display:none}
	.re_menu ul li.on a{color:var(--sub_color)}
    .re_menu ul li.on a:hover{color:#fff}

    @media all and (max-width:1023px) {
     .re_menu{display: flex;} 
     .re_menu .home{display: none;}  
     .re_menu > div{flex: 1; min-width: auto;}
     .re_menu .dep3{display: none;}
    }


