/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');

@font-face {
    font-family: alsina_ultrajada;
    src: url(../fonts/alsina_ultrajada.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../fonts/NotoSansKR-Thin-Hestia.eot),
    url(../fonts/NotoSansKR-Thin-Hestia.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../fonts/NotoSansKR-Light-Hestia.eot),
    url(../fonts/NotoSansKR-Light-Hestia.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.eot),
    url(../fonts/NotoSansKR-DemiLight-Hestia.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../fonts/NotoSansKR-Regular-Hestia.eot),
    url(../fonts/NotoSansKR-Regular-Hestia.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../fonts/NotoSansKR-Medium-Hestia.eot),
    url(../fonts/NotoSansKR-Medium-Hestia.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../fonts/NotoSansKR-Bold-Hestia.eot),
    url(../fonts/NotoSansKR-Bold-Hestia.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/NotoSansKR-Black-Hestia.eot),
    url(../fonts/NotoSansKR-Black-Hestia.eot#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

html {
    font-family: Noto Sans Korean; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
h1, h2, h4, h5, h6, .bookaroom_st {
    font-family: "alsina_ultrajada", Noto Sans Korean!important;
}
.section-content h3 {
    font-size: 2em;
}
body, p,  h3, .nav > li > a{
    font-family: "Noto Sans Korean"!important;
    word-break: keep-all;
    font-weight: 400;
}
.nav > li > a {
    font-weight: 600!important;
}
a {
    color: #a8a2e2;
    text-decoration: none;
}
ul.hover-menu-open {
    list-style: none;
    margin: 5% 0px;
    padding: 0;
}
ul.hover-menu-open li {
    display: inline-block;
    margin: 0px 30px;
    text-decoration: underline;
    font-size: 18px;
}
ul.hover-menu-open li a {
    font-family: "alsina_ultrajada"!important;
}
.flickity-page-dots {
    bottom: -25px!important;
}
footer#footer {
    position: absolute;
    position: fixed;
    bottom: 0;
    z-index: 1;
}
.absolute-footer {
    background-color: transparent;
    padding: 0px 10px;
}
#footer .container {
    max-width: 100%;
}
.flickity-prev-next-button.next {
    right:0px;
}
.flickity-prev-next-button.previous {
    left:0px;
}
#footer ul.links li a {
    color: #fff;
}
.banner-layers .text-box {
    z-index: 1;
}
.pull-left {
    width: 100%;
}
.footer-primary > div:not(.copyright-footer) {
    position: absolute;
    left: 20px;
    bottom: 10px;
}
.copyright-footer {
    position: absolute;
    right: 0px;
    bottom: 10px;
}
.slider-style-shadow {
    padding: 0px;
}
.div-box {
    margin: 5% 0px;
}
p.p-bold {
    font-weight: 700;
    letter-spacing: 2px;
}
.off-canvas-center .mfp-content {
    padding-top: 0px;
}
li.html.custom.html_topbar_left {
    width: auto;
}
.dark a:hover, .dark .widget a:hover {
    color:rgb(168, 164, 224);
}

@media (min-width: 1200px) {
    .slider-style-container .flickity-slider>*, .slider-style-shadow .flickity-slider>*, .slider-style-focus .flickity-slider>* {
        max-width: 80%;
    }
}
@media (min-width: 768px) {
    /***************  HIDDEN MOBILE ONLY CSS HERE  ***************/
    h1.uppercase {
        font-size: 80px;
    }

    .hover-open-section {
        opacity: 0;
        height: 0px
    }
    .has-hover.page_hover:hover:after {
        background-color: transparent;
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .has-hover.page_hover:hover .hover-open-section {
        height: auto;
        opacity: 1;
        transition: all 0.3s ease;
        -o-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    .has-hover.page_hover:hover .div-box {
        margin: 30px auto;
        padding: 10px 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        width: 60%;

    }
    .bg-img-repeat:after {
        content: none!important;
    }
    .slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
        width: auto;
        margin: 0px 10px;
        background-color: transparent;
        border-color: transparent;
    }
    .slider-nav-light .flickity-page-dots .dot.is-selected {
        background-color: transparent;
    }
    .home div#wrapper .copyright-footer a {
        opacity: 1;
    }
}



/* ALT.8, ALT.9 스타일 */
.off-canvas .nav-vertical>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Quick Menu */

.quick-menu .text-box:before, .quick-menu .text-box:after {
    width: 15%;
    height: 3px;
    content: "";
    position: absolute;
    left: 42.5%;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    opacity: 0.6;
}

.has-hover.page_hover .banner-layers.container {
    z-index: 3;
    width: 80%;
}

@media (max-width: 549px){
    .banner-layers {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
}
.quick-menu ul#menu-quick-menu-1 li, .quick-menu ul#menu-quick-menu-en-1 li, .quick-menu ul#menu-quick-menu-jp-1 li {
    text-align: center;
    line-height: 1.2;
    font-weight: 500!important;
    letter-spacing: -1px!important;
    font-family: "alsina_ultrajada"!important;
}
.quick-menu .widget {
    margin-bottom: 0px;
}
.quick-menu ul#menu-quick-menu-1 li a:hover, .quick-menu ul#menu-quick-menu-en-1 li a:hover, .quick-menu ul#menu-quick-menu-jp-1 li a:hover {
    color: #a9a3e4;
}
@media only screen and (min-width:769px) {
    .quick-menu .text-box {
        opacity: 0;
        transition: all 0.3s ease;
        -o-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
}
@media only screen and (min-width:769px) {
    .quick-menu:hover .text-box {
        opacity: 1;
        transition: all 0.3s ease;
        -o-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .quick-menu ul#menu-quick-menu-1 li, .quick-menu ul#menu-quick-menu-en-1 li, .quick-menu ul#menu-quick-menu-jp-1 li {
        margin: 3% 0px;
        font-size: 4em;
    }
    .has-hover.page_hover:after {
        background-color: rgba(0, 0, 0, 0.0);
        opacity: 0;
        transition: all 0.3s ease;
        -o-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .has-hover.page_hover:hover:after {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.7);
        transition: all 0.3s ease;
        -o-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

}
@media (min-width: 850px) {
    .admin-bar .is-full-height {
        height: calc(100vh - 32px)!important;
    }
}
.has-hover.page_hover:after {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.15);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}
@media (max-width: 850px) {
    .is-full-height {
        height: calc(100vh - 0px)!important;
    }
    .wf-active .single-format-standard .has-hover.page_hover:after {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.7);
        transition: all 1.5s ease;
        -o-transition-delay: 1.5s;
        -moz-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }
    .is-selected.has-hover.page_hover:after {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.7);
        transition: all 1.5s ease;
        -o-transition-delay: 1.5s;
        -moz-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }
    .wf-active .has-hover.page_hover:after {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.7);
        transition: all 1.5s ease;
        -o-transition-delay: 1.5s;
        -moz-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }
}


