@charset "utf-8";

.menu_wrap{position: absolute; z-index: 2; width:100%; left:0; top:0; text-align: center; padding-top:29px; transition:all 1s ease; display:none;}
.menu_wrap .menu_con{font-size:0; line-height:0;}
.menu_wrap .menu_con > li{display:inline-block; vertical-align: middle; padding-right:40px; padding-left:40px;}
.menu_wrap .menu_con > li:first-child{padding-left:0;}
.menu_wrap .menu_con > li:last-child{padding-right:0;}
.menu_wrap .menu_con > li > a{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.02em; color:#fff; font-weight:400;
    display:block; padding-top:7px; padding-bottom:7px; border-bottom:2px solid transparent; transition:all .2s ease;}
.menu_wrap .menu_con > li:hover > a{border-bottom-color:#c3de0e;}
.menu_wrap .menu_con > li.active > a{border-bottom-color:#c3de0e;}
.menu_wrap .menu_con > li.active > ul{display:block;}
.menu_wrap .menu_con > li > ul{position: absolute; width:100%; text-align: center; left:0; padding-top:36px; display:none;}
.menu_wrap .menu_con > li > ul > li{display:inline-block; vertical-align: middle; margin-left:18px; margin-right:18px;}
.menu_wrap .menu_con > li > ul > li:first-child{margin-left:0;}
.menu_wrap .menu_con > li > ul > li:last-child{margin-right:0;}
.menu_wrap .menu_con > li > ul > li > a{font-size:16px; font-size:1.6rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.02em; color:#fff; display:block; border-bottom:2px solid transparent; transition:all .2s ease;}
.menu_wrap .menu_con > li > ul > li:hover > a{border-bottom-color:#c3de03;}
.menu_wrap .menu_con > li > ul > li.active > a{border-bottom-color:#c3de03;}



@media all and (min-width:992px){
    .menu_wrap{display:block;}

    .header_wrap:hover .menu_wrap .menu_con > li > a{color:#fff;}
}