﻿@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* 나눔 고딕 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); /* 본   고딕 */
@import url(https://fonts.googleapis.com/css?family=Advent+Pro:100,300,600); /* Advent Pro */

/*Not Draggable (+IE9)*/
html, body {
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
::-moz-selection {
  background: transparent;
}
::selection {
  background: transparent;
}

/* Default */
a, body, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, li, ol, p, span, sup, ul {
	padding: 0;
	margin: 0;
	line-height: 160%;
	vertical-align: middle;
	line-height: 1;
}
article, aside, footer, header, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
html {
	position: relative;
	top: 0;
}
body {
	font-family: "Noto Sans KR", Helvetica,"Apple SD Gothic Neo", Sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #333;
	line-height: 1;
}
button, input, option, select, textarea {
	font-family: "Noto Sans KR", Helvetica,"Apple SD Gothic Neo", Sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Noto Sans KR", Helvetica,"Apple SD Gothic Neo", Sans-serif;
	font-size: 12px;
	font-weight: 300;
	line-height: 1;
}
fieldset, img {
	border: 0 none;
}
a, button, input, label, select, textarea {
	vertical-align: middle;
}
button, input, select, textarea {
	border-radius: 0;
	outline: none;
	box-shadow: inset none !important;
}
option {
	font-size: 14px;
}
button,
input[type="submit"] {
	border: none;
	background-color: #28313d;
	cursor: pointer;
	color: #FFF;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
}
textarea {
	min-height: 200px;
}
span {
	vertical-align: 0;
}
ol, ul {
	list-style-type: none;
}
a {
	text-decoration: none;
}
p {
	word-break: break-all;
}
address, em {
	font-style: normal;
}
sup {
	font-weight: bold;
	color: #E7610A;
}
input[type="password"],
input[type="text"] {
	-webkit-appearance: none;
}
.hidden, legend {
	position: fixed;
	top: -100%;
	width: 100px;
	height: 20px;
	color: transparent;
	overflow: hidden;
}

#wrap {
	min-width: 1260px;
	overflow: hidden;
}
#container {
	min-height: 800px;
}
@media all and (max-width:1024px) {
	#wrap {
		min-width: 320px;
		padding-top: 55px;
	}
	#container {
		min-height: 600px;
	}
}

/* Input Placeholder Style */
.placeholder {
	position: relative;
	background-color: #FFF;
	border: 1px solid #ccc;
}
.placeholder .inp-holder,
.placeholder .inp-place {
	width: 100%;
	padding: 0 10px;
	background-color: #FFF;
	font-size: 15px;
	line-height: 50px;
	color: #28313d;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.placeholder .inp-holder {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
	text-align: left;
	cursor: text;
}
.placeholder .inp-place {
	border: none;
	height: 50px;
	margin: 0;
}
.placeholder.ie8 .inp-holder {
	z-index: 2;
}
.placeholder.ie8 .inp-holder.hidden {
	position: absolute;
	top: 0;
	left: -999999px;
	z-index: -9999999;
	width: 1px;
	height: 1px;
}
@media all and (max-width:460px) {
	.placeholder .inp-holder,
	.placeholder .inp-place {
		font-size: 13px;
		line-height: 40px;
	}
	.placeholder .inp-place {
		border: none;
		height: 40px;
		margin: 0;
	}
}

/* 공통 Style - Button Group */
.btn-group.center {
	text-align: center;
}
.btn-group.right {
	text-align: right;
}
.btn-group a,
.btn-group button,
.btn-group input[type="image"],
.btn-group input[type="submit"] {
	width: 45%;
	max-width: 110px;
	height: 40px;
	margin: 0 2px;
	border: 1px solid #28313d;
	background-color: #FFF;
	font-size: 16px;
	font-weight: 400;
	color: #28313d;
	vertical-align: 0;
}
.btn-group a {
	display: inline-block;
	text-align: center;
	line-height: 38px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.btn-group a.black,
.btn-group button.black,
.btn-group input.black {
	border-color: #000;
	background-color: #000;
	color: #FFF;
}
.btn-group a.color,
.btn-group button.color,
.btn-group input.color {
	border-color: #000;
	background-color: #000;
	color: #FFF;
}
.btn-group a.bd-color,
.btn-group button.bd-color,
.btn-group input.bd-color {
	border-color: #fc5c62;
	color: #fc5c62;
}
@media all and (max-width:460px) {
	.btn-group a,
	.btn-group button,
	.btn-group input[type="image"],
	.btn-group input[type="submit"] {
		width: 30%;
		font-size: 14px;
	}
}

/* Pager Style*/
.board-under {
	position: relative;
	clear: both;
	max-width: 1200px;
	padding: 5px 0;
	margin: 0 auto;
	text-align: center;
}
.board-under .bd-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 120px;
	height: 40px;
	background-color: #222;
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
	line-height: 40px;
}
.board-under .bd-btn.color {
	background-color: #fc5c62;
}
.pager {
	display: inline-block;
	text-align: center;
}
.pager a {
	float: left;
	position: relative;
	display: inline-block;
	width: 35px;
	height: 33px;
	border: 1px solid #D4D5D6;
	border-left-width: 0;
	background-color: #FFF;
	font-size: 14px;
	text-align: center;
	color: #727272;
	line-height: 33px;
	overflow: hidden;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}
.pager a:first-child {
	border-left-width: 1px;
}
.pager a:hover {
	background-color: #F2F2F2;
	font-weight: 400;
	color: #28313d;
}
.pager .move {
	text-indent: -9999px;
}
.pager .move:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: "Advent Pro";
	font-size: 16px;
	font-weight: 600;
	text-indent: 0;
	line-height: 33px;
}
.pager .move.first:before {
	content: "<<";
	letter-spacing: -1px;
}
.pager .move.prev:before {
	content: "<";
}
.pager .move.next:before {
	content: ">";
}
.pager .move.last:before {
	content: ">>";
	letter-spacing: -1px;
}
.pager a.on {
	margin-left: -1px;
	z-index: 9;
	border-left-width: 1px;
	background-color: #000;
	font-weight: 600;
	color: #fff;
}
@media all and (max-width:460px) {
	.board-under .bd-btn {
		position: static;
		display: block;
		margin: 20px auto 0;
	}
}

/* Header */
#header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	min-width: 1240px;
	padding: 0 10px;
	border-bottom: 1px solid  #ddd;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#header .inner {
	width: 1200px;
	height: 70px;
	margin: 0 auto;
}
#header h1 {
	float: left;
	width: 200px;
	height: 50px;
	padding: 10px 0px;
}
#header h1 a {
	display: block;
	height: 50px;
	background: url(../room/logo01.png) no-repeat left center;
	text-indent: -9999px;
	color: transparent;
	overflow: hidden;
}
#nav ul {
	float: left;
	margin-top: 20px;
	overflow: hidden;
}
#nav ul li {
	float: left;
	padding: 0px 20px;
}
#nav ul li a {
	display: block;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	color: #000;
	line-height: 30px;
}
#nav ul li a:hover {
	border-bottom: 2px solid #333;
}
#nav .m-visible {
	display: none;
}
.res-nav {
	float: right;
	padding-top: 15px;
}
.res-nav a {
	display: inline-block;
	height: 40px;
	margin-left: 5px;
	border-radius: 6px;
	font-size: 14px;
	text-align: center;
	color: #000;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.res-nav .res-confirm {
	width: 80px;
	border: 1px solid #c3c3c3;
	line-height: 38px;
}
.res-nav .book-btn {
	width: 90px;
}
.nav-btn {
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 999;
	display: none;
	cursor: pointer;
	width: 35px;
	height: 35px;
	margin-top: -17.5px;
	text-align: center;
}
.nav-btn span {
	position: relative;
	z-index: 99;
	display: inline-block;
	width: 30px;
	height: 3px;
	margin-top: 15px;
	background-color: #333;
}
.nav-btn span:after,
.nav-btn span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 3px;
	margin-left: -15px;
	background-color: #333;
}
.nav-btn span:before {
	margin-top: -11px;
}
.nav-btn span:after {
	margin-top: 8px;
}
.nav-open .nav-btn span,
.nav-open .nav-btn span:after,
.nav-open .nav-btn span:before {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.nav-open .nav-btn span {
	background-color: rgba(255,255,255,0);
	transform: rotate(360deg);
}
.nav-open .nav-btn span:before {
	margin-top: -1px;
	transform: rotate(45deg);
}
.nav-open .nav-btn span:after {
	margin-top: -1px;
	transform: rotate(135deg);
}
.nav-open {
	overflow: hidden;
}
@media all and (max-width:1024px) {
	#header {
		position: fixed;
		min-width: 320px;
		padding: 0 50px 0 10px;
	}
	#header .inner {
		width: auto;
		height: 55px;
	}
	#header h1 {
		width: 150px;
		height: 55px;
		padding: 0;
	}
	#header h1 a {
		height: 55px;
		background-image: url(../room/logo02.png);
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	#nav ul {
		position: fixed;
		left: 0;
		top: 55px;
		z-index: 9999999;
		float: none;
		width: 100%;
		height: 0;
		margin-top: 0;
		background-color: #222;
		background-color: rgba(34,34,34,0.9);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		opacity: 0;
	}
	#nav ul li {
		float: none;
		text-align: center;
	}
	#nav ul li a {
		max-width: 200px;
		padding: 20px 0;
		margin: 0 auto;
		color: #fff;
	}
	#nav .m-visible {
		display: block;
	}
	.res-nav {
		padding-top: 10px;
	}
	.res-nav a {
		height: 35px;
		margin-left: 0;
		margin-right: 5px;
		font-size: 13px;
		line-height: 35px;
	}
	.res-nav .res-confirm {
		line-height: 33px;
	}
	.nav-open #nav ul {
		padding-top: 10%;
		height: -webkit-calc(100% - 50px);
		height: -moz-calc(100% - 50px);
		height: calc(100% - 50px);
		opacity: 1;
	}
	.nav-btn {
		display: inline-block;
	}
	.nav-btn span,
	.nav-btn span:after,
	.nav-btn span:before,
	#nav *{
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
}
@media all and (max-width:460px) {
	#header h1 {
		width: 110px;
	}
	.res-nav {
		padding-top: 12.5px;
	}
	.res-nav a {
		height: 30px;
		font-size: 11px;
		font-weight: 500;
		line-height: 30px;
	}
	.res-nav .res-confirm {
		width: 60px;
		line-height: 28px;
	}
	.res-nav .book-btn {
		width: 75px;
	}
}
@media all and (max-width:360px) {
	.res-nav .res-confirm { display: none; }
}

/*Footer*/
#footer {
	padding: 30px 10px 40px;
	background-color: #232323;
}
#footer .inner {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	color: #a9a9a9;
}
#footer .totop {
	position: fixed;
	z-index: 999;
	bottom: -50px;
	left: 50%;
	width: 1300px;
	height: 0;
	margin-left: -650px;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#footer .totop.on {
	bottom: 50px;
	opacity: 1;
}
#footer .totop a {
	float: right;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	line-height: 40px;
}
#footer .ft-contact {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
#footer .ft-contact div {
	color: #ccc;
}
#footer .ft-contact div a {
	display: inline-block;
	margin-left: 5px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	vertical-align: 0;
}
#footer .ft-contact > a {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 10px 2px;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	word-break: break-all;
	color: transparent;
}
#footer .ft-contact .fb {background-image: url(ico-sns-fb01.png); }
#footer .ft-contact .insta {background-image: url(ico-sns-insta01.png); }
#footer .ft-contact .blog {background-image: url(ico-sns-blog01.png); }
#footer .ft-info {
	margin-bottom: 10px;
	line-height: 150%;
}
#footer .ft-info span {
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #666;
}
@media all and (max-width:1024px) {
	#footer .totop {
		left: 0;
		width: 100%;
		margin: 0;
	}
	#footer .totop.bt2.on {
		bottom: 135px;
	}
	#footer .totop a {
		margin: 5px;
		border-radius: 100px;
		font-size: 13px;
	}
	#footer .ft-contact {
		position: static;
		margin-bottom: 10px;
		text-align: center;
	}
	#footer .ft-contact > a {
		-webkit-background-size: cover;
		background-size: cover;
	}
	#footer .ft-contact .fb {background-image: url(ico-sns-fb01b.png); }
	#footer .ft-contact .insta {background-image: url(ico-sns-insta01b.png); }
	#footer .ft-contact .blog {background-image: url(ico-sns-blog01b.png); }
	#footer .ft-copy,
	#footer .ft-info {
		text-align: center;
	}
}
@media all and (max-width:743px) {
	#footer .inner {
		font-size: 12px;
	}
	#footer .ft-info {
		font-size: 12px;
	}
	#footer .ft-info span {
		display: block;
		padding: 0;
		margin: 0;
		border-left: none;
		line-height: 150%;
	}
}

