@media (min-width:1500px) {

	.gnb{display:none; padding-top:50px; font-size:0px;  animation-delay:0; position: relative; height:120px; line-height:120px; font-size:0px;}
		.gnb .gnb_bg{background: rgba(0,0,0,0.3); font-size:0px; display:inline-block; width:calc(100% - 195px); vertical-align:middle; }
			.gnb .gnb_bg  .logo{height:51px; width:320px; text-align:center; display:inline-block; line-height:normal; vertical-align:middle;}
				.gnb .gnb_bg  .logo img{height:100%;}

			.gnb .gnb_bg .menu_button{position:absolute; top:0px; font-size:0px; line-height: normal;  left: 50%;  margin-left: -210px;}
				.gnb .gnb_bg .menu_button > li{display:inline-block;  font-weight:500; color:#fff; font-size:18px; width:210px; height:50px; line-height:50px; text-align:center;}
					.gnb .gnb_bg .menu_button > li a{display:inline-block; color:#fff;}
					.gnb .gnb_bg .menu_button > li a:hover{ color:#ffee00;}
					.gnb .gnb_bg .menu_button > li.on{background: rgba(0,0,0,0.3);}
			.gnb .gnb_bg .menu_wrapper{display:inline-block; width:calc(100% - 320px); padding:0 120px 0 20px; box-sizing:border-box; vertical-align: middle; line-height: normal;}
				.gnb .gnb_bg .menu_wrapper > li{display:none;}
				.gnb .gnb_bg .menu_wrapper > li.on{display:block;}
					.gnb .gnb_bg .menu_box{}
						.gnb .gnb_bg .menu_box > li {position:relative; float:left; margin:0 30px;  text-align:center; font-size:20px; font-weight:500; height:35px; line-height:35px; }
							.gnb .gnb_bg .menu_box > li.on > a{box-sizing: border-box; color:#ffee00!important; text-decoration:underline;}
							.gnb .gnb_bg .menu_box > li > a{color:#fff;}
						.gnb .gnb_bg .menu_box:after{display:block; clear:both; content:"";}
							.gnb .gnb_bg .menu_box .menu{display:none; position:absolute; left:50%; width:200px; margin-left:-100px;  line-height: normal; top:35px; background:rgba(0,0,0,0.8); word-break: keep-all; z-index:1;}
								.gnb .gnb_bg .menu_box .menu > li{margin-bottom: 20px;}
								.gnb .gnb_bg .menu_box .menu > li:first-child{margin-top: 20px;}
									.gnb .gnb_bg .menu_box .menu > li > a{transition:color 0.3s; color:#fff; font-size:15px;}
									.gnb .gnb_bg .menu_box .menu > li > a:hover{text-decoration:underline; color:#ffee00;}


		.gnb .consult_box{width:195px; display:inline-block; line-height:normal; vertical-align:middle;}
			.gnb .consult_box a{display:block; font-weight:500; text-align:center; color:#fff; width:100%; height:120px; line-height:120px;  background:rgba(255,96,0,0.4); font-size:20px;}


	.gnb2{display:none; animation: menu 0.5s forwards; animation-delay:0; position: relative; 
    background: rgba(255,255,255,0.8);  border-bottom:1px solid #ccc; width:100%; height:80px; line-height:80px; font-size:0px;}
		.gnb2 .logo{height:51px; display:inline-block;  width:320px;  text-align:center; line-height:normal; vertical-align:middle;}
			.gnb2 .logo img{height:100%;}
		.gnb2 .menu_box{display:inline-block; width:calc(100% - 320px);     padding: 0 150px 0 20px; box-sizing:border-box; vertical-align: middle; line-height: normal;}
				
			.gnb2 .menu_box > li {position:relative; float:left; margin:0 30px;  text-align:center; font-size:20px; font-weight:500; height:35px; line-height:35px; }
				.gnb2 .menu_box > li.on > a{ box-sizing: border-box; color:#f37032!important; text-decoration:underline;}
				.gnb2 .menu_box > li > a{color:#393939; }
			.gnb2 .menu_box:after{display:block; clear:both; content:"";}
				.gnb2 .menu_box .menu{display:none; position:absolute;  line-height: normal; top:35px; left:50%; margin-left:-100px;  width:200px; background:#393939; word-break: keep-all;}
					.gnb2 .menu_box .menu > li{margin-bottom: 20px;}
					.gnb2 .menu_box .menu > li:first-child{margin-top: 20px;}
						.gnb2 .menu_box .menu > li > a{color:#fff; font-size:14px;}
						.gnb2 .menu_box .menu > li > a:hover{text-decoration:underline; color:#ffee00;}


	.call_m{
		display:none;
	}
	.call_m2{
		display:none;
	}

	.all_menu{position:absolute; width:100%; text-align:center;  height: 100%; background:rgba(0,0,0,0.6);  line-height:normal;  padding:0px; box-sizing:border-box; display:none; top: 0px; z-index:9999;}
		.all_menu .box{overflow-y:scroll; position:relative; width:80%; display:inline-block; background-image:url(/img/allmenu_bg.png); background-repeat:no-repeat; background-position:95% 95%; background-size:300px; background-color:#fff; padding: 50px;  vertical-align: middle; line-height:normal; box-sizing:border-box;}
			.all_menu .box > ul{font-size:0px;  text-align: left;}
				.all_menu .box > ul > li{text-align: center; display:inline-block; vertical-align:top; width:20%; margin-bottom:50px;}
					.all_menu .box > ul > li > a{display:block; font-size:24px; font-weight:500; color:#393939; margin-bottom:20px;}
						.all_menu .box > ul > li li{margin-bottom:15px;}
							.all_menu .box > ul > li li > a{font-size:16px; color:#393939;}
							.all_menu .box a:hover{color:#f37032; text-decoration:underline;}

			.all_menu .exit{cursor:pointer; position:absolute; right:20px; top:20px; background:url(/img/all_menu_x.png) no-repeat center; width:50px; height:50px;}
			.all_menu .exit:hover{background:url(/img/all_menu_xc.png) no-repeat center;}




	.all_button_box{position:absolute;  z-index: 999;  right:235px ; top:50px;}
	.all_button_box2{position:absolute;  z-index: 999;  right:35px ; top:0px;}


	.all_button{display:inline-block; position: relative; width:60px; height:60px; box-sizing:border-box; padding:10px; border-radius:5px;  background:rgba(243,111,50,1); line-height: normal;}



	.all_button_m{display:none;}

	.menu-trigger,
	.menu-trigger span {
	display : inline-block;
	transition : all .4s;
	box-sizing : border-box;
	}
	.menu-trigger {
	position : relative;
	width : 100%;
	height : 100%;
	display: inline-block;
	vertical-align: middle;
	}
	.menu-trigger span {
	position : absolute;
	left : 0;
	width : 100%;
	height : 7px;
	background:#fff;
	}
	.menu-trigger span:nth-of-type(1) {
	top : 0;
	}
	.menu-trigger span:nth-of-type(2) {
	top : 50%;
	margin-top:-3.5px;
	}
	.menu-trigger span:nth-of-type(3) {
	bottom : 0;
	}


	.menu_active span:nth-of-type(1) {
		 transform: translateY(17.5px) translateX(-5px) rotate(-45deg);
		 width: 50px;
		 background:#008adf; border:0;
	}
	.menu_active span:nth-of-type(2) {
		opacity : 0;
	}
	.menu_active span:nth-of-type(3) {
		 transform: translateY(-15.5px) translateX(-5px) rotate(45deg);
		 width: 50px;
		 background:#008adf; border:0;
	}



}

@media screen and (min-width:1200px) and (max-width: 1499px) {

	.gnb{display:none; padding-top:50px; font-size:0px;  animation-delay:0; position: relative; height:120px; line-height:120px; font-size:0px;}
		.gnb .gnb_bg{background: rgba(0,0,0,0.3); font-size:0px; display:inline-block; width:calc(100% - 150px); vertical-align:middle; }
			.gnb .gnb_bg  .logo{height:51px; width:320px; text-align:center; display:inline-block; line-height:normal; vertical-align:middle;}
				.gnb .gnb_bg  .logo img{height:100%;}

			.gnb .gnb_bg .menu_button{position:absolute; top:0px; font-size:0px; line-height: normal;  left: 50%;  margin-left: -210px;}
				.gnb .gnb_bg .menu_button > li{display:inline-block;  font-weight:500; color:#fff; font-size:15px; width:210px; height:50px; line-height:50px; text-align:center;}
					.gnb .gnb_bg .menu_button > li a{display:inline-block; color:#fff;}
					.gnb .gnb_bg .menu_button > li a:hover{ color:#ffee00;}
					.gnb .gnb_bg .menu_button > li.on{background: rgba(0,0,0,0.3);}
			.gnb .gnb_bg .menu_wrapper{display:inline-block; width:calc(100% - 320px); padding:0 120px 0 20px; box-sizing:border-box; vertical-align: middle; line-height: normal;}
				.gnb .gnb_bg .menu_wrapper > li{display:none;}
				.gnb .gnb_bg .menu_wrapper > li.on{display:block;}
					.gnb .gnb_bg .menu_box{}
						.gnb .gnb_bg .menu_box > li {position:relative; float:left; margin:0 30px;  text-align:center; font-size:16px; font-weight:500; height:35px; line-height:35px; }
							.gnb .gnb_bg .menu_box > li.on > a{box-sizing: border-box; color:#ffee00!important; text-decoration:underline;}
							.gnb .gnb_bg .menu_box > li > a{color:#fff;}
						.gnb .gnb_bg .menu_box:after{display:block; clear:both; content:"";}
							.gnb .gnb_bg .menu_box .menu{display:none; position:absolute; left:50%; width:200px; margin-left:-100px;  line-height: normal; top:35px; background:rgba(0,0,0,0.8); word-break: keep-all; z-index:1;}
								.gnb .gnb_bg .menu_box .menu > li{margin-bottom: 20px;}
								.gnb .gnb_bg .menu_box .menu > li:first-child{margin-top: 20px;}
									.gnb .gnb_bg .menu_box .menu > li > a{transition:color 0.3s; color:#fff; font-size:14px;}
									.gnb .gnb_bg .menu_box .menu > li > a:hover{text-decoration:underline; color:#ffee00;}


		.gnb .consult_box{width:150px; display:inline-block; line-height:normal; vertical-align:middle;}
			.gnb .consult_box a{display:block; font-weight:500; text-align:center; color:#fff; width:100%; height:120px; line-height:120px;  background:rgba(255,96,0,0.4); font-size:16px;}


	.gnb2{display:none; animation: menu 0.5s forwards; animation-delay:0; position: relative; 
    background: rgba(255,255,255,0.8);  border-bottom:1px solid #ccc; width:100%; height:80px; line-height:80px; font-size:0px;}
		.gnb2 .logo{height:51px; display:inline-block;  width:320px;  text-align:center; line-height:normal; vertical-align:middle;}
			.gnb2 .logo img{height:100%;}
		.gnb2 .menu_box{display:inline-block; width:calc(100% - 320px);     padding: 0 150px 0 20px; box-sizing:border-box; vertical-align: middle; line-height: normal;}
				
			.gnb2 .menu_box > li {position:relative; float:left; margin:0 20px;  text-align:center; font-size:16px; font-weight:500; height:35px; line-height:35px; }
				.gnb2 .menu_box > li.on > a{ box-sizing: border-box; color:#f37032!important; text-decoration:underline;}
				.gnb2 .menu_box > li > a{color:#393939; }
			.gnb2 .menu_box:after{display:block; clear:both; content:"";}
				.gnb2 .menu_box .menu{display:none; position:absolute;  line-height: normal; top:35px; left:50%; margin-left:-100px;  width:200px; background:#393939; word-break: keep-all;}
					.gnb2 .menu_box .menu > li{margin-bottom: 20px;}
					.gnb2 .menu_box .menu > li:first-child{margin-top: 20px;}
						.gnb2 .menu_box .menu > li > a{color:#fff; font-size:14px;}
						.gnb2 .menu_box .menu > li > a:hover{text-decoration:underline; color:#ffee00;}


	.call_m{
		display:none;
	}
	.call_m2{
		display:none;
	}

	.all_menu{position:absolute; width:100%; text-align:center;  height: 100%; background:rgba(0,0,0,0.6);  line-height:normal;  padding:0px; box-sizing:border-box; display:none; top: 0px; z-index:9999;}
		.all_menu .box{overflow-y:scroll; position:relative; width:90%; display:inline-block; background-image:url(/img/allmenu_bg.png); background-repeat:no-repeat; background-position:95% 95%; background-size:300px; background-color:#fff; padding: 50px;  vertical-align: middle; line-height:normal; box-sizing:border-box;}
			.all_menu .box > ul{font-size:0px;  text-align: left;}
				.all_menu .box > ul > li{text-align: center; display:inline-block; vertical-align:top; width:20%; margin-bottom:50px;}
					.all_menu .box > ul > li > a{display:block; font-size:24px; font-weight:500; color:#393939; margin-bottom:20px;}
						.all_menu .box > ul > li li{margin-bottom:15px;}
							.all_menu .box > ul > li li > a{font-size:16px; color:#393939;}
							.all_menu .box a:hover{color:#f37032; text-decoration:underline;}

			.all_menu .exit{cursor:pointer; position:absolute; right:20px; top:20px; background:url(/img/all_menu_x.png) no-repeat center; width:50px; height:50px;}
			.all_menu .exit:hover{background:url(/img/all_menu_xc.png) no-repeat center;}




	.all_button_box{position:absolute;  z-index: 999;  right:185px; top:50px;}
	.all_button_box2{position:absolute;  z-index: 999;  right:35px; top:0px;}


	.all_button{display:inline-block; position: relative; width:60px; height:60px; box-sizing:border-box; padding:10px; border-radius:5px;  background:rgba(243,111,50,1); line-height: normal;}



	.all_button_m{display:none;}

	.menu-trigger,
	.menu-trigger span {
	display : inline-block;
	transition : all .4s;
	box-sizing : border-box;
	}
	.menu-trigger {
	position : relative;
	width : 100%;
	height : 100%;
	display: inline-block;
	vertical-align: middle;
	}
	.menu-trigger span {
	position : absolute;
	left : 0;
	width : 100%;
	height : 7px;
	background:#fff;
	}
	.menu-trigger span:nth-of-type(1) {
	top : 0;
	}
	.menu-trigger span:nth-of-type(2) {
	top : 50%;
	margin-top:-3.5px;
	}
	.menu-trigger span:nth-of-type(3) {
	bottom : 0;
	}


	.menu_active span:nth-of-type(1) {
		 transform: translateY(17.5px) translateX(-5px) rotate(-45deg);
		 width: 50px;
		 background:#008adf; border:0;
	}
	.menu_active span:nth-of-type(2) {
		opacity : 0;
	}
	.menu_active span:nth-of-type(3) {
		 transform: translateY(-15.5px) translateX(-5px) rotate(45deg);
		 width: 50px;
		 background:#008adf; border:0;
	}



}



@media screen and (min-width:768px) and (max-width: 1199px) {



	.gnb{display:none; padding-top:40px; font-size:0px;  animation-delay:0; position: relative; height:90px; line-height:90px; font-size:0px;}
		.gnb .gnb_bg{background: rgba(0,0,0,0.3); font-size:0px; display:inline-block; width:calc(100% - 100px); vertical-align:middle; }
			.gnb .gnb_bg  .logo{height:35px; width:220px; text-align:center; display:inline-block; line-height:normal; vertical-align:middle;}
				.gnb .gnb_bg  .logo img{height:100%;}

			.gnb .gnb_bg .menu_button{position:absolute; top:0px; font-size:0px; line-height: normal;  left: 50%;  margin-left: -180px;}
				.gnb .gnb_bg .menu_button > li{display:inline-block;  font-weight:500; color:#fff; font-size:14px; width:180px; height:40px; line-height:40px; text-align:center;}
					.gnb .gnb_bg .menu_button > li a{display:inline-block; color:#fff;}
					.gnb .gnb_bg .menu_button > li a:hover{ color:#ffee00;}
					.gnb .gnb_bg .menu_button > li.on{background: rgba(0,0,0,0.3);}

			.gnb .gnb_bg .menu_wrapper{display:inline-block; width:calc(100% - 220px);   max-width: 580px; padding:0 100px 0 10px ; box-sizing:border-box; vertical-align: middle; line-height: normal;}
				.gnb .gnb_bg .menu_wrapper > li{display:none;}
				.gnb .gnb_bg .menu_wrapper > li.on{display:block;}

				


					.gnb .gnb_bg .menu_box{}
						.gnb .gnb_bg .menu_box > li {position:relative; float:left; width:33.33%; text-align:center; font-size:14px; font-weight:500; height:35px; line-height:35px; }
						
						.gnb .gnb_bg .menu_box > li {}

						.gnb .gnb_bg .menu_wrapper > li:nth-child(1) >  .menu_box > li {
							display:none;
						}
						
							
							.gnb .gnb_bg .menu_box > li.on > a{ box-sizing: border-box; color:#ffee00!important; text-decoration:underline;}
							.gnb .gnb_bg .menu_box > li > a{color:#fff; }
						.gnb .gnb_bg .menu_box:after{display:block; clear:both; content:"";}
							.gnb .gnb_bg .menu_box .menu{display:none; position:absolute;  line-height: normal; top:35px; width:100%; background:#393939; word-break: keep-all;}
								.gnb .gnb_bg .menu_box .menu > li{margin-bottom: 15px;}
								.gnb .gnb_bg .menu_box .menu > li:first-child{margin-top: 15px;}
									.gnb .gnb_bg .menu_box .menu > li > a{transition:color 0.3s; color:#fff; font-size:12px;}
									.gnb .gnb_bg .menu_box .menu > li > a:hover{text-decoration:underline; color:#ffee00;}


		.gnb .consult_box{width:100px; display:inline-block; line-height:normal; vertical-align:middle;}
			.gnb .consult_box a{display:block; font-weight:500; text-align:center; color:#fff; width:100%; height:90px; line-height:90px;  background:rgba(255,96,0,0.4); font-size:14px;}


	.gnb2{display:none; animation: menu 0.5s forwards; animation-delay:0; position: relative;
    background: rgba(255,255,255,0.8);  border-bottom:1px solid #ccc; width:100%; height:80px; line-height:80px; font-size:0px;}
		.gnb2 .logo{height:35px; display:inline-block;  width:220px;  text-align:center; line-height:normal; vertical-align:middle;}
			.gnb2 .logo img{height:100%;}
		.gnb2 .menu_box{display:inline-block; width:calc(100% - 220px);     max-width: 580px; padding:0 100px 0 20px ; box-sizing:border-box; vertical-align: middle; line-height: normal;}
			.gnb2 .menu_box > li {display:none; position:relative; float:left; width:33.33%; text-align:center; font-size:15px; font-weight:500; height:35px; line-height:35px; }
			.gnb2 .menu_box > li:nth-child(1){display:block;}
			.gnb2 .menu_box > li:nth-child(2){display:block;}
			.gnb2 .menu_box > li:nth-child(8){display:block;}
				
				
				
				.gnb2 .menu_box > li.on > a{ box-sizing: border-box; color:#f37032!important; text-decoration:underline;}
				.gnb2 .menu_box > li > a{color:#393939; }
			.gnb2 .menu_box:after{display:block; clear:both; content:"";}
				.gnb2 .menu_box .menu{display:none; position:absolute;  line-height: normal; top:35px; width:100%; background:#393939; word-break: keep-all;}
					.gnb2 .menu_box .menu > li{margin-bottom: 15px;}
					.gnb2 .menu_box .menu > li:first-child{margin-top: 15px;}
						.gnb2 .menu_box .menu > li > a{color:#fff; font-size:12px;}
						.gnb2 .menu_box .menu > li > a:hover{text-decoration:underline; color:#ffee00;}



	.call_m{
		display:none;
	}
	.call_m2{
		display:none;
	}

	.all_menu{position:absolute; width:100%; text-align:center;  height: 100%; background:rgba(0,0,0,0.6);  line-height:normal;  padding:0px; box-sizing:border-box; display:none; top: 0px; z-index:9999;}
		.all_menu .box{overflow-y:scroll; position:relative; width:80%; display:inline-block; background-image:url(/img/allmenu_bg.png); background-repeat:no-repeat; background-position:95% 95%; background-size:200px; background-color:#fff; padding:80px 30px;  vertical-align: middle; line-height:normal; box-sizing:border-box;}
			.all_menu .box > ul{font-size:0px;  text-align: left;}
				.all_menu .box > ul > li{text-align: center; display:inline-block; vertical-align:top; width:25%; margin-bottom:50px;}
					.all_menu .box > ul > li > a{display:block; font-size:16px; font-weight:500; color:#393939; margin-bottom:20px;}
						.all_menu .box > ul > li li{margin-bottom:10px;}
							.all_menu .box > ul > li li > a{font-size:13px; color:#393939;}
							.all_menu .box a:hover{color:#f37032; text-decoration:underline;}

			.all_menu .exit{cursor:pointer; position:absolute; right:20px; top:20px; background:url(/img/all_menu_x.png) no-repeat center; width:50px; height:50px;}
			.all_menu .exit:hover{background:url(/img/all_menu_xc.png) no-repeat center;}




	.all_button_box{position:absolute;  z-index: 999;  right:120px ; top:40px;}
	.all_button_box2{position:absolute;  z-index: 999;  right:35px ; top:0px;}


	.all_button{display:inline-block; position: relative; width:60px; height:60px; box-sizing:border-box; padding:10px; border-radius:5px;  background:rgba(243,111,50,1); line-height: normal;}

	.all_button_m{display:none;}

	.menu-trigger,
	.menu-trigger span {
	display : inline-block;
	transition : all .4s;
	box-sizing : border-box;
	}
	.menu-trigger {
	position : relative;
	width : 100%;
	height : 100%;
	display: inline-block;
	vertical-align: middle;
	}
	.menu-trigger span {
	position : absolute;
	left : 0;
	width : 100%;
	height : 7px;
	 background:#fff;
	}
	.menu-trigger span:nth-of-type(1) {
	top : 0;
	}
	.menu-trigger span:nth-of-type(2) {
	top : 50%;
	margin-top:-3.5px;
	}
	.menu-trigger span:nth-of-type(3) {
	bottom : 0;
	}


	.menu_active span:nth-of-type(1) {
		 transform: translateY(17.5px) translateX(-5px) rotate(-45deg);
		 width: 50px;
		 background:#008adf; border:0;
	}
	.menu_active span:nth-of-type(2) {
		opacity : 0;
	}
	.menu_active span:nth-of-type(3) {
		 transform: translateY(-15.5px) translateX(-5px) rotate(45deg);
		 width: 50px;
		 background:#008adf; border:0;
	}



}




@media (max-width:767px){

	.gnb{display:none;  animation-delay:0; position: relative; background:rgba(0,0,0,0.3); height:110px; line-height:110px; font-size:0px; border-bottom: 1px solid rgba(255,255,255,0.3);}
		.gnb .logo{position: absolute; width:140px; top:40px; left:50%; margin-left:-70px; line-height:normal;}
			.gnb .logo img{width:100%;}
		.gnb .menu_wrapper{display:none;}
		.gnb .menu_button{display:none;}
		.gnb .consult_box{display:none;}

	.gnb2{display:none; animation: menu 0.5s forwards; animation-delay:0; position: relative; 
    background: rgba(255,255,255,0.8); border-bottom:1px solid #ccc; width:100%;   overflow: hidden; }
		.gnb2 .logo{
			position: absolute;
			text-align: center;
			height: 80px;
			line-height: 80px;
			margin-left: 0;
			width: 60%;
			left: 20%;
			box-sizing: border-box;
		}
			.gnb2 .logo a{display:inline-block; width:140px; }
			.gnb2 .logo img{width:100%; vertical-align:middle;}
		.gnb2 .menu_box{display:none;}


	.call_m{
		position: absolute;
		z-index: 999;
		height: 110px;
		width: 20%;
		border-left: 1px solid rgba(255,255,255,0.3);
		text-align: center;
		right:0px;
		top:0px;
	}
	.call_m a{
		width : 40px;
		height : 40px;
		display: inline-block;
		vertical-align:middle;

	}
	.call_m a img{
		vertical-align:top;
	}


	.call_m2{
		float: right;
		width: 20%;
		height: 80px;
		line-height: 80px;
		text-align: center;
		border-left: 1px solid #ccc;
		box-sizing: border-box;
	}
	.call_m2 a{
		width : 40px;
		line-height:normal;
		display: inline-block;
		vertical-align:middle;

	}
	.call_m2 a img{
		vertical-align:top;
	}




	.all_menu{display:none;}


	.all_button_box{position:absolute; left:0px; top:0px; width: 20%; text-align: center;  z-index: 999; }
	.all_button_box2{
		float: left;
		width: 20%;
		height: 80px;
		line-height: 80px;
		text-align: center;
		border-right: 1px solid #ccc;
		box-sizing: border-box;

	
	}

	.all_button{display:none; }
	.all_button_m{

		height: 110px;

		border-right: 1px solid rgba(255,255,255,0.3);

	}
	.menu-trigger_m,
	.menu-trigger_m span {
	display : inline-block;
	transition : all .4s;
	box-sizing : border-box;
	}
	.menu-trigger_m {
	position : relative;
	width : 40px;
	height : 40px;
	display: inline-block;
    vertical-align: middle;
	}
	.menu-trigger_m span {
	position : absolute;
	left : 0;
	width : 100%;
	height : 6px;
	background-color : #fff;
	}
	.menu-trigger_m span:nth-of-type(1) {
	top : 0;
	}
	.menu-trigger_m span:nth-of-type(2) {
	top : 50%;
	margin-top:-3px;
	}
	.menu-trigger_m span:nth-of-type(3) {
	bottom : 0;
	}


	.all_button_m2 .menu-trigger_m span {

	background-color : #393939;
	}



	.all_button_m2{
		height: 55px;
		float:right;
		width: 100%;
		height:80px;
		line-height:80px;
		text-align: center;
		border-left:1px solid #ccc;
	}
	.menu-trigger_m2,
	.menu-trigger_m2 span {
	display : inline-block;
	transition : all .4s;
	box-sizing : border-box;
	}
	.menu-trigger_m2 {
	position : relative;
	width : 40px;
	height : 40px;
	display: inline-block;
    vertical-align: middle;
	}
	.menu-trigger_m2 span {
	position : absolute;
	left : 0;
	width : 100%;
	height : 6px;
	background-color : #393939;
	}
	.menu-trigger_m2 span:nth-of-type(1) {
	top : 0;
	}
	.menu-trigger_m2 span:nth-of-type(2) {
	top : 50%;
	margin-top:-3px;
	}
	.menu-trigger_m2 span:nth-of-type(3) {
	bottom : 0;
	}




	.menu_active span:nth-of-type(1) {
		transform : translateY(17px) rotate(-45deg);
	}
	.menu_active span:nth-of-type(2) {
		opacity : 0;
	}
	.menu_active span:nth-of-type(3) {
		transform : translateY(-17px) rotate(45deg);
	}

}