/*================================
    °øÅë : top
================================*/
.top{
	width: 100%;
	height: 70px;
	background: #FFFFFF;
	position: fixed;
	z-index: 999999;
	border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 575px){
	.top .top_logo{
		width: 50%;
		float: left;
		padding: 12px 10px 0 0;
	}
	.top .top_tel{
		width: 40%;
		float: left;
		text-align: right;
	}
	.top .top_menu{
		width: 10%;
		float: left;
		text-align: right;
	}
}
@media (min-width: 576px){
	.top .top_logo{
		width: 40%;
		float: left;
		padding: 12px 20px 0 0;
	}
	.top .top_tel{
		width: 50%;
		float: left;
		text-align: right;
	}
	.top .top_menu{
		width: 10%;
		float: left;
		text-align: right;
	}
}

/*================================
    °øÅë : top-·Î°í
================================*/
@media (max-width: 575px){
	.top .top_logo img{
		width: 100%;
	}
}
@media (min-width: 576px){
	.top .top_logo img{
		width: 80%;
	}
}

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

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

@media (max-width: 575px){
	.copyright .copyright_logo{
		width: 100%;
		float: left;
		padding: 0 0 20px 0;
	}
	.copyright .copyright_info{
		width: 100%;
		float: left;
	}
	.copyright .copyright_rights{
		width: 100%;
		float: left;
		text-align: left;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 576px){
	.copyright .copyright_logo{
		width: 100%;
		float: left;
		padding: 0 0 20px 0;
	}
	.copyright .copyright_info{
		width: 100%;
		float: left;
	}
	.copyright .copyright_rights{
		width: 100%;
		float: left;
		text-align: left;
		padding: 10px 0 0 0;
	}
}