.home #logo {
    width: 233px!important;
}
#logo {
    width: 150px!important;
}
.page-id-513 .main-menu-overlay {
    background-color: rgba(0,0,0,0.0);
}
ul.header-nav.nav-left {
    margin-top: -45px;
}
ul.header-nav.nav-right {
    margin-top: -32px;
}
.sticky-shrink .stuck ul.header-nav.header-nav-main.nav {
    margin-top: 0px;
}
ul.room_icon_01 {
    max-width: 400px;
    width: 100%;
    list-style: none;
    margin: 0px auto;
}
ul.room_icon_01 li {
    width: calc(120px - 20px);
    display: inline-block;
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 8px;
    padding-top: 50px;
    vertical-align: top;
    text-align: center;
    position: relative;
    font-size: 16px;
    line-height: 1.2;
    font-family: "alsina_ultrajada"!important;
}
ul.room_icon_01 li:before {
    content: "";
    width: 100%;
    height: 50px;
    background-size: auto 50%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
ul.room_icon_01 li:nth-child(1):before {
    background-image: url(../images/cappuccino_room_icon-1.png);
}
ul.room_icon_01 li:nth-child(2):before {
    background-image: url(../images/cappuccino_bed_icon-2.png);
    background-size: auto 50%;
    background-position: center 10px;
}
ul.room_icon_01 li:nth-child(3):before {
    background-image: url(../images/cappuccino_capacity_icon-1.png);
    background-size: auto 60%;
}
ul.room_icon_01 li:nth-last-child(1) {
    margin-right: 0px;
}
ul.room_icon_01 li span {
    display: block;
}
.single-room .text-box p a {
    color: #a9a2e1;
    text-decoration: underline;
}
.room_icon_01 li sup {
    font-size: 6px;
}
.off-canvas-left.dark .mfp-content {
    max-width: 400px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    box-shadow: none!important;
}
ul.nav.nav-sidebar.nav-vertical {
    padding-top: 60px;
    padding-left: 40px;
}
.mfp-ready .mfp-close {
    left: 35px;
    margin-top: 30px!important;
    opacity: 1;
    font-size: 0px;
    background-image: url(../images/CAPPUCCINO-icon01.png);
    background-repeat: no-repeat;
    background-position: center;
}
ul.nav.nav-sidebar.nav-vertical li {
    border-top: none!important;
    padding-left: 0px!important;
}
.nav-sidebar a.nav-top-link {
    font-size: 16px!important;
    font-family: "Noto Sans Korean", sans-serif!important;
    color: #fff!important;
    padding-left: 0px!important;
    font-weight: 400;
}
ul.nav.nav-sidebar li.menu-item-type-custom > a, ul.nav.nav-sidebar li.menu-item-type-post_type > a {
    max-width: 210px;
    padding-left: 0px!important;
	position: relative;
}
ul.nav.nav-sidebar li.menu-item-type-post_type > a:hover {
    color:#a8a4e0!important;
}
.nav-sidebar.nav-vertical>li.menu-item.active.menu-item-has-children > a:after {
    content: "";
    color: transparent;
    background-image: url(../images/CAPPUCCINO-icon10.png);
    width: 50px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 13.5px;
    position: absolute;
    margin-left: 10px;
    margin-top: 2px;
	right: 20px;
}

.nav-dropdown.nav-dropdown-default>li>a {
    color: #999;
}
.nav-sidebar.nav-vertical > li.menu-item.active.menu-item-has-children.room-sidemenu-icon > a::after {
    width: 110px;
}
.nav-sidebar.nav-vertical > li.menu-item.active.menu-item-has-children.meeting-sidemenu-icon > a::after {
    width: 25px;
}
.nav-sidebar.nav-vertical > li.menu-item.active.menu-item-has-children.facilities-sidemenu-icon > a::after {
    width: 85px;
}
.nav-sidebar.nav-vertical > li.menu-item.active.menu-item-has-children.about-sidemenu-icon > a::after {
    width: 90px;
}

@media screen and (max-width: 375px) {
    .nav-sidebar.nav-vertical > li.menu-item.active.menu-item-has-children.room-sidemenu-icon > a::after {
        width: 80px;
    }
    .nav-sidebar.nav-vertical > li.menu-item.active.menu-item-has-children.meeting-sidemenu-icon > a::after {
        width: 12px;
        margin-left: 5px;
    }
    .nav-sidebar.nav-vertical > li.menu-item.active.menu-item-has-children.facilities-sidemenu-icon > a.::after {
        width: 65px;
    }
    .nav-sidebar.nav-vertical > li.menu-item.active.menu-item-has-children.about-sidemenu-icon > a::after {
        width: 70px;
    }
    .nav-sidebar.nav-vertical > li.menu-item.active.menu-item-has-children.food-sidemenu-icon > a::after {
        width: 30px;
    }
}
@media screen and (max-width: 320px) {
    .menu-item ul.children {
        max-width: 100px!important;
    }
}
ul.nav.nav-sidebar li ul.side-menu-s li, ul.nav.nav-sidebar li ul.side-menu-s li > a{
    padding-left: 0px!important;
}
.sidebar-menu li.wpml-ls-menu-item {
    width: auto;
    position: absolute;
    top: 0;
    right: 90px;
}
.sidebar-menu li.wpml-ls-menu-item a {
    font-size: 14px!important;
}
.sidebar-menu li.wpml-ls-item-en {
    right: 55px;
}
.sidebar-menu li.wpml-ls-item-ja {
    right: 20px;
}
/* 일어 개발 중 임시 스타일 */
.logged-in .sidebar-menu li.wpml-ls-menu-item {
    width: auto;
    position: absolute;
    top: 0;
    right: 130px;
}
.logged-in .sidebar-menu li.wpml-ls-menu-item a {
    font-size: 14px!important;
}
.logged-in .sidebar-menu li.wpml-ls-item-en {
    right: 90px;
}
.logged-in .sidebar-menu li.wpml-ls-item-ja {
    right: 55px;
}
.logged-in .sidebar-menu li.wpml-ls-item-ja.menu-item-5131 {
    right: 20px;
}
/* 일어 개발 중 임시 스타일 */
.sidebar-menu li.wpml-ls-menu-item a {
    padding: 0!important;
}
.wpml-ls-current-language a.nav-top-link {
    color: rgb(168, 164, 224)!important;
}
.flickity-prev-next-button svg {
    display: none;
}
.flickity-prev-next-button.previous {
    background-image:none;
    left: 0px;
    top: 45%;
    bottom: 45%;
    width: 100px;
    height: 100px;
}
.flickity-prev-next-button.next {
    background-image:none;
    right: 0px;
    top: 45%;
    bottom: 45%;
    width: 100px;
    height: 100px;
}
.flickity-prev-next-button.previous:after {
    content: "";
    position: absolute;
    top: 0;
    width: 80%;
    height: 80%;
    left: 0px;
    font-size: 17px;
    text-align: right;
    font-weight: 100;
    line-height: 35px;
    background-image: url(../images/CAPPUCCINO-icon08-1.png);
    background-size: auto 36px;
    background-position: top;
    background-repeat: no-repeat;
}
.flickity-prev-next-button.next:after {
    content: "";
    position: absolute;
    top: 0;
    width: 110px;
    height: 100px;
    right: 0px;
    font-size: 17px;
    text-align: left;
    font-weight: 100;
    line-height: 35px;
    background-image: url(../images/CAPPUCCINO-icon06-1.png);
    background-size: auto 36px;
    background-position: top;
    background-repeat: no-repeat;
}
.flickity-prev-next-button.previous:hover:after {
    background-image: url(../images/CAPPUCCINO-icon09-1.png);
}
.flickity-prev-next-button.next:hover:after {
    background-image: url(../images/CAPPUCCINO-icon07-1.png);
}
/* jk : start */
html nav#nav-below{
    position: static;
}
.next-prev-nav > .nav-prev{
    position: absolute;
    top: 50%;
    left: 35px;
    opacity: 0.8;
    -webkit-transform: translateY(-50%) translateZ(0);
    -ms-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0);
    -webkit-transition: left 250ms, right 250ms, opacity 250ms;
    -o-transition: left 250ms, right 250ms, opacity 250ms;
    transition: left 250ms, right 250ms, opacity 250ms;
}
.next-prev-nav > .nav-next{
    position: absolute;
    top: 50%;
    right: 35px;
    opacity: 0.8;
    -webkit-transform: translateY(-50%) translateZ(0);
    -ms-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0);
    -webkit-transition: left 250ms, right 250ms, opacity 250ms;
    -o-transition: left 250ms, right 250ms, opacity 250ms;
    transition: left 250ms, right 250ms, opacity 250ms;
}
.next-prev-nav > .nav-prev:hover{
    opacity: 1 !important;
}
.next-prev-nav > .nav-next:hover{
    opacity: 1 !important;
}
.next-prev-nav.flex-row, .next-next-nav.flex-row{
    border: 0;
}
.next-prev-nav .flex-col + .flex-col, .next-next-nav .flex-col + .flex-col{
    border: 0;
}

