@charset "utf-8";
/* MWB :: For animate */
.mwb-ani {
	opacity: 0; 
}
/* MWB :: ddnayo font reload */
.rsv_cal_t,
.rsv_cal_h,
.rsv_cal_h tr,
.rsv_cal_h td,
.rsv_cal_h p,
.rsv_cal_b,
.rsv_cal_b tr,
.rsv_cal_b td,
.rsv_cal_b p,
.rsv_cal_b .rate .sale,
.week_date,
.room_rprice table,
.room_rprice table .rprice .rate,
.room_rprice table .rprice .sale,
.room_tit,
.season,
.cancelfee,
#rsvSysRoot {
	font-family: "Noto Sans KR", "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#mwb-stay-content .mwb-card {
	border-radius: 6px;
}
#mwb-stay-content .mwb-card .header {
	border-radius: 6px 6px 0 0;
}
/* MWB :: mwb-card body scale reload */
@media (max-width: 767px) {
	#mwb-stay-content .mwb-card,
	#mwb-stay-content .mwb-card .header {
		border-radius: 0;
	}
}
@media (max-width: 439px) { /* 439px 보다 작을 경우 */
	.mwb-card .body {
		padding-right: 10px; 
		padding-left: 10px; 
	}
}
#mwb-stay-content:before, #mwb-stay-content:after {
	content: " ";
	display: table;
}
#mwb-stay-content:after {
	clear: both;
}
#mwb-stay-content::before {
	/* never visible - used to check MQ in jQuery */
	display: none;
	content: 'xl';
}
@media (max-width: 1199px) { /* 1199px 보다 작을 경우 */
	#mwb-stay-content::before {
		content: 'lg';
	}
}
@media (max-width: 991px) { /* 991px 보다 작을 경우 */
	#mwb-stay-content::before {
		content: 'md';
	}
}
@media (max-width: 767px) { /* 767px 보다 작을 경우 */
	#mwb-stay-content::before {
		content: 'sm';
	}
}
@media (max-width: 439px) { /* 439px 보다 작을 경우 */
	#mwb-stay-content::before {
		content: 'xs';
	}
}
/* MWB :: headroom & nav */
.headroom {
	height: 50px;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	backface-visibility: hidden;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.6); 
	margin-bottom: 0; 
}
.navbar-default {
	border: none; 
	margin-bottom: 0; 
}
.headroom:before, .headroom:after {
	content: " ";
	display: table;
}
.headroom:after {
	clear: both;
}
.headroom-fixed {
	transform: translateY(0%);
}
.headroom-unfixed {
	transform: translateY(-100%);
}
.collapse.navbar-collapse {
	text-align: center; 
	height: 50px; 
	border: none; 
}
.headroom .navbar-nav>li>a:hover, 
.headroom .navbar-nav>li>a:focus {
	background-color: rgba(0, 0, 0, 0.5); 
	/*border-bottom: 1px solid #fff;*/ 
}
.headroom.scrolled {
	background-color: #fff; 
	-webkit-box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.2); 
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.2); 
}
.headroom.scrolled .navbar-nav>li>a {
	color: #2c3239; 
}
.headroom.scrolled .navbar-nav>li>a:hover, 
.headroom.scrolled .navbar-nav>li>a:focus {
	background-color: #ddd; 
	border-bottom: none; 
}
.nav.navbar-nav {
	float: none; 
	display: inline-block; 
	height: 50px; 
	margin: 0; 
	font-size: 0; 
}
.nav.navbar-nav>li {
	float: none; 
	display: inline-block; 
	height: 50px; 
}
.navbar-nav>li>a {
	font-size: 16px; 
}
.nav.navbar-nav>li.naver-reserve a {
	background-color: #4caf50 !important; 
	color: #fff !important; 
	line-height: 20px; 
	padding: 15px; 
}
.nav.navbar-nav>li.naver-reserve a i.fn {
	vertical-align: middle; 
	font-size: 20px; 
	width: 20px; 
	height: 20px; 
	line-height: 0; 
}
.nav.navbar-nav>li.reservation a {
	background-color: #4589c8 !important; 
	color: #fff !important; 
}
.nav.navbar-nav>li.admin a {
	/*background-color: #cc4364 !important;*/ 
	/*color: #fff !important;*/ 
	line-height: 20px; 
	padding: 15px; 
}
.nav.navbar-nav>li.admin a i {
	vertical-align: top; 
	font-size: 20px; 
	width: 20px; 
	height: 20px; 
	line-height: 20px; 
}
.navbar-brand {
	display: none !important; 
}
.navbar-header .direct-tel {
	float: left; 
	width: 44px; 
	height: 34px; 
	color: #fff; 
	padding: 0 10px;
    margin-left: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #bb3354;
    background-image: none;
    border: 1px solid #bb3354;
    border-radius: 0;
    font-size: 20px; 
}
.navbar-header .direct-tel img {
	width: 40px; 
	height: 40px; 
	margin: 5px 0 0 10px;
}
#mwb-stay-content {
	margin-top: 50px; 
	margin-bottom: 50px; 
}
@media only screen and (max-width: 991px) {
	#slide-navbar-collapse {
		position: fixed;
		top: 50px;
		left: 0;
		z-index: 99;
		width: 200px;
		height: 100vh;
		padding: 0; 
		background-color: rgba(0, 0, 0, 0.7);
		border-color: rgba(0, 0, 0, 0.7); 
		overflow: auto;
	}
	.mwb-nav-overlay {
		position: fixed;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
		visibility: hidden;
		opacity: 0;
		z-index: 49;
		-webkit-transition: all 0.4s 0s;
		-moz-transition: all 0.4s 0s;
		transition: all 0.4s 0s;
	}
	.mwb-nav-overlay.overlay {
		visibility: visible;
		opacity: 1;
		-webkit-transition: all 0.2s 0s;
		-moz-transition: all 0.2s 0s;
		transition: all 0.2s 0s;
	}
	.navbar-default {
		/*background-color: #fff;*/ 
	}
	.nav.navbar-nav {
		float: none;
		display: block; 
		height: auto; 
	}
	.nav.navbar-nav>li {
		display: block; 
		height: auto; 
	}
	.navbar-default .navbar-nav>li>a {
		padding-right: 0; 
		padding-left: 0; 
	}
	.navbar-brand { 
		display: block !important; 
	}
	.headroom .navbar-toggle {
		background-color: #bb3354; 
	}
	.headroom.scrolled .navbar-nav>li>a {
		color: #fff; 
	}
	.headroom.scrolled .navbar-brand { 
		color: #000; 
	}
}
/* MWB :: head */
.header-gallery {
	background-color: #fff;
}
@media (max-width: 767px) { /* 767px 보다 작을 경우 */
	.headroom {
		background-color: #2f2e2e; 
	}
	.header-gallery { 
		margin-top: 50px; 
	}
}
.main-video-wrapper {
	position: relative; 
	margin-bottom: 50px; 
}
.main-video-wrapper .main-video {
	position: absolute; 
	left: 0; 
	bottom: -55px; 
	z-index: 1; 
	padding: 10px; background-color: #fff; 
	border-radius: 6px;
}
.main-video-inner {
	position: relative;
    padding-bottom: 58%;
    padding-top: 0;
    height: 0;
}
.main-video-inner iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
@media (max-width: 767px) {
	.main-video-wrapper {
		margin-bottom: 0; 
	}
	.main-video-wrapper .main-video {
		position: relative; 
		display: block; 
		bottom: 25px; 
	}
}
/* MWB :: Footer */
footer {
	color: #fff;
}
footer ul {
	padding: 0px;
}
footer ol,
footer ul {
	margin-bottom: 0px;
}
.phone-no i {
	position: relative;
	margin-right: 14px;
	font-size: 46px;
}
.phone-no {
	margin-top: -22px;
	text-align: right;
}
.footer-head {
	padding-bottom: 30px;
	border-bottom: 2px solid #7a6f6f;
	padding-top: 15px;
	margin-bottom: 30px;
}
.footer-head ul li {
	display: inline-block;
}
.footer-head ul li:first-child {
	margin-right: 20px; 
}
.footer-head ul li:last-child {
	margin-right: 0px;
}
.footer-head ul.address {}
.phone-no a {
	color: #4589c8;
	font-size: 34px;
	font-weight: bold;
}
.footer-top {
	background: #2f2e2e;
	padding:50px 0 50px;
}
.footer-top h4 {
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 30px; 
	margin-bottom: 20px;
}
.footer-top p {
	font-size: 13px;
	line-height: 2;
}
.footer-top .account-wrapper {
	text-align: right; 
}
footer p {
  margin-bottom:0;
}
.footer-logo {
	display: block;
	margin-bottom: 32px;
}
ul.contact li {
	list-style: none;
	position: relative;
	padding: 0px 0 5px 10px;
}
ul.contact span {
	position: absolute;
	width: 40px;
	max-width: 40px;
	left: 0;
}
ul.contact li a {
	color: #fff;
	text-decoration: none;
}
ul.contact i {
	width: 20px;
	position: absolute;
	left: 0px;
	text-align: center;
	font-size: 22px;
	top: 2px;
}
ul.social-contact {
	font-size: 0; 
}
ul.social-contact li {
	list-style: none;
	position: relative;
	display: inline-block; 
	padding-right: 10px; 
	padding-left: 10px; 
	padding-bottom: 15px; 
}
ul.social-contact li:first-child {
	padding-left: 10px; 
}
ul.social-contact li a {
	color: #fff; 
}
ul.social-contact li a img {
	max-width: 30px; 
	max-height: 30px; 
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
}
/*ul.social-contact li a img:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}*/
ul.info-no li {
	list-style: none;
	position: relative;
	padding: 0px 0 5px 10px;
}
ul.info-no span {
	position: absolute;
	width: 40px;
	max-width: 40px;
	left: 0;
}
ul.info-no li a {
	color: #fff;
	text-decoration: none;
}
ul.info-no i {
	width: 20px;
	position: absolute;
	left: 0px;
	text-align: center;
	font-size: 28px;
	top: 0;
}
.footer-top .account-wrapper h4 {
	font-size: 30px; 
	margin-top: 20px; 
}
ul.account li {
	list-style: none;
	position: relative;
	padding: 0px 0 5px 10px;
	font-size: 24px; 
}
ul.account span {
	position: absolute;
	width: 40px;
	max-width: 40px;
	left: 0;
}
ul.account li a {
	color: #fff;
	text-decoration: none;
}
ul.account i {
	width: 20px;
	position: absolute;
	left: 0px;
	text-align: center;
	font-size: 28px;
	top: 0;
}
.footer-bottom {
	background: #595858;
	padding: 10px 0px 100px;
}
.footer-bottom .copyright {
	font-size: 16px;
}
.footer-bottom .partner {
	text-align: right; 
}
.footer-bottom ul.partner a {
	color: #fff; 
}
.footer-bottom ul.partner .gbgb,
.footer-bottom ul.partner .gbgb a {
	color: #4589c8; 
	font-weight: bold; 
}
.footer-bottom ul.partner li {
	display: inline-block; 
}
.footer-bottom ul.partner li:not(:last-child) {
	margin-right: 10px; 
}
@media (max-width: 991px) { /* 991px 보다 작을 경우 */
	.phone-no {
		text-align: center; 
	}
	.footer-head ul.address {
		text-align: center;
	}
}
@media (max-width: 767px) { /* 767px 보다 작을 경우 */
	.footer-head ul.address li {
		font-size: 14px !important; 
	}
	.footer-head ul.address li {
		display: block; 
		margin: 0; 
	}
	.footer-top .account-wrapper {
		text-align: left; 
	}
	.footer-bottom .copyright,
	.footer-bottom .partner {
		text-align: center; 
		padding: 10px 0px;
	}
}
/* MWB :: 인풋 필수입력 */
.required, textarea.required {
	/*background: url(../img/wrest2.png) top left repeat-y !important;*/
	background: none !important;
}
/* MWB :: Information */
#mwb-page h1 {
	margin: 0;
	clear: both;
	font-size: 30px;
	 color: #646363; 
	text-align: center;
}
#mwb-page .mwb-card {
	margin-bottom: 30px; 
}
#mwb-page .mwb-card h3 {
	margin: 0;
	clear: both;
	font-size: 20px;
	 color: #646363; 
	text-align: center;
}
.mwb-price-table .priceTable {
	width: 90%; 
	margin: 0 auto;
}
.mwb-price-table .priceTable th,
.mwb-price-table .priceTable td {
	text-align: center; 
	font-size: 14px; 
	vertical-align: middle; 
}
.mwb-price-table .priceTable th p,
.mwb-price-table .priceTable td p {
	margin-bottom: 0; 
}
.mwb-price-table .priceTable td.type {
	font-size: 16px; 
	font-weight: bold; 
}
.mwb-price-table .priceTable td.type p.small {
	font-weight: normal; 
}
.mwb-price-table+.mwb-price-table-desc {
	font-size: 14px; 
	padding-top: 10px; 
	color: #cc4364; 
	text-align: center; 
}
.mwb-daily-price-table+.mwb-daily-price-table-desc {
	font-size: 14px; 
	padding-top: 10px; 
	color: #cc4364; 
	text-align: center; 
}
.mwb-daily-price-table .rsv_cal_h,
.mwb-daily-price-table .rsv_cal_b {
	width: 90%; 
	margin: 0 auto;
	border-left: 1px solid #d7d7d7; 
	border-right: 1px solid #d7d7d7;
}
.mwb-daily-price-table .rsv_cal_h .ssn td,
.mwb-daily-price-table .rsv_cal_h .htr td {
	background: #f8f1e9; 
}
.mwb-daily-price-table .rsv_cal_h .htr {
	font-weight: bold; 
}
.mwb-daily-price-table .rsv_cal_h td.blank,
.mwb-daily-price-table .rsv_cal_b td.nm_room {
	border-right: 1px solid #d7d7d7;
}
.mwb-daily-price-table .rsv_cal_h td.blank p {
	font-size: 16px; 
	font-weight: bold; 
}
.mwb-daily-price-table .rsv_cal_h td.blank p.su {
	font-size: 12px; 
	font-weight: normal; 
}
.mwb-daily-price-table .rsv_cal_b td.nm_room {
	background: #eee; 
}
.mwb-daily-price-table .rsv_cal_b td.nm_room {
	color: #808080; 
}
.mwb-daily-price-table .rsv_cal_b td.nm_room .nm {
	font-size: 16px;  
}
.mwb-daily-price-table .rsv_cal_b td.nm_room .su,
.mwb-daily-price-table .rsv_cal_b td.nm_room .space {
	font-weight: normal; 
}
.mwb-daily-price-table .rsv_cal_b .rate .sale {
	font-size: 14px; 
}
.mwb-daily-price-table .rsv_cal_t {
	font-size: 16px; 
	margin: 10px 0; 
	line-height: 33px; 
	height: 33px; 
}
.mwb-daily-price-table .rsv_cal_t p {
    margin: 0;
    line-height: 33px;
}
.mwb-daily-price-table .rsv_cal_t .prv,
.mwb-daily-price-table .rsv_cal_t .next {
	background: none; 
}
.mwb-daily-price-table .rsv_cal_t .prv:before {
	content: '\f137';
    font-family: 'Font Awesome 5 Free';
    font-size: 30px;
    font-weight: 900;
    color: #4589c8;
}
.mwb-daily-price-table .rsv_cal_t .next:before {
	content: '\f138';
    font-family: 'Font Awesome 5 Free';
    font-size: 30px;
    font-weight: 900;
    color: #4589c8;
}
@media (max-width: 1199px) { /* 1199px 보다 작을 경우 */
	.mwb-price-table .priceTable {
		width: 100%; 
	}
	.mwb-daily-price-table .rsv_cal_h,
	.mwb-daily-price-table .rsv_cal_b {
		width: 100%; 
	}
}
@media (max-width: 991px) { /* 991px 보다 작을 경우 */
	.mwb-price-table .priceTable th,
	.mwb-price-table .priceTable td {
		font-size: 12px; 
	}
	.mwb-price-table .priceTable td.type {
		font-size: 14px; 
	}
}
@media (max-width: 767px) { /* 767px 보다 작을 경우 */
	.mwb-price-table .priceTable th,
	.mwb-price-table .priceTable td {
		font-size: 10px; 
	}
	.mwb-price-table .priceTable td.type {
		font-size: 12px; 
	}
	.mwb-daily-price-table .rsv_cal_t p {
		font-size: 14px; 
		padding: 0; 
	}
	.mwb-daily-price-table .rsv_cal_b .rate .sale {
		font-size: 12px; 
	}
}
@media (max-width: 439px) { /* 439px 보다 작을 경우 */
	.mwb-card.stay-information-table .body {
		padding-right: 2px; 
		padding-left: 2px; 
	}
	.mwb-price-table+.mwb-price-table-desc {
		font-size: 12px; 
	}
	.mwb-daily-price-table+.mwb-daily-price-table-desc {
		font-size: 12px; 
	}
}
.mwb-information-period {
	padding: 0; 
	font-size: 14px; 
	text-align: center; 
}
.mwb-information-period caption {
	font-size: 12px; 
	text-align: right; 
	padding-bottom: 4px; 
}
.mwb-information-period thead tr th {
	text-align: center; 
	padding: 5px 8px; 
	font-size: 14px; 
	border-bottom-width: 1px; 
}
.mwb-information-period tbody tr td {
	padding: 5px 8px; 
	font-size: 14px; 
}
@media (max-width: 767px) {	/* 767px 보다 작을 경우 */
	.mwb-information-period {
		padding: 0; 
	}
	.mwb-information-period thead tr th,
	.mwb-information-period tbody tr td {
		font-size: 12px; 
	}
}
.mwb-information-period .period tbody tr td:first-child,
.mwb-information-period .period-charge tbody tr td:first-child {
	/*font-weight: bold; */
}
.mwb-information-period .season {
	width: 100%; 
	border-color: #ccd0d6; 
}
.mwb-information-period .season div {
	padding: 5px 8px; 
	font-size: 14px; 
	font-weight: bold; 
	letter-spacing: 10px;
	background-color: #fff; 
}
.mwb-information-period .season dl {
	border-color: #ccd0d6; 
}
.mwb-information-period .season dt,
.mwb-information-period .season dd {
	font-size: 14px;
	text-align: center;
	border-right-color: #ccd0d6; 
}
.mwb-information-period .season dl:hover {
	background-color: #dfdfdf; 
}
.mwb-information-refund table.cancelfee {
	width: 100%; 
	margin-bottom: 0; 
	font-size: 14px; 
}
.mwb-information-refund table.cancelfee th,
.mwb-information-refund table.cancelfee td {
	border-right-color: #ccd0d6;
}
.mwb-information-refund table.cancelfee caption {
	display: none; 
}
.mwb-information-refund table.cancelfee th {
	background-color: #fff; 
}
@media (max-width: 439px) { /* 439px 보다 작을 경우 */
	.mwb-information-refund table.cancelfee td {
		font-size: 12px; 
	}
}
.mwb-information-refund {
	padding: 0; 
	font-size: 14px; 
	text-align: center; 
}
.mwb-information-refund thead tr th {
	text-align: center;
	padding: 5px 8px;
	font-size: 14px;
	border-bottom-width: 1px;
}
.mwb-information-refund tbody tr td {
	padding: 5px 8px;
	font-size: 14px;
}
.mwb-information-refund tbody tr:hover {
	background-color: #dfdfdf;
}
@media (max-width: 767px) {
	.mwb-information-refund thead tr th, 
	.mwb-information-refund tbody tr td {
		font-size: 12px;
	}
}
/* MWB :: reservation */
.mwb-card.mwb-information-cal .body h4 {
	font-weight: normal; 
	font-size: 14px; 
	text-align: center; 
	margin: 10px 0;
}
.reservation-cal .btn.naver-reservation {
	border-radius: 6px;
}
.reservation-cal .btn.naver-reservation h4 {
	font-weight: normal; 
	font-size: 14px; 
	text-align: center; 
	margin: 10px 0;
}
.reservation-cal .btn.naver-reservation i {
	line-height: 1.500001; 
	vertical-align: middle;
}
@media (max-width: 767px) {
	.reservation-cal .btn.naver-reservation {
		border-radius: 0;
	}
}
/* MWB :: location */
.stay-information .header h2 {
	color: #646363;
	font-size: 20px;
	letter-spacing: 10px;
	text-align: center; 
	padding: 0;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}
