/*---------------------------------------------------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:none;}
.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;
				 margin-top:65px;
				 }
.group_header p{font-size:16px;
				color:#fff;
				}

.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;
				 }

.comtab{width:100%;
	    float:left;
	    }
.tab_on{border-bottom:3px solid #000!important; border-left:1px solid #f9f9f9; border-right:1px solid #f9f9f9;}
.tab_on a{color:#000!important;}
.tab_on a span{display:block!important;}
.tab_on a span{position:absolute;
					       bottom:-1px;
					       left:47%;
				                }
.line{position:absolute;
	  text-indent:-9999px;
	  width:1px;
	  height:11px;
	  background:#d0d0d0;
	  right:0;
	  top:26px;
	  }

.comtab ul li:first-child{width:38%;}

.comtab ul li{float:left;
		   width:31%;
		   background:#fff;
		   text-align:center;
		   border-bottom:3px solid #c4c4c4;
		   position:relative;
		   padding:14px 0;
                   margin-bottom:13px;}

.comtab ul li a{color:#8b8b8b;
		     font-size:16px;
		     font-weight:bold;}

.comtab ul li a span{position:absolute;
					       bottom:-1px;
					       left:47%;
					       display:none;
				                }
.comtab ul li a span img{display:block;}

.banner_top{float:right;
			margin-bottom:26px;
			width:100%;
			background:#000;
			}
.banner_top_img{float:right;}
.banner_top_txt{float:left;
				width:38%;
				padding:37px;
				height:368px;
				
				}
.banner_top_txt p:nth-child(2){font-size:14px;
							   color:#fff;
							   margin-top:16px;
							   }
.banner_top_txt p{font-size:44.11px;
				  color:#fff;
				  }



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

.banner_bottom_right{width:100%;
					 float:left;
					 }

.banner_bottom_right>div{width:100%;
						 float:left;
						 padding:39px 37px;
						 /*height:106px;*/
						 position:relative;
						 border-bottom:1px solid #f9f9f9;
						 }

.banner_bottom_right>div:last-child{border-bottom:0px solid #fff;}

.banner_bottom_right>div>p{
						   color:#d62966;
						   font-size:30px;
						   font-weight:bold;
						   float:left;
						   }



.right_span02{font-size:15px;
			  color:#000;
			  font-weight:normal;
			  margin-top:5px;
			  /*추가*/float:left;
			  margin-left:106px;
			  width:73%;
			  }
.right_span02 li{list-style:square;}

.mobile{display:none;}



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


@media screen and (min-width:961px) and (max-width:1290px) {
.group_header div{width:92%;}
.container .wrap{width:92%;}


.banner_top{height:260px;}
.banner_top_img img{height:260px;}
.banner_top_txt{padding:20px 40px;
				height:260px;
				width:35%;}
.banner_top_txt p{font-size:30px;}

.banner_bottom_right{width:100%;
					 float:left;}

.right_span02{margin-left:0px;
			  float:right;
			  }

}


@media screen and (min-width:661px) and (max-width:960px) {
.comtab ul li:first-child{width:33.333333%;}
.comtab ul li{width:33.333333%;}
.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;
				 }

.banner_inn{float:left; width:100%;}
.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_img{width:100%;
				 text-align:center;
				 padding:0;
				 margin-bottom:24px;
				 }
.banner_top_img img{width:100%;}

.banner_bottom_right{width:100%;}

.right_span02{float:right; margin-left:0;}
}

@media screen and (min-width:320px) and (max-width:660px) {
.comtab ul li:first-child{width:33.333333%;}
.comtab ul li{width:33.333333%;}

.group_sub_menu a{font-size:11px!important;}
.container .wrap{width:92%;}

.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;
				 }
.comtab ul li a{font-size:12px;}
.comtab ul li a span:first-child{font-size:10px;}

.comtab ul li a span:last-child{position:absolute;
							 bottom:-1px;
							 left:45%;
							 display:none;
							 }

.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){font-size:30px;
							   margin-bottom:10px;
							   }
.banner_top_txt p:nth-child(2){font-size:11px; margin-top:0px; line-height:1.4em;}
.banner_top_img{width:100%;
				 text-align:center;
				 padding:0;
				 margin:0 auto!important;
				 float:none;
				 }
.banner_top_img img{width:100%; display:block;}
.comtab ul li a b{font-size:14px;}
.banner_bottom_right{width:100%;}
.banner_bottom_right ul{width:65%;}
.banner_bottom_right p{font-size:16px!important;}
/**/

.right_span02{font-size:13px;
              float:right; margin-left:0;
			  margin:0px;}
.banner_bottom_right>div{padding:20px;}

}