@charset "utf-8";
body {
	background: #fff; 
	font-family: "Ubuntu", "Noto Sans KR","Nanum Gothic","Apple SD Gothic Neo","Malgun Gothic","맑은 고딕","Helvetica Neue",Helvetica,Arial,sans-serif; 
}

/* MWB :: For animate */
.mwb-ani {
	opacity: 0; 
}
/* MWB :: bs3 수정 */
.container-fluid {
	padding-right: 15px; 
	padding-left: 15px; 
}
.container {
	padding-right: 15px; 
	padding-left: 15px; 
}
.row {
	margin-right: -15px; 
	margin-left: -15px; 
}
.mwbs3m-lg-1, .mwbs3m-lg-10, .mwbs3m-lg-11, .mwbs3m-lg-12, .mwbs3m-lg-2, .mwbs3m-lg-3, .mwbs3m-lg-4, .mwbs3m-lg-5, .mwbs3m-lg-6, .mwbs3m-lg-7, .mwbs3m-lg-8, .mwbs3m-lg-9, .mwbs3m-md-1, .mwbs3m-md-10, .mwbs3m-md-11, .mwbs3m-md-12, .mwbs3m-md-2, .mwbs3m-md-3, .mwbs3m-md-4, .mwbs3m-md-5, .mwbs3m-md-6, .mwbs3m-md-7, .mwbs3m-md-8, .mwbs3m-md-9, .mwbs3m-sm-1, .mwbs3m-sm-10, .mwbs3m-sm-11, .mwbs3m-sm-12, .mwbs3m-sm-2, .mwbs3m-sm-3, .mwbs3m-sm-4, .mwbs3m-sm-5, .mwbs3m-sm-6, .mwbs3m-sm-7, .mwbs3m-sm-8, .mwbs3m-sm-9, .mwbs3m-xs-1, .mwbs3m-xs-10, .mwbs3m-xs-11, .mwbs3m-xs-12, .mwbs3m-xs-2, .mwbs3m-xs-3, .mwbs3m-xs-4, .mwbs3m-xs-5, .mwbs3m-xs-6, .mwbs3m-xs-7, .mwbs3m-xs-8, .mwbs3m-xs-9 {
	padding-right: 15px; 
	padding-left: 15px; 
}
/*#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';
	}
}
section[class*="mwb-list-"]:after, 
section[class*="mwb-list-"]:before {
    display: table;
    content: " ";
}
section[class*="mwb-list-"]:after {
    clear: both;
}
/* MWB :: headroom & nav */
.headroom {
	height: 70px;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	-webkit-transition: all .07s ease-in-out;
	-moz-transition: all .07s ease-in-out;
	transition: all .07s ease-in-out;
	backface-visibility: hidden;
	z-index: 100;
	background-color: rgba(01, 01, 01, 0.8); 
	margin-bottom: 0; 
}
.navbar-default {
	border: none; 
	margin-bottom: 0; 
	-webkit-box-shadow: 0px -2px 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -2px 3px 2px rgba(0, 0, 0, 0.2);
}
.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: right; 
	height: 70px; 
	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: rgba(31, 31, 31, 0.8); 
	-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: #f5f1f1; 
}
.headroom.scrolled .navbar-nav>li>a:hover, 
.headroom.scrolled .navbar-nav>li>a:focus {
	/*background-color: #ddd; */
	color: #fcf8f8; 
	border-bottom: none; 
}
.nav.navbar-nav {
	float: none; 
	display: inline-block; 
	height: 70px; 
	margin: 0; 
	font-size: 0; 
}
.nav.navbar-nav>li {
	float: none; 
	display: inline-block; 
	height: 70px; 
}
.navbar-nav>li>a {
	font-size: 16px; 
}
.navbar-default .navbar-nav>li>a, 
.navbar-default .navbar-text {
    color: #f5f1f1;
}
.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: 25px; 
}
.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;*/ 
	padding: 10px; 
	height: 70px; 
	margin-left: 20px !important;
}
.navbar-brand>img {
	width: 200px; 
	height: 50px; 
}
.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;
}
.headroom .logo-wrapper {
	margin-top: 50px; 
	text-align: center; 
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	/*-ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);*/
    opacity: 1; 
    z-index: 50; 
    position: relative; 
    display: table; 
    margin-left: auto; 
    margin-right: auto;
}
.headroom.scrolled .logo-wrapper {
	/*-ms-transform: translateY(-400px);
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);*/
    opacity: 0; 
    display: none; 
}
.headroom .logo-wrapper .logo {
	display: inline-block; 
	-webkit-box-shadow: 2px 2px 10px #000;
    box-shadow: 2px 2px 10px #000;
    /*position: absolute; 
    left: 50%; 
    margin-left: -100px; */
}
.headroom .logo-wrapper .logo img {
	max-height: 200px; 
	/*max-width: 200px; */
}
#mwb-stay-content {
	margin-top: 70px; 
	margin-bottom: 0; 
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
	background-color: rgba(0, 0, 0, 0.5);
}
.navbar-nav>li>.dropdown-menu {
	min-width: 100%; 
	padding: 0; 
	background-color: rgba(253, 253, 253, 0.6) !important;
}
.dropdown-menu>li>a {
	padding: 10px 20px; 
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
	.navbar-nav>li>a {
	    padding-top: 23px;
	    padding-bottom: 23px;
	}
}
@media only screen and (max-width: 991px) {
	#slide-navbar-collapse {
		position: fixed;
		top: 70px;
		left: 0;
		z-index: 99;
		width: 200px !important;
		height: 100vh;
		padding: 0; 
		background-color: rgba(31, 31, 31, 0.8);
		border-color: rgba(31, 31, 31, 0.6); 
		overflow: auto;
		border-top: 1px dashed; 
		-ms-transform: translateX(-200px);
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px);
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#slide-navbar-collapse.active {
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(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;
	}
	.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.07s 0s;
		-moz-transition: all 0.07s 0s;
		transition: all 0.07s 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: 20px; 
		text-align: left; 
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #171616; 
		padding: 10px 0 10px 40px; 
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #171616;
		background-color: rgba(253, 253, 253, 0.6);
	}
	.navbar-brand { 
		display: block !important; 
	}
	.headroom .navbar-toggle {
		background-color: #7d7b7b; 
		margin: 18px 10px; 
		border-color: #7d7b7b; 
	}
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover {
		background-color: #171616; 
	}
	.headroom.scrolled .navbar-nav>li>a {
		color: #171616; 
		text-align: left;
    	padding-left: 20px;
	}
	.headroom.scrolled .navbar-brand { 
		color: #000; 
	}
}
@media (max-width: 439px) { /* 439px 보다 작을 경우 */
	.headroom .logo-wrapper {
		display: none; 
	}
}
/* MWB :: head */
.header-gallery {
	background-color: #fff;
	margin-bottom: -70px; 
}
@media (max-width: 767px) { /* 767px 보다 작을 경우 */
	.headroom {
		background-color: rgba(31, 31, 31, 0.8); 
	}
	.header-gallery { 
		/*margin-top: 50px;*/ 
	}
	.navbar-brand {
		padding: 15px; 
		margin-left: 0 !important; 
	}
	.navbar-brand>img {
		width: 180px; 
		height: 40px; 
	}
}
/* 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: #bebfbf;
	color: #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 {
	font-size: 24px; 
	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: #2f2e2e;
	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;
	float: left; 
	position: relative;
	display: inline-block; 
	padding-right: 5px; 
	padding-left: 5px; 
	padding-bottom: 10px; 
}
ul.social-contact li:nth-child(5n+1) {
	clear: both; 
	display: block; 
}
ul.social-contact li:first-child {
	padding-left: 5px; 
}
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 li small {
	/*font-size: 16px;*/ 
	display: block; 
}
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: #2c2d2d;
	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;
	}
	ul.social-contact li:nth-child(5n+1) {
		clear: none; 
		display: inline-block; 
	}
	ul.social-contact li:nth-child(4n+1) {
		clear: both; 
		display: block; 
	}
	.footer-top .account-wrapper {
		text-align: left; 
		clear: both; 
	}
}
@media (max-width: 767px) { /* 767px 보다 작을 경우 */
	ul.social-contact li:nth-child(5n+1) {
		clear: none; 
		display: inline-block; 
	}
	ul.social-contact li:nth-child(4n+1) {
		clear: none; 
		display: inline-block; 
	}
	.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 :: 에디터 사용안함 선택시 게시판 textarea */
.mwb-board-textarea textarea {
	display: block;
    width: 100%;
    padding: 5px 10px;
    color: #636369;
    background-color: #fff;
    background-image: none;
    border: 1px solid #9d9c9c;
    border-radius: 0;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	height: auto;
    font-size: 16px;
    min-height: 300px;
    min-width: 100%;
    max-width: 100%;
    line-height: 1.500001;
}
/* MWB :: 인풋 필수입력 */
.required, textarea.required {
	/*background: url(../img/wrest2.png) top left repeat-y !important;*/
	background: none !important;
}
/* MWB :: Information */
.mwb-card.stay-information .body img {
	max-width: 100%; 
	height: auto; 
}
#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; 
}
#naver-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;} 
.google-map-wrapper {position:relative;overflow:hidden;width:100%;height:300px;}
/* 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 a.btn.btn-subject {
	font-size: 16px; 
	/*border-color: transparent !important;*/ 
	border-radius: 0;
	height: 40px; 
	line-height: 38px; 
	background: #fff !important; 
}
.community-subject a.btn.btn-subject a {
	overflow: hidden; 
}
.community-subject a.btn.btn-subject a:hover {}
@media (max-width: 767px) {
	.community-subject a.btn.btn-subject {
		font-size: 14px; 
		border-radius: 0;
	}
}
#tail-desc {
	position: fixed;
	bottom: 13px;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	width: auto;
	height: 50px;
	display: block;
	text-decoration: none;
	border-radius: 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: 10px; 
	padding-left: 0; 
}
#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; 
}
#mwb-share-list {
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
#mwb-share-list.change {
	margin-left: 50px; 
}
.latest-first-bg {
	background: #666969; 
}
.latest-second-bg {
	background: #2c2d2d; 
}
.latest-third-bg {
	background: #e9ecec; 
}
/*//////////////////////////////////*/
/* Responsive style design by MWBS3 */
/*//////////////////////////////////*/
@media (min-width: 440px) {	/* 440px 보다 클 경우 */
}
@media (min-width: 768px) {	/* 768px 보다 클 경우 */
}
@media (min-width: 992px) {	/* 992px 보다 클 경우 */
}
@media (min-width: 1200px) { /* 1200px 보다 클 경우 */
}
@media (max-width: 1199px) { /* 1199px 보다 작을 경우 */
}
@media (max-width: 991px) {	/* 991px 보다 작을 경우 */
}
@media (max-width: 767px) {	/* 767px 보다 작을 경우 */
	body {
		letter-spacing: -0.5px;
	}
}
@media (max-width: 439px) {	/* 439px 보다 작을 경우 */
}
@media (min-width: 440px) and (max-width: 767px) {	/* 440-767 사이 */
}
@media (min-width: 768px) and (max-width: 991px) {	/* 768-991 사이 */
}
@media (min-width: 992px) and (max-width: 1199px) {	/* 992-1199 사이 */
}