@charset "utf-8";

@keyframes z {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px;
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px;
	}

	100% {
		background-position: 500px 1000px, 200px 400px, -100px 300px;
	}
}

@-webkit-keyframes z {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px;
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px;
	}

	100% {
		background-position: 500px 1000px, 2117800px 400px, -100px 300px;
	}
}




.s {
	background-image: url('../images/s1.png'), url('../images/s2.png'), url('../images/s3.png');
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 90;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation: z 10s linear infinite;
	animation: z 10s linear infinite;
	background-color: rgba(0, 0, 0, 1);
	opacity: .5
}

#snoWin {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	opacity: .5
}

.ie9 .s {
	display: none;
}

.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-filter: gray;
	        filter: gray
}

.grayscale.grayscale-fade {
	-webkit-transition: -webkit-filter .5s;
	transition: -webkit-filter .5s;
	transition: filter .5s;
	transition: filter .5s, -webkit-filter .5s
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.grayscale.grayscale-fade {
		-webkit-transition: -webkit-filter .5s;
		transition: -webkit-filter .5s
	}
}

.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}

.grayscale.grayscale-replaced {
	-webkit-filter: none;
	filter: none
}

.grayscale.grayscale-replaced>svg {
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	opacity: 1
}

.grayscale.grayscale-replaced.grayscale-fade:hover>svg,
.grayscale.grayscale-replaced.grayscale-off>svg {
	opacity: 0
}

.m_line {
	position: absolute;
	top: 0;
	z-index: 100;
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, .4)
}

.m_line.pos1 {
	left: 20%;
}

.m_line.pos2 {
	left: 40%;
}

.m_line.pos3 {
	left: 60%;
}

.m_line.pos4 {
	left: 80%;
}

.main_vis_text_box {
	position: absolute;
	left: 0%;
	top: 50%;
	z-index: 110;
	width: 100%;
	margin-top: -70px;
	text-align: center;
	color: #fff;
}

.main_vis_text_box .ico_house {
	display: none;
	width: 100px;
	margin: 0 auto 20px auto;
	opacity: .8;
}

.main_vis_text_box .ico_house img {
	width: 100%;
}

.main_vis_text_box .ico_mouse {
	display: inline-block;
	padding-top: 20px;
	margin: 0 auto 0 auto;
	text-align: center;
}

.main_vis_text_box .ico_mouse img {
	width: 50px;
}

.main .main_vis_text_box h2 {
	font-size: 74px;
}

.main_vis_text_box h2 {
	position: relative;
	font-size: 74px;
	font-family: 'eng6'
}

/* .wrap.sub .main_vis_text_box h2:after {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	display: block;
	width: 500px;
	height: 500px;
	margin: -250px 0 0 -250px;
	content: '';
	background: rgba(255, 255, 255, .2);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
} */

.main_vis_text_box .line {
	position: relative;
	top: 30px;
	width: 1px;
	height: 50px;
	margin: 0 auto 20px auto;
	background: #fff;
	content: '';
}

.main_vis_text_box p {
	padding-top: 0px;
	font-family: 'eng6';
	font-size: 40px;
}

