#video {
	background: url(/img/video_bg.jpg) 0 0 no-repeat fixed;
	padding-top: 136px;
	background-size: cover;
	position: absolute;
	top: 100%;
	z-index: 20;
	width: 100%;
}
#video .container:after {
	content: ''; 
	display: table; 
	clear: both;
}
#video h2 {
	float: left;
	margin-top: 14.6%;
	
} 
#video h2:after {
	content: '';
	display: block;
	width: 1px;
	height: 216px;
	background-color: #000;
	margin-left: 48%;
	margin-top: 20px;
}
#video .video_wrap {
	float: right;
	width: 73.7%;
	margin-right: 13.5%;
}
/*#video .video_wrap .video {*/
/*	width: 100%;*/
/*	height: 665px;*/
/*	background-color: #000;*/
/*}*/
#video .video_wrap p {
	font-size: 22px;
	color: #222;
	margin-top: 25px;
	text-align: center;
}
#video .vod {
	position: relative;
	overflow: hidden;
}
#video #vimeo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1940px;
	height: 1091px;
}
#video .player-ctrl{
	position: absolute;
	z-index: 200;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	text-align: center;	
}
#video .play_btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background-color: rgba(0,0,0,0);
	border: none;
	outline: none;
	cursor: pointer;
}









#intro {
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 8%;
	padding-top: 5%;
}
#intro .left {
	float: left;
	text-align: right;
	width: 57.5%;
}
#intro .left_img {
	width: 100%;
}
#intro .left p {
	margin-top: 49px;
}
#intro .right {
	float: right;
	margin-top: 108px;
	width: 40.6%;
}





#room {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
/*	margin-top: 8%;*/
	padding-bottom: 7.5%;
	background-color: #fff;
}
#room h2,
#room .small_title {
	text-align: center;
}
#room h2 {
	margin: 11px 0 40px 0;
}
#room .small_title:before {
	content: '';
	display: block;
	width: 1px;
	height: 108px;
	background-color: #E6E6E6;
	margin: 0 auto 20px;
}
#room .small_title {
	font-size: 16px;
	color: #888;
	line-height: 26px;
}
#room .type_name {
	text-align: center;
}
#room .type_name p {
	display: inline-block;
	font-size: 18px;
	color: #777777;
	position: relative;
	padding-bottom: 8px;
	overflow: hidden;
	transition: color 0.2s ease-in;
	-webkit-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	cursor: pointer;
}
#room .type_name p:first-child {
	margin-right: 71px;
}
#room .type_name p.active {
	color: #000;
}
#room .type_name p.active:after {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}
#room .type_name p:after {
	content: '';
	display: block;
	width: 195px;
	height: 2px;
	background-color: #000;
	margin-top: 8px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in;
	-moz-transition: transform 0.2s ease-in;
	-o-transition: transform 0.2s ease-in;
}
#room .type_name p:hover:after {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}
#room .type_name p:hover {
	color: #000;
}
#room .room_list {
	margin-top: 50px;
	position: relative;
}
#room .room_list .item {
	text-align: center;
}
#room .room_list .item .img_wrap {
	position: relative;
}
#room .room_list .item .img_wrap .over {
	position: absolute;
	top: 0;
	width: 92.6%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	opacity: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#room .room_list .item .img_wrap .over a {
	margin: 57% 0 0 0;
	display: inline-block;
}
#room .room_list .item:hover .over {
	opacity: 1;
}
#room .room_list .item .name {
	color: #333;
	font-size: 18px;	
	margin-top: 10px;
}
#room .room_wrap {
	display: none;
}
#room .room_active {
	display: block;
}




#special {
	font-size: 0;
	padding-top: 6.5%;
	background-color: #fff;
}
#special h2 {
	text-align: center;
	background-color: #fff;
}
#special h2 img {
	width: 50.5%;
}
#special .special_bg {
	background: url(/img/special_bg.jpg) 0 0 no-repeat fixed;
	padding-top: 9.5%;
	padding-bottom: 9.5%;
	overflow: hidden;
	background-size: cover;
}
#special .img_group {
	float: left;
	width: 63.1%;
}
#special .img_group a {
	display: none;
}
#special .img_group a.active {
	display: block;
}
#special .img_group img {
	width: 100%;
}
#special .content_wrap {
	float: left;
	width: 26%;
}
#special .content_group {
	margin-left: 19%;
}
#special .content_group .item {
	display: none;
	height: 130px;
}
#special .content_group .item h3 img {
	max-width: 100%;
}
#special .content_group .active {
	display: block;
}
#special .content_group .item .text {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	margin-top: 15px;
}
#special .arrow_button {
	margin-left: 19%;
	margin-top: 33px;
}
#special .arrow_button .btn {
	position: relative;
	display: inline-block;
	width: 21.2%;
}
#special .arrow_button .btn .over {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
} 
#special .arrow_button .btn img {
	cursor: pointer;
	width: 100%;
}
#special .arrow_button .btn .over:hover {
	opacity: 1;
}
#special .arrow_button .btn_prev {
	margin-right: 18px;
}
#special .title_group {
	margin-top: 12.8%;
	padding-left: 21%;
	overflow: hidden;
}
#special .title_group p {
	font-size: 18px;
	color: rgba(255,255,255,0.7);
	line-height: 42px;
	position: relative;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	cursor: pointer;
}
#special .title_group p:hover {
	color: rgba(255,255,255,1);
