#header {position:relative;width:960px;height:60px;margin: 0;}
#header:before {position:absolute;content:"";display:block;top:0;left:0;width:100%;height:40px;background: linear-gradient(90deg, rgba(21,152,100,1) 0%, rgba(98,205,61,1) 100%);}
#menu {position:absolute;width:100%;height:60px;top:0px;right:0;vertical-align:middle;}
#menu h1 {position:absolute;top:0;left:40px;font-family:'NotoSansKR';font-size:17px;font-weight:500;color:#fff;}
#navMenu{display:block;height:60px;margin:0;padding:0;text-align:right;}
#navMenu > li{display:inline-block;padding:0 50px;height:40px;line-height:40px;}
#navMenu > li > a{position:relative;height:40px;display:block;color:#fff;font-family:'NotoSansKR';font-weight:500;font-size:15px;letter-spacing:-1px;}
#navMenu > li.on > a,
#navMenu > li > a:hover,
#navMenu > li > a:focus{color:#fff200;}
#navMenu > li > ul{position:absolute;display:none;text-align:center;width:auto;top:40px;margin:0;padding:0 10px;line-height:normal;z-index:102;border:3px solid #159864;background:#fff;}
#navMenu > li.on > ul {display:block;}
#navMenu > li > ul > li{display:inline-block;}
#navMenu > li > ul > li a{display:inline-block;margin:0;padding:5px 8px;font-family:'NotoSansKR';font-weight:400;font-size:13px;height:auto;color:#565656;letter-spacing:-1px;}
#navMenu > li > ul > li a:hover,
#navMenu > li > ul > li a:focus{color:#222;}
#navMenu > li#menu01 > ul{right:200px;}
#navMenu > li#menu02 > ul{right:100px;}
#navMenu > li#menu03 > ul{right:20px;}
#navMenu > li#menu04 > ul{right:0;}