.navigation-post .next-prev-nav .nav-prev a:before {
    content: "";
    width: 100px;
    height: 50px;
    background-image: url(../images/CAPPUCCINO-icon08-1.png);
    background-size: auto 36px;
    background-position: center left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.navigation-post .next-prev-nav .nav-next a:after {
    content: "";
    width: 100px;
    height: 50px;
    background-image: url(../images/CAPPUCCINO-icon06-1.png);
    background-size: auto 36px;
    background-position: center right;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}
.navigation-post .next-prev-nav .nav-prev a:hover:before {
    background-image: url(../images/CAPPUCCINO-icon09-1.png);
}
.navigation-post .next-prev-nav .nav-next a:hover:after {
    background-image: url(../images/CAPPUCCINO-icon07-1.png);
}
.navigation-post .next-prev-nav .hide-for-small{
    display: none;
}
.navigation-post .next-prev-nav .nav-prev a, .navigation-post .next-prev-nav .nav-next a{
    font-size: 0px;
    z-index: 4;
    display: block;
}
.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot, .flickity-page-dots .dot {
    opacity: 0.6;
    background-color: #a5a5a5;
    width: 10px;
    height: 10px;
}
@media screen and (max-width: 549px){
    .slider-wrapper .flickity-prev-next-button {
        display: block;
    }
    .text-box .flickity-prev-next-button.previous:after, .text-box .flickity-prev-next-button.next:after {
/*        background-size: auto 20px;
        height: 40px;
        opacity: 1;
        top: -10px;*/
        display: none;
    }
}
@media screen and (max-width: 549px){
    .next-prev-nav > .nav-prev{
        left: 10px !important;
        z-index: 3;
        opacity: 1 !important;
    }
    .next-prev-nav > .nav-next{
        right: 10px !important;
        opacity: 1 !important;
        z-index: 3;
    }
    .navigation-post .next-prev-nav > .nav-prev > div, .navigation-post .next-prev-nav > .nav-next > div{
        width: 40px;
        background-size: 250px auto;
    }
    .navigation-post .next-prev-nav .nav-prev a:after  {
        content: "";
        width: 40px;
        height: 40px;
        top: 10px;
        position: absolute;
        left: 0;
    }
    .navigation-post .next-prev-nav .nav-next a:after{
        content: "";
        width: 40px;
        height: 40px;
        top: 10px;
        position: absolute;
    }
    .flickity-prev-next-button.next:after {
        content: ""!important;
    }
}
/* jk : end */

.text-box h2 {
    font-size: 54px;
    margin-bottom: 30px;
}
.text-box h3 {
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 0px;
    line-height: 1.2!important;
}
li.html.custom.html_top_right_text {
    padding-left: 40px;
}
li.html.custom.html_top_right_text img {
    margin-bottom:20px;
}
li.html.custom.html_top_right_text {
    font-size:14px;
    line-height:20px
    ;
}
ul.side-menu-s li a {
    font-size: 10px;
    padding: 0px 0px 5px 15px!important;
}
li.html.custom.html_top_right_text a {
    width: 100%;
    padding: 0px;
}

ul.mobile-nav.nav.nav-right .header-language-dropdown .image-icon {
    display: none;
}
li.html.custom.html_top_right_text span {
    text-decoration: underline;
}
.menu-item button.toggle {
    display: none;
}

.menu-item ul.children li a {
    font-size: 12px;
    line-height: 1.2;
}
.menu-item ul.children {
    position: absolute!important;
    top: 5px;
    max-width: 150px;
    right: 10px;
    z-index: 3;
    padding-right: 10px;
}
.current-menu-parent ul.children {
    display: block !important;
}

.nav .current-menu-parent>.children .current-menu-item a {
    color: #a6a0dd;
    font-weight: 600;
}
.pum-content.popmake-content .text-box {
    padding: 100px 50px;
}
.pum-content.popmake-content .room_icon {
    margin-bottom:20px;
}
.pum-container.pum-scrollable .pum-content {
    max-height: 100%;
}
.banner a.fill {
    z-index: 4;
}
ul.follow_icon {
    color:#fff;
    margin-bottom: 10px;
    text-align: right;
}
ul.follow_icon li:nth-child(1) {
    width: auto;
    vertical-align: top;
    margin-top: 6px;
}
ul.follow_icon li {
    width: 40px;
    text-align: center;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    font-family: "alsina_ultrajada"!important;
    font-size: 16px;
    vertical-align: bottom;
}
ul.follow_icon li img {
    width: 35px;
}
@media only screen and (max-width:767px) {
    ul.follow_icon li {
        width: 28%;
        margin-right: 0px;
        margin-top: 5px;
    }
    ul.follow_icon li img {
        width: 26px;
    }
    ul.follow_icon li:nth-child(3) {
    /*margin-left: -3px;*/
}
}
/*@media only screen and (max-width:330px) {
    ul.follow_icon li {
        width: 29%;
        margin-right: 0px;
    }
    ul.follow_icon li img {
        width: 22px;
    }
}*/
.pum-container.popmake {
    max-width: 640px;
    width: 100%!important;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right:0px;
}
a.button.secondary.bookaroom_st {
    font-size:4em;
    margin-top: 0px;
    font-weight: 100;
    min-height: 50px!important;
    line-height: 50px;
    padding: 0px 0.6em;
    letter-spacing: -1px;
}
a.button.secondary.bookaroom_st:hover {
    color:#fff;
}
#footer a.button.secondary.bookaroom_st,  .modal a.button.secondary.bookaroom_st {
    font-size:2em;
    margin-top: 0px;
    font-weight: 100;
    min-height: 50px!important;
    line-height: 50px;
    padding: 0px 0.6em;
    letter-spacing: -1px;
    margin-right: 0px;
}
.modal a.button.secondary.bookaroom_st {
    margin-top: 30px;
}
.pum-open .footer-primary.pull-left {
    display: none;
}
button.pum-close.popmake-close {
    font-family: 'Fredoka One', cursive!important;
    font-size: 40px!important;
}
h1, h2, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 500!important;
    letter-spacing: -1px!important;
}
.pum-container.popmake {
    margin-bottom: 0px;
}