.main_vis_text_box .scroll_text {
	display: block;
	text-align: center;
	padding-top: 0px;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounce {

	from,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {

	from,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {

	from,
	50%,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	from,
	50%,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {

	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {

	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	from {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes wobble {
	from {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes jello {

	from,
	11.1%,
	to {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
	}
}

@keyframes jello {

	from,
	11.1%,
	to {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes bounceIn {

	from,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {

	from,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

.you_tt_wrap {
	position: fixed;
	left: 50%;
	top: 0;
	display: none;
	width: 68%;
	height: 100%;
	margin-left: -34%;
	z-index: 4000;
}

.you_tt_wrap .dim {
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, .9)
}

.you_tt_wrap .tb_box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.you_tt_wrap .tb_row {
	display: table;
	width: 100%;
	height: 100%;
}

.you_tt_wrap .tb_cell {
	display: table-cell;
	vertical-align: middle;
}

.youtube_mainplay {
	position: relative;
	padding-bottom: 56.2%;
	height: 0;
	overflow: hidden;
}

.youtube_mainplay .grid_line {
	position: absolute;
	z-index: 10;
	background: rgba(255, 255, 255, .4)
}

.youtube_mainplay .grid_line.top {
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: 1px;
}

.youtube_mainplay .grid_line.bottom {
	bottom: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: 1px;
}

.youtube_mainplay .grid_line.left {
	left: 10px;
	top: 10px;
	width: 1px;
	height: calc(100% - 20px);
}

.youtube_mainplay .grid_line.right {
	right: 10px;
	top: 10px;
	width: 1px;
	height: calc(100% - 20px);
}

.youtube_mainplay .close_youtube_tt {
	position: absolute;
	right: 11px;
	top: 11px;
	display: inline-block;
	color: #333;
	font-size: 14px;
	font-family: 'swebR';
	padding: 10px 15px;
	z-index: 1000;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(255, 255, 255, .7);
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	line-height: 1;
}

.youtube_mainplay .close_youtube_tt:hover {
	text-decoration: none;
	padding: 10px 30px;
}

.youtube_mainplay iframe,
.youtube_mainplay object,
.youtube_mainplay embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

html.fp-enabled,
.fp-enabled body {
	margin: 0;
	padding: 0;
	overflow: hidden;

	/*Avoid flicker on slides transitions for mobile phones #336 */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-slide {
	float: left;
}

.fp-slide,
.fp-slidesContainer {
	height: 100%;
	display: block;
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	/* Safari<=6 Android<=4.3 */
	transition: all 0.3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.fp-slidesContainer {
	float: left;
	position: relative;
}

.fp-controlArrow {
	-webkit-user-select: none;
	/* webkit (safari, chrome) browsers */
	-moz-user-select: none;
	/* mozilla browsers */
	-khtml-user-select: none;
	/* webkit (konqueror) browsers */
	-ms-user-select: none;
	/* IE10+ */
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
	overflow: hidden;
	position: relative;
}

.fp-scroller {
	overflow: hidden;
}

.iScrollIndicator {
	border: 0 !important;
}

.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

#sw-nav {
	position: fixed;
	z-index: 600;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
}

#sw-nav.right {
	right: 17px;
}

#sw-nav.left {
	right: 17px;
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0 !important;
	right: 0;
	margin: 0 auto !important;
}

.fp-slidesNav.bottom {
	bottom: 17px;
}

.fp-slidesNav.top {
	top: 17px;
}

#sw-nav ul,
.fp-slidesNav ul {
	margin: 0;
	padding: 0;
}

#sw-nav ul li,
.fp-slidesNav ul li {
	display: block;
	width: 50px;
	height: 13px;
	margin: 3px 7px;
	position: relative;
}

.fp-slidesNav ul li {
	display: inline-block;
}

#sw-nav ul li a,
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

#sw-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#sw-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%;
}

#sw-nav ul li a span,
.fp-slidesNav ul li a span {
	position: absolute;
	z-index: 1;
	height: 3px;
	width: 50px;
	border: 0;
	background: #fafafa;
	left: 0;
	top: 50%;
	margin: -4px 0 0 -4px;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#sw-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0px 0px -5px;
}

#sw-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer;
}

#sw-nav ul li:hover .fp-tooltip,
#sw-nav.fp-show-active a.active+.fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}

#sw-nav ul li .fp-tooltip.right {
	right: 20px;
}

#sw-nav ul li .fp-tooltip.left {
	left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
	height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
	height: auto !important;
}

.down_arrowc {
	position: relative;
	display: inline-block;
	height: 100px;
	margin-top: 20px;
	z-index: 20;
	animation-name: downscroll;
	animation-duration: .5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation-name: downscroll;
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-moz-animation-name: downscroll;
	-moz-animation-duration: .5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-o-animation-name: downscroll;
	-o-animation-duration: .5s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	-ms-animation-name: downscroll;
	-ms-animation-duration: .5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: alternate;
	cursor: pointer;
	color: #fff;
}

.down_arrowc i {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 30px;
	margin-left: -15px;
	font-size: 30px;
	color: #fff;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
	display: block;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden;
	/* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

/* No Js */
.no-js .owl-carousel {
	display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 100ms ease;
	transition: -webkit-transform 100ms ease;
	transition: transform 100ms ease;
	transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3, 1.3);
	        transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
	margin-top: 30px
}

.owl-theme .owl-nav [class*=owl-] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: #555;
	color: #FFF;
	text-decoration: none
}

.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	margin: 5px 7px;
	border: 1px solid #888;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #869791
}

.goto {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	z-index: 500;
	margin: auto;
	margin-top: -50px;
	text-align: center;
	width: 100%;
	height: 50px;
}

.top_fix {
	position: fixed;
	right: 0;
	bottom: 40px;
	z-index: 1501;
	visibility: hidden;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #ddd;
	color: #333;
	text-align: center;
	opacity: 0;
	font-size: 10px;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.top_fix a {
	display: block;
}

.top_fix .menu_wrap {
	position: absolute;
	top: 0px;
	right: 40px;
	z-index: 1100;
	width: 40px;
	height: 40px;
}

.top_fix .nav_btn.active span.one {
	transform: translate3d(0, 6px, 0) rotate(225deg);
	-webkit-transform: translate3d(0, 6px, 0) rotate(225deg);
	-moz-transform: translate3d(0, 6px, 0) rotate(225deg);
	-o-transform: translate3d(0, 6px, 0) rotate(225deg);
	-ms-transform: translate(0, 6px) rotate(225deg);
}

.top_fix .nav_btn.active span.two {
	opacity: 0;
	transform: translate3d(0, 150px, 0) rotate(-720deg);
	-webkit-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-moz-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-o-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-ms-transform: translate3d(0, 150px, 0) rotate(-720deg);
}

.top_fix .nav_btn.active span.three {
	transform: translate3d(0, -8px, 0) rotate(-225deg);
	-webkit-transform: translate3d(0, -8px, 0) rotate(-225deg);
	-moz-transform: translate3d(0, -8px, 0) rotate(-225deg);
	-o-transform: translate3d(0, -8px, 0) rotate(-225deg);
	-ms-transform: translate(0, -8px) rotate(-225deg);
}

.top_fix .nav_btn span {
	position: absolute;
	left: 11px;
	top: 15px;
	display: block;
	width: 18px;
	height: 2px;
	background: #333;
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.top_fix .nav_btn span.two {
	top: 22px;
}

.top_fix .nav_btn span.three {
	top: 29px;
}

.top_fix .menu_wrap a {
	position: absolute;
	top: 0px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #f2f0f0;
}

.top_fix .menu_wrap a.bottom_telephone {
	display: none;
	right: -40px;
	left: auto;
	top: -100%;
}

html.roomview .top_fix .menu_wrap {
	display: none
}

html.roomlist .top_fix {
	display: none;
}

.top_fix.fix {
	visibility: visible;
	opacity: 1
}

.goto .button {
	font-size: 30px;
	font-family: 'swebR', cursive;
	padding: 10px;
	text-transform: none;
}

#togglePlay {
	position: relative;
	margin-top: 20px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 30px;
	width: 100px;
	height: 100px;
	line-height: 70px;
	border-radius: 100%;
	outline-width: 0;
	cursor: pointer;
}

#togglePlay.pause {
	background-color: transparent;
	color: #333;
}

#togglePlay.pause:after {
	content: "\f04c"
}

#togglePlay.play:after {
	content: "\f04b"
}

#togglePlay.pause:hover {
	background-color: #fff;
	color: #333;
}

#togglePlay.play {
	background-color: #fff;
	color: #333;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

#togglePlay.play:hover {
	background-color: rgb(0, 0, 0);
	color: #fff;
}

.scroll_controler {
	position: absolute;
	padding-bottom: 80px;
	z-index: 201;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ba-card {}

.ba-card::after {
	clear: both;
	content: "";
	display: block;
}

.ba-card img {
	width: 100%;
	height: auto;
}

.sitemap_menu .dim {
	display: none;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}


@media screen and (min-width: 768px) {}

.advertising {
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 300;
	line-height: 1.5;
	font-size: 14px;
	text-align: center;
	color: #999;
}

.advertising::after {
	clear: both;
	content: "";
	display: block;
}

@media screen and (min-width: 1200px) {
	.advertising {
		max-width: 50%;
		margin-left: auto;
		margin-right: auto;
	}

	.advertising::after {
		clear: both;
		content: "";
		display: block;
	}
}

.advertising a {
	text-decoration: none;
}

.advertising a:link,
.advertising a:visited {
	color: #666;
}

.advertising a:hover,
.advertising a:focus {
	border-bottom: 1px solid #666;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
	content: " ";
	display: block;
	background: white;
	position: absolute;
	z-index: 30;
	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
	width: 3px;
	height: 9999px;
	left: 50%;
	margin-left: -1.5px;
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
	width: 9999px;
	height: 3px;
	top: 50%;
	margin-top: -1.5px;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
	color: white;
	font-size: 13px;
	letter-spacing: 0.1em;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
	position: absolute;
	background: rgba(255, 255, 255, 0.2);
	line-height: 38px;
	padding: 0 20px;
	border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
	top: 50%;
	margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
	left: 50%;
	margin-left: -45px;
	text-align: center;
	width: 90px;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
	width: 0;
	height: 0;
	border: 6px inset transparent;
	position: absolute;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
	top: 50%;
	margin-top: -6px;
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
	left: 50%;
	margin-left: -6px;
}

.twentytwenty-container {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 0;
	overflow: hidden;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.twentytwenty-container img {
	max-width: 100%;
	position: absolute;
	top: 0;
	display: block;
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
	background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
	opacity: 0;
}

.twentytwenty-container * {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.twentytwenty-before-label {
	opacity: 0;
}

.twentytwenty-before-label:before {
	content: "Before";
}

.twentytwenty-after-label {
	opacity: 0;
}

.twentytwenty-after-label:before {
	content: "After";
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
	left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
	right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
	top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
	bottom: 10px;
}

.twentytwenty-overlay {
	-webkit-transition-property: background;
	transition-property: background;
	background: rgba(0, 0, 0, 0);
	z-index: 25;
}

.twentytwenty-overlay:hover {
	background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
	opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
	opacity: 1;
}

.twentytwenty-before {
	z-index: 20;
}

.twentytwenty-after {
	z-index: 10;
}

.twentytwenty-handle {
	height: 38px;
	width: 38px;
	background-color: #333;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	border: 3px solid white;
	border-radius: 1000px;
	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	z-index: 40;
	cursor: pointer;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
	bottom: 50%;
	margin-bottom: 22px;
	-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
	top: 50%;
	margin-top: 22px;
	-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
	left: 50%;
	margin-left: 22px;
}

.twentytwenty-vertical .twentytwenty-handle:after {
	right: 50%;
	margin-right: 22px;

}

.twentytwenty-left-arrow {
	border-right: 6px solid white;
	left: 50%;
	margin-left: -17px;
}

.twentytwenty-right-arrow {
	border-left: 6px solid white;
	right: 50%;
	margin-right: -17px;
}

.twentytwenty-up-arrow {
	border-bottom: 6px solid white;
	top: 50%;
	margin-top: -17px;
}

.twentytwenty-down-arrow {
	border-top: 6px solid white;
	bottom: 50%;
	margin-bottom: -17px;
}

.owl-theme .owl-nav [class*=owl-] {
	position: relative;
	display: inline-block;
	background: #333;
	font-size: 12px;
	width: 40px;
	height: 40px;
	line-height: 32px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
}

.owl-theme .owl-nav .owl-prev:after {
	content: "\f104";
}

.owl-theme .owl-nav .owl-next:before {
	content: "\f105";
}

.owl-theme .owl-nav .owl-next:hover,
.sec-gallery .article-gallery01 .owl-theme .owl-nav .owl-prev:hover {
	background: #555;
}

.pop_event {
	display: none;
}

.article-main03 .list li a figure {
	opacity: 0;
}

.sec-banner01 .owl-theme .owl-nav {
	margin: 0;
	width: 100%;
}

.sec-banner01 .owl-theme .owl-nav [class*=owl-] {
	position: absolute;
}

.sec-banner01 .owl-theme .owl-nav .owl-prev {
	top: 50%;
	left: 0px;
	margin-top: -20px;
}

.sec-banner01 .owl-theme .owl-nav .owl-next {
	top: 50%;
	right: 0px;
	margin-top: -20px;
}

.mobile .article-main03 .list li a figure {
	opacity: 1;
}

.ie9 .article-main03 .list li a figure {
	opacity: 1;
}

.article-main03.s-web .list li a figure {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.article-main03.s-web .list li.two a figure {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.article-gallery01 .grid-item {
	opacity: 0;
}

.mobile .article-gallery01 .grid-item {
	opacity: 1;
}

.ie9 .article-gallery01 .grid-item {
	opacity: 1;
}

.article-gallery01.s-web .grid-item {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.article-gallery01.s-web .grid-item.two {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.mobile .com_tit02 {
	opacity: 1;
	animation-name: none !important;
	-webkit-animation-name: none !important;
	-moz-animation-name: none !important;
	-o-animation-name: none !important;
	-ms-animation-name: none !important;
}

.ie9 .com_tit02 {
	opacity: 1;
}

.s-web .com_tit02 {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

#base-mask {
	opacity: 0;
}

body.is-fix {
	overflow: hidden;
}

.visual_wrap {
	position: relative;
}

.web-box .visual {
	position: relative;
	z-index: 600;
	overflow: hidden;
	height: 750px;
}

.web-box .visual svg {
	height: 100%;
}

.web-box .visual rect {
	height: 100%;
}

.vis_img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.vis_img img {
	width: 100%;
}

.logo_text {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 510;
	width: 200px;
	margin: -100px 0 0 -100px;
	font-size: 0;
	opacity: 0;
}

.web-box .visual svg {
	position: relative;
	z-index: 500;
}


.sec-subvis svg {
	height: 100%;
}

.sec-subvis rect {
	height: 100%;
}

.sec-subvis svg {
	position: relative;
	z-index: 500;
}

.web-box #base-mask {
	opacity: 1;
	fill: #000;
	fill-opacity: .5;
}

#sl-g,
#sl-v,
#sl-z {
	opacity: 0;
}

#sl-x {
	height: 200px;
}

/*#bar_sg {transform:translate(600px, -800px) rotate(20deg);}*/
#latest_notice {
	position: relative;
	padding: 0 50px;
}

#latest_notice {
	height: 100%;
}

#latest_notice .owl-item {
	text-align: center;
}

#latest_notice .owl-item li a:after {
	clear: both;
	display: block;
	content: '';
}

#latest_notice .owl-item li a strong {
	float: left;
	padding: 0 20px;
	font-family: 'swebM';
	font-size: 12px;
	color: #333;
	vertical-align: middle;
}

#latest_notice .owl-item li a span {
	float: left;
	font-size: 14px;
	color: #333;
}

#latest_notice .owl-item li a {
	display: inline-block;
	line-height: 40px;
	font-family: 'swebR';
}

#latest_notice .owl-item li a:hover {
	text-decoration: none;
}

#latest_notice .owl-nav .owl-prev {
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #333;
	background: none;
	font-size: 20px;
}

#latest_notice .owl-nav .owl-next {
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #333;
	background: none;
	font-size: 20px;
}

#latest_notice .owl-nav {
	position: absolute;
	top: 2px;
	right: 0;
	margin-top: 0;
}

