.elementor-56 .elementor-element.elementor-element-78a740de > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-56 .elementor-element.elementor-element-78a740de{overflow:hidden;padding:0rem 10rem 0rem 0rem;}.elementor-56 .elementor-element.elementor-element-16182954{text-align:left;}.elementor-56 .elementor-element.elementor-element-16182954 .elementor-heading-title{color:#385248;font-family:"Y universe", "Noto Sans KR";font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:0px;}.elementor-56 .elementor-element.elementor-element-16182954 > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-56 .elementor-element.elementor-element-7be73e01{text-align:left;}.elementor-56 .elementor-element.elementor-element-7be73e01 .elementor-heading-title{color:#707070;font-family:"Noto Sans KR", "Noto Sans KR";font-size:1.8rem;font-weight:400;line-height:1.8em;letter-spacing:-0.5px;}.elementor-56 .elementor-element.elementor-element-7be73e01 > .elementor-widget-container{margin:0rem 0rem 2.8rem 0rem;}.elementor-56 .elementor-element.elementor-element-52b1afc1 > .elementor-widget-container{margin:0rem 0rem 6rem 0rem;}.elementor-56 .elementor-element.elementor-element-67c9373b .elementor-button{font-family:"Y universe", "Noto Sans KR";font-size:1.8rem;font-weight:bold;line-height:1.4em;letter-spacing:0px;fill:#385248;color:#385248;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#385248;border-radius:0px 0px 0px 0px;padding:14px 0px 14px 0px;}.elementor-56 .elementor-element.elementor-element-67c9373b .elementor-button:hover, .elementor-56 .elementor-element.elementor-element-67c9373b .elementor-button:focus{color:#FFFFFF;background-color:#385248;border-color:#385248;}.elementor-56 .elementor-element.elementor-element-67c9373b .elementor-button:hover svg, .elementor-56 .elementor-element.elementor-element-67c9373b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-253bc5fd > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 60px 0px 0px;}.elementor-56 .elementor-element.elementor-element-7ce070d5{text-align:left;}.elementor-56 .elementor-element.elementor-element-7ce070d5 .elementor-heading-title{color:#385248;font-family:"Y universe", "Noto Sans KR";font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:0px;}.elementor-56 .elementor-element.elementor-element-7ce070d5 > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-56 .elementor-element.elementor-element-6fa52b69{text-align:left;}.elementor-56 .elementor-element.elementor-element-6fa52b69 .elementor-heading-title{color:#707070;font-family:"Noto Sans KR", "Noto Sans KR";font-size:1.8rem;font-weight:400;line-height:1.8em;letter-spacing:-0.5px;}.elementor-56 .elementor-element.elementor-element-6fa52b69 > .elementor-widget-container{margin:0rem 0rem 2.8rem 0rem;}.elementor-56 .elementor-element.elementor-element-63d442e0 > .elementor-widget-container{margin:0rem 0rem 6rem 0rem;}.elementor-56 .elementor-element.elementor-element-36e1482e .elementor-button{font-family:"Y universe", "Noto Sans KR";font-size:1.8rem;font-weight:bold;line-height:1.4em;letter-spacing:0px;fill:#385248;color:#385248;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#385248;border-radius:0px 0px 0px 0px;padding:14px 0px 14px 0px;}.elementor-56 .elementor-element.elementor-element-36e1482e .elementor-button:hover, .elementor-56 .elementor-element.elementor-element-36e1482e .elementor-button:focus{color:#FFFFFF;background-color:#385248;border-color:#385248;}.elementor-56 .elementor-element.elementor-element-36e1482e .elementor-button:hover svg, .elementor-56 .elementor-element.elementor-element-36e1482e .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-56 .elementor-element.elementor-element-78a740de{margin-top:0px;margin-bottom:108px;padding:13.3rem 0rem 0rem 0rem;}.elementor-56 .elementor-element.elementor-element-52cf786a{width:100%;}.elementor-56 .elementor-element.elementor-element-52cf786a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-16182954{text-align:center;}.elementor-56 .elementor-element.elementor-element-16182954 .elementor-heading-title{font-size:3rem;}.elementor-56 .elementor-element.elementor-element-7be73e01{text-align:center;}.elementor-56 .elementor-element.elementor-element-7be73e01 .elementor-heading-title{font-size:1.6rem;}.elementor-56 .elementor-element.elementor-element-7be73e01 > .elementor-widget-container{margin:0rem 0rem 2.2rem 0rem;}.elementor-56 .elementor-element.elementor-element-52b1afc1 > .elementor-widget-container{margin:0rem 0rem 3.5rem 0rem;}.elementor-56 .elementor-element.elementor-element-253bc5fd{width:100%;}.elementor-56 .elementor-element.elementor-element-253bc5fd > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-36e1482e .elementor-button{padding:14px 67px 14px 67px;}}/* Start custom CSS for section, class: .elementor-element-78a740de */@media (max-width: 980px) {
    #room-wrap .slider-con {
        flex: unset;
    }    
    #room-wrap .text-con {
        width: 100%;
        margin: auto;
    }
    #room-wrap .slider-con .room-swiper {
        height: 300px!important;
        padding-bottom: 56px!important;
    }
    #room-wrap .text-con .room-type ul {
        font-size: 1.8rem;
    }
    #room-wrap .text-con .room-btn .elementor-button-wrapper a {
        width: 240px!important;
        margin: auto;
    }
    #room-wrap .slider-con.mo .room-swiper-button-next {
        top: calc(50% - 26px);
        right: 15px;
        width: 38px;
        height: 38px;
    }
    #room-wrap .slider-con.mo .room-swiper-button-prev {
        top: calc(50% - 26px);
        left: 15px;
        width: 38px;
        height: 38px;
    }
    #room-wrap .slider-con.mo .room-swiper .room-swiper-pagination {
        bottom: 30px;
    }
    #room-wrap .slider-con.mo .swiper-pagination-bullet,
    #room-wrap .slider-con.mo .room-swiper-pagination:before {
        width: 202px;
    }
}
@media (min-width: 981px) { 
    #room-wrap .text-con .room-type ul {
        font-size: 2rem;
    }
}