@media only screen and (max-height:1200px) {
    .quick-menu ul#menu-quick-menu-1 li, .quick-menu ul#menu-quick-menu-en-1 li, .quick-menu ul#menu-quick-menu-jp-1 li {
        margin: 30px 0px;
        font-size: 3.5em;
        line-height: 1;
    }
    a.button.secondary.bookaroom_st {
        margin: 0px;
        margin-bottom: 30px;
        font-size: 3em;
    }
}
@media only screen and (max-height:1000px) {
    .quick-menu ul#menu-quick-menu-1 li, .quick-menu ul#menu-quick-menu-en-1 li, .quick-menu ul#menu-quick-menu-jp-1 li {
        margin: 15px 0px;
        font-size: 3em;
    }
    a.button.secondary.bookaroom_st {
        margin: 0px;
        margin-bottom: 30px;
        font-size: 2.5em;
    }
}
@media only screen and (max-height:830px) {
    .pum-container.popmake {
        overflow-y: scroll;
    }
}
@media only screen and (max-height:850px) {
    .quick-menu ul#menu-quick-menu-1 li, .quick-menu ul#menu-quick-menu-en-1 li, .quick-menu ul#menu-quick-menu-jp-1 li {
        margin: 10px 0px;
        font-size: 35px;
    }
    .quick-menu ul#menu-quick-menu-1 li a, .quick-menu ul#menu-quick-menu-en-1 li a, .quick-menu ul#menu-quick-menu-jp-1 li a {
        padding: 5px 0px;
    }
    a.button.secondary.bookaroom_st {
        margin: 10px 0px 20px;
        font-size: 32px;
    }
}

@media only screen and (min-width:769px) {
    .desk_hidden {
        display: none;
    }
    .full-height .text-box, .sub-visual .text-box {
        max-width: 600px;
    }
}
@media (max-width: 849px){
    .header-main li.html.custom {
        display: block;
    }
    ul.follow_icon li:nth-child(1) {
        display: none;
    }
}
@media only screen and (max-width:850px) {
    .copyright-footer a {
        display: none!important;
    }
    .mobile_hidden {
        display: none;
    }
}
@media only screen and (max-height:600px) {
    .quick-menu ul#menu-quick-menu-1 li, .quick-menu ul#menu-quick-menu-en-1 li, .quick-menu ul#menu-quick-menu-jp-1 li {
        margin: 5px 0px 0;
        font-size: 32px;
    }
    .quick-menu .widget {
        margin-bottom: 0;
    }
    a.button.secondary.bookaroom_st {
        font-size: 32px;
    }
}
@media only screen and (max-width:600px) {
    .text-box h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    li.html.custom.html_topbar_right {
        padding-left: 0px;
    }
    li.html.custom.html_top_right_text {
        padding-left: 22px;
    }
    .page-id-513 #logo, .home #logo, #logo {
        width: 140px!important;
    }
    button.pum-close.popmake-close {
        font-size: 30px!important;
        left: 10px!important;
    }

    img.aligncenter.wp-image-731 {
        margin-top: -20px!important;
        width: 100%;
        margin: auto;
        padding: 0px 15%;
    }
    .pum-container.popmake {
        top: 0!important;
        height: 100%!important;
    }
    ul.room_icon li {
        padding: 40px 1px 6px!important;
    }
    .mobile-hidden {
        display: none;
    }
}
@media screen and (max-width: 549px) {
    .slider-nav-reveal .flickity-prev-next-button.previous{
        left: 10px!important;
    }
    .slider-nav-reveal .flickity-prev-next-button.next {
        right:10px!important;
    }
    .flickity-prev-next-button.previous, .flickity-prev-next-button.next {
        width: 40px;
        opacity: 1;
    }
    .flickity-prev-next-button.previous:after, .flickity-prev-next-button.next:after, .page-id-663 .flickity-prev-next-button.previous:after, .page-id-663 .flickity-prev-next-button.next:after, .page-id-959 .flickity-prev-next-button.previous:after, .page-id-959 .flickity-prev-next-button.next:after {
        content:"";
        width: 40px;
        opacity: 1;
    }
}

/* sub page 시작 */

.bg-img-repeat .section-content > div > div > div > .bg.fill.bg-fill.bg-loaded, .bg-img-repeat .bg.section-bg.fill.bg-fill.bg-loaded, .bg-img-repeat .bg.bg-loaded {
    background-repeat: repeat!important;
    background-size: auto!important;
}
.page-box.box .box-text-inner p {
    font-size: 32px;
    font-weight: 500!important;
    font-family: "alsina_ultrajada"!important;
    letter-spacing: -1px!important;
    text-transform: uppercase;
}
.page-box .box-text > .box-text-inner:after {
    content: "read more";
    position: absolute;
    width: 100%;
    /*    text-align: center;*/
    left: 0;
    font-size: 16px;
    background-image: url(https://hotelcappuccino.wowbiz.net/2019/02/CAPPUCCINO-icon06-1.png;);
    background-repeat: no-repeat;
    background-position: 95px center;
    background-size: auto 10px;
}
.page-box .box-text:hover > .box-text-inner:after {
    color: #9e9ad2;
}
.mfp-figure:after {
    background: rgba(0, 0, 0, 0.4);
}
.full-height  {
    padding: 0px 0px!important;
}
.box-blog-post .is-divider {
    display: none;
}
/* sub page 끝 */
/* room 시작 */
html {
    background-color:#000;
}
.single-room div#wrapper {
    position: initial;
}
.single-room .header-wrapper, .single-room .header-bg-color.fill {
    background-color: transparent;
}
.single-room main#main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.single-room .entry-content {
    padding:0px;
}
.single-room .page-wrapper {
    padding-bottom: 0px;
    padding-top: 0px;
}
.single-room .full-width .ubermenu-nav, .single-room .container, .single-room .row {
    max-width: 100%;
}
.single-room .large-10.col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0px;
}
.single-room button#modal-btn {
    margin-bottom: 0px;
}
.single-room .icon-menu:before {
    color: #fff;
}
.single-room .text-box p {
    max-width: 90%;
    margin: auto;
    font-size: 15px;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}
.single-room p.uppercase.fiid-descrip {
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
    max-width: 460px;
}
.single-room #modal-btn {
    width: 60%;
    max-height: 100%;
    height: 250px;
    margin: auto;
    z-index: 100;
    top: 40%;
    -ms-transform: translateY(-40%) !important;
    transform: translateY(-40%) !important;
    left: 50%;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}
.single-room .mySlides {
    display:none;
}
.single-room .mySlides.active {
    display:block;
}
.single-room .w3-content.w3-display-container {
    position: relative;
    background-color: transparent;
    margin-bottom: 40px;
    max-height: 300px;
    overflow-y: hidden;
}
.single-room button.w3-button.w3-black.w3-display-left {
    position: absolute;
    top: 45%;
    margin-left: 0px;
}
.single-room button.w3-button.w3-black.w3-display-right {
    position: absolute;
    top: 45%;
}
.single-room button.w3-button.w3-black {
    margin: 0px;
}
.single-room img.attachment-medium_large.mySlides {
    width: auto;
    margin: auto;
    margin-top: -35px;
}
.room-detail a {
    color: #a9a3e4;
    font-family: "alsina_ultrajada", Noto Sans Korean!important;
    text-decoration: underline;
    font-size: 16px!important;

}
.single-room .text-box p a.button.secondary.bookaroom_st {
    font-size: 2em;
    color: #fff;
    margin-top: 30px;
}
.single-room .text-box p a {
    color: #a9a2e1;
    text-decoration: underline;
}
nav#nav-below {
    position: fixed;
    top: 40%;
}

@media (min-width: 850px) {
    .single-room .is-full-height {
        height: calc(100vh - 0px)!important;
    }
}

@media only screen and (max-width: 600px) {
    ul.room_icon_01 li {
        width: calc(32% - 0px);
        display: inline-block;
        margin-right: 0px;
    }
}
/* room 끝 */
/* hotel food drink 시작 */
html {
    background-color:#000;
}
.single-food-drink div#wrapper {
    position: initial;
}
.single-food-drink .header-wrapper, .single-food-drink .header-bg-color.fill {
    background-color: transparent;
}
.single-food-drink main#main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.single-food-drink .entry-content {
    padding:0px;
}
.single-food-drink .page-wrapper {
    padding-bottom: 0px;
    padding-top: 0px;
}
.single-food-drink .full-width .ubermenu-nav, .single-food-drink .container, .single-food-drink .row {
    max-width: 100%;
}
.single-food-drink .large-10.col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0px;
}
.single-food-drink button#modal-btn {
    margin-bottom: 0px;
}
.single-food-drink .icon-menu:before {
    color: #fff;
}
.single-food-drink .text-box p {
    max-width: 90%;
    margin: auto;
    font-size: 15px;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}
