(수정) D 타입 메가 메뉴 서브메뉴 높이 설정에 문제가 있습니다

.menu {

list-style: none;

position:relative;

padding: 0;

margin:auto;

}

.menu li {

background-color: #fff;

text-align: center;

}

.menu li > a {

display:block;

padding:5px;

}

.menu li:hover > a{

background-color: #000;

color:#fff;

}

.sub-back{ /* display: none;

position:absolute;

background-color: #00000060;

top:0;

left:100%;

z-index: 1000;

width:100vw; }

.mega-menu { / display: flex; /}

.sub-menu { / height:calc(128px / 4); / / display:flex; align-items:center; */}

.sub-menu a { display:block; padding:5px;}

.sub-menu a:hover { background-color: bisque;}