/* 페이지 레이아웃 */
.cpage{
	clear:both;position:relative;overflow:visible;
	width:100%;height:auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
/* 페이드 슬라이더 */
.fadeSlider{
	position:relative;
	height:100%;
}
.fadeSlider li{
	display:none;
	position:absolute;left:0;top:0;z-index:1;
	height:100%;width:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
/* 가변높이 슬라이더 */
.autoHslider{
	font-size:0px;
	white-space:nowrap;word-break:break-all;
}
.autoHslider li{
	display:inline-block !important;position:static !important;
	white-space:normal;word-break:normal;
	vertical-align:top;margin-left:-100%;
	width:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.autoHslider li:first-child{margin-left:0;}
/* 슬라이더 */
.widthSlider{
	width:100%;height:100%;
	font-size:0px;
	white-space:nowrap;word-break:break-all;
}
.widthSlider li{
	white-space:normal;word-break:normal;
	position:relative;
	display:inline-block;*display:inline;_display:inline;
	width:100%;height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
/* 중앙에 오게 하는데 내용 넘치면 scroll (dl,dt) */
.tableCssScroll{
	overflow:auto;
	position:fixed; z-index:1010;
	width:100%;height:100%;
}
.tableCss{
	display:table;
	width:100%;height:100%;
}
.tableCss dt{
	display:table-cell;vertical-align:middle;text-align:center;
	width:100%;height:100%;
}
/* 이미지 로더를 위한것. */
.loader{
	width:100%;height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	transform-origin: 50% 50%; 
}
/* 애니메이션 주기 */
.cpage .TRAN{
	opacity:0;transition:all 0.7s;
	transition-property:transform, opacity;
}
.ANI .TRAN{
	transform:translateX(0px) translateY(0px) scale(1) !important;
	opacity: 1.0 !important;
}
/* 위치잡기 */
.cpage .Valign{top:0;bottom:0;position:absolute;z-index:5;margin-top:auto;margin-bottom:auto;}
.cpage .Halign{left:0;right:0;position:absolute;z-index:5;margin-left:auto;margin-right:auto;}
.cpage .float{position:absolute;z-index:5;}







	@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200');
	.boxBtn{
		display:inline-block;
		min-width:142px;height:45px;line-height:43px;
		font-size:12px;color:#a0a0a0;text-align:center;
		border:1px solid #a0a0a0;
		transition:background-color 0.3s, color 0.3s;
	}
	.boxBtn:hover{
		background:#dfb99a;color:#fff;
		border-color:transparent;
	}
	/******************************************************************/
	#firstSlider ul{
		overflow:hidden;
	}
	#firstSlider #firstPin{
		position:absolute;z-index:5;
		left:0;top:0;
		width:100%;height:100%;
	}
	#firstSlider .sideTxtL,
	#firstSlider .sideTxtR{
		position:absolute;
		top:0;bottom:0;
		margin:auto 0px;
	}
	#firstSlider .sideTxtL{left:30px;}
	#firstSlider .sideTxtR{right:30px;}
	#firstSlider .scrollMark{
		position:absolute;left:0;right:0;bottom:0;
		margin:0 auto 5% auto;
	}
	/* 화살표 */
	#firstSlider .arrowL,
	#firstSlider .arrowR{
		display:block;
		position:absolute;z-index:30;
		top:0;bottom:0;
		margin:auto -28px;
		width:56px;height:56px;border-radius:150px;
		border:1px solid rgba(255,255,255,0.8);
		background-position:center;background-repeat:no-repeat;
	}
	#firstSlider .arrowL:hover,
	#firstSlider .arrowR:hover{
		animation: firstSliderArrow 0.5s linear 0s 1 alternate both;
		border:none;
	}
	@keyframes firstSliderArrow{
		0%	{width:100px;height:100px;margin:auto -50px;background-color:rgba(223,185,154,0.0);}
		20%	{width:130px;height:130px;margin:auto -65px;background-color:rgba(223,185,154,0.8)}
		80%	{width:60px;height:60px;margin:auto -30px;background-color:rgba(223,185,154,0.8)}
		100%{width:80px;height:80px;margin:auto -40px;background-color:rgba(223,185,154,0.8)}
	}
	#firstSlider .arrowL{left:90px;background-image:url(../images/arrowL.png);}
	#firstSlider .arrowR{right:90px;background-image:url(../images/arrowR.png);}
	/* 페이지 */
	#firstSlider .pagings{
		position:absolute;
		right:30px;bottom:0;margin-bottom:5%;
	}
	#firstSlider .pagings .playNstop{
		display:inline-block;vertical-align:middle;
		width:20px;height:15px;
		background:url(../images/playNstop.png) no-repeat left top;
	}
	#firstSlider .pagings .playNstop:hover{background-position:left -15px;}
	#firstSlider .pagings .playNstop.STOP{background-position:-20px top;}
	#firstSlider .pagings .playNstop.STOP:hover{background-position:-20px -15px;}
	#firstSlider .pagings a{
		display:inline-block;vertical-align:middle;
		width:12px;height:12px;border-radius:6px;
		margin:0 4px;
		background:#d3d3d3;
		transition:width 0.3s;
	}
	#firstSlider .pagings a.sel{
		width:32px;background:#dfb99a;
	}
	/* 슬로건 */
	#firstSlider .sloganWrap{
		position:absolute;top:50%;transform:translateY(-50%);
		width:100%;
		color:#fff;text-align:center;
		text-shadow:0px 0px 21px rgba(0,0,0,0.4);
	}
	#firstSlider .sloganWrap h5{
		font-size:30px;line-height:30px;
		font-size:1.56vw;line-height:1.56vw;
		font-weight:100;
	}
	#firstSlider .sloganWrap h6{
		font-size:90px;line-height:90px;
		font-size:4.69vw;line-height:4.69vw;
		font-weight:200;
		font-family: 'Titillium Web', sans-serif;
	}
	#firstSlider .sloganWrap .bar{
		margin:1% auto;
		width:1px;padding-top:3%;
		background:#fff;
	}










