.header{width: 100%; position: relative; }
.header a{text-decoration: none; }
.header > .mobTop{display: none; }
.header *{box-sizing: border-box; list-style: -.5px; background-repeat: no-repeat; background-size: contain; background-position: center center; word-break: keep-all; }
.header span.noneText{width: 0; height: 0; display: block; overflow: hidden; }
.header > div{width: 100%; }
.header > .title{height: 110px; margin-top: 64px;}
.header .titleBox{width: 1080px; height: 100%; margin: 0 auto; }
.header > .title > div > h1{width: 570px; position: absolute; left: 50%; margin-left: -285px; margin-top: 26px; }
.campusLogo > img{margin: 0 auto; display: block; }
.header > .title > div > h1.campus_0{background-image: url(http://greenartacademy.com/assets/_img/header/logo.svg); }
.header > .title > div > h1.campus_1{background-image: url(../_img/header/logo1.svg); }
.header > .title > div > h1.campus_2{background-image: url(http://greenartacademy.com/assets/_img/header/logo2.svg); }
.header > .title > div > h1.campus_3{background-image: url(http://greenartacademy.com/assets/_img/header/logo3.svg); }
.header > .title > div > h1.campus_4{background-image: url(http://greenartacademy.com/assets/_img/header/logo4.svg); }
.header > .title > div > h1.campus_5{background-image: url(http://greenartacademy.com/assets/_img/header/logo.svg); }
.header > .title > div > h1.campus_7{background-image: url(http://greenartacademy.com/assets/_img/header/logo7.svg); }
.header > .title > div > h1.campus_8{background-image: url(http://greenartacademy.com/assets/_img/header/logo8.svg); }
.header > .title > div > h1.campus_9{background-image: url(../_img/header/logo9.svg); }
.header > .title > div > h1.campus_10{background-image: url(../_img/header/logo10.svg); }
.header > .title > div > h1.campus_11{background-image: url(http://greenartacademy.com/assets/_img/header/logo11.svg); }
.header > .title > div > h1.campus_12{background-image: url(http://greenartacademy.com/assets/_img/header/logo12.svg); }
.header > .title > div > h1.campus_13{background-image: url(http://greenartacademy.com/assets/_img/header/logo13.svg); }
.header > .title > div > h1.campus_15{background-image: url(http://greenartacademy.com/assets/_img/header/logo15.svg); }
.header > .title > div > h1.campus_16{background-image: url(../_img/header/logo16.svg); }
.header > .title > div > h1.campus_17{background-image: url(http://greenartacademy.com/assets/_img/header/logo17.svg); }
.header > .title > div > h1.campus_18{background-image: url(../_img/header/logo18.svg); }
.header > .title > div > h1.campus_19{background-image: url(../_img/header/logo19.svg); }
.header > .title > div > h1.campus_22{background-image: url(http://greenartacademy.com/assets/_img/header/logo22.svg); }
.header > .title > div > h1.campus_24{background-image: url(http://greenartacademy.com/assets/_img/header/logo24.svg); }
.header > .title > div > h1.campus_25{background-image: url(http://greenartacademy.com/assets/_img/header/logo25.svg); }
.header > .title > div > h1.campus_26{background-image: url(../_img/header/logo26.svg); }
.header > .title > div > h1.campus_27{background-image: url(http://greenartacademy.com/assets/_img/header/logo27.svg); }
.header > .title > div > h1.campus_28{background-image: url(../_img/header/logo28.svg); }
.header > .title > div > h1.campus_113{background-image: url(http://greenartacademy.com/assets/_img/header/logo113.svg); }
.header > .title > div > h1 > a{width: 100%; height: 100%; display: block; }
.header > .title > div > div > a{display: block; margin-top: 40px; float: left; }
.header > .title > div > div > a > span{font-size: 2.357rem; font-weight: bold; color: #053357; display: block; }
.header > .title > div > div > ul{float: right; margin-top: 85px; }
.header > .title > div > div > ul:after{content: ''; display: block; clear: both; }
.header > .title > div > div > ul > li{float: left; }
.header > .title > div > div > ul > li > span{width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; }
.header > .title > div > div > ul > li.title1{margin-right: 40px;}
.header > .title > div > div > ul > li.title1 > span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_header_01.svg); }
.header > .title > div > div > ul > li.title2 > .login{border-right: 1px solid #053357; padding-right: 5px; margin-right: 5px; }
.header > .title > div > div > ul > li.title2 > .study{border-left: 1px solid #053357; padding-left: 5px; margin-left: 5px; }
.header > .title > div > div > ul > li.title2 > span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_header_02.svg); }
.header > .title > div > div > ul > li > a{display: inline-block; font-size: 1rem; color: #053357; vertical-align: middle; }

.header > .subBox{}
.header > .mobMenuBtn{display: none; }
.header > .subBox > div{width: 100%; }
.header > .subBox > .campus{width: 100%; position: absolute; height: 64px; background-color: #2196f3; top: -64px; }
.header > .subBox > .campus > div{width: 1080px; margin: 0 auto; height: 100%; }
.header > .subBox > .campus > div > div{height: 32px; }
.header > .subBox > .campus > h4{width: 0; height: 0; display: block; overflow: hidden; font-size: 1.286rem;}
.header > .subBox > .campus > div > div > div{float: left; height: 100%; }
.header > .subBox > .campus > div > div:after{content: ''; display: block; clear: both; }
.header > .subBox > .campus > div > div > div > h2{width: 170px; height: 16px; display: inline-block; margin-top: 8px; }
.header > .subBox > .campus > div > div > div > h2.campusLogo1{width: 180px; background-image: url(http://greenartacademy.com/assets/_img/header/greenLogo_01.svg); border-right: 2px solid #fff; margin-right: 2px; padding-right: 10px; }
.header > .subBox > .campus > div > div > div > h2.campusLogo2{background-image: url(http://greenartacademy.com/assets/_img/header/greenLogo_02.svg); }
.header > .subBox > .campus > div > div > div > h2 > a{width: 100%; height: 100%; display: block; }
.header > .subBox > .campus > div > div > div > h2 > a > span{width: 0; height: 0; display: block; overflow: hidden; }
.header > .subBox > .campus > div > div > a{float: right; color: #fff; font-size: 1rem; line-height: 32px; }
.header > .subBox > .campus > div > div > a > span{width: 20px; height: 20px; display: inline-block; background-image: url(http://greenartacademy.com/assets/_img/header/icon_header_03.svg); vertical-align: middle; margin-right: 5px; margin-top: -4px; }

.header > .subBox > .campus > div > ul{height: 32px; margin: 0 auto; }
.header > .subBox > .campus > div > ul:after{content: ''; display: block; clear: both; }
.header > .subBox > .campus > div > ul > li{float: left; padding: 0 3.9px; line-height: 32px; }/*padding: 0 5.3px; 인천가맹추가시 */
.header > .subBox > .campus > div > ul > li > a{width: 100%; height: 100%; display: block; color: #fff; font-weight: bold; font-size: .857rem; }
.header > .subBox > .campus > div > ul > li.on{background-color: #fff; }
.header > .subBox > .campus > div > ul > li.on > a{color: #2196f3; }

.header > .subBox > .menu{height: 48px; border-top: solid 1px #b1b0b1;border-bottom: solid 1px #b1b0b1;}
.header > .subBox > .menu > ul{width: 1080px; height: 100%; margin: 0 auto; }
.header > .subBox > .menu > ul:after{content: ''; display: block; clear: both; }
.header > .subBox > .menu > ul > li{/*margin: 0 3.6%; max-*/width: auto; float: left; text-align: center; padding-right: 9.95%; }
.header > .subBox > .menu > ul > li.menu8{padding-right: 0 !important;  }
.header > .subBox > .menu > ul > li > h3{width: auto; height: 47px; display: inline-block; line-height: 47px; font-size: 15px; position: relative; cursor: pointer; }
.header > .subBox > .menu > ul > li > div{position: absolute; left: 0; width: 100%; height: 0; overflow: hidden; background-color: #fff; z-index: 5000; transition: all ease .6s; }
/*.header > .subBox > .menu > ul > li:hover > h3{border-bottom: 5px solid #2196f3; transition: all ease .4s; }*/
.header > .subBox > .menu > ul > li > h3:before{content: '';position: absolute;left: -1px;bottom: 0;width: calc(100% + 2px);height: 6px;background-color: #2196f3;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleX(0);transform: scaleX(0);transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.header > .subBox > .menu > ul > li:hover > h3:before{transform: scaleX(1); }
.header > .subBox > .menu > ul > li:hover > div{height: 98px; padding-top: 34px;}
.header > .subBox > .menu > ul > li.menu3:hover > div{height: 290px;}
.header > .subBox > .menu > ul > li.menu5:hover > div{height: 290px; }
.header > .subBox > .menu > ul > li.menu6:hover > div{height: 165px; }
.header > .subBox > .menu > ul > .menuBG{width: 100%; min-width: 100%; height: 0; top: 158px; left: 0; position: absolute; margin: 0; padding: 0; background-color: #fff; z-index: 4500; transition: all ease .4s; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); }
.header > .subBox > .menu > ul > li:hover ~ .menuBG{height: 98px; padding-top: 34px;}
.header > .subBox > .menu > ul > li.menu3:hover ~ .menuBG{height: 290px;}
.header > .subBox > .menu > ul > li.menu5:hover ~ .menuBG{height: 290px; }
.header > .subBox > .menu > ul > li.menu6:hover ~ .menuBG{height: 165px; }
.header > .subBox > .menu > ul > li > div > div{width: 1080px; height: 100%; margin: 0 auto; position: relative; }
.header > .subBox > .menu > ul > li.menu4 > div > div{width: auto; display: inline-block; margin: 0 auto; }
.header > .subBox > .menu > ul > li.menu7 > div > div{width: auto;display: inline-block;margin: 0 auto;}
.header > .subBox > .menu > ul > li.menu8 > div > div{width: auto;display: inline-block;margin: 0 auto;}
.header > .subBox > .menu > ul > li.menu1 > div > div > span{padding: 2% 3%; }
.header > .subBox > .menu > ul > li.menu1 > div > div > span > h5{font-size: 3.143rem; color: #fff; line-height: 1.1; font-weight: bold; margin-bottom: 10px; }
.header > .subBox > .menu > ul > li.menu1 > div > div > span > h6{font-size: 1.1rem; color: #fff; line-height: 1.4; letter-spacing: -1px; }
.header > .subBox > .menu > ul > li > div > div > ul{height: 100%; }
.header > .subBox > .menu > ul > li.menu2 > div > div > ul{margin-left: -70px; }
.header > .subBox > .menu > ul > li > div > div > ul:after{content: ''; display: block; clear: both; }
.header > .subBox > .menu > ul > li > div > div > ul > li > a{display: block; width: 100%; height: 100%; color: #1d1d1d; font-size: 15px; }
.header > .subBox > .menu > ul > li > div > div > ul > li > a:hover{color: #2196f3; }
.afterArrow:after{content: '>'; color: #fff; transition: all ease .6s; position: absolute; }
.afterArrow:hover:after{color: #2196f3; transform: translateX(8px); }
.header > .subBox > .menu > ul > li.menu5 > div > div > ul > li > a{height: auto; margin-top: 40px; }
.header > .subBox > .menu > ul > li.menu5 > div > div > ul > li > a:after{content: none; margin-left: 0;}
.header > .subBox > .menu > ul > li > div > div > ul > li.curriMenu > a:after{content: none; margin-left: 0;}
.header > .subBox > .menu > ul > li > div > div > ul > li.curriMenu > a:hover:after{content: none; margin-left: 0;}
.menu li{float: left; height: 100%; }
.menuLi li{border-right: 1px solid #D3D1CE; padding-top: 8px; }
.menuLi li:last-child{border-right: 0; }
.menu5 li:last-child{border-right: 1px solid #D3D1CE; }

.menu1 li{}
.header > .subBox > .menu > ul > li.menu1:hover > div{height: 420px; }
.menu1 > div > div{text-align: left; }
.menu1 > div > div:after{content: ''; display: block; clear: both; }
.menu1 > div > div > span{width: 390px; height: 265px; background-image: url(http://greenartacademy.com/assets/_img/header/img_g1.jpg); display: block; float: left; }
.menu1 > div > div > ul.menu1_2{position: relative; }
.menu1 > div > div > ul{width: 185px; display: block; float: left; border-right: 1px solid #D3D1CE; }
.menu1 > div > div > ul > li{display: block; margin-bottom: 50px; float: none; width: auto; height: auto; border-right: 0; text-align: center; }
.ncsMenu{ }
.ncsMenu > h5{font-size: 15px; color: #1d1d1d; border-top: 1px dotted #D3D1CE; padding-top: 10px; width: 60%; margin: 0 auto; }
.ncsMenu > h5 > span{display: none; }
.ncsMenu:hover > h5{color: #2196f3; }
.ncsMenu > div{display: none; position: absolute; left: 100%; padding-left: 20px; top: 30px; }
.ncsMenu:hover > div{display: block; }
.ncsMenu > div > span{width: 256px; height: 110px; background-image: url(http://greenartacademy.com/assets/_img/header/img_g2.jpg); display: block; margin-bottom: 30px; }
.ncsMenu > div > ul{text-align: left; }
.ncsMenu > div > ul > li{float: none; border-right: 0; margin-bottom: 15px; }
.ncsMenu > div > ul > li > a{width: 100%; height: 100%; display: block; font-size: 1rem; color: #8b8b8b; cursor: pointer; }
.ncsMenu > div > ul > li:hover > a{color: #2196f3; }

.menu2 li{width: 200px; }
.header > .subBox > .menu > ul > li.menu2 > div > div{width: 800px;}
.menu3 li{width: 160px; height: auto; float: none; border-right: 0; padding: 0; text-align: left; }
.menu3 li.curriMenu{width: 115px; height: 220px; float: left; text-align: right; margin-top: -75px; border-right: 1px solid #D3D1CE; padding-right: 5px; line-height: 1.3; padding-top: 30px; }
.menu3 li.curriMenu span{width: 100%; height: 32px; display: inline-block; margin-bottom: 10px; background-position: right center; }
.menu3 h5{margin-bottom: 10px; font-size: 1rem; color: #666; }
.menu3 h5 > span{display: none; }
.menu3 li.curriMenu01 a{font-size: 1rem; color: #8b8b8b; width: 100%; height: 100%; display: block; }
.menu3 li.curriMenu01 a:hover{color: #2196f3; position: relative; }
.menu3 li.curriMenu01 > ul > li{margin-bottom: 10px; }
.menu3 li.curriMenu01 > ul > li:last-child{margin-bottom: 0; }
.menu3 > div > div > span{width: 1px; height: 115px; display: block; position: absolute; background-color: #D3D1CE; bottom: 55px; left: 160px; }
.menu3 li.curriMenu02 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c1.svg); }
.menu3 li.curriMenu03 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c2.svg); }
.menu3 li.curriMenu04 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c3.svg); }
.menu3 li.curriMenu05 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c4.svg); }
.menu3 li.curriMenu06 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c5.svg); }
.menu3 li.curriMenu07 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c6.svg); }
.menu3 li.curriMenu08 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c7.svg); }
.menu3 li.curriMenu09 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c8.svg); }
.menu3 li.curriMenu02:hover span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c1_on.svg); }
.menu3 li.curriMenu03:hover span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c2_on.svg); }
.menu3 li.curriMenu04:hover span{background-image: url(../_img/header/icon_c3_on.svg); }
.menu3 li.curriMenu05:hover span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c4_on.svg); }
.menu3 li.curriMenu06:hover span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c5_on.svg); }
.menu3 li.curriMenu07:hover span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c6_on.svg); }
.menu3 li.curriMenu08:hover span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c7_on.svg); }
.menu3 li.curriMenu09:hover span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_c8_on.svg); }
.menu3 li.curriMenu10{width: auto; float: left; margin-top: -80px; border-bottom: 1px dotted #D3D1CE; padding-bottom: 10px; }
.menu3 li.curriMenu11{width: auto; float: left; margin-top: -40px; }
.menu3 li.curriMenu02{margin-left: 160px; }
.menu4 li{width: 180px; }
.menu5 li{width: 12.5%; height: 60%; text-align: right; margin-top: 1%;}
.menu5 li a{padding-right: 2px; }
.menu5 li span{width: 100%; height: 60px; display: block; background-position: right center; margin-bottom: 10px; }
.menu5 li.menu5_1 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_p1.png); }
.menu5 li.menu5_2 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_p2.png); }
.menu5 li.menu5_3 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_p3.png); }
.menu5 li.menu5_4 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_p4.png); }
.menu5 li.menu5_5 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_p5.png); }
.menu5 li.menu5_6 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_p6.png); }
.menu5 li.menu5_7 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_p7.png); }
.menu5 li.menu5_8 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_p8.png); }
.menu6 li{width: 160px; padding-top: 20px; float: right; }
.menu6 li span{width: 32px; height: 32px; display: block; margin: 0 auto 30px; }
.menu6 li.menu6_1 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_s1.svg); }
.menu6 li.menu6_2 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_s2.svg); }
.menu6 li.menu6_3 span{background-image: url(../_img/header/icon_s4.svg); }
.menu6 li.menu6_4 span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_s3.svg); }
.menu6 li.menu6_1:hover span{background-image: url(../_img/header/icon_s1_on.svg); }
.menu6 li.menu6_2:hover span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_s2_on.svg); }
.menu6 li.menu6_3:hover span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_s4_on.svg); }
.menu6 li.menu6_4:hover span{background-image: url(http://greenartacademy.com/assets/_img/header/icon_s3_on.svg); }
.header > .subBox > .menu > ul > li.menu6 > div > div{width: 570px;}
.menu7 li{width: 180px; }
.menu8 li{width: 180px; }
/*.menu8 li:last-child{border-right: 0; }*/


@media all and (min-width:1081px){
	.header > .subBox > .menu > ul > li > div{display: block !important; }
	.header .campus > div{display: block !important; }
	.header .subBox{height: 48px !important;}
	.ncsMenu:hover > div{display: block !important; }
	.curriMenu01 > ul{display: block !important; }
}

@media all and (max-width:1080px){
	.afterArrow:after{content: none; }
	.header{width: 100%; height: 112px; position: fixed; background-color: #fff; left: 0; top: 0; z-index: 15000; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); }
	.bgFixed{width: 100%; height: 80px; display: block; background-color: transparent; }
	.header *{box-sizing: border-box; list-style: -.5px; }
	.header > .mobTop{display: block; background-color: #2196f3; width: 100%; height: 32px; padding: 5px 0; }
	.header > .mobTop > a{width: 100%; height: 100%; display: block; background-image: url(http://greenartacademy.com/assets/_img/header/logo_w.svg); }
	.header > div{width: 100%; }
	.header > .title{height: 80px; margin-top: 0; padding: 15px; }
	.header .titleBox{width: 100%;}
	.header > .title > div > h1{width: 180px; height: 100%; position: inherit; margin: 0; background-position: left center; float: left; }
	.header > .title > div > h1.campus_0{background-image: url(../_img/header/logo_m.svg); }
 	.header > .title > div > div{float: right; margin-right: 80px; }
	.header > .title > div > div > a{width: 30px; height: 30px; margin-top: 0; background-image: url(http://greenartacademy.com/assets/_img/header/icon_header_m01.svg); margin-right: 10px; margin-top: 10px; }
	.header > .title > div > div > a > span{width: 0; height: 0; overflow: hidden;}
	.header > .title > div .title1{display: none; }
	.header > .title > div .title2 > a{display: none; }
	.header > .title > div .title2 > span{display: none; }
	.header > .title > div > div > ul{margin-top: 10px; }
	.header > .title > div > div > ul > li.title2 > .login{width: 30px; height: 30px; display: inline-block; background-image: url(http://greenartacademy.com/assets/_img/header/icon_header_m02.svg); margin-right: 8px; padding-right: 0; border: 0; }
	.header > .title > div > div > ul > li.title2 > .mypage{width: 30px; height: 30px; display: inline-block; background-image: url(http://greenartacademy.com/assets/_img/header/icon_header_m03.svg); margin-right: 0; padding-right: 0; border: 0; }
	.header > .title > div > div > ul > li.title2 > .study{margin-right: 0; padding-right: 0; border: 0; }
	.header > .title > div > div > ul > li.title2 > a > span{width: 0; height: 0; display: block; overflow: hidden; }

	.header > .subBox{width: 100%; position: absolute; top: 112px; background-color: #053357; z-index: 15000; padding: 0; left: 100%; transition: all ease .4s; overflow-y: auto; -ms-overflow-style: none; }::-webkit-scrollbar {display:none;}
	.header > .subBox.onMenu{left: 0; }
	.header > .mobMenuBtn{width: 80px; height: 80px; display: block; background-color: transparent; position: absolute; top: 32px; right: 0; transition: all ease .4s; cursor: pointer; }
	.header > .mobMenuBtn > span{width: 35%; height: 3px; background-color: #053357; transition: all ease .6s; display: block; position: absolute;}
	.header > .mobMenuBtn > .menuLine1{top: 40%; left: 30%; }
	.header > .mobMenuBtn > .menuLine2{top: 60%; left: 40%; }
	.header > .mobMenuBtn.mobMenuBtn_on > span{background-color: #fff; }
	.header > .mobMenuBtn.mobMenuBtn_on > .menuLine1{top: 50%; left: 35%; transform: rotate(45deg); }
	.header > .mobMenuBtn.mobMenuBtn_on > .menuLine2{top: 50%; left: 35%; transform: rotate(-45deg); }
	.header > .mobMenuBtn_on{background-color: #053357;  }
	.header > .subBox > div{width: 100%; }
	.header > .subBox > .campus{position: relative; height: auto;  top: 0; background-color: transparent; margin-bottom: 5%; padding: 0 5%; }
.header > .subBox > .campus > div{width: 100%; margin-bottom: 5%; }
.header > .subBox > .campus > h4{width: auto; height: auto; color: #fff; font-weight: normal; border-bottom: solid 1px #095894; margin-top: 5%; padding-bottom: 10px; font-size: 1.25rem; cursor: pointer; }

.header > .subBox > .campus > h4 > span{color: #fff;position: absolute;margin-left: 10px;margin-top: -3px;width: 15px;height: 15px;border: solid 1px currentColor;border-radius: 13px 13px 13px 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); transition: all ease .4s; }
.header > .subBox > .campus > h4 > span:before {content: '';position: absolute;left: 3px;top: 3px;width: 5px;height: 5px;border: solid 1px currentColor;border-radius: 5px; transition: all ease .4s; }
.header > .subBox > .campus > h4 > span:after {content: '';position: absolute;left: 0;top: 13px;width: 0;height: 0;border-radius: 50%;-webkit-transform: rotate(45deg);transform: rotate(45deg); background-color: #fff; transition: all ease .4s; }

.header > .subBox > .campus > h4 > span.loc{border-radius: 9px 9px 9px 0; width: 18px; height: 18px; margin-top: -4px; }
.header > .subBox > .campus > h4 > span.loc:before {left: 3px;top: 3px;width: 8px;height: 8px;border: solid 1px currentColor;border-radius: 8px;}
.header > .subBox > .campus > h4 > span.loc:after {left: -13px;top: 13px;width: 20px;height: 5px;border: solid 2px currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg); background-color: transparent; }
.header > .subBox > .campus > div{display: none; border-bottom: 1px solid rgba(33,150,243, .6); padding-bottom: 10%; position: relative; }
.header > .subBox > .campus > div > div > div{display: none; }
/*.header > .subBox > .campus > div > div > div{float: none;}*/
.header > .subBox > .campus > div > div > div > h2{margin-top: 0; }
.header > .subBox > .campus > div > div > div > h2 > a{}
.header > .subBox > .campus > div > div > div > h2 > a > span{width: 0; height: 0; display: block; overflow: hidden; }
.header > .subBox > .campus > div > div > a{float: none; position: absolute; bottom: 0; }
.header > .subBox > .campus > div > ul{height: auto; }
.header > .subBox > .campus > div > ul:after{content: ''; display: block; clear: both; }
.header > .subBox > .campus > div > ul > li{width: 25%; border: solid 1px #095894; line-height: 40px; }
.header > .subBox > .campus > div > ul > li > a{display: block; color: #fff; text-align: center; }
.header > .subBox > .campus > div > ul > li.on > a{color: #095894; }

	.spanImg{display: none !important; }
	.header > .subBox > .menu{height: auto; border: 0; }
	.header > .subBox > .menu > ul{width: 100%; height: auto; }
	.header > .subBox > .menu > ul:after{content: ''; display: block; clear: both; }
	.header > .subBox > .menu > ul > li{max-width: 100%; width: 100%; float: none; margin: 0; padding-right: 0; }
	.header > .subBox > .menu > ul > li > h3{font-size: 1.5rem; color: #fff; text-align: left; cursor: pointer; position: relative; padding: 0 5%;display: block; }
	.header > .subBox > .menu > ul > li > h3 > span{color: #fff;position: absolute;margin-top: 15px;width: 10px;height: 10px;border-bottom: solid 2px currentColor;border-left: solid 2px currentColor;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); right: 6%; }
	.header > .subBox > .menu > ul > li > h3 > .onSpan{border-left: solid 2px currentColor;-webkit-transform: rotate(135deg);transform: rotate(135deg); }
	.header > .subBox > .menu > ul > li > h3:before{display: none; }
	.header > .subBox > .menu > ul > li > div{width: 100%; display: none;position: inherit; height: auto; background-color: transparent; box-shadow: 0 0 0; transition: none; margin-bottom: 3%;padding-bottom: 2%;border-bottom: 1px solid rgba(255, 255, 255, .1);}
	.header > .subBox > .menu > ul > li.menuBG{display: none; }
	.header > .subBox > .menu > ul > li > div > div{width: 100%; display: block !important; }
	.header > .subBox > .menu > ul > li > div > div > span{}
	.header > .subBox > .menu > ul > li > div > div > ul{width: 100%; }
	.header > .subBox > .menu > ul > li.menu2 > div > div > ul{margin-left: 0; }
	.header > .subBox > .menu > ul > li.menu8 > div > div > ul{margin-left: 0; }
	.header > .subBox > .menu > ul > li > div > div > ul > li{float: none; width: 100%; height: auto; text-align: left; line-height: 32px; margin: 0; border: 0; padding: 0; }
	.header > .subBox > .menu > ul > li > div > div > ul > li > a{color: #fff; opacity: .6; font-size: 1.25rem; padding: 0 10%; }
	.header > .subBox > .menu > ul > li.menu5 > div > div > ul > li > a{margin-top: 0; }
	.header > .subBox > .menu > ul > li > div > div > ul > li > a:hover{color: #fff; opacity: 1; }
	.header > .subBox > .menu > ul > li > div > div > ul > li > a:hover:after{color: #fff; }
	.header > .subBox > .menu > ul > li.menu2 > div > div{width: 100%; }
	.header > .subBox > .menu > ul > li:hover > div{padding-top: 0; height: auto; }
	.header > .subBox > .menu > ul > li.menu1:hover > div{height: auto; }
	.header > .subBox > .menu > ul > li.menu3:hover > div{height: auto; }
	.header > .subBox > .menu > ul > li.menu5:hover > div{height: auto; }
	.header > .subBox > .menu > ul > li.menu6:hover > div{height: auto; }
	.menuLi li{padding-top: 0; border-right: 0; }
	.menu1 > div > div > ul{width: 100%; float: none; border-right: 0; }
	.menu1 > div > div > ul > li{text-align: left; margin-bottom: 0; }
	.menu1 > div > div > span{width: 0; height: 0; overflow: hidden; }
	.ncsMenu:hover > h5{color: #fff; }
	.ncsMenu > h5{font-size: 1rem;border-top: 0; width: 100%; text-align: left; color: #fff; padding: 0 10%; position: relative; cursor: pointer; }
	.ncsMenu > h5 > span{display: block; }
	.ncsMenu > h5:hover{color: #fff; }
	.ncsMenu > h5:hover:after{content: '>'; display: inline-block; margin-left: 8px; }
	.ncsMenu > h5 > span{display: block; font-weight: bold; position: absolute; right: 6%; top: 0; font-size: 1.286rem; }
	.ncsMenu > div{position: inherit; background-color: rgba(255, 255, 255, .1); padding: 0 7%; }
	.ncsMenu:hover > div{display: none; }
	.ncsMenu > div > ul > li{padding: 5px 0; margin: 0; }
	.ncsMenu > div > ul > li > a{color: #fff; font-size: 1rem; }
	.menu3 li.curriMenu{text-align: left; border-right: 0; }
	.menu3 li.curriMenu span{width: 0; height: 0; overflow: hidden; }
	.menu3 li.curriMenu p{display: inline-block; margin: 0 2px; }
	.menu3 li.curriMenu04{margin-left: 0; }
	.menu3 h5{color: #fff; font-size: 1rem; opacity: .6; padding: 0 10%; position: relative; cursor: pointer; margin-bottom: 0; }
	.menu3 li.curriMenu{margin-top: 0; }
	.menu3 li.curriMenu01 h5 > span{display: block; position: absolute; top: 0; right: 6%; }
	.menu3 li.curriMenu01 > ul{display: none; background-color: rgba(255, 255, 255, .1); padding: 0 7%; }
	.menu3 li.curriMenu01 a{color: #fff; font-size: 1rem; }
	.menu3 li.curriMenu01 a:hover{color: #fff; }
	.menu3 li.curriMenu01 > ul > *{margin: 0; padding: 5px 0; }
	.menu3 li.curriMenu02{margin-left: 0; }
	.header > .subBox > .menu > ul > li.menu6 > div > div{width: 100%; }

}
@media all and (max-width:768px){
	.campusLogo > img{width: 100%; }
	.header{height: 100px; }
	.bgFixed{height: 100px; }
	.header > .subBox{top: 100px; }
	.header > .mobTop{height: 28px; }
	.header > .mobMenuBtn{top: 28px; }
	.header > .title{height: 72px;padding: 12px; }
	.header > .title > div > h1{width: 180px; }
 	.header > .title > div > div{margin-right: 72px; }
	.header > .mobMenuBtn{width: 72px; height: 72px; }
	.header > .mobMenuBtn > span{width: 30%; height: 2px; }
	.header > .mobMenuBtn > .menuLine1{top: 40%; left: 30%; }
	.header > .mobMenuBtn > .menuLine2{top: 60%; left: 40%; }
}
@media all and (max-width:480px){
	.header{height: 79px; }
	.bgFixed{height: 79px; }
	.header > .subBox{top: 79px; }
	.header > .mobTop{height: 25px; padding: 7px 0; }
	.header > .mobMenuBtn{top: 25px; }
	.header > .title{height: 54px;}
	.header > .title > div > h1{width: 120px; }
 	.header > .title > div > div{margin-right: 45px; }
	.header > .title > div > div > a{margin-top: 0;}
	.header > .title > div > div > ul{margin-top: 0;}
	.header > .mobMenuBtn{width: 54px; height: 54px; }
	.header > .subBox > .campus > div > ul{border: 1px solid #095894; }
	.header > .subBox > .campus > div > ul > li{width: 33.333333%; }
/*	.header > .title > div > div > a{margin-right: 5px; }
	.header > .title > div > div > ul > li.title2 > .login{margin-right: 3px; }*/
}