.wrap {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.container {
	position: relative;
	z-index: 500;
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 auto;
}

/*.container.fix {padding-top:80px;}*/
.header_wrap {
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.header_wrap.active:after {
	position: fixed;
	left: 0;
	top: 0px;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(12, 55, 75, .9)
}

.header_wrap.fix {
	top: 0;
	left: 0;
	width: 100%;
	margin-left: 0;
	background: rgba(45, 45, 45, 0.1);
}

.header_wrap.fix {
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.header_wrap.nav-hide {
	background: none;
}
.header_wrap.nav-hide .nav_list {
	display: none;
}
/* .header_wrap.fix .header {
	height: 70px
}

.header_wrap.fix .header:before {
	top: 70px;
} */

/* .header_wrap.fix .header .list>li>a {
	padding: 25px 0;
} */

/* .header_wrap.fix .header .list>li .list_2dept {
	top: 70px;
} */

.header_wrap.fix .header .list>li>a {
	color: #fff;
}

/* .header_wrap.fix.active .header .list>li>a {
	color: #333;
} */

.header_wrap.fix .header .list>li>a:before {
	background: #333;
}

.header_wrap.fix_two .header {
	width: 100%;
	background: rgba(0, 0, 0, .1);
}

.header_wrap.fix_two.active .header {
	/* background: rgba(255, 255, 255, 1); */
}

/* .header_wrap.fix.active {
	width: 100%;
	left: 0;
	margin-left: 0;
	background: #fff;
} */

/* .header_wrap.fix .header .logo {
	top: 7px;
} */

/* .header_wrap.fix .header .list>li:before {
	top: 30px;
} */

/* .header_wrap.fix .jys_sns {
	top: 20px;
} */

/* .header_wrap.fix .header a.all_menu {
	top: 0;
} */

.header_wrap.sub {
	top: 0;
	left: 0;
	width: 100%;
	margin-left: 0;
	background: rgba(45, 45, 45, 0.1);
}

.header_wrap.sub {
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.header_wrap.sub .header {
	height: 70px
}

.header_wrap.sub .header:before {
	top: 70px;
}

.header_wrap.sub .header .list>li>a {
	padding: 25px 0;
}

.header_wrap.sub .header .list>li .list_2dept {
	top: 70px;
}

.header_wrap.sub .header .list>li>a {
	color: #fff;
}

.header_wrap.sub.active .header .list>li>a {
	color: #333;
}

.header_wrap.sub .header .list>li>a:before {
	background: #333;
}

.header_wrap.fix_two .header {
	width: 100%;
	background: rgba(0, 0, 0, .1);
}

.header_wrap.fix_two.active .header {
	/* background: rgba(255, 255, 255, 1); */
}

.header_wrap.sub.active {
	width: 100%;
	left: 0;
	margin-left: 0;
	background: #fff;
}

.header_wrap.sub .header .logo {
	top: 13px;
}

.header_wrap.sub .header .list>li:before {
	top: 30px;
}

.header_wrap.sub .jys_sns {
	top: 20px;
}

.header_wrap.sub .header a.all_menu {
	top: 0;
}



.header_wrap {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1700;
	width: 100%;
	background: rgba(255, 255, 255, 0.1);
	/* border: 1px solid #fff; */
	border-left: 0;
	border-right: 0;
}

.header_wrap.sub {
	background: rgba(0, 0, 0, .5);
}

.header_wrap .logo_wrap {
	height: 170px;
	text-align: center;
}

.header_wrap .logo_wrap a {
	display: block;
	padding-top: 40px;
	font-size: 37px;
	font-family: 'swebeB';
}

.header_wrap .logo_wrap a:hover {
	text-decoration: none;
}

.header_wrap .logo_wrap a em {
	color: #e98299;
}

.header_wrap .logo_wrap a em+em {
	color: #91aae4;
}

.header_wrap .logo_wrap a em+em+em {
	color: #ffcb4d;
}

.header_wrap .logo_wrap p {
	padding-top: 5px;
	color: #8a8a8a;
	font-size: 17px;
}

.header_wrap .notice {
	overflow: hidden;
	width: 100%;
	height: 40px;
	background: #fff;
}

.header_wrap .notice:after {
	clear: both;
	display: block;
	content: '';
}

.header {
	position: relative;
	z-index: 1710;
	max-width: 1920px;
	width: 100%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	transition: width .5s, background .5s, height .5s;
	-webkit-transition: width .5s, background .5s, height .5s;
	-moz-transition: width .5s, height .5s, background .5s;
	-o-transition: width .5s, height .5s, background .5s;
	-ms-transition: width .5s, height .5s, background .5s;
}

/* .header:before {
	position: absolute;
	left: 0;
	top: 99px;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .5);
	border-top: 1px solid rgba(81, 81, 81, .35);
	border-bottom: 1px solid rgba(0, 0, 0, .35);
	content: '';
} */

/* .header_wrap.active .header:before {
	display: block;
} */

.header:after {
	clear: both;
	display: block;
	content: '';
}

.header_wrap.active .list>li a {
	color: #333;
}

.header_wrap.active a.all_menu span {
	background: #333;
}

.header_wrap.sub {}

.header .logo {
	position: absolute;
	left: 20px;
	top: 24px;
}

.header .logo .logo_a {}

/* .header .logo .logo_b {
	display: none;
} */

/*.header_wrap.fix .header .logo .logo_a {display:none;}
.header_wrap.fix .header .logo .logo_b {display:block;}*/
.header_wrap.none {
	transform: translateY(-150%);
	-webkit-transform: translateY(-150%);
	-moz-transform: translateY(-150%);
	-o-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
}

.none2 .header_wrap {
	transform: translateY(-300%);
	-webkit-transform: translateY(-300%);
	-moz-transform: translateY(-300%);
	-o-transform: translateY(-300%);
	-ms-transform: translateY(-300%);
}

.none2 .quick_box {
	transform: translateY(101%);
	-webkit-transform: translateY(101%);
	-moz-transform: translateY(101%);
	-o-transform: translateY(101%);
	-ms-transform: translateY(101%);
}

/* .header_wrap.active .header .logo .logo_a {
	display: none;
}

.header_wrap.active .header .logo .logo_b {
	display: block;
} */

.header .logo figure {
	width: 140px;
}

/* html.sub .header .logo figure {
	width: 110px;
} */

.header .logo figure img {
	width: 100%;
	font-size: 0;
}

.header .logo figure a {
	display: block;
}

.header .gnb_boxwrap {
	position: relative;
	display: inline-block;
	margin: 0 auto;
}

.header .gnb_boxwrap .coffee_img01 {
	position: absolute;
	top: 260px;
	right: 0;
	opacity: 0;
	width: 90%;
	transform: translateX(60%);
	-webkit-transform: translateX(60%);
	-moz-transform: translateX(60%);
	-o-transform: translateX(60%);
	-ms-transform: translateX(60%);
	font-size: 25px;
	color: #333;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.header .gnb_boxwrap .left_t_box {
	position: fixed;
	left: 0;
	top: 7px;
	visibility: hidden;
}

.header_wrap.active .header .gnb_boxwrap .left_t_box {
	visibility: visible;
}

.header .gnb_boxwrap .right_tbox {
	visibility: hidden;
}

.header_wrap.active .header .gnb_boxwrap .right_tbox {
	visibility: visible;
}


.header .gnb_boxwrap .coffee_img01.active {
	opacity: 1;
	transform: translateX(70%);
	-webkit-transform: translateX(70%);
	-moz-transform: translateX(70%);
	-o-transform: translateX(70%);
	-ms-transform: translateX(70%);
}

.header .gnb_boxwrap .coffee_img01 img {
	width: 100%;
}

.header .gnb_boxwrap .list_imgtit {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.header .gnb_boxwrap .list_imgtit.active {
	opacity: 1;
}

.header .gnb_boxwrap .list_imgtit .sb_copy_text {
	display: block;
	padding-bottom: 10px;
	font-size: 22px;
	font-family: 'swebM';
	color: #fff;
	text-align: left;
}

.header .gnb_boxwrap .list_imgtit .first_img {
	overflow: hidden;
	position: relative;
	width: 500px;
}

/*.header .gnb_boxwrap .list_imgtit .first_img:after {position: absolute; left: 0; top: 0; z-index: 10; display: block; width:100%; height:100%; content:''; background:rgba(0,0,0,.5);}*/
.header .gnb_boxwrap .list_imgtit .first_img img {
	width: 100%;
}

.header .list {
	z-index: 1800;
	/*display:inline-block; margin:0 auto;*/
}

.header .list.none {
	display: none;
}

.header .jys_sns.none {
	display: none;
}

.header .list:after {
	clear: both;
	display: block;
	content: '';
}

.header .list>li {
	position: relative;
	float: left;
	width: 110px;
	height: 100%;
}

.header .list>li.active .list_2dept {
	background: rgba(255, 255, 255, .3);
	border-color: transparent !important;
}

.header .list>li.active .list_2dept li a {
	color: #fff;
}

.header .list>li:last-child {
	padding-right: 0;
}

.header .list>li:last-child:before {
	display: none;
}

.header .list>li a {
	position: relative;
	display: inline-block;
	padding: 39px 0;
	font-family: 'swebR';
	font-size: 15px;
	color: #fff;
}

/* .header .list>li:before {
	position: absolute;
	right: 0;
	top: 44px;
	z-index: 10;
	display: block;
	width: 1px;
	height: 14px;
	content: '';
	background: #fff;
} */

.header_wrap.fix .list>li:before {
	background: #fff;
}

.header_wrap.fix.active .list>li:before {
	background: #333;
}

.header .list>li a:after {
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 10;
	display: block;
	width: 0%;
	height: 2px;
	content: '';
	background: #fff;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.header_wrap.fix .header .list>li a:after {
	background: #fff;
}

/* .header_wrap.active .header .list>li a:after {
	background: #333;
} */

.header .list>li .list_2dept ul.active a:after {
	background: #fff;
}

.header .list>li a.active:after {
	width: 100%;
}

.header .list>li a:hover {
	text-decoration: none;
}

.header .list>li a:hover:after {
	width: 100%;
}

.header .list>li:first-child .list_2dept {
	border-left: 1px solid rgba(0, 0, 0, .1);
}

.header .list>li .list_2dept {
	position: absolute;
	top: 99px;
	left: 0;
	display: none;
	min-height: 320px;
	width: 100%;
	border-right: 1px solid rgba(0, 0, 0, .1);
	background: rgba(255, 255, 255, .1);
}


/*.header .list > li.two .list_2dept {left:-37px;}
.header .list > li.three .list_2dept {left:-38px;}
.header .list > li.four .list_2dept {left:-1px;}*/
.header .list>li .list_2dept:after {
	clear: both;
	display: block;
	content: '';
}

.header .list>li .list_2dept .first_img {
	position: absolute;
	left: 0;
	top: 30px;
}

.header .list>li .list_2dept .sb_copy_text {
	display: block;
	padding-top: 50px;
	font-size: 36px;
	color: #fff;
	text-align: center;
}

.header .list>li .list_2dept .gnb_imgcom {
	width: 200px;
}

.header .list>li .list_2dept .gnb_imgcom img {
	width: 100%;
}

.header .list>li .list_2dept ul {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}

.header .list>li .list_2dept ul:after {
	clear: both;
	display: block;
	content: '';
}

.header .list>li .list_2dept ul.active {
	display: block;
}

.header .list>li .list_2dept li {
	display: block;
}

.header .list>li .list_2dept li a {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	height: 27px;
	line-height: 27px;
	letter-spacing: -1px;
	white-space: nowrap;
	font-size: 14px;
	color: #fff;
}

.header .list>li .list_2dept li a.active:after {
	width: 100%;
}

.header .list>li .list_2dept li a:after {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 0px;
	height: 2px;
	;
	background: #333;
	content: '';
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

/*.header .list > li .list_2dept li a:before {position:absolute; top:16px; left:0; width:3px; height:0; background: #f0582b; content:''; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s;}*/
.header .list>li .list_2dept li a:hover:after {
	width: 100%;
	content: '';
}

.header .list>li .list_2dept li a:hover:before {
	height: 8px;
	content: '';
}

.header .menu_wrap {
	position: absolute;
	top: 1px;
	right: 0px;
	z-index: 1100;
	width: 80px;
	height: 80px;
}

.header a.all_menu {
	position: absolute;
	top: 10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.header.active {
	position: fixed;
	top: 0;
}

.header .nav_btn.active span.one {
	transform: translate3d(0, 6px, 0) rotate(225deg);
	-webkit-transform: translate3d(0, 6px, 0) rotate(225deg);
	-moz-transform: translate3d(0, 6px, 0) rotate(225deg);
	-o-transform: translate3d(0, 6px, 0) rotate(225deg);
	-ms-transform: translate(0, 6px) rotate(225deg);
}

.header .nav_btn.active span.two {
	opacity: 0;
	transform: translate3d(0, 150px, 0) rotate(-720deg);
	-webkit-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-moz-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-o-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-ms-transform: translate3d(0, 150px, 0) rotate(-720deg);
}

.header .nav_btn.active span.three {
	transform: translate3d(0, -8px, 0) rotate(-225deg);
	-webkit-transform: translate3d(0, -8px, 0) rotate(-225deg);
	-moz-transform: translate3d(0, -8px, 0) rotate(-225deg);
	-o-transform: translate3d(0, -8px, 0) rotate(-225deg);
	-ms-transform: translate(0, -8px) rotate(-225deg);
}

.header .nav_btn span {
	position: absolute;
	left: 27px;
	top: 32px;
	display: block;
	width: 26px;
	height: 2px;
	background: #fff;
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.header .nav_btn span.two {
	top: 39px;
}

.header .nav_btn span.three {
	top: 46px;
}

.header_wrap.fix .header .nav_btn span {
	background: #fff
}

/* .header_wrap.active .header .nav_btn span {
	background: #333
} */


.com_tit_wrap {
	text-align: center;
}

.appear-animation {
	opacity: 0;
}

.ie9 .appear-animation {
	opacity: 1;
}

figure {
	font-size: 0;
}

section.sec-main-vis {
	overflow: hidden;
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
}

section.sec-main-vis .mainbgs {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	width: 2560px;
	margin-left: -1280px;
	background: url('../images/mainvis/bg01.jpg') no-repeat 50% 0;
	background-size: cover
}

.sec-movie01 .article-movie01 .text {
	z-index: 1;
}

.footer {
	position: relative;
	z-index: 500;
	padding-bottom: 40px;
	background: #333;
	color: #fff;
}

.footer ul:after {
	clear: both;
	display: block;
	content: '';
}

.footer ul li {}

.footer .sweb_link {
	display: block;
	padding-top: 10px;
}

.footer .articles-footer:after {
	clear: both;
	display: block;
	content: '';
}

.footer .left,
.footer .right {
	float: left;
	width: 50%;
}

.footer .left {
	position: relative;
	padding: 100px 50px 0 50px;
	color: #333;
}

.footer .left:before {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	display: block;
	width: 200%;
	height: 100%;
	content: '';
}

.footer .left:after {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	display: block;
	width: 200%;
	height: 100%;
	content: '';
	background: rgb(236, 236, 236)
}

.footer .left h3 {
	font-family: 'swebM';
	font-size: 32px;
	line-height: 46px;
	padding-bottom: 30px;
}

.footer .left h3 strong {
	display: block;
	font-family: 'swebR'
}

.footer .left h3 span {
	font-family: 'swebR'
}

.footer .right {
	padding: 20px;
	padding: 100px 50px;
	font-size: 14px;
}

.footer {
	background: #e4e4e4;
}

.footer .left:after {
	background: none;
}

.footer .left {
	color: #fff;
}

.footer .right {
	color: #333;
}

.sub .footer {
	background: rgba(0, 0, 0, 0.9)
}

.sub .footer .left {
	color: #fff;
}

.sub .footer .right {
	color: #fff;
}

.notice-owl .owl-carousel {
	position: static
}

.notice-owl a {
	display: block;
}

.notice-owl a:hover {
	text-decoration: none;
}

.notice-owl a strong {
	display: block;
	padding-bottom: 10px;
	font-size: 18px;
}

.notice-owl .owl-theme .owl-nav [class*=owl-] {
	line-height: 61px;
	text-align: center;
}

.notice-owl .owl-theme .owl-nav {
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 100%;
	margin: 0;
	text-align: right;
}

.notice-owl .owl-theme .owl-nav .owl-prev,
.notice-owl .owl-theme .owl-nav .owl-next {
	background: #333;
}

.notice-owl .owl-theme .owl-nav .owl-prev {
	position: relative;
	width: 70px;
	height: 70px;
	margin: 0;
	border-radius: 0;
}

.notice-owl .owl-theme .owl-nav .owl-prev:before {
	position: absolute;
	left: 100%;
	top: 25px;
	z-index: 10;
	display: block;
	width: 1px;
	height: 30%;
	content: '';
	background: rgba(255, 255, 255, .2);
}

.notice-owl .owl-theme .owl-nav .owl-next {
	width: 70px;
	height: 70px;
	margin: 0;
	border-radius: 0;
}



.mbYTP_wrapper {
	z-index: 2 !important;
}

.sitemap_menu {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1500;
	width: 100%;
	height: 100%;
	padding: 0 0px;
}

.sitemap_menu .tb_row {
	position: relative;
	z-index: 1600;
	display: table;
	width: 100%;
	height: 100%;
}

.sitemap_menu .tb_row .tb_cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.sitemap_menu .tb_row .tb_cell ul.list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.sitemap_menu .tb_row .tb_cell ul.list:after {
	clear: both;
	display: block;
	content: '';
}

.sitemap_menu .tb_row .tb_cell ul.list>li {
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	height: 100vh;
	padding-top: 200px;
	vertical-align: top;
	background: rgba(12, 55, 75, .9);
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
}
.sitemap_menu .tb_row .tb_cell ul.list > li:hover {
	background: rgba(0,0,0,.3);
}
/*.sitemap_menu .tb_row .tb_cell ul.list > li.one {display:none;}*/
.sitemap_menu .tb_row .tb_cell ul.list>li.active a:before {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
}

.header .nav_btn.active span.one {
	transform: translate3d(0, 6px, 0) rotate(225deg);
	-webkit-transform: translate3d(0, 6px, 0) rotate(225deg);
	-moz-transform: translate3d(0, 6px, 0) rotate(225deg);
	-o-transform: translate3d(0, 6px, 0) rotate(225deg);
	-ms-transform: translate(0, 6px) rotate(225deg);
}

.header .nav_btn.active span.two {
	opacity: 0;
	transform: translate3d(0, 150px, 0) rotate(-720deg);
	-webkit-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-moz-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-o-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-ms-transform: translate3d(0, 150px, 0) rotate(-720deg);
}

.header .nav_btn.active span.three {
	transform: translate3d(0, -8px, 0) rotate(-225deg);
	-webkit-transform: translate3d(0, -8px, 0) rotate(-225deg);
	-moz-transform: translate3d(0, -8px, 0) rotate(-225deg);
	-o-transform: translate3d(0, -8px, 0) rotate(-225deg);
	-ms-transform: translate(0, -8px) rotate(-225deg);
}

/*.header .nav_btn.active:hover span.one { top: 0px; }
.header .nav_btn.active:hover span.three { top: 14px; }*/

.sitemap_menu .tb_row .tb_cell ul.list>li.active a:after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	opacity: 0;
}

.sitemap_menu .tb_row .tb_cell ul.list>li>a {
	position: relative;
	display: block;
	padding: 16px 0;
	margin: 0 20px 20px 20px;
	font-size: 14px;
	font-family: 'swebR';
	color: #fff;
	border-bottom: 1px solid #ebebeb;
}

.sitemap_menu .tb_row .tb_cell ul.list>li>a:after {
	position: absolute;
	top: 27px;
	right: 20px;
	width: 1px;
	height: 13px;
	margin-top: -6px;
	margin-right: 5px;
	background-color: #fff;
	content: '';
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
	-webkit-transition: transform 0.4s, opacity 0.4s;
	-moz-transition: transform 0.4s, opacity 0.4s;
	-o-transition: transform 0.4s, opacity 0.4s;
	-ms-transition: transform 0.4s, opacity 0.4s;
}

.sitemap_menu .tb_row .tb_cell ul.list>li>a:before {
	position: absolute;
	top: 27px;
	right: 19px;
	content: '';
	width: 13px;
	height: 1px;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.4s;
	transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	transition: transform 0.4s, -webkit-transform 0.4s;
	-webkit-transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
	-o-transition: transform 0.4s;
}

.sitemap_menu .tb_row .tb_cell ul.list>li>a:hover {
	text-decoration: none;
}

.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept {}

.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul {
	display: block;
}

.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul:after {
	clear: both;
	display: block;
	content: '';
}

.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul.active {
	display: block;
}

/* .sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li {
	float: left;
	width: 50%;
} */

/*.sitemap_menu .tb_row .tb_cell ul.list > li .list_2dept ul li:first-child {border-top:0;}*/
.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li:last-child {
	border-bottom: 0;
}

.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li a {
	position: relative;
	display: inline-block;
	padding: 5px 0;
	font-family: 'swebR';
	font-size: 12px;
	color: #fff;
}

.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li a.active {
	font-family: 'swebM';
	color: #ffbf02;
}

.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li a:hover {
	text-decoration: none;
}

.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	display: block;
	width: 0%;
	height: 2px;
	content: '';
	background: #ddd;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li a:hover:after {
	width: 100%;
}

.sitemap_menu .tb_row .tb_cell {}

.sitemap_menu .site_box {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.sitemap_menu .site_box:after {
	clear: both;
	display: block;
	content: '';
}

.sitemap_menu .site_box a.cancle_btn {
	position: absolute;
	top: -30px;
	right: -30px;
	z-index: 1100;
	display: block;
	font-size: 26px;
	color: #333;
	opacity: 0;
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-ms-transform: translateX(200px);
	transition: .5s .5s;
	-webkit-transition: .5s .5s;
	-moz-transition: .5s .5s;
	-o-transition: .5s .5s;
	-ms-transition: .5s .5s;
}

.sitemap_menu .site_box a.cancle_btn.active {
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	opacity: 1;
}

section.sec-mainvis-sweb {
	position: relative;
	min-width: auto;
	height: 750px;
	margin: 0 auto;
	padding: 0;
}

.sec-mainvis-sweb figure {
	font-size: 0;
}

.sec-mainvis-sweb .sl_wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.sec-mainvis-sweb .article-s-web-slider {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	min-width: auto;
}

.sec-mainvis-sweb .text_boxs {
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0;
	z-index: 1100;
	width: 100%;
	height: 100%;
	padding: 0;
	opacity: 0;
}

.sec-mainvis-sweb .text_boxs .tb_row {
	display: table;
	width: 100%;
	height: 100%
}

.sec-mainvis-sweb .text_boxs .tb_row .tb_cell {
	display: table-cell;
	vertical-align: middle
}

.sec-mainvis-sweb .text_boxs .t {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 0%;
	height: 4px;
	background: #d53402;
	content: '';
}

.sec-mainvis-sweb .text_boxs .r {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	width: 4px;
	height: 0%;
	background: #d53402;
	content: '';
}

.sec-mainvis-sweb .text_boxs .b {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 100;
	width: 0%;
	height: 4px;
	background: #d53402;
	content: '';
}

.sec-mainvis-sweb .text_boxs .l {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 4px;
	height: 0%;
	background: #d53402;
	content: '';
}

.sec-mainvis-sweb .text_boxs p {
	text-align: center;
}

.sec-mainvis-sweb .text_boxs .font01 {
	padding-top: 0;
	font-size: 52px;
	font-family: 'swebM';
	color: #fff;
}

.sec-mainvis-sweb .text_boxs .font01 em {
	font-size: 52px;
	font-family: 'swebM'
}

.sec-mainvis-sweb .text_boxs p span {
	display: block;
	font-size: 16px;
	font-family: 'swebR';
	color: #fafafa;
}

figure {
	width: 100%;
}

.fix_arrow {
	position: absolute;
	left: 50%;
	bottom: 50px;
	z-index: 501;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	animation: fadeOutDown 1s infinite;
	-webkit-animation: fadeOutDown 1s infinite;
	-moz-animation: fadeOutDown 1s infinite;
	-o-animation: fadeOutDown 1s infinite;
	-ms-animation: fadeOutDown 1s infinite;
}

.fix_arrow:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	border: 1px solid #b3aeae;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.fix_arrow .fa {
	padding-top: 12px;
	font-size: 26px;
	color: #555;
}

.arrow_btm,
.fixed_limit {}

section.sec-main02 {
	padding: 0;
}

h3.s_webcom_tit01 {
	padding-bottom: 50px;
	font-size: 36px;
	font-family: 'swebR'
}

h3.s_webcom_tit01 em {
	font-size: 40px;
	font-family: 'swebM';
}

strong.com_tit_copy {
	position: relative;
	display: inline-block;
	padding-bottom: 30px;
	margin-bottom: 50px;
}

strong.com_tit_copy:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 10;
	display: block;
	width: 20px;
	height: 2px;
	margin-left: -10px;
	background: #d53402;
	content: '';
}

.owl-animated-out {
	z-index: 1;
}

.owl-animated-in {
	z-index: 100;
}


p.infno_text {
	position: absolute;
	bottom: 110px;
	right: -150px;
	color: #ddd;
	font-family: 'swebM';
	font-size: 32px;
	text-align: right;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}

section.sec-gallery {
	position: relative;
	padding: 0;
	background: #f7f7f7;
}

section.sec-gallery:after {
	position: absolute;
	left: 50%;
	top: -50px;
	z-index: 500;
	display: block;
	width: 1px;
	height: 150px;
	content: '';
	background: #d53402;
}

.sec-gallery .article-gallery01 {
	position: relative;
	top: -150px;
	z-index: 800;
	padding: 70px 50px;
	background: #fff;
}

.sec-gallery .txt_box {
	position: relative;
	z-index: 20;
	padding-top: 150px;
}

.sec-gallery .txt_box .com_tit01 {
	color: #fff;
	border-color: #fff;
	margin-bottom: 30px;
}

.sec-gallery .bg01 {
	position: relative;
	height: 560px;
	padding: 0;
	background: url('../images/main/bg_gallery01.jpg') no-repeat 50% 50%;
	background-size: 100%;
	background-attachment: fixed;
}

.sec-gallery .bg01:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, 0.5);
}

.sec-gallery .bg01 .text {
	padding: 0 10px;
	color: #fff;
	z-index: 1000;
	font-size: 26px;
	font-family: 'swebR';
	text-align: center;
}

/*.sec-gallery .owl-theme .owl-nav {margin-top:40px}*/

section.sec-arrowbar {
	padding: 0;
}

.sec-arrowbar .article-arrowbar {
	position: relative;
	height: 110px;
}

.sec-arrowbar .article-arrowbar h2 {
	text-align: center;
	font-size: 30px;
	line-height: 110px;
	font-family: "swebR", sans-serif;
	color: #333;
}

section.sec-subvis {
	position: relative;
	overflow: hidden;
	height: 690px;
	padding: 0 0 0 0;
}

section.sec-subvis:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, .5);
}

.sec-subvis .tb_row {
	position: relative;
	z-index: 100;
	display: table;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.sec-subvis .tb_cell {
	display: table-cell;
	padding: 70px 50px 0 50px;
	vertical-align: middle;
	text-align: center;
}

.sec-subvis .tb_cell h2 {
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 1;
	font-size: 42px;
	font-family: 'eng6', 'swebM';
	color: #fff;
}

/* .sec-subvis .tb_cell h2:after {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	display: block;
	width: 500px;
	height: 500px;
	margin: -250px 0 0 -250px;
	content: '';
	background: rgba(255, 255, 255, .2);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);

	animation-name: rotateX_q;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	-webkit-animation-name: rotateX_q;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: alternate;
	-moz-animation-name: rotateX_q;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: alternate;
	-o-animation-name: rotateX_q;
	-o-animation-duration: 2s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: alternate;
	-ms-animation-name: rotateX_q;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-direction: alternate;
} */

@keyframes rotateX_q {
	0% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}

	100% {
		transform: rotate(-225deg);
		-webkit-transform: rotate(-225deg);
		-moz-transform: rotate(-225deg);
		-o-transform: rotate(-225deg);
		-ms-transform: rotate(-225deg);
	}
}

@-webkit-keyframes rotateX_q {
	0% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}

	100% {
		transform: rotate(-225deg);
		-webkit-transform: rotate(-225deg);
		-moz-transform: rotate(-225deg);
		-o-transform: rotate(-225deg);
		-ms-transform: rotate(-225deg);
	}
}