.stay-information .info-content {
	font-size: 16px;
	text-align: center; 
}
.stay-information .info-content i {
	color: #9d9c9c; 
}
.stay-information .info-title.account,
.stay-information .info-content.account, 
.stay-information .info-content.account i {
	color: #4589c8; 
	font-weight: bold; 
}
.stay-information .info-content.account {
	font-size: 20px; 
	font-weight: normal; 
}
#stay-map {
	width: 100%; 
	height: 300px; 
}
.kakao-map-wrapper {position:relative;overflow:hidden;width:100%;height:300px;}
.kakao-map-control {position:absolute;top:10px;right:10px;z-index:1;}
.kakao-map-zoom {position:absolute;bottom:10px;right:10px;z-index:1;} 
/* MWB :: english */
/* MWB :: community list */
.community-subject {
	margin-bottom: 30px; 
}
.community-subject .row {
	margin-right: -10px !important; 
	margin-left: -10px !important; 
}
.community-subject [class*="mwbs3m-"] {
	padding-right: 10px !important; 
	padding-left: 10px !important; 
	margin-bottom: 10px !important; 
}
.community-subject button.btn-subject {
	font-size: 16px; 
	/*border-color: transparent !important;*/ 
	border-radius: 6px;
	height: 40px; 
	line-height: 38px; 
}
.community-subject button.btn-subject a {
	overflow: hidden; 
}
.community-subject button.btn-subject a:hover {}
@media (max-width: 767px) {
	.community-subject button.btn-subject {
		font-size: 14px; 
		border-radius: 0;
	}
}
#tail-desc {
	position: fixed;
	bottom: 13px;
	left: 0;
	background: rgb(0, 0, 0);
	background: rgba(69, 137, 200, 0.88);
	width: auto;
	height: 50px;
	display: block;
	text-decoration: none;
	border-radius: 0 35px 35px 0;
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-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;
	z-index: 10; 
}
#tail-desc.desc-show {
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
#tail-desc ul.bar {
	padding-right: 15px; 
	padding-left: 10px; 
}
#tail-desc ul.bar li {
	display: inline-block; 
}
#tail-desc .tail-button {
	display: block; 
	min-width: 50px; 
	height: 50px; 
	text-align: center; 
}
#tail-desc .tail-button i {
	color: #fff;
	margin: 0;
	position: relative;
	line-height: 50px; 
	font-size: 24px;
	top: 0; 
	-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;
}
#tail-desc:hover {
	/*background: rgba(0, 0, 0, 0.9);*/
}
#tail-desc .tail-button:hover i {
	color: #fff;
	top: -5px;
}
#tail-desc .tail-button.go-to-share {
	cursor: pointer; 
}