.loadImage {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	overflow:hidden;
	width:1px;
	height:1px;
	opacity:0;
}
.loadImage .img-pct {
	display:block;
}
.loadImage .img-m {
	display:none;
}
@media (max-width:767px) {
	.loadImage .img-pct {
		display:none;
	}
	.loadImage .img-m {
		display:block;
	}
}
.visual-wrap {
	position:relative;
	z-index:1;
	height:100%;
	background-color:#fff;
}
.visual-wrap .view {
	height:100%;
}
.visual-wrap .view>li {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	width:100%;
	height:100%;
}
.visual-wrap .view>li.on {
	visibility:visible;
}
.visual-wrap .view>li.on .text-wrap>* {
	opacity:0;
}
.visual-wrap .view .bg {
	height:100%;
}
.visual-wrap .view .bg div {
	position:absolute;
	overflow:hidden;
	height:100%;
}
.visual-wrap .view .bg div span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	transition:none;
}
.visual-wrap .view .bg div span.animation {
	transition:0.7s all;
}
.visual-wrap .view .bg div:nth-child(1) {
	width:5%;
}
.visual-wrap .view .bg div:nth-child(2) {
	left:5%;
	width:10%;
}
.visual-wrap .view .bg div:nth-child(3) {
	left:15%;
	width:20%;
}
.visual-wrap .view .bg div:nth-child(4) {
	left:35%;
	width:30%;
}
.visual-wrap .view .bg div:nth-child(5) {
	left:65%;
	width:20%;
}
.visual-wrap .view .bg div:nth-child(6) {
	left:85%;
	width:10%;
}
.visual-wrap .view .bg div:nth-child(7) {
	left:95%;
	width:5%;
}
.visual-wrap .view .bg.reverse div {
	left:auto;
}
.visual-wrap .view .bg.reverse div:nth-child(1) {
	right:95%;
}
.visual-wrap .view .bg.reverse div:nth-child(2) {
	right:85%;
}
.visual-wrap .view .bg.reverse div:nth-child(3) {
	right:65%;
}
.visual-wrap .view .bg.reverse div:nth-child(4) {
	right:35%;
}
.visual-wrap .view .bg.reverse div:nth-child(5) {
	right:15%;
}
.visual-wrap .view .bg.reverse div:nth-child(6) {
	right:5%;
}
.visual-wrap .view .bg.reverse div:nth-child(7) {
	right:0;
}
.visual-wrap .view .bg[data-dir="left"] div span {
	transform-origin:left 0;
}
.visual-wrap .view .bg[data-dir="right"] div span {
	transform-origin:right 0;
}
.visual-wrap .text-wrap {
	position:absolute;
	z-index:2;
	top:50%;
	left:22%;
	transform:translate(-22%,-50%);
	white-space:nowrap;
	color:#212121;
}
.visual-wrap .text-wrap em {
	font-family:"KoPubWorldBatang";
	font-size:2.625rem;
	font-weight:300;
	display:block;
	line-height:3.938rem;
}
.visual-wrap .text-wrap p {
	font-family:"KoPubWorldBatang";
	font-size:2.625rem;
	font-weight:700;
	display:block;
	position:relative;
	left:-5px;
}
.visual-wrap .text-wrap p span {
	color:#6d8241;
}
.visual-wrap .info-wrap {
	position:absolute;
	z-index:10;
	bottom:0;
	right:0;
	box-sizing:border-box;
	width:50%;
	height:90px;
	/* padding-left:9.5%;*/
}
.visual-wrap .info-wrap .inner {
	height:90px;
	background-color:rgba(0,0,0,0.2);
}
.visual-wrap .info-wrap .text {
	float:left;
	height:100%;
	padding-left:50px;
}
.visual-wrap .info-wrap .text li {
	font-size:16px;
	font-weight:400;
	line-height:90px;
	display:none;
	letter-spacing:-0.3px;
	color:#fff;
}
.visual-wrap .info-wrap .text li.on {
	display:block;
}
.visual-wrap .info-wrap .text li[data-type="en"] {
	font-family:"Titillium Web";
	font-weight:400;
	letter-spacing:1px;
	text-transform:uppercase;
}
.visual-wrap .info-wrap .count {
	position:absolute;
	top:50%;
	left:95%;
	transform:translate(-95%,-50%);
}
.visual-wrap .info-wrap .count span {
	font-family:"Titillium Web";
	font-size:16px;
	font-weight:400;
	color:#fff;
}
.visual-wrap .info-wrap .count span.total:before {
	content:"/ ";
}
.visual-wrap .info-wrap .control {
	font-size:0;
	line-height:90px;
	float:right;
	padding-right:10%;
}
.visual-wrap .info-wrap .control .btn-direction {
	width:20px;
	height:15px;
	vertical-align:middle;
	background:url("../../images/spr-common.png") -149px -165px no-repeat;
}
.visual-wrap .info-wrap .control .btn-direction.next {
	background-position:-149px -180px;
}
.visual-wrap .info-wrap .control .circleSvg {
	position:relative;
	display:inline-block;
	width:44px;
	height:44px;
	margin:0 16px;
	vertical-align:middle;
	border:1px solid rgba(255,255,255,0.2);
	border-radius:22px;
}
.visual-wrap .info-wrap .control .circleSvg svg {
	position:absolute;
	left:0;
	top:0;
	overflow:visible;
	transform:rotate(-90deg);
	fill:none;
	stroke:#fff;
}
.visual-wrap .info-wrap .control .circleSvg svg circle {
	transform-origin:center;
	stroke:#fff;
	stroke-dasharray:314;
	stroke-dashoffset:314;
	stroke-width:4px;
}
.visual-wrap .info-wrap .control .circleSvg .play {
	position:absolute;
	top:17px;
	left:17px;
	width:10px;
	height:10px;
	background:url(../../images/spr-common.png) -200px -165px no-repeat;
}
.visual-wrap .info-wrap .control .circleSvg .play.pause {
	background-position:-200px -174px;
}
@media (max-width:1023px) {
	.visual-wrap {
		width:100%;
	}
	.visual-wrap .text-wrap {
		width:85%;
	}
	.visual-wrap .text-wrap span {
		font-size:3.125rem;
		line-height:65px;
		left:0;
	}
	.visual-wrap .info-wrap {
		padding-left:0;
		width:100%;
		height:55px;
	}
	.visual-wrap .info-wrap .inner {
		height:55px;
	}
	.visual-wrap .info-wrap .text {
		padding-left:25px;
	}
	.visual-wrap .info-wrap .text li {
		line-height:55px;
		font-size:12px;
	}
	.visual-wrap .info-wrap .count {
		display:none;
	}
	.visual-wrap .info-wrap .control {
		line-height:55px;
		padding-right:25px;
	}
	.visual-wrap .view>li:before {
		content:"";
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		z-index:1;
	}
}
@media (max-width:767px) {
	.visual-wrap .text-wrap {
		white-space:normal;
		width:90%;
		left:25px;
		transform:translate(0,-50%);
	}
	/* .visual-wrap .text-wrap br{display: none;}*/
	.visual-wrap .text-wrap span {
		font-size:30px;
		line-height:38px;
		margin-top:20px;
		word-break:keep-all !important;
		left: 0;
	}
}