@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1920px) and (max-height: 850px) {
    .mobile-inner .cont .img-box {
        padding-bottom: 705px;
    }
}

@media screen and (max-width: 1920px) and (max-height: 770px) {
    .mobile-inner .cont .img-box {
        padding-bottom: 570px;
        border-radius: 0 1000px 0 500px;
    }
}

.pc {
    display: block;
}

.pc-flex {
    display: flex;
}

/*pc 노출 = 테블릿, 모바일 미노출*/
.pcta {
    display: block;
}

/*pc, 테블릿 노출 = 모바일 미노출*/
.mo, .mo-flex {
    display: none;
}

/*모바일 노출 = pc,테블릿 미노출*/
.ta {
    display: none;
}

/*테블릿, 모바일 노출 = pc 미노출*/

@media screen and (max-width: 1920px) {
    #main .section3 .section-body {
        max-width: 100%;
        padding: 0;
    }

    #main .section.section1 .section-body {
        padding: 94px 0 140px 180px;
        max-width: 100%;
    }

    #main .section1 .right .video-box-wrap {
        float: left;
        margin-top: 265px;
        position: relative;
        left: 111px;
        bottom: 0;
    }

    #main .section1 .right .back-video-box {
        padding-bottom: 720px;
        min-width: 320px;
    }

    #main .section1 .right .front-img-box {
        padding-bottom: 945px;
        min-width: 687px;
    }

    #main .section1 .deco {
        left: 20px;
    }

    #header .header-column .h-fade-menu:nth-of-type(1) .depth1 {
        left: 34.1%;
    }

    #header .header-column .h-fade-menu:nth-of-type(2) .depth1 {
        left: 67%;
    }
}

@media screen and (max-width: 1580px){
    #main .section1 .right .front-img-box {
        min-width: 595px;
    }

    #main .section.section1 .section-body {
        padding: 94px 0 140px 40px;
    }
}

@media screen and (max-width: 1560px){
    .block1560 {
        display: block;
    }

    .roomsSwiper .rooms-bg-img-box {
        padding-bottom: 100vh;
    }

    .room-list .tower-room .control-box, .room-list .inje-room .control-box, .room-list .control-box {
        width: 100%;
        left: 0;
        bottom: 30px;
        top: auto;
        transform: none;
        height: auto;
    }

    .room-list .control-box .control-box-inner {
        flex-direction: row;
        width: 100%;
        height: auto;
        padding: 0 80px;
    }

    .rooms-img-wrap, .room-list .private-room .rooms-img-wrap {
        top: 30px;
        padding: 0 40px;
        left: 0;
    }

    .room-list .tower-room .rooms-img-wrap, .room-list .inje-room .rooms-img-wrap, .room-list .private-room .control-box {
        right: 0;
    }

    .reservation-page form.gap-80 {
        gap: 50px;
    }

    .reservation-page .calender-area {
        padding: 39.5px 35.63px;
    }

    .reservation-page .fc .fc-multimonth {
        gap: 20px;
    }

    .reservation-page .calendar-btnBox #calPrev, .reservation-page .calendar-btnBox #calNext {
        width: 58px;
        height: 58px;
        background-size: 40.8px 40.8px;
    }
}

@media screen and (max-width: 1515px){
    .none1515 {
        display: none;
    }
}

@media screen and (max-width: 1440px){
    #header .header-row {
        padding: 0;
    }

    #header .header-column {
        justify-content: flex-start;
    }

    .h-left-menu, .h-right-menu {
        display: none;
    }

    .calendar-btnBox #calPrev {
        left: 20px;
    }

    .calendar-btnBox #calNext {
        right: 20px;
    }

    .fc .fc-multimonth {
        gap: 40px;
    }

    #main .section3 .info-box {
        left: 40px;
        top: 10%;
        width: calc(100% - 80px);
        gap: 40px;
    }

    #main .section3 .control-box {
        width: calc(100% - 40px);
    }

    #main .section3 .placeSwiper .info-box .img-box {
        max-width: 680px;
        min-width: 680px;
    }

    #main .section3 .info-box .txt-box {
        width: 100%;
    }

    #main .section3 .place_bg {
        max-width: 630px;
    }

    #main .section4 .location-info-wrap {
        left: 20px;
    }

    .r-step-info {
        flex-wrap: wrap;
        max-width: 1140px;
        justify-content: center;
        margin: 0 auto;
        gap: 50px 93px;
    }

    .r-step-info .circle {
        width: 320px;
        padding-bottom: 320px;
    }

    .r-step-info .circle.c3::before, .r-step-info .circle.c3::after {
        display: none;
    }

}

@media screen and (max-width: 1321px){
    .history-page .table-scroll-wrap {
        padding-bottom: 15px;
        margin-left: 40px;
        padding-right: 40px;
    }

    .history-page#sub .section .section-body {
        padding: 140px 0;
    }

    .history-page .searchForm {
        margin: 0 40px;
    }

    .history-page .page-total {
        padding-left: 40px;
    }

    .history-page .table-wrap::before {
        width: 40px;
        display: block;
    }

    .history-page table colgroup col:last-child {
        width: 206px;
        min-width: 206px;
    }
}

