@charset "utf-8";
.section1 {
	height: 100vh;
}
/* 슬라이더 슬로건 */
.sloganWrap {
	position: absolute;
	top: 46%;
	width: 100%;
	font-family: 'Cinzel', sans-serif,serif;
	color: #fff;
	transform: translateY(-50%);
	text-align: center;
	z-index: 30;
	overflow: hidden;
}
.sloganWrap h5 {
	font-family: 'Cinzel', sans-serif,serif;
	font-size: 64px;
	line-height: 64px;
	margin: 1% 0;
	transform: scale(1.1);
}
.sloganWrap h6 {
	font-size: 15px;
}
/* 슬라이더 view */
.viewObj {
	position: absolute;
	right: 30px; bottom: 50px;
	font-family: 'Cinzel', sans-serif,serif;
	font-size: 15px;
	color: #fff;
	z-index: 10;
}
.viewObj a {
	position: relative;
	display: inline-block;
	height: 38px;
	margin: 0 12px;
	padding: 0 4px;
	color: #fff;
	line-height: 40px;
	text-align: center;
}
.viewObj a i { margin-right: 10px; }
.viewObj a:before, .viewObj a:after {
	content: '';
	position: absolute;
	right: 0; left: 0;
	margin: auto;
	width: 0; height: 1px;
	background-color: #fff;
	transition: all 280ms ease-in-out;
}
.viewObj a:before { top: 0; }
.viewObj a:after { bottom: 0; }
.viewObj a:hover:after,
.viewObj a:hover:before {
	content: '';
	width: 100%;
	transition: width 350ms ease-in-out;
}

.viewObj .play-pause {
	font-size:13px;
}

.viewObj i {
	cursor:pointer;
}

/* 메인슬라이드 마우스 오버 애니효과 */
.owl-carousel .owl-nav button.owl-prev {
	display: inline-block;
	width: 17%;
	height: 26px;
	overflow: hidden;
}
.owl-carousel .owl-nav button.owl-prev .btn_motion {
	display: inline-block;
	width: 400%;
}
.owl-carousel .owl-nav button.owl-prev:hover .btn_motion {
	animation-name: leftRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.owl-carousel .owl-nav button.owl-next {
	display: inline-block;
	width: 17%;
	height: 26px;
	overflow: hidden;
}
.owl-carousel .owl-nav button.owl-next .btn_motion {
	display: inline-block;
	width: 400%;
	float: right;
}
.owl-carousel .owl-nav button.owl-next:hover .btn_motion {
	animation-name: rightRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.btn_motion i { display: none; }
.btn_motion i:first-child { display: block; }
.btn_motion i { display: inline-block; width: 25%; float: left; text-align: center;}


/* 슬라이더 페이지 */
.pageObj {
	position: absolute;
	right: 0; left: 0; bottom: 50px;
	width: 150px; height: 38px;
	margin: auto;
	line-height: 33px;
	font-family: 'Playfair Display', sans-serif,serif;
	font-size: 24px; font-style: italic;
	color: #fff;
	text-align: center;
	z-index: 10;
}
.pageObj .all:before {
	content: ' of ';
}

.section1-line {
	width:100%; height:10vw; background:#2d2f31;
}

#icon-play {
	margin-right:3px;
}

@media ( max-width: 1365px ) {
	.section1 {
		height: 70vh;
	}
	.firstSlider .owl-carousel .owl-item img {
		width: 100%;
		height: 100%;
		transition: width 0.3s;
	}
	.sloganWrap h5 {
		font-size: 54px;
		line-height: 54px;
	}
	.owl-nav { 
		bottom: 19px;
		width: 145px;
	}
	.owl-nav i:before {
		font-size: 14px;
	}
	.pageObj {
		bottom: 20px;
		width: 90px; height: 32px;
		font-size: 15px;
	}
	.viewObj {
		right: 20px; bottom: 19px;
		font-size: 12px;
	}
	.viewObj a {
		height: 32px;
		line-height: 34px;
	}
}
@media ( max-width: 719px ) {
	.section1 {
		height: auto;
		padding-top: 56.25%;
	}
	.firstSlider {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		margin: auto;
	}
	.sloganWrap { top: 44%; }
	.firstSlider .owl-carousel .owl-item img {
		width: auto;
		object-fit: cover;
		object-position: center;
	}
	.owl-nav {
		bottom: 11%;
		height: 13px;
	}
	.pageObj {
		bottom: 8.6%;
		height: 15px;
		line-height: 15px;
	}
	.sloganWrap img {
		max-width: 8%;
	}
	.sloganWrap h5 {
		font-size: 34px;
		line-height: 34px;
	}
	.sloganWrap h6 {
		font-size: 12px;
	}
	.viewObj {
		right: 0; left: 0; bottom: -9.9vw;
		line-height: 10vw;
		text-align: center;
		animation-name: none!important;
	}
}
@media ( max-width: 380px ) {
	.viewObj {
		bottom: auto;
		line-height: 20vw;
	}
	.section1-line {
		height: 20vw;
	}
}




.room1 .sloganWrap {
	top: 39%;
}
.room1 .sloganWrap .sub_title {
	font-family: 'Open Sans', sans-serif,serif;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
.room1 .sloganWrap h6 {
	font-family: 'Malgun Gothic', sans-serif,serif;
	font-size: 16px;
	color: rgba(255,255,255,1);
}
.room1 .sloganWrap .btn_info {
	display: inline-block;
	width: 60px; height: 60px;
	line-height: 60px;
	margin-top: 30px;
	font-family: 'Playfair Display', sans-serif,serif;
	font-style: italic;
	font-size: 18px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 100%;
}
.room1 .firstSlider .loader::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: rgba(0,0,0,0);
}



@media (max-width: 719px) {
	.room1.section1 {
		padding-top: calc(56.25% + 65px);
	}
	.room1.section1 .firstSlider {
		bottom: auto;
		height: calc(100% - 65px);
	}
	.room1 .sloganWrap {
		top: 24%;
	}
	.room1 .sloganWrap .sub_title {
		font-size: 12px;
	}
	.room1 .sloganWrap .btn_info {
		width: 40px; height: 40px;
		margin-top: 20px;
		line-height: 40px;
		font-size: 14px;
	}
	.room1 .owl-nav { bottom: -33px; }
	.room1 .viewObj {
		position: absolute;
		bottom: -65px;
		left: 0;
		height: 65px;
		background: #7e8389;
		z-index: 0;
	}
	.room1 .viewObj a {
		display: none;
		margin-top: 18px;
	}
	.room1 .pageObj { bottom: -37px; }

	#icon-play {
		position:absolute;
		top:24px;
		right:35px;
		z-index:999;
		font-size:1.4em;
	}

	#icon-pause {
		position:absolute;
		top:24px;
		right:15px;
		z-index:999;
		font-size:1.4em;
	}
}



