/*HTML and CSS only multilevel drop down menu*/

*,
html {
    margin: none;
    padding: relative;
    font-family:굴림체;
   
}

ul {
    font-family:inherit;
    color:#111666;
    list-style:none;
    display:flex;
    /**list-style:none;**/
    padding: 0px;
    justify-content: space-between;
    /* Rmove list styles*/
    background: white;/**불투명***/
}
/*-- parent nav--*/

.navContainer {
    background: white;
    padding: 2px;
    color:#111666;
}
.navContainer nav {
    max-width: 920px;
    margin: auto;
    
}

.navContainer nav li {
    display: block;
    font-size:14px;
    color:black;
    text-align:justify;
    text-indent:5px;/**문장들여보내기***/
    line-height:25px;
}

.navContainer nav a {
    display: inline-block;
    font-size:14px;
    position: left;
    padding: 5px 5px;
    border-bottom: 1px solid yellow;
    min-width: 150px;
    background:white;
    color: blue;
    text-decoration: underline;
     text-align: left;
}

nav li >a {
    
    display: inline-block;
    position: relative;
}



.navContainer nav li >a:hover {
    background: #F5F5DC;
}

.navContainer nav li >a {
    display: inline;/**요게 a 와 그냥을 같이 둔다***/
    position: flex;
}



nav >ul >li >ul {
    position: absolute;
    border: 1px solid #16acff;
    background: white;
    display:none;
}
nav >ul >li >ul >li >ul,
nav >ul >li >ul >li >ul>li>ul {
    position:absolute;
    left: 100%;
    width: 170px;
    top: 0px;
    display: none;/***expand**/
    z-index: 2;
    border: 1px solid #16acff;
}

.navContainer nav >ul >li >ul >li >a {
    position:inline-block;
}





/*-- Display on hover--*/

nav >ul >li:hover >ul,
nav >ul >li >ul >li:hover >ul,
nav >ul >li >ul >li>ul>li:hover ul {
    display: block;
}

.navContainer nav ul >a {
    display: inline;/**요게 a 와 그냥을 같이 둔다***/
    position: flex;
}