.sec-subvis .tb_cell p {
	padding-left: 10px;
	font-size: 50px;
	font-family: 'eng6';
	color: #fff;
}

/*.sec-subvis .tb_cell p  + p {font-size:28px; font-family: 'swebM'}*/
article.article-subvis {
	max-width: 100%;
}

.article-subvis {
	background: url('../images/subvis/01.jpg') no-repeat 50% 50%;
	background-attachment: fixed;
	background-size: 100%
}

.article-subvis.board:after {
	background-image: url('../images/subvis/01.jpg');
}

.article-subvis.board.noti {
	background-image: none;
}

.article-subvis.board.noti:after {
	background-image: url('../images/subvis/06.jpg');
}

.article-subvis.board.album {
	background-image: none;
}

.article-subvis.board.album:after {
	background-image: url('../images/subvis/04.jpg');
}

.article-subvis.reserv {
	background-image: none;
}

.article-subvis.reserv:after {
	background-image: url('../images/subvis/07.jpg');
}

section.sec-subvis.reserv:after {
	background: rgba(0, 0, 0, .1);
}

.article-subvis.nole {
	background-image: none;
}

.article-subvis.bg_pack {
	background-image: none;
}

.article-subvis.bg_pack:after {
	background-image: url('../images/subvis/bg_package01.jpg');
}