@media screen and (max-width: 1280px){
    .section .section-body {
        padding: 0 20px;
    }

    .login-page form {
        justify-content: center;
        padding: 0 20px;
    }

    .login-page fieldset {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .login-form {
        margin-left: 0;
    }

    .login-form .ipt-box.mt20 {
        margin-top: 15px !important;
    }

    .login-form {
        padding: 60px;
    }

    .login-form > img {
        width: 200px;
        height: 100px;
        margin-bottom: 45px !important;
    }

    .login-form .mt60 {
        margin-top: 45px !important;
    }

    .green-btn:hover {
        border: 1px solid #6C822F;
        background-color: #6C822F;
    }

    .border-green-btn:hover {
        background-color: transparent;
        color: #6C822F !important;
    }

    .mobile-inner .cont .img-box {
        display: none;
    }

    .mobile-inner .cont {
        gap: 0;
        padding: 0 20px;
    }

    .mobile-inner .mo-toggle {
        width: 44px;
        height: 44px;
    }

    #header .logo img, .mobile-inner .logo img {
        width: 100px;
        height: 50px;
    }

    .mobile-inner .inner-header {
        padding: 0 20px;
    }

    .mobile-inner .header-nav .depth1 {
        gap: 35px;
    }

    .mobile-inner .header-nav .depth1 > li > a {
        font-size: 6rem;
        line-height: 76px;
    }

    .mobile-inner .header-nav .depth2 > li > a {
        font-size: 1.8rem;
        line-height: 22px;
    }

    .mobile-inner .header-nav {
        margin-top: 0;
    }

    .border777-btn:hover {
        border: 1px solid #777;
        background-color: transparent;
        color: #1A1A1A;
    }

    #header .header-body .header-inner {
        padding: 0 20px;
    }

    #header .header-column.hc-third {
        right: 20px;
    }

    .form-inner {
        padding: 0 20px;
    }

    .swiper-arrow-box {
        display: none;
    }

    .room-area {
        max-width: 200px;
    }

    #mVisual .searchWrap button[type="submit"] {
        max-width: 180px;
    }

    .date-wrap {
        gap: 30px;
    }

    .room-wrap, .adult-wrap, .children-wrap {
        padding: 0 20px;
    }

    #mVisual .searchWrap {
        padding: 0 0 0 20px;
    }

    .calendar-btnBox #calPrev, .calendar-btnBox #calNext {
        left: 20px;
        top: 20px;
        transform: none;
        width: 60px;
        height: 60px;
        background-size: 38px;
    }

    .calendar-btnBox #calNext {
        left: auto;
        right: 20px;
    }

    .calendar-popup-close-btn {
        display: none;
    }

    .calendar-btnBox #calPrev:hover, .calendar-btnBox #calNext:hover {
        background-color: #fff;
        background-image: url(/front/images/ico_line_arrow_right.svg);
    }

    .calendar-btnBox #calPrev:hover {
        background-image: url(/front/images/ico_line_arrow_left.svg);
    }

    #main .section.section1 .section-body {
        padding: 94px 0 100px 20px;
    }

    #main .section1 .right .front-img-box {
        min-width: 500px;
    }

    #main .section1 .right .back-video-box {
        min-width: 265px;
    }

    #main .section h3 {
        font-size: 4.1rem;
        line-height: 61.5px;
        letter-spacing: -2.05px;
    }

    #main .section .cont-txt {
        font-size: 1.7rem;
        line-height: 27.2px;
        letter-spacing: -0.34px;
    }

    #main .section1 .cont-txt {
        margin-top: 50px;
    }

    #main .section1 .deco {
        width: 175px;
        height: 839px;
    }

    #main .section1 .deco .img-box {
        width: 175px;
        padding-bottom: 839px;
    }

    #main .section2 .img-wrap1 + .txt-box {
        right: 20px;
    }

    #main .section2 .img-wrap2 + .txt-box {
        left: 20px;
    }

    #main .section2 .txt-box p {
        font-size: 2rem;
        line-height: 32px;
        letter-spacing: -0.4px;
    }

    #main .section2 .txt-box em {
        font-size: 4rem;
        line-height: 64px;
        letter-spacing: -2px;
    }

    #main .section2 .img-wrap {
        padding-bottom: 27.642%;
    }

    #main .section3 .txt-box h3 + p {
        margin-top: 10px;
        margin-bottom: 40px;
        font-size: 1.7rem;
        line-height: 27.2px;
        letter-spacing: -0.34px;
    }

    #main .section3 .txt-box > .flex-box p, #main .section3 .txt-box > .flex-box a {
        font-size: 1.6rem;
        line-height: 19.2px;
        letter-spacing: -0.32px;
    }

    #main .section3 .txt-box > .flex-box img {
        width: 20px;
        height: 20px;
        top: 0;
    }

    #main .section3 .txt-box > .flex-box + .flex-box {
        margin-top: 10px;
    }

    #main .section4 .location-info {
        padding: 60px 30px;
    }

    #main .section4 h3 {
        margin-bottom: 55px;
    }

    #main .section4 span {
        font-size: 1.4rem;
        line-height: 22.4px;
    }

    #main .section4 p {
        font-size: 1.7rem;
        line-height: 27.2px;
    }

    #main .section4 span.mt40 {
        margin-top: 30px !important;
    }

    #main .section4 #map {
        height: 1000px;
    }

    #main .section6 .bookkMyungjo {
        font-size: 3.7rem;
        line-height: 37px;
        letter-spacing: -1.85px;
    }

    #main .section6 .cinzel {
        margin-top: 20px;
        font-size: 5.5rem;
        line-height: 50px;
    }

    #main .section6 .line {
        height: 70px;
        margin: 30px 0;
    }

    #main .section6 p.fs24 {
        margin-top: 30px;
        font-size: 1.8rem;
        line-height: 36px;
        letter-spacing: -0.36px;
    }

    #main .section6 p.fs16 {
        margin-top: 7px;
        font-size: 1.3rem;
        line-height: 26px;
        letter-spacing: -0.26px;
    }

    #main .section6 .btnBox {
        margin-top: 60px;
    }

    #main .section6 .copy-txt {
        font-size: 1.2rem;
        line-height: 20px;
        letter-spacing: -0.24px;
    }

    .black-btn:hover {
        background-color: #1A1A1A;
    }

    #footer .foot-menu a {
        font-size: 1.7rem;
        line-height: 19px;
    }

    #footer .foot_logo a {
        font-size: 2rem;
        line-height: 20px;
    }

    #footer .foot-top {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    #footer .btnBox .flex-box.gap-20 {
        gap: 5px !important;
    }

    #footer .footer-body .footer-inner {
        padding: 60px 20px;
    }

    #sub .tit-box h3 {
        font-size: 3.1rem;
        line-height: 46.5px;
        letter-spacing: -1.55px;
    }

    #sub .tit-box.mb80 {
        margin-bottom: 60px !important;
    }

    #sub .section .section-body, .default-area, .p0-page .tit-box {
        padding: 100px 20px;
    }

    .surrounding-page .tit-box {
        padding: 0;
        margin-bottom: 55px;
    }

    .about-page .flex.mt60 > img {
        width: 140px;
        height: 78px;
    }

    .about-page .mt140 {
        margin-top: 100px !important;
    }

    .location-page .green-dot {
        top: 12px;
    }

    #sub .tit-box .sub-tit {
        margin-top: 20px;
        font-size: 1.6rem;
        line-height: 25.2px;
        letter-spacing: -0.32px;
    }

    .room-list .control-box .control-box-inner {
        padding: 0 40px;
    }

    .rooms-img-wrap, .room-list .private-room .rooms-img-wrap {
        padding: 0 20px;
    }

    .tr-info {
        padding: 100px 20px;
        gap: 30px;
    }

    .rooms-page .info-box {
        padding: 60px 20px;
    }

    .rooms-page .control-box .tangerine {
        font-size: 5.6rem;
    }

    .roomsSwiper-button-prev, .roomsSwiper-button-next {
        width: 72px;
        background-size: 72px 10px;
    }

    .roomsSwiper .btn-wrap.gap-38 {
        gap: 30px;
    }

    .room-list .control-box .control-box-inner {
        gap: 20px;
    }

    .roomsSwiper-button-prev:hover, .roomsSwiper-button-next:hover {
        transform: none;
    }

    .facilities-page .default-area, .surrounding-page li.gap-120 {
        gap: 60px;
        flex-direction: column-reverse;
    }

    .surrounding-page li.gap-120 {
        flex-direction: column;
    }

    .facilities-page .left span, .surrounding-page .right span {
        font-size: 2.6rem;
        letter-spacing: -1.3px;
    }

    .facilities-page .left h4, .surrounding-page .right h4 {
        justify-content: center;
        font-size: 2rem;
        line-height: 30px;
        letter-spacing: -0.4px;
    }

    .surrounding-page .right h4 {
        justify-content: unset;
    }

    .table-style1 th, .table-style1 td {
        font-size: 1.5rem;
        line-height: 23.6px;
        letter-spacing: -0.3px;
    }

    .facilities-page .table-style1, .surrounding-page .table-style1 {
        margin-top: 30px !important;
        min-width: auto;
    }

    .facilities-page .left ,.surrounding-page .right {
        width: 100%;
        max-width: 902px;
    }

    .green-tag {
        height: 34px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .surrounding-page .default-area ul li + li {
        margin-top: 110px;
    }

    .surrounding-page .tab-box .box span {
        margin-top: 10px;
        font-size: 2rem;
        line-height: 30px;
        letter-spacing: -0.4px;
    }

    .surrounding-page .tab-box .box img {
        width: 45px;
        height: 45px;
    }

    .surrounding-page .tab-box .img-box {
        padding-bottom: 75.47%;
    }

    .surrounding-page .tab-box .img-box-wrap:hover {
        border-radius: 0;
    }

    .surrounding-page .tab-box .img-box-wrap:hover .img-box::before {
        background-color: rgba(24, 27, 15, 0.40);
    }

    .reservation-page form.gap-80 {
        flex-direction: column;
        margin-top: 55px !important;
    }

    .reservation-page .calendar-btnBox #calPrev {
        left: 20px;
    }

    .reservation-page .calendar-btnBox #calNext {
        left: auto;
        right: 20px;
    }

    .reservation-page .info-right {
        max-width: 100%;
    }

    .enter-box {
        flex-wrap: wrap;
        height: auto;
    }

    .reservation-page .step2 .enter-box .date-wrap {
        width: 100%;
        height: auto;
        justify-content: center;
        padding: 17px 20px 20px;
        gap: 20px !important;
    }

    .reservation-page .step2 .enter-box > div {
        width: 100%;
    }

    .reservation-page .step2 .enter-box > div.rooms-info-wrap {
        width: 100%;
    }

    .reservation-page .step2 .enter-box > div + div {
        border: none;
        padding: 0;
        gap: 0;
    }

    .enter-box .mo-flex1 {
        flex: 1;
        padding: 20px;
        border-top: 1px solid #eee;
    }

    .enter-box .pp-info-box .mo-flex1 + .mo-flex1 {
        border-left: 1px solid #eee;
    }

    .r-step-info .circle .txt-box em {
        font-size: 2.3rem;
        line-height: 35px;
        letter-spacing: -0.46px;
    }

    .information-page .contact-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .history-page .searchForm .date-wrap {
        padding: 0 15px;
        gap: 15px;
    }

    .custom-slim-select.ss-main {
        padding: 0 15px !important;
    }

    .searchForm > div:nth-of-type(3) span{
        padding-left: 15px;
    }

    .searchForm > div:nth-of-type(3) .custom-slim-select.ss-main {
        padding: 0 15px 0 20px !important;
    }

    .table-style2 th {
        font-size: 1.6rem;
        line-height: 25.2px;
        letter-spacing: -0.32px;
    }

    .table-style2 td {
        padding: 0 15px;
        font-size: 1.6rem;
        line-height: 25.2px;
        letter-spacing: -0.32px;
    }

    .st-tag {
        width: 52px;
        min-width: 52px;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }

    .r-tag {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }

    .pagenate ul li a {
        font-size: 1.7rem;
        letter-spacing: -0.34px;
    }

    .page-total {
        margin-bottom: 20px !important;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }

    .history-page .table-scroll-wrap {
        padding-bottom: 15px;
        margin-left: 20px;
        padding-right: 20px;
    }

    .history-page#sub .section .section-body {
        padding: 100px 0;
    }

    .history-page .searchForm {
        margin: 0 20px;
    }

    .history-page .page-total {
        padding-left: 20px;
    }

    .history-page .table-wrap::before {
        width: 20px;
        display: block;
    }

    .pagenate ul li a.next-btn:hover {
        background-color: #FFF;
        border-color: rgba(26, 26, 26, 0.10);
        background-image: url("/front/images/ico_line_arrow_right.svg");
    }

    .pagenate ul li a.prev-btn:hover {
        background-color: #FFF;
        border-color: rgba(26, 26, 26, 0.10);
        background-image: url("/front/images/ico_line_arrow_left.svg");
    }

    .view-box .post-info-box p {
        font-size: 1.5rem;
        line-height: 23.6px;
        letter-spacing: -0.3px;
    }

    .view-box .post-info-box p span {
        font-size: 1.6rem;
        line-height: 25.2px;
        letter-spacing: -0.32px;
    }

    .view-box .post-info-box {
        padding: 25px 0;
        gap: 20px;
    }

    .view-box .cont-box {
        padding: 45px 0;
        font-size: 1.6rem;
        line-height: 25.2px;
        letter-spacing: -0.32px;
    }

    .button {
        font-size: 1.5rem;
    }

    .button.prev:hover {
        background-image: url(/front/images/ico_arrow_left_green.svg);
    }

    .button.next:hover {
        background-image: url(/front/images/ico_arrow_right_green.svg);
    }

    .event-list li .title-wrap {
        margin-top: 15px !important;
        font-size: 1.7rem;
        line-height: 27.2px;
        letter-spacing: -0.34px;
    }

    .event-list li span:not(.new) {
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .inquiry-view-page .ed-box .del-btn:hover {
        background-image: url(/front/images/ico_trash_green.svg);
        background-color: #fff;
    }

    .inquiry-view-page .ed-box .edit-btn:hover {
        background-image: url(/front/images/ico_edit_green.svg);
        background-color: #fff;
    }

    .file-select-box label:hover {
        background-color: #FFF;
        color: #6C822F;
        background-image: url(/front/images/ico_file_green.svg);
    }

    #main .section5 p {
        font-size: 2rem;
        line-height: 30px;
    }

    #main .section5 span.flex {
        width: 302px;
        height: 200px;
    }

    #main .section5 .cont-wrap > span img {
        width: 302px;
    }

    #main .section5 .img-box span {
        font-size: 10rem;
    }

    #main .section5 .img-box {
        padding-bottom: 420px;
    }

    #main .section5.section .section-body {
        padding: 100px 20px 90px;
    }

    .quick .inquiry-btn:hover {
        background-color: transparent;
        border-color: #6C822F;
        background-image: url(/front/images/ico_insert.svg);
    }

    .reservation-page .step2 .enter-box .pl40 {
        padding-left: 20px !important;
    }

    .reservation-page .step2 .enter-box .pr40 {
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 1080px){
    #mVisual .searchWrap {
        flex-direction: column;
        height: auto;
        border-bottom: none;
        border-left: none;
        border-right: none;
        padding: 0;
    }

    .date-wrap, .person-area, .room-area {
        height: 80px;
        justify-content: center;
    }

    #mVisual .searchWrap .flex.hgt--100.wid100 {
        justify-content: center;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    .date-wrap {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    #mVisual .searchWrap button[type="submit"] {
        height: 60px;
        max-width: 100%;
    }

    .room-area, .person-area, .adult-wrap, .children-wrap, .date-wrap {
        max-width: 100%;
        min-width: auto;
    }

    .room-area, .adult-wrap, .children-wrap {
        width: 49.333%;
    }


    .room-sel-popup, .person-sel-popup {
        bottom: 80px;
    }

    .calendar-popup {
        bottom: 60px;
    }

    .fc .fc-multimonth {
        gap: 20px;
        flex-wrap: unset;
    }

    .fc-direction-ltr {
        padding: 0 20px;
    }

    #main .section3 .info-box {
        flex-direction: column;
        position: relative;
        left: 0;
        width: 100%;
        gap: 15px;
        padding: 0 20px 100px;
        margin-top: 200px;
    }

    #main .section3 .place_bg {
        max-width: 100%;
        position: absolute;
        z-index: -1;
    }

    #main .section3 .place_bg .img-box {
        max-width: 100%;
        padding-bottom: 600px;
    }

    #main .section3 .control-box {
        width: 100%;
        height: 100px;
        top: 20px;
        left: 0;
        bottom: 0;
        padding: 0 0 0 20px;
    }

    #main .section3 .placeSwiper .info-box .img-box {
        max-width: 100%;
        min-width: auto;
    }

    #main .section3 .control-box .btn-wrap > div {
        padding-right: 20px;
    }


}

