@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700&display=swap');
ul, li{list-style:none;}
.logo{float:left; margin:0 30px;}
.nav{float:left; width: 610px; padding: 0; margin:15px 0; font-family:"Noto Serif KR"}
.nav > li{float:left; position:relative; width: 20%; text-align: center;}
.nav > li > a{color:#fff; font-size:18px;}
.nav > li > a:hover{color:#ffeb3b}
.sub_nav{position:absolute; padding:10px 0 0 0; display:none;}
.sub_nav > li{float:left;}
.sub_nav01{width:183px;}
.sub_nav02{width:183px; left:-30.5px;}
.sub_nav03{width:64px; left:29px}
.sub_nav04{width:64px; left:29px}
.sub_nav05{width:154px; right:0;}

.nav > li:nth-child(1):hover .sub_nav01{display:block;}
.nav > li:nth-child(2):hover .sub_nav02{display:block;}
.nav > li:nth-child(3):hover .sub_nav03{display:block;}
.nav > li:nth-child(4):hover .sub_nav04{display:block;}
.nav > li:nth-child(5):hover .sub_nav05{display:block;}