#vimeo-area {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 100%; height: 100%;
	z-index: 10;
}
#firstMovie {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#firstMovie .movie {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
}
#firstMovie .movieSlogan {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	height: 120px;
	text-align: center;
}
#firstMovie .movieSlogan .videoPlay {
	width: 120px; height: 120px;
	margin: auto;
	background: url(../images/video.png) 0 no-repeat;
}


/* mTrip */
.mTrip {
	position: relative;
	width: 100%;
	background: url(../images/travel/travels_bg.jpg) top left no-repeat #f4f4f4;
	overflow: hidden;
}
.mTrip_wrap {
	position: relative;
	width: 100%;
	max-width: 1520px;
	margin: auto;
}
.mTrip_wrap .sub_title {
	position: absolute;
	top: -40px; right: 0; left: 0;
	margin: auto;
}
.mTrip_wrap .sub_title h5 span {
	display: inline-block;
	transform: translateX(-100px);
}
.mTrip_wrap .sub_title h5 .title_deco {
	left: -80px;
	width: 210px;
}

.mTrip_wrap .section_wrap {
	margin-top: 20px;
	padding-bottom: 140px;
	font-size: 0;
}
.mTrip_wrap .section_wrap .section {
	display: inline-block;
	width: calc(33.3% - 13px); height: 660px;
	vertical-align: top;
}
.mTrip_wrap .section_wrap .section:nth-child(2) {
	margin-right: 20px;
	margin-left: 20px;
}
.mTrip_wrap .section_wrap .section .list {
	position: relative;
	display: inline-block;
	width: 100%; height: 660px;
	vertical-align: top;
}
.mTrip_wrap .section_wrap .section .list::before {
	content: '';
	position: absolute;
	top: 0; bottom: 0; right: 0; left: 0;
	margin: auto;
	width: 30px; height: 30px;
	background: url(../images/travel/btn_plus.png) 0 0 no-repeat;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: opacity 0.4s, visibility 0.4s;
}
.mTrip_wrap .section_wrap .section .list:hover::before {
	opacity: 1;
	visibility: visible;
}
.mTrip_wrap .section_wrap .section .list::after {
	content: '';
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 0;
	margin: auto;
	background: rgba(34,34,34,0.3);
	transition: width 0.4s;
}
.mTrip_wrap .section_wrap .section .list:hover::after {
	width: 100%;
}
.mTrip_wrap .section_wrap .section.section-half .list { height: 320px; }
.mTrip_wrap .section_wrap .section.section-half .list:nth-child(2) { margin-top: 20px; }
.mTrip_wrap .list h5 {
	position: absolute;
	right: 20px; bottom: 20px;
	font-size: 20px;
	color: #fff;
	transition: bottom 0.3s;
	z-index: 1;
}
.mTrip_wrap .list:hover h5 { bottom: 45px; }
.mTrip_wrap .list h6 {
	position: absolute;
	right: 20px; bottom: 20px;
	font-size: 16px;
	color: #ccc;
	opacity: 0;
	visibility: hidden; 
	z-index: 1;
	transition: opacity 0.3s, visibility 0.3s;
}
.mTrip_wrap .list:hover h6 {
	opacity: 1;
	visibility: visible;
}

/* mOcean */
.mOcean {
	position: relative;
	width: 100%;
	max-width: 2560px;
	margin: auto;
	overflow: hidden;
}
.mOcean_wrap {
	position: relative;
	width: 100%; height: 100%;
}
.mOcean .box {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 450px; height: 220px;
	padding-top: 56px;
	text-align: center;
	z-index: 1;
}
.mOcean .box::before {
	content: '';
	position: absolute;
	top: 0; right: 0;
	width: 235px; height: 20px;
	background: #e6e0da;
	z-index: -1;
}
.mOcean .box::after {
	content: '';
	position: absolute;
	top: 20px; left: 0;
	width: 100%; height: 200px;
	background: #fff;
	z-index: -1;
}
.mOcean .box h5 {
	display: inline-block;
	width: 297px; height: 70px;
	margin-bottom: 25px;
	font-size: 38px; font-weight: bold;
	line-height: 77px;
	background: #e6e0da;
}
.mOcean .lImg {
	position: absolute;
	top: 0; left: 0;
	width: calc(50% - 10px);
	height: 100%;
	transform: translateX(-60%);
}
.mOcean .rImg {
	position: absolute;
	top: 4%; right: 0;
	width: calc(50% - 10px);
	height: 92%;
	transform: translateX(60%);
}

/* mFixed */
.mainFixed {
	padding-top: 28.4%;
}
.mainFixed .fixedTxt {
	height: 83px;
}



/* 메인 ondo */
.mOndo {
	position: relative;
	width: 100%; height: 493px;
	background: #fff;
	overflow: hidden;
}
.mOndo .left {
	position: absolute;
	top: 0; left: 0;
	width: 200px; height: 100%;
	background: url(../images/main/mOndo1.jpg) 0 0 no-repeat;
}
.mOndo .right {
	position: absolute;
	top: 0; right: 0;
	width: 200px; height: 100%;
	background: url(../images/main/mOndo2.jpg) 0 0 no-repeat;
}
.mOndo_wrap {
	position: relative;
	width: 100%; height: 100%;
	margin: auto;
}
.mOndo_wrap .txt {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 430px; height: 256px;
	transition: all 1.7s;
}

/* 메인 여행지 링크 */
.mTravel {
	height: 600px;
	background: url(../images/main/mTravel.jpg) center center no-repeat;
	overflow: hidden;
}
.mTravel .content {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	height: 176px;
	text-align: center;
	transform: translateY(50px);
}
.mTravel .content h5 {
	font-size: 48px;
	line-height: 48px;
	color: #fff;
}
.mTravel .content .text_eng {
	margin-top: 20px;
	color: #ababab;
}
.mTravel .content .btn_travel {
	display: inline-block;
	width: 195px; height: 45px;
	margin-top: 45px;
	background: url(../images/main/btn_travel.png) center center no-repeat;
	background-color: transparent;
	border: 1px solid #fff;
	transition: background-color 0.3s, border 0.3s;
}
.mTravel .content .btn_travel:hover {
	background-color: #927e6b;
	border: 1px solid #927e6b;
}