@media screen and (max-width: 1024px){
    #main .section1 .cont-wrap {
        flex-direction: column;
        gap: 20px;
    }

    #main .section1 .deco {
        display: none;
    }

    #main .section1 .left {
        max-width: 100%;
    }

    #main .section1 .right .video-box-wrap {
        margin-top: 250px;
        left: 164px;
    }

    #main .section1 .right .front-img-box {
        padding-bottom: 800px;
        min-width: 600px;
    }

    #main .section1 .right .back-video-box {
        padding-bottom: 590px;
    }

    .about-page .section2 .img-box {
        padding-bottom: 47.334%;
    }

    .about-page .section2 .box2 .img-box {
        padding-bottom: 47.18%;
    }

    .about-page .section2 .cont > .items-center {
        align-items: flex-start;
    }

    .reservation-page .seachRoom-area {
        grid-template-columns: repeat(1, 1fr);
    }

    .reservation-page .seachRoom-area li .left {
        max-width: 286px;
        min-width: 286px;
    }

    .reservation-page .seachRoom-area .right {
        max-width: 100%;
    }

    .reservation-page .step2 table colgroup, .history-view-page table colgroup {
        display: none;
    }

    .reservation-page .step2 table, .history-view-page table {
        display:block !important;
    }

    .reservation-page .step2 table tbody, .history-view-page table tbody {
        display:block !important;
    }

    .reservation-page .step2 table tr, .history-view-page table tr {
        display: flex !important;
        width: 100%;
        flex-wrap: wrap;
    }

    .reservation-page .step2 table th, .history-view-page table th {
        display: flex !important;
        width: 110px;
        min-width: 110px;
        align-items: center;
        padding: 15px;
    }

    .reservation-page .step2 table td, .history-view-page table td {
        display: flex !important;
        align-items: center;
        width: calc(100% - 110px);
    }

    .reservation-page .step2 table td#facilityContainer {
        flex-direction: column;
        align-items: flex-start;
    }

    .facility-item + .facility-item {
        width: 100%;
        padding-top: 10px;
        border-top: 1px solid #eee;
    }

    .reservation-page .step2 table tr th + td + th, .reservation-page .step2 table tr th + td + th + td, .history-view-page table tr th + td + th, .history-view-page table tr th + td + th + td {
        border-top: 1px solid #E6E6E6;
    }

    .reservation-page .step2 table td .gap-40 {
        gap: 10px 20px;
        flex-wrap: wrap;
    }

    .reservation-page .step2 table th.mo-wid100 {
        width: 100%;
        min-width: auto;
    }

    .reservation-page .step2 table th.mo-wid100 + td {
        width: 100%;
    }

    .history-page .searchForm {
        flex-direction: column;
        height: auto;
    }

    .history-page .searchForm > div {
        width: 100%;
        padding: 15px 0;
        border-top: 1px solid rgba(238, 238, 238, 0.50);
    }

    .history-page .searchForm .calendar-popup {
        top: 55px;
        left: 50%;
        transform: translateX(-25%);
    }

    .ss-content .ss-list .ss-option {
        padding: 0 15px !important;
    }

    .searchForm > div:nth-of-type(3) .custom-slim-select.ss-main {
        padding: 0 15px !important;
    }

    .event-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 20px;
    }

    .location-page .box2 {
        margin-left: -135px;
    }
}

