/*
	SALIENT CUSTOM MEGAMENU(IF HOVER ALL CHILD VIEW FULLWIDTH MEGAMENU)
	Tong Company - http://tongcompany.co.kr/ 
*/

.custom-sub-menu {background: #f8f8f8; position: fixed; left: 0; width: 100%; z-index: 999999; display: none;}
.custom-sub-menu ul, .custom-sub-menu li {padding: 0; margin: 0; list-style: none;}
.custom-sub-menu a {text-decoration: none;}
.custom-sub-menu > ul {max-width: 960px; margin: 0 auto; display: flex; flex-direction: row; justify-content: center;transition: all 0.2s;}
.custom-sub-menu > ul:after {display: block; content: ""; clear: both;}
.custom-sub-menu > ul > li {width: 20%; border-right: 1px solid rgba(255,255,255,0.08); box-sizing: border-box; padding: 0 15px;border-width: 0;}
.custom-sub-menu > ul > li:first-child {border-left: 1px solid rgba(255,255,255,0.08);}
.custom-sub-menu > ul > li > a {display: block; color: white; font-family: Montserrat; text-transform: uppercase!important; letter-spacing: 1px; font-size: 12px; padding: 9px 15px 16px 15px;}
.custom-sub-menu > ul > li > ul > li > a {display: block; color: #767676; font-size: 1rem;padding: 6px 0;}
.custom-sub-menu > ul > li > ul > li > a:hover, .custom-sub-menu > ul > li > ul > li > a:focus{color:#fff;}
.custom-sub-menu > ul > li:hover > a, .custom-sub-menu > ul > li.current_page_item > a {color: #fff;text-decoration: underline;font-weight: 500;}
/*
.custom-sub-menu > ul > li > ul > li:hover > a, .custom-sub-menu > ul > li > ul > li.current_page_item > a {color: #fff;}*/
.custom-sub-menu > ul > li > ul > li > ul {display: none;}
.custom-sub-menu > ul > li > ul > li > ul > li {position: relative;}
.custom-sub-menu > ul > li > ul > li > ul > li > a {font-size: 12px; padding: 0 0 0 30px; color: #767676;}
.custom-sub-menu > ul > li > ul > li > ul > li > a:before {content: "-"; display: block; position: absolute; margin-left: 22px;}
.custom-sub-menu > ul > li > ul > li > ul > li:hover > a, .custom-sub-menu > ul > li > ul > li > ul > li.current_page_item > a {color: #1d2088;}

/* on active menu */
.custom-sub-menu > ul.on{opacity: 1;}
.custom-sub-menu ul li.lang{display: none;}
.custom-sub-menu ul li.dpth1{position: relative;padding: 0;transition: all 0.2s;text-align: center;}
.custom-sub-menu ul li.dpth1:hover{background: #eee}
.custom-sub-menu ul li.dpth1:hover li > a {color: #595959;font-weight: 500;}
.custom-sub-menu ul li.dpth1:hover li > a:hover{color:#111;text-decoration: underline;font-weight: 500;}
.custom-sub-menu ul li.dpth1::before{content: "";position: absolute;width: 0;height: 4px;top: -4px;background: linear-gradient(70deg, #00a1e9, #1d2088);transition: all 0.3s;left: 50%;}
/*.custom-sub-menu ul li.dpth1:hover::before{width: 100.5%;left: 0;}*/
.custom-sub-menu ul li.dpth1 ul{position: relative;transition: all 0.2s;height: 100%;padding: 8% 0 12%;}
.custom-sub-menu ul li.dpth1 ul::before{content: "";position: absolute;width: 100%; height: 1px; top: 0; left: 0; }
.custom-sub-menu ul li.dpth1 ul:hover::before{background: #0f0f1e;}
.custom-sub-menu ul li.dpth1.on ul::before{background: #0f0f1e;}
.custom-sub-menu ul li.dpth1.on{background: #eee}
.custom-sub-menu ul li.dpth1.on ul li > a{color: #595959;}


.custom-sub-menu.child-1 > ul > li {flex: 1;}
.custom-sub-menu.child-2 > ul > li {flex: 1;}
.custom-sub-menu.child-3 > ul > li {flex: 1;}
.custom-sub-menu.child-4 > ul > li {flex: 1;}
.custom-sub-menu.child-5 > ul > li {flex: 1;}
.custom-sub-menu.child-6 > ul > li {width: auto; flex: 1;}
.custom-sub-menu.child-7 > ul > li {flex: 1;}
.custom-sub-menu.child-8 > ul > li {flex: 1;}