@charset 'utf-8';

.font {
	font-family: 'Noto Sans KR', sans-serif;
}

* {
	box-sizing: border-box;
}

* {
	padding: 0;
	margin: 0;
	color: #333;
	font-family: 'Noto Sans KR', '맑은 고딕', sans-serif;
}

body,header,footer {
	padding: 0;
	margin: 0;
}

header,section,footer,div,p,ul,ol,li,
#wrap {
	display: block;
}

img {
	border: none;
	vertical-align: top;
}

li {
	list-style-type: none;
}

a:link,
a:visited {
	text-decoration: none;
	color: #333;
}

a:hover,
a:focus {
	/*outline:none;*/
}

.over_hi{
	overflow: hidden;
}

@media (max-width: 767px) {
	.footer{
		background-color: #f7f7f7;
		border-top:1px solid #e1e1e1;
	}

	.footer_wrap{
		margin: 0 auto;
		padding: 20px 15px;
		text-align: center;
	}

	.f_logo h3 {
		color: #888;
		padding-bottom: 10px;
	}
	.f_logo h3 img{
		width: 130px;
	}

		.f_txt{
			color: #888;
			width: 100%;
			text-align: center;
			font-size: 14px;
		}
		.f_txt b {
			padding:0 15px 0 30px;
			color: #666;
		}
		.f_txt p{
			color: #888;
			margin-top: 17px;
			font-size: 12px;
		}
		.f_right{
			display: none;
		}
		.over_hi{
			overflow: hidden;
		}
}

@media all and (min-width: 768px) and (max-width: 1064px) {

	.footer{
		background-color: #f7f7f7;
		border-top:1px solid #e1e1e1;
	}

	.footer_wrap{
		max-width: 1200px;
		margin: 0 auto;
		padding: 30px 20px;
		text-align: center;
	}

	.f_logo h3 img{
		width: 200px;
	}
	.f_logo h3 {
		color: #888;
		padding-bottom: 15px;
	}

		.f_txt{
			color: #888;
			float: left;
			margin-left: 20px;
			width: 70%;
			text-align: left;
		}
		.f_txt b {
			padding:0 15px 0 30px;
			color: #666;
		}
		.f_txt p{
			color: #888;
			margin-top: 17px;
			font-size: 14px;
		}
		.f_right{
			width: 20%;
			float: right;
		}
		.f_right ul li {
			border:1px solid #ccc;
			width: 90%;
			line-height: 35px;
			text-align: center;
			margin-bottom:5px;
			font-size: 14px;
		}
		.f_right ul li a {
			display: block;
		}
		.f_right ul li a:hover {
			background: #ccc;
			color: #fff;
			transition-duration: .3s;
		}
		.over_hi{
			overflow: hidden;
		}
}
@media all and (min-width: 1065px) {

	.footer{
		background-color: #f7f7f7;
		border-top:1px solid #e1e1e1;
	}

	.footer_wrap{
		max-width: 1200px;
		margin: 0 auto;
		padding: 50px 0;
	}

	.f_logo{
		float: left;
	}
	.f_logo h3 img{
		width: 200px;
	}
	.f_logo h3 {
		color: #888;
	}

	.f_txt{
		color: #888;
		float: left;
		margin-left: 50px;
		width: 60%;
	}
	.f_txt b {
		padding:0 15px 0 30px;
		color: #666;
	}
	.f_txt p{
		color: #888;
		margin-top: 17px;
		font-size: 14px;
	}
	.f_right{
		width: 155px;
		float: right;
	}
	.f_right ul li {
		border:1px solid #ccc;
		width: 150px;
		line-height: 35px;
		text-align: center;
		margin-bottom:5px;
		font-size: 14px;
	}
	.f_right ul li a {
		display: block;
	}
	.f_right ul li a:hover {
		background: #ccc;
		color: #fff;
		transition-duration: .3s;
	}
	.over_hi{
		overflow: hidden;
	}
}