/*================================
    °øÅë : top
================================*/
.top{
	width: 100%;
	height: 110px;
	position: fixed;
	z-index: 22222222222;
	background: #FFFFFF;
	border-bottom: 1px solid #e3e3e3;
}
.top .top_logo{
	width: 20%;
	float: left;
	padding: 17px 0 0 0;
}
.top .top_menu{
	width: 80%;
	float: left;
	text-align: right;
}

/*================================
    °øÅë : top-·Î°í
================================*/
.top .top_logo img{
	width: 100%;
	max-width: 116px;
}

/*================================
    °øÅë : Ä«ÇÇ¶óÀÌÅÍ-±âº»
================================*/
.copyright{
	width: 100%;
	overflow: hidden;
	background: #27272c;
	padding: 30px 0;
}

@media (min-width: 1100px){
	.copyright .copyright_logo{
		width: 20%;
		float: left;
	}
	.copyright .copyright_info{
		width: 80%;
		float: left;
		padding: 10px 0 0 0;
	}
	.copyright .copyright_right{
		width: 100%;
		float: left;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 1200px){
	.copyright .copyright_logo{
		width: 20%;
		float: left;
	}
	.copyright .copyright_info{
		width: 80%;
		float: left;
		padding: 10px 0 0 0;
	}
	.copyright .copyright_right{
		width: 100%;
		float: left;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 1300px){
	.copyright .copyright_logo{
		width: 15%;
		float: left;
	}
	.copyright .copyright_info{
		width: 48%;
		float: left;
		padding: 10px 0 0 0;
	}
	.copyright .copyright_right{
		width: 37%;
		float: left;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 1400px){
	.copyright .copyright_logo{
		width: 15%;
		float: left;
	}
	.copyright .copyright_info{
		width: 50%;
		float: left;
		padding: 10px 0 0 0;
	}
	.copyright .copyright_right{
		width: 35%;
		float: left;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 1500px){
	.copyright .copyright_logo{
		width: 15%;
		float: left;
	}
	.copyright .copyright_info{
		width: 40%;
		float: left;
		padding: 10px 0 0 0;
	}
	.copyright .copyright_right{
		width: 45%;
		float: left;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 1600px){
	.copyright .copyright_logo{
		width: 15%;
		float: left;
	}
	.copyright .copyright_info{
		width: 45%;
		float: left;
		padding: 10px 0 0 0;
	}
	.copyright .copyright_right{
		width: 40%;
		float: left;
		padding: 20px 0 0 0;
	}
}

/*================================
    °øÅë : Ä«ÇÇ¶óÀÌÅÍ-·Î°í
================================*/
.copyright .copyright_logo img{
	width: 100%;
	max-width: 117px;
}

/*================================
    °øÅë : Ä«ÇÇ¶óÀÌÅÍ-Á¤º¸
================================*/
.copyright .copyright_info p{
	font-size: 16px;
	color: #a6a6a6;
	line-height: 26px;
}
.copyright .copyright_info p a{
	color: #a6a6a6;
}
.copyright .copyright_info p span{
	padding: 0 30px 0 0;
}

/*================================
    °øÅë : Ä«ÇÇ¶óÀÌÅÍ-¾È³»
================================*/
.copyright .copyright_right{
	font-size: 14px;
	color: #696969;
	line-height: 22px;
	text-align: right;
}
.copyright .copyright_right span{
	padding: 0 20px 0 0;
}

/*================================
    °øÅë : Äü¸Þ´º
================================*/
.quick{
	width: 72px;
	overflow: hidden;
	position: absolute;
	right: 6px;
	bottom: 80px;
	z-index: 10000000;
	position: fixed;
}
.quick ul{
	width: 100%;
	overflow: hidden;
	padding: 10px 0 0 0;
}
.quick ul li a{
	width: 50px;
	height: 50px;
	background: #FFFFFF;
	text-align: center;
	padding: 12px 0 0 0;
	border-radius: 50%;
	box-shadow: 0px 0px 10px #dddddd;
	margin: 0 0 10px 10px;
	display: block;
}
.quick ul .li_1 a{
	padding-top: 15px;
}
.quick ul .li_4 a{
	padding-top: 15px;
	font-size: 13px;
	color: #747474;
	line-height: 13px;
}
.quick ul .li_4 a{
	color: #747474;
}

@media (min-width: 992px){
	.mobile_quick div{
		width: 50%;
		height: 70px;
		float: left;
		border-bottom: 1px solid #e3e3e3;
	}
	.mobile_quick .div_1{
		border-right: 1px solid #e3e3e3;
	}
	.mobile_quick a{
		border-bottom: 0 !important;	
	}
	.mobile_quick a img{
		padding: 0 0 5px 0;
	}
	.mobile_quick div p{
		color: #000000;
		font-weight: 500;
		font-size: 14px;
		text-align: center;
	}
	.mobile_quick div a:hover{
		height: 69px;
		background: #f3f9f3 !important;
	}
}