@media ( max-width: 360px ) {
	.room1 {
		height: 56.8vh;
	}
}



.room2 {
	overflow: hidden;
}
.room2_wrap {
	position: relative;
}
.room2 .title_wrap {
	position: relative;
	width: 100%;
	min-height: 145px;
	margin-top: 70px;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
.room2 .title_wrap .title {
	margin-bottom: 25px;
	font-size: 15px;
	font-weight: bold;
	color: #7e8389;
	letter-spacing: -0.03em;
}
.room2 .title_wrap .title a {
	position: relative;
	display: inline-block;
	margin: 0 20px;
	padding-bottom: 20px;
	transition: color 0.3s;
}
.room2 .title_wrap .title a:hover, .room2 .title_wrap .title a.SEL {
	color: #2d2f31;
}
.room2 .title_wrap .title a::after {
	content: '';
	position: absolute;
	right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 100%; height: 0;
	background: #2d2f31;
	transition: height 0.3s;
}
.room2 .title_wrap .title a:hover::after, .room2 .title_wrap .title a.SEL::after {
	height: 4px;
}
.room2 .room_list {
	position: relative;
	width:1202px;
	margin: auto;
	padding-bottom: 25px;
	text-align:center;
}
.room2 .room_list a {
	display:inline-block;
	margin-right: 30px;
	font-size: 15px;
	color: #7e8389;
	line-height: 35px;
	transition: color 0.3s;
	white-space: nowrap;
}
.room2 .room_list a:hover, .room2 .room_list a.SEL {
	color: #2d2f31;
	font-weight:bold;
}

@media ( max-width: 1365px ) {

	.room2 .title_wrap .title {
		white-space: nowrap;
		overflow-x:auto;
		padding-bottom:30px;
	}

	.room2 .title_wrap .title a {
		margin: 0 15px;
	}


	.room2 .room_list {
		width: 100%;
		height: 35px;
		margin-left: 20px;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
		/* scroll */
	.room2 ::-webkit-scrollbar {
		height: 5px;
	}
	.room2 ::-webkit-scrollbar-track {
		background: transparent;
	}
	.room2 ::-webkit-scrollbar-thumb {
		background: #aaa;
	}

}




@media ( max-width: 1024px ) {}
@media ( max-width: 720px ) {}
@media ( max-width: 360px ) {}



.room3 {
	overflow: hidden;
}
.room3_wrap {
	position: relative;
	width: 100%; height: 460px;
	margin: auto;
	text-align: center;
}
.room3_wrap .deco_title_wrap {
	position: relative;
	width: 100%; height: 300px;
}
.room3_wrap .deco_title_wrap::before {
	content: '';
	position: absolute;
	top: 0; right: 0; left: 0;
	margin: auto;
	display: block;
	width: 260px; height: 300px;
	border: 1px solid #7e8389;
}
.room3_wrap .deco_title_wrap::after {
	content: '';
	position: absolute;
	top: 10px; right: 0; left: 0;
	margin: auto;
	display: block;
	width: 240px; height: 280px;
	border: 2px solid #7e8389;
}
.room3_wrap .deco_title_wrap .deco_title {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	height: 130px;
	margin: auto;
	text-align: center;
	z-index: 1;
}
.room3_wrap .deco_title_wrap .deco_title .sub_title {
	position: absolute;
	top: 0; right: 0; left: 0;
	margin: auto;
	font-family: 'Open Sans', sans-serif,serif;
	font-size: 25px;
	color: rgba(45,47,49,1);
}
.room3_wrap .deco_title h5 {
	display: inline-block;
	height: 85px;
	line-height: 85px;
	margin-top: 22px;
	margin-bottom: 10px;
	padding: 4px 30px 0 30px;
	background: #fff;
	font-family: 'Nanum Pen Script', sans-serif,serif;
	font-size: 100px;
	color: rgba(45,47,49,1);
}
.room3_wrap .deco_title h6 {
	font-family: 'Nanum Gothic Coding', sans-serif,serif;
	font-size: 15px;
	color: rgba(45,47,49,1);
}
.room3_wrap .line {
	position: relative;
	width: 2px; height: 130px;
	margin: 30px auto 0;
	background: #ddd;
}



@media ( max-width: 1365px ) {
	.room3_wrap {
		height: 266px;
	}
	.room3_wrap .deco_title_wrap {
		height: 184px;
	}
	.room3_wrap .deco_title_wrap::before {
		width: 160px; height: 184px;
	}
	.room3_wrap .deco_title_wrap::after {
		top: 6px;
		width: 148px; height: 172px;
	}
	.room3_wrap .deco_title_wrap .deco_title {
		height: 85px;
	}
	.room3_wrap .deco_title_wrap .deco_title .sub_title {
		top: -6px;
		font-size: 15px;
	}
	.room3_wrap .deco_title h5 {
		min-width: 350px;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
		font-size: 34px;
		line-height: 69px;
	}
	.room3_wrap .deco_title h6 {
		margin-top: -28px;
		font-size: 14px;
	}
	.room3_wrap .line {
		height: 70px;
		margin: 12px auto 0;
	}
}




.room4 {
	overflow: hidden;
}
.room4_wrap {
	position: relative;
	width: 100%;
}
.room4_wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 100%;
	background-color: #2d2f31;
}
.room4_wrap .room4_content {
	position: relative;
	width: 78.2vw; height: 27.6vw;
	margin: auto;
	padding-top: 100px;
}
.room4_wrap .room4_content .leftImg {
	display: inline-block;
	width: calc(39.1vw - 10px);
	margin-right: 10px;
}
.room4_wrap .room4_content .rightImg {
	display: inline-block;
	width: calc(39.1vw - 10px);
	margin-left: 10px;
}
.room4_wrap .room4_txt {
	position: relative;
	width: 78.2vw;
	margin: auto;
	text-align: right;
}
.room4_wrap .room4_txt .txt1 {
	position: relative;
	display: inline-block;
	margin-top: 70px;
	font-family: 'Nanum Pen Script', sans-serif,serif;
	font-size: 90px;
	line-height: 70px;
	color: rgba(45,47,49,1);
}
.room4_wrap .room4_txt .txt1::after {
	content: '';
	position: absolute;
	right: 0; bottom: 0;
	width: 400px; height: 1px;
	background: #4c4d4e;
}
.room4_wrap .room4_txt .txt2 {
	margin-top: 8px;
	font-family: 'Malgun Gothic', sans-serif,serif;
	font-size: 14px;
	line-height: 28px;
	font-style: normal;
	letter-spacing: -0.03em;
	color: rgba(45,47,49,1);
}



@media ( max-width: 1365px ) {
	.room4_wrap .room4_content {
		width: 94vw;
		height: 33.2vw;
	}
	.room4_wrap .room4_content .leftImg {
		width: calc(47vw - 10px);
	}
	.room4_wrap .room4_content .rightImg {
		width: calc(47vw - 10px);
	}
}



@media ( max-width: 1024px ) {
	.room4_wrap::before {
		height: 70%;
	}
	.room4_wrap .room4_content {
		width: 90vw;
		height: auto;
	}
	.room4_wrap .room4_content .leftImg {
		width: 100%;
		height: 50vw;
	}
	.room4_wrap .room4_content .rightImg {
		display: block;
		width: 100%;
		height: 50vw;
		margin-top: 20px;
		margin-left: 0;
	}
	.room4_wrap .room4_txt {
		width: 94vw;
	}
	.room4_wrap .room4_txt .txt1 {
		position: relative;
		display: block;
		margin-top: 60px;
		font-size: 34px;
		line-height: 44px;
	}
	.room4_wrap .room4_txt .txt1::after {
		width: 60%;
	}
	.room4_wrap .room4_txt .txt2 {
		margin-top: 8px;
		font-size: 12px;
		line-height: 28px;
	}
}
@media ( max-width: 720px ) {
	.room4_wrap::before {
		height: 60%;
	}

}


.room5_wrap {
	position: relative;
	width: 1280px; height: 56vh;
	margin: auto;
}
.room5_slogan {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(32.3% - 100px);
	height: 100%;
	padding-right: 100px;
	text-align: left;
	z-index: 1;
}
.room5_slogan .title {
	position: absolute;
	top: 50%;
	bottom: 0;
	left:0;
	transform: translateY(-50%);
}
.room5_slogan .title .sub_title {
	margin-bottom: 10px;
	font-family: 'Nanum Pen Script', sans-serif,serif;
	font-size: 50px;
	color: rgba(45,47,49,1);
}
.room5_slogan .title h5 {
	position: relative;
	display: inline-block;
	padding-bottom: 14px;
	font-family: 'Cinzel', sans-serif,serif;
	font-size: 48px;
	color: rgba(45,47,49,1);
}
.room5_slogan .title h5::before {
	content: '';
	position: absolute;
	bottom: 0; left: 0;
	width: 500px; height: 1px;
	background: #4c4d4e;
}
.room5_slogan .title h6 {
	margin-top: 16px;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 15px;
	font-style: normal;
	color: rgba(45,47,49,1);
}
.room5_slogan .txt {
	font-family: 'Malgun Gothic', sans-serif,serif;
	margin-top: 55px;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: -0.03em;
	color: rgba(126,131,137,1);
}
.room5_wrap .loader {
	display: inline-block;
	width: 67.7%;
}

.room5_line {
	border-bottom: 1px solid #ddd;
}

@media ( max-width: 1365px ) {
	.room5_wrap {
		width: 93.33%;
		height: 56.5vh;
	}
	.room5_wrap .loader {
		position: absolute;
		top: 0; right: 0; left: 413px;
		width: auto;
	}
	.room5_slogan {
		width: 313px;
	}
}


@media ( max-width: 1024px ) {
	.room5_wrap {
		width: 96.8%;
		height: auto;
		padding-top: 50vw;
		text-align: left;
	}
	.room5_wrap .loader {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 50vw;
	}
	.room5_slogan {
		position: relative;
		display: block;
		width: 96.8%;
		margin: auto;
		padding-right: 0;
	}
	.room5_slogan .title {
		margin-top: 64px;
		padding-top: 0;
		position: relative;
		top: auto; right: auto;
		transform: none;
	}
	.room5_slogan .title h5 {
		display: block;
	}
	.room5_slogan .title h5::before {
		right: auto;
		left: 0;
		width: 80%;
	}
	
}


@media ( max-width: 720px ) {
	.room5_wrap {
		height: auto;
		padding-top: 73.7vw;
	}
	.room5_wrap .loader {
		height: 73.7vw;
	}
	.room5_slogan .title h5 {
		font-size: 32px;
	}
}


@media ( max-width: 360px ) {
	.room5_wrap {
		width: 89%;
	}
	.room5_slogan {
		width: 100%;
	}
	.room5_slogan .title h5 {
		display: block;
	}
	.room5_slogan .title h6 {
		padding-right: 4px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.room5_slogan .txt {
		margin-top: 50px;
		letter-spacing: -0.04em;
	}
}


.room6 {
	overflow: hidden;
}
.room6_wrap {
	position: relative;
	width: 1275px;
	text-align: center;
	margin: auto;
}
.room6_wrap .price_top {
	position: relative;
	width: 94%;
	margin: auto;
}
.room6_wrap .price_top .lastM {
	position: absolute;
	top: 0; left: 30px;
	display: inline-block;
	font-size: 14px;
	color: #7e8389;
	line-height: 26px;
}
.room6_wrap .price_top .nextM {
	position: absolute;
	top: 0; right: 30px;
	display: inline-block;
	font-size: 14px;
	color: #7e8389;
	line-height: 26px;
}
.room6_wrap .price_top .fal {
	font-size: 26px;
	color: #000;
	vertical-align: middle;
}
.room6_wrap .date_wrap {
	width: 320px;
	font-size: 14px;
	color: #7e8389;
	margin: auto;
	line-height: 26px;
}
.room6_wrap .date_wrap span {
	display: inline-block;
	margin: 0 20px;
}
.price_table_wrap {
	position: relative;
	margin: 30px auto;
	width: 1275px;
}
.price_table {
	width: 1275px;
	font-size: 14px;
	color: #2d2f31;
}
.price_table .today {
	background: #f2f2f3;
}
.price_table thead {
	background: #f8f8f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.price_table thead th {
	padding: 15px 0;
	border-right: 1px solid #ddd;
}
.price_table thead th:last-child {
	border-right: none;
}
.price_table tbody td {
	padding: 15px 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}
.price_table tbody td:last-child {
	border-right: none;
}
.price_table tbody td .notice {
	display: inline-block;
	min-width: 80px;
	height: 20px;
	line-height: 20px;
	margin-top: 7px;
	margin-bottom: 8px;
	padding: 0 12px;
	font-size: 12px;
	font-weight: 100;
	color: #fff;
	background: #7e8389;
	border-radius: 50px;
}
.price_table tbody td .before-price {
	margin-bottom: 6px;
	font-weight: normal;
	color: #7e8389;
	text-decoration: line-through;
}
.price_table tbody td .price {
	font-weight: bold;
	color: #2d2f31;
}
.price_table tbody tr.state {
	background: #f2f2f3;
}
.price_table tbody tr.state .on {
	color: #2d2f31;
}
.price_table tbody tr.state .off {
	color: #7e8389;
}
.room_info {
	position: relative;
	width: 1275px;
	margin: auto;
	overflow: hidden;
}
.room_info .info_txt {
	float: left;
	display: inline-block;
	width: 23%;
	font-size: 14px;
	letter-spacing: -0.02em;
	line-height: 28px;
	text-align: left;
	vertical-align: top;
}
.room_info .info_txt.info_txt_fac {
	width: 28%;
	padding-right: 2%;
}
.room_info .info_txt:first-child {
	padding-left:1%;
	/*padding-right:1%;*/
}
.room_info .info_txt .title {
	color: #000;
	font-weight: bold;
	margin-bottom:15px;
}
.room_info .info_txt .txt {
	padding-left:8px;
	color: #7e8389;
	line-height:22px;
}
.info_icon_wrap {
	position: relative;
	width: 1275px;
	height: 100px;
	margin: 100px auto 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.info_icon_wrap .info_icon {
	display: inline-block;
	width: 100px;
	margin-top: 22px;
	color: #7e8389;
}
.info_icon_wrap .info_icon i {
	font-size: 24px;
}
.info_icon_wrap .info_icon p {
	margin-top: 13px;
	font-size: 14px;
}



@media ( max-width: 1365px ) {
	/* scroll */
	.room6 ::-webkit-scrollbar {
		height: 5px;
	}
	.room6 ::-webkit-scrollbar-track {
		background: transparent;
	}
	.room6 ::-webkit-scrollbar-thumb {
		background: #aaa;
	}
	.room6_wrap {
		width: 93.3%;
	}
	.price_table_wrap {
		width: 100%;
		overflow-x: scroll;
	}
	.price_table_wrap .price_table {
		width: 1275px;
	}
	.room_info {
		width: 80%;
		margin: auto;
	}
	.room_info .info_txt {
		width: 44%;
		margin-top: 45px;
	}
	.room_info .info_txt:nth-child(odd) {
		width: 50%;
		padding-right: 6%;
	}
	.room_info .info_txt:first-child {
		padding-left: 0;
	}
	.info_icon_wrap {
		width: 100%;
	}
	.info_icon_wrap .info_icon {
		width: 9.09%;
	}
}


@media ( max-width: 1024px ) {
	.room_info {
		width: 100%;
	}
	.room_info .info_txt {
		width: 100%;
	}
	.room_info .info_txt:nth-child(odd) {
		width: 100%;
		padding-right: 0;
	}
	.info_icon_wrap {
		height: auto;
		text-align: left;
	}
	.info_icon_wrap .info_icon {
		width: 16.66%;
		margin-bottom: 22px;
		text-align: center;
	}
}

@media ( max-width: 720px ) {
	.room6_wrap .date_wrap {
		display: block;
		width: 100%;
		padding-bottom: 38px;
	}
	.room6_wrap .price_top .lastM {
		top: auto;
		bottom: 0;
		left: 20%;
	}
	.room6_wrap .price_top .nextM {
		top: auto;
		bottom: 0;
		right: 20%;
	}
	.price_table_wrap .price_table {
		width: 1051px;
	}
	.info_icon_wrap .info_icon {
		width: 33.33%;
		margin-bottom: 18px;
	}

}


/* preview page 하단배너 */
.room7.section4 .fixed_list .loader:hover::before {
	opacity: 0.55;
}
.room7 .fixed_list .section4_txt .btn_line::before {
	background: #fff;
}


.room8 {
	overflow: hidden;
}
.room8_wrap {
	position: relative;
	width: 1275px;
	margin: auto;
}
.room8_wrap .room8_top {
	position: relative;
	width: 100%; height: 390px;
}
.room8_wrap .room8_top .leftImg {
	display: inline-block;
	width: 541px;
}
.room8_wrap .room8_top .rightDeco {
	position: relative;
	display: inline-block;
	width: 734px; height: 100%;
}
.room8_wrap .room8_top .rightDeco img {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
}
.room8_wrap .room8_bottom {
	position: relative;
	width: 100%; height: 610px;
}
.room8_wrap .room8_bottom .bottom_left {
	float: left;
	display: inline-block;
	width: 864px; height: 100%;
}
.room8_wrap .room8_bottom .centerImg {
	display: inline-block;
	width: 323px; height: 310px;
	margin-left: 541px;
	vertical-align: top;
}
.room8_wrap .room8_bottom .leftImg {
	display: inline-block;
	width: 541px; height: 300px;
	vertical-align: top;
}
.room8_wrap .room8_bottom .rightImg {
	float: left;
	display: inline-block;
	width: 411px; height: 100%;
}

@media ( max-width: 1274px ) {
	.room8_wrap {
		width: 90vw;
	}
	.room8_wrap .room8_top {
		height: 29vw;
	}
	.room8_wrap .room8_top .leftImg {
		width: 40vw;
	}
	.room8_wrap .room8_top .rightDeco {
		width: 50vw;
	}
	.room8_wrap .room8_top .rightDeco img {
		max-width: 80%;
	}
	.room8_wrap .room8_bottom {
		height: 42vw;
	}
	.room8_wrap .room8_bottom .bottom_left {
		width: 61vw;
	}
	.room8_wrap .room8_bottom .centerImg {
		width: 21vw;
		height: 19vw;
		margin-left: 40vw;
	}
	.room8_wrap .room8_bottom .leftImg {
		width: 40vw;
		height: 23vw;
	}
	.room8_wrap .room8_bottom .rightImg {
		width: 29vw;
	}
}


@media ( max-width: 720px ) {
	.room8_wrap {
		width: 95vw;
	}
	.room8_wrap .room8_top {
		height: auto;
	}
	.room8_wrap .room8_top .leftImg {
		width: 100%;
		height: 68vw;
	}
	.room8_wrap .room8_top .rightDeco {
		width: 50%;
		height: 43vw;
	}
	.room8_wrap .room8_bottom {
		position: relative;
		height: auto;
	}
	.room8_wrap .room8_bottom .bottom_left {
		width: 100%;
	}
	.room8_wrap .room8_bottom .centerImg {
		position: absolute;
		top: -43vw; right: 0;
		width: 50%;
		height: 43vw;
		margin-left: 0;
	}
	.room8_wrap .room8_bottom .leftImg {
		width: 100%;
		height: 53vw;
	}
	.room8_wrap .room8_bottom .rightImg {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 140vw;
		margin-top: 75px;
	}
}



.section4 { overflow: hidden; }
.section4 .fixed_list {
	position: relative;
	overflow: hidden;
}
.section4 .fixed_list a {
	display: block;
}
.section4 .fixed_list .loader {
	position: relative;
	height: 36.5vw;
	background-attachment: fixed;
	overflow: hidden;
}
.section4 .fixed_list .loader::before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: #000;
	opacity: 0.55;
	transition: opacity 1s;
}
.section4 .fixed_list .loader:hover::before {
	opacity: 0;
}
.section4 .fixed_list .section4_txt {
	position: absolute;
	top: 50%; left: 16.5vw;
	transform: translateY(-50%);
	margin: auto;
}
.section4 .fixed_list .section4_txt .TRAN {
	transform: translateX(-30%);
}
.section4 .fixed_list  .section4_txt .txt1 {
	font-family: 'Cinzel', sans-serif;
	font-size: 54px;
	line-height: 65px;
	color: rgba(255,255,255,1);
}
.section4 .fixed_list  .section4_txt .txt2 {
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 14px;
	font-style: normal;
	color: rgba(255,255,255,1);
	line-height: 20px;
}


/* go  마우스오버 애니 효과 */
.fixed_list .section4_txt .btn_line {
	transform: translateX(-30%);
}
.fixed_list .section4_txt .btn_line::before {
	transition: background 0.5s;
}
.fixed_list a:hover .section4_txt .btn_line::before {
	background: #fff;
}
.fixed_list .section4_txt .go {
	transition: color 0.5s;
}
.fixed_list a:hover .section4_txt .go {
	width: 400%;
	text-align: center;
	animation-name: leftRepeat;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	color: #fff;
}





@media (max-width: 1600px) {
	.section4 .fixed_list .loader {
		height: 36.5vw;
	}
	.section4 .fixed_list .section4_txt .txt1 {
		font-size: 40px;
		line-height: 50px;
	}
	.section4 .fixed_list .section4_txt .btn_go_left {
		margin-top: -15px;
	}
}

@media ( max-width: 1024px ) {
	.section4 .fixed_list .loader {
		height: 36.5vw;
		background-attachment: inherit;
	}
	.section4 .fixed_list a .section4_txt .txt1 {
		font-size: 30px;
		line-height: 40px;
	}
}

@media ( max-width: 720px ) {
	.section4 .fixed_list .loader {
		height: 60.5vw;
	}
	/* .fixed list .loader.TRAN 
	.section4 .fixed_list a .loader.TRAN { 
		opacity: 1;
	}
	.section4 .fixed_list.ANI a .loader.TRAN::before {
		background: transparent;
		transition: background 0.7s;
	}
	*/
	.section4 .fixed_list .section4_txt .txt1 {
		font-size: 28px;
		line-height: 31px;
	}
	.section4 .fixed_list .section4_txt .btn_go_left {
		margin-top: -10px;
	}
	.section4 .fixed_list .section4_txt .txt2 {
		margin-top: 0;
		font-size: 12px;
	}
	.section4 .fixed_list .section4_txt {
		left: 3.5vw;
	}
}
@media ( max-width: 380px ) {
	.section4 .fixed_list .loader {
		height: 71.5vw;
	}
}


/* 가격표 */

.room_price_wrap {
	position: relative;
	width: 1275px;
	text-align: center;
	margin: auto;
}
.week_date {
	position: relative;
	width: 320px;
	font-size: 14px;
	color: #7e8389;
	margin: auto;
	line-height: 24px;
}
.week_date .prv {
	position: absolute;
	top: 0; left: 0;
	height: 42px;
	font-size: 26px;
	color: #000;
	vertical-align: middle;
	cursor: pointer;
}
.week_date .next {
	position: absolute;
	top: 0; right: 0;
	height: 42px;
	font-size: 26px;
	color: #000;
	vertical-align: middle;
	cursor: pointer;
}

.room_rprice {
	position: relative;
	margin: 30px auto;
	width: 1275px;
}
#tblRate {
	width: 1275px;
	font-size: 14px;
	color: #2d2f31;
	text-align: center;
}
#tblRate .head {
	background: #f8f8f9;
}
#tblRate .head td {
	padding: 15px 0;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#tblRate .head td:last-child {
	border-right: none;
}
#tblRate .head td.satur {
	color: blue;
}
#tblRate .head td.sun {
	color: red;
}
#tblRate .ss td.ssn {
	width:200px;
	padding: 15px 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}