@media screen and (max-width: 940px){
    #main .section1 .right .video-box-wrap {
        left: 110px;
    }

    #main .section4 .location-info-wrap {
        position: relative;
        transform: none;
        padding-right: 20px;
        top: 0;
        left: 0;
        margin-top: -96px;
    }


}

@media screen and (max-width: 840px) {
    #footer .footer-info.vir > ul > li span + span, .footer-info.vir > ul > li .f-mo-block + span {
        padding-left: 0;
        display: block;
        margin-top: 7px;
    }
}

@media screen and (max-width: 772px) {
    .r-step-info {
        flex-direction: column;
        align-items: center;
        gap: 80px;
    }

    .r-step-info .circle + .circle::before {
        width: 80px;
        top: -40px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }

    .r-step-info .circle + .circle::after {
        top: -53px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }

    .r-step-info .circle.c3::before, .r-step-info .circle.c3::after {
        display: block;
    }
}

@media screen and (max-width: 768px){
	.mo {display:block;}
	.pc, .pc-flex {display: none !important;}
    .mo-flex {
        display: flex;
    }

    #sVisual .visual-inner {
        height: 50px;
        border-top: 1px solid rgba(26, 26, 26, 0.10);
        background-color: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(4px);
    }

    .visual-menu {
        bottom: 0;
    }

    #sVisual .visual-nav {
        margin-top: 0;
    }

    #sVisual .visual-nav.drop-wrap .nav-wrap .home-box a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
    }

    #sVisual .visual-nav.drop-wrap .nav-wrap {
        gap: 0;
    }

    #sVisual .visual-nav.drop-wrap .nav-wrap .nav-menu {
        width: 100%;
        height: 50px;
    }

    #sVisual .visual-nav.drop-wrap .nav-wrap .nav-menu > a {
        height: 100%;
        justify-content: space-between;
        border-left: 1px solid rgba(26, 26, 26, 0.10);
        padding: 0 20px;
        box-sizing: border-box;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 19.6px;
        letter-spacing: -0.56px;
    }

    #sVisual .visual-nav.drop-wrap .nav-wrap .nav-menu > a::before {
        display: none;
    }

    #sVisual .visual-nav.drop-wrap .nav-wrap .nav-menu > a.fc-white {
        color: #1A1A1A !important;
    }

    .reservation-page #sVisual .visual-nav.drop-wrap .nav-wrap .nav-menu > a.fc-white, .information-page #sVisual .visual-nav.drop-wrap .nav-wrap .nav-menu > a.fc-white, .history-page #sVisual .visual-nav.drop-wrap .nav-wrap .nav-menu > a.fc-white, .history-view-page #sVisual .visual-nav.drop-wrap .nav-wrap .nav-menu > a.fc-white {
        color: #fff !important;
    }

    #sVisual .visual-nav.drop-wrap .nav-wrap .nav-menu > ul {
        top: 50px;
        min-width: auto;
        padding-bottom: 0;
    }

    #sVisual .visual-nav.drop-wrap .nav-wrap .nav-menu > ul > li > a {
        height: 37px;
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 37px;
        letter-spacing: -0.24px;
    }


    .login-form {
        padding: 40px 20px;
    }

    .login-form > img {
        width: 130px;
        height: 68px;
        margin-bottom: 30px !important;
    }

    .login-page input[type='text'] {
        height: 46px;
        line-height: 46px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .ss-main {
        height: 46px !important;
        font-size: 1.4rem !important;
        letter-spacing: -0.28px !important;
        line-height: 22.4px !important;
    }

    .login-form .ipt-box.mt20 {
        margin-top: 10px !important;
    }

    .button {
        height: 44px;
        padding: 0 8px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .login-form .mt60 {
        margin-top: 30px !important;
    }

    .ss-content .ss-list .ss-option {
        height: 42px !important;
        line-height: 42px !important;
        padding: 0 15px !important;
        font-size: 1.4rem !important;
        letter-spacing: -0.28px !important;
    }

    .mobile-inner .mo-toggle {
        width: 24px;
        height: 24px;
    }

    #header .logo img, .mobile-inner .logo img {
        width: 69px;
        height: 36px;
    }

    .mobile-inner .inner-header, #header .header-body .header-inner, #header .header-column.hc-third, #header {
        height: 60px;
    }

    .mobile-inner .header-nav .depth1 {
        gap: 30px;
        justify-content: center;
    }

    .mobile-inner .header-nav .depth2 > li {
        display: block;
        height: auto;
    }

    .mobile-inner .header-nav .depth1 > li > a {
        font-size: 3.2rem;
        line-height: 38.4px;
        transition: none;
    }

    .mobile-inner .header-nav .depth2 > li > a {
        height: auto;
        font-size: 1.6rem;
        line-height: 19.2px;
    }

    .mobile-inner .btnSet a {
        width: 100%;
        height: 50px;
        font-size: 1.6rem;
        justify-content: center;
        gap: 8px;
        background-image: none;
    }

    .mobile-inner .header-row {
        height: calc(100% - 130px);
        margin-top: 60px;
    }

    .mobile-inner .header-nav .depth2 > li + li {
        margin-left: 0;
        margin-top: 15px;
    }

    .mobile-inner .header-nav .depth1 > li {
        height: auto;
    }

    .mobile-inner .cont {
        justify-content: space-between;
        flex-direction: column;
        height: 100%;
    }

    .mobile-inner .header-nav .depth1 > li > ul {
        height: auto;
        position: static;
    }

    .mobile-inner .cont .btnSet {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px);
    }

    .swiper-pagination {
        bottom: 30px !important;
    }

    .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        margin: 0 3.2px !important;
    }

    .form-inner {
        bottom: 100px;
    }

    #mVisual .searchWrap .bookkMyungjo {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    #mVisual .searchWrap p {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }

    .date-wrap {
        gap: 40px;
    }

    .date-wrap .line {
        width: 44px;
        min-width: 44px;
    }

    #mVisual .searchWrap button[type="submit"] {
        font-size: 1.6rem;
        gap: 6px;
    }

    #mVisual .searchWrap button[type="submit"] img {
        width: 22px;
        height: 22px;
    }

    .room-sel-popup {
        min-width: 160px;
    }

    .room-sel-popup ul {
        padding: 0 20px;
    }

    .room-sel-popup ul li {
        padding: 15px 0;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }

    .person-sel-popup .p-wrap {
        padding: 20px 20px 0;
    }

    .person-sel-popup .p-wrap > .flex-box + .flex-box {
        padding: 15px 0 20px 0;
        margin-top: 15px;
    }

    .person-sel-popup span, .reservation-page .info-right .p-wrap span {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }

    input[type='text'].quantity-num {
        font-size: 1.7rem;
    }

    .person-sel-popup .btnBox, .calendar-popup .btnBox {
        padding: 15px 0;
    }

    .calendar-btnBox #calPrev, .calendar-btnBox #calNext, .reservation-page .calendar-btnBox #calPrev, .reservation-page .calendar-btnBox #calNext, .searchForm .calendar-popup .calendar-btnBox #calPrev, .searchForm .calendar-popup .calendar-btnBox #calNext {
        top: 13px;
        width: 32px;
        height: 32px;
        background-size: 22.691px;
    }

    .calendar-popup {
        padding-top: 20px;
    }

    .fc .fc-multimonth-title, .reservation-page .fc .fc-multimonth-title, .history-page .fc .fc-multimonth-title {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
    }

    .fc .fc-multimonth-header-table .fc-scrollgrid-sync-inner, .reservation-page .fc .fc-multimonth-header-table .fc-scrollgrid-sync-inner, .history-page .fc .fc-multimonth-header-table .fc-scrollgrid-sync-inner {
        padding-top: 33.06px;
        padding-bottom: 13.06px;
    }

    .fc .fc-col-header-cell-cushion, .reservation-page .fc .fc-col-header-cell-cushion, .history-page .fc .fc-col-header-cell-cushion {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .fc .fc-daygrid-day-number, .reservation-page .fc .fc-daygrid-day-number, .history-page .fc .fc-daygrid-day-number {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .fc-theme-standard td, .reservation-page .fc-theme-standard td, .history-page .fc-theme-standard td {
        height: 40px;
    }

    .fc .fc-daygrid-day-frame, .reservation-page .fc .fc-daygrid-day-frame, .history-page .fc .fc-daygrid-day-frame {
        height: 40px;
        min-height: 40px;
    }

    .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
        width: 29.602px;
        height: 29.602px;
    }

    .fc-daygrid-day.inRange .fc-scrollgrid-sync-inner {
        height: 29.5px;
    }

    .reservation-page .fc-daygrid-day.inRange .fc-scrollgrid-sync-inner, .history-page .fc-daygrid-day.inRange .fc-scrollgrid-sync-inner {
        height: 29px;
    }

    .calender-wrap {
        margin-bottom: 20px;
    }

    .startDate {
        &::after {
            height: 29.5px !important;
        }
    }

    .endDate {
        &::after {
            height: 29.5px !important;
        }
    }

    .startDate .fc-daygrid-day-top, .endDate .fc-daygrid-day-top, .reservation-page .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number, .reservation-page .startDate .fc-daygrid-day-top, .reservation-page .endDate .fc-daygrid-day-top, .history-page .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number, .history-page .startDate .fc-daygrid-day-top, .history-page .endDate .fc-daygrid-day-top {
        width: 29.602px;
        height: 29.602px;
    }

    .small-modal .popup-inner {
        min-height: 150px;
        padding: 15px;
    }

    .small-modal .popup-inner .txt-box {
        font-size: 1.4rem;
        line-height: 24px;
    }

    .small-modal .popup-inner .btn {
        height: 36px;
        font-size: 1.2rem;
    }

    #main .section h3 {
        font-size: 2.6rem;
        line-height: 39px;
        letter-spacing: -1.3px;
    }

    #main .section .cont-txt {
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    #main .section1 .cont-txt {
        margin-top: 20px;
    }

    #main .section.section1 .section-body {
        padding: 60px 0 100px 20px;
    }

    #main .section1 .right .video-box-wrap {
        left: 0;
        float: unset;
        position: absolute;
        bottom: -240px;
    }

    .front-img-box-wrap {
        padding-left: 110.67px;
    }

    #main .section1 .right .front-img-box {
        max-width: 600px;
        min-width: auto;
    }

    #main .section1 .left {
        padding-right: 20px;
    }

    .block768 {
        display: block;
    }

    .none768 {
        display: none;
    }

    #main .section2 .txt-box p {
        margin-bottom: 2px;
        font-size: 1.2rem;
        line-height: 19.2px;
        letter-spacing: -0.24px;
    }

    #main .section2 .txt-box em {
        font-size: 1.8rem;
        line-height: 28.8px;
        letter-spacing: -0.9px;
    }

    #main .section2 .img-wrap2 {
        margin-top: 10px;
        margin-bottom: 60px;
    }

    #main .section3 .info-box {
        padding: 0 20px 30px;
        margin-top: 148px;
    }

    #main .section3 .txt-box h3 + p {
        margin-top: 5px;
        margin-bottom: 15px;
        font-size: 1.4rem;
        line-height: 25.2px;
        letter-spacing: -0.28px;
    }

    #main .section3 .txt-box > .flex-box p, #main .section3 .txt-box > .flex-box a {
        font-size: 1.3rem;
        line-height: 23.4px;
        letter-spacing: -0.26px;
    }

    #main .section3 .txt-box > .flex-box img {
        width: 16px;
        height: 16px;
        top: 3px;
    }

    #main .section3 .txt-box > .flex-box + .flex-box {
        margin-top: 2px;
    }

    #main .section3 .control-box .btn-wrap > div {
        gap: 8px;
    }

    .placeSwiper-button-next, .placeSwiper-button-prev {
        width: 28px;
        height: 28px;
        background-size: 18.667px;
    }

    #main .section3 .control-box p {
        font-size: 1.8rem;
        line-height: 32.4px;
    }

    #main .section3 .control-box .btn-wrap {
        padding-bottom: 12px;
    }

    .placeSwiper-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .dot {
        width: 6px;
        height: 6px;
    }

    #main .section3 .placeSwiper .img-box {
        padding-bottom: 62%;
        border-radius: 0 77.605px;
    }

    .placeSwiper-swiper-pagination {
        padding-right: 20px;
        justify-content: flex-start;
        overflow-x: scroll;
        overflow-y: visible;
        height: 75px;
    }

    .placeSwiper-swiper-pagination::-webkit-scrollbar {
        display: none;
    }

    #main .section4 .location-info {
        padding: 40px 20px;
    }

    #main .section4 h3 {
        margin-bottom: 30px;
    }

    #main .section4 span {
        font-size: 1.2rem;
        line-height: 19.2px;
    }

    #main .section4 p {
        font-size: 1.4rem;
        line-height: 22.4px;
    }

    #main .section4 span.mt40 {
        margin-top: 20px !important;
    }

    #main .section4 #map {
        height: 515px;
    }

    #main .section6 .bookkMyungjo {
        font-size: 1.8rem;
        line-height: 18px;
        letter-spacing: -0.9px;
    }

    #main .section6 .cinzel {
        margin-top: 8px;
        font-size: 2.2rem;
        line-height: 22px;
    }

    #main .section6 .line {
        height: 30px;
        margin: 15px 0;
    }

    #main .section6 .resv-btn {
        width: 107px;
        height: 42px;
        font-size: 1.4rem;
        background-position: left 19px center;
    }

    .resv-btn {
        background-size: 18px;
    }

    #main .section6 p.fs24 {
        margin-top: 15px;
        font-size: 1.2rem;
        line-height: 24px;
        letter-spacing: -0.24px;
    }

    #main .section6 p.fs16 {
        margin-top: 5px;
        font-size: 1rem;
        line-height: 20px;
        letter-spacing: -0.3px;
    }

    #main .section6 .btnBox a {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    #main .section6 .btnBox {
        gap: 5px !important;
    }

    #main .section6 .copy-txt {
        bottom: 20px;
        font-size: 1rem;
        line-height: 20px;
        letter-spacing: -0.2px;
        width: 100%;
        text-align: center;
    }

    #main .section6.section .section-body .cont-wrap {
        height: auto;
        padding-bottom: 130px;
    }

    .popup .popup-inner {
        padding: 20px;
    }

    .popup .popup-title h2 {
        font-size: 2rem;
    }

    .popup .popup-cont .text-box {
        margin-top: 15px;
        font-size: 1.4rem;
        line-height: 19.2px;
        letter-spacing: -0.24px;
    }

    #footer .foot-menu a {
        font-size: 1.4rem;
        line-height: 16.8px;
    }

    #footer .foot-menu {
        gap: 17.67px;
    }

    #footer .foot-top {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    #footer .footer-info > ul > li + li, #footer .footer-info.vir > ul > li span + span, .footer-info.vir > ul > li .f-mo-block + span {
        margin-top: 10px;
    }

    #footer .footer-info.vir > ul > li {
        line-height: 12px;
    }

    .quick {
        right: 20px;
        bottom: 20px;
    }

    .quick a {
        width: 60px;
        height: 60px;
        padding-top: 18px;
        font-size: 1rem;
        line-height: 16px;
        letter-spacing: -0.2px;
        background-position: top 10.5px center;
    }

    .quick .resv-btn, .quick .inquiry-btn {
        background-size: 16px;
    }

    #footer .button {
        height: 31px;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    #footer .footer-info.vir {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 30px;
    }

    #footer .foot_logo a {
        width: 138px;
        height: 22px;
        display: block;
    }

    #footer .btnBox.gap-20 {
        align-items: center;
        gap: 10px 34px !important;
        flex-wrap: wrap;
    }

    #sVisual .visual-txt .txt-wrap .txt-box h2 {
        font-size: 3rem;
        line-height: 36px;
        margin-bottom: 15px;
    }

    #sVisual.position-visual .visual-inner.position-rel .inner-ab {
        padding-bottom: 600px;
    }

    #sub .tit-box h3 {
        font-size: 2.2rem;
        line-height: 33px;
        letter-spacing: -1.1px;
    }

    #sub .tit-box.mb80 {
        margin-bottom: 30px !important;
    }

    #sub .section .section-body, .default-area, .p0-page .tit-box {
        padding: 60px 20px;
    }

    .surrounding-page .tit-box {
        padding: 0;
        margin-bottom: 30px;
    }

    .about-page .flex.mt60 {
        margin-top: 20px !important;
    }

    .about-page .flex.mt60 > img {
        width: 110px;
        height: 58px;
    }

    .about-page .section1 .img-box {
        padding-bottom: 252px;
        border-radius: 100px 0;
    }

    .about-page .mt140 {
        margin-top: 60px !important;
    }

    .about-page .section2 .section-body::before, .about-page .section2::after {
        display: none;
    }

    .about-page .section2::before {
        width: 142px;
        height: 83px;
        background-size: 142px 83px;
        top: -9px;
        right: -31px;
    }

    .about-page .section2 .mb30.mt5 {
        margin-top: 2px !important;
        margin-bottom: 15px !important;
    }

    .about-page .section2 .img-box, .about-page .section2 .box2 .img-box {
        padding-bottom: 72%;
    }

    .about-page .resv-btn {
        width: 107px;
        height: 42px;
        padding: 0 0 0 42px;
        background-position: left 16px center;
    }

    .location-page #map {
        height: 420px;
    }

    .location-page .circle {
        width: 110px;
        min-width: 110px;
        height: 110px;
    }

    .location-page .circle b {
        margin-top: 5px;
    }

    .location-page .green-dot {
        top: 9px;
    }

    .location-page p + p {
        margin-top: 3px;
    }

    #sub .tit-box .sub-tit {
        margin-top: 15px !important;
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .tr-info {
        padding: 40px 20px 60px;
    }

    .tr-info .right {
        display: none;
    }

    .tr-info .left em {
        font-size: 2.2rem;
        line-height: 22px;
        letter-spacing: -1.1px;
        padding-bottom: 15px;
    }

    .green-dot {
        width: 6px;
        min-width: 6px;
        height: 6px;
    }

    .tr-info .mt30 {
        margin-top: 15px !important;
    }

    .tr-info dl dt {
        min-width: 78px;
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .tr-info dl dd {
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .tr-info dl > div {
        gap: 20px;
    }

    .tower-room .tr-info, .private-room .tr-info {
        padding: 40px 20px 38px;
    }

    .rooms-page .info-box {
        padding: 40px 20px;
        border-radius: 0 120px 0 0;
        max-width: 100%;
    }

    .rooms-page .info-box h4 {
        font-size: 2.6rem;
        line-height: 39px;
    }

    .rooms-page .info-box p {
        margin-top: 15px;
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .rooms-page .info-box .resv-btn {
        width: 135px;
        height: 42px;
        margin-top: 30px;
        padding: 0 16px;
        background-position: left 16px center;
    }

    .room-list .control-box {
        position: static;
        margin-top: 160px;
    }

    .room-list .control-box .control-box-inner {
        padding: 0 20px 0 0;
    }

    .rooms-page .room-list .btn-wrap {
        width: 100%;
        padding: 0 20px;
        position: absolute;
        top: 40.4px;
        z-index: 10;
        justify-content: space-between;
    }

    .rooms-page .room-list .btn-wrap .tangerine {
        font-size: 3.4rem;
        line-height: 1;
        letter-spacing: -0.68px;
    }

    .roomsSwiper-button-prev, .roomsSwiper-button-next {
        width: 63px;
        background-size: 63px 10px;
        background-image: url(/front/images/ico_line_long_arrow_left_black_70.svg);
    }

    .roomsSwiper-button-next {
        background-image: url(/front/images/ico_line_long_arrow_right_black_70.svg);
        margin-right: -2px;
    }

    .roomsSwiper-pagination {
        margin-top: 5px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .roomsSwiper .rooms-bg-img-box {
        padding-bottom: 53.335%;
    }

    .rooms-img-wrap, .room-list .private-room .rooms-img-wrap {
        top: 94.4px;
    }

    .facilities-page .default-area, .surrounding-page li.gap-120 {
        gap: 30px;
    }

    .facilities-page .left span, .surrounding-page .right span {
        font-size: 2.2rem;
        letter-spacing: -1.1px;
    }

    .facilities-page .left h4, .surrounding-page .right h4 {
        font-size: 1.6rem;
        line-height: 25.6px;
        letter-spacing: -0.32px;
    }

    .facilities-page .table-style1, .surrounding-page .table-style1 {
        margin-top: 15px !important;
    }

    .table-style1 th, .table-style1 td {
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .facilities-page .table-style1 colgroup col:first-child, .surrounding-page .table-style1 colgroup col:first-child {
        width: 110px !important;
    }

    .green-tag {
        height: 29px;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .surrounding-page .default-area ul li + li {
        margin-top: 80px;
    }

    .facilities-page .left span::after, .surrounding-page .right span::after {
        height: 14px;
    }

    .surrounding-page .tab-box .box span {
        margin-top: 5px;
        font-size: 1.2rem;
        line-height: 19.2px;
        letter-spacing: -0.24px;
        white-space: nowrap;
    }

    .surrounding-page .tab-box .box img {
        width: 32px;
        height: 32px;
    }

    .surrounding-page .tab-box {
        gap: 10px;
    }

    .surrounding-page .tab-box .img-box {
        padding-bottom: 100%;
    }

    .table-style1 th {
        padding: 10px 20px;
    }

    .reservation-page form.gap-80 {
        margin-top: 30px !important;
        gap: 20px;
    }

    .reservation-page .calender-area {
        padding: 20px;
    }

    .reservation-page .fc .fc-multimonth-month, .history-page .fc .fc-multimonth-month {
        max-width: 100% !important;
    }

    .reservation-page .info-right {
        padding: 20px;
    }

    .reservation-page .date-wrap span, .reservation-page .rooms-wrap span, .reservation-page .step2 em {
        font-size: 1.5rem;
        line-height: 19px;
    }

    .reservation-page .date-wrap span {
        text-align: center;
    }

    .reservation-page .date-wrap .days {
        height: 29px;
        padding: 0 12px;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .reservation-page .date-wrap span + span {
        min-height: 19px;
    }

    .reservation-page .date-wrap .min100 {
        min-width: 65px;
    }

    .reservation-page .date-wrap .min100 img {
        width: 40px;
    }

    .reservation-page .step1 .date-wrap {
        height: auto;
        gap: 20px;
    }

    .reservation-page .p-wrap {
        padding-top: 24px;
        margin-top: 24px;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    .reservation-page .button3 {
        margin-top: 24px;
    }

    .person-sel-popup p, .reservation-page .info-right .p-wrap p {
        font-size: 1.5rem;
        line-height: 19px;
    }

    .reservation-page .seachRoom-area {
        margin-top: 60px !important;
    }

    .reservation-page .seachRoom-area li {
        flex-direction: column-reverse;
    }

    .reservation-page .seachRoom-area .right .img-box {
        padding-bottom: 62.575%;
    }

    .reservation-page .seachRoom-area li .left {
        max-width: 100%;
        min-width: auto;
        padding: 20px;
    }

    .reservation-page .seachRoom-area li .left h4 {
        font-size: 2.2rem;
        line-height: 33px;
    }

    .reservation-page .seachRoom-area li .left p {
        margin-top: 5px;
    }

    .reservation-page .seachRoom-area li .left a {
        margin-top: 20px;
    }

    .reservation-page .seachRoom-area .button3 {
        margin-top: 15px;
        max-width: 100%;
    }

    .reservation-page .fc-direction-ltr {
        padding: 0;
    }

    .reservation-page .step2 table th {
        padding: 10px 15px;
    }

    .check-box > input[type="checkbox"] ~ label {
        padding-left: 29px;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }

    .check-box > input[type="checkbox"] ~ label:before {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        background-size: 10px 8px;
    }

    .radio-box > input[type="radio"] ~ label {
        padding-left: 27px;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }

    .radio-box > input[type="radio"] ~ label:before {
        width: 20px;
        height: 20px;
        margin-top: -10px;
    }

    .radio-box > input[type="radio"] ~ label:after {
        width: 10px;
        height: 10px;
        margin-top: -5px;
        left: 5px;
    }

    textarea {
        min-height: 98px;
    }

    .reservation-page .birthday {
        flex-direction: column;
    }

    .btnSet.mt40 {
        margin-top: 30px !important;
    }

    .reservation-page .step2 .table-style1.mt60 {
        margin-top: 30px !important;
    }

    .r-step-info .circle {
        width: 230px;
        padding-bottom: 230px;
    }

    .r-step-info .circle .txt-box {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .r-step-info .circle .txt-box em {
        margin-top: 15px;
        font-size: 2rem;
        line-height: 32px;
        letter-spacing: -0.4px;
    }

    .r-step-info .circle .txt-box span, .information-page .section2 .r-step-info .circle .txt-box span {
        font-size: 2.2rem;
        line-height: 39.6px;
        letter-spacing: -0.44px;
    }

    .information-page .section2 .r-step-info .circle .txt-box span {
        margin-top: 15px;
    }

    .information-page .section2 .r-step-info .circle .txt-box p {
        font-size: 1.6rem;
        line-height: 25.6px;
        letter-spacing: -0.32px;
    }

    .r-step-info .circle .txt-box p {
        margin-top: 0;
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .information-page .detail-box {
        padding: 20px;
        margin-top: 30px;
    }

    .information-page .detail-box h4 {
        font-size: 1.6rem;
        line-height: 25.6px;
        letter-spacing: -0.32px;
    }

    .information-page .detail-box p {
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .table-style2.mt60 {
        margin-top: 30px !important;
    }

    .table-style2 th {
        height: 60px;
        font-size: 1.5rem;
        line-height: 24px;
        letter-spacing: -0.75px;
    }

    .table-style2 td {
        padding: 0 10px;
        height: 60px;
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .information-page .section3 .table-style2 span {
        width: 40px;
        height: 40px;
        font-size: 1.4rem;
        line-height: 25.2px;
        letter-spacing: -0.28px;
    }

    .information-page#sub .section3 .section-body {
        padding: 60px 0;
    }

    .information-page .table-scroll-wrap {
        padding-bottom: 15px;
    }

    .information-page .table-scroll-wrap table{
        min-width: 450px;
    }

    .information-page .section3 .table-style2 tr th:nth-child(1), .information-page .section3 .table-style2 tr th:nth-child(3) {
        width: 110px;
        min-width: 110px;
    }

    .information-page .section3 .table-scroll-wrap::-webkit-scrollbar {
        display: none;
    }

    .information-page .section3 .tit-box {
        padding: 0 20px;
    }

    .information-page .contact-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .information-page .contact-list li {
        gap: 10px;
    }

    .information-page .contact-list li span {
        height: 32px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .information-page .contact-list li em {
        font-size: 1.8rem;
        line-height: 28.8px;
        letter-spacing: -0.36px;
    }

    .history-page#sub .section .section-body {
        padding: 60px 0;
    }

    .searchForm > div:nth-of-type(3) span {
        font-size: 1.5rem;
        line-height: 24px;
        letter-spacing: -0.3px;
    }

    .history-page .searchForm > div.box3 {
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
    }

    .history-page .searchForm .date-wrap span {
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .page-total {
        margin-bottom: 10px !important;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }

    .history-page .searchForm {
        margin-bottom: 40px !important;
    }

    .history-page .table-style2 th {
        height: 40px;
        font-size: 1.3rem;
        line-height: 20.8px;
        letter-spacing: -0.65px;
    }

    .history-page .searchForm .calendar-popup {
        left: 0;
        transform: none;
    }

    .history-page .searchForm .calendar-popup .calender-wrap {
        max-width: 100%;
        padding-bottom: 20px;
    }

    .st-tag {
        width: 55px;
        min-width: 55px;
        height: 34px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .r-tag {
        width: 47px;
        height: 37px;
        font-size: 1.3rem;
        letter-spacing: -0.65px;
    }

    .pagenate {
        margin-top: 40px !important;
    }

    .pagenate ul li a {
        width: 42px;
        height: 42px;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        background-size: 28px !important;
    }

    .pagenate ul li a.mr30 {
        margin-right: 28px !important;
    }

    .pagenate ul li a.ml30 {
        margin-left: 28px !important;
    }

    .history-page .searchForm .date-wrap p {
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .history-page .searchForm .date-wrap .ico-cal {
        width: 16px;
        height: 16px;
    }

    .history-view-page table {
        margin-top: 30px !important;
    }

    .button.max180 {
        max-width: 130px;
    }

    .mo-chg-table thead {
        display: none;
    }

   .pc-colgroup {
        display: none;
    }

    .mo-colgroup {
        display: table-column-group;
    }

    .notice-page .mo-chg-table tbody tr td:nth-child(3), .notice-page .mo-chg-table tbody tr td:nth-child(4), .inquiry-page .mo-chg-table tbody tr td:nth-child(3) {
        display: none;
    }

    .mo-chg-table .mo {
        text-align: left;
    }

    .mo-chg-table .mo span, .mo-chg-table .mo-flex span {
        display: block;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 21.6px;
        letter-spacing: -0.24px;
        color: #777;
    }

    .mo-chg-table .mo span + span, .mo-chg-table .mo-flex span + span {
        position: relative;
    }

    .mo-chg-table .mo span + span::before, .mo-chg-table .mo-flex span + span::before {
        content: '';
        position: absolute;
        left: -10px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 10px;
        background-color: #eee;
    }

    .ico-top {
        width: 20px;
        height: 20px;
    }

    .new {
        width: 18px;
        min-width: 18px;
        height: 18px;
        font-size: 0.8rem;
    }

    .tit-box.mb40 {
        margin-bottom: 30px !important;
    }

    .view-box .post-info-box p {
        gap: 21px;
        font-size: 1.3rem;
        line-height: 20.8px;
        letter-spacing: -0.26px;
    }

    .view-box .post-info-box p span {
        font-size: 1.4rem;
        line-height: 25.2px;
        letter-spacing: -0.28px;
    }

    .view-box .post-info-box p span::before {
        left: -11px;
    }

    .view-box .post-info-box {
        padding: 15px 0;
    }

    .view-box .cont-box {
        padding: 30px 0;
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .btnSet.mt40 {
        margin-top: 30px !important;
    }

    .button.prev {
        padding: 0 20px 0 15px;
        max-width: 100px;
        background-size: 18px;
        background-position: left 15px center;
    }

    .button.next {
        padding: 0 15px 0 20px;
        max-width: 100px;
        background-size: 18px;
        background-position: right 15px center;
    }

    .prev-wrap, .next-wrap {
        min-width: 100px;
    }

    .view-box .post-info-box {
        justify-content: space-between;
    }

    .notice-view-page .view-box .post-info-box, .event-view-page .view-box .post-info-box {
        justify-content: flex-end;
    }

    .event-list li .title-wrap {
        margin-top: 10px !important;
        font-size: 1.4rem;
        line-height: 22.4px;
        letter-spacing: -0.28px;
    }

    .event-list li span:not(.new) {
        font-size: 1.2rem;
        line-height: 19.2px;
        letter-spacing: -0.24px;
    }

    .community-view-page#sub .tit-box {
        text-align: left;
        margin-bottom: 20px !important;
    }

    .inquiry-view-page .btnSet {
        justify-content: center;
    }

    .inquiry-view-page .ed-box a {
        padding: 0 16px;
        max-width: 110px;
        background-size: 18px;
        background-position: left 16px center;
    }

    .inquiry-insert-page table colgroup {
        display: none;
    }

    .inquiry-insert-page table {
        display:block !important;
    }

    .inquiry-insert-page table tbody {
        display:block !important;
    }

    .inquiry-insert-page table tr {
        display: flex !important;
        width: 100%;
        flex-wrap: wrap;
    }

    .inquiry-insert-page table th {
        display: flex !important;
        width: 100%;
        align-items: center;
        padding: 0 20px;
        height: 42px;
    }

    .inquiry-insert-page table td {
        display: flex !important;
        align-items: center;
        width: 100%;
    }

    .file-cont-wrap {
        width: 100%;
        flex-direction: column;
    }

    .inquiry-insert-page textarea {
        min-height: 198px;
    }

    .file-select-box label {
        width: 105px;
        height: 42px;
        padding: 0 15px;
        background-size: 18px;
        background-position: left 15px center;
    }

    .upload-file-box {
        flex-direction: column;
        height: auto;
        min-height: 46px;
        align-items: flex-start;
        gap: 10px;
        padding: 10px 15px;
    }

    #main .section5 p {
        margin-top: 15px;
        font-size: 1.6rem;
        line-height: 25.6px;
    }

    #main .section5 span.flex {
        width: 201px;
        height: 120px;
    }

    #main .section5 .cont-wrap > span img {
        width: 201px;
    }

    #osuite-card-ul {
        overflow: hidden;
    }

    #main .section5 li {
        width: 100%;
        height: 100%;
        margin-top: 0 !important;
        position: relative;
    }

    #main .section5 li:nth-of-type(2) {
        z-index: 2;
        position: absolute;
        top: 100%;
    }

    #main .section5 li:nth-of-type(3) {
        z-index: 3;
        position: absolute;
        top: 100%;
    }

    #main .section5 li:nth-of-type(4) {
        z-index: 4;
        position: absolute;
        top: 100%;
    }

    #main .section5 li:nth-of-type(5) {
        z-index: 5;
        position: absolute;
        top: 100%;
    }

    #main .section5 .img-box span {
        font-size: 16rem;
    }

    #main .section5.section .section-body {
        padding: 60px 20px;
    }

    #main .section5 .img-box {
        padding-bottom: 137.145%;
    }

    .enter-box {
        position: static;
    }

    .location-page .box2 {
        margin-left: -109px;
    }

}

@media screen and (max-width: 640px){
    .room-list .control-box {
        margin-top: 149px;
    }
}

@media screen and (max-width: 560px){
    .room-list .control-box {
        margin-top: 141px;
    }
}

@media screen and (max-width: 480px){
    .person-area.p-relative {
        position: static;
    }

    .person-sel-popup {
        bottom: 140px;
    }

    #main .section.section1 .section-body {
        padding: 60px 0 75.77px 20px;
    }

    .front-img-box-wrap {
        padding-left: 90.67px;
    }

    #main .section1 .right .video-box-wrap {
        bottom: -107px;
    }

    #main .section1 .right .front-img-box {
        max-width: 479.33px;
        padding-bottom: 384.231px;
        border-radius: 200px 0 150px 0;
    }

    #main .section1 .right .back-video-box {
        min-width: auto;
        max-width: 130.11px;
        padding-bottom: 292.747px;
    }

    #main .section2 .img-wrap {
        padding-bottom: 120px;
    }

    #sVisual.position-visual .visual-inner.position-rel .inner-ab {
        padding-bottom: 300px;
    }

    .room-list .control-box {
        margin-top: 134px;
    }

    .event-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