#infoWrap{
	max-width:1920px;
	padding:5% 20px 0 20px;
	font-size:0;text-align:left;
}
#infoWrap .decoBg{
	position:absolute;z-index:-1;
	right:0;top:0;bottom:0;
	width:67.81%;
	background:#fff7f0;
}
#infoWrap .deco{
	display:inline-block;vertical-align:top;
	width:43.85%;padding-right:2%;
}
#infoWrap .deco img{max-width:100%;}
#infoWrap .infoTxt{
	display:inline-block;vertical-align:top;
	width:49%;max-width:690px;
	text-align:left;font-size:18px;line-height:30px;color:#a3a3a3;
}
#infoWrap h6{
	position:relative;
	display:inline-block;
	font-size:60px;
	line-height:60px;
	font-size:3.13vw;
	line-height:3.13vw;
	font-weight:100;
	color:#ddb79b;
	font-family: 'Titillium Web', sans-serif;
}
#infoWrap h6::after{
	position:absolute;
	left:100%;
	bottom:0;
	content:"";display:block;
	width:270px;height:1px;
	background:#ddb79b;
}
#infoWrap .bigBtn{
	margin-bottom:3%;
	display:block;
	vertical-align:top;
	width:320px;
	height:78px;
	line-height:76px;
	font-family: 'Titillium Web', sans-serif;font-weight:bold;
	font-size:18px;
	background:#ddb79b;
	color:#fff;
	letter-spacing:2px;
	transition:border-color 0.3s, color 0.3s, background-color 0.3s;
}
#infoWrap .bigBtn:hover{
	color:#fff;
	border-color:transparent;
	background:#ddb79b;
	opacity:0.8;
}
#detail img{max-width:100%;}










.sub-slider {
	position:absolute;
	width:40px;
	height:40px;
	margin:0;
	padding:0;
	z-index:9;
}

.sub-slider .circle-arrow {
	width:40px;
	height:40px;
	border-radius:20px;
	border:1px solid #fff;
	text-align:center;
	line-height:45px;
	transition: background-color 0.4s,border-color 0.4s;
}

.sub-slider .circle-icon {
	transition: color 0.4s;
	color:#fff;
	font-size:20px;
	line-height:20px;
}

.sub-slider .circle-arrow:hover {
	cursor:pointer;
	background-color:#333;
	border:1px solid #333;
}


.sub-slider .circle-arrow:hover i.circle-icon {
	color:#fff;
}

.slider-prev {
	left:30px;
	top:50%;
	transform:translateY(-50%);
}

.slider-next {
	right:30px;
	top:50%;
	transform:translateY(-50%);
}