#tblRate .ss .ssn:last-child {
	border-right: none;
}
#tblRate .rprice td {
	padding: 20px 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#tblRate .rprice td:last-child {
	border-right: none;
}
#tblRate .rprice td .dc {
	display: inline-block;
	min-width: 50px;
	height: 20px;
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0 12px;
	font-size: 12px;
	font-weight: 100;
	color: #fff;
	background: #7e8389;
	border-radius: 50px;
}
#tblRate .rprice td .rate {
	margin-bottom: 6px;
	font-weight: normal;
	color: #7e8389;
	text-decoration: line-through;
}
#tblRate .rprice td .sale {
	font-weight: bold;
	color: #2d2f31;
}
#tblRate .state {
	background: #f2f2f3;
}
#tblRate .state td {
	padding: 15px 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}
#tblRate .state td:last-child {
	border-right: none;
}
#tblRate .rstate {
	
}
#tblRate .state .soff {
	color: #7e8389;
	cursor: normal;
}

@media ( max-width: 1365px ) {
	/* scroll */
	.room_price_wrap ::-webkit-scrollbar {
		height: 5px;
	}
	.room_price_wrap ::-webkit-scrollbar-track {
		background: transparent;
	}
	.room_price_wrap ::-webkit-scrollbar-thumb {
		background: #aaa;
	}
	.room_price_wrap {
		width: 93.3%;
	}
	
	.room_rprice {
		width: 100%;
		overflow-x: scroll;
	}
	#tblRate {
		width: 1275px;
	}
}