@media screen and (max-width: 470px){
    .information-page .section3 .table-scroll-wrap::-webkit-scrollbar {
        display: block;
    }
}

@media screen and (max-width: 390px){
    .room-list .control-box {
        margin-top: 125.4px;
    }

    .notice-view-page .button.prev span, .notice-view-page .button.next span, .event-view-page .button.prev span, .event-view-page .button.next span {
        display: none;
    }

    .button.prev, .button.next {
        width: 44px !important;
        padding: 0;
        background-position: center;
    }

    .prev-wrap, .next-wrap {
        min-width: auto;
    }

    .location-page .cont-wrap > .items-center {
        align-items: flex-start;
    }

    .location-page .circle {
        margin: 0 auto;
    }

    .location-page .box2 {
        margin-left: 0;
    }
}

@media screen and (max-width: 389px){
    .pagenate ul li a.mr30 {
        margin-right: 0 !important;
    }

    .pagenate ul li a.ml30 {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 387px){
    #footer .foot-menu {
        flex-wrap: wrap;
        gap: 10px 17.67px;
    }

    #footer .foot-menu li {
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 380px){
    .date-wrap {
        padding: 0 20px;
        gap: 20px;
    }

    .date-wrap .line {
        width: 24px;
        min-width: 24px;
    }

    .reservation-page .step1 .date-wrap {
        flex-wrap: wrap;
    }

    .reservation-page .step1 .date-wrap .max123 {
        max-width: 100%;
    }

    .reservation-page .step2 .enter-box .date-wrap {
        flex-direction: column;
    }

    .history-page .searchForm .date-wrap {
        flex-direction: column;
    }

    .history-page .searchForm .date-wrap span:nth-child(2) {
        display: none;
    }

    .history-page .searchForm .calendar-popup {
        top: 90px;
    }

}

@media screen and (max-width: 375px){
    .block375 {
        display: block;
    }
}

@media screen and (max-width: 360px){
    .block360 {
        display: block;
    }
}

@media screen and (max-width: 356px){
    .none356 {
        display: none;
    }
}

@media screen and (max-width: 340px){
    .information-page .contact-list li span {
        height: auto;
        min-height: 32px;
        word-break: break-all;
        text-align: center;
        padding: 5px 15px;
        line-height: 16px;
    }
}

@media screen and (max-width: 325px){
    .none325 {
        display: none;
    }
}