@charset "utf-8";
body {
    background: #343435;
    color: #dedede;
}
/* MWB :: For animate */
.mwb-animate {
    opacity: 0;
}
.mwb-animate.zoomIn,
.mwb-animate.zoomInDown,
.mwb-animate.zoomInLeft,
.mwb-animate.zoomInRight,
.mwb-animate.zoomInUp {
    opacity: 1;
}
/* 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 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.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) !important;
    color: #ffc107 !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /*border-bottom: 1px solid #fff;*/
}
.headroom.scrolled {
    background-color: rgba(0, 0, 0, 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: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.headroom.scrolled .navbar-nav > li > a:hover,
.headroom.scrolled .navbar-nav > li > a:focus {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffc107 !important;
    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 > .dropdown-menu {
    background: #343435;
}
.dropdown-menu > li > a {
    color: #d9d8d8;
}
.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: #cc4364 !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 {
    display: none !important;
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    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 {
    display: none !important;
    margin-top: 80px;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.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: none;
    box-shadow: none;
    /*position: absolute;
    left: 50%;
    margin-left: -100px; */
}
.headroom .logo-wrapper .logo img {
    /*max-height: 100px;*/
    max-width: 400px;
}
.headroom .navbar-brand img {
    max-width: 200px;
    max-height: 40px;
}
#mwb-stay-content {
    margin-top: 50px;
    margin-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
    #slide-navbar-collapse {
        position: fixed;
        top: 50px;
        left: 0;
        z-index: 99;
        width: 200px !important;
        height: 100vh;
        padding: 0;
        background-color: rgba(0, 0, 0, 0.7);
        border-color: rgba(0, 0, 0, 0.7);
        overflow: auto;
        -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.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: 20px;
        text-align: left;
    }
    .headroom .navbar-header {
        text-align: center;
        position: relative;
    }
    .headroom .navbar-toggle {
        background-color: #bb3354;
        position: absolute;
        top: 0;
        right: 0;
    }
    .headroom .logo-wrapper .logo img {
        max-height: 80px;
        max-width: 300px;
    }
    .headroom.scrolled .navbar-nav > li > a {
        color: #fff;
        padding-left: 20px;
        text-align: left;
    }
    .navbar-default .navbar-nav .dropdown-menu .divider {
        border: 1px hsla(0, 0%, 90%, 0.3) dashed;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding: 6px 0 6px 10px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: rgba(255, 255, 255, 0.15) !important;
        color: #ffc107 !important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu {
        padding-right: 15px;
        padding-left: 25px;
    }
}
@media (max-width: 769px) {
    /* 769px 보다 작을 경우 */
    .headroom .logo-wrapper {
        display: none;
    }
    .navbar-brand {
        float: none;
        display: inline-block !important;
    }
    .headroom .navbar-brand img {
        max-width: 200px;
        max-height: 40px;
    }
    .headroom.scrolled .navbar-brand {
        color: #000;
    }
}
/* MWB :: head */
.header-gallery {
    background-color: #343435;
}
@media (max-width: 767px) {
    /* 767px 보다 작을 경우 */
    .headroom {
        background-color: #2f2e2e;
    }
    .header-gallery {
        margin-top: 50px;
    }
}
/* MWB :: Custom Scroll */
.innerscroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: transparent;
}
.innerscroll::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}
.innerscroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}
/* 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;
}
.footer-logo img {
    max-width: 200px;
    margin-top: 5px;
}
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;
    float: left;
    position: relative;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
}
ul.social-contact li:nth-child(5n + 1) {
    clear: both;
    display: block;
}
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 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: #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;
    }
    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;
    }
}
@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 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.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 .mwb-card,
#mwb-page .mwb-card {
    background: #1e1d1d;
}
#mwb-page .mwb-card .body,
#mwb-page .mwb-card .body {
    color: #dedede;
}
#mwb-page h1 {
    margin: 0;
    clear: both;
    font-size: 30px;
    color: #d9d8d8;
    text-align: center;
}
#mwb-page .mwb-card {
    margin-bottom: 30px;
}
#mwb-page .mwb-card h3 {
    margin: 0;
    clear: both;
    font-size: 20px;
    color: #d9d8d8;
    text-align: center;
}
.mwb-price-table .priceTable {
    width: 90%;
    margin: 0 auto;
    color: #dedede;
}
.mwb-price-table .priceTable th {
    background: #3a3a3a !important;
}
.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 th.ad,
.mwb-price-table .priceTable th.ss {
    background: #55555a !important;
}
.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,
#priceLayer + .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: #3a3a3a;
    color: #dedede;
}
.mwb-daily-price-table .rsv_cal_h .htr {
    font-weight: bold;
}
.mwb-daily-price-table .rsv_cal_h .htr .sun {
    color: #ff0000;
}
.mwb-daily-price-table .rsv_cal_h .htr .satur {
    color: #0000ff;
}
.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: #55555a;
}
.mwb-daily-price-table .rsv_cal_b td.nm_room {
    color: #dedede;
}
.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;
    color: #fff;
}
.mwb-daily-price-table .rsv_cal_b .rate .dc {
    color: #cc4364;
}
.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,
    #priceLayer + .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;
    background: #3e3e3e;
}
.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 tbody tr:hover {
    background-color: #3e3e3e;
}
.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: #3a3a3a;
}
.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: #3a3a3a;
}
.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: #3a3a3a;
}
.mwb-information-refund table.cancelfee td {
    background-color: #1e1d1d;
}
.mwb-information-refund table.cancelfee tbody tr:hover td {
    background-color: #3a3a3a;
}
@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;
    background: #3e3e3e;
}
.mwb-information-refund tbody tr td {
    padding: 5px 8px;
    font-size: 14px;
}
.mwb-information-refund tbody tr:hover {
    background-color: #3e3e3e;
}
@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;
}
.mwb-card.mwb-information-cal .body .reservation-cal-sm {
    background: #fff;
}
/*.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 :: information */
#priceLayer .yapen-priceLayer .yapen-priceHeader .yapen-headerBar li.on {
    word-break: keep-all;
}
#priceLayer .yapen-priceLayer .yapen-priceHeader .yapen-headerBar li {
    color: #f4f4f4;
}
#priceLayer .yapen-priceLayer .yapen-priceHeader .yapen-headerBar li.on .yapen-headerBar-line {
    background-color: #0c71c0;
}
#priceLayer .yapen-priceLayer .yapen-priceTbl tbody tr.yapen-priceTbl-title {
    border-right: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
}
#priceLayer .yapen-priceLayer .yapen-priceTbl tbody tr.yapen-priceTbl-content {
    border-left: 1px solid #f4f4f4;
}
#priceLayer .yapen-priceLayer .yapen-priceTbl tbody tr th,
#priceLayer .yapen-priceLayer .yapen-priceTbl tbody tr td {
    border-right: 1px solid #f4f4f4;
    padding: 10px 5px;
}
#priceLayer .yapen-priceLayer .yapen-priceTbl tbody tr.yapen-priceTbl-content:hover {
    background-color: #3e3e3e;
}
#priceLayer .yapen-priceLayer .yapen-priceTbl tbody tr.yapen-priceTbl-content .yapen-font-black {
    color: #f4f4f4;
}
#priceLayer .yapen-priceContent .yapen-sec-title,
#priceLayer .yapen-priceContent .yapen-dateTime-content,
#priceLayer .yapen-priceContent .yapen-realReserveBtn {
    display: none;
}
@media (max-width: 991px) {
    /* 991px 보다 작을 경우 */
    #priceLayer
        .yapen-priceLayer
        .yapen-priceTbl
        tbody
        tr.yapen-priceTbl-roomInfo
        td
        .yapen-roomInfo-name {
        color: #f4f4f4;
    }
    #priceLayer .yapen-priceLayer .yapen-priceTbl tbody tr.yapen-priceTbl-roomInfo td {
        border-right: none;
    }
}
.stay-information .header h2 {
    color: #d9d8d8;
    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;
}
/* MWB :: location */
#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*='mwbs3-'] {
    padding-right: 10px !important;
    padding-left: 10px !important;
    margin-bottom: 10px !important;
}
.community-subject a.btn.btn-subject {
    font-size: 16px;
    border-color: #585859 !important;
    border-radius: 0;
    height: 40px;
    line-height: 38px;
    background: #3e3e3e !important;
    color: #d9d8d8 !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;
    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;
}
/* MWB :: Social share */
#mwb-share-list {
    position: relative;
    display: none;
    -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-share-list ul.mwb-share-list-wrapper {
    position: absolute;
    bottom: 50px;
    background-color: rgba(47, 46, 46, 0.7);
    padding: 10px;
}
#mwb-share-list ul.mwb-share-list-wrapper li {
    margin-bottom: 10px;
}
#mwb-share-list ul.mwb-share-list-wrapper li:last-child {
    margin-bottom: 0;
}
#mwb-share-list ul.mwb-share-list-wrapper li img {
    max-width: 50px;
    max-height: 50px;
    cursor: pointer;
}