#slider{
	max-width: 100%;
	margin: 0 auto;
	padding: 33% 0 0;
	position: relative;
}
#slide-area {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.slide {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
}
#sld1 {
	background: url(images/slide/slide-01.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#sld2 {
	background: url(images/slide/slide-02.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#sld3 {
	background: url(images/slide/slide-03.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#sld4 {
	background: url(images/slide/slide-04.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#sld5 {
	background: url(images/slide/slide-05.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#slide-nav{
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: 20px;
	text-align: center;
}
.slide-nav-circle {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 4px;
	border-radius: 8px;
	background: rgba(255,255,255,0.4);
	border:2px solid #FFF;
	cursor: pointer;
}
.slide-nav-circle.current {
	background: rgba(255,255,255,1);
}
.sld_dir_btn{
	font-size: 20px;
	position: absolute;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	margin: -20px 0 0 0;
	background: rgba(255,255,255,0.4);
	color: #000;
	box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}
.sld_dir_btn:hover{
	background: rgba(255,255,255,1);
}

@media screen and (max-width: 768px) {
	#slider {
		padding: 65% 0 0;
	}
	#sld1 {
		background: url(images/slide/slide-tb-01.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	#sld2 {
		background: url(images/slide/slide-tb-02.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	#sld3 {
		background: url(images/slide/slide-tb-03.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	#sld4 {
		background: url(images/slide/slide-tb-04.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	#sld5 {
		background: url(images/slide/slide-tb-05.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
}
@media screen and (max-width: 480px) {
	#slider {
		padding: 104% 0 0;
	}
	#sld1 {
		background: url(images/slide/slide-sp-01.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	#sld2 {
		background: url(images/slide/slide-sp-02.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	#sld3 {
		background: url(images/slide/slide-sp-03.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	#sld4 {
		background: url(images/slide/slide-sp-04.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	#sld5 {
		background: url(images/slide/slide-sp-05.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	#slide-nav {
		bottom: -40px;
		z-index: 9;
	}
	.slide-nav-circle {
		width: 23px;
		height: 23px;
		border-radius: 30px;
		background: #F4F2EF;
		margin: 0 7px;
	}
	.slide-nav-circle.current {
		background: #AB9A86;
	}
}