.article-subvis.bg_pack02 {
	background-image: none;
}

.article-subvis.bg_pack02:after {
	background-image: url('../images/subvis/bg_package02.jpg');
}

.article-subvis.bg_pack03 {
	background-image: none;
}

.article-subvis.bg_pack03:after {
	background-image: url('../images/subvis/bg_package03.jpg');
}

.article-subvis.bg_morning {
	background-image: none;
}

.article-subvis.bg_morning:after {
	background-image: url('../images/subvis/bg_morning.jpg');
}

.article-subvis.nole:after {
	background-image: url('../images/subvis/bg_nole.jpg');
}

.article-subvis:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-position: 50% 50%;
	background-size: cover;
	animation-name: sc_bg;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation-name: sc_bg;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-moz-animation-name: sc_bg;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-o-animation-name: sc_bg;
	-o-animation-duration: 5s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	-ms-animation-name: sc_bg;
	-ms-animation-duration: 5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: alternate;
}

@keyframes sc_bg {
	0% {
		transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-moz-transform: scale(1) rotate(0deg);
		-o-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);

	}

	100% {
		transform: scale(1.1) rotate(-0.02deg);
		-webkit-transform: scale(1.1) rotate(-0.02deg);
		-moz-transform: scale(1.1) rotate(-0.02deg);
		-o-transform: scale(1.1) rotate(-0.02deg);
		-ms-transform: scale(1.1) rotate(-0.02deg);
	}
}

@-webkit-keyframes sc_bg {
	0% {
		transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
		-moz-transform: scale(1) rotate(0deg);
		-o-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);

	}

	100% {
		transform: scale(1.1) rotate(-0.02deg);
		-webkit-transform: scale(1.1) rotate(-0.02deg);
		-moz-transform: scale(1.1) rotate(-0.02deg);
		-o-transform: scale(1.1) rotate(-0.02deg);
		-ms-transform: scale(1.1) rotate(-0.02deg);
	}
}