/* Main */
.main-visual {
	max-height: 960px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
}
.main-visual li {
	position: relative;
	height: 190px;
	padding: 245px 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	text-align: center;
	overflow: hidden;
}
.main-visual li .tit {
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	line-height: 150%;
	margin-top:220px;
}
.main-visual li p {
	margin-bottom: 20px;
	font-size: 22px;
	color: #fff;
	line-height: 150%;
}
.main-visual li .btn {
	display: inline-block;
	min-width: 180px;
	height: 50px;
	padding: 0 15px;
	font-size: 16px;
	font-weight: 400;
	line-height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.main-visual li .btn:after {
	content: ">";
	margin-left: 10px;
	font-family: "Advent Pro";
}
.room-list.main-room-list {
	max-width: 100%;
	padding: 50px 5px;
	margin-bottom: 50px;
	background-color: #f8f8f8;
}
.room-list.main-room-list .inner {
	max-width: 1236px;
	margin: 0 auto;
}
.room-list.main-room-list ul li a { background-color: #fff; }
.main-greeting {
	max-width: 1200px;
	margin: 0 auto 60px;
	background: url(../room/center.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}
.main-greeting .inner {
	width: 50%;
	padding: 60px 10px;
	background: url(bg-black-op70.png) repeat center;
	text-align: center;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.main-greeting .tit {
	font-size: 26px;
	line-height: 35px;
}
.main-greeting .tit b {
	display: inline-block;
	font-size: 28px;
	line-height: 35px;
}
.main-greeting .txt {
	max-width: 400px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 400;
	line-height: 160%;
}
.main-greeting .txt:before {
	content: "";
	display: block;
	width: 200px;
	height: 1px;
	margin: 20px auto;
	background-color: #fff;
}
.main-review {
	padding: 40px 0 60px;
	margin-bottom: 60px;
	background: #d5cbbd;
}
.main-review .inner {
	max-width: 1200px;
	margin: 0 auto;
}
.main-review h1 {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 150%;
}
.main-review .subtit {
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center;
	line-height: 150%;
}
.main-review .bx-wrapper {
	position: relative;
	max-width: 1200px;
	padding: 0 10px;
	margin: 0 auto;
}
.main-review li a {
	display: block;
	position: relative;
}
.main-review li a:before,
.main-review li a:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.main-review li a:before {
	top: 0;
	right: 0;
}
.main-review li a:after {
	bottom: 0;
	left: 0;
}
.main-review li a:hover:before {
	width: 100%;
	height: 100%;
	border-width: 1px 1px 0 0;
}
.main-review li a:hover:after {
	width: 100%;
	height: 100%;
	border-width: 0 0 1px 1px;
}
.main-review li .img img {max-width: 100%; }
.main-review li .info {
	padding: 10px;
	background-color: #fff;
	color: #000;
}
.main-review li .info > div {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 150%;
}
.main-review li .tit {
	font-size: 16px;
	font-weight: 500;
}
.main-review li .txt {
	font-size: 14px;
	font-weight: 400;
}
.main-review .bx-controls-direction a {
	position: absolute;
	top: 100px;
	z-index: 9;
	width: 70px;
	height: 50px;
	line-height: 100;
	overflow: hidden;
}
.main-review .bx-controls-direction a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: "Advent Pro";
	font-size: 50px;
	font-weight: 100;
	text-align: center;
	color: #fff;
	line-height: 1;
}
.main-review .bx-controls-direction .bx-prev {
	left: 0;
}
.main-review .bx-controls-direction .bx-next {
	right: 0;
}
.main-review .bx-controls-direction .bx-prev:before {
	content: "<";
}
.main-review .bx-controls-direction .bx-next:before {
	content: ">";
}
.quick-contact {
	display: table;
	width: 100%;
	max-width: 1200px;
	padding: 0 10px;
	margin: 0 auto 60px;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.quick-contact > div {
	display: table-cell;
}
.quick-contact .contact-form {
	width: 400px;
	padding: 0 40px;
	text-align: center;
}
.quick-contact .contact-form h1 {
	font-size: 26px;
	font-weight: 500;
	line-height: 150%;
}
.quick-contact .contact-form .subtit {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 150%;
}
.quick-contact .contact-form .placeholder {
	margin-bottom: 10px;
	border-color: #fff;
}
.quick-contact .contact-form  textarea,
.quick-contact .contact-form  input {
	color: #fff;
}
.quick-contact .contact-form .plc-wrap {
	overflow: hidden;
}
.quick-contact .contact-form .plc-wrap .placeholder {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.quick-contact .contact-form .plc-wrap .placeholder:first-child {
	border-right: none;
}
.quick-contact .contact-form .plc-wrap .placeholder .inp-holder,
.quick-contact .contact-form .plc-wrap .placeholder .inp-place {
	height: 40px;
	font-weight: 300;
	line-height: 40px;
}
.quick-contact .contact-form  textarea {
	min-height: 100px;
	padding: 5px 10px;
	font-weight: 300;
	line-height: 150%;
	resize: none;
}
.quick-contact .contact-form input[type="submit"] {
	width: 100%;
	height: 40px;
	margin-bottom: 30px;
	border: none;
	background-color: #fff;
	font-size: 18px;
	font-weight: 500;
	color: #454545;
}
.quick-contact .contact-form .ph {
	font-size: 18px;
}
.quick-contact .contact-form .ph a {
	display: inline-block;
	font-size: 28px;
	font-weight: 400;
	color: #fff;
	vertical-align: 0;
}
.quick-contact .map {
	position: relative;
	border-left: 10px solid #fff;
}
.quick-contact .map iframe {
	width: 100%;
	height: 400px;
}
.quick-contact .map .address {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	padding: 20px 10px;
	background: url(bg-black-op70.png);
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	line-height: 150%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.quick-contact .contact-form ::-webkit-input-placeholder {
	color: #fff;
	transition: opacity 250ms ease-in-out;
}
.quick-contact .contact-form :focus::-webkit-input-placeholder {
	opacity: .5;
}
.quick-contact .contact-form :-ms-input-placeholder {
	color: #fff;
	transition: opacity 250ms ease-in-out;
}
.quick-contact .contact-form :focus:-ms-input-placeholder {
	opacity: .5;
}
.quick-contact .contact-form :-moz-placeholder {
	color: #fff;
	opacity: 1;
	transition: opacity 250ms ease-in-out;
}
.quick-contact .contact-form :focus:-moz-placeholder {
	opacity: .5;
}
.quick-contact .contact-form ::-moz-placeholder {
	color: #fff;
	opacity: 1;
	transition: opacity 250ms ease-in-out;
}
.quick-contact .contact-form :focus::-moz-placeholder {
	opacity: .5;
}
.main-review li a:before,
.main-review li a:after {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@media all and (max-width:1024px) {
	.main-visual {
		margin-bottom: 0;
	}
	.main-visual li {
		padding: 15% 0;
		margin: 0;
		height: 170px;
		background-position: center;
		background-attachment: scroll;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.main-visual li .tit {
		font-size: 30px;
	}
	.main-visual li p {
		font-size: 16px;
	}
	.room-list.main-room-list {
		margin-bottom: 30px;
	}
	.room-list.main-room-list h1 {
		font-size: 24px;
	}
	.room-list.main-room-list .subtit {
		font-size: 16px;
	}
	.main-greeting {
		margin: 0 10px 60px;
	}
	.main-greeting .inner {
		width: auto;
		padding: 10% 10px;
	}
	.main-greeting .tit {
		font-size: 20px;
		line-height: 30px;
	}
	.main-greeting .tit b {
		font-size: 22px;
		line-height: 30px;
	}
	.main-greeting .txt {
		font-size: 14px;
	}
	.main-greeting .txt:before {
		width: 110px;
	}
	.main-review h1 {
		font-size: 24px;
	}
	.main-review .subtit {
		font-size: 16px;
	}
	.main-review li .tit {
		font-size: 14px;
	}
	.main-review li .txt {
		font-size: 12px;
	}
	.quick-contact .contact-form {
		width: 50%;
		padding: 0 3%;
	}
	.quick-contact .contact-form h1 {
		font-size: 22px;
	}
	.quick-contact .contact-form .subtit {
		margin-bottom: 15px;
		font-size: 13px;
	}
	.quick-contact .contact-form input[type="submit"] {
		margin-bottom: 20px;
	}
	.quick-contact .contact-form .placeholder .inp-holder,
	.quick-contact .contact-form .placeholder .inp-place {
		font-size: 13px;
	}
	.quick-contact .contact-form .ph {
		font-size: 16px;
	}
	.quick-contact .contact-form .ph a {
		font-size: 22px;
	}
}
@media all and (max-width:743px) {
	.main-visual {
	max-height: 320px;
	}
	.main-visual li .tit {
		font-size: 22px;
		margin-top:50px;
	}
	.main-visual li p {
		font-size: 13px;
	}
	.main-visual li .btn {
		min-width: 140px;
		height: 40px;
		font-size: 14px;
		line-height: 40px;
	}
	.room-list.main-room-list {
		padding: 20px 5px 30px;
	}
	.room-list.main-room-list h1 {
		font-size: 20px;
	}
	.room-list.main-room-list .subtit {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.main-greeting {
		margin-bottom: 30px;
	}
	.main-greeting .tit {
		font-size: 18px;
		line-height: 150%;
	}
	.main-greeting .tit b {
		font-size: 16px;
		line-height: 150%;
	}
	.main-greeting .txt {
		font-size: 12px;
	}
	.main-review {
		padding: 30px 0 40px;
		margin-bottom: 0;
	}
	.main-review h1 {
		font-size: 20px;
	}
	.main-review li .tit {
		font-size: 12px;
	}
	.main-review li .txt {
		font-size: 10px;
	}
	.main-review .subtit {
		font-size: 14px;
	}
	.main-review .bx-controls-direction a {
		top: -75px;
		height: 30px;
	}
	.main-review .bx-controls-direction a:before {
		font-size: 30px;
		line-height: 30px;
	}
	.quick-contact {
		display: block;
		padding: 0;
		margin: 0;
	}
	.quick-contact > div {
		display: block;
	}
	.quick-contact .contact-form {
		width: auto;
		padding: 20px 5%;
	}
	.quick-contact .map {
		border-left: 0 none;
	}
	.quick-contact .map .address {
		padding: 15px 10px;
		font-size: 13px;
	}
}

/* Container Common */
.sub-visual {
	display: table;
	width: 100%;
	height: 280px;
	padding-top: 70px;
	background: url(../room/page_top.jpg) no-repeat center 0 fixed;
	table-layout: fixed;
}
.sub-visual h1 {
	display: table-cell;
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	line-height: 150%;
}
.path {
	height: 60px;
	padding: 20px;
	margin-bottom: 50px;
	border-bottom: 1px solid #c3c3c3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.path .inner {
	max-width: 1200px;
	margin: 0 auto;
	vertical-align: middle;
}
.path a {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(ico-home01.png) no-repeat center;
	color: transparent;
	line-height: 20px;
	vertical-align: top;
}
.path span {
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
}
.path span:before {
	content: ">";
	display: inline-block;
	height: 20px;
	margin: 0 10px;
	font-family: "Advent Pro";
	font-size: 20px;
	line-height: 20px;
	vertical-align: top;
}
.path span b {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
}
@media all and (max-width:1024px) {
	.sub-visual {
		height: 130px;
		padding: 0;
		background-position: center;
		background-attachment: scroll;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.sub-visual h1 {
		font-size: 30px;
		text-shadow: 1px 1px 3px #000;
	}
	.path {
		height: 40px;
		padding: 10px;
		margin-bottom: 40px;
	}
	.path a {
		height: 15px;
		background: url(ico-home01b.png) no-repeat center;
		-webkit-background-size: 15px;
		background-size: 15px;
	}
	.path span {
		font-size: 12px;
		line-height: 15px;
	}
	.path span:before {
		height: 12px;
		font-size: 12px;
		line-height: 15px;
	}
	.path span b {
		font-size: 14px;
	}
}

/* Room List Common */
.room-list {
	max-width: 1236px;
	padding: 0 5px 90px;
	margin: 0 auto;
	overflow: hidden;
}
.room-list h1 {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 150%;
}
.room-list .subtit {
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center;
	line-height: 150%;
}
.room-list ul {
	overflow: hidden;
}
.room-list li {
	float: left;
	display: inline-block;
	width: 376px;
	padding: 18px;
}
.room-list a {
	display: block;
	border: 1px solid #dcdcdc;
}
.room-list .img {
	position: relative;
	padding-top: 200px;
	border-bottom: 1px solid #dcdcdc;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.room-list .info {
	padding: 25px 20px;
	border-bottom: 1px solid #dcdcdc;
	color: #333;
}
.room-list .info .tit {
	max-height: 60px;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	overflow: hidden;
}
.room-list .info .people {
	height: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #9d9d9d;
	line-height: 20px;
	overflow: hidden;
}
.room-list .info .txt {
	height: 50px;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	overflow: hidden;
}
.room-list .btn {
	position: relative;
	height: 45px;
	margin: 0 auto;
	background-color: #f8f8f8;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	color: #333;
	text-indent: 10px;
	line-height: 45px;
	overflow: hidden;
}
.room-list .btn:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 120px;
	width: 16px;
	height: 16px;
	margin-top: -9px;
	border-radius: 100px;
	background: url(ico-arrow06.png) no-repeat center #454545;
	overflow: hidden;
}
.room-list .btn:after {
	content: "객실 자세히 보기";
	position: absolute;
	top: -45px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 45px;
	font-weight: 400;
	color: #fff;
	line-height: 45px;
}
.room-list li a:hover .btn:before {
	background: url(cabinet/images/ico-arrow07.pngico-arrow07.png) no-repeat center transparent;
}
.room-list .btn,
.room-list a:hover .btn:before,
.room-list .btn:after {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.room-list .btn:before {
	-webkit-transition: all 0s ease 0.3s;
	-moz-transition: all 0s ease 0.3s;
	-ms-transition: all 0s ease 0.3s;
	-o-transition: all 0s ease 0.3s;
	transition: all 0s ease 0.3s;
}
@media all and (min-width:1024px) {
	.room-list li a:hover { border-color: #454545; }
	.room-list li a:hover .btn {
		background-color: #454545;
		line-height: 180px;
	}
	.room-list li a:hover .btn:after {
		top: 0;
	}
}
@media all and (max-width:1024px) {
	.room-list li {
		width: 50%;
		padding: 10px 5px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.room-list .info .tit {
		max-height: 50px;
		font-size: 16px;
		line-height: 25px;
	}
	.room-list .info .people {
		margin-bottom: 5px;
		font-size: 12px;
	}
	.room-list .info .txt {
		max-height: 40px;
		font-size: 13px;
		line-height: 20px;
	}
	.room-list .btn {
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
	.room-list .btn:before {
		left: 50%;
		margin-left: -60px;
		background: url(ico-arrow06b.png) repeat center #454545;
		-webkit-background-size: 16px;
		background-size: 16px;
	}
	.room-list li a:hover .btn:before {
		background: url(ico-arrow07b.png) repeat center transparent;
		-webkit-background-size: 16px;
		background-size: 16px;
	}
}
@media all and (max-width:743px) {
	.room-list a,
	.room-list a > div {
		display: block;
	}
	.room-list .img {
		padding-top: 70%;
	}
	.room-list .info {
		width: auto;
		padding: 10px;
	}
	.room-list .info .tit {
		height: 20px;
		font-size: 14px;
		line-height: 20px;
	}
	.room-list .info .txt {
		height: 30px;
		margin-bottom: 0;
		font-size: 12px;
		line-height: 15px;
	}
}
@media all and (max-width:460px) {
	.room-list .btn {
		height: 25px;
		font-size: 12px;
		line-height: 25px;
	}
}

/* 예약확인: 예약자 정보입력 */
.res01 {
	position: relative;
	max-width: 1000px;
	padding: 90px 20px 40px;
	margin: 110px auto 80px;
	border: 1px solid #ddd;
	text-align: center;
}
.res01:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 140px;
	height: 140px;
	background: url(ico-clock01.png) no-repeat center;
	margin-top: -70px;
	margin-left: -70px;
}
.res01 .tit {
	font-size: 30px;
	font-weight: 500;
	line-height: 150%;
}
.res01 .txt {
	margin-bottom: 25px;
	font-size: 20px;
	line-height: 150%;
}
.res01 form ul {
	max-width: 560px;
	padding: 20px 10px;
	margin: 0 auto 30px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #c3c3c3;
	overflow: hidden;
}
.res01 form ul li {
	float: left;
	width: 50%;
}
.res01 form ul li label {
	position: relative;
	display: inline-block;
	padding: 0 5px 0 10px;
	font-size: 14px;
	color: #000;
}
.res01 form ul li label:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-radius: 10px;
	background: #fc5c62;

}
.res01 form ul li input {
	width: 200px;
	height: 35px;
	padding: 0 5px;
	border: 1px solid #ddd;
	font-size: 14px;
	font-weight: 400;
	line-height: 35px;
}
.res01 form input[type="submit"] {
	width: 190px;
	height: 50px;
	border-radius: 5px;
	background: url(ico-sch01.png) no-repeat 20px center #fc5c62;
	font-size: 18px;
	font-weight: 500;
	text-indent: 25px;
	color: #fff;
}
@media all and (max-width:1024px) {
	.res01 {
		margin: 110px 10px 80px;
	}
	.res01:before {
		background: url(ico-clock01b.png) no-repeat center;
		-webkit-background-size: 135px;
		background-size: 135px;
	}
	.res01 form input[type="submit"] {
		background: url(ico-sch01b.png) no-repeat 20px center #fc5c62;
		-webkit-background-size: 25px;
		background-size: 25px;
	}
}
@media all and (max-width:743px) {
	.res01 {
		padding: 70px 10px 20px;
		margin: 80px 10px;
	}
	.res01 .tit {
		font-size: 18px;
	}
	.res01 .txt {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.res01:before {
		width: 100px;
		height: 100px;
		-webkit-background-size: 100px;
		background-size: 100px;
		margin: -50px 0 0 -50px;
	}
	.res01 form ul {
		margin-bottom: 15px;
	}
	.res01 form ul li {
		float: none;
		width: auto;
	}
	.res01 form ul li label {
		display: block;
		margin-bottom: 10px;
		font-weight: 500;
		text-align: left;
	}
	.res01 form ul li input {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.res01 form ul li:first-of-type input {
		margin-bottom: 15px;
	}
	.res01 form input[type="submit"] {
		width: 150px;
		height: 40px;
		font-size: 14px;
		background-position: 20px center;
		-webkit-background-size: 18px;
		background-size: 18px;
	}

}

/* 예약확인: 예약 내역 목록 */
.res02 {
	max-width: 1200px;
	padding: 0 10px 80px;
	margin: 0 auto;

}
.res02 .res02-tit {
	padding-bottom: 20px;
}
.res02 .res02-tit h1 {
	display: inline-block;
	margin-right: 5px;
	font-size: 26px;
	font-weight: 500;
	vertical-align: 0;
	line-height: 150%;
}
.res02 .res02-tit p {
	display: inline-block;
	font-size: 16px;
	vertical-align: 0;
	line-height: 150%;
}
.res02 table {
	width: 100%;
	margin-bottom: 20px;
	border-width: 2px 0 0;
	border-style: solid;
	border-color: #000;
	text-align: center;
}
.res02 tr {
	border-bottom: 1px solid #ddd;
}
.res02 th {
	height: 30px;
	padding: 10px;
	background-color: #f9f9f9;
	font-size: 16px;
}
.res02 td {
	height: 30px;
	padding: 10px 5px;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%;
}
.res02 td a {
	display: inline-block;
	max-width: 100%;
	font-weight: 500;
	color: #000;
	line-height: 35px;
	-ms-white-space: nowrap;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.res02 td a:hover {
	text-decoration: underline;
}
.res02 td span {
	display: inline-block;
}
.res02 td.period span {font-weight: 500; }
.res02 td.period .end {
	padding-left: 60px;
	background: url(ico-arrow00.png) no-repeat 15px center;
}
.res02 td.period .nyt {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #c3c3c3;
}
.res02 td.price {font-weight: 600; }
.res02 td.pmt {font-weight: 600; }
.res02 td.cond span {
	width: 85%;
	max-width: 100px;
	height: 35px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	line-height: 35px;
}
.res02 td.cond.canc span {
	background-color: #8f8f8f;
	color: #fff;
}
.res02 td.cond.wait span {
	background-color: #27bfcc;
	color: #fff;
}
.res02 td.cond.comp span {
	background-color: #000;
	color: #fff;
}
.res02 .cancel-guide {
	padding-bottom: 20px;
}
.res02 .cancel-guide h2 {
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
}
.res02 .cancel-guide p {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	line-height: 150%;
}
.res02 .cancel-guide p:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 10px;
	background-color: #454545;
}
.res02 .cancel-guide p a {
	display: inline-block;
	font-weight: 600;
	color: #000;
	line-height: 150%;
	vertical-align: 0;
}
@media all and (max-width:1024px) {
	.res02 table,
	.res02 table tbody,
	.res02 table tr,
	.res02 table td {
		text-align: left;
		display: block;
	}
	.res02 table thead {display: none; }
	.res02 table {
		border: none;
	}
	.res02 table tr {
		position: relative;
		margin-bottom: 20px;
		border-width: 2px 0 0;
		border-style: solid;
		border-color: #000;
	}
	.res02 table td {
		position: relative;
		height: auto;
		padding-left: 150px;
		border-bottom: 1px solid #ddd;
		vertical-align: top;
	}
	.res02 table td a {
		text-decoration: underline;
		line-height: 150%;
		white-space: normal;
		text-overflow: clip;
		overflow: visible;
	}
	.res02 table td:before {
		position: absolute;
		left: 0;
		top: 50%;
		z-index: 5;
		width: 140px;
		height: 20px;
		margin-top: -10px;
		font-weight: 600;
		text-align: center;
		color: #000;
		line-height: 20px;
	}
	.res02 table td:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		width: 140px;
		height: 100%;
		background-color: #f9f9f9;
	}
	.res02 table td.room:before {content: "ROOM"; }
	.res02 table td.period:before {content: "예약일자"; }
	.res02 table td.date:before {content: "신청일"; }
	.res02 table td.price:before {content: "총금액"; }
	.res02 table td.pmt:before {content: "결제/입금 금액"; }
	.res02 table td.cond:before {content: "예약상태"; }
	.res02 td.period .end {
		padding-left: 40px;
		background: url(ico-arrow00b.png) no-repeat 5px center;
		-webkit-background-size: 30px;
		background-size: 30px;
	}
}
@media all and (max-width:743px) {
	.res02 table td {
		font-size: 12px;
		padding-left: 95px;
	}
	.res02 table td:before,
	.res02 table td:after {
		width: 90px;
	}
	.res02 td.period .end {
		padding-left: 30px;
		-webkit-background-size: 20px;
		background-size: 20px;
	}
	.res02 td.cond span {
		max-width: 80px;
		height: 30px;
		font-size: 13px;
		line-height: 30px;
	}
}

/* 예약확인: 예약 내역 상세 */
.res03 {
	max-width: 1200px;
	padding: 0 10px 70px;
	margin: 0 auto;
}
.res03 h1 {
	margin: 20px 0 10px;
	font-size: 24px;
	font-weight: 500;
	line-height: 150%;
}
.res03-smry .inner {
	padding: 40px;
	margin-bottom: 50px;
	border-width: 2px;
	border-style: solid;
	border-color: #000;
	overflow: hidden;
}
.res03-smry .smry-room {
	position: relative;
	padding-bottom: 40px;
	padding-left: 300px;
}
.res03-smry .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
}
.res03-smry .img img {
	width: 100%;
}
.res03-smry table {
	font-size: 15px;
}
.res03-smry table th {
	width: 100px;
	height: 20px;
	padding: 3px 0;
	font-weight: 400;
	text-align: left;
	color: #777;
	line-height: 150%;
	vertical-align: top;
}
.res03-smry table td {
	padding: 3px 0;
	font-weight: 400;
	line-height: 150%;
	vertical-align: top;
}
.res03-smry table td a {
	color: #000;
}
.res03-smry table td .cond {
	display: inline-block;
	width: 80px;
	height: 25px;
	background-color: #27bfcc;
	font-weight: 500;
	text-align: center;
	color: #fff;
	line-height: 25px;
}
.res03-smry .cost {
	padding-top: 10px;
	margin-top: 15px;
	border-top: 1px solid #c3c3c3;
}
.res03-smry .cost > div {
	padding-top: 5px;
	overflow: hidden;
}
.res03-smry .cost > div > div {
	float: left;
}
.res03-smry .cost-dt {
	width: 100px;
	font-size: 15px;
	line-height: 25px;
}
.res03-smry .cost-dd {
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
}
.res03-smry .total-cost {
	height: 50px;
	background-color: #454545;
	font-size: 15px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	vertical-align: middle;
}
.res03-smry .total-cost span {
	margin: 0 5px;
	font-size: 18px;
	font-weight: 600;
	vertical-align: 0;
}
.res03-tbl {
	width: 100%;
	margin-bottom: 40px;
	border-width: 2px 0 0;
	border-style: solid;
	border-color: #000;
	font-size: 15px;
	text-align: left;
	font-weight: 400;
}
.res03-tbl tr {
	border-bottom: 1px solid #ddd;
}
.res03-tbl th {
	width: 100px;
	height: 25px;
	padding: 10px 20px;
	background-color: #f9f9f9;
	font-weight: 500;
	line-height: 150%;
}
.res03-tbl td {
	height: 25px;
	padding: 10px;
	line-height: 150%;
}
@media all and (max-width:1024px) {
	.res03-smry .inner {
		padding: 3%;
		margin-bottom: 30px;
	}
}
@media all and (max-width:743px) {
	.res03-smry .smry-room {
		padding-bottom: 20px;
		padding-left: 0;
	}
	.res03-smry .img {
		position: static;
		width: 100%;
		max-width: 200px;
		margin-bottom: 10px;
	}
	.res03-smry table {
		font-size: 12px;
	}
	.res03-smry .cost {
		padding-top: 5px;
		margin-top: 5px;
	}
	.res03-smry .cost-dt {
		font-size: 13px;
	}
	.res03-smry .cost-dd {
		font-size: 15px;
	}
	.res03-smry .total-cost {
		height: 40px;
		line-height: 40px;
	}
	.res03-tbl {
		margin-bottom: 30px;
		font-size: 12px;
	}
	.res03-tbl th {
		width: 60px;
		padding: 10px;
	}
}

/* 후기: 공통 & 목록 */
.review {
	max-width: 1200px;
	padding: 0 10px 70px;
	margin: 0 auto;
}
.review h1 {
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	line-height: 150%;
}
.review .sibtit {
	margin-bottom: 40px;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 150%;
}
.review-list {
	margin-bottom: 30px;
	border-width: 2px 0 0;
	border-style: solid;
	border-color: #000;
}
.review-list li {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #c3c3c3;
}
.review-list li a {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.review-list li .img {
	display: table-cell;
	width: 190px;
}
.review-list li .txt {
	display: table-cell;
	padding-left: 20px;
	color: #000;
}
.review-list li .tit {
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
}
.review-list li .con {
	margin: 10px 0;
	font-size: 15px;
	line-height: 150%;
}
.review-list li .name {
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
}
.review-list .empty_list {
	padding: 50px 0;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}
.review-view {
	border-top: 2px solid #454545;
	font-size: 15px;
}
.review-view .top {
	padding: 20px 10px;
	border-bottom: 1px solid #c3c3c3;
}
.review-view .top .tit {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 500;
	line-height: 150%;
}
.review-view .top .info span {
	display: inline-block;
	line-height: 150%;
}
.review-view .top .info .name {
	font-weight: 500;
}
.review-view .top .info .date {
	margin-left: 20px;
	font-size: 14px;
	color: #686868;
}
.review-view .content {
	min-height: 400px;
	padding: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #c3c3c3;
	font-weight: 400;
	line-height: 150%;
}
.review-view .content * {
	line-height: 150%;
}
.review-view .content img { max-width: 100%; }
@media all and (max-width:743px) {
	.review .sibtit {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.review .review-list li a {
		display: inline;
	}
	.review .review-list li .img { display: none; }
	.review .review-list li .txt {
		display: block;
		padding: 0;
	}
	.review .review-list li .tit {
		font-size: 14px;
	}
	.review .review-list li .con {
		max-height: 30px;
		margin: 5px 0;
		font-size: 12px;
		line-height: 15px;
		overflow: hidden;
	}
	.review .review-list li .name {
		font-size: 12px;
	}
	.review-view {
		font-size: 13px;
	}
	.review-view .top {
		padding: 10px 5px;
	}
	.review-view .top .tit {
		font-size: 18px;
	}
	.review-view .top .info .date {
		font-size: 12px;
	}
	.review-view .content {
		padding: 5px;
	}
	.review-view .btn-group.right {
		text-align: center;
	}
}

/* 작성 공통 */
.write {
	padding: 10px 0;
	border-top: 2px solid #454545;
}
.write select {
	width: 100%;
	max-width: 200px;
	height: 35px;
	padding-left: 5px;
	border: 1px solid #c3c3c3;
	background: url(ico-arrow02.png) no-repeat 178px center  #fff;
	font-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.write option {
	font-size: 15px;
}
.write input[type="text"],
.write input[type="password"] {
	width: 100%;
	max-width: 200px;
	height: 35px;
	padding: 0 5px;
	border: 1px solid #c3c3c3;
	background-color: #fff;
	font-size: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.write input[type="file"] {
	width: 100%;
	max-width: 400px;
	padding: 5px;
	border: 1px solid #c3c3c3;
	background-color: #fff;
	font-size: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.write input.inp-long { max-width: 100%; }
.write textarea {
	width: 100%;
	min-height: 200px;
	padding: 5px;
	border: 1px solid #c3c3c3;
	background-color: #fff;
	font-size: 15px;
	resize: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.write table {
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #c3c3c3;
}
.write th,
.write td {
	height: 30px;
	padding: 10px;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	line-height: 150%;
}
.write th {
	width: 130px;
	font-weight: 500;
}
.write .del_file {
	position: relative;
	width: 400px;
	margin-top: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.write .del_file input {
	position: absolute;
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	margin-top: -8px;
}
.write .del_file label {
	display: block;
	padding: 5px 10px 5px 40px;
	border: 1px solid #ddd;
	font-size: 13px;
	line-height: 20px;
}
@media all and (max-width:1024px) {
	.write select {
		background: url(ico-arrow02b.png) no-repeat 97% center  #fff;
		-webkit-background-size: 10px;
		background-size: 10px;
	}
}
@media all and (max-width:743px) {
	.write select,
	.write option,
	.write input[type="text"],
	.write input[type="password"] {
		height: 30px;
		font-size: 13px;
	}
	.write input[type="file"] {
		font-size: 13px;
	}
	.write textarea {
		min-height: 150px;
		font-size: 13px;
	}
	.write table,
	.write tbody,
	.write tr,
	.write th,
	.write td {
		display: block;
		width: auto;
		height: auto;
		padding: 0;
	}
	.write tr {
		padding: 10px 5px;
	}
	.write th {
		padding-bottom: 10px;
	}
}

/* 비밀번호 확인 */
.pw-confirm .boxing {
	max-width: 500px;
	padding: 50px 10px;
	margin: 0 auto 4%;
	border: 1px solid #c3c3c3;
	font-size: 15px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.pw-confirm .boxing strong {
	display: block;
	font-weight: 400;
	margin-bottom: 20px;
}
.pw-confirm .boxing label {
	margin-right: 10px;
}
.pw-confirm .boxing input {
	width: 150px;
	height: 30px;
	padding: 0 5px;
	border: 1px solid #c3c3c3;
}

/* 질문과 답변: 목록 */
.qa-wrap {
	max-width: 1200px;
	padding: 0 10px 70px;
	margin: 0 auto;
}
.qa-wrap h1 {
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	line-height: 150%;
}
.qa-wrap .sibtit {
	margin-bottom: 40px;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 150%;
}
.qa-tbl .empty_list {
	padding: 50px 0;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}
.qa-tbl {
	width: 100%;
	margin-bottom: 20px;
	border-top: 2px solid #333;
	font-size: 15px;
}
.qa-tbl tr {
	border-bottom: 1px solid #ddd;
}
.qa-tbl th,
.qa-tbl td {
	height: 30px;
	padding: 5px 10px;
	font-weight: 400;
	text-align: center;
}
.qa-tbl th {
	font-weight: 500;
}
.qa-tbl .num { width: 50px; }
.qa-tbl .tit a {
	display: block;
	padding: 5px 10px;
	text-align: left;
	color: #333;
	line-height: 150%;
}
.qa-tbl .name { width: 150px; }
.qa-tbl .date { width: 150px; }
.qa-tbl .cond { width: 80px; }
.qa-tbl td.cond span {
	display: inline-block;
	width: 90%;
	border-radius: 5px;
	background-color: #454545;
	color: #fff;
	line-height: 30px;
}
.qa-tbl td.cond .wait { background-color: #4a515f; }
.qa-tbl td.cond .comp { background-color: #bababa; }
@media all and (max-width:743px) {
	.qa-wrap .sibtit {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.qa-tbl {
		font-size: 13px;
	}
	.qa-tbl th,
	.qa-tbl td {
		padding: 5px;
	}
	.qa-tbl .num,
	.qa-tbl .date { display: none; }
	.qa-tbl .name { width: 100px; }
	.qa-tbl .cond { width: 60px; }
	.qa-tbl td.cond span {
		width: 50px;
	}
}

/* 질문과 답변: 상세 */
.qa-view {
	border-top: 2px solid #454545;
	font-size: 15px;
}
.qa-view .top {
	padding: 20px 10px;
	border-bottom: 1px solid #ddd;
}
.qa-view .top .tit {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 500;
	line-height: 150%;
}
.qa-view .top .info {
	font-size: 14px;
	overflow: hidden;
}
.qa-view .top .info dt,
.qa-view .top .info dd {
	float: left;
}
.qa-view .top .info dd {
	margin-left: 3px;
	font-weight: 400;
}
.qa-view .top .info dt.date {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #c3c3c3;
}
.qa-view .content {
	min-height: 400px;
	padding: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	font-weight: 400;
	line-height: 150%;
}
.qa-view .content * {
	line-height: 150%;
}
.qa-view .content img { max-width: 100%; }
.cmt-form {
	padding-top: 30px;
	margin-bottom: 25px;
	overflow: hidden;
}
.cmt-form h2 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
}
.cmt-form textarea {
	float: left;
	width: 90%;
	min-height: 100px;
	padding: 5px;
	border: 1px solid #4a515f;
	background-color: #fff;
	font-size: 14px;
	line-height: 150%;
	resize: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cmt-form input {
	width: 9.5%;
	height: 100px;
	margin-left: 0.5%;
	background-color: #4a515f;
	font-size: 16px;
}
.cmt-list {
	margin-bottom: 30px;
}
.cmt-list li {
	padding: 25px 0;
	border-bottom: 1px solid #ddd;
}
.cmt-list .info {
	margin-bottom: 15px;
}
.cmt-list .info > span {
	display: inline-block;
	font-size: 14px;
	line-height: 150%;
	vertical-align: 0;
}
.cmt-list .info .name {
	font-size: 16px;
	font-weight: 600;
}
.cmt-list .info .date {
	margin: 0 20px;
}
.cmt-list .info .btn a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #999;
	color: #333;
	vertical-align: 0;
}
.cmt-list .txt-wrap .txt {
	line-height: 150%;
}
.cmt-list .txt-wrap .cmt-edit {
	padding-top: 30px;
	display: none;
}
@media all and (max-width:1024px) {
	.cmt-form textarea {
		width: calc(100% - 90px);
		min-height: 80px;
		font-size: 13px;
	}
	.cmt-form input {
		width: 80px;
		height: 80px;
		margin-left: 10px;
		font-size: 14px;
	}
}
@media all and (max-width:743px) {
	.qa .sibtit {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.qa .qa-list li a {
		display: inline;
	}
	.qa .qa-list li .img { display: none; }
	.qa .qa-list li .txt {
		display: block;
		padding: 0;
	}
	.qa .qa-list li .tit {
		font-size: 14px;
	}
	.qa .qa-list li .con {
		max-height: 30px;
		margin: 5px 0;
		font-size: 12px;
		line-height: 15px;
		overflow: hidden;
	}
	.qa .qa-list li .name {
		font-size: 12px;
	}
	.qa-view {
		font-size: 13px;
	}
	.qa-view .top {
		padding: 10px 5px;
	}
	.qa-view .top .tit {
		font-size: 18px;
	}
	.qa-view .top .info .date {
		font-size: 12px;
	}
	.qa-view .content {
		min-height: 300px;
		padding: 5px;
	}
	.qa-view .btn-group.right {
		text-align: center;
	}
}

/* Room */
.room-wrap {
	position: relative;
	padding-top: 100px;
}
.room-wrap .room-dtl {
	max-width: 1200px;
	margin: 0 auto;
}
.room-wrap .room-dtl h1,
.room-wrap .room-dtl h2 {
	font-size: 36px;
	font-weight: 600;
	text-align: center;
}
.room-wrap .room-dtl h1:after,
.room-wrap .room-dtl h2:after {
	content: "";
	display: block;
	width: 70px;
	height: 2px;
	margin: 30px auto;
}
.room-wrap .room-dtl .subtit {
	margin-bottom: 50px;
	font-size: 16px;
	text-align: center;
	line-height: 150%;
}
.room-wrap .room-dtl-slider {
	position: relative;
	margin-bottom: 75px;
	overflow: hidden;
}
.room-wrap .room-dtl-slider img {max-width: 100%; }
.room-wrap .room-dtl-slider .bx-pager {
	position: absolute;
	left: 50%;
	bottom: 15px;
	width: 90px;
	height: 30px;
	margin-left: -45px;
	border-radius: 100px;
	background-color: #000;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #c3c3c3;
	line-height: 30px;
	opacity: 0.8;
}
.room-wrap .room-dtl-slider .bx-controls-direction a {
	position: absolute;
	top: 0;
	width: 80px;
	height: 100%;
	line-height: 9999;
	overflow: hidden;
}
.room-wrap .room-dtl-slider .bx-controls-direction a:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 70px;
	margin-top: -35px;
	font-family: "Advent Pro";
	font-size: 70px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	line-height: 1;
	text-shadow: 0 0 1px #454545;
}
.room-wrap .room-dtl-slider .bx-controls-direction a.bx-prev { left: 0; }
.room-wrap .room-dtl-slider .bx-controls-direction a.bx-next { right: 0; }
.room-wrap .room-dtl-slider .bx-controls-direction a.bx-prev:before { content: "<"; }
.room-wrap .room-dtl-slider .bx-controls-direction a.bx-next:before { content: ">"; }
.room-wrap .room-dtl-feature {
	padding-bottom: 70px;
}
.room-wrap .room-dtl-feature table {
	width: 100%;
	border-top: 1px solid #333;
	margin-bottom: 20px;
}
.room-wrap .room-dtl-feature th,
.room-wrap .room-dtl-feature td {
	padding: 10px;
	height: 30px;
	border: 0 solid #ddd;
	border-width: 0 1px 1px;
	font-size: 15px;
	font-weight: 400;
	line-height: 160%;
}
.room-wrap .room-dtl-feature th {
	width: 110px;
	background-color: #f2f2f2;
	font-size: 16px;
	font-weight: 500;
}
.room-wrap .room-dtl-feature td.time dl {
	overflow: hidden;
}
.room-wrap .room-dtl-feature td.time dt,
.room-wrap .room-dtl-feature td.time dd {
	float: left;
	display: inline-block;
	line-height: 160%;
}
.room-wrap .room-dtl-feature td.time dt {
	font-weight: 600;
}
.room-wrap .room-dtl-feature td.time dt:before {
	content: "/";
	margin: 0 20px;
	font-weight: 300;
}
.room-wrap .room-dtl-feature td.time dt:first-child:before {
	display: none;
}
.room-wrap .room-dtl-feature td.time dd {
	margin-left: 10px;
}
.room-wrap .room-dtl-feature td.cost p {
	margin-bottom: 10px;
	font-weight: 600;
}
.room-wrap .room-dtl-feature td.cost ul {
	overflow: hidden;
}
.room-wrap .room-dtl-feature td.cost ul li {
	float: left;
	display: inline-block;
	width: 33%;
	max-width: 300px;
	margin: 5px 0;
}
.room-wrap .room-dtl-feature td.cost ul li span,
.room-wrap .room-dtl-feature td.cost ul li div {
	float: left;
	display: inline-block;
	line-height: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.room-wrap .room-dtl-feature td.cost ul li span {
	width: 125px;
	padding-right: 10px;
}
.room-wrap .room-dtl-feature td.cost ul li div {
	padding-right: 40px;
	font-weight: 600;
}
.room-wrap .room-dtl-feature td.cost ul li div:after {
	content: "원";
	font-weight: 500;
}
.room-wrap .room-dtl-feature td.cost ul.no-peak li span { color: #6eb816; }
.room-wrap .room-dtl-feature td.cost ul.peak01 li span { color: #0378f0; }
.room-wrap .room-dtl-feature td.cost ul.peak02 li span { color: #ff6000; }
.room-wrap .room-dtl-feature td.cost ul.peak03 li span { color: #ff0d35; }
.room-wrap .room-dtl-etc {
	font-size: 15px;
	font-weight: 400;
	line-height: 160%;
}
.room-wrap .room-dtl-etc * { line-height: 160%; }
/* 2017.03.07 수정
.room-wrap .room-dtl-feature ul {
	padding: 0 50px;
	margin-bottom: 75px;
	overflow: hidden;
}
.room-wrap .room-dtl-feature li {
	float: left;
	display: inline-block;
	width: 18%;
	padding: 100px 1% 0;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center top;
}
.room-wrap .room-dtl-feature li div {
	display: inline-block;
	width: 100%;
	height: 50px;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	line-height: 25px;
}
.room-wrap .room-dtl-feature li.checkin { background-image: url(/cabinet/images/ico-feature-checkin.png); }
.room-wrap .room-dtl-feature li.checoout { background-image: url(/cabinet/images/ico-feature-checkout.png); }
.room-wrap .room-dtl-feature li.address { background-image: url(/cabinet/images/ico-feature-location.png); }
.room-wrap .room-dtl-feature li.people { background-image: url(/cabinet/images/ico-feature-person.png); }
.room-wrap .room-dtl-feature li.size { background-image: url(/cabinet/images/ico-feature-size.png); }
.room-wrap .room-dtl-feature li.construction { background-image: url(/cabinet/images/ico-feature-construction.png); }
.room-wrap .room-dtl-content {
	min-height: 200px;
	padding: 30px;
	border: 1px solid #e0e0e0;
	font-size: 15px;
	font-weight: 400;
	line-height: 160%;
}
.room-wrap .room-dtl-content * {
	font-size: 15px;
	font-weight: 400;
	line-height: 160%;
}
*/
.book .room-ul,
.book .cal-wrap,
.book .person-ul {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
@media all and (max-width:1024px) {
	.room-wrap {
		padding-top: 50px;
	}
	.room-wrap .room-dtl h1,
	.room-wrap .room-dtl h2 {
		font-size: 30px;
		font-weight: 600;
		text-align: center;
	}
	.room-wrap .room-dtl h1:after,
	.room-wrap .room-dtl h2:after {
		margin: 20px auto;
	}
	.room-wrap .room-dtl .subtit {
		padding: 0 10px;
		margin-bottom: 30px;
		font-size: 14px;
	}
	.room-wrap .room-dtl-feature {
		padding: 0 10px;
	}
	/* 2017.03.07 수정
	.room-wrap .room-dtl .room-dtl-feature ul {
		padding: 0 10px;
	}
	.room-wrap .room-dtl .room-dtl-feature li {
		width: 33.333333%;
		padding: 0;
		background: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.room-wrap .room-dtl .room-dtl-feature li:before {
		content: "";
		display: block;
		width: 80px;
		height: 80px;
		margin: 0 auto 10px;
		border-radius: 100px;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: 90%;
		background-size: 90%;
	}
	.room-wrap .room-dtl-feature li.checkin:before { background-image: url(/cabinet/images/ico-feature-checkin2.png); }
	.room-wrap .room-dtl-feature li.checoout:before { background-image: url(/cabinet/images/ico-feature-checkout2.png); }
	.room-wrap .room-dtl-feature li.address:before { background-image: url(/cabinet/images/ico-feature-location2.png); }
	.room-wrap .room-dtl-feature li.people:before { background-image: url(/cabinet/images/ico-feature-person2.png); }
	.room-wrap .room-dtl-feature li.size:before { background-image: url(/cabinet/images/ico-feature-size2.png); }
	.room-wrap .room-dtl-feature li.construction:before { background-image: url(/cabinet/images/ico-feature-construction2.png); }
	.room-wrap .room-dtl-content {
		padding: 2%;
		margin: 0 10px;
		font-size: 13px;
	}
	*/
}
@media all and (max-width:743px) {
	.room-wrap .room-dtl-feature table,
	.room-wrap .room-dtl-feature tbody,
	.room-wrap .room-dtl-feature tr,
	.room-wrap .room-dtl-feature th,
	.room-wrap .room-dtl-feature td {
		display: block;
		width: auto;
		height: auto;
		padding: 0;
		border: none;
		background-color: #fff;
		font-size: 13px;
		text-align: left;
	}
	.room-wrap .room-dtl-feature table {
		border-top: 1px solid #333;
	}
	.room-wrap .room-dtl-feature tr {
		padding: 10px;
		border-bottom: 1px solid #ddd;
	}
	.room-wrap .room-dtl-feature th {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.room-wrap .room-dtl-etc {
		font-size: 13px;
	}
	.room-wrap .room-dtl-feature td.cost ul li span { width: 110px; }
	@media all and (max-width:460px) {
		.room-wrap .room-dtl-feature td.cost ul {
			padding: 10px 0;
		}
		.room-wrap .room-dtl-feature td.cost ul li {
			width: 50%;
		}
		.room-wrap .room-dtl-feature td.cost ul li span,
		.room-wrap .room-dtl-feature td.cost ul li div {
			float: none;
			display: block;
			padding: 0;
		}

	}

	/* 2017.03.07 수정
	.room-wrap .room-dtl .room-dtl-feature li {
		position: relative;
		float: none;
		display: block;
		width: auto;
		margin: 10px 0;
		padding: 0 10px 0 25px;
	}
	.room-wrap .room-dtl .room-dtl-feature li div {
		position: relative;
		height: 50px;
		padding-left: 80px;
		text-align: left;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.room-wrap .room-dtl .room-dtl-feature li div span {
		position: absolute;
		top: 0;
		left: 0;
		width: 80px;
		color: #000;
		line-height: 25px;
	}
	.room-wrap .room-dtl .room-dtl-feature li:before {
		position: absolute;
		left: 10px;
		top: 8px;
		width: 5px;
		height: 5px;
		background: none;
	}*/
}

/* 실시간 예약 */
.book-now {
	position: relative;
	padding-top: 100px;
}
.sch-result {
	max-width: 1200px;
	margin: 0 auto;
}
.sch-result-top {
	padding-bottom: 30px;
}
.sch-result-top div {
	font-size: 20px;
	font-weight: 500;
	line-height: 150%;
}
.sch-result-top p {
	font-size: 17px;
	font-weight: 300;
	color: #656565;
	line-height: 150%;
}
.sch-result-list .sch-list {
	width: 105%;
	padding-bottom: 70px;
	overflow: hidden;
}
.sch-result-list .sch-list-room {
	float: left;
	width: 370px;
	margin-right: 45px;
	margin-bottom: 45px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sch-result-list .sch-list-room .list-img-slide {
	position: relative;
}
.sch-result-list .sch-list-room .list-img-slide li img {width: 100%; }
.sch-result-list .sch-list-room .list-img-slide .bx-controls-direction a {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	background: url(/cabinet/images/bg-black-op70.png);
	line-height: 99;
	overflow: hidden;
}
.sch-result-list .sch-list-room .list-img-slide .bx-controls-direction a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: "Advent Pro";
	font-size: 25px;
	text-align: center;
	color: #fff;
	line-height: 36px;
}
.sch-result-list .sch-list-room .list-img-slide .bx-controls-direction a.bx-prev { left: 0; }
.sch-result-list .sch-list-room .list-img-slide .bx-controls-direction a.bx-next { right: 0; }
.sch-result-list .sch-list-room .list-img-slide .bx-controls-direction a.bx-prev:before { content: "<"; }
.sch-result-list .sch-list-room .list-img-slide .bx-controls-direction a.bx-next:before { content: ">"; }
.sch-result-list .sch-list-room .info {
	height: 100px;
	padding: 20px 15px;
	border-bottom: 1px solid #ddd;
}
.sch-result-list .sch-list-room .info .name {
	font-size: 24px;
	font-weight: 500;
	color: #333;
	line-height: 150%;
	-ms-white-space: nowrap;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sch-result-list .sch-list-room .info .person {
	margin-bottom: 10px;
	font-size: 16px;
	color: #656565;
	line-height: 150%;
	-ms-white-space: nowrap;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sch-result-list .sch-list-room .info .total-price {
	font-size: 20px;
	font-weight: 600;
	color: #f41d25;
	line-height: 150%;
}
.sch-result-list .sch-list-room .info .total-price span {
	font-weight: 500;
	color: #000;
}
.sch-result-list .sch-list-room .info .by-time {
	overflow: hidden;
}
.sch-result-list .sch-list-room .info .by-time dt {
	position: relative;
	float: left;
	width: 25px;
	height: 20px;
	padding: 5px 0;
	line-height: 999;
	overflow: hidden;
}
.sch-result-list .sch-list-room .info .by-time dt span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	border-radius: 20px;
	font-size: 13px;
	text-align: center;
	color: #fff;
	line-height: 22px;
}
.sch-result-list .sch-list-room .info .by-time dd {
	float: left;
	width: 144px;
	height: 20px;
	padding: 5px 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}
.sch-result-list .sch-list-room .info dt.weekday span { background-color:#797979; }
.sch-result-list .sch-list-room .info dt.weekend span { background-color:#6eb816; }
.sch-result-list .sch-list-room .info dt.holiday span { background-color:#fc5c62; }
.sch-result-list .sch-list-room .info dt.peak01 span { background-color:#0378f0; }
.sch-result-list .sch-list-room .info dt.peak02 span { background-color:#ff6000; }
.sch-result-list .sch-list-room .info dt.peak03 span { background-color:#ff0d35; }
.sch-result-list .sch-list-room .btn {
	height: 45px;
}
.sch-result-list .sch-list-room .btn a {
	float: left;
	width: 50%;
	border-right: 1px solid #ddd;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	color: #333;
	line-height: 45px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sch-result-list .sch-list-room .btn .check {
	position: relative;
	float: left;
	width: 50%;
}
.sch-result-list .sch-list-room .btn .check input {
	position: absolute;
	z-index: 0;
}
.sch-result-list .sch-list-room .btn .check label {
	position: absolute;
	z-index: 2;
	top: -1px;
	left: -1px;
	display: inline-block;
	width: 100%;
	height: 45px;
	border: 1px solid #454545;
	background-color: #fff;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	text-indent: 15px;
	color: #333;
	line-height: 45px;
	cursor: pointer;
}
.sch-result-list .sch-list-room .btn .check label:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 30px;
	z-index: 0;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background-image: url(ico-check02.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #454545;
}
.sch-result-list .sch-list-room .btn .check label.color-bdbg:before {
	background-image: url(ico-cancel03.png);
	background-color: transparent;
}
.before-sch-result {
	padding: 200px 0 400px;
	background: url(ico-cal02.png) no-repeat center 120px;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	color: #ababab;
	line-height: 150%;
}
.sch-result-empty {
	padding: 200px 0 400px;
	background: url(ico-sch03.png) no-repeat center 120px;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	color: #333;
	line-height: 150%;
}
.sch-result-empty span {
	font-weight: 600;
}
@media all and (max-width:1024px) {
	.book-now {
		padding: 0;
	}
	.sch-result {
		padding: 20px 10px;
	}
	.sch-result-list .sch-list {
		width: auto;
	}
	.sch-result-list .sch-list-room {
		margin: 0 10px 40px;
		width: -webkit-calc(50% - 20px);
		width: -moz-calc(50% - 20px);
		width: calc(50% - 20px);
	}
	.sch-result-list .sch-list-room .info .by-time dd {
		width: -webkit-calc(50% - 25px);
		width: -moz-calc(50% - 25px);
		width: calc(50% - 25px);
	}
	.sch-result-list .sch-list-room .btn .check label:before {
		background-image: url(ico-check02b.png);
		-webkit-background-size: 22px;
		background-size: 22px;
	}
	.sch-result-list .sch-list-room .btn .check label.color-bdbg:before {
		background-image: url(ico-cancel03b.png);
		-webkit-background-size: 22px;
		background-size: 22px;
	}
	.before-sch-result {
		background-position: center 150px;
		-webkit-background-size: 40px;
		background-size: 40px;
	}
}
@media all and (max-width:743px) {
	.sch-result-top { text-align: center; }
	.sch-result-top div {
		font-size: 16px;
	}
	.sch-result-top p {
		font-size: 14px;
	}
	.sch-result-list .sch-list-room {
		float: none;
		width: auto;
		max-width: 460px;
		margin: 0 auto 30px;
	}
	.sch-result-list .sch-list-room .info { height: auto; }
	.sch-result-list .sch-list-room .info .name { font-size: 18px; }
	.sch-result-list .sch-list-room .info .person { font-size: 14px; }
	.sch-result-list .sch-list-room .info .total-price { font-size: 16px; }
	.sch-result-list .sch-list-room .info .by-time dd { font-size: 13px; }
	.sch-result-list .sch-list-room .btn a { font-size: 12px; }
	.sch-result-list .sch-list-room .btn .check label { font-size: 13px; }
	.sch-result-list .sch-list-room .btn .check label:before {
		left: 50%;
		margin-left: -60px;
	}
	.before-sch-result {
		padding: 150px 0 100px;
		background-position: center 100px;
		-webkit-background-size: 50px;
		background-size: 50px;
		font-size: 14px;
	}
	.sch-result-empty {
		padding: 150px 0 100px;
		background-position: center 100px;
		-webkit-background-size: 30px;
		background-size: 30px;
		font-size: 14px;
	}
}

/*장바구니*/
.room-cart {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	padding: 0 10px;
	background-color: #fff;
	border-top: 0 solid #222;
	height: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.room-cart .bk-priod {
	max-width: 1200px;
	padding-top: 20px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 500;
}
.room-cart .inner {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
}
.room-cart .room-cart-list {
	display: table-cell;
	vertical-align: top;
}
.room-cart .room-cart-list li:first-child {
	border-top-width: 1px;
}
.room-cart .room-cart-list li {
	position: relative;
	width: 100%;
	padding: 7px 50px 7px 15px;
	border: solid #c3c3c3;
	border-width: 0 1px 1px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.room-cart .room-cart-list span {
	float: left;
	padding-right: 20px;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 400;
	border-right: 1px solid #ddd;
	line-height: 150%;
}
.room-cart .room-cart-list span.name {
	min-width: 20%;
	max-width: 40%;
	-ms-white-space: nowrap;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.room-cart .room-cart-list span.people {
	min-width: 20%;
	max-width: 30%;
}
.room-cart .room-cart-list span.cost {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}
.room-cart .room-cart-list span.color-txt {
	font-weight: 500;
}
.room-cart .room-cart-list button {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
	border-left: 1px solid #c3c3c3;
	background: url(ico-cancel02.png) no-repeat center #fff;
	line-height: 99;
	overflow: hidden;
}
.room-cart .room-cart-btn {
	display: table-cell;
	width: 210px;
	padding-left: 60px;
}
.room-cart .room-cart-btn input,
.room-cart .room-cart-btn a {
	display: block;
	width: 210px;
	height: 45px;
	border: 1px solid #c3c3c3;
	background-color: #fff;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.room-cart .room-cart-btn a {
	margin-bottom: 10px;
	text-align: center;
	color: #333;
	line-height: 43px;
}
.room-cart .room-cart-btn .color-bdbg {
	background: url(ico-check03.png) no-repeat 40px center;
	text-indent: 15px;
}
.room-cart .room-cart-toggle {
	position: absolute;
	top: -35px;
	left: 50%;
	width: 100px;
	height: 35px;
	margin-left: -50px;
	background: url(ico-arrow03.png) no-repeat 20px center #222;
	border-radius: 4px 4px 0 0;
	font-size: 14px;
	text-align: center;
	text-indent: 15px;
	color: #fff;
	line-height: 35px;
}
.room-cart.open {
	border-top-width: 2px;
	height: auto;
	background-color: #f2f2f2;
}
.room-cart.open .room-cart-toggle {
	background: url(ico-arrow01.png) no-repeat 20px center #222;
}
#container .room-cart.static {
	position: relative;
	z-index: 0;
	height: auto;
}
#container .room-cart.static:before {
	content: "";
	position: absolute;
	top: -2px;
	left: 50%;
	z-index: -1;
	width: 1920px;
	margin-left: -960px;
	height: 100%;
	border-top: 2px solid #222;
	background-color: #fafafa;
}
#container .room-cart.static .room-cart-toggle {
	display: none;
}
@media all and (max-width:1024px) {
	.room-cart .bk-priod {
		padding: 10px 0 5px;
		font-size: 12px;
		line-height: 150%;
	}
	.room-cart .room-cart-list {
		display: block;
		margin-bottom: 10px;
	}
	.room-cart .inner {
		padding: 5px 0 10px;
	}
	.room-cart .room-cart-list li {
		padding: 5px 40px 5px 5px;
	}
	.room-cart .room-cart-list span {
		font-size: 12px;
		line-height: 150%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.room-cart .room-cart-list span.name {
		min-width: 30%;
		max-width: 50%;
	}
	.room-cart .room-cart-list span.people {
		display: none;
	}
	.room-cart .room-cart-list button {
		width: 40px;
		background: url(ico-cancel02b.png) no-repeat center #fff;
		-webkit-background-size: 20px;
		background-size: 20px;
	}
	.room-cart .room-cart-btn {
		display: block;
		width: auto;
		padding: 0;
		text-align: center;
	}
	.room-cart .room-cart-btn input,
	.room-cart .room-cart-btn a {
		display: inline-block;
		width: 40%;
		max-width: 200px;
		height: 40px;
		margin: 0;
		font-size: 14px;
		font-weight: 400;
		vertical-align: 0;
	}
	.room-cart .room-cart-btn a {
		line-height: 38px;
	}
	.room-cart .room-cart-toggle {
		background: url(ico-arrow03b.png) no-repeat 20px center #222;
		-webkit-background-size: 12px;
		background-size: 12px;
		display: none;
	}
	.room-cart .room-cart-btn .color-bdbg {
		background: url(ico-check03b.png) no-repeat 8% center;
		-webkit-background-size: 20px;
		background-size: 20px;
	}
	.room-cart.open .room-cart-toggle {
		background: url(ico-arrow01b.png) no-repeat 20px center #222;
		-webkit-background-size: 12px;
		background-size: 12px;
	}
}

/* 객실 상세 예약 & 실시간 예약 */
.book {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	border-bottom: 1px solid #e0e0e0;
	background-color: #fff;
}
.book-fixed.book {
	position: fixed;
	top: 0;
}
.book .inner {
	display: table;
	width: 1200px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 400;
	table-layout: fixed;
}
.book .inner > div {
	position: relative;
	display: table-cell;
	height: 60px;
	border-left: 1px solid #e0e0e0;
}
.book .inner .book-now-tit {
	position: relative;
	padding-left: 60px;
	width: 200px;
	font-size: 20px;
	font-weight: 500;
}
.book .inner .book-now-tit:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 20px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position center;
	background-image: url(ico-check01.png);
	background-color: #454545;
}
.book .inner .book-now-tit:after {
	content: "";
	display: inline-block;
	margin-left: 10px;
	border: 5px solid transparent;
	border-left-color: #454545;
	vertical-align: 2px;
}
.book .inner .home {
	width: 45px;
	border-left: none;
}
.book .inner .home a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(ico-home01.png) no-repeat center;
	color: transparent;
	line-height: 99;
	overflow: hidden;
}
.book .inner .room {
	width: 260px;
}
.book .room div {
	padding-right: 30px;
	background: url(ico-arrow02.png) no-repeat 95% center;
	cursor: pointer;
}
.book .room .selected {
	display: block;
	padding: 10px;
	font-weight: 500;
	white-space: nowrap;
	-ms-overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
}
.book .room .room-ul {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 0;
	margin-left: -1px;
	border: solid #e0e0e0;
	border-width: 1px 1px 0;
	background-color: #fff;
	overflow: hidden;
	opacity: 0.5;
}
.book .room:hover .room-ul {
	height: auto;
	opacity: 1;
}
.book .room-ul li {
	border-bottom: 1px solid #e0e0e0;
}
.book .room-ul li a {
	display: block;
	padding: 10px;
	color: #000;
	line-height: 25px;
	border: solid #fff;
	border-width: 3px 0;
}
.book .room-ul li a:hover {
	border-bottom-color: #e0e0e0;
}
.book .room-ul li.on,
.book .room-ul li.on a {
	border-bottom-color: #000;
	font-weight: 500;
}
.book .inner .period {
	font-weight: 500;
	text-align: center;
}
.book .period .no-date {
	position: relative;
	height: 60px;
	background: url(ico-cal01.png) no-repeat 70% center;
	font-size: 18px;
	font-weight: 500;
	text-indent: -20px;
	line-height: 60px;
	cursor: pointer;
}
.book .period .no-date:hover {
	background-color: #f2f2f2;
}
.book .period .date-name {
	display: inline-block;
	margin-right: 10px;
	font-weight: 400;
	color: #686868;
}
.book .period .date-name.end {
	padding-left: 70px;
	background: url(ico-arrow00.png) no-repeat 20px center;
}
.book .period .date {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 16px;
	padding-right: 30px;
}
.book .period .date:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 15px;
	height: 10px;
	margin-top: -5px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(ico-dropdown01.png);
	background-color: #000;
}
.book .period .night {
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #c3c3c3;
}
.book .period .cal-wrap {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 9;
	width: 100%;
	padding: 0 10px;
	height: 0;
	margin-left: -1px;
	border: 0 solid #e0e0e0;
	background-color: #fff;
	overflow: hidden;
	opacity: 0.5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* PC 객실 상세 달력. */
.book .period:hover .cal-wrap {
	height: auto;
	min-height: 235px;
	border-width: 1px;
	opacity: 1;
}
.book .period #head_period {
	padding: 22px 0;
}
.book .period .cal-wrap .monthly {
	float: left;
	width: 50%;
	padding: 20px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.book .period .cal-wrap .month-tit {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
}
.book .period .cal-wrap .month-tbl {
	width: 100%;
	font-size: 14px;
	color: #555;
}
.book .period .cal-wrap .month-tbl th {
	padding: 0;
	height: 39px;
	border: solid #e0e0e0;
	border-width: 2px 0;
	font-weight: 400;
	color: #000;
}
.book .period .cal-wrap .month-tbl td {
	padding: 0;
	height: 40px;
	cursor: pointer;
}
.book .period .cal-wrap .month-tbl td span {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	line-height: 30px;
}
.book .period .cal-wrap .month-tbl td:hover span {
	border: 1px solid #000;
}
.book .period .cal-wrap .month-tbl td.today span {
	background-color: #eee;
}
.book .period .cal-wrap .month-tbl td.not2 span,
.book .period .cal-wrap .month-tbl td.not span {
	border: none;
	background: url(ico-not01.png) no-repeat center;
	font-weight: 300;
	color: #888;
	cursor: default;
}
.book .period .cal-wrap .month-tbl td.past span {
	color: #aaa;
}
.book .period .cal-wrap .month-tbl td.past.anti-not span,
.book .period .cal-wrap .month-tbl td.not.anti-not span {
	background-image: none;
	font-weight: 500;
	color: #555;
}
#wrap #container .book .period .cal-wrap .month-tbl td.select:hover span {
	font-weight: 500;
	color: #fff;
}
.book .period .cal-wrap .month-tbl td.select span {
	display: block;
	width: auto;
	border: 1px solid #222;
	background-image: none;
	background-color: #222;
	font-weight: 500;
	color: #fff;
}
#wrap .book .cal-wrap .month-tbl td.not:hover span,
#wrap .book .cal-wrap .month-tbl td.past:hover span {
	border-color: transparent;
	font-weight: 400;
	color: #aaa;
}
.book .period .cal-wrap .month-tbl th.sat,
.book .period .cal-wrap .month-tbl td.sat { color: #2e3fff; }
.book .period .cal-wrap .month-tbl th.holi,
.book .period .cal-wrap .month-tbl td.holi { color: #ff2e4c; }
.cal-wrap .mth-btn a {
	position: absolute;
	top: 15px;
	width: 30px;
	height: 30px;
	line-height: 99;
	overflow: hidden;
}
.cal-wrap .mth-btn a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: "Advent Pro";
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	color: #000;
	line-height: 30px;
}
.cal-wrap .mth-btn a.prev {
	left: 20px;
}
.cal-wrap .mth-btn a.next {
	right: 20px;
}
.cal-wrap .mth-btn a.prev:before {
	content: "<";
}
.cal-wrap .mth-btn a.next:before {
	content: ">";
}
.book .inner .person {
	width: 215px;
}
.book .person .person-slt {
	padding: 10px 40px 10px 10px;
	background: url(ico-arrow02.png) no-repeat 90% center;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
}
.book .person .person-slt dt {
	position: relative;
	float: left;
	width: 50%;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.book .person .person-slt dt:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 14px;
	margin-top: -7px;
	background-color: #c3c3c3;
}
.book .person .person-slt dd {
	float: left;
	width: 50%;
	padding-left: 20px;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.book .person ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0;
	margin-left: -1px;
	border: solid #e0e0e0;
	border-width: 1px 1px 0;
	background-color: #fff;
	overflow: hidden;
	opacity: 0.5;
}
.book .person:hover ul {
	height: auto;
	opacity: 1;
}
.book .person ul li {
	border-bottom: 1px solid #e0e0e0;
}
.book .person ul li input {
	position: absolute;
	z-index: 0;
}
.book .person ul li label {
	position: relative;
	z-index: 9;
	display: block;
	padding: 10px 40px 10px 50%;
	color: #000;
	line-height: 30px;
	border: solid #fff;
	border-width: 3px 0;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
}
.book .person ul li:hover,
.book .person ul li:hover label {
	background-color: #f2f2f2;
	border-top-color: #f2f2f2;
	border-bottom-color: #e0e0e0;
	font-weight: 500;
}
.book .person ul li.on,
.book .person ul li.on label {
	border-bottom-color: #000;
	font-weight: 500;
}
.book .book-btn {
	width: 170px;
}
.book .inner .book-btn input {
	width: 100%;
	height: 60px;
	background-color: #333;
	font-size: 16px;
}
.book-ver2,
.book-ver2-btn {display: none; }
.book-now .book .period {
	border-left: none;
}
.book-now .book .book-btn {
	width: 220px;
}
.book-now .book .book-btn input {
	background: url(ico-sch02.png) no-repeat 30px center;
	text-indent: 20px;
}
@media all and (max-width:1024px) {
	.book {display: none; }
	.book-ver2,
	.book-ver2-btn { display: block; }
	.book-ver2 {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 110;
		width: 100%;
		border-top: 1px solid #ddd;
		background-color: #fff;
		font-size: 14px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.book-ver2 .period {
		font-weight: 500;
		text-align: center;
		line-height: 40px;
	}
	.book-ver2 .period .date-name {
		margin-right: 10px;
		color: #686868;
	}
	.book-ver2 .period .date.st {
		padding-right: 25px;
		margin-right: 5px;
		background: url(ico-arrow00b.png) no-repeat right center;
		-webkit-background-size: 15px;
		background-size: 15px;
	}
	.book-ver2 .period .night {
		display: inline-block;
		padding-left: 10px;
		margin-left: 10px;
		border-left: 1px solid #c3c3c3;
	}
	.book-ver2 .cal-wrap {
		position: fixed;
		top: 8%;
		left: 50%;
		z-index: 1000;
		width: 600px;
		height: 84%;
		margin-left: -300px;
		background-color: #fff;
		display: none;
	}
	.book-ver2 .cal-wrap .inner {
		position: relative;
		height: 100%;
		z-index: 999999;
		background-color: #fff;
		overflow: auto;
	}
	.book-ver2 .cal-wrap .cal-in-period {
		margin-bottom: 20px;
		background-color: #3a3a3a;
		font-size: 16px;
		font-weight: 400;
		color: #fff;
		line-height: 50px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.book-ver2 .cal-wrap .cal-in-period .date-name {
		font-weight: 300;
		color: #c3c3c3;
	}
	.book-ver2 .cal-wrap .cal-in-period .date.st {
		background: url(ico-arrow05b.png) no-repeat right center;
		-webkit-background-size: 15px;
		background-size: 15px;
	}
	.book-ver2 .cal-wrap .monthly-wrap {
		padding: 10px 10px 20px;
		overflow: hidden;
	}
	.book-ver2 .cal-wrap .monthly {
		width: 50%;
		float: left;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.book-ver2 .cal-wrap .monthly .month-tit {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 20px;
		line-height: 20px;
	}
	.book-ver2 .cal-wrap .month-tbl {
		margin: 0 auto;
	}
	.book-ver2 .cal-wrap .month-tbl th,
	.book-ver2 .cal-wrap .month-tbl td {
		width: 35px;
		height: 35px;
		padding: 0;
	}
	.book-ver2 .cal-wrap .month-tbl th {
		font-weight: 400;
		border: solid #e0e0e0;
		border-width: 1px 0;
	}
	.book-ver2 .cal-wrap .month-tbl td span {
		display: block;
		width: 32px;
		height: 32px;
		margin: 0 auto;
		line-height: 32px;
	}
	.book-ver2 .cal-wrap .month-tbl td.today span {
		background-color: #eee;
	}
	.book-ver2 .cal-wrap .month-tbl td.not2 span,
	.book-ver2 .cal-wrap .month-tbl td.not span {
		border: none;
		background: url(ico-not01.png) no-repeat center;
		font-weight: 300;
		color: #888;
		cursor: default;
	}
	.book-ver2 .cal-wrap .month-tbl td.past span {
		color: #aaa;
	}
	.book-ver2 .cal-wrap .month-tbl td.not span {
		background: url(ico-not01b.png) no-repeat center;
		-webkit-background-size: 30px;
		background-size: 30px;
	}
	.book-ver2 .cal-wrap .month-tbl td.past.anti-not span,
	.book-ver2 .cal-wrap .month-tbl td.not.anti-not span {
		background-image: none;
		font-weight: 500;
		color: #333;
	}
	.book-ver2 .cal-wrap .month-tbl td.select span {
		width: auto;
		height: 35px;
		border-color: #222;
		background-image: none;
		background-color: #222;
		color: #fff;
		line-height: 35px;
	}
	.book-ver2 .cal-wrap .month-tbl th.sat,
	.book-ver2 .cal-wrap .month-tbl td.sat { color: #2e3fff; }
	.book-ver2 .cal-wrap .month-tbl th.holi,
	.book-ver2 .cal-wrap .month-tbl td.holi { color: #ff2e4c; }
	.book-ver2 .cal-wrap .mth-btn a {
		top: 60px;
		width: 40px;
		height: 40px;
		border-radius: 50px;
	}
	.book-ver2 .cal-wrap .mth-btn a:before {
		line-height: 40px;
	}
	.book-ver2 .cal-wrap .close {
		position: absolute;
		top: 5px;
		right: -50px;
		width: 40px;
		height: 40px;
		background: url(ico-close01b.png) no-repeat center;
		-webkit-background-size: 15px;
		background-size: 15px;
		line-height: 99;
		overflow: hidden;
	}
	.book-ver2 .cal-wrap .close:before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
	}
	.book-ver2 .book-btn {
		overflow: hidden;
	}
	.book-ver2 .book-btn a {
		float: left;
		width: 35%;
		background-color: #3a3a3a;
		text-align: center;
		color: #fff;
		line-height: 40px;
	}
	.book-ver2 .book-btn input {
		float: left;
		width: 65%;
		height: 40px;
		font-size: 14px;
	}
	.book-form-active {overflow: hidden; }
	.book-form-active .book-ver2 {display: block; }
	.book-form-active .book-ver2-btn:before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
		z-index: 100;
	}
	.book-now .book-ver2 .book-now-tit {
		position: relative;
		width: 70px;
		padding-right: 10px;
		padding-left: 40px;
		font-size: 14px;
		font-weight: 500;
	}
	.book-now .book-ver2 .book-now-tit:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		background: url(ico-check01b.png) no-repeat center #454545;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.book-now .book-ver2 .book-now-tit:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -4px;
		border: 4px solid transparent;
		border-left-color: #333;
	}
	.book-now .book-ver2 {
		position: static;
		z-index: 999999;
		display: table;
		width: 100%;
		height: 40px;
		table-layout: fixed;
		border-top: none;
		border-bottom: 1px solid #ddd;
	}
	.book-now .book-ver2 > div {
		display: table-cell;
	}
	.book-now .book-ver2 .book-btn {
		width: 150px;
	}
	.book-now .book-ver2 .book-btn input {
		width: 100%;
		background: url(ico-sch02b.png) no-repeat 35px center;
		-webkit-background-size: 15px;
		background-size: 15px;
		text-indent: 20px;
	}
}
@media all and (max-width:743px) {
	.book-ver2 {
		left: 0;
		width: 100%;
		min-width: 280px;
		margin-left: 0;
	}
	.book-ver2 .cal-wrap {
		top: 56px;
		left: 0;
		width: 100%;
		height: -webkit-calc(100% - 56px);
		height: -moz-calc(100% - 56px);
		height: calc(100% - 56px);
		padding: 50px 0 10px;
		margin: 0;
		overflow: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.book-ver2 .cal-wrap .cal-in-period {
		position: fixed;
		top: 55px;
		left: 0;
		width: 100%;
		padding-right: 40px;
		margin-bottom: 0;
	}
	.book-ver2 .cal-wrap .monthly-wrap {
		padding: 0;
		margin: 0;
		overflow: visible;
	}
	.book-ver2 .cal-wrap .monthly {
		float: none;
		width: auto;
		padding: 20px 0;
	}
	.book-ver2 .cal-wrap .mth-btn a {
		position: fixed;
		top: 50%;
		margin-top: -20px;
	}
	.book-ver2 .cal-wrap .close {
		position: fixed;
		top: 60px;
		right: 0;
		z-index: 9;
		background: url(ico-close01b.png) no-repeat center;
		-webkit-background-size: 15px;
		background-size: 15px;
	}
	.book-ver2 .cal-wrap .close:before {
		display: none;
	}
	.book-now .book-ver2 {
		display: block;
		width: auto;
		height: auto;
		overflow: hidden;
	}
	.book-now .book-ver2 > div {
		float: left;
	}
	.book-now .book-ver2 .book-now-tit {
		width: 120px;
		height: 40px;
		padding-left: 22px;
		line-height: 40px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.book-now .book-ver2 .book-now-tit:before {
		left: 5px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
	}
	.book-now .book-ver2 .period {
		width: -webkit-calc(100% - 120px);
		width: -moz-calc(100% - 120px);
		width: calc(100% - 120px);
	}
	.book-now .book-ver2 .book-btn { width: 100%; }
	.book-now .book-ver2 .book-btn input {
		background-position: 40% center;
	}
}
@media all and (max-width:460px) {
	.book-ver2 .period .date-name {
		position: fixed;
		left: -9999px;
	}
}
@media all and (max-width:360px) {
	.book-now .book-ver2 .book-now-tit {
		width: 95px;
		font-size: 12px;
	}
	.book-now .book-ver2 .period {
		width: -webkit-calc(100% - 95px);
		width: -moz-calc(100% - 95px);
		width: calc(100% - 95px);
		font-size: 12px;
	}
}

/* 예약 정보입력 */
.book-form {
	position: relative;
	margin-top: -50px;
	background-color: #f9f9f9;
}
.book-form > .inner {
	max-width: 1200px;
	padding-bottom: 60px;
	margin: 0 auto;
	overflow: hidden;
}
.book-form h1 {
	padding: 20px 0px;
	font-size: 24px;
	font-weight: 600;
}
.book-form fieldset {
	float: left;
	margin-bottom: 30px;
	background-color: #fff;
}
.book-form-smry {
	width: 100%;
}
.book-form-smry .boxing {
	padding: 40px 40px 0;
	border: 0 solid #ddd;
	border-width: 1px 1px 0;
}
.book-form-smry .boxing .room {
	position: relative;
	padding-left: 35%;
	min-height: 210px;
	margin: 40px 0;
}
.book-form-smry .boxing .room .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 32%;
}
.book-form-smry .boxing .room .img img { width: 100%; }
.book-form-smry .boxing .room table {
	width: 100%;
}
.book-form-smry .boxing .room table th,
.book-form-smry .boxing .room table td {
	padding: 5px 0;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	line-height: 150%;
}
.book-form-smry .boxing .room table th {
	width: 100px;
	color: #686868;
}
.book-form-smry .boxing .room table td a {
	display: inline-block;
	font-weight: 600;
	color: #333;
	vertical-align: 0;
}
.book-form-smry .boxing .room select {
	width: 80px;
	height: 30px;
	padding-left: 5px;
	margin: 0 20px 0 5px;
	border: 1px solid #c3c3c3;
	background: url(ico-arrow02.png) no-repeat 60px center  #fff;
	font-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.book-form-smry .boxing .room option {
	font-size: 15px;
}
.book-form-smry .room .cost {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
}
.book-form-smry .room .cost td {
	font-size: 18px;
	font-weight: 600;
}
.book-form-smry .another-service {
	padding-bottom: 40px;
}
.book-form-smry .another-service h2 {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 500;
}
.book-form-smry .another-service table {
	width: 100%;
	border-width: 2px 0 0;
	border-style: solid;
	border-color: #454545;
	background-color: #f9f9f9;
	font-size: 15px;
	text-align: left;
}
.book-form-smry .another-service table th,
.book-form-smry .another-service table td {
	padding: 10px;
}
.book-form-smry .another-service table th {
	width: 150px;
	font-weight: 500;
}
.book-form-smry .another-service table th label {
	position: relative;
	padding-left: 10px;
}
.book-form-smry .another-service table th label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-radius: 10px;
	background-color: #454545;
}
.book-form-smry .another-service table td select {
	min-width: 80px;
	height: 30px;
	padding-left: 5px;
	margin: 0 20px 0 0;
	border: 1px solid #c3c3c3;
	background: url(ico-arrow02.png) no-repeat 60px center  #fff;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.book-form-smry .another-service table td option {
	font-size: 15px;
}
.book-form-smry .another-service table td p {
	display: inline-block;
	line-height: 150%;
}
.book-form-smry .book-form-total {
	padding: 30px 0;
	border: 3px solid #454545;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
}
.book-form-smry .book-form-total dt,
.book-form-smry .book-form-total dd {
	display: inline-block;
	vertical-align: 0;
}
.book-form-smry .book-form-total dd span {
	display: inline-block;
	font-size: 24px;
	font-weight: 500;
}
.book-form-smry .book-form-total dt.svc,
.book-form-smry .book-form-total dt.sum {
	position: relative;
	padding-left: 40px;
}
.book-form-smry .book-form-total dt:before {
	position: absolute;
	top: 50%;
	width: 40px;
	left: 0;
	height: 40px;
	margin-top: -17px;
	font-family: "Nanum Gothic";
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	line-height: 1;
}
.book-form-smry .book-form-total dt.svc:before {
	content: "+";
}
.book-form-smry .book-form-total dt.sum:before {
	content: "=";
}
.book-form-smry .book-form-total dd.sum span {
	font-weight: 600;
	color: #f5242b;
}
.book-form .book-form-terms {
	width: 49%;
	padding: 10px 20px;
	margin-right: 2%;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.book-form-terms .form-terms {
	padding: 10px 0;
}
.book-form-terms .check {
	position: relative;
	height: 30px;
	margin-bottom: 10px;
}
.book-form-terms .check label {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	height: 30px;
	padding-left: 30px;
	background-color: #fff;
	font-size: 18px;
	font-weight: 500;
	color: #454545;
	line-height: 30px;
	cursor: pointer;
}
.book-form-terms .check label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background: url(ico-check02.png) no-repeat center #c3c3c3;
}
.book-form-terms .check input {
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 0;
}
.book-form-terms .check .required {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 0;
	margin-top: -7px;
	font-size: 14px;
	font-weight: 300;
	color: #686868;
	line-height: 1;
}
.book-form-terms .terms-con {
	height: 80px;
	padding: 10px;
	border: 1px solid #ddd;
	font-size: 13px;
	font-weight: 400;
	color: #686868;
	line-height: 150%;
	overflow: auto;
}
.book-form-terms .privacy-con {
	width: 100%;
	font-size: 14px;
	text-align: center;
	line-height: 150%;
}
.book-form-terms .privacy-con th,
.book-form-terms .privacy-con td {
	padding: 10px;
	border: 1px solid #ddd;
	font-weight: 400;
}
.book-form-terms .privacy-con th {
	background-color: #f9f9f9;
}
.book-form-terms .privacy-con td p {
	text-align: left;
	line-height: 150%;
}
.book-form-terms .cancel-con {
	width: 100%;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: left;
	color: #686868;
	line-height: 150%;
}
.book-form-terms .cancel-con th,
.book-form-terms .cancel-con td {
	padding: 10px;
	border: 1px solid #ddd;
	font-weight: 400;
}
.book-form-terms .cancel-con th {
	width: 120px;
	border-right-width: 0;
}
.book-form-terms .cancel-con td {
	border-left-width: 0;
}
.book-form-terms .cancel > p {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	color: #686868;
	line-height: 150%;
}
.book-form-terms .cancel > p:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 5px;
	height: 2px;
	margin-top: -1px;
	background-color: #999;
}
.book-form-terms .must-agree {
	padding: 10px 0;
	font-size: 14px;
	line-height: 150%;
}
.book-form-inp {
	width: 49%;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.book-form-inp .top {
	position: relative;
}
.book-form-inp .top h2 {
	border-top-width: 0;
}
.book-form-inp h2 {
	padding: 0 20px;
	border: 0 solid #ddd;
	border-width: 1px 0;
	background-color: #f9f9f9;
	font-size: 20px;
	font-weight: 600;
	line-height: 50px;
}
.book-form-inp span.required {
	position: absolute;
	top: 50%;
	right: 10px;
	padding-left: 17px;
	margin-top: -7px;
	font-size: 14px;
	font-weight: 300;
	color: #686868;
	line-height: 1;
}
.book-form-inp span.required:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 10px;
	margin-top: -5px;
	background: url(ico-check04.png) no-repeat center;
}
.book-form-inp strong.required {
	display: inline-block;
	width: 14px;
	height: 10px;
	margin-right: 5px;
	background: url(ico-check04.png) no-repeat center;
	line-height: 99;
	overflow: hidden;
}
.book-form-inp input[type="text"],
.book-form-inp input[type="file"],
.book-form-inp input[type="password"] {
	width: 100%;
	max-width: 250px;
	height: 30px;
	padding: 0 5px;
	border: 1px solid #c3c3c3;
	font-size: 14px;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.book-form-inp textarea {
	width: 100%;
	min-height: 60px;
	padding: 5px;
	border: 1px solid #c3c3c3;
	font-size: 14px;
	font-weight: 300;
	line-height: 150%;
	overflow: auto;
	resize: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: min-height 0.3s ease;
}
.book-form-inp textarea:focus {
	min-height: 150px;
}
.book-form-inp .guest-info-tbl {
	padding: 20px;
}
.book-form-inp .guest-info-tbl table {
	width: 100%;
	font-size: 14px;
}
.book-form-inp .guest-info-tbl th,
.book-form-inp .guest-info-tbl td {
	padding: 10px 5px;
	font-weight: 300;
	text-align: left;
}
.book-form-inp .guest-info-tbl th {
	width: 70px;
	padding-right: 20px;
	text-align: right;
}
.book-form-inp .bank-info {
	padding: 15px 20px;
	font-size: 14px;
}
.book-form-inp .bank-info .ac {
	font-size: 18px;
	line-height: 150%;
}
.book-form-inp .bank-info strong {
	display: block;
	margin: 5px 0;
	font-size: 16px;
	line-height: 150%;
}
.book-form-inp .bank-info p {
	line-height: 150%;
}
.book-form-inp .total-cost h3 {
	height: 50px;
	padding: 0px 20px;
	border: 0 solid #ddd;
	border-width: 1px 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 50px;
}
.book-form-inp .total-cost table {
	width: 95%;
	margin: 0 auto;
	font-size: 15px;
}
.book-form-inp .total-cost table tr {
	border-top: 1px solid #ddd;
}
.book-form-inp .total-cost table tr:first-child {
	border-top: none;
}
.book-form-inp .total-cost table th,
.book-form-inp .total-cost table td {
	font-weight: 400;
	padding: 15px 10px;
	color: #666;
}
.book-form-inp .total-cost table th {
	text-align: left;
}
.book-form-inp .total-cost table td {
	text-align: right;
}
.book-form-inp .total-cost table td b {
	color: #444;
}
.book-form-inp .sum {
	padding: 0 2.5%;
	border: 3px solid #454545;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.book-form-inp .sum dt,
.book-form-inp .sum dd {
	padding: 20px 10px;
	font-size: 15px;
	font-weight: 400;
}
.book-form-inp .sum dt {
	float: left;
}
.book-form-inp .sum dd {
	float: right;
}
.book-form-inp .sum dd b {
	font-size: 18px;
}
.book-form-inp .payment {
	padding: 10px 0;
	text-align: center;
}
.book-form-inp .payment > span {
	position: relative;
	display: inline-block;
	margin: 0 2%;
}
.book-form-inp .payment input {
	position: absolute;
	z-index: 0;
	top: 5px;
	left: 0;

}
.book-form-inp .payment label {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 5px 0 5px 30px;
	background-color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
}
.book-form-inp .payment label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(ico-check02.png) no-repeat center #c3c3c3;
}
.book-form-btn {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 350px;
	margin-left: -175px;
	overflow: hidden;
}
.book-form-btn a,
.book-form-btn button,
.book-form-btn input {
	float: left;
	width: 170px;
	height: 50px;
	border: 1px solid #333;
	background-color: #fff;
	font-size: 18px;
	font-weight: 500;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.book-form-btn a {
	margin-left: 10px;
	line-height: 48px;
	text-align: center;
	color: #333;
}
@media all and (max-width:1024px) {
	.book-form {
		padding: 0px 10px;
	}
	.book-form-smry .boxing {
		padding: 10px 10px 0;
	}
	.book-form-smry .boxing .room {
		margin: 20px 0;
	}
	.book-form-smry .boxing .room select,
	.book-form-smry .another-service table td select{
		background: url(ico-arrow02b.png) no-repeat 62px center #fff;
		-webkit-background-size: 10px;
		background-size: 10px;
	}
	.book-form-terms .check label {
		padding-left: 22px;
	}
	.book-form-terms .check label:before {
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: url(ico-check02b.png) no-repeat center #c3c3c3;
		-webkit-background-size: 20px;
		background-size: 20px;
		border-radius: 100px;
		overflow: hidden;
	}
	.book-form-inp span.required:before,
	.book-form-inp strong.required {
		background: url(ico-check04b.png) no-repeat center;
		-webkit-background-size: 10px;
		background-size: 10px;
	}
	.book-form-inp .payment label {
		padding-left: 22px;
		font-size: 15px;
	}
	.book-form-inp .payment label:before {
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: url(ico-check02b.png) no-repeat center #c3c3c3;
		-webkit-background-size: 20px;
		background-size: 20px;
		border-radius: 100px;
		overflow: hidden;
	}
}
@media all and (max-width:743px) {
	.book-form {
		margin-top: -40px;
		padding: 0 10px;
	}
	.book-form .inner fieldset {
		float: none;
		width: auto;
		margin: 0 0 20px;
	}
	.book-form-smry .boxing .room {
		padding: 0;
		margin: 0 0 30px;
	}
	.book-form-smry .boxing .room .img {
		position: static;
		width: 100%;
		max-width: 300px;
		margin-bottom: 10px;
	}
	.book-form-smry .boxing .room select {
		height: 26px;
		margin: 3px;
		font-size: 13px;
	}
	.book-form-smry .boxing .room table th,
	.book-form-smry .boxing .room table td {
		font-size: 13px;
	}
	.book-form-smry .boxing .room table th {
		width: 80px;
	}
	.book-form-smry .boxing .room table span { display: inline-block; }
	.book-form-smry .another-service {
		padding-bottom: 20px;
	}
	.book-form-smry .another-service table {
		font-size: 13px;
	}
	.book-form-smry .another-service table th,
	.book-form-smry .another-service table td {
		padding: 5px;
	}
	.book-form-smry .another-service table th {
		width: 110px;
	}
	.book-form-smry .another-service table td select {
		height: 26px;
		margin: 3px 10px 3px 0;
		font-size: 13px;
	}
	.book-form-smry .book-form-total {
		padding: 20px 5px;
		font-size: 13px;
	}
	.book-form-smry .book-form-total dl {
		overflow: hidden;
	}
	.book-form-smry .book-form-total dt,
	.book-form-smry .book-form-total dd {
		float: left;
		width: 50%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 30px;
	}
	.book-form-smry .book-form-total dt {
		width: 47%;
		padding-right: 3%;
		text-align: right;
	}
	.book-form-smry .book-form-total dt:before {
		position: static;
		margin-right: 5px;
		font-size: 20px;
	}
	.book-form-smry .book-form-total dd {
		width: 53%;
		padding-left: 1%;
		text-align: left;
	}
	.book-form-smry .book-form-total dd span {
		font-size: 20px;
	}
	.book-form-terms {
		padding: 10px 2%;
	}
	.book-form-terms .check label {
		font-size: 14px;
	}
	.book-form-terms .check .required {
		margin-top: -6px;
		font-size: 12px;
	}
	.book-form-terms .terms-con {
		padding: 5px;
		font-size: 12px;
	}
	.book-form-terms .privacy-con {
		font-size: 12px;
	}
	.book-form-terms .cancel-con {
		font-size: 12px;
	}
	.book-form-terms .cancel-con th,
	.book-form-terms .cancel-con td {
		padding: 5px;
	}
	.book-form-terms .cancel > p:before {
		top: 8px;
		margin-top: 0;
	}
	.book-form-terms .cancel > p {
		font-size: 13px;
	}
	.book-form-inp span.required {
		font-size: 12px;
	}
	.book-form-inp .guest-info-tbl {
		padding: 10px 2%;
	}
	.book-form-inp .guest-info-tbl table {
		font-size: 13px;
	}
	.book-form-inp .guest-info-tbl th,
	.book-form-inp .guest-info-tbl td {
		padding: 5px;
	}
	.book-form-inp .guest-info-tbl th {
		width: 60px;
	}
	.book-form-inp h2 {
		padding: 0 10px;
		font-size: 16px;
		line-height: 40px;
	}
	.book-form-inp .bank-info {
		padding: 10px 2%;
		font-size: 12px;
	}
	.book-form-inp .bank-info .ac {
		font-size: 16px;
	}
	.book-form-inp .bank-info strong {
		font-size: 14px;
	}
	.book-form-inp .total-cost h3 {
		height: 40px;
		padding: 0 10px;
		font-size: 18px;
		line-height: 40px;
	}
	.book-form-inp .sum dt,
	.book-form-inp .sum dd {
		padding: 10px;
	}
	.book-form-btn {
		position: static;
		width: auto;
		padding-bottom: 40px;
		margin: 0;
	}
	.book-form-btn a,
	.book-form-btn button,
	.book-form-btn input {
		width: -webkit-calc(98% - 80px);
		width: -moz-calc(98% - 80px);
		width: calc(98% - 80px);
		height: 40px;
		font-size: 16px;
	}
	.book-form-btn a {
		width: 80px;
		margin-left: 2%;
		line-height: 38px;
	}
}

/* 예약완료 */
.book-comp {
	margin-top: -50px;
	padding: 50px 10px;
	background-color: #f8f8f8;
}
.book-comp .boxing {
	position: relative;
	max-width: 600px;
	padding: 80px 50px 50px;
	margin: 0 auto;
	border: 1px solid #ddd;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.book-comp .boxing h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 20px;
	font-size: 20px;
	font-weight: 400;
	line-height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.book-comp .boxing .name {
	font-size: 26px;
	font-weight: 400;
	text-align: center;
	line-height: 150%;
}
.book-comp .boxing .name span {
	font-weight: 500;
}
.book-comp .boxing p {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	color: #656565;
	line-height: 150%;
}
.book-comp .boxing table {
	width: 100%;
	margin-bottom: 30px;
	border-top: 2px solid #454545;
	font-size: 14px;
}
.book-comp .boxing tr {
	border-bottom: 1px solid #ddd;
}
.book-comp .boxing th,
.book-comp .boxing td {
	height: 30px;
	padding: 5px;
	font-weight: 400;
	line-height: 150%;
}
.book-comp .boxing th {
	width: 100px;
	color: #666;
}
.book-comp .btn-group a {
	border-radius: 5px;
}
@media all and (max-width:1024px) {
	.book-comp {
		margin-top: -40px;
		padding: 50px 10px;
		background-color: #f8f8f8;
	}
}
@media all and (max-width:460px) {
	.book-comp .boxing {
		padding: 60px 10px 20px;
	}
	.book-comp .boxing h1 {
		font-size: 18px;
		line-height: 45px;
	}
	.book-comp .boxing .name {
		font-size: 22px;
	}
	.book-comp .boxing p {
		font-size: 14px;
	}
	.book-comp .boxing table {
		font-size: 13px;
		margin-bottom: 20px;
	}
	.book-comp .boxing th {
		width: 25%;
	}
}

/* 주변관광지 */
.sightseeing {
	max-width: 1240px;
	padding-bottom: 60px;
	margin: 0 auto;
}
.sightseeing h1 {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 150%;
}
.sightseeing .subtit {
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center;
	line-height: 150%;
}
.sightseeing ul {
	overflow: hidden;
}
.sightseeing li {
	float: left;
	display: table;
	width: 50%;
	height: 210px;
	padding: 20px 10px;
	overflow: hidden;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sightseeing li .img {
	display: table-cell;
	width: 230px;
	vertical-align: top;
}
.sightseeing li .img img {
	width: 100%;
}
.sightseeing li .info {
	display: table-cell;
	padding-left: 10px;
	font-size: 15px;
	vertical-align: top;
}
.sightseeing li .name {
	height: 25px;
	margin-bottom: 5px;
	font-size: 17px;
	font-weight: 600;
	line-height: 25px;
}
.sightseeing li .txt {
	max-height: 100px;
	margin-bottom: 5px;
	line-height: 20px;
	overflow: hidden;
}
.sightseeing li .distance {
	height: 30px;
	padding-left: 35px;
	background: url(ico-car01.png) no-repeat left center;
	font-weight: 500;
	color: #666;
	line-height: 30px;
}
@media all and (max-width:1024px) {
	.sightseeing ul {
		max-width: 743px;
		margin: 0 auto;
	}
	.sightseeing li {
		float: none;
		width: 100%;
		height: auto;
		padding: 10px 10px;
	}
	.sightseeing li .info {
		font-size: 13px;
	}
	.sightseeing li .name {
		margin-bottom: 0;
		font-size: 15px;
		line-height: 20px;
	}
	.sightseeing li .distance {
		height: 20px;
		padding-left: 25px;
		background: url(ico-car01b.png) no-repeat left center;
		-webkit-background-size: 20px;
		background-size: 20px;
		line-height: 20px;
	}
}
@media all and (max-width:743px) {
	.sightseeing .sibtit {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.sightseeing ul {
		max-width: 350px;
		padding: 0 10px 10px;
	}
	.sightseeing li {
		position: relative;
		padding: 50px 0 0;
		display: block;
		border: 1px solid #ddd;
		background-color: #fff;
		border-radius: 3px;
		margin-bottom: 20px;
	}
	.sightseeing li .img {
		display: block;
		width: auto;
		padding: 20px 20px 0;
	}
	.sightseeing li .info {
		display: block;
		width: auto;
		padding: 20px;
		font-size: 14px;
	}
	.sightseeing li .info .name {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		padding: 0 20px;
		border-bottom: 1px solid #ddd;
		font-size: 17px;
		line-height: 50px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sightseeing li .info .name:before {
		content: "# ";
	}
	.sightseeing li .info .txt {
		max-height: 100%;
		margin-bottom: 10px;
		line-height: 150%;
	}
}

* {
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