.single-food-drink p.uppercase.fiid-descrip {
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
    max-width: 460px;
}
.single-food-drink #modal-btn {
    width: 60%;
    max-height: 100%;
    height: 250px;
    margin: auto;
    z-index: 100;
    top: 40%;
    -ms-transform: translateY(-40%) !important;
    transform: translateY(-40%) !important;
    left: 50%;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}
.single-food-drink .mySlides {
    display:none;
}
.single-food-drink .mySlides.active {
    display:block;
}
.single-food-drink .w3-content.w3-display-container {
    position: relative;
    background-color: transparent;
    margin-bottom: 30px;
}
.single-food-drink button.w3-button.w3-black.w3-display-left {
    position: absolute;
    top: 45%;
    margin-left: 0px;
}
.single-food-drink button.w3-button.w3-black.w3-display-right {
    position: absolute;
    top: 45%;
}
.single-food-drink button.w3-button.w3-black {
    margin: 0px;
}
.single-food-drink img.attachment-medium_large.mySlides {
    width: auto;
    max-height: 300px;
    margin: auto;
}
p.food-menu a, .food-detail a {
    /* color: #a9a3e4; */
    color: #fff;
    font-family: "alsina_ultrajada", Noto Sans Korean!important;
    text-decoration: underline;
    font-size: 22px!important;

}
.modal p.food-menu a, .modal .food-detail a{
    color: #a9a3e4;
    font-family: "alsina_ultrajada",Noto Sans Korean!important;
    text-decoration: underline;
    font-size: 16px!important;
}
.food-detail {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
nav#nav-below {
    position: fixed;
    top: 40%;
}

ul.fd-info {
    margin-top: 20px;
}
ul.fd-info li img {
    margin-bottom: 0px!important;
    margin-right:15px;
}
ul.fd-info li span {
    vertical-align: middle;
}
@media (min-width: 850px) {
    .single-food-drink .is-full-height {
        height: calc(100vh - 0px)!important;
    }
}

@media only screen and (max-width: 600px) {
    .single-food-drink button.w3-button.w3-black.w3-display-left {
        left: -10%;
    }
    .single-food-drink button.w3-button.w3-black.w3-display-right {
        right: -10%;
    }
}
/* hotel food drink 끝 */
/* rsingle-meetings-partys 시작 */
html {
    background-color:#000;
}
.single-meetings-partys div#wrapper {
    position: initial;
}
.single-meetings-partys .header-wrapper, .single-meetings-partys .header-bg-color.fill {
    background-color: transparent;
}
.single-meetings-partys main#main {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.single-meetings-partys .entry-content {
    padding:0px;
}
.single-meetings-partys .page-wrapper {
    padding-bottom: 0px;
    padding-top: 0px;
}
.single-meetings-partys .full-width .ubermenu-nav, .single-meetings-partys .container, .single-meetings-partys .row {
    max-width: 100%;
}
.single-meetings-partys .large-10.col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0px;
}
.single-meetings-partys button#modal-btn {
    margin-bottom: 0px;
}
.single-meetings-partys .icon-menu:before {
    color: #fff;
}
.single-meetings-partys .text-box p {
    max-width: 90%;
    margin: auto;
    font-size: 15px;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}
.single-meetings-partys p.uppercase.fiid-descrip {
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
    max-width: 460px;
}
.single-meetings-partys #modal-btn {
    width: 60%;
    max-height: 100%;
    height: 250px;
    margin: auto;
    z-index: 100;
    top: 40%;
    -ms-transform: translateY(-40%) !important;
    transform: translateY(-40%) !important;
    left: 50%;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}
.single-meetings-partys .mySlides {
    display:none;
}
.single-meetings-partys .mySlides.active {
    display:block;
}
.single-meetings-partys .w3-content.w3-display-container {
    position: relative;
    background-color: transparent;
    margin-bottom: 40px;
    max-height: 300px;
    overflow: hidden;
}
.single-meetings-partys button.w3-button.w3-black.w3-display-left {
    position: absolute;
    top: 45%;
    margin-left: 0px;

}
.single-meetings-partys button.w3-button.w3-black.w3-display-right {
    position: absolute;
    top: 45%;
}
.single-meetings-partys button.w3-button.w3-black {
    margin: 0px;
}
.single-meetings-partys img.attachment-medium_large.mySlides {
    width: auto;
    margin: auto;
    padding: 0px 25px;
}

.single-meetings-partys .text-box p a.button.secondary.bookaroom_st {
    font-size: 2em;
    color: #fff;
    margin-top: 30px;
}
.single-meetings-partys .text-box p a {
    color: #a9a2e1;
    text-decoration: underline;
}

@media (min-width: 850px) {
    .single-meetings-partys.is-full-height {
        height: calc(100vh - 0px)!important;
    }
}

@media only screen and (max-width: 600px) {
    .single-meetings-partys button.w3-button.w3-black.w3-display-left {
        left: 0%;
    }
    .single-meetings-partys button.w3-button.w3-black.w3-display-right {
        right: 0%;
    }
}
/* single-meetings-partys 끝 */
/* hotel Facility 시작 */
html {
    background-color:#000;
}
.single-facility div#wrapper {
    position: initial;
}
.single-facility .header-wrapper, .single-facility .header-bg-color.fill {
    background-color: transparent;
}
.single-facility main#main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.single-facility .entry-content {
    padding:0px;
}
.single-facility .page-wrapper {
    padding-bottom: 0px;
    padding-top: 0px;
}
.single-facility .full-width .ubermenu-nav, .single-facility .container, .single-facility .row {
    max-width: 100%;
}
.single-facility .large-10.col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0px;
}
.single-facility button#modal-btn {
    margin-bottom: 0px;
}
.single-facility .icon-menu:before {
    color: #fff;
}
.single-facility .text-box p {
    max-width: 90%;
    margin: auto;
    font-size: 15px;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}
.single-facility p.uppercase.fiid-descrip {
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
    max-width: 460px;
}
.single-facility #modal-btn {
    width: 60%;
    max-height: 100%;
    height: 250px;
    margin: auto;
    z-index: 100;
    top: 40%;
    -ms-transform: translateY(-40%) !important;
    transform: translateY(-40%) !important;
    left: 50%;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}
.single-facility .mySlides {
    display:none;
}
.single-facility .mySlides.active {
    display:block;
}
.single-facility .w3-content.w3-display-container {
    position: relative;
    background-color: transparent;
}
.single-facility button.w3-button.w3-black.w3-display-left {
    position: absolute;
    top: 45%;
    margin-left: 0px;
}
.single-facility button.w3-button.w3-black.w3-display-right {
    position: absolute;
    top: 45%;
}
.single-facility button.w3-button.w3-black {
    margin: 0px;
}
.single-facility img.attachment-medium_large.mySlides {
    width: auto;
    max-height: 300px;
    margin: auto;
}

@media (min-width: 850px) {
    .single-facility .is-full-height {
        height: calc(100vh - 0px)!important;
    }
}

