하위 메뉴 마우스 오버시 상위메뉴 글씨 크기가 줄지 않게 어떻게 해야 하나요? 채택완료

</p>

<p><script  src="<a href="http://code.jquery.com/jquery-latest.min.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-latest.min.js"></script></a></p>

<p><style>

@charset "utf-8";

@import url(<a href="http://fonts.googleapis.com/earlyaccess/notosanskr.css);" target="_blank" rel="noopener noreferrer">http://fonts.googleapis.com/earlyaccess/notosanskr.css);</a></p>

<p>

.menu {

  margin: 0 auto;

  padding: 0;

  width: 100%;

  font-family:'Noto Sans KR', sans-serif;

}</p>

<p>.menu li { list-style: none; }</p>

<p>.menu li a {

  display: table;

  margin-top: 1px;

  padding: 0 10px;

  width: 100%;

  background: ;

  text-decoration: none;

  text-align: left;

  vertical-align: middle;

  color: #fff;

  font-size:2em;

  font-weight:500;

  text-shadow:0 0 10px rgba(0,0,0,0.5);

  overflow: hidden;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -webkit-transition-timing-function: ease-out;

  transition-property: all;

  transition-duration: 0.5s;

  transition-timing-function: ease-out;

}</p>

<p>.menu > li:first-child a { margin-top: 0; }</p>

<p>.menu li a:hover {

  font-size:3em;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -webkit-transition-timing-function: ease-out;

  transition-property: all;

  transition-duration: 0.5s;

  transition-timing-function: ease-out;

}</p>

<p>.menu li ul {

  margin: -2px 0 0;

  padding: 0;

}</p>

<p>.menu li li a {

  display: block;

  margin-top: 0;

  padding: 0 10px;

  height: 0;

  color: #fff;

  font-size:12px;

  font-weight:bold;

  text-shadow:0 0 0;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.2s;

  -webkit-transition-timing-function: ease-out;

  transition-property: all;

  transition-duration: 0.2s;

  transition-timing-function: ease-out;

}</p>

<p>.menu > li:hover li a {

  display: table;

  margin-top: 1px;

  padding: 10px;

  width: 100%;

  height: 1em;

  font-size:12px;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.2s;

  -webkit-transition-timing-function: ease-out;

  transition-property: all;

  transition-duration: 0.2s;

  transition-timing-function: ease-out;

}

/*

.menu > li:hover li a:hover {

  background: rgba(0,0,0,0.2);

  -webkit-transition-property: background;

  -webkit-transition-duration: 0.2s;

  -webkit-transition-timing-function: ease-out;

  transition-property: background;

  transition-duration: 0.2s;

  transition-timing-function: ease-out;

}*/</p>

<p>.menu > li:hover ul {

  overflow:hidden;

  background: rgba(0,0,0,0.2);

  -webkit-transition-property: background;

  -webkit-transition-duration: 0.2s;

  -webkit-transition-timing-function: ease-out;

  transition-property: background;

  transition-duration: 0.2s;

  transition-timing-function: ease-out;

}</p>

<p>.menu li ul li{

  float:left;

}</p>

<p>.current{

  color:red;

  }

</style></p>

<p>  <ul class="menu">

    <li><a href="#">ABOUT US</a>

      <ul>

        <li><a href="../sub01/sub01_01.php">Company General</a></li>

        <li><a href="../sub01/sub01_02.php">History</a></li>

        <li><a href="../sub01/sub01_03.php">Organization</a></li>

        <li><a href="../sub01/sub01_04.php">ocation</a></li>

        <li><a href="../sub01/sub01_05.php">Contact</a></li>

      </ul>

    </li>

    <li><a href="#">PROGRAMS</a>

      <ul>

        <li><a href="../sub02/sub02_01.php">Boeing</a></li>

        <li><a href="../sub02/sub02_02.php">Airbus</a></li>

        <li><a href="../sub02/sub02_03.php">Other</a></li>

      </ul>

    </li>

    <li><a href="#">PRODUCTS</a>

      <ul>

        <li><a href="../sub03/sub03_01.php">Sheet Metal</a></li>

        <li><a href="../sub03/sub03_02.php">Macining</a></li>

        <li><a href="../sub03/sub03_03.php">Assembly</a></li>

        <li><a href="../sub03/sub03_04.php">Roll Formed Section</a></li>

      </ul>

    </li>

    <li><a href="#">EQUOIPMENTS</a>

      <ul>

        <li><a href="../sub04/sub04_01.php">Equipments</a></li>

        <li><a href="../sub04/sub04_02.php">Equipment List</a></li>

      </ul>

    </li>

    <li><a href="#">QUALITY APPROVAL</a></li>

    <li><a href="#">CUSTOMERS</a></li>

  </ul>