#room-wrap .slider-con {
    flex: 1;
}
#room-wrap .text-con {
    width: 320px;
}

    
/* Room Info */
#room-wrap .text-con .room-type ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Y universe";
    color: #385248;
    font-weight: bold;
}
#room-wrap .text-con .room-btn .elementor-button-wrapper a {
    display: block;
    width: 100%;
}


/* Romm Slider */
#room-wrap .slider-con .room-swiper {
    height: 100vh;
    overflow: hidden;
    padding-bottom: 123px;
}

    /* Pagination */
#room-wrap .slider-con .room-swiper .room-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: auto;
    bottom: 75px;
    width: 100%;
}
#room-wrap .slider-con .room-swiper-pagination:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 15%;
    height: 2px;
    background: #C9C6BC;
    opacity: 0.7;
}
#room-wrap .slider-con .swiper-pagination-bullet {
    position: absolute;
    width: 15%;
    opacity: 1;
    background: rgba(255, 255, 255, 0.0);
    height: 2px;
    border-radius: 0;
    transition: background 200ms;
    opacity: 0;
    transition: all ease 0.35s;
}
#room-wrap .slider-con .slider-text-wrap {
    font-family: outfit;
    position: relative;
    color: #385248;
    font-size: 1.7rem;
    font-weight: 500;
}
#room-wrap .slider-con .slider-text {
    position: absolute;
    color: inherit;
    transform: translateY(-38%);
}
#room-wrap .slider-con .slider-text-current {
    right: 105%;
}
#room-wrap .slider-con .slider-next-text {
    left: 105%;
}
#room-wrap .slider-con .swiper-pagination-bullet::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 200ms;
}
#room-wrap .slider-con .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;   
}
#room-wrap .slider-con .swiper-pagination-bullet-active::before {
    background-color: #385248;
    animation: slide-progress 5s cubic-bezier(.3,0,.3,1) forwards;  
}
#room-wrap .slider-con .swiper-pagination-bullet-active::before > .swiper-paused & {
    opacity: 0;
    animation-play-state: paused;
}

    /* Arrow Button */
#room-wrap .slider-con .room-swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 178px;
    z-index: 10;
    width: 72px;
    height: 72px;
    background-image: url('/wp-content/uploads/2023/02/room_slider_arrow_prev.png');
    background-size: 70%;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
}
#room-wrap .slider-con .room-swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    z-index: 10;
    width: 72px;
    height: 72px;
    background-image: url('/wp-content/uploads/2023/02/room_slider_arrow_next.png');
    background-size: contain;
    background-size: 70%;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
}
#room-wrap .slider-con .room-swiper-button-next:after {
    content: "";
    background-image: url('/wp-content/uploads/2023/02/room_slider_arrow_next.png');
}
#room-wrap .slider-con .room-swiper-button-prev:after {
    content: "";
    background-image: url('/wp-content/uploads/2023/02/room_slider_arrow_next.png');
}



@media screen and (max-width: 880px) {
  #room-wrap .slider-wrap .room-swiper-pagination {
    width: 100% !important;
    bottom: 10px !important;
  }
  #room-wrap .slider-con .room-swiper-pagination-bullet {
    border-radius: 50%;
    width: 4px !important;
  }
}

@keyframes slide-progress {
  0% {
    width: 0;
  }
  100% {
     width: 100%;
  }
}/* End custom CSS */