@font-face { font-family: "ngeot"; font-style: normal; font-weight: normal;src:url('NanumBarunGothic-YetHangul.eot'); src:url('NanumBarunGothic-YetHangul.eot?#iefix') format('embedded-opentype'), url("NanumBarunGothic-YetHangul.ttf") format("truetype")}
.menuWrap{float:right;width:890px; max-width:calc(100% - 200px); height:65px;}
#topmenu {clear:both;float:left;height:75px;width:100%; margin-top:17px;/*margin-left:50px;*/font-family: "ngeot",}  /* width:970px; margin:0 auto; ==> 메뉴폭을 970으로 사용시  */
#topmenu .wrap {position:relative; display: flex; justify-content: flex-end;z-index:999;height:100px;/*overflow:hidden;*/ width:100%;margin-left:0px} /* 가운데 정렬: width:970px; margin:0 auto; 서브메뉴 높이~~~*/
#topmenu .wrap ul{position:relative;list-style:none; display:flex;margin-top:8px;} 
#topmenu .wrap ul:after{content:""; display:block; float:none; clear:both;}
#topmenu .wrap ul li{float:left;list-style:none; white-space: nowrap; margin-top:2px;padding:0;height:65px;text-align:center;font-size:16px;font-weight:normal;font:normal 16px 'ngeot';} /*서브의 높이*/
#topmenu .wrap ul li.active{}
#topmenu .wrap ul li a{height:66px; cursor:pointer;text-decoration:none;font:normal 16px 'ngeot';letter-spacing:-1px;display:inline-block; color:#333;} /* 1차메뉴 진하게 1차메뉴 높이 */
#topmenu .wrap ul li a:hover{color:#fe4609;font:normal 16px 'ngeot';}
#topmenu .wrap ul li.active a {color:#fe4609;font:normal 16px 'ngeot';} 

#topmenu .wrap ul li.ok1.li_2 {/*width:110px;*/margin-left:0px} /* 학교서비스 위치 조정 */

#topmenu .wrap div.subMenuBox{display:none;position:absolute;z-index:1111;left:0;padding:0px 2px;top:50px;margin-top:0px;height:30px;}
#topmenu .wrap div.subMenuBox ul,#topmenu .wrap div.subMenuBox ul li{background:none}
#topmenu .wrap div.subMenuBox ul {height:30px;}
#topmenu .wrap div.subMenuBox ul li {text-align:center;height:30px;padding-left: 5px;padding-right: 5px;font-size:13px;letter-spacing:-1px;}
#topmenu .wrap div.subMenuBox ul li a{font:normal 14px 'ngeot', dotum;letter-spacing:-1px;color:#fff;height:30px;text-align:center;padding-left: 5px;padding-right: 5px; }
#topmenu .wrap div.subMenuBox ul li a:hover{color:#f99270;height:31px;font-weight:normal}
#topmenu .wrap div.subMenuBox ul li a.active,#topmenu .wrap div.subMenuBox ul li a:active{color:#f99270;font-weight:bold;height:30px;}
#topmenu .wrap div.subMenuBox ul li.on a{text-decoration:underline;font-weight:normal;height:31px;}