@media only screen and (max-width: 600px) {
    .single-facility button.w3-button.w3-black.w3-display-left {
        left: -10%;
    }
    .single-facility button.w3-button.w3-black.w3-display-right {
        right: -10%;
    }
}
/* hotel Facility 끝 */
/* About us 시작 */
html {
    background-color:#000;
}
.single-about div#wrapper {
    position: initial;
}
.single-about .header-wrapper, .single-about .header-bg-color.fill {
    background-color: transparent;
}
.single-about main#main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.single-about .entry-content {
    padding:0px;
}
.single-about .page-wrapper {
    padding-bottom: 0px;
    padding-top: 0px;
}
.single-about .full-width .ubermenu-nav, .single-about .container, .single-about .row {
    max-width: 100%;
}
.single-about div#content > .row.align-center > .large-10.col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0px;
}
.single-about .box-overlay .box-text, .single-about .box-shade .box-text {
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
.single-about button#modal-btn {
    margin-bottom: 0px;
}
.single-about .icon-menu:before {
    color: #fff;
}
.single-about .text-box p {
    max-width: 90%;
    margin: auto;
    font-size: 15px;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}
.single-about p.uppercase.fiid-descrip {
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
    max-width: 460px;
}
.single-about #modal-btn {
    width: 60%;
    max-height: 100%;
    height: 250px;
    margin: auto;
    z-index: 100;
    top: 40%;
    -ms-transform: translateY(-40%) !important;
    transform: translateY(-40%) !important;
    left: 50%;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}
.single-about .mySlides {
    display:none;
}
.single-about .mySlides.active {
    display:block;
}
.single-about .w3-content.w3-display-container {
    position: relative;
    background-color: transparent;
}
.single-about button.w3-button.w3-black.w3-display-left {
    position: absolute;
    top: 45%;
    margin-left: 0px;
}
.single-about button.w3-button.w3-black.w3-display-right {
    position: absolute;
    top: 45%;
}
.single-about button.w3-button.w3-black {
    margin: 0px;
}
.single-about img.attachment-medium_large.mySlides {
    width: auto;
    max-height: 300px;
    margin: auto;
}
.single-about .row .row:not(.row-collapse), .single-about .container .row:not(.row-collapse) {
    margin-left: auto;
    margin-right: auto;
}
.single-about .text-btn-st h5.post-title.is-large {
    margin: 0px;
}
@media (min-width: 850px) {
    .single-about .is-full-height {
        height: calc(100vh - 0px)!important;
    }
}

@media only screen and (max-width: 600px) {
    .single-about button.w3-button.w3-black.w3-display-left {
        left: -10%;
    }
    .single-about button.w3-button.w3-black.w3-display-right {
        right: -10%;
    }
}
/* About us  끝 */
/* quick menu 시작 */
div#wide-nav.header-bottom {
    display: none;
}
.header-wrapper .flex-center {
    margin: 0 auto;
    max-width: 100%;
}
#menu-quick-menu li , #menu-quick-menu-en li, #menu-quick-menu-jp li {
    width: auto;
    display: inline-block;
    margin: 10px;
}
#menu-quick-menu li a, #menu-quick-menu-en li a, #menu-quick-menu-jp li a {
    color: #fff;
}
ul.menu>li+li, .widget>ul>li+li {
    border-top: none;
}
#menu-quick-menu li a:hover, #menu-quick-menu li.current-menu-item a, #menu-quick-menu-en li a:hover, #menu-quick-menu-en li.current-menu-item a, #menu-quick-menu-jp li a:hover, #menu-quick-menu-jp li.current-menu-item a {
    color:rgb(168, 164, 224)!important;
}
/* quick menu 끝 */
/* footer new post 시작 */
footer .box-text h5 {
    letter-spacing: 0px!important;
    color: #fff;
    font-size: 16px;
    font-family: "Noto Sans Korean", "DIN-Regular"!important;
}
footer .box-text h5:hover {
    color: #a8a4e0;
}

@media only screen and (max-width: 850px) {
 .home-hidden a {
     margin-bottom: 0px;
 }
 footer .box-text h5 {
    font-size: 13px;
}
footer .small-columns-1>.col {
    max-width: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
}
footer#footer {
 background-color: rgba(0, 0, 0, 0.8);
}
}
/* footer new post 끝 */
/*header style 시작*/
.header-language-dropdown i.image-icon, .nav-dropdown i.icon-image {
    display: none;
}
@media only screen and (max-width: 768px) {
    i.icon-angle-down {
        display: none;
    }
}
@media only screen and (max-width: 500px) {
    .header.transparent .header-wrapper {
        background-color: rgba(0,0,0,0.4);
    }
    .home .header.transparent .header-wrapper {
        background-color: transparent;
    }
}
/* sub page 시작 */
.textbox-content h5 {
    font-size: 36px;
}
.textbox-content a {
    margin: 0px!important;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.2;
    font-family: "alsina_ultrajada"!important;
}
.textbox-content a span {
    text-decoration: underline;
}
.textbox-content a:hover {
    color: #a8a2e3!important;
}
.box-overlay h4:hover {
    color: #a29edc;
}
.text-btn-st h5.post-title.is-large {
    font-size: 24px;
    font-weight: 200!important;
    font-family: "alsina_ultrajada"!important;
    text-decoration: underline;
    text-shadow: none;
}

.text-btn-st h5.post-title.is-large:hover {
    color: #a29edc;
}
.hotspot_image {
    width: 30%;
    height: 170px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 20px;
}
/* old hotspot 시작 */
.hotspot_detail {
    width: 65%;
    display: inline-block;
    margin-left: 5%;
    vertical-align: top;
    margin-bottom: 20px;
}
.hotspot_title p {
    font-weight: 700;
}
.hotspot_image img {
    height: 170px;
    max-width: none;
}
.hotspot_link {
    text-align: right;
}
.hotspot_link a {
    color: #a9a3e4;
    font-family: "alsina_ultrajada", Noto Sans Korean!important;
    text-decoration: underline;
    font-size: 16px!important;
}
/* old hotspot 끝 */
/* new hotspot 시작 */
.hotspot_table th, .hotspot_table td {
    border: none;
}
.hotspot_table th {
    width: 170px;
}
.hotspot_table td {
    vertical-align: top;
    padding: 10px;
}
.hotspot_table img {
    margin-bottom: 0px!important;
}
p.hotspot_title {
    font-weight: 700;
    margin-bottom: 1.3em;
    font-size: 16px;
    text-align: left!important;
}
p.hotspot_content {
    font-size: 16px;
    margin-bottom: 1.3em;
    text-align: left!important;
}
a.hotspot_link {
    color: #a9a3e4;
    font-family: "alsina_ultrajada", Noto Sans Korean!important;
    text-decoration: underline;
    font-size: 16px!important;
    float: right;
}
@media only screen and (max-width: 500px) {
    .hotspot_table th, .hotspot_table td {
        display: table;
        padding: 15px!important;
        width: 100%!important;
    }
}

