@charset "utf-8";

#header {bottom: 0 !important; transition: none !important;}
.menu_bar {padding: 0 20px; width: 100%; height: 45px; align-items: center; background: #fff; display: flex; justify-content: space-between; font-size: 24px; box-sizing: border-box;}
.menu_bar ul {display: flex; }
.menu_bar > div a,
.menu_bar ul li a { padding: 0 10px; box-sizing: border-box;}


#header .gnbWrap {position: absolute !important; top: auto !important; right: auto !important; left: 40px !important; display: none; transition: none !important; box-sizing: border-box;}
#header .gnbWrap li {display: block !important; text-align: left; margin: 0 !important; font-size: 1em;}
#header .gnbWrap li a {line-height: 1.8;}
#header .gnbWrap li .icons {width: auto; height: auto; display: inline;}
#header .gnbWrap li .icons::before {content: none;}
#header .gnbWrap li .icons span {display: inline;}
#header .gnbWrap li .icons span i {display: inline;}
#header .gnbWrap li .tooltips {position: static; transform: none; background: none; margin: 0; display: inline; padding: 0 10px; opacity: 1; visibility: visible;}

#header .gnbWrap li.line {display: none !important;}

#header .material-icons {width: 1em;}

.control-mobile-menu {display: none !important;}

@media all and (max-width:1024px) {
    body #header {display: block !important; width: 100%;}
    #header .gnbWrap {max-width: 240px;}
}