@media ( max-width: 720px ) {
	#tblRate {
		width: 1051px;
	}
}


/*
.preview {
	overflow: hidden;
}
.preview_wrap {
	position: relative;
	width: 100%; height: 480px;
	overflow: hidden;
}
.preview_wrap::before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: rgba(0,0,0,0.45);
}
.preview_wrap::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: url(''previewBg.png) center bottom no-repeat;
}
.preview_wrap .slogan {
	position: absolute;
	top: 49%; right: 0; left: 0;
	margin: auto;
	transform: translateY(-50%);
	text-align: center;
}
.preview_wrap .slogan .adjective {
	margin-bottom: 18px;
	font-family: 'Meie Script', cursive;
	font-size: 36px;
	color: #fff;
}
.preview_wrap .slogan h5 {
	font-family: 'Cinzel', sans-serif;
	font-size: 54px;
	color: #fff;
}

.preview_tab {
	position: absolute;
	right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 100%; height: 47px;
	text-align: center;
}
.preview_tab ::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
.preview_tab .tab {
	position: relative;
	display: inline-block;
	margin: 0 18px;
	padding: 16px 0;
	font-size: 15px;
	font-weight: bold;
	color: #7e8389;
}
.preview_tab .tab::after {
	content: '';
	position: absolute;
	right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 100%; height: 0;
	background: #fff;
	transition: height 0.5s;
}
.preview_tab .tab.tab_ov, .preview_tab .tab:hover {
	color: #fff;
}
.preview_tab .tab:hover::after, .preview_tab .tab.tab_ov::after {
	height: 4px;
}



@media ( max-width: 1300px ) {
	.preview {
		height: 41vh;
		min-height: 340px;
	}
	.preview_wrap {
		height: 100%;
	}
	.preview_wrap .slogan {
		position: absolute;
		top: 40%; right: 0; left: 0;
		margin: auto;
		transform: translateY(-50%);
		text-align: center;
	}
	.preview_wrap .slogan .adjective {
		margin-bottom: 10px;
	}
	.preview_wrap .slogan h5 {
		font-size: 34px;
	}
}


@media ( max-width: 770px ) {
	.preview_tab {
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}
}
*/








