@charset "utf-8";



*{padding: 0; margin: 0;}

ul li{list-style: none;}

a:hover{text-decoration:none;}

.subnav{width: 100%; position:relative; z-index: 1;}

.subnavFixed { position: fixed; top: 0; z-index: 1030; padding: 10px 0px 10px;  background-color: rgba(255,255,255,0.97); box-shadow: 0 5px 10px rgb(0 0 0 / 30%);}

.sub_nav{width: 100%;}

.sub_nav_topanel{width: 100%; height: 42px; background-color: #7cbe2f; color: #324023; font-size: 16px; font-weight: 700; text-transform: uppercase; padding-left: 20px; cursor: pointer; border-radius: 4px 4px 0 0; line-height: 42px;}

.sub_nav_topanel span{float: right; margin-right: 9px;}

.sub_nav_topanel.on{display: block;}

.sub_nav_topanel.off{display: none;}

.subnavwrap{width: 100%;}

.subnavwrap ul{margin: 0;}

.subnavwrap ul li{float:left; position: relative; background-color: #6e6e6e; margin-right: 5px; margin-bottom: 5px;}

.subnavwrap ul>li.has_sub{padding-right: 35px;}

.subnavwrap ul li ul{display: none;}

.subnavwrap ul li a{display: block; width: 224px; height: 32px; padding-left: 15px; font-size: 14px; font-weight: normal; color:#fff; line-height: 32px; overflow: hidden; background-color: transparent; }

.subnavwrap ul li a.on{background-color: #006400;}



.subnavwrap ul>li.has_sub::after{content: "\f0d7"; font-size: 20px; font-family: FontAwesome; color:#aaaaaa; position: absolute; top:0px; right:0px; width: 32px; height: 32px; text-align: center; line-height: 32px; cursor: pointer; }

.subnavwrap ul>li>a:hover{ color:#00FC00; font-size: 13px; font-weight: bold;}

.subnavwrap ul>li:hover{background-color:#006400;}

.subnavwrap ul>li:hover a{background-color:transparent;}

.subnavwrap ul>li.has_sub:hover::after{color:#fff;}



.subnavwrap ul>li>ul{display: none; position: absolute; left: 0; top: auto; box-shadow: 0 10px 15px rgba(0,0,0,0.3);}

.subnavwrap ul>li>ul>li{margin-bottom: 0; border-top:1px solid #dcdcdc; background-color: #dce6dc; padding-left: 0; padding-right: 0; width: 100%;}

.subnavwrap ul>li>ul>li>a{width: 100%; display: block; background-color: #fff!important; padding-left: 15px; color:#6e6e6e;}

.subnavwrap ul>li>ul>li>a:hover{ background-color: #7cbe2f; color: #324023; text-decoration: none;}



.m_subnavwrap{width: 100%; display: none;}

.m_subnavwrap ul{margin: 0; border-top:1px solid #fff;}

.m_subnavwrap ul li{display: block; position: relative; background-color: #6e6e6e; margin: 0px; border-top:1px solid #fff; width: 100%;}

.m_subnavwrap ul li a{display: block; width: 100%; max-height: 64px; padding:10px 0 10px 20px; font-size: 14px; font-weight: normal; color:#868686; color:#fff; line-height: 1.0;}

.m_subnavwrap ul>li.has_sub{ pointer-events: none;}

.m_subnavwrap ul>li.has_sub a{padding-right: 35px; pointer-events: auto;}

.m_subnavwrap ul li ul{display: none;}





.m_subnavwrap ul>li.has_sub::after{content: "\f067"; font-size: 20px; font-family: FontAwesome; color:#aaaaaa; position: absolute; top:0px; right:0px; width: 32px; height: 32px; text-align: center; line-height: 32px; cursor: pointer; pointer-events: auto;}

.m_subnavwrap ul>li.has_sub.on::after{content: "\f068";}

.m_subnavwrap ul>li>a:hover{ color:#00FC00; font-size: 12px; font-weight: bold;}

.m_subnavwrap ul>li:hover{background-color:#006400;}

.m_subnavwrap ul>li.has_sub:hover::after{color:#fff;}



.m_subnavwrap ul>li>ul{display: none;}

.m_subnavwrap ul>li>ul>li{margin-bottom: 0; border-top:1px solid #fff; background-color: #dce6dc; padding-left: 0; padding-right: 0; width: 100%;}

.m_subnavwrap ul>li>ul>li>a{width: 100%; display: block; background-color: #dcdcdc; padding-left: 20px; color:#333;}

.m_subnavwrap ul>li>ul>li>a:hover{ background-color: #7cbe2f; color: #324023; text-decoration: none;}