/*---------------------------------------------------basic--------------------------------------------------*/
		
			*{margin:0;padding:0;}
			h1, h2, h3, h4, h5, h6 { font-size:100%;   font-weight:normal;} 
			fieldset, img, abbr,acronym { border:0 none; } 
			ul { list-style:none; }
			table {border-collapse: separate;border-spacing:0;border:0 none;}
			caption, th, td {text-align:left;font-weight: normal;}
			address, caption, strong, em, cite {font-weight:normal;font-style:normal;}
			ins { text-decoration:none; }
			del { text-decoration:line-through; }
			blockquote:before, blockquote:after, q:before, q:after { content:""; }
			blockquote,q { quotes:"" ""; }
			hr { display:none; }
			/* reset-css  */
			*{margin:0px; padding:0px; -webkit-box-sizing: border-box;
 			-moz-box-sizing: border-box; box-sizing: border-box;}

					.hide{display:none;}
					a{text-decoration:none;color:#000000;}
					li{list-style:none;}
					.block{display:block;}
					.border_right_none{border-right:0px solid #fff;}
					.border_left_none{border-left:0px solid #fff;}
					.border_top_none{border-top:0px solid #fff;}
					.border_bottom_none{border-bottom:0px solid #fff;}
					.border_none{border:0px solid #fff;}
					.inline{
						display: inline-block;
						*display: inline;
						*zoom:1;
						}

					body {
						overflow-y:scroll;
						font-family:"NanumBarunGothic", "ë‚˜ëˆ”ë°”ë¥¸ê³ ë”•";
						font-size:100%;
						line-height: inherit;
						color: #000;
                        background:#363636;
						}



/*---------------------------------------------------basic-end----------------------------------------------*/



@font-face{
  font-family:"NanumBarunGothic"; 
  src:url("/css/fonts/NanumBarunGothic.eot");
  src:local(å ì™ì˜™), url("/css/fonts/NanumBarunGothic.woff")format("woff");
}

/*-----------font----------------------------------------------------------------------------------------*/

.submenu{display:block;}
.background{background:#f9f9f9;
			float:left;
			width:100%;
			padding-bottom:2%;}

.container{margin: 0 auto;
		   max-width: 1900px;
		   display: block;
		   }

.wrap{width:1273px;
	  margin:0 auto;
	  }	
	  
.group_header{width:100%;
			  height:157px;
			  float:left;
			  background:url('/media_lib/3232235777_ufFCkaRA_menu_bg.jpg');
			  background-repeat:no-repeat;
			  background-size:cover;
			  margin-top:55px;
			  margin-bottom:42px;}

.group_header div{width:1273px;
				  margin:0 auto;
				  }
.group_header h2{font-size:44px;
				 color:#fff;
				 font-weight:500;
				 margin-top:65px; display:inline-block;
				 }
.group_header p{font-size:16px;
				color:#fff;
				}


.spanbox{width:50%!important; display:inline-block; margin:0!important; margin-left:10px!important;}
.header_span01 {font-size:20px; color:#fff; float:left; margin-bottom:-10px;}



.group_left_con{width:19.7%;
				height:auto;
				float:left;
				}

.group_left_con ul{width:100%;
				   float:left;
				   }

.group_left_con ul li{width:100%;
					  height:48px;
					  float:left;
					  background:#fff;
					  border-bottom:1px solid #f7f7f7;
					  font-size:15px;
					  cursor:pointer;
					  }

.group_left_con ul li a{width:1%;
						height:48px;
						display:table-cell;
						vertical-align:middle;
						padding-left:20px;
						padding-right:29px;
						color:#3e3e3e;
						font-weight:bold;
						}
.group_left_con ul li a:hover{color:#BE0445;}

.group_left_con ul li a span{float:right;
							 color:#a0a0a0;
							 font-size:10px;
					    	 }


.group_left_con>ul>li:hover>a{color:#c70c47;}

.group_sub_menu{float:left;
				height:auto!important;}

.group_sub_menu div{
					width:100%;
					float:left;
					padding:20px 0;
					background:#fefefe;}

.group_sub_menu div a{       padding-left:35px!important;
					 width:100%!important;
					 display:block!important;
					 height:12px!important;
					 margin-top:9px;
					 font-size:13px;
                                         color:#000;
                                        font-weight:normal!important;
					 }

.group_sub_menu div a:first-child{margin-top:0px!important;}

.group_right_con{width:77.9%;
				 float:right;
				 }

.banner_top{float:right;
			margin-bottom:26px;
			}
.banner_top_img{float:right;}
.banner_top_txt{float:left;
				width:38.99%;
				padding:50px 40px;
				height:435px;
				background:#000;
				}
.banner_top_txt p:nth-child(2){font-size:44.11px;
							   color:#fff;
							   margin-top:0px;
							   }
.banner_top_txt p:first-child{margin-left:3px;
							  margin-top:0px;
							  }
.banner_top_txt p{font-size:14px;
				  color:#c1c1c1;
				  /*margin-top:14px;*/
				  }
.banner_top_txt p:nth-child(3), .banner_top_txt p:nth-child(4){
line-height:18px;
}


.banner_bottom{width:100%;
			   float:left;
			   position:relative;
			   }

.banner_bottom p {float:left;
				  position:relative;
				  overflow:hidden;
				  margin-right:1.06%;
                                  margin-bottom:1.06%;
				  width:24.203%;
				  cursor:pointer;
				  }

.banner_bottom p img{width:100%;
					   float:left;}

.banner_bottom p:nth-child(4){margin-right:0px;}
.banner_bottom p:nth-child(8){margin-right:0px;}
.banner_bottom p:nth-child(12){margin-right:0px;}
.banner_bottom p:nth-child(16){margin-right:0px;}
.banner_bottom p:nth-child(20){margin-right:0px;}
.banner_bottom p:nth-child(24){margin-right:0px;}

.banner_bottom p:hover a{display:block;}

.bottom_hover{display:none;
			  height:111px;
			  width:100%;
			  background:rgba(190,4,69,0.5);
			  position:absolute;
			  bottom:0px;
			  left:0px;
			  z-index:10;
			  font-size:15px;
			  color:#fff;
			  font-weight:bold;
			  padding:19px 24px;}

.block_span{
			display:block;
			text-indent:-9999px;
			width:24px;
			height:2px;
			background:#fff;
			margin-top:11px;
			margin-bottom: 11px;
			}

.bottom_hover_span{font-size:12px;
				   font-weight:100;}

#map-canvas{float:left;
			width:100%;
			height:283px;
			margin-top:16px;
			}
.map_txt{width:100%;
		 float:left;
		 background:#fff;
		 padding:2% 3%;
		 }
.map_txt p{font-size:15px;
		   color:#000;
		   font-weight:bold;
		   }
.map_txt ul li{
			   color:#3e3e3e;
			   width: 100%;
			   float:left;
			   font-size:14px;
			   margin-top: 5px;
			   }
.map_txt ul li:first-child{ margin-top:11px;}
.map_txt ul li span:first-child{width:44px;
				    float:left;
				    border-right:1px solid #b8b8b8;
				    margin-right:16px;}
.map_txt ul li span:last-child{width:90%;
				    float:left;}
.mobile{display:none;}

@media screen and (min-width:1273px){
.banner_top{height:384px;
                  overflow:hidden;
                  background:#000;}
}

@media screen and (min-width:661px){
.banner_top_img img{right:5%;}
}


@media screen and (min-width:961px) and (max-width:1290px) {
.map_txt ul li span:last-child{float:left; width:80%;}
.group_header div{width:92%;}
.container .wrap{width:92%;}

.banner_top{height:330px;
                  background:#000;}
.banner_top_img{width:50%; overflow:hidden;}
.banner_top_img img{height:330px; float:right;}
.banner_top_txt{padding:20px 40px;
				height:330px;
                                width:50%;}
.bottom_hover{padding:6px 10px;}
}

@media screen and (min-width:661px) and (max-width:960px) {
.map_txt ul li span:last-child{float:left; width:80%;}
.submenu{display:none;}
.container .wrap{width:92%;}
.group_header{margin-bottom:24px;
			  background-position:40%;}
.group_header div{width:92%;}
.group_header h2{font-size:44px;
				 color:#fff;
				 font-weight:500;
				 margin-top:65px;
				 }

.group_left_con{width:100%;
				float:left;
				}
.group_left_con li{width:115px!important;
				   height:45px!important;
				   border-bottom:0px solid #fff!important;
				   margin-right:10px!important;
				   margin-bottom:11px;
				   }

.group_left_con li:last-child{margin-right:0px!important;}

.group_left_con li span{display:none;}

.left_li:hover{border:1px solid #be0445!important;}

.group_left_con li a{text-align:center;
					 padding:0!important;
					 }

.mobile{display:block!important;
		color:#3e3e3e!important;
		margin-right:17px;}

.left-sub{height:auto!important;
		  position:relative;
		  z-index:10;}
.left-sub div a{text-align:left;
				padding-left:20px!important;}

.group_right_con{width:100%;
				 margin-top:13px;
				 }
.bottom_hover{padding:12px 16px;
			  height:96px;
			  font-size:11px;
			  }
.bottom_hover_span{font-size:11px!important;}
.block_span{margin-bottom:13px;
			margin-top:7px;
			}

.banner_top{float:none;
                  background:#000;}
.banner_top_txt{width:605px;
				text-align:center;
				margin:0 auto;
				float:none;
				height:auto!important;
				}
.banner_top_txt p{width:100%;
				text-align:center;
				padding:0 10%;
				margin-top:0px;
				}
.banner_top_txt p:nth-child(2){margin-bottom:10px;}
.banner_top_txt p:nth-child(3){line-height:1.5em;
							   margin-bottom:5px;}
.banner_top_txt p:nth-child(4){line-height:1.5em;}
.banner_top_img{width:100%;
				 text-align:center;
				 padding:0;
				 margin-bottom:24px;
				 }
.banner_top_img img{width:100%;}
.map_txt{margin-bottom:20px;}
}

@media screen and (min-width:320px) and (max-width:660px) {
.spanbox{width:25%!important;}
.header_span01{font-size:13px;}
.submenu{display:none;}
.banner_bottom p:nth-child(2){margin-right:0px;}
.banner_bottom p:nth-child(6){margin-right:0px;}
.banner_bottom p:nth-child(10){margin-right:0px;}
.banner_bottom p:nth-child(14){margin-right:0px;}
.banner_bottom p:nth-child(18){margin-right:0px;}
.banner_bottom p:nth-child(22){margin-right:0px;}
.banner_bottom p:nth-child(26){margin-right:0px;}
.container .wrap{width:92%;}

.group_sub_menu a{font-size:11px!important;}

.group_header{margin-bottom:14px;
			  background-position:40%;}
.group_header div{width:92%;}
.group_header h2{font-size:30px;
				 margin-top:54px;
				 margin-bottom:8px;
				 }
.group_header p{font-size:12px;}

.mobile{display:block!important;
		color:#3e3e3e!important;
		margin-right:17px;}

.left-sub{height:auto!important;
		  position:relative;
		  width:100%!important;
		  z-index:10;}
.left-sub div a{text-align:left!important;
				width:100%;
				margin-left:10%!important;}

.group_left_con{width:100%;
				float:none;
				margin:0 auto!important;
				}
.left_li{width:/*88px*/32%!important;
				   height:36px!important;
				   border-bottom:0px solid #fff!important;
				   margin-right:2%!important;
				   margin-bottom:2%;
				   }
.left_li a{width:1%!important;
					 height:36px!important;
					 font-size:12px;
					 }

.group_left_con li:nth-child(3){margin-right:0px!important;}
.group_left_con li:nth-child(6){margin-right:0px!important;}
.group_left_con li:nth-child(7){margin-bottom:0px!important;}
.group_left_con li:nth-child(8){margin-bottom:0px!important;}
.group_left_con li:nth-child(9){margin-right:0px!important;margin-bottom:0px!important;}

.group_left_con li span{display:none;}

.left_li:hover{border:1px solid #be0445!important;}

.group_left_con li a{text-align:center;
					 padding:0!important;
					 }




.group_right_con{width:100%;
				 margin-top:30px;
				 }

.banner_top{margin-bottom:8px!important;}

.banner_top_txt{margin:0 auto!important;
				width:100%;
				float:none;
				text-align:center;
				height:auto!important;
				padding:20px 20px;
				}

.banner_top_txt p{width:100%;
				text-align:center;
				margin-top:0px;
				font-size:11px;
				}
.banner_top_txt p:nth-child(1) img{height:15px;}
.banner_top_txt p:nth-child(2){font-size:44px;
							   margin-bottom:10px;
							   }
.banner_top_txt p:nth-child(3){line-height:1.5em;
							   margin-bottom:5px;}
.banner_top_txt p:nth-child(4){margin-bottom:15px;
							   line-height:1.5em;}

.banner_top_img{width:100%;
				 text-align:center;
				 padding:0;
				 margin:0 auto!important;
				 float:none;
				 }
.banner_top_img img{width:100%;}


.banner_bottom p{width:49%!important;
				 margin-right:2%;
				 margin-bottom:2%;
				 }
.banner_bottom p:nth-child(2){margin-right:0%!important;}
.banner_bottom p:nth-child(4){margin-right:0%!important;}

.banner_top_btn{margin:0 auto;}

.bottom_hover{padding:6px 6px;
			  height:73px;
			  font-size:11px;
			  }
.bottom_hover_span .block{display:inline;}
.bottom_hover_span{font-size:10px!important;}
.block_span{margin-bottom:5px;
			margin-top:5px;
			height:1px;
			width:15px;
			}

.map_txt ul li{float:left;
			   font-size:12px;
			   }
.map_txt ul li span:first-child{width:40px;
								float:left;
								border-right:1px solid #b8b8b8;
								margin-right:12px;}

.map_txt ul li span:last-child{float:left; width:76%;}
.map_txt{margin-bottom:20px;}
}