.article-subvis.s-web .tb_cell p {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.article-subvis.s-web .tb_cell p.two {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.ie9 .article-subvis.s-web .tb_cell p {
	opacity: 1;
}

.ie9 .n_tb_row .tb_cell,
.ie9 .prog_01_poly,
.ie9 .latest_type02_before li {
	-ms-transform: none !important;
	opacity: 1 !important;
}

.loc {
	display: inline-block;
	margin: 20px auto 0 auto;
}

.loc:after {
	clear: both;
	display: block;
	content: '';
}

.loc li {
	float: left;
	padding: 0 7px;
	color: #fff;
}


section.sec-sub_lnb {
	padding: 0;
	background: #fff;
	/*border:1px solid #d1d0d0;*/
}

article.article-sub_lnb {
	max-width: 100%;
}

.article-sub_lnb .sub_lnb {
	margin: 0px auto 0px auto;
	text-align: left;
	/* border: 1px solid #edecec; */
}

.article-sub_lnb .sub_lnb li {
	position: relative;
	display: inline-block;
	width: 20%;
	text-align: center;
	/* margin-left: -4px; */
}

/* .article-sub_lnb .sub_lnb li:after {
	position: absolute;
	right: 0;
	top: 17px;
	z-index: 10;
	display: block;
	width: 1px;
	height: 40%;
	content: '';
	background: #555;
} */

.article-sub_lnb .sub_lnb li:last-child:after {
	display: none;
}

.article-sub_lnb .sub_lnb li a {
	display: block;
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	font-family: 'swebR';
	color: #333;
}

.article-sub_lnb .sub_lnb li a.active {
	font-family: 'swebM';
	color: #555;
	background: #f3f3f3;
}

.article-sub_lnb .sub_lnb li a:hover,
.sub_lnb li a:active,
.sub_lnb li a:focus {
	text-decoration: none;
	color: #333;
}

.article-sub_lnb p {
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}

.article-sub_lnb p strong {
	display: inline-block;
	padding: 0 50px;
	font-size: 42px;
	background: #fff;
}

.article-sub_lnb p:after {
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: -1;
	width: 100%;
	height: 1px;
	content: '';
	background: #ddd
}

/*.article-sub_lnb p:before {position: absolute; left:50%; bottom:-50px; z-index: -1; width:4%; height:3px; margin-left:-2%; content:''; background: #ddd}*/

.article-road {}

.article-road:after {
	clear: both;
	display: block;
	content: '';
}

.article-road .left {
	float: left;
	width: 50%;
	padding: 40px 30px;
	background: #fafafa;
	text-align: left;
}

.article-road .left h3 {
	padding-bottom: 15px;
	font-size: 36px;
	color: #333;
	font-family: 'swebR';
}

.article-road .left h3 strong {
	font-family: 'swebM';
	font-size: 38px;
}

.article-road .left p {
	padding: 0 0 23px 0;
	color: #555;
	border-bottom: 1px solid #958b81;
}

.article-road .left .txt01 {}

.article-road .left ul.list {
	padding-top: 20px;
}

.article-road .left ul.list li {
	position: relative;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #777;
}

.article-road .left ul.list li i {
	position: absolute;
	left: 0;
	top: 5px;
}

.article-road .left ul.list li strong {
	font-family: 'swebM';
	font-size: 24px;
	color: #007cc6;
}


.article-road .left .list02 {
	position: relative;
	padding: 0 0 0 30%;
	margin-top: 20px;
}

.article-road .left .list02 li {
	padding-bottom: 10px;
}

.article-road .left .list02 li:last-child {
	padding-bottom: 0;
}

.article-road .left .list02:after {
	clear: both;
	display: block;
	content: '';
}

.article-road .left .list02 dt {
	position: absolute;
	left: 0;
	top: 0;
	width: 30%;
	height: 100%;
	background: #333;
	text-align: center;
}

.article-road .left .list02 dt figure {
	padding-top: 17px;
}

.article-road .left .list02 dt strong {
	display: block;
	padding-top: 10px;
	color: #fff;
	font-family: 'swebM';
}

.article-road .left .list02 dd {
	float: left;
	width: 100%;
	padding: 10px 10px 10px;
	background: #ececec;
	color: #555;
}


.article-road .right {
	float: left;
	width: 50%;
}

.road {
	height: 437px;
}

@media only screen and (max-width:2560px) {
	.roomview .wrap {
		max-width: 100%
	}
}

@media only screen and (max-width:1610px) {
	.header .gnb_boxwrap .list_imgtit {
		left: -50px;
	}
}

@media (max-width: 991px) {
	.road {
		height: 300px;
	}
}



.article-intro h4 {
	position: relative;
	margin-bottom: 20px;
	font-size: 36px;
	font-family: 'swebR'
}

/*.article-intro h4:after {position: absolute; left:-20%; bottom:0; width:100%; height:1px; background:#d53402; content:'';}*/
.article-intro h4 strong {
	color: #d53402;
}

.article-intro p {
	padding-bottom: 40px;
	color: #777;
}

.article-intro ul {}

.article-intro ul li {
	height: 100px;
	padding: 40px 0;
	margin-bottom: 20px;
	background: #ececec;
	text-align: center;
	color: #333;
	border-radius: 4px;
}

.article-intro:after {
	clear: both;
	display: block;
	content: '';
}

.article-intro .left {
	float: left;
	width: 50%;
}

.article-intro .left figure {
	padding: 0 10px;
}

.article-intro .left figure img {
	width: 100%;
}

.article-intro .right {
	float: left;
	width: 50%;
	padding-left: 40px;
	padding-top: 60px;
	text-align: left;
}

.article-intro .right strong.name {
	font-size: 20px;
	font-family: 'swebR';
}


.sec-prog02 {}

.article-prog02 {
	text-align: left;
}

.article-prog02 h4 {
	font-size: 36px;
	font-family: 'swebR'
}

.article-prog02 h4 strong {
	color: #d53402;
}

.article-prog02 p.txt01 {
	color: #777;
	padding-bottom: 30px;
}

.article-prog02 h4 {
	padding-bottom: 10px;
	font-size: 26px;
}

.article-prog02 ul {}

.article-prog02 ul:after {
	clear: both;
	display: block;
	content: '';
}

.article-prog02 ul li {
	position: relative;
	float: left;
	width: 49%;
	margin-right: 1%;
	padding: 40px 20px 40px 70px;
	margin-bottom: 40px;
	background: #fafafa;
}

.article-prog02 ul li strong {
	position: absolute;
	left: 20px;
	display: block;
	background: #d53402;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-family: 'swebR'
}

.article-prog02 ul li p {}

.article-prog02 ul li p em {
	font-family: 'swebR';
	font-size: 20px;
}


.sec-reserve01 {}

.article-reserve01 {
	text-align: left;
}

.article-reserve01 p.txt01 {
	color: #777;
	padding-bottom: 30px;
}

.article-reserve01 h4 {
	padding-bottom: 10px;
	font-size: 26px;
}

.article-reserve01 ul {}

.article-reserve01 ul:after {
	clear: both;
	display: block;
	content: '';
}

.article-reserve01 ul li {
	position: relative;
	float: left;
	width: 100%;
	padding: 40px 20px 40px 70px;
	margin-bottom: 40px;
	background: #fafafa;
}

.article-reserve01 ul li strong {
	position: absolute;
	left: 20px;
	display: block;
	background: #ef9831;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-family: 'swebR'
}

.article-reserve01 ul li p {}

.article-reserve01 ul li p em {
	font-family: 'swebR';
	font-size: 20px;
}

section.sec-main03 {}

.sec-main03 .article-main03 {}

.article-main03 .list {}

.article-main03 .list:after {
	clear: both;
	display: block;
	content: '';
}

.article-main03 .list li a {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0
}

.article-main03 .list li a .thumb {
	position: relative;
	width: 100%;
	height: 100%;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.article-main03 .list li a .thumb:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: #b10026;
	opacity: 0;
	mix-blend-mode: multiply;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.article-main03 .list li a:hover .thumb:after {
	opacity: .5;
}

.article-main03 .list li a .thumb figure {
	font-size: 0;
}

.article-main03 .list li a .thumb figure img {
	width: 100%;
}

.article-main03 .list li a:hover .thumb {
	transform: rotate(-4deg) scale(1.4);
	-webkit-transform: rotate(-4deg) scale(1.4);
	-moz-transform: rotate(-4deg) scale(1.4);
	-o-transform: rotate(-4deg) scale(1.4);
	-ms-transform: rotate(-4deg) scale(1.4);
}

.article-main03 .list li a .text_box {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	padding: 0px 20px 20px 20px;
	transform: translate(0, -100px);
	opacity: 0;
	-webkit-transform: translate(0, -100px);
	-moz-transform: translate(0, -100px);
	-o-transform: translate(0, -100px);
	-ms-transform: translate(0, -100px);
	-webkit-transition: opacity.5s, -webkit-transform .5s;
	transition: opacity.5s, -webkit-transform .5s;
	transition: transform .5s, opacity.5s;
	transition: transform .5s, opacity.5s, -webkit-transform .5s;
	-webkit-transition: transform .5s, opacity.5s;
	-moz-transition: transform .5s, opacity.5s;
	-o-transition: transform .5s, opacity.5s;
	-ms-transition: transform .5s, opacity.5s;
}

.article-main03 .list li a:hover .text_box {
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
}

.article-main03 .list li a .text_box strong {
	font-size: 20px;
	font-family: 'swebR';
	color: #fff;
}

.article-main03 .list li a .text_box p {
	padding-bottom: 20px;
	font-family: 'swebR';
	font-size: 14px;
	color: #fff;
}

.article-main03 .list li a .text_box span {
	display: inline-block;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	border: 1px solid #fff;
}

.article-main03 .list li a .text_box .tb_row {
	display: table;
	width: 100%;
	height: 100%;
}

.article-main03 .list li a .text_box .tb_row .tb_cell {
	display: table-cell;
	vertical-align: middle;
}

.wrap.sub .header.fix {
	background: #191919;
}

@media only screen and (max-width:1920px) {
	.header.fix {
		position: fixed;
		top: 0;
		left: 0;
		margin-left: auto;
	}

	/*section.sec-mainvis-sweb {min-width:1280px;}*/
	.sec-mainvis-sweb .sl_wrap {
		position: absolute;
		left: 50%;
		right: 0;
		bottom: 0;
		top: 0;
		width: 1920px;
		margin-left: -960px;
	}
}

@media only screen and (max-width:1660px) {}

@media only screen and (max-width:1400px) {
	.header .logo {
		left: 10px;
	}

	.header .logo figure {
		width: 120px
	}

	.header .gnb_boxwrap {
		display: block;
		margin-left: 150px;
	}

	.header .list>li {
		width: 97px;
	}

	.header .list>li a {
		font-size: 14px;
		letter-spacing: -1px;
	}

	.header .list>li .list_2dept li a {
		font-size: 13px
	}

	/* .header .logo ,.full_screen, .jys_sns, .header .menu_wrap, .music_control{display: none;} */
}

@media only screen and (max-width:1280px) {
	.header_wrap {
		top: 0;
		left: 0;
		width: 100%;
		margin-left: 0;
		border: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}

	.header .gnb_boxwrap .list_imgtit {
		display: none !important;
	}

	.header .gnb_boxwrap .coffee_img01 {
		display: none !important;
	}

	.sec-mainvis .articles-mainvis .fix_wrap {
		width: 100%;
		left: auto;
		padding: 0 10px;
		margin-left: auto;
	}

	.sec-mainvis .articles-mainvis .fix_wrap .fixlist {
		width: 90%;
		left: 50%;
		margin-left: -45%;
	}

	.sec-mainvis .owl-carousel .owl-stage-outer {
		overflow: hidden;
		height: 400px;
	}

	.sec-mainvis .owl-carousel .owl-stage {
		position: absolute;
		bottom: 0;
	}

	.article-sec01 .left {
		padding-left: 50px;
	}

	.sitemap_menu .site_box {
		width: 100%;
	}

	.sitemap_menu .tb_row .tb_cell {}

	.sitemap_menu .site_box a.cancle_btn {
		top: -50px;
		right: 60px;
	}
}

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

	/* .header .logo {
		display: none;
	} */
	.header .logo {
		top: 26px;
	}

	.header .logo figure {
		width: 100px;
	}

	.header .gnb_boxwrap {
		margin-left: 120px;
	}

	.music_control {
		top: 124px;
	}

	.music_control {
		top: 122px !important;
	}

	.jys_sns {
		top: 116px;
	}
}

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

	.sec-mainvis-sweb .article-s-web-slider {
		width: 90%;
	}
}

@media only screen and (max-width:1180px) {
	.main_vis_text_box {
		margin-top: -120px;
	}

	.main_vis_text_box .ico_house {
		width: 80px;
	}

	.main .main_vis_text_box h2 {
		font-size: 50px;
	}

}

@media only screen and (max-width:1024px) {
	.sitemap_menu .tb_row .tb_cell ul.list {
		display: block;
	}
	.sitemap_menu .tb_row .tb_cell ul.list>li {
		height: auto;
		padding-top: 0;
		background: none;
	}
	.jys_sns {
		top: 30px;
	}

	.down_arrowc {
		height: 50px;
		margin-top: 10px;
		font-size: 12px;
	}

	.down_arrowc i {
		font-size: 20px;
	}

	.sec-subvis .tb_cell h2:after {
		width: 200px;
		height: 200px;
		margin: -100px 0 0 -100px
	}

	.header .logo,
	.full_screen,
	.jys_sns,
	.header .menu_wrap,
	.music_control {
		display: block;
	}

	.header .list {
		display: none !important;
	}

	.article-road .left ul.list li {
		padding-bottom: 15px;
	}

	.none2 .header_wrap {
		transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
	}

	.article-sub_lnb p {
		padding-top: 50px;
	}

	body.you_tt_disable {
		overflow: hidden;
	}

	.you_tt_wrap {
		width: 100%;
		margin-left: -50%;
	}

	.you_tt_wrap .tb_box {
		height: auto;
	}

	.you_tt_wrap .tb_row {
		height: auto;
	}

	.you_tt_wrap .tb_cell {
		display: block;
		padding-top: 60px;
	}

	.main_vis_text_box .ico_mouse img {
		width: 40px
	}

	.main_vis_text_box .scroll_text {
		font-size: 14px;
	}


	.sitemap_menu .tb_row {
		background: none;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li>a {
		color: #fff;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li a {
		color: #fff;
	}

	.main .main_vis_text_box h2 {
		font-size: 40px;
	}

	.main_vis_text_box {
		margin-top: -100px
	}

	.wrap.sub .main_vis_text_box {
		margin-top: -310px;
	}

	.m_line {
		display: none;
	}

	.sec-bius .m_line {
		display: block;
	}

	.is-fix .jys_sns ul li a {
		/*color:#fff;*/
	}

	.is-fix .header .nav_btn span {
		background: #fff;
	}

	/*.is-fix .header .logo .logo_a {display:none;}*/
	/*.is-fix .header .logo .logo_b {display:block;}*/
	.footer .right {
		padding-top: 20px;
	}

	.footer .articles-footer {
		position: relative;
		z-index: 100;
	}

	.footer .left h3 {
		font-size: 22px;
		line-height: 24px
	}

	.notice-owl a strong {
		font-size: 16px;
	}

	.header .logo {
		left: 30px;
	}

	.article-sub_lnb p:after {
		bottom: 15px;
	}

	.article-subvis {
		background-size: cover;
		background-attachment: inherit;
	}

	section.sec-main-vis {
		padding-top: 0;
	}

	.container {
		padding: 0;
	}

	.header {
		border-right: 0;
		border-right: 0;
	}

	.header .menu_wrap {
		background: transparent;
	}

	.header_wrap .logo_wrap {
		position: absolute;
		left: 20px;
		top: 10px;
		z-index: 1800;
		height: 70px;
	}

	.header_wrap .logo_wrap a {
		padding-top: 0px;
		font-size: 24px;
	}

	.header_wrap .logo_wrap p {
		font-size: 14px;
		padding-top: 0;
	}

	/*.com_tit01, .com_tit02 {font-size:30px;}*/
	.com_desc02 {
		font-size: 18px;
	}

	.n_sitemap .header {
		/*background: #fff*/
	}

	.sitemap_menu .tb_row {
		display: block;
		height: auto;
		z-index: 1710;
		padding-top: 100px;
		border: 0;
		border-radius: 0;
	}

	.sitemap_menu:after {
		display: none;
	}

	.article-main03 .list li a .thumb {
		transform: rotate(-4deg) scale(1.4);
		-webkit-transform: rotate(-4deg) scale(1.4);
		-moz-transform: rotate(-4deg) scale(1.4);
		-o-transform: rotate(-4deg) scale(1.4);
		-ms-transform: rotate(-4deg) scale(1.4);
	}

	.article-main03 .list li a .text_box {
		opacity: 1;
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
	}

	.article-main03 .list li a .thumb:after {
		opacity: .5;
	}

	.latest_type_gallery .latest .owl-item a .txt {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1;
	}

	.sec-gallery .article-gallery01 {
		top: -100px;
		margin: 0 20px;
	}

	.sec-gallery .article-gallery01,
	.latest_type_before {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.container.sub {
		padding-top: 0px;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li {
		float: none;
		width: 100%;
		display: block;
		min-height: 0;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li.four ul:after {
		clear: both;
		display: block;
		content: '';
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li.four .list_2dept ul li:first-child {
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li.four .list_2dept li {
		width: 50%;
		float: left;
		margin: 0;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li.two .list_2dept li {
		width: 50%;
		float: left;
		margin: 0;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul {
		display: none;
	}

	.sitemap_menu .site_box a.cancle_btn {
		right: 20px;
	}

	.sitemap_menu {
		width: 100%;
		height: 100%;
		top: 0;
		left: auto;
		right: 0;
		margin: 0;
		transform: translate(100%, 0);
		-webkit-transform: translate(100%, 0);
		-moz-transform: translate(100%, 0);
		-o-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
	}

	.sitemap_menu.active {
		display: block;
		padding-left: 0;
		padding-right: 0;
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
	}

	.sitemap_menu .dim {
		display: block !important;
		width: 100%;
		height: 3000px;
		top: 0;
		left: auto;
		right: 0;
		margin: 0;
		transform: translate(100%, 0);
		-webkit-transform: translate(100%, 0);
		-moz-transform: translate(100%, 0);
		-o-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		opacity: 0;
	}

	.sitemap_menu.active .dim {
		display: block;
		padding-left: 0;
		padding-right: 0;
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1;
	}

	.sitemap_menu .site_box {
		border: 0;
	}

	.sitemap_menu .tb_row .tb_cell {
		display: block;
		vertical-align: top;
		text-align: center;
	}

	.sitemap_menu .tb_row .tb_cell a:hover {
		text-decoration: none;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li>a {
		font-size: 12px;
		padding: 8px 0;
		margin: 0;
		border-color: rgba(0, 0, 0, .0);
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li a {
		display: block;
		font-size: 10px;
		padding: 11px 0;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li>a:after {
		top: 16px;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li>a:before {
		top: 16px;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept {}

	.sitemap_menu.active .tb_row .tb_cell ul.list>li .list_2dept {
		background: rgba(0, 0, 0, .5);
		transition: background .5s;
		-webkit-transition: background .5s;
		-moz-transition: background .5s;
		-o-transition: background .5s;
		-ms-transition: background .5s;
		transition-delay: .5s;
		-webkit-transition-delay: .5s;
		-moz-transition-delay: .5s;
		-o-transition-delay: .5s;
		-ms-transition-delay: .5s;
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li {
		/*border-bottom:1px solid #d9d9d9;*/
		border-top: 1px solid rgba(255, 255, 255, 0.2)
	}

	.sitemap_menu .tb_row .tb_cell ul.list>li .list_2dept ul li {
		float: none;
		width: 100%
	}

	.sec-gallery .bg01 {
		height: 400px;
		background-attachment: inherit;
		background-size: cover;
	}

	.sec-gallery .bg01 .text {
		font-size: 18px;
	}

	section.sec-subvis {
		height: 280px;
		background-attachment: inherit;
	}

	.article-sub_lnb .sub_lnb {
		margin: 0
	}

	.sec-mainvis .articles-mainvis .img_text {
		top: 160px;
	}

	.text_box .tb_cell p {
		padding-right: 10px;
	}

	.sec-sec01 .article-sec01 .right .img01 {}

	.sec-sec01 .article-sec01 .right .img01 img {
		width: 100%;
	}

	.sec-sec02 .article-sec02 .left .img01 img {
		width: 100%;
	}

	.sec-sec02 .article-sec02 .left .img01 {
		margin-top: 130px;
	}

	.article-intro .left {
		float: none;
		width: auto;
	}

	.article-intro .right {
		float: none;
		width: auto;
		padding: 40px 40px 0 40px;
	}

	.article-intro h4 {
		font-size: 26px;
		padding-right: 150px;
	}

	.footer {
		font-size: 14px;
	}

	.article-road .left {
		float: none;
		width: auto;
	}

	.article-road .right {
		float: none;
		width: auto;
	}

	.article-road .left h3 {
		font-size: 26px;
	}

	.article-road .left h3 strong {
		font-size: 28px;
	}

	.article-prog02 h4 {
		font-size: 26px;
	}

	.article-prog02 h4 {
		font-size: 20px;
	}

	.article-prog02 ul li p em {
		font-size: 18px;
	}

	.sec-mainvis-sweb .text_boxs .font01 {
		font-size: 36px;
	}

	.sec-mainvis-sweb .text_boxs .font01 em {
		font-size: 42px;
	}

	.sec-mainvis-sweb .text_boxs p span {
		font-size: 20px;
	}

	.sec-subvis .tb_cell h2 {
		font-size: 20px;
	}

	.sec-subvis .tb_cell p {
		font-size: 22px;
		padding: 0 30px;
	}

	.com_tit02 span {
		display: inline;
	}

	.com_tit02 strong {
		display: inline;
	}

	.com_desc02 {
		padding-top: 10px;
		padding-bottom: 30px;
		margin-top: 0;
	}

	.com_desc02:after {
		display: none;
	}

	.header .menu_wrap {
		right: 13px;
	}
}

@media only screen and (max-width:767px) {
	.jys_sns {
		top: 6px;
	}
	.top_fix .menu_wrap a.bottom_telephone {
		display: block;
	}

	.notice-owl .owl-theme .owl-nav .owl-prev:before {
		top: 21px;
	}

	.top_fix {
		bottom: 30px;
	}

	.header_wrap {
		position: absolute;
	}

	/*.sitemap_menu {position: absolute;}*/
	.header_wrap.fix .jys_sns {
		top: 6px;
	}

	.wrap.sub .main_vis_text_box {
		margin-top: -20px;
	}

	.wrap.sub .main_vis_text_box h2 {
		font-size: 40px;
	}

	.wrap.sub .main_vis_text_box p {
		font-size: 20px;
	}

	.wrap.sub .main_vis_text_box .line {
		height: 0;
	}

	.main_vis_text_box .line {
		height: 20px;
	}

	.header_wrap.sub .header {
		height: 50px
	}

	.header_wrap.sub .jys_sns {
		top: 6px;
		display: block;
	}

	.main .main_vis_text_box h2 {
		font-size: 26px;
	}

	.sitemap_menu .tb_row {
		width: 100%;
		padding-top: 60px;
	}

	.article-intro ul li {
		height: auto;
		padding: 20px 0;
	}

	.header {
		height: 50px;
	}

	.header_wrap.sub .header .logo,
	.header .logo {
		top: 10px;
		left: 10px;
	}

	.header .logo figure,
	html.sub .header .logo figure {
		width: 80px;
	}

	.header_wrap.fix .header {
		height: 50px;
	}

	/*.header_wrap.fix .header .logo {top:15px;}*/
	.header_wrap.fix .header a.all_menu {
		top: 0;
	}

	.header a.all_menu {
		top: 0;
		right: 0
	}

	.header .menu_wrap {
		top: 0;
		right: 0;
		width: 52px;
		height: 50px;
		background: transparent;
	}

	.header .nav_btn span {
		left: 14px;
	}

	.header .nav_btn span {
		top: 19px;
	}

	.header .nav_btn span.two {
		top: 26px;
	}

	.header .nav_btn span.three {
		top: 33px;
	}

	.sec-subvis .tb_cell {
		padding: 0 10px;
	}

	.sec-subvis .tb_cell h2,
	.sec-subvis .tb_cell p {
		float: none;
	}

	.sec-subvis .tb_cell h2 {
		padding-bottom: 5px;
	}

	.sec-subvis .tb_cell p {
		padding: 0;
	}

	.com_tit01,
	.com_tit02 {
		font-size: 32px;
	}

	.com_desc02 {
		font-size: 16px;
	}

	.com_desc01 {
		padding-bottom: 40px;
		font-size: 12px;
	}

	.com_desc01 span {
		display: inline;
	}

	.article-intro .right {
		padding: 20px 10px;
	}

	.sec-subvis .tb_cell p+p {
		font-size: 20px;
	}

	.more_btn {
		padding-bottom: 35px;
	}

	.com_plus {
		width: 20px;
		height: 20px;
	}

	.com_tit02 {
		font-size: 20px;
	}

	.sec-gallery .article-gallery01 {
		margin: 0 !important;
	}

	.sec-gallery .bg01 .text {
		font-size: 16px;
	}

	.sec-gallery .txt_box {
		padding-top: 60px;
	}

	section.sec-gallery:after {
		height: 70px;
	}

	.sitemap_menu {
		padding-top: 0px;
		overflow-y: scroll;
	}

	.article-before {
		top: auto !important;
	}

	.web-box .visual {
		height: 600px;
	}

	/*.container.main, #latest_notice {padding: 0 20px;}*/
	/*.container.fix {padding-top:62px;}*/
	.sec-gallery .bg01 {
		height: 300px;
	}

	#latest_notice .owl-theme .owl-nav [class*=owl-] {
		margin: 5px 0;
	}

	#latest_notice .owl-item li a strong {
		padding: 0 10px 0 0;
	}

	#latest_notice .owl-item {
		text-align: left;
	}

	.sec-mainvis-sweb .sl_wrap {
		width: 1440px;
		margin-left: -720px;
	}

	section.sec-mainvis-sweb {
		height: 600px;
	}

	.sec-mainvis-sweb .text_boxs .font01 {
		padding-top: 30px;
		padding-bottom: 5px;
		font-size: 24px;
	}

	.sec-mainvis-sweb .text_boxs .font01 em {
		font-size: 28px;
	}

	.sec-mainvis-sweb .text_boxs p span {
		font-size: 14px;
	}

	.fix_arrow {
		width: 30px;
		height: 30px;
		margin-left: -15px;
	}

	.fix_arrow .fa {
		font-size: 14px;
	}

	h3.s_webcom_tit01 {
		padding-bottom: 10px;
		font-size: 20px;
	}

	.sec-gallery .article-gallery01 {
		top: 0px;
		margin: 0 20px;
		padding: 100px 40px 10px 40px;
	}

	.latest_type_before {
		padding-top: 100px !important;
	}


	/*section.sec-subvis {height:280px}*/

	.sec-mainvis .articles-mainvis .fix_wrap .text01 {
		font-size: 16px;
	}

	.sec-mainvis .articles-mainvis .img_text {
		font-size: 18px;
	}

	.sec-mainvis .articles-mainvis .img_text {
		top: 120px;
	}

	.sec-mainvis .articles-mainvis .fix_wrap .fixlist {
		bottom: 20px;
	}

	.sec-mainvis .articles-mainvis .fix_wrap .fixlist li a span {
		opacity: 1;
		-webkit-transform: translate(0, 0px);
		        transform: translate(0, 0px);
	}

	.sec-mainvis .articles-mainvis .fix_wrap .fixlist li a {
		height: 190px;
	}

	.sec-mainvis .articles-mainvis .fix_wrap .fixlist li a.active {
		height: 190px;
	}

	.sec-mainvis .articles-mainvis .fix_wrap .fixlist li a:hover {
		height: 190px;
	}

	.sec-mainvis .articles-mainvis .img_slider .slide_list figure.bg {
		width: 1440px;
		margin-left: -720px;
	}

	.sec-mainvis .articles-mainvis .img_slider .slide_list figure.people {
		width: 767px;
		margin-left: -383px;
	}

	.sec-mainvis .articles-mainvis .fix_wrap .fixlist li a strong {
		font-size: 18px;
	}

	.sec-mainvis .articles-mainvis .fix_wrap .fixlist li a p {
		font-size: 14px;
	}

	.sec-mainvis .articles-mainvis .fix_wrap .fixlist li a span {
		padding-top: 20px;
	}

	.text_box {
		padding: 0;
	}

	.text_box .tb_cell {
		text-align: center;
		padding: 50px 0;
	}

	.text_box .tb_cell .title01 {
		font-size: 22px;
	}

	.sec-sec01 .article-sec01 {
		padding: 10px 10px;
	}

	.sec-sec01 .article-sec01 {
		height: auto;
	}

	.sec-sec01 .article-sec01 .left {
		float: none;
		width: 100%;
		padding: 0;
	}

	.sec-sec01 .article-sec01 .right {
		overflow: hidden;
		float: none;
		width: 100%;
		padding-bottom: 100%;
		padding-left: 10px;
		padding-right: 10px
	}

	.sec-sec01 .article-sec01 .right:after {
		display: none;
	}

	.sec-sec02 .article-sec02 .left {
		float: none;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sec-sec02 .article-sec02 .right {
		float: none;
		width: 100%;
		padding: 0;
	}

	.sec-sec01 .article-sec01 .right strong {
		font-size: 22px;
	}

	.sec-sec02 .article-sec02 .left strong {
		font-size: 22px;
	}

	.sec-sec02 .article-sec02 {
		padding: 10px 10px;
	}

	.sec-sec02 .article-sec02 {
		height: auto;
	}

	.sec-sec02 .article-sec02 .right {
		float: none;
		width: 100%;
		padding: 0;
	}

	.sec-sec02 .article-sec02 .left {
		overflow: hidden;
		float: none;
		width: 100%;
		padding-bottom: 90%;
	}

	.sec-sec02 .article-sec02 .left:after {
		display: none;
	}

	.sec-sec02 .article-sec02 .left .img01 {
		margin-top: 50px;
	}

	section.sec-movie01 {
		padding: 0;
	}

	section.sec-sec03 {
		padding-bottom: 110%;
	}

	.sec-sec03 .bg {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1024px;
		margin-left: -512px;
		padding-bottom: 0%;
	}

	.sec-sec03 .article-sec03 {
		padding: 50px 10px;
	}

	.sec-sec03 .article-sec03 .tb_row,
	.sec-sec03 .article-sec03 .tb_cell {
		display: block;
	}

	.sec-sec03 .article-sec03 .tb_cell h3 {
		font-size: 22px;
	}

	.sec-sec03 .article-sec03 .tb_cell p {
		width: 100%;
		font-size: 16px;
	}

	.sec-sec03 .article-sec03 .tb_cell ul.icon_list {
		width: 100%;
		;
		margin: 50px auto 20px auto;
	}

	.sec-sec03 .article-sec03 .tb_cell ul.icon_list li .icon {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.sec-sec03 .article-sec03 .tb_cell ul.icon_list li .icon .fa {
		font-size: 18px;
	}

	.footer article {
		padding: 0;
		min-width: auto;
	}

	section.sec-subvis {
		padding-top: 0;
	}

	.article-sub_lnb .sub_lnb li {
		width: 33.333%;
	}

	.article-sub_lnb .sub_lnb.width25 li {
		width: 25%;
	}

	.article-sub_lnb .sub_lnb li a {
		font-size: 12px;
		height: 40px;
		line-height: 40px;
	}

	.article-prog02 h4 {
		font-size: 20px
	}

	.article-prog02 ul li {
		float: none;
		width: auto;
		margin-bottom: 10px;
		margin-right: 0;
	}

	article.article-sub_lnb p strong {
		padding-left: 4px;
		padding-right: 4px;
		font-size: 16px;
	}

	article.article-sub_lnb p:after {
		bottom: 10px;
	}

	.article-intro h4 {
		padding-right: 0;
		font-size: 18px;
	}

	.article-road .left h3 {
		font-size: 18px;
		color: #fff;
	}

	.article-road .left h3 strong {
		font-size: 16px;
		color: #fff;
	}

	.article-road .left p {
		color: #fff;
		font-size: 14px;
	}

	.article-road .left ul.list li {
		color: #d7d3d3;
	}

	.article-road .left {
		padding-left: 10px;
		padding-right: 10px;
		background: rgba(0, 0, 0, .6);
	}

	.article-road .left .list02 {
		padding-left: 25%;
	}

	.article-road .left ul.list li {
		font-size: 14px;
	}

	.article-road .left .list02 dt {
		width: 25%;
	}

	.article-road .left .list02 dd li {
		font-size: 12px;
	}

	.article-road .left .list02 dt strong {
		font-size: 10px;
	}

	.article-road .left .list02 dt figure {
		width: 30px;
		margin: 0px auto 0 auto
	}

	.article-road .left .list02 dt figure img {
		width: 100%;
	}

	.article-road .left ul.list li strong {
		color: #fff;
		font-size: 16px;
	}

	.footer .left,
	.footer .right {
		font-size: 12px;
	}
}

@media only screen and (max-width:320px) {}

/* video */
section#y_player01 {
	min-height: 760px;
}

#y_player01 iframe {
	width: 1024px;
}

#y_player01 .tb_row {
	width: 100%;
}

#y_player01 .tb_cell {
	padding: 0;
}

@media only screen and (max-width:1024px) {
	#y_player01 iframe {
		width: 90%;
	}
}

/* @media only screen and (max-width:768px) {
	#y_player01 iframe {
		width: 320px;
	}
} */