/*================================
    °øÅë : 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: 45%;
		float: left;
		padding: 22px 10px 0 0;
	}
	.top .top_tel{
		width: 45%;
		float: left;
	}
	.top .top_menu{
		width: 10%;
		float: left;
		text-align: right;
	}
}
@media (min-width: 576px){
	.top .top_logo{
		width: 40%;
		float: left;
		padding: 15px 20px 0 0;
	}
	.top .top_tel{
		width: 40%;
		float: left;
	}
	.top .top_menu{
		width: 20%;
		float: left;
		text-align: right;
	}
}

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

/*================================
    °øÅë : top-ÀüÈ­»ó´ã
================================*/
@media (max-width: 575px){
	.top .top_tel{
		font-size: 15px;
		color: #000000;
		padding: 25px 0 0 0;
	}
	.top .top_tel b a{
		font-family: 'Gmarket Sans', sans-serif;
		font-size: 16px;
		font-weight: 700;
		color: #005397;
		padding: 0 0 0 7px;
		display: inline-block;
	}
}
@media (min-width: 576px){
	.top .top_tel{
		font-size: 17px;
		color: #000000;
		padding: 25px 0 0 0;
	}
	.top .top_tel b a{
		font-family: 'Gmarket Sans', sans-serif;
		font-size: 22px;
		font-weight: 700;
		color: #005397;
		padding: 0 0 0 7px;
		display: inline-block;
	}
}

/*================================
    °øÅë : Ä«ÇǶóÀÌÅÍ
================================*/
.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;
	}
}