@media (min-width:1300px) {

	.gnb{padding-left:20px; margin:0 auto; height:160px; line-height:160px; box-sizing:border-box; font-size:0px; position: relative; }
		.gnb .logo{display:inline-block; line-height:normal; vertical-align:middle;}
			.gnb .logo a{display:inline-block; width:100%;}
			.gnb .logo img{width:100%;}
		
		.gnb .wrapper{display:inline-block; text-align:right; width:calc(100% - 375px); box-sizing:border-box; line-height:normal; vertical-align:middle;}
			.gnb .wrapper .board{display:inline-block; vertical-align:middle;}
				.gnb .wrapper .board .box{display:inline-block; vertical-align:top; width:320px; padding-right:25px; font-size:0px;}
					.gnb .wrapper .board .box p{font-weight:800; font-size:20px; text-align:left;  display:inline-block; vertical-align:top; width:30%; }
						.gnb .wrapper .board .box p a:hover{
							color:#008adf;
							}
					.gnb .wrapper .board .box div{display:inline-block; vertical-align:top;  width:70%;}
						.gnb .wrapper .board .box div a{display: block;
							margin-bottom: 5px;
							font-size: 14px;
							white-space: nowrap;
							text-overflow: ellipsis;
							padding-right: 10px;
							text-align:left;
							position:relative;	
							overflow: hidden;
							}
						.gnb .wrapper .board .box div a img{position:absolute; right:0px;}
						.gnb .wrapper .board .box div a:hover{
							color:#008adf;
							}
						.gnb .wrapper .board .box div a span{margin-right:10px;}
			
			.call_m{
				display:none;
			}
			.call_m2{
				display:none;
			}


			/*¸Þ´º¹öÆ°*/
			.all_button{margin-right:40px; display:inline-block; position: relative; z-index: 999; width:75px; height:75px; box-sizing:border-box; padding:10px; background:#fff; border:1px solid #000; line-height: normal;}
			
	


			.all_button_m{display:none;}
			.menu-trigger,
			.menu-trigger span {
			display : inline-block;
			transition : all .3s;
			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 : 10px;
			 background:#fff; border:1px solid #000;
			}
			.menu-trigger span:nth-of-type(1) {
			top : 0;
			}
			.menu-trigger span:nth-of-type(2) {
			top : 50%;
			margin-top:-5px;
			}
			.menu-trigger span:nth-of-type(3) {
			bottom : 0;
			}

			.all_button:hover .menu-trigger span {
				background:#008adf; border:0;
			}

			/*¸Þ´º Ŭ¸¯½Ã*/
			.menu_active span:nth-of-type(1) {
				  transform: translateY(21.5px) translateX(-5px) rotate(-45deg);
				 width: 63px;
				 background:#008adf; border:0;
			}
			.menu_active span:nth-of-type(2) {
				opacity : 0;
			}
			.menu_active span:nth-of-type(3) {
				 transform: translateY(-21.5px) translateX(-5px) rotate(45deg);
				 width: 63px;
				 background:#008adf; border:0;
			}
		
	
		
		/*Àüü¸Þ´º*/
		.all_menu_wrap{position:absolute; left:0; top:0px; width:100%; height: 100%; background:rgba(0,0,0,0.6);  display:none; z-index:9999;}
		
		.all_menu{position:absolute; width:100%; text-align:center;  line-height:normal;  padding:0px; box-sizing:border-box; top: 0px; z-index:9999;}
			.all_menu .box_wrap{overflow:hidden; position:relative; z-index:1; position:relative;  min-width: 1200px; width:85%; height:85%; display:inline-block; background-image:url(/img/allmenu_bg.jpg); background-repeat:no-repeat; background-position:100% 100%;  background-color:#fff; padding: 80px;  vertical-align: middle; line-height:normal; box-sizing:border-box;}
			.all_menu .box_wrap:before{line-height:normal; content:'"ÇØ°áÇϽðíÀÚ ÇÏ´Â ¹öÆ°À» Ŭ¸¯ÇØÁÖ¼¼¿ä."'; display:block; position:absolute; top:20px; left:20px; font-size:34px;}
					
				.all_menu .box{font-size:0px;  text-align: left; }
					
					.all_menu .box > ul{line-height:normal; width:100%; display:inline-block; vertical-align:middle;}
			
					.all_menu .box > ul > li{text-align: center; margin-bottom:40px; box-sizing:border-box; padding:0 10px;}
					.all_menu .box > ul > li:last-child{margin-bottom:0px;}
					
					.all_menu .box > ul > li.ready{opacity:0.3;}
						.all_menu .box > ul > li > a{
							position:relative; 
							display:inline-block;; 
							font-size:28px; 
							color:#000;}
							.all_menu .box .scroll{
								font-size: 14px;
								position: absolute;
								right: 0px;
								bottom: -20px;
								color: #008adf;
							}
						.all_menu .box > ul > li.on > a{
							color:#008adf; text-decoration:underline;
						}
							.all_menu .box > ul > li > ul{margin-top:20px; font-size:0px; display:none;}
							.all_menu .box > ul > li > ul > li{display:inline-block; vertical-align:top; box-sizing:border-box; width:calc((100% - 10.5px)/2); margin-right:10px; margin-bottom:10px; background: #efefef;  padding: 5px;}	
							.all_menu .box > ul > li > ul > li:nth-child(2n){margin-right:0;}
								.all_menu .box > ul > li > ul > li > a{font-size:20px; color:#000;}	
								
								.all_menu .box a:hover{color:#008adf; text-decoration:underline;}
								
								.all_menu .list{margin-top:10px;}
								.all_menu .list > li{background:#fff; font-size:14px; display:inline-block; border:1px solid #ccc; padding:2px 5px; margin:3px; }
						.all_menu .box > ul > li > ul{text-align: left;}
							
				.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;}


		

		/* ¸Þ´º ¿Ã¸®±â ¹öÆ° */
		.gnb .up_button{position:absolute; display:block; width:30px; height:30px; background:#008adf; left:50%; margin-left:-15px; bottom:-30px;}
		.gnb .up_button:before{
		    position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(3px) rotate(-45deg);
			transition:all 0.5s;
		}
		.gnb .up_button:after{
			position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(13px) rotate(45deg);
			transition:all 0.5s;
		
		}

		.gnb .up_button_active:before{
		    position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(3px) rotate(-135deg);
			transition:all 0.5s;
		}
		.gnb .up_button_active:after{
			position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(13px) rotate(135deg);
			transition:all 0.5s;
		
		}



		/* °Ë»ö¹öÆ° */
		.search_button{   
			display:inline-block;
			vertical-align:middle;
			text-align: center;
			z-index: 999;
			height: 160px;
			width:160px;
			line-height: 160px;
			border-left: 1px solid #aaa;    
			background: #008adf;
			transition: all 0.3s;
		}
			.search_button a{position: relative; line-height:normal;   width: 75px;   height: 75px;    display: inline-block;    vertical-align: middle;}
			.search_button a img{transition:0.3s; vertical-align:middle; position:absolute; left:50%; margin-left:-37.5px; top:50%; margin-top:-37.5px; }
			.search_button a .h{opacity:0;}

			.search_button:hover{background: #fff;}
			.search_button:hover .h{opacity:1;}
			.search_button:hover img:not(.h){opacity:0;}
		
		/* °Ë»ö¹öÆ° Æ˾÷ */
		#search_button_pop{   
			position: absolute;
			right:0px;
			top:162px;
			opacity:1;
			width:125px;
		}
		#search_button_pop .txt{   
			background:#efefef;
			text-align:center;
			font-size:12px;
			line-height:18px;
			padding:2px;
		}
		#search_button_pop .txt a{  
			font-size:18px;
		}


		
		/*°Ë»öâ*/
		.all_menu_search{
			position: absolute;
			left: 0;
			top: 0px;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.6);
			display: none;
			z-index: 9999;
			opacity:0;
		}
		
		.wrap_search{
			position: absolute;
			left: 0;
			top: 0px;
			width: 100%;
			height: 100%;
			z-index: 9999;	
		}

		.box_search{
			
			 box-shadow: 0 5px 37px -8px #000;
			height:0%;
			overflow:hidden;
		}
			.inner_search{	
				top: 0px;
				position: relative;
				z-index: 1;
				display: block;
				background-color: #fff;
				height: 100%;
				vertical-align: middle;
				line-height: normal;
				box-sizing: border-box;	
			}
			
					
			.all_menu_search .exit{
				cursor: pointer;
				position: absolute;
				right: 20px;
				bottom: 20px;
				background: url(/img/all_menu_ff.png) no-repeat left center;	
				height: 50px;
				padding-left: 60px;
				font-size: 45px;
				line-height: 45px;
				color:#fff;
			}
			.all_menu_search .exit:hover{
			background:url(/img/all_menu_xc.png) no-repeat left center;
			color:#008adf;
			}
			



			.all_menu_search iframe{
			 width:100%; height:100%; opacity:0;
			}

		


}

@media screen and (min-width:1024px) and (max-width: 1299px) {/* ÃÖ¼Ò 1024 ~ 1199  */

	.gnb{width:100%; margin:0 auto; height:140px; line-height:140px; box-sizing:border-box; font-size:0px; position: relative; }
		.gnb .logo{display:inline-block; width:280px; line-height:normal; vertical-align:middle;}
			.gnb .logo a{display:inline-block; width:100%;}
			.gnb .logo img{width:100%;}
		
		.gnb .wrapper{display:inline-block; text-align:right; width:calc(100% - 280px); line-height:normal; vertical-align:middle;}
			.gnb .wrapper .board{ box-sizing:border-box; display:inline-block; vertical-align:middle;}
				.gnb .wrapper .board .box{display:inline-block; vertical-align:top;  box-sizing:border-box; width:260px; padding-right:5px; font-size:0px;}
					.gnb .wrapper .board .box p{font-weight:800; font-size:16px; text-align:left;  display:inline-block; vertical-align:top; width:30%; }
					.gnb .wrapper .board .box p a:hover{
							color:#008adf;
							}
					.gnb .wrapper .board .box div{display:inline-block; vertical-align:top;  width:70%;}
						.gnb .wrapper .board .box div a{display: block;
							margin-bottom: 3px;
							font-size: 13px;
							white-space: nowrap;
							text-overflow: ellipsis;
							padding-right: 25px;
							text-align:left;
							position:relative;
							overflow:hidden;
							}
						.gnb .wrapper .board .box div a img{position:absolute; right:0px;}
						.gnb .wrapper .board .box div a:hover{
							color:#008adf;
							}
						
						.gnb .wrapper .board .box div a span{margin-right:10px;}
			
			.call_m{
				display:none;
			}
			.call_m2{
				display:none;
			}



			/*¸Þ´º¹öÆ°*/
			.all_button{display:inline-block; position: relative; z-index: 999; width:60px; height:60px; box-sizing:border-box; padding:10px; background:#fff; border:1px solid #000; 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 : 8px;
			 background:#fff; border:1px solid #000;
			}
			.menu-trigger span:nth-of-type(1) {
			top : 0;
			}
			.menu-trigger span:nth-of-type(2) {
			top : 50%;
			margin-top:-4px;
			}
			.menu-trigger span:nth-of-type(3) {
			bottom : 0;
			}


			/*¸Þ´º Ŭ¸¯½Ã*/
			.menu_active span:nth-of-type(1) {
				transform: translateY(15.5px) translateX(-3px) rotate(-45deg);
				width: 45px;
				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(-3px) rotate(45deg);
				width: 45px;
				background: #008adf;
				border: 0;
			}



		/*Àüü¸Þ´º*/
		.all_menu_wrap{position:absolute; left:0; top:0px; width:100%; height: 100%; background:rgba(0,0,0,0.6);  display:none; z-index:9999;}
		
		.all_menu{position:absolute; width:100%; text-align:center;  line-height:normal;  padding:0px; box-sizing:border-box; top: 0px; z-index:9999;}
			.all_menu .box_wrap{overflow:hidden; position:relative; z-index:1; position:relative; width:85%; height:85%; display:inline-block; background-image:url(/img/allmenu_bg.jpg); background-size:350px; background-repeat:no-repeat; background-position:100% 100%;  background-color:#fff; padding:80px 50px;  vertical-align: middle; line-height:normal; box-sizing:border-box;}
			.all_menu .box_wrap:before{line-height:normal; content:'"ÇØ°áÇϽðíÀÚ ÇÏ´Â ¹öÆ°À» Ŭ¸¯ÇØÁÖ¼¼¿ä."'; display:block; position:absolute; top:20px; left:20px; font-size:26px;}
					
				.all_menu .box{font-size:0px;  text-align: left; }
					.all_menu .box > ul{line-height:normal; width:100%; display:inline-block; vertical-align:middle;}
			
					.all_menu .box > ul > li{text-align: center; margin-bottom:30px; box-sizing:border-box; padding:0 10px;}
					.all_menu .box > ul > li:last-child{margin-bottom:0px;}
					
					.all_menu .box > ul > li.ready{opacity:0.3;}
						.all_menu .box > ul > li > a{
							position:relative; 
							display:inline-block;; 
							font-size:24px; 
							color:#000;}
							.all_menu .box .scroll{
								font-size: 14px;
								position: absolute;
								right: 0px;
								bottom: -20px;
								color: #008adf;
							}
						.all_menu .box > ul > li.on > a{
							color:#008adf; text-decoration:underline;
						}
							.all_menu .box > ul > li > ul{margin-top:20px; font-size:0px; display:none;}
							.all_menu .box > ul > li > ul > li{display:inline-block; vertical-align:top; box-sizing:border-box; width:calc((100% - 10.5px)/2); margin-right:10px; margin-bottom:10px; background: #efefef;  padding: 5px;}	
							.all_menu .box > ul > li > ul > li:nth-child(2n){margin-right:0;}
								.all_menu .box > ul > li > ul > li > a{font-size:20px; color:#000;}	
								
								.all_menu .box a:hover{color:#008adf; text-decoration:underline;}
								
								.all_menu .list{margin-top:10px;}
								.all_menu .list > li{background:#fff; font-size:14px; display:inline-block; border:1px solid #ccc; padding:2px 5px; margin:3px; }
						.all_menu .box > ul > li > ul{text-align: left;}
							
				.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;}

		/* ¸Þ´º ¿Ã¸®±â ¹öÆ° */
		.gnb .up_button{position:absolute; display:block; width:30px; height:30px; background:#008adf; left:50%; margin-left:-15px; bottom:-30px;}
		.gnb .up_button:before{
		    position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(3px) rotate(-45deg);
			transition:all 0.5s;
		}
		.gnb .up_button:after{
			position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(13px) rotate(45deg);
			transition:all 0.5s;
		
		}

		.gnb .up_button_active:before{
		    position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(3px) rotate(-135deg);
			transition:all 0.5s;
		}
		.gnb .up_button_active:after{
			position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(13px) rotate(135deg);
			transition:all 0.5s;
		}

		/* °Ë»ö¹öÆ° */
		.search_button{   
			display:inline-block;
			vertical-align:middle;
			text-align: center;
			z-index: 999;
			height: 140px;
			width:110px;
			line-height: 140px;
			border-left: 1px solid #aaa;
			margin-left:30px;    
			background: #008adf;
			transition:0.3s;
		}
			.search_button a{position: relative; line-height:normal;   width: 60px;   height: 60px;    display: inline-block;    vertical-align: middle;}
			.search_button a img{transition:0.3s; vertical-align:middle; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px; }
			.search_button a .h{opacity:0;}

			.search_button:hover{background: #fff;}
			.search_button:hover .h{opacity:1;}
			.search_button:hover img:not(.h){opacity:0;}
			
		/* °Ë»ö¹öÆ° Æ˾÷ */
		#search_button_pop{   
			position: absolute;
			right:0px;
			top:142px;
			opacity:1;
			width:120px;
		}
		#search_button_pop img{   
			width:100px;
		}
		#search_button_pop .txt{   
			background:#efefef;
			text-align:center;
			font-size:12px;
			line-height:16px;
			padding:2px;
		}
		#search_button_pop .txt a{  
			font-size:18px;
		}

		
		/*°Ë»öâ*/
		.all_menu_search{
			position: absolute;
			left: 0;
			top: 0px;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.6);
			display: none;
			z-index: 9999;
			opacity:0;
		}
		
		.wrap_search{
			position: absolute;
			left: 0;
			top: 0px;
			width: 100%;
			height: 100%;
			z-index: 9999;	
		}

		.box_search{
			 box-shadow: 0 5px 37px -8px #000;
			height:0%;
			overflow:hidden;
		}
			.inner_search{	
				top: 0px;
				position: relative;
				z-index: 1;
				display: block;
				background-color: #fff;
				height: 100%;
				vertical-align: middle;
				line-height: normal;
				box-sizing: border-box;	
			}
			
					
			.all_menu_search .exit{
				cursor: pointer;
				position: absolute;
				right: 20px;
				bottom: 20px;
				background: url(/img/all_menu_ff.png) no-repeat left center;	
				height: 40px;
				background-size:contain;
				padding-left: 50px;
				font-size: 40px;
				line-height: 40px;
				color:#fff;
			}
			.all_menu_search .exit:hover{
			background:url(/img/all_menu_xc.png) no-repeat left center;
				background-size:contain;
			color:#008adf;
			}


			.all_menu_search iframe{
			 width:100%; height:100%; opacity:0;
			}

			

}


@media screen and (min-width:768px) and (max-width: 1023px) {/* ÃÖ¼Ò 768 ~ 1023  */

	.gnb{height:100px; line-height:100px; box-sizing:border-box; font-size:0px; position: relative; }
		.gnb .logo{display:inline-block; width:220px; line-height:normal; vertical-align:middle;}
			.gnb .logo a{display:inline-block; width:100%;}
			.gnb .logo img{width:100%;}
		
		.gnb .wrapper{display:inline-block; text-align:right; width:calc(100% - 220px); line-height:normal; vertical-align:middle;}
			.gnb .wrapper .board{display:none; box-sizing:border-box; padding:0; vertical-align:middle;}
				.gnb .wrapper .board .box{display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; padding-right:10px; font-size:0px;}
					.gnb .wrapper .board .box p{font-weight:800; font-size:16px; text-align:left;  display:inline-block; vertical-align:top; width:40%; }
					.gnb .wrapper .board .box p a:hover{
							color:#008adf;
							}
					.gnb .wrapper .board .box div{display:inline-block; vertical-align:top;  width:60%;}
						.gnb .wrapper .board .box div a{display: block;
							margin-bottom: 3px;
							font-size: 12px;
							white-space: nowrap;
							text-overflow: ellipsis;
							padding-right: 15px;
							text-align:left;
							position:relative;
							overflow:hidden;
							}
						.gnb .wrapper .board .box div a img{position:absolute; right:0px;}
						.gnb .wrapper .board .box div a:hover{
							color:#008adf;
							}
						
						.gnb .wrapper .board .box div a span{margin-right:5px;}
			
			.call_m{
				display:none;
			}
			.call_m2{
				display:none;
			}



			/*¸Þ´º¹öÆ°*/
			.all_button{display:inline-block; position: relative; z-index: 999; width:60px; height:60px; box-sizing:border-box; padding:10px; background:#fff; border:1px solid #000; 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 : 8px;
			 background:#fff; border:1px solid #000;
			}
			.menu-trigger span:nth-of-type(1) {
			top : 0;
			}
			.menu-trigger span:nth-of-type(2) {
			top : 50%;
			margin-top:-4px;
			}
			.menu-trigger span:nth-of-type(3) {
			bottom : 0;
			}


			/*¸Þ´º Ŭ¸¯½Ã*/
			.menu_active span:nth-of-type(1) {
				transform: translateY(15.5px) translateX(-3px) rotate(-45deg);
				width: 45px;
				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(-3px) rotate(45deg);
				width: 45px;
				background: #008adf;
				border: 0;
			}


/*Àüü¸Þ´º*/
		.all_menu_wrap{position:absolute; left:0; top:0px; width:100%; height: 100%; background:rgba(0,0,0,0.6);  display:none; z-index:9999;}
		
		.all_menu{position:absolute; width:100%; text-align:center;  line-height:normal;  padding:0px; box-sizing:border-box; top: 0px; z-index:9999;}
			.all_menu .box_wrap{overflow:hidden; position:relative; z-index:1; position:relative; width:85%; height:85%; display:inline-block; background-image:url(/img/allmenu_bg.jpg); background-size:250px; background-repeat:no-repeat; background-position:100% 100%;  background-color:#fff; padding:80px 20px;  vertical-align: middle; line-height:normal; box-sizing:border-box;}
			.all_menu .box_wrap:before{line-height:normal; content:'"ÇØ°áÇϽðíÀÚ ÇÏ´Â ¹öÆ°À» Ŭ¸¯ÇØÁÖ¼¼¿ä."'; display:block; position:absolute; top:20px; left:20px; font-size:22px;}
					
				.all_menu .box{font-size:0px;  text-align: left; }
					.all_menu .box > ul{line-height:normal; width:100%; display:inline-block; vertical-align:middle;}
			
					.all_menu .box > ul > li{text-align: center; margin-bottom:30px; box-sizing:border-box; padding:0 10px;}
					.all_menu .box > ul > li:last-child{margin-bottom:0px;}
					
					.all_menu .box > ul > li.ready{opacity:0.3;}
						.all_menu .box > ul > li > a{
							position:relative; 
							display:inline-block;; 
							font-size:20px; 
							color:#000;}
							.all_menu .box .scroll{
								font-size: 14px;
								position: absolute;
								right: 0px;
								bottom: -20px;
								color: #008adf;
							}
						.all_menu .box > ul > li.on > a{
							color:#008adf; text-decoration:underline;
						}
							.all_menu .box > ul > li > ul{margin-top:20px; font-size:0px; display:none;}
							.all_menu .box > ul > li > ul > li{display:inline-block; vertical-align:top; box-sizing:border-box; width:calc((100% - 10.5px)/2); margin-right:10px; margin-bottom:10px; background: #efefef;  padding: 5px;}	
							.all_menu .box > ul > li > ul > li:nth-child(2n){margin-right:0;}
								.all_menu .box > ul > li > ul > li > a{font-size:16px; color:#000;}	
								
								.all_menu .box a:hover{color:#008adf; text-decoration:underline;}
								
								.all_menu .list{margin-top:10px;}
								.all_menu .list > li{background:#fff; font-size:14px; display:inline-block; border:1px solid #ccc; padding:2px 5px; margin:3px; }
						.all_menu .box > ul > li > ul{text-align: left;}
							
				.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;}
	
		/* ¸Þ´º ¿Ã¸®±â ¹öÆ° */
		.gnb .up_button{position:absolute; display:block; width:30px; height:30px; background:#008adf; left:50%; margin-left:-15px; bottom:-30px;}
		.gnb .up_button:before{
		    position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(3px) rotate(-45deg);
			transition:all 0.5s;
		}
		.gnb .up_button:after{
			position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(13px) rotate(45deg);
			transition:all 0.5s;
		
		}

		.gnb .up_button_active:before{
		    position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(3px) rotate(-135deg);
			transition:all 0.5s;
		}
		.gnb .up_button_active:after{
			position: absolute;
			content: "";
			display: block;
			width: 50%;
			height: 2px;
			background: #fff;
			transform: translateY(12.5px) translateX(13px) rotate(135deg);
			transition:all 0.5s;
		}

		/* °Ë»ö¹öÆ° */
		.search_button{   
			display:inline-block;
			vertical-align:middle;
			text-align: center;
			z-index: 999;
			height: 100px;
			line-height: 100px;
			margin-left:30px;    
			background: #008adf;
			padding: 0 20px;
			border-left:1px solid #aaa;
		}
			.search_button a{position: relative; line-height:normal;   width: 60px;   height: 60px;    display: inline-block;    vertical-align: middle;}
			.search_button a img{transition:0.3s; vertical-align:middle; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px; }
			.search_button a .h{opacity:0;}

			.search_button:hover{background:#fff;}
			.search_button a:hover .h{opacity:1;}
			.search_button a:hover img:not(.h){opacity:0;}
			

		/* °Ë»ö¹öÆ° Æ˾÷ */
		#search_button_pop{   
			position: absolute;
			right:0px;
			top:101px;
			opacity:1;
			width:120px;
		}
		#search_button_pop img{   
			width:100px;
		}
		#search_button_pop .txt{   
			background:#efefef;
			text-align:center;
			font-size:12px;
			line-height:16px;
			padding:2px;
		}
		#search_button_pop .txt a{  
			font-size:18px;
		}

		
		/*°Ë»öâ*/
		.all_menu_search{
			position: absolute;
			left: 0;
			top: 0px;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.6);
			display: none;
			z-index: 9999;
			opacity:0;
		}
		
		.wrap_search{
			position: absolute;
			left: 0;
			top: 0px;
			width: 100%;
			height: 100%;
			z-index: 9999;	
		}

		.box_search{
			
    box-shadow: 0 5px 37px -8px #000;
			height:0%;
			overflow:hidden;
		}
			.inner_search{	
				top: 0px;
				position: relative;
				z-index: 1;
				display: block;
				background-color: #fff;
				height: 100%;
				vertical-align: middle;
				line-height: normal;
				box-sizing: border-box;	
			}
			
					
			.all_menu_search .exit{
				cursor: pointer;
				position: absolute;
				right: 20px;
				bottom: 20px;
				background: url(/img/all_menu_ff.png) no-repeat left center;	
				height: 40px;
				background-size:contain;
				padding-left: 50px;
				font-size: 40px;
				line-height: 40px;
				color:#fff;
			}
			.all_menu_search .exit:hover{
			background:url(/img/all_menu_xc.png) no-repeat left center;
				background-size:contain;
			color:#008adf;
			}

			.all_menu_search iframe{
			 width:100%; height:100%; opacity:0;
			}

			

}




@media (max-width:767px){

	.gnb{text-align: center; position: relative; }
		.gnb .logo{
		display: inline-block;
		width: 56%;
		height: 90px;
		line-height: 90px;
		margin: 0 auto;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		text-align: center;
		}
			.gnb .logo a{width:90%; max-width:220px; display:inline-block; line-height:normal; vertical-align:middle;}
			.gnb .logo img{width:100%; vertical-align:top;}
		.gnb > ul{display:none;}	

		.gnb .wrapper{}
			.gnb .wrapper .board{font-size:0px; display:none;}
				.gnb .wrapper .board .box{display:inline-block; vertical-align:top;  width:50%; padding: 10px; box-sizing:border-box;}
					.gnb .wrapper .board .box p{font-weight:800; font-size:16px; text-align:left; margin-bottom:5px;}
					.gnb .wrapper .board .box p a:hover{
							color:#008adf;
							}
					.gnb .wrapper .board .box div{}
						.gnb .wrapper .board .box div a{display: block;
							margin-bottom: 5px;
							font-size: 12px;
							white-space: nowrap;
							text-overflow: ellipsis;
							padding-right: 10px;
							text-align:left;
							position:relative;
							overflow:hidden;
							}
						.gnb .wrapper .board .box div a img{position:absolute; right:0px;}
						.gnb .wrapper .board .box div a:hover{
							color:#008adf;
							}
						
						.gnb .wrapper .board .box div a span{margin-right:10px;}
			
			.call_m{
				display:none;
				position: absolute;
				width: 22%;
				height: 90px;
				line-height: 90px;
				text-align: center;
				right: 0px;
				top:0px;
			}	

			.call_m a{
				display: inline-block;
				vertical-align: middle;
				line-height: normal;
				width: 44px;

			}

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


		
			
			/*¸Þ´º¹öÆ°*/
			.btn_m_box{
				position: absolute;
				width: 22%;
				top: 0px;
				height: 90px;
				line-height: 90px;
				text-align: center;
				left: 0px;
			}
			.all_button_m{display:inline-block;  width:42px; height:42px; box-sizing:border-box; padding:6px; background:#fff; border:1.5px solid #000; border-radius:10px; line-height: normal;}
			.menu-trigger_m,
			.menu-trigger_m span {
			display : inline-block;
			transition : all .4s;
			box-sizing : border-box;
			}
			.menu-trigger_m {
			position : relative;
			width : 100%;
			height : 100%;
			display: inline-block;
			vertical-align: middle;
			}
			.menu-trigger_m span {
			position : absolute;
			left : 0;
			width : 100%;
			height : 6px;
			 background:#fff; border:1.5px solid #000;
			}
			.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;
			}


			/*¸Þ´º Ŭ¸¯½Ã*/
			.menu_active span:nth-of-type(1) {
				transform: translateY(10.5px) translateX(-3px) rotate(-45deg);
				width: 32px;
				background: #008adf;
				border: 0;
			}
			.menu_active span:nth-of-type(2) {
				opacity : 0;
			}
			.menu_active span:nth-of-type(3) {
				 transform: translateY(-10.5px) translateX(-3px) rotate(45deg);
				 width: 32px;
				background: #008adf;
				border: 0;
			}
		



	/*Àüü¸Þ´º*/
	.all_menu{display:none;}
	
	/*¸Þ´º¹öÆ°*/
	.all_button{display:none; }

	
	/* ¸Þ´º ¿Ã¸®±â ¹öÆ° */
	.gnb .up_button{position:absolute; display:block; width:30px; height:30px; background:#008adf; left:50%; margin-left:-15px; bottom:-30px;}
	.gnb .up_button:before{
		position: absolute;
		content: "";
		display: block;
		width: 50%;
		height: 2px;
		background: #fff;
		transform: translateY(12.5px) translateX(3px) rotate(-45deg);
		transition:all 0.5s;
	}
	.gnb .up_button:after{
		position: absolute;
		content: "";
		display: block;
		width: 50%;
		height: 2px;
		background: #fff;
		transform: translateY(12.5px) translateX(13px) rotate(45deg);
		transition:all 0.5s;
	
	}

	.gnb .up_button_active:before{
		position: absolute;
		content: "";
		display: block;
		width: 50%;
		height: 2px;
		background: #fff;
		transform: translateY(12.5px) translateX(3px) rotate(-135deg);
		transition:all 0.5s;
	}
	.gnb .up_button_active:after{
		position: absolute;
		content: "";
		display: block;
		width: 50%;
		height: 2px;
		background: #fff;
		transform: translateY(12.5px) translateX(13px) rotate(135deg);
		transition:all 0.5s;
	}




		/* °Ë»ö¹öÆ° */
		.search_button{   
			position: absolute;
			width: 22%;
			height: 90px;
			line-height: 90px;
			text-align: center;
			right: 0px;
			top: 0px;  
			background: #008adf;
			border-left:1px solid #aaa;
		}
			.search_button a{position: relative; line-height:normal;   width: 50px;   height: 50px;    display: inline-block;    vertical-align: middle;}
			.search_button a img{transition:0.3s; vertical-align:middle; position:absolute; left:50%; margin-left:-25px; top:50%; margin-top:-25px; }
			.search_button a .h{opacity:0;}
			
			.search_button:hover{background:#fff;}
			.search_button a:hover .h{opacity:1;}
			.search_button a:hover img:not(.h){opacity:0;}
			
		/* °Ë»ö¹öÆ° Æ˾÷ */
		#search_button_pop{   
			position: absolute;
			right:0px;
			top:91px;
			opacity:1;
			width:120px;
			display:none!important;
		}
		#search_button_pop img{   
			width:100px;
		}
		#search_button_pop .txt{   
			background:#efefef;
			text-align:center;
			font-size:12px;
			line-height:16px;
			padding:2px;
		}
		#search_button_pop .txt a{  
			font-size:18px;
		}

		
		/*°Ë»öâ*/
		.all_menu_search{
			position: absolute;
			left: 0;
			top: 0px;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.6);
			display: none;
			z-index: 9999;
			opacity:0;
		}
		
		.wrap_search{
			position: absolute;
			left: 0;
			top: 0px;
			width: 100%;
			height: 100%;
			z-index: 9999;	
		}

		.box_search{	
			box-shadow: 0 5px 37px -8px #000;
			height:0%;
			overflow:hidden;
		}
			.inner_search{	
				top: 0px;
				position: relative;
				z-index: 1;
				display: block;
				background-color: #fff;
				height: 100%;
				vertical-align: middle;
				line-height: normal;
				box-sizing: border-box;	
			}
			
					
			.all_menu_search .exit{
				cursor: pointer;
				position: absolute;
				right: 20px;
				bottom: 20px;
				background: url(/img/all_menu_ff.png) no-repeat left center;	
				height: 35px;
				background-size:contain;
				padding-left: 40px;
				font-size: 35px;
				line-height: 35px;
				color:#fff;
			}
			.all_menu_search .exit:hover{
			background:url(/img/all_menu_xc.png) no-repeat left center;
				background-size:contain;
			color:#008adf;
			}


			.all_menu_search iframe{
			 width:100%; height:100%; opacity:0;
			}

			


}