/* 네비상단 */
header nav {display: flex; height:100%; transition:all .3s; border-left:1px solid transparent; overflow: hidden;/*height: 100%;*/ max-width:var(--default_wd); position:relative; left:0; right:0; margin:auto; border:0px solid red;}
header nav > li {flex: 1; position:relative; transition:all .3s; border-right:1px solid transparent;}
header nav > li.spc {position:absolute; top: 0; right: 0; height: var(--default_nav);font-size: 0; white-space: nowrap;}
header nav > li.spc .s_pos {position:absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 0; white-space: nowrap;}
header nav > li.spc .s_pos > div {display: inline-block; vertical-align: top; position:relative; margin-left:12px;}
header nav > li.spc .s_pos > div a {display: block; padding: 6px 27px; font-size: 0; font-weight: 500; background: var(--spc_btn); color: #c6eaff; border-radius: 30px; position:relative; transition: all .3s;}
header nav > li.spc .s_pos > div a:hover {background: var(--spc_btn_hover);}
header nav > li.spc .s_pos > div a span,
header nav > li.spc .s_pos > div a em {display:inline-block; vertical-align:middle;}
header nav > li.spc .s_pos > div a span {font-size:12px;}
header nav > li.spc .s_pos > div a em {font-style:normal; font-size:11px; padding-left:5px; color:#86ff58;}

header nav > li.spc .s_pos > div.study a {background:#4c044f; color: #fdd6ff;padding: 6px 15px;}
header nav > li.spc .s_pos > div.study a:hover {background:#ca1bd2;}
header nav > li.spc .s_pos > div.study.ing a {background:#0061ce !important; color: #fff !important;}





/*
네비자체에 적용할때 사용
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:100%; }
header nav > li > a span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:100%;font-family: var(--neo); font-weight: bold;font-size: 15px; color:rgba(255,255,255,0.7);padding:0 ;transition:all .3s; text-align:center;letter-spacing:-0.05em; white-space:nowrap; padding:7px 3px; border-bottom:1px dashed transparent;}
header nav > li:hover > a span {color:rgba(255,255,255,1);}
header nav > li.on > a span {color:#fd9104; border-color:#6b3c00;}
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:calc(var(--default_nav) - 10px); left:0; width:100%;  visibility: visible; opacity: 1; transition: all .5s; padding:20px 5px 20px 17%; border-radius:10px;}
header .top_pos:hover nav > li ul.sub_cate1 {opacity: 1; visibility: visible; top:calc(var(--default_nav) - 30px); }
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 0px; 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:#fd9104;}
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: absolute; bottom: 0; right: 0; font-size:0; text-align:left; z-index:1; padding:0px 25px; display:inline-block; vertical-align:middle;}
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: 14px; color:#999; padding:0; text-align:center; position: relative; transition:all .3s; line-height:100%; font-family:var(--neo); font-weight:600;/* 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:700;}
ul.navi_sub > li.on > a:hover {color:#000;}

@media screen and (max-width: 1160px){
	ul.navi_sub > li {margin-right:10px; padding-right:10px;}
	ul.navi_sub > li > a {font-size: 13px;}
}

@media screen and (max-width: 900px){
	ul.navi_sub {display:none;}
}