@media only screen and (max-width: 900px) {
    .text-box h3{
        font-size: 20px;
    }
    .textbox-map {
        height: 200px;
    }
    .textbox-content .text-box {
        padding: 0px 80px;
        margin-bottom: 39px;
    }
    .textbox-content h5 {
        font-size: 24px;
    }

}
@media screen and (max-width: 849px) and (min-width: 550px) {
    .md-x30 {
        left: 0%;
    }
}
@media only screen and (max-width: 500px) {
    .textbox-content .text-box {
        padding: 0px 20px;
        margin-bottom: 39px;
    }
    .textbox-content .text-box , .admin-bar .textbox-content .text-box {
        top: 103px;
        left: 0px;
        height: auto;
        -ms-transform: translate(0%, 0%) !important;
        transform: translate(0%, 0%) !important;
        top: 50%;
        left: 0px;
        height: auto;
        -ms-transform: translate(0%, -50%) !important;
        transform: translate(0%, -50%) !important;
    }
    .textbox-content .text-box > .text {
        margin-bottom: 100px;
        margin-bottom: 0px;
    }
    .br_tag_m {
        display: block;
    }
    .textbox-content iframe {
        max-height: 200px
    }
    .text-btn-st h5.post-title.is-large {
        text-align: center;
        margin-bottom: 0px;
    }
    .text-btn-st .box.box-overlay.dark.box-text-bottom.box-blog-post.has-hover {
        height: 50px;
    }
    .csv-programs-st .col.post-item {
        padding-bottom: 0px;
    }
}
@media only screen and (max-width: 400px) {
    .textbox-content .text-box {
        padding: 0px 5px;
        padding-bottom: 100px;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 320px) {
    .textbox-content iframe {
        max-height: 100px;
    }
}
/* sub page 끝 */
/* special offer 시작*/

.special-post .box-blog-post {
    position: relative;
}
.special-post .box-text {
    position: static;
}
.special-post h5.post-title {
    position: absolute;
    left: 0;
    top: 5%;
    -ms-transform: translate(0%, 100%) !important;
    transform: translate(0%, 100%) !important;
    font-size: 33px;
    padding: 0px 20px;
    height: auto;
    min-height: 84px;
    vertical-align: bottom;
}
@media only screen and (max-width: 1280px) {
    .special-post h5.post-title {
        top: 45%;
        left: 0%;
        -ms-transform: translate(0%, -50%) !important;
        transform: translate(0%, -50%) !important;
        margin: 0px;
        font-size: 26px;
    }
}
.special-post .box-blog-post:hover h5.post-title  {
    color: #a8a4e0;
}
.special-post .is-divider {
    display: none;
}
.special-post:not(.work_textbox) p.from_the_blog_excerpt {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 40px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    height: 22px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.work_textbox.special-post  p.from_the_blog_excerpt {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 40px;
    font-weight: 400;
}
.special-post button.button.secondary {
    position: absolute;
    right: 0;
    bottom: -40px;
    width: 100%;
    margin-top: 0px;
    font-size: 16px;
    font-family: "alsina_ultrajada"!important;
    font-weight: 200;
    letter-spacing: 0px;
    text-decoration: underline;
}
.special-post .box-text, .special-post .col {
    padding-bottom: 0px;
}
.text-box .parallax-active {
    transform: none!important;
}
@media only screen and (min-width: 850px) {
    .page-id-6873 .specialpost-center .flickity-slider, .page-id-4985 .specialpost-center .flickity-slider, .page-id-3327 .specialpost-center .flickity-slider {
        left: 50%!important;
        transform: translateX(-100%)!important;
    }
}
@media only screen and (max-width: 600px) {
    .special-post h5.post-title {
        font-size:24px;
        top: 45%;
        left: 0%;
        -ms-transform: translate(0%, -50%) !important;
        transform: translate(0%, -50%) !important;
    }
}
@media only screen and (min-width: 768px) {
    span.br_tag {
        display: block;
    }
}
/* special offer 끝*/
/* work with us 시작 */
.banner h4 {
    padding: 0;
    font-size: 24px;
    line-height: 1.3;
    margin-top: .6em;
    margin-bottom: .6em;
    text-shadow: none;
}
.work_textbox.special-post h5.post-title {
    font-size: 24px;
    line-height: 1.3;
    top: 35%;
    -ms-transform: translate(0%, 0%) !important;
    transform: translate(0%, 0%) !important;
    text-shadow: none;
}
@media only screen and (max-width: 600px) {
    .work_textbox.special-post h5.post-title {
        top: 50%;
        left: 0%;
        -ms-transform: translate(0%, 0%) !important;
        transform: translate(0%, 0%) !important;
    }
/*    div.recruit-height.is-full-height {
    height: auto!important;
    }*/
    .recruit-height .text-box {
        margin-top: 100px;
    }
    .recruit-height .text-box .text-inner.text-center {

       margin-bottom: 100px;
   }
}

.work_textbox > .col.medium-2 p {
 font-size: 16px;
 text-shadow: none;
}
.work_textbox > .col.medium-2 .img {
    padding: 0px 0px!important;
    width: 100%!important;
}
.work_textbox > .col.medium-2 .img img {
    width: 30%;
}
.work_textbox > .col.medium-2:hover h4, .work_textbox > .col.medium-2:hover p {
    color: #a29edc;
}
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
    top: 35%;
}
.work_textbox.special-post p.from_the_blog_excerpt {
    text-align: center;
    text-shadow: none;
}

.work_textbox.special-post .post-item.is-selected:nth-child(1) .box-overlay .box-image .image-cover:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-image: url(../images/recruit_lobby_ico-w-1.png);
    z-index: 3;
}
.work_textbox.special-post .post-item.is-selected:nth-child(2) .box-overlay .box-image .image-cover:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-image: url(../images/recruit_hoteatsue_ico-w-1.png);
    z-index: 3;
}
.work_textbox.special-post .post-item.is-selected:nth-child(3) .box-overlay .box-image .image-cover:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-image: url(../images/recruit_rooptop_ico-w-1.png);
    z-index: 3;
}
.work_textbox.special-post .post-item.is-selected:nth-child(4) .box-overlay .box-image .image-cover:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-image: url(../images/recruit_cafe_ico-w-1.png);
    z-index: 3;
}
.work_textbox.special-post .post-item.is-selected:nth-child(5) .box-overlay .box-image .image-cover:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-image: url(../images/recruit_etc_ico-w-1.png);
    z-index: 3;
}
.work_textbox.special-post .post-item.is-selected:nth-child(1):hover .box-overlay .box-image .image-cover:before {
    background-image: url(../images/recruit_lobby_ico-2.png);
}
.work_textbox.special-post .post-item.is-selected:nth-child(2):hover .box-overlay .box-image .image-cover:before {
    background-image: url(../images/recruit_hoteatsue_ico-2.png);
}
.work_textbox.special-post .post-item.is-selected:nth-child(3):hover .box-overlay .box-image .image-cover:before {
    background-image: url(../images/recruit_rooptop_ico-1.png);
}
.work_textbox.special-post .post-item.is-selected:nth-child(4):hover .box-overlay .box-image .image-cover:before {
    background-image: url(../images/recruit_cafe_ico-2.png);
}
.work_textbox.special-post .post-item.is-selected:nth-child(5):hover .box-overlay .box-image .image-cover:before {
    background-image: url(../images/recruit_etc_ico-2.png);
}
.work_textbox .flickity-page-dots {
    bottom: 20px!important;
}
@media only screen and (max-width: 600px) {
    .work_textbox.special-post .post-item.is-selected .box-overlay .box-image .image-cover:before {
        top: 35%!important;
    }
}
/* work with us 끝 */
#post-popup p.post-contents {
    margin-top: 30px;
    color:#fff;
}
#post-popup p.post-contents ul {
    margin-left: 25px;
}
.pet-policy-more .box-text {
    padding-top: 0;
    padding-bottom: 0;
}
.pet-policy-more button {
    float: none;
    width: 100%;
    margin-top: 0!important;
    text-decoration: underline;
}
.pet-policy-more h5 {
    color: #a8a4e0;
    text-shadow: none;
    margin: 0;
    font-size: 20px;
}

.pet-policy-more h5 a {
    font-size: 0;
}

.pet-policy-more h5 a:before {
    content: "MORE INFO";
    font-size: 20px;
    font-weight: 200!important;
    font-family: "alsina_ultrajada"!important;
    text-decoration: underline;
    text-shadow: none;
}