.room_price_wrap .room_price {
	width:14.25%;
}
.room_price_wrap .room_price { border-right: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; margin-top: 1%; }
.room_price_wrap .room_price > ul { text-align: center; }
.room_price_wrap .room_price > ul > li { border-bottom: 1px solid #cfcfcf; font-size: 0.775rem; font-family: 'Malgun Gothic',sans-serif; }
.room_price_wrap .room_price > ul > li.r_date { padding: .5rem; background: #fafafa; }
.room_price_wrap .room_price > ul > li.r_period { padding: .7rem; }
.room_price_wrap .room_price > ul > li.r_price { padding: .9rem; }
.room_price_wrap .room_price > ul > li.r_state { padding: .9rem; font-size: 0.775rem; background: #fafafa; }
.room_price_wrap .room_price > ul > li.statusN { color : #ff0000; }
.room_price_wrap .room_price:last-child { border-right: none; }
/* .room_price_wrap .top_date { margin-bottom: 0.5%; } */
.room_price_wrap .top_date img { margin: 0 0.5%; }
.room_price_wrap .satur { color: blue; }
.room_price_wrap .sun { color: red; }
.bounce_btn_prev, .bounce_btn_next { cursor: pointer; }


.room_price_wrap .bounce-btn-left {
	padding-right:10px;
}

.room_price_wrap .bounce-date-title {
	font-size:15px;
}

.room_price_wrap .bounce-btn-right {
	padding-left:10px;
}

.room_price_wrap .bounce_week_date img {
	cursor:pointer;
}


.room_price_wrap .dc {
	display: inline-block;
  min-width: 50px;
  height: 20px;
  margin-bottom: 8px;
  line-height: 20px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 100;
  color: #fff;
  background: #7e8389;
  border-radius: 50px;
}

.room_price_wrap .dc-text {
	margin-bottom: 6px;
  font-weight: normal;
  color: #7e8389;
  text-decoration: line-through;
}

.room_price_wrap .booking-able {
	background-color:rgb(181,176,172);
	/*color:#fff;*/
}

.room_price_wrap .booking-done {
	background-color:#ddd;
}

@media (max-width: 719px) {
	.room_price_wrap .bounce_week_date {
		padding:10px 0;
	}

	.room_price_wrap .room_price {
		width:33.3333333%;
	}
}