.gnb-container{position:fixed;top:-136px;left:0;width:100%;background-color:#fff;border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);transition:top .3s ease-in-out;z-index:20}
.active .gnb-container{top:81px}
.gnb-container .gnb-list-box{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;height:72px}
.gnb-container .gnb-list-box::-webkit-scrollbar,.gnb-container .gnb-list-box::-webkit-scrollbar-thumb,.gnb-container .gnb-list-box::-webkit-scrollbar-track{display:none;background:transparent;height:0}
.gnb-container .gnb-list{height:100%}
.gnb-container .gnb-list:hover .sub-gnb-list-container{display:block}
.gnb-container .gnb-list.active{color:#002c5f}
.gnb-container .gnb-list.active .gnb-list-link{font-family:'HyundaiMedium';color:#002c5f}
.gnb-container .gnb-list a{text-decoration:none}
.gnb-container .gnb-list .gnb-list-link{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;height:100%;padding:0 32px;font-size:16px;color:#666;line-height:24px;white-space:nowrap;text-align:center}
.gnb-container .gnb-list .gnb-list-link::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0;border-bottom:2px solid #002c5f;transition:.3s all ease}
.gnb-container .sub-gnb-list-container{z-index:1;display:none;position:absolute;bottom:0;left:0;transform:translateY(100%);width:100%;height:64px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background-color:#fbf9f9}
.gnb-container .sub-gnb-list-box{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}
.gnb-container .sub-gnb-list{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;text-align:center}
@media(hover:hover){.gnb-container .gnb-list:hover::before{display:block}
.gnb-container .gnb-list:hover .gnb-list-link{font-family:'HyundaiMedium';color:#002c5f}
.gnb-container .gnb-list:hover .gnb-list-link::after{width:100%}
.gnb-container .sub-gnb-list:hover .sub-gnb-list-link{color:#002c5f;font-family:'HyundaiMedium'}
}
.gnb-container .sub-gnb-list.active .sub-gnb-list-link{color:#002c5f;font-family:'HyundaiMedium'}
.gnb-container .sub-gnb-list .sub-gnb-list-link{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 24px;height:100%;font-size:14px;color:#666;line-height:20px}
.gnb-container .close-button-box{display:none;position:absolute;top:16px;right:16px}
.gnb-container .btn-close{display:block;width:18px;height:18px;background:url("../../../../ko/clientlibs/investorrelations/common/assets/images/ic_close_b.svg") no-repeat center/18px}
@media screen and (max-width:768px){.active .gnb-container{top:65px}
.gnb-container .gnb-list-box{justify-content:flex-start;overflow-x:auto;height:56px}
.gnb-container .gnb-list{font-size:16px;line-height:24px}
.gnb-container .gnb-list:hover .sub-gnb-list-container{display:none}
.gnb-container .gnb-list.show .gnb-list-link::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;border-bottom:2px solid #002c5f;transition:.3s all ease}
.gnb-container .gnb-list.show .sub-gnb-list-container{display:block}
.gnb-container .gnb-list .gnb-list-link{padding:0 20px;font-size:14px}
.gnb-container .sub-gnb-list-container{position:fixed;bottom:auto;height:auto;-webkit-transform:none;transform:none}
.gnb-container .sub-gnb-list-box{flex-direction:column}
.gnb-container .sub-gnb-list .sub-gnb-list-link{padding:12px;font-size:14px}
.gnb-container .sub-gnb-list .sub-gnb-list-link span br{content:" ";display:inline-block;padding:0 2px}
.gnb-container .close-button-box{display:block}
}