.pet-policy-more .button {
    display: none;
}
a.doggy-link {
    font-size: 24px;
    font-weight: 200!important;
    font-family: "alsina_ultrajada"!important;
    text-decoration: underline;
    text-shadow: none;
}

#menu-quick-menu li.current-menu-parent a, #menu-quick-menu-en li.current-menu-parent a, #menu-quick-menu-jp li.current-menu-parent a {
    color: #a8a4e0;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: -6%;
}

.wpml-ls-slot-11:hover, .wpml-ls-slot-11:hover a, .wpml-ls-slot-11 a:hover {
    color: #a8a4e0!important;
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: #fff;
}
.nav>li>a:hover, .nav-dropdown>li>a:hover, .nav-column>li>a:hover {
    color: #a8a4e0!important;
}
.current-menu-parent a.nav-top-link, .current_page_item a.nav-top-link {
    color: #a9a3e4!important;
}
.main-menu-overlay {
    background-color: transparent;
}
.side-menu-s a:hover {
    color: #a8a4e0!important;
}
.mfp-close {
    font-family: Sniglet;
}
@media only screen and (min-width: 850px) {
    .sitemap-li .flickity-viewport {
        height: 250px!important;
    }
}
.sitemap-li {
    margin-top: -10px;
}
.sitemap-li > p > a {
    font-weight: 300;
    font-size: 14px;
    font-family: "Noto Sans Korean"!important;
    text-align: left;
}
.sitemap-li > p {
    margin-bottom: 0px;
    margin-top: 5px;
}
/* .home .col.home-hidden {
    display: none;
} */
@media (max-width: 549px){
    .transparent .header-main {
      height: 67px!important;
  }

}
@media (min-width: 600px){
  .banner.not-page-st {
    margin-top: -184px;
}
.error404 .header-wrapper, .error404 .header-bg-color {
    background-color: transparent!important;
}
}
@media only screen and (max-width: 850px) {
    li.has-dropdown.header-language-dropdown a {
        color: #a9a3e4;
    }
    ul.nav-dropdown.nav-dropdown-default, li.has-dropdown.header-language-dropdown:before, li.has-dropdown.header-language-dropdown:after {
        display: none!important;
    }
}
.partners-post .box.box-normal.box-text-bottom {
    background-color: transparent!important;
}
.partners-post .col-inner {
    box-shadow: none;
}
.partners-post .box-text.text-center.dark {
    display: none;
}
a.phone-number-link {
    color:#fff!important;
    text-decoration: none!important;
    vertical-align: bottom;
}
a.phone-number-link:hover {
    color:#a8a2e2!important;
}
h5.post-title {
    text-transform: uppercase;
}
.csv-programs-st .col.post-item {
    margin-bottom: 15px;
}
.csv-programs-st .slider-nav-reveal {
    overflow: none!important;
}
.csv-programs-st  .box-overlay .box-text {
    padding-left:0px;
    padding-right:0px;
}
.csv-programs-st h5 {
    margin-top: 0px;
}
.about-post-st .col.post-item {
    height: 50px;
    padding:0px;
}
.textbox-content iframe {
    margin-bottom: 0px;
}
.modal .slick-prev {
    z-index: 1;
}
.slick-slide {
    max-height: 300px;
}
.postid-6153 h2.uppercase.post-title, .postid-6184 h2.uppercase.post-title, .postid-6677 h2.uppercase.post-title{
    max-width: 200px;
    margin: auto;
}
a.post-link-button {
    text-decoration: underline;
}
#footer a.button.secondary.bookaroom_st.special_st, #footer a.button.secondary.bookaroom_st {
    display: block;
}
#footer a.button.secondary.bookaroom_st.special_st {
    margin-bottom: 10px;
    background-color: white;
    color: #a8a4df;
}

#footer a.button.white.expand {
    color: #a8a2e2!important;
    font-family: "alsina_ultrajada",Noto Sans Korean!important;
    font-weight: 500;
    font-size: 20px;
}
#footer a.button.secondary.expand {
    font-family: "alsina_ultrajada",Noto Sans Korean!important;
    font-weight: 500;
    font-size: 20px;
}
@media screen and (min-width: 850px) {
    .col:first-child .col-inner {
        margin-left: auto;
        margin-right: auto;
    }
}
html:lang(en) ul.side-menu-s.side-menu-ko, html:lang(en) ul.side-menu-s.side-menu-ja {
    display: none;
}
html:lang(ko) ul.side-menu-s.side-menu-en, html:lang(ko) ul.side-menu-s.side-menu-ja {
    display: none;
}
html:lang(jp) ul.side-menu-s.side-menu-en, html:lang(jp) ul.side-menu-s.side-menu-ko {
    display: none;
}
html:lang(en) a.sp-of-ko, html:lang(en) a.sp-of-jp{
    display: none!important;
}
html:lang(ko) a.sp-of-en, html:lang(ko) a.sp-of-jp {
    display: none!important;
}
html:lang(jp) a.sp-of-ko, html:lang(jp) a.sp-of-en {
    display: none!important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body, p, li {
        font-weight: 500;
    }
    .nav > li > a {
        font-weight: 500!important;
    }
    footer .box-text h5 {
        font-weight: 500!important;
    }
}

/* food style 0422 */
.postid-2867 p.food-menu a, .postid-5004 p.food-menu a, .postid-6771 p.food-menu a{
    font-size: 0px!important;
    display: block;
}
.postid-2867 p.food-menu a:nth-child(1):before, .postid-5004 p.food-menu a:nth-child(1):before, .postid-6771 p.food-menu a:nth-child(1):before {
    content: "RESTAURANT HOT EATSUE MENU ";
}
.postid-2867 p.food-menu a:nth-child(2):before, .postid-5004 p.food-menu a:nth-child(2):before, .postid-6771 p.food-menu a:nth-child(2):before {
    content: "RESTAURANT HOT EATSUE DRINK MENU";
}
.postid-2867 p.food-menu a:before, .postid-5004 p.food-menu a:before, .postid-6771 p.food-menu a:before {
    color: #a9a3e4;
    font-family: "alsina_ultrajada",Noto Sans Korean!important;
    text-decoration: underline;
    font-size: 16px!important;
}
.postid-2868 p.food-menu a, .postid-5011 p.food-menu a, .postid-6797 p.food-menu a {
    display: block;
}
.postid-2868 p.food-menu a:nth-child(1):before, .postid-5011 p.food-menu a:nth-child(1):before, .postid-6797 p.food-menu a:nth-child(1):before {
    content: "ROOFTOP BAR ";
}
.postid-2868 p.food-menu a:nth-child(2):before, .postid-5011 p.food-menu a:nth-child(2):before, .postid-6797 p.food-menu a:nth-child(2):before {
    content: "DRINK & SNACK ";
}
.postid-2868 p.food-menu a:before, .postid-5011 p.food-menu a:before, .postid-6797 p.food-menu a:before {
    color: #a9a3e4;
    font-family: "alsina_ultrajada",Noto Sans Korean!important;
    text-decoration: underline;
    font-size: 16px!important;
}

.modal#post-popup p {
    margin-bottom: 0 !important;
}

/* 일어 style 시작*/
html:lang(jp) body, html:lang(jp) p,  html:lang(jp) h3{
    word-break: normal;
    font-family: 'Noto Sans JP', sans-serif!important;
}
html:lang(jp) .nav > li > a {
   font-family: "Noto Sans Korean"!important;
}

li.nav-icon a .icon-menu:before {
    content: "";
    background-image: url(../images/nav-icon.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    background-size: 100%;
    background-repeat: no-repeat;
}


li.nav-icon a:hover .icon-menu:before {
    background-image: url(../images/nav-icon-hover.png);
}