:root {
	--pick_on: #99cae7;
	--pick_open: #4aa100;
	--pick_open_xpos: 30px;
}

/* 네비상단 */
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.open {}


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.open > a span:before,
header nav > li.open > a span:after {content:""; position: absolute; transform: translateY(calc(-100% - 2px)) /*skewX(var(--skew_default));*/}
header nav > li.open > a span:before {content:"접수중"; top: -10px;left: var(--pick_open_xpos);background: var(--pick_open);line-height: 17px;font-size: 11px;color: #fff;border-radius: 3px 3px 3px 0;width: 40px;text-align: center; font-weight: 500;}
header nav > li.open > a span:after {top: -5px;left: var(--pick_open_xpos);border-top: 8px solid var(--pick_open);border-right: 5px solid transparent;}

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;}
#wrapper header .top_pos:hover nav > li:hover {background:rgba(0,0,0,0.0);}
#wrapper header .top_pos:hover nav > li.on:hover {background:rgba(0,0,0,0.0);}
/*
#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:0em; white-space:nowrap;}
header nav > li:hover > a span {color:rgba(255,255,255,1);}
header nav > li.on > a span {color:var(--pick_on);}
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 .top_pos.open 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:var(--pick_on);}
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;}

header nav > li.link .sub_cate1 li a span {width:auto;}
header nav > li.link .sub_cate1 li a span:before {content:"\e980"; vertical-align:middle; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal;font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size:13px; margin-right:7px;}
header nav > li.link .sub_cate1 li a span:after {content:""; position:absolute; bottom:0; right:0; width:calc(100% - 20px); border-bottom:1px dashed rgba(255,255,255,0.25);}

/*
header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(1) a span,
header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(2) a span,
header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(3) a span,
header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(4) a span {width:auto;}

header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(1) a span:before,
header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(2) a span:before,
header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(3) a span:before,
header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(4) a span:before {content:"\e980"; vertical-align:middle; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal;font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size:13px; margin-right:7px;}

header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(1) a span:after,
header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(2) a span:after,
header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(3) a span:after,
header nav > li:nth-of-type(6) .sub_cate1 li:nth-child(4) a span:after {content:""; position:absolute; bottom:0; right:0; width:calc(100% - 20px); border-bottom:1px dashed rgba(255,255,255,0.25);}

header nav > li:last-child .sub_cate1 li:nth-child(1) a span,
header nav > li:last-child .sub_cate1 li:nth-child(2) a span,
header nav > li:last-child .sub_cate1 li:nth-child(3) a span,
header nav > li:last-child .sub_cate1 li:nth-child(4) a span {width:auto;}

header nav > li:last-child .sub_cate1 li:nth-child(1) a span:before,
header nav > li:last-child .sub_cate1 li:nth-child(2) a span:before,
header nav > li:last-child .sub_cate1 li:nth-child(3) a span:before,
header nav > li:last-child .sub_cate1 li:nth-child(4) a span:before {content:"\e980"; vertical-align:middle; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal;font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size:13px; margin-right:7px;}

header nav > li:last-child .sub_cate1 li:nth-child(1) a span:after,
header nav > li:last-child .sub_cate1 li:nth-child(2) a span:after,
header nav > li:last-child .sub_cate1 li:nth-child(3) a span:after,
header nav > li:last-child .sub_cate1 li:nth-child(4) a span:after {content:""; position:absolute; bottom:0; right:0; width:calc(100% - 20px); border-bottom:1px dashed rgba(255,255,255,0.25);}
*/

/* 네비 하단 */
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: 40px; right: 0; font-size:0; text-align:left; z-index:1; padding:0px 20px 0 0; display:inline-block; vertical-align:middle; }
ul.navi_sub > li {display:inline-block; vertical-align:middle; transition:all .3s; margin-right:10px; padding-right:10px; border-right:1px solid rgba(0,0,0,0.1);}
ul.navi_sub > li:last-child {margin:0; padding:0; border:0;}
ul.navi_sub > li > a {display: block; font-size: 14px; color:rgba(0,0,0,0.6); padding:0; text-align:center; position: relative; transition:all .3s; line-height:100%; font-family:var(--neo); font-weight:500;/* letter-spacing:-0.05em; padding-bottom:3px;font-family:var(--neo); font-weight:500;*/ }
ul.navi_sub > li > a:hover {color:#000;}
ul.navi_sub > li.on > a {color:#000; font-weight:700;}
ul.navi_sub > li.on > a:hover {color:#000;}

@media screen and (max-width: 1160px){
	ul.navi_sub {display:none;}
	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;}
}