/* 네비상단 */
header nav {display: flex; height:100%; transition:all .3s; border-left:1px solid transparent; overflow: hidden;/*height: 100%;*/}
header nav > li {flex: 1; position:relative; transition:all .3s; border-right:1px solid transparent;}
header nav > li:last-child {display:none;}
#wrapper header .top_pos:hover nav > li:nth-child(even) {background:rgba(0,0,0,0.12);}
#wrapper header .top_pos:hover nav > li:nth-child(odd) {background:rgba(0,0,0,0.05);}
#wrapper header .top_pos:hover nav > li.on {background:rgba(0,0,0,0.25);}
#wrapper header .top_pos:hover nav > li:hover {background:rgba(0,0,0,0.15);}
#wrapper header .top_pos:hover nav > li.on:hover {background:rgba(0,0,0,0.3);}
/*
네비자체에 적용할때 사용
header nav:hover > li {}
header nav:hover > li:nth-child(even)	{background:rgba(0,0,0,0.08);}
header nav:hover > li:nth-child(odd)	{background:rgba(0,0,0,0.0.05);}
header nav:hover > li.on {background:rgba(0,0,0,0.4);}
header nav > li:hover {background:rgba(0,0,0,0.25);}
header nav > li:hover.on {background:rgba(0,0,0,0.4);}
*/
header nav > li a {transition: all .3s;}
header nav > li > a {position:absolute; top:0; left:0; width:100%; height:var(--default_nav); }
header nav > li > a span {position:absolute; top:50%; left:0; transform:translateY(-50%); line-height:100%;font-family: var(--neo); font-weight: bold;font-size: 15px; color:rgba(255,255,255,0.7);padding:0 17%;transition:all .3s; text-align:left;letter-spacing:-0.05em; white-space:nowrap;}
header nav > li:hover > a span {color:rgba(255,255,255,1);}
header nav > li.on > a span {color:#beff22;}
header nav > li > a > i {position: absolute; transform: translateY(-50%) rotate(0deg);top: 50%; right: 25px; font-size: 15px; transition: all .3s; display:none !important;}
header nav > li:hover > a > i {transform: translateY(-50%) rotate(180deg); }
header nav > li ul.sub_cate1 {position:absolute; top:var(--default_nav); left:0; width:100%;  visibility: visible; opacity: 1; transition: all .5s; padding:20px 5px 20px 17%; border-radius:10px;}
header:hover nav > li ul.sub_cate1 {opacity: 1; visibility: visible; top:calc(var(--default_nav) - 10px); }
header nav > li ul.sub_cate1 li {display: inline-block; width: 100%;}
header nav > li ul.sub_cate1 li a {display: block; font-size: 13px; color: rgba(255,255,255,0.85); position: relative; padding:0 0 5px 3px; letter-spacing:0;}
header nav > li ul.sub_cate1 li.on a {#a2d330}
header nav > li ul.sub_cate1 li a span {display: inline-block; font-size: 12px; color: rgba(255,255,255,0.8); padding:0; position:relative; width:100%; font-family:var(--neo);}
header nav > li ul.sub_cate1 li a:hover span {background: transparent; color: #fff; }
header nav > li ul.sub_cate1 li.on a span {background: transparent; color:#d5ff6d;}
header nav > li .empty_box {position:absolute; top:calc(var(--default_nav) + 20px); left:0; width:100%; height:calc(100% - var(--default_nav)); background:yellow; opacity:0; transition:all .3s;}
header.open nav > li .empty_box {top:var(--default_nav); opacity:1;}
header nav > li .empty_box a {position:absolute; top:0; left:0; width:100%; height:100%; background:orange;}
header nav > li > a span em {display:inline-block; vertical-align:top; margin-left:5px; position:relative;}
header nav > li > a span em now {position:absolute; top:0px; left:0; /*padding:3px; border-radius:3px; */font-family: var(--neo); font-weight:normal; line-height:100%; background:red; font-size:0; color:#fff; font-style:normal; white-space:nowrap; width:4px; height:4px; border-radius:100%;}

header nav > li:nth-child(2) > a span em now {background:red;}
header nav > li ul.sub_cate1 li a span em {display:inline-block; vertical-align:top; margin-left:5px; position:relative;}

header nav > li ul.sub_cate1 li a span em s_now {position:absolute; top:0px; left:0; /*padding:3px; border-radius:3px; */font-family: var(--neo); font-weight:normal; line-height:100%; background:red; font-size:0; color:#fff; font-style:normal; white-space:nowrap; width:4px; height:4px; border-radius:100%;}



header nav > li:nth-child(2) ul.sub_cate1 li a span em s_now {background:red;}




/* 네비 하단 */
footer nav {position:relative; margin:0 auto; max-width:var(--default_wd); width:calc(100% - 40px); height:100%; display: flex; background:rgba(0,0,0,0.02); border:0px solid var(--default_nav_btm_line); border-radius:25px; overflow:hidden;}
footer nav > li {flex: 1;padding:45px 20px 45px 40px; border-right:1px solid var(--default_nav_btm_line);}
footer nav > li:last-child {border:0;}
footer nav > li.on {background:rgba(255,255,255,0.2);}
footer nav > li a {transition: all .3s;}
footer nav > li > a {display: block; font-family: var(--neo); font-weight: 800;font-size: 16px; color:#000; line-height: 110%; position: relative; letter-spacing:-0.05em; white-space:nowrap; }
footer nav > li.on > a {font-weight: 800;}
footer nav > li > a > i {display: none !important;}
footer nav > li ul.sub_cate1 {position: relative; left: 0; top:0; width:100%;  transition: all .3s; padding: 15px 0 0 0; }
footer nav > li ul.sub_cate1 li {display: inline-block; width: 100%;}
footer nav > li ul.sub_cate1 li a {display: block; font-size: 13px; color: rgba(0,0,0,0.8); position: relative; line-height:100%;padding: 5px 0 5px 3px;font-family: var(--neo); font-weight: 700;}
/*footer nav > li ul.sub_cate1 li a:before {content:"ㆍ";}*/
footer nav > li ul.sub_cate1 li.on a {color:red;}
footer nav > li ul.sub_cate1 li a span {display: inline-block; }
footer nav > li ul.sub_cate1 li a:hover span {color: red; }
footer nav > li ul.sub_cate1 li.on a span {color:#000;}
footer nav > li > a span em {display:inline-block; vertical-align:top; margin-left:5px; position:relative;}
footer nav > li > a span em now {position:absolute; top:0px; left:0; /*padding:3px; border-radius:3px; */font-family: var(--neo); font-weight:normal; line-height:100%; background:red; font-size:0; color:#fff; font-style:normal; white-space:nowrap; width:4px; height:4px; border-radius:100%;}
footer nav > li:nth-child(2) > a span em {display:inline-block !important;}
footer nav > li:nth-child(2) > a span em now {}
footer nav > li ul.sub_cate1 li a span em {display:inline-block; vertical-align:top; margin-left:5px; position:relative;}
footer nav > li ul.sub_cate1 li a span em s_now {position:absolute; top:0px; left:0; /*padding:3px; border-radius:3px; */font-family: var(--neo); font-weight:normal; line-height:100%; background:red; font-size:0; color:#fff; font-style:normal; white-space:nowrap; width:4px; height:4px; border-radius:100%;}
footer nav > li:nth-child(2) ul.sub_cate1 li a span em {display:inline-block !important; }
footer nav > li:nth-child(2) ul.sub_cate1 li a span em s_now {background:red;}

/* 서브네비 */
ul.navi_sub {position: relative; font-size:0; text-align:left; z-index:1; padding:0px 25px; display:inline-block; vertical-align:middle;  background:#fff;}
ul.navi_sub > li {display:inline-block; vertical-align:middle; transition:all .3s; margin-right:15px; padding-right:15px; border-right:1px solid #eee;}
ul.navi_sub > li:last-child {margin:0; padding:0; border:0;}
ul.navi_sub > li > a {display: block; font-size: 15px; color:#999; padding:0; text-align:center; position: relative; transition:all .3s; line-height:100%; font-family:var(--neo); font-weight:700;/* letter-spacing:-0.05em; padding-bottom:3px;font-family:var(--neo); font-weight:500;*/ }
ul.navi_sub > li > a:hover {color:red;}
ul.navi_sub > li.on > a {color:#333; font-weight:900;}
ul.navi_sub > li.on > a:hover {color:#000;}