/*	font-weight: 600;*/
}
#special .title_group p.active {
	color: rgba(255,255,255,1);
}
#special .title_group p.active:after {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}
#special .title_group p:after {
	content:'';
	display: block;
	width: 283px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: -27%;

	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in;
	-moz-transition: transform 0.2s ease-in;
	-o-transition: transform 0.2s ease-in;
}
#special .title_group p:nth-child(1):after {
	width: 230px;
}
#special .title_group p:nth-child(2):after {
	width: 180px;
}
#special .title_group p:nth-child(3):after {
	width: 190px;
}
#special .title_group p:nth-child(4):after {
	width: 190px;
}
#special .title_group p:nth-child(5):after {
	width: 210px;
}
#special .title_group p:nth-child(6):after {
	width: 190px;
}
#special .title_group p:hover:after {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}





#service {
	padding-top: 6.3%;
	background-color: #fff;
	padding-bottom: 8.7%;
}
#service h2,
#service .small_title {
	text-align: center;
}
#service .small_title {
	font-size: 16px;
	color: #888;
	line-height: 26px;
	margin: 19px 0 70px;
}
#service .service_list {
	overflow: hidden;
	font-size: 0;
}
#service .service_list .item {
	float: left;
	position: relative;
	margin-right: 4.5%;
}
#service .service_list .item:last-child {
	margin-right: 0;
}
#service .service_list .item p {
	position: absolute;
	top: 43%;
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	font-size: 22px;
	z-index: 8;
	height: 51px;
	line-height: 51px;
	border-radius: 25px;
	text-align: center;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#service .service_list .item1 p,
#service .service_list .item5 p {
	width: 260px;
}	
#service .service_list .item2 p,
#service .service_list .item4 p {
	width: 220px;
}
#service .service_list .item p a {
	display: inline-block;
	color: #fff;
	padding: 0 21px;
}
#service .service_list .item p img {
	vertical-align: middle;
	margin-left: 11px;
	opacity: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#service .service_list .item .over {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 5;
	opacity: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#service .service_list .item:hover .over {
	opacity: 1;
}
#service .service_list .item:hover p {
	background-color: #000;
}
#service .service_list .item:hover p img {
	opacity: 1;
}
#service .top_list .item {
	margin-bottom: 3.2%;
	width: 30.2%;
}	
#service .top_list .item .img {
	width: 100%;
}
#service .bottom_list {
	width: 63.5%;
	margin: 0 auto;
}
#service .bottom_list .item {
	margin-right: 4.9%;
	width: 47.5%;
}
#service .bottom_list .item .img {
	width: 100%;
}







#tour {
	background-color: #F9F9F9;
/*	margin-top: 8.7%;*/
	
	position: relative;
}
#tour .callbacks_nav {
	display: none;
}
#tour .callbacks_tabs {
	position: absolute;
	bottom: 33%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
#tour .callbacks_tabs li {
	background: url(/img/dot_out.png) 0 0 no-repeat;	
	width: 21px;
	height: 21px;
	padding-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
#tour .callbacks_tabs .callbacks_here {
	background: url(/img/dot_over.png) 0 0 no-repeat;
	vertical-align: top;
	padding-right: 12px;
}
#tour .callbacks_tabs li a {
	color: rgba(0,0,0,0);
}
#tour h2,
#tour .small_title {
	text-align: center;
}
#tour h2 {
	margin: 46px 0 7px;
}
#tour .small_title {
	font-size: 16px;
	color: #888;
	line-height: 26px;
	padding-bottom: 65px;
}


@media (max-width: 1400px) {
	#header h1 {
		padding: 20px 0 0 27px;
	}
	#header .gnb_menu>li {
		padding: 0 37px;
	}
	#header .gnb_menu .gnb7 {
		padding-right: 32px;
	}
	#header .reservation {
		width: 151px;
	}
	#special .content_group .item .text {
		font-size: 14px;
	}
	#special .title_group {
		margin-top: 6.4%;
	}
	#special .title_group p {
		font-size: 15px;
		line-height: 26px;
	}
	#service .service_list .item p {
		font-size: 18px;
		height: 43px;
		line-height: 43px;
	}
	#service .service_list .item p a {
		padding: 0 22px;
	}
	#room .type_name p {
		font-size: 16px;
	}
	#room .room_list .item .name {
		font-size: 16px;
	}
	#tour .callbacks_tabs {
		bottom: 43%;
	}
}