/* featured-banner */
.featured-banner {
	position: relative;
	z-index: 1;
	width: 100%;
}

/* fbPager */
#fbPager {
	z-index: 301;
	position: absolute;
	left: 0;bottom: 10px;
	width: 100%;
	height: 20px;
	text-align: center;
	display:none;
}
#fbPager .pager-btn {
	box-sizing: content-box;
	position: relative;
	display: inline-block;
	*display: inline; *zoom: 1;
	width: 10px; 
	height: 10px;
	margin: 0 1px;
	font-size: 0;
	line-height: 0;
	opacity: 0.5;
	transition: opacity 0.5s;
}
#fbPager .pager-btn > span {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 6px; 
	height: 6px;
	background-color: #f0f0f0;
	border-radius: 3px;
}
#fbPager .pager-btn:hover,
#fbPager .pager-btn.cycle-pager-active {
	opacity: 1;
}
#fbPager .pager-btn:hover > span,
#fbPager .pager-btn.cycle-pager-active > span {
	top: 0;
	left: 0;
	width: 10px; 
	height: 10px;
	background-color: #4678b7;
	border-radius: 5px;
}
/*-fbPager */

/* fb-cycle-ready */
.fb-cycle-ready {
	position: absolute;
	z-index: 101;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
	background-image: url("../img/loader.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 80px 80px;
}
/*-fb-cycle-ready */

/* fb-cycle */
.fb-cycle {
	overflow:hidden;
	position: relative;
	width: 100%;
	height: 500px;
}
.fb-item {
	position:aboslute;
	width: 100%;
	height: 500px;
	background-color: transparent;
	background-image: url('../img/main_slide1_notxt.jpg');
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: cover;
}

.fb1 {
	background-image: url('../img/main_slide2.jpg');
}
.fb2 {
	background-image: url('../img/main_slide3.jpg');
}

.fb-sec {
	position: relative;
	height: 100%;
}
.fb-step {
	top: 50%;
	left: 50%;
	opacity: 0;
}

.fb-heading-em {
	position: absolute;
	margin-top: -108px;
	margin-left: -57px;
	color: #fff;
	color: rgba(255, 255, 255, 0.4);
	font-size: 3em;
	font-style: italic;
	letter-spacing: -0.02em;
	line-height: 1;
}
.fb-heading {
	position: absolute;
	margin-top: -71px;
	margin-left: -57px;
	color:#fff;
	font-family:"notokr-demilight", sans-serif;
	font-size: 2.9em;
	font-style: italic;
	letter-spacing:-0.07em;
	line-height: 1;
}
.fb-sec-bar {
	position: absolute;
	margin-top: -1px;
	margin-left: -52px;
	width: 30px;
	height: 1px;
	background-color: #fff;
	display:none;
}
.fb-des {
	position: absolute;
	margin-top: -10px;
	margin-left: -52px;
	color: #fff;
	co lor: rgba(255, 255, 255, 0.9);
	font-family:"notokr-light", sans-serif;
	font-size: 1.8em;
	letter-spacing: -0.04em;
	line-height:1.3;
}
.fb-des > span {
	display: block;
}

.particleground {
	position: absolute;
	z-index: 102;
	width: 100%;
	max-width: 400px;
	height: 320px;
	top:48%;
	left: 0;
	margin-top: -160px;
}

#particleground1 {
	position: absolute;
	z-index: 102;
	top: 0; right: 0; bottom: 0; left: 0;
}

@media screen and (max-width: 1100px) {
	
	.fb-heading-em {
		font-size: 2.5em;
		margin-top: -102px;
	}
	.fb-heading {
		font-size: 2.4em;
	}
	.fb-des {
		font-size: 1.7em;
	}
} /* 1100px 이하 */

@media screen and (max-width: 900px) { 
	
	.fb-heading > .custom-block {
		display: block;
		line-height: 1.2;
	}
	
}/* 900px 이하 */

@media screen and (max-width: 768px) {
	
	#fbPager {
		bottom: 30px;
	}
	.fb-item {
		background-image: url("../img/main_slide1_m.jpg");
		background-size: cover;
	}
	.fb1 {
		background-image: url("../img/main_slide2_m.jpg");
	}
	.fb2 {
		background-image: url("../img/main_slide3_m.jpg");
	}
	.fb-step {
		top: 50%;
		left: 50%;
	}
	.fb-heading-em {
		margin-top: -195px;
		margin-left: -161px;
	}
	.fb-heading {
		margin-top: -163px;
		margin-left: -165px;
	}
	.fb-heading > .custom-block {
		display: inline;
		line-height: 1;
	}
	.fb-sec-bar {
		margin-top: -121px;
		margin-left: -159px;
	}
	.fb-des { 
		margin-top: -115px;
		margin-left: -160px;
	}
	.particleground {
		width: 300px;
		height: 300px;
		top: 50%;
		margin-top: -80px;
	}
	/*
	.fb1 .particleground,
	.fb2 .particleground {
		top: auto;
		bottom: 0;
		left: 30px;
	}
	*/
	
}/* width 768px 이하 */

@media screen and (max-width: 580px) {

	.fb-heading-em {
		margin-top: -191px;
		font-size: 2.3em;
	}
	.fb-heading {
		font-size: 2.1em;
	}
	
}/* width 768px 이하 */

@media screen and (max-width: 480px) {

	.fb-item {
		background-image: url("../img/main_slide1_s.jpg");
	}
	.fb1 {
		background-image: url("../img/main_slide2_s.jpg");
	}
	.fb2 {
		background-image: url("../img/main_slide3_s.jpg");
	}

	.fb-heading-em {
		margin-top: -186px;
		margin-left: -157px;
		font-size: 2em;
	}
	.fb-heading {
		margin-left: -157px;
		font-size: 1.8em;
	}
	.fb-heading > .custom-block {
		display: block;
		line-height: 1.2;
	}
	.fb-sec-bar {
		margin-top: -115px;
		margin-left: -154px;
	}
	.fb-des {
		margin-top: -100px;
		margin-left: -156px;
		font-size: 1.5em;
	}
	
}/* width 480px 이하 */