/*================================
    °øÅë : top
================================*/
.top{
	width: 100%;
	height: 94px;
	background: #FFFFFF;
	z-index: 2222222222;
}
.top .top_logo{
	width: 22%;
	float: left;
	padding: 15px 0 0 0;
}
.top .top_tel{
	width: 15%;
	float: left;
	text-align: right;
}
.top_Fixed{
	position: fixed;
	top: 0px;
}

/*================================
    °øÅë : top-·Î°í
================================*/
.top .top_logo img{
	width: 80%;
	max-width: 228px;
}

/*================================
    °øÅë : top-·Î±×ÀÎ
================================*/
.top .top_tel{
	padding: 30px 0 0 0;
}
.top .top_tel img{
	width: 22px;
	vertical-align: middle;
	margin: -4px 10px 0 0;
}
.top .top_tel a{
	width: 130px;
	height: 40px;
	display: inline-block;
	text-align: center;
	background: #f2f2f2;
	border-radius: 20px;
	padding: 5px 0 0 0;
	font-size: 17px;
	color: #1d1d1d;
}

/*================================
    °øÅë : ¸Þ´º
================================*/
.top_menu{
	width: 63%;
	overflow: hidden;
	text-align: center;
	background: #FFFFFF;
	z-index: 2222222222;
	float: left;
}
.top_menu_Fixed{
	position: fixed;	
} 

/*================================
    °øÅë : Ä«ÇǶóÀÌÅÍ
================================*/
.copyright{
	width: 100%;
	overflow: hidden;
	font-size: 16px;	
	color: #7f7e7e;
	padding: 40px 0;
}
.copyright a{
	color: #7f7e7e;
}
.copyright .copyright_info span{
	width: 1px;
	height: 11px;
	background: #c9c9c9;
	display: inline-block;
	margin: 0 15px;
}
.sub_copyright{
	border-top: 1px solid #e6e6e6;
}

@media (min-width: 1100px){
	.copyright .copyright_logo{
		width: 100%;
		float: left;
		padding: 0 0 20px 0;
	}
	.copyright .copyright_info{
		width: 60%;
		float: left;
	}
	.copyright .copyright_rights{
		width: 40%;
		float: left;
		text-align: right;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 1200px){
	.copyright .copyright_logo{
		width: 100%;
		float: left;
		padding: 0 0 20px 0;
	}
	.copyright .copyright_info{
		width: 60%;
		float: left;
	}
	.copyright .copyright_rights{
		width: 40%;
		float: left;
		text-align: right;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 1300px){
	.copyright .copyright_logo{
		width: 100%;
		float: left;
		padding: 0 0 20px 0;
	}
	.copyright .copyright_info{
		width: 60%;
		float: left;
	}
	.copyright .copyright_rights{
		width: 40%;
		float: left;
		text-align: right;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 1400px){
	.copyright .copyright_logo{
		width: 20%;
		float: left;
		padding: 0;
	}
	.copyright .copyright_info{
		width: 50%;
		float: left;
	}
	.copyright .copyright_rights{
		width: 30%;
		float: left;
		text-align: right;
		padding: 10px 0 0 0;
	}
}