/*---------------------------------------------------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----------------------------------------------------------------------------------------*/


/* Ujarak */
.button--ujarak, .button--ujarak span {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 36px;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--ujarak:hover span{color:#fff;}
.button--ujarak span{position:relative;
					z-index:3;}


.button--ujarak1::before{background: rgba(41,128,185,0.5);}
.button--ujarak2::before{background: rgba(192,57,43,0.5);}
.button--ujarak3::before{background: rgba(242,171,69,0.5);}

/* Ujarak */

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


.banner_top_left{float:right;
		  width:100%;
		  margin-bottom:27px;}

.banner_top_img_left img{float:right;}

.banner_top_txt_left{float:left;
					 margin-top:50px;
					 margin-left:39px;
					 }
.banner_top_txt_left p:nth-child(2){font-size:38.82px;}
.banner_top_txt_left p:first-child{margin-left:3px;}
.banner_top_txt_left p:nth-child(3){font-size:14px;
						     color:#888888;
							 margin-top:12px;
                                                 line-height:18px;
							 }
.banner_top_btn{width:138px;
			  height:38px;
			  margin-top:40px; position:relative;
			  }
.banner_top_btn a{font-size:14px;
				width:136px;
				height:36px;
				display:table-cell;
				vertical-align:middle;
				text-align:center;
				}

.banner_top_btn01{border:1px solid #2980b9;}
.banner_top_btn01 a{color:#2980b9;}
.left01{background:#ecf6f5;}

.banner_top_btn02{border:1px solid #c0392b;}
.banner_top_btn02 a{color:#c0392b;}
.right02{background:#fbf7f6;}
.right02_img{float:left!important;}
.right02_txt{float:right!important;
					  width:28%;}

.banner_top_btn03{border:1px solid #16a085;}
.banner_top_btn03 a{color:#16a085;}
.left03{background:#ecf6f5;}

.banner_top_btn04{border:1px solid #f2ab45;}
.banner_top_btn04 a{color:#f2ab45;}
.right04{background:#f7faed;}


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


.banner_top_left{float:right;
				 width:100%;
				 margin-bottom:27px;}

.banner_top_img_left{width:597px;
					 float:right;
					 }
.banner_top_img_left img{float:right;
						 width:100%;
						 }

.banner_top_txt_left{float:left; width:28%;
					 margin-top:30px;
					 margin-left:25px;
					 }
.banner_top_txt p img{height:17px;}
.banner_top_txt_left p:nth-child(2){font-size:28px;}
.banner_top_txt_left p:first-child{margin-left:3px;}
.banner_top_txt_left p:nth-child(3){font-size:14px;
						     color:#888888;
							 margin-top:10px;
							 line-height:1.5em;
							 }
.banner_top_btn{
				margin-top:20px;
				width:93px;
				height:27px;
				}
.banner_top_btn a{font-size:10px;
				  width:91px;
				  height:25px;}


.button--ujarak::before{height:25px;}

}


@media screen and (min-width:661px) and (max-width:960px) {

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

.banner_top_img{width:100%;
				overflow:hidden;
				margin-top:30px;
				}
.banner_top_img img{width:100%;}
.banner_top{margin-bottom:13px!important;}


.banner_top_txt{margin:0 auto!important;
				width:92%;
				float:none!important;
				}
.banner_top_txt p img{
					  margin-top:30px;
					  margin-left:3px;
					  }
.banner_top_txt p:first-child{
							  text-align:center;
							  }
.banner_top_txt p:nth-child(2){
margin-top:30px;							   
text-align:center;
							   }
.banner_top_txt p:nth-child(3){text-align:center;

							   margin-bottom:15px;

								}
.banner_top_btn{margin:0 auto;
				float:none;}



}

@media screen and (min-width:320px) and (max-width:660px) {

.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:16px;
				 }
.group_header p{font-size:12px;}

/*.banner_top_img{width:100%;
				overflow:hidden;
				margin-top:12px;
				}
.banner_top_img img{width:100%;}*/

.banner_top_img{width:100%;
				overflow:hidden;
				margin-top:12px;
				position:relative;
				height:192px;
				}
.banner_top_img img{position:absolute;}

.left01 div:last-child img{left:-30px;
						   width:170%;
						   }
.right02 div:last-child img{left:-130px;
						   width:170%;
						   }
.left03 div:last-child img{left:-30px;
						   width:170%;
						   }
.right04 div:last-child img{left:-100px;
							width:170%;
						    }

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


.banner_top_txt{margin:0 auto!important;
				width:92%;
				float:none!important;
				}
.banner_top_txt p img{height:12px;
					  margin-top:14px;
					  margin-left:3px;
					  }
.banner_top_txt p:first-child{
							  text-align:center;
							  }
.banner_top_txt p:nth-child(2){font-size:24px;
							   text-align:center;
                                           margin-top:14px;
							   }
.banner_top_txt p:nth-child(3){text-align:center;
							   margin-top:10px;
							   margin-bottom:15px;
							   font-size:11px;
							   line-height:1.5em;
								}
.banner_top_btn{margin:0 auto;
				float:none;
				width:93px;
				height:27px;
				}
.banner_top_btn a{font-size:10px;
				  width:91px;
				  height:25px;}

.button--ujarak::before{height:25px;}
}