@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* .smooth-scroll-container{overflow: hidden !important;} */
html,
body {
    width: 100%;
    position: relative;
    font-family: 'YiSunShin', sans-serif;
    color: #272727;
    background-color: #f1edeb;
}
/* body{background-color: #dcdcdc;} */
main {
    position: relative;
    z-index: 1;
}
.iframe-has-html.has-scroll-smooth body,
.iframe-has-html.has-scroll-smooth {
    height: auto;
    overflow: initial !important;
}
/* .iframe-has-html.has-scroll-smooth{overflow: inherit !important;} */
section {
    position: relative;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
    color: white;
}
table {
    outline: 0px;
    border-spacing: 0px;
}
figure {
    position: relative;
}
a,
button,
input {
    box-shadow: none;
    border: 0;
    background-color: transparent;
}
button,
i {
    color: #1d1d1d;
}
.swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f1edeb;
    width: auto;
    height: auto;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: none !important;
}
.swiper-button-prev,
.swiper-button-next {
    position: relative;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background: none;
}
.italy {
    font-style: italic;
}
.dash-list li {
    position: relative;
    padding-left: 0.6em;
}
.dash-list li::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '-';
}

.dot-list li {
    position: relative;
    padding-left: 0.6em;
}
.dot-list li::after {
    content: '';
    display: block;
    position: absolute;
    top: 0.7em;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #202020;
}

.onepage-content {
    height: 100vh;
}

.m-br {
    display: none;
}

/*메인인트로*/
/* 메인인트로 */
.main-intro {
    background-color: #3b4931;
    width: 100%;
    height: 100vh;
    position: fixed;
    opacity: 1;
    z-index: 35;
    transition: 1.2s;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.main-intro.hide {
    opacity: 0;
    pointer-events: none;
}
.main-intro .intro-logo {
    width: 200px;
    height: 200px;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 0.7s;
    opacity: 0;
}
.main-intro.active .intro-logo {
    opacity: 1;
}

.main-intro .intro-text {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: white;
}
.main-intro .intro-text1 {
    font-size: 32px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.main-intro .intro-text2 {
    font-size: 24px;
}
.main-intro .intro-text h2 {
    position: relative;
    font-weight: 400;
}
.main-intro .intro-text h5 {
    position: relative;
    font-weight: 300;
}
.main-intro .intro-text .white-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #bacecc;
    transition: 1.4s;
}

.main-intro.active .intro-text1 .white-box {
    transition-delay: 0.2s;
}
.main-intro.active .intro-text2 .white-box {
    transition-delay: 0.4s;
}
.main-intro.active .intro-text .white-box {
    transform: translateX(100%);
}

/*헤더*/
.hd {
    position: fixed;
    top: 0;
    z-index: 30;
    width: 100%;
    transition: 0.8s;
    pointer-events: none;
}
.hd .hd-fixed-wrap {
    padding-top: 75px;
    position: relative;
    z-index: 5;
    pointer-events: none;
    transition: 0.8s;
}
.hd .hd-fixed-wrap .logo {
    width: 150px;
    transition: 0.8s;
    position: relative;
    pointer-events: all;
}
.hd .hd-fixed-wrap .logo img {
    display: block;
    width: 100%;
    transition: 0.8s;
}
.hd .hd-fixed-wrap .logo img.white-logo {
    position: absolute;
    top: 0;
    opacity: 0;
}

.main-html .hd.fixed .hd-fixed-wrap .logo img.black-logo {
    opacity: 0;
}
.main-html .hd.fixed .hd-fixed-wrap .logo img.white-logo {
    opacity: 1;
}

.white-logo-body .hd .hd-fixed-wrap .logo img.white-logo {
    opacity: 1;
}
.white-logo-body .hd .hd-fixed-wrap .logo img.black-logo {
    opacity: 0;
}

/* .hd .main-menu-wrap{display: none;} */
.hd .hd-fixed-wrap .inner-con {
    display: flex;
    justify-content: space-between;
}
.hd .hd-fixed-wrap .hd-btn-wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    pointer-events: all;
}
.hd .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn {
    position: relative;
    transition: 0.8s;
    margin-left: 30px;
}
.hd .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn i {
    font-size: 32px;
    color: #313131;
    transition: 0.8s;
}
.hd .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn img {
    transition: 0.6s;
    display: block;
}
.hd .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn .white-ico {
    position: absolute;
    top: 0;
    opacity: 0;
}
.hd .hd-fixed-wrap .hd-btn-wrap .menu-btn {
    width: 50px;
    height: 50px;
    position: relative;
    display: block;
    margin-left: 30px;
}
.hd .hd-fixed-wrap .hd-btn-wrap .menu-btn .line {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #313131;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    transition: 0.6s;
}
.hd .hd-fixed-wrap .hd-btn-wrap .menu-btn .line1 {
    transform: translateY(-9px);
}
.hd .hd-fixed-wrap .hd-btn-wrap .menu-btn .line3 {
    transform: translateY(9px);
}
.hd .hd-fixed-wrap .hd-btn-wrap .tel_link {
    padding-bottom: 0;
}
.hd .hd-fixed-wrap .hd-btn-wrap .tel_link i {
    font-size: 32px;
}

.hd .main-menu-wrap {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(239, 239, 239, 0.46);
    display: flex;
    justify-content: end;
    opacity: 0;
    pointer-events: none;
    transition: 0.8s;
}
.hd .main-menu-wrap .menu-container {
    background-color: #f1edeb;
    max-width: 640px;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: start;
    padding-top: 18.51vh;
}

.hd .main-menu-wrap .logo {
    margin-bottom: 75px;
}

.hd .main-menu-wrap .menu-container .menu-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.hd .main-menu-wrap .menu-container .menu-wrap li a {
    font-size: 40px;
    font-weight: 300;
    color: #272727;
}
.hd .main-menu-wrap .menu-container .menu-wrap .menu-section > li {
    margin-bottom: 25px;
}

.hd .main-menu-wrap .menu-container .menu-wrap .sub-menu > li {
    margin-top: 15px;
}
.hd .main-menu-wrap .menu-container .menu-wrap .sub-menu a {
    font-size: 30px;
    font-weight: 300;
}

.hd .main-menu-wrap .menu-container .menu-wrap .left-menu {
    text-align: right;
    padding-right: 40px;
}
.hd .main-menu-wrap .menu-container .menu-wrap .right-menu {
    padding-left: 40px;
}

.hd .main-menu-wrap .menu-container .menu-btn-wrap {
    position: absolute;
    bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: start;
}
.hd .main-menu-wrap .menu-container .menu-btn-wrap li {
    margin: 0 10px;
}
.hd .main-menu-wrap .menu-container .menu-btn-wrap li a {
    font-size: 20px;
    font-family: 'SUIT', sans-serif;
    color: #000000;
}
.hd .main-menu-wrap .menu-container .menu-btn-wrap li img {
    width: 20px;
    margin-right: 5px;
}
.hd .main-menu-wrap .menu-container .menu-btn-wrap li i {
    margin-right: 5px;
    color: #676664;
}

.hd.click .hd-fixed-wrap .logo {
    opacity: 0.45;
    pointer-events: none;
}
.hd.click .main-menu-wrap {
    opacity: 1;
    pointer-events: all;
}
.hd.click .hd-fixed-wrap .hd-btn-wrap .menu-btn .line {
    background-color: white;
}
.hd.click .hd-fixed-wrap .hd-btn-wrap .menu-btn .line1 {
    transform: rotate(45deg);
}
.hd.click .hd-fixed-wrap .hd-btn-wrap .menu-btn .line2 {
    opacity: 0;
}
.hd.click .hd-fixed-wrap .hd-btn-wrap .menu-btn .line3 {
    transform: rotate(-45deg);
}
.hd.click .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn,
.hd.click .hd-fixed-wrap .hd-btn-wrap .tel_link {
    opacity: 0;
}
.hd.click .hd-fixed-wrap .hd-btn-wrap .hd-naver-toktok {
    opacity: 0;
}
.hd .hd-fixed-wrap .hd-btn-wrap .hd-naver-toktok {
    opacity: 1;
}
.hd .hd-fixed-wrap .hd-btn-wrap .hd-naver-toktok img {
    transition: 0.6s;
    display: block;
}

.white-logo-body .hd .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn .white-ico {
    opacity: 1;
}
.white-logo-body .hd .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn .black-ico {
    opacity: 0;
}
.white-logo-body .hd .hd-fixed-wrap .hd-btn-wrap .menu-btn .line {
    background-color: #313131;
}

.white-logo-body .hd.fixed .hd-fixed-wrap .logo img.white-logo {
    opacity: 0;
}
.white-logo-body .hd.fixed .hd-fixed-wrap .logo img.black-logo {
    opacity: 1;
}

.hd.fixed .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn i {
    color: #313131;
}
.white-logo-body .hd.fixed .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn i {
    color: #313131;
}
.white-logo-body .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn i {
    color: #313131;
}

.white-logo-body .hd.fixed .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn .white-ico {
    opacity: 0;
}
.white-logo-body .hd.fixed .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn .black-ico {
    opacity: 1;
}
.white-logo-body .hd.fixed .hd-fixed-wrap .hd-btn-wrap .menu-btn .line {
    background-color: #313131;
}

.white-logo-body .hd.click .hd-fixed-wrap .logo img.white-logo {
    opacity: 0;
}
.white-logo-body .hd.click .hd-fixed-wrap .logo img.black-logo {
    opacity: 1;
}

/*메인*/
.main-wrap .normal-scroll-container {
    height: 200vh;
    background-color: white;
}
.main-wrap .main-top-wrap {
    position: sticky;
    top: 0;
}

.main-wrap .main-top-wrap .txt-wrap {
    width: 66.667%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(0.03deg);
    top: 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    padding-bottom: 8.85vw;
    pointer-events: none;
}
.main-wrap .main-top-wrap .txt-wrap h3 {
    font-size: 30px;
    font-weight: 400;
    color: white;
    margin-bottom: 15px;
    line-height: 1.6;
}
.main-wrap .main-top-wrap .txt-wrap p {
    font-size: 16px;
    font-weight: 300;
    color: white;
    margin-bottom: 25px;
    line-height: 1.4;
    transition-delay: 0.2s;
}
.main-wrap .main-top-wrap .main-slide-wrap {
    transform: scale(0.72);
    border-radius: 70px;
    overflow: hidden;
    isolation: isolate;
}
.pc-slide {
    display: block;
}
.m-slide {
    display: none;
}
.main-wrap .main-top-wrap .main-slide-wrap .swiper-slide {
    height: 100vh;
}
.main-wrap .main-top-wrap .side-txt-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 7vw;
    z-index: 5;
    pointer-events: none;
}
.main-wrap .main-top-wrap .side-txt-wrap .side-txt {
    font-size: 16px;
    font-weight: 300;
    color: #0d0d0d;
}
.main-wrap .main-top-wrap .side-txt-wrap .left-txt {
    transform: rotate(90.03deg) translate(-50%, -100%);
    transform-origin: top left;
}
.main-wrap .main-top-wrap .side-txt-wrap .right-txt {
    transform: rotate(90.03deg) translate(50%, 100%);
    transform-origin: top right;
}
/* .slide-page-wrap {
    pointer-events: all;
    position: absolute;
    bottom: 30px;
    z-index: 10;
    display: flex;
    justify-content: center;
} */
.slide-page-wrap{pointer-events: all; display: flex; justify-content: center;}
.swiper-pagination-bullet {
    opacity: 1;
    background-color: #ffffff;
    margin-right: 10px;
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #3b4931;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
}
/* .main_video {
    margin-top: 80px;
} */

/* .main_video .main-vdo {
    height: 795px;
}
.main_video .main-movie .inner_con {
    max-width: 1450px !important;
    margin: 0 auto;
    height: 795px;
}
.main_video .main-movie .inner_con .main-slide-wrap {
    height: 100%;
}
.main_video .main-movie .inner_con .main-slide-wrap .swiper-slide {
} */

/*객실 리스트*/
.room-list-section {
    display: flex;
    overflow: hidden;
}
.room-list-section .room-img-slide-wrap {
    width: 50%;
    overflow: hidden;
}

.room-list-section .room-img-slide-wrap .swiper-slide {
    height: 100vh;
}
.room-list-section .room-img-slide-wrap .tit-wrap {
    position: absolute;
    bottom: 50px;
    left: 10.416%;
    z-index: 5;
}
.room-list-section .room-img-slide-wrap .tit-wrap h2 {
    font-size: 50px;
    font-weight: 400;
    color: #f4f2f1;
    font-family: 'YiSunShin', sans-serif;
}
.room-list-section .room-img-slide-wrap .tit-wrap h2 span {
    display: block;
    margin-bottom: 50px;
}
.room-list-section .room-img-slide-wrap .tit-wrap h2 span:last-of-type {
    transition-delay: 0.2s;
}
.room-list-section .room-info-slide-wrap {
    width: 50%;
    padding-left: 14.32%;
    display: flex;
    flex-flow: column;
    justify-content: end;
    padding-bottom: 11.2vw;
}
.room-list-section .room-info-slide-wrap .room-slide-nav {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 83%;
}
.room-list-section .room-info-slide-wrap .room-slide-nav li span {
    display: block;
}
.room-list-section .room-info-slide-wrap .room-slide-nav li .arrow-wrap {
    display: flex;
    height: 20px;
    align-items: center;
}
.room-list-section .room-info-slide-wrap .room-slide-nav li .arrow-btn {
    position: relative;
}
.room-list-section .room-info-slide-wrap .room-slide-nav li .arrow-btn i {
    font-size: 32px;
}
.room-list-section .room-info-slide-wrap .room-slide-nav li .arrow-btn .arrow {
    position: absolute;
}
.room-list-section .room-info-slide-wrap .room-slide-nav li .arrow-btn .arrow .line {
    display: block;
    width: 12px;
    height: 1px;
    background-color: #2b2b2b;
}
.room-list-section .room-info-slide-wrap .room-slide-nav li .arrow-btn .arrow .line1 {
    transform: rotate(45deg);
}
.room-list-section .room-info-slide-wrap .room-slide-nav li .arrow-btn .arrow .line2 {
    transform: rotate(-45deg);
}

.room-list-section .room-info-slide-wrap .room-slide-nav li .prev .arrow-btn .arrow {
    left: 0;
    margin-top: -0.5px;
}
.room-list-section .room-info-slide-wrap .room-slide-nav li .prev .arrow-btn .arrow .line {
    transform-origin: left center;
}
.room-list-section .room-info-slide-wrap .room-slide-nav li .next .arrow-btn .arrow {
    right: 0;
    margin-top: -0.5px;
}
.room-list-section .room-info-slide-wrap .room-slide-nav li .next .arrow-btn .arrow .line {
    transform-origin: right center;
}

.room-list-section .room-info-slide-wrap .info-slide-wrap .swiper-slide {
    background-color: transparent;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap {
    width: 150%;
    overflow: hidden;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .txt-wrap {
    color: #0d0d0d;
    transform: rotate(0.03deg);
    padding-bottom: 50px;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .txt-wrap h2 {
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 15px;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .txt-wrap h5 {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .txt-wrap p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: start;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap .img {
    width: 265px;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap .link-txt {
    font-size: 16px;
    font-weight: 300;
    color: #a5a5a5;
    margin-bottom: 20px;
    transition: 0.6s;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap .link-txt::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #a5a5a5;
    margin-top: 2px;
    transition: 0.6s;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap .room-link {
    overflow: hidden;
    display: block;
    transform: rotate(0.03deg);
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap img {
    transition: 0.6s;
    display: block;
    width: 100%;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap:hover img {
    transform: scale(1.05);
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap:hover .link-txt {
    color: #0d0d0d;
    transform: scaleX(1);
    transition: 0.8s;
}
.room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap .link-txt:hover::after {
    transform: scaleX(0);
}
/* .room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap:hover .link-txt::after{background-color: #0d0d0d;} */

/*객실 프리뷰*/
.main-wrap .con3 {
    background-color: #e8e2da;
}
.room-preview-section {
    margin: 0 auto;
    width: 61.72%;
    padding-bottom: 200px;
    padding-top: 200px;
}
.room-preview-section .swiper-wrapper {
    align-items: flex-end;
    justify-content: center;
}
.room-preview-section .swiper-slide {
    width: 33.3333%;
    height: 23.43vw;
    position: relative;
    background-color: #e8e2da;
    border-radius: 7vw;
    overflow: hidden;
    isolation: isolate;
}
.room-preview-section .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
.room-preview-section .swiper-slide .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.6s;
}
.room-preview-section .swiper-slide a:hover .img {
    transform: scale(1.05);
}
.room-preview-section .swiper-slide h3 {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    height: 0;
    left: 0;
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    margin-top: -0.4em;
}

.outtro-section {
    position: relative;
}
.outtro-section .bg {
    height: 34.26vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.outtro-section .txt {
    color: #ffffff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) skew(0.03deg);
}
.outtro-section .txt h5 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}
.outtro-section .txt p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}

/*탑 풀페이지*/
.full-info-section .swiper-slide {
    width: 100%;
    height: 100vh;
}
.full-info-section .txt-container {
    position: absolute;
    top: 50%;
    z-index: 5;
}
.full-info-section .basic-slide-wrap {
    position: relative;
}
.full-info-section .txt-container {
    width: 33.3333%;
}
.full-info-section .txt-container .tit-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    padding-top: 20px;
    padding-right: 25px;
    z-index: 5;
}
.full-info-section .txt-container .tit-wrap .plus-btn {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    margin-left: 15px;
    cursor: pointer;
}
.full-info-section .txt-container .tit-wrap .plus-btn .line {
    width: 100%;
    height: 3px;
    background-color: #f8f8f8;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transition: 0.6s;
}
.full-info-section .txt-container .tit-wrap .plus-btn .line1 {
    transform: translateY(-1.5px);
}
.full-info-section .txt-container .tit-wrap .plus-btn .line2 {
    transform: rotate(90deg) translateX(-1.5px);
}
.full-info-section .txt-container .tit-wrap h2 {
    font-size: 48px;
    font-weight: 300;
    color: #e9e9e9;
    padding-top: 35px;
    transition: 0.6s;
}
.full-info-section .txt-container .txt-wrap {
    background-color: white;
    padding-left: 55px;
    padding-top: 80px;
    padding-bottom: 60px;
    opacity: 0;
    transition: 0.6s;
    padding-right: 30px;
}
.full-info-section .txt-container .txt-wrap p {
    font-size: 16px;
    font-weight: 300;
    font-family: 'SUIT', sans-serif;
    margin-bottom: 35px;
    line-height: 1.6;
}
.full-info-section .txt-container .txt-wrap p:last-of-type {
    margin-bottom: 0;
}
.full-info-section .txt-container.on .tit-wrap h2 {
    opacity: 0;
    pointer-events: none;
}
.full-info-section .txt-container.on .tit-wrap .plus-btn .line {
    background-color: #717171;
    transform: rotate(0);
}
.full-info-section .txt-container.on .txt-wrap {
    opacity: 1;
}

.full-info-section .slide-page-wrap {
    position: absolute;
    bottom: 30px;
    z-index: 15;
    width: 100%;
}
.full-info-section .special-info-wrap .slide-page-wrap {
    opacity: 0;
    pointer-events: none;
}
.full-info-section .special-info-wrap .slide-page-wrap span {
    font-size: 24px;
    font-weight: 300;
    color: white;
}
.full-info-section .special-info-wrap .slide-page-wrap span.current {
    font-weight: 300;
}
.full-info-section .special-info-wrap.visible .slide-page-wrap {
    opacity: 1;
    pointer-events: all;
}
/*프롤로그*/

/*객실*/
.room-wrap {
    background-color: #e8e2da;
}
.room-wrap .con2 {
    overflow: hidden;
}
.room-wrap .info-container {
    min-height: 100vh;
    padding: 24vh 0 10vh;
}
.room-wrap .info-container .inner-con {
    display: flex;
    align-items: flex-start;
}
.room-wrap .info-container .img-section {
    width: 61.71%;
}
#back-btn {
    display: flex;
    align-items: flex-end;
    margin-bottom: 75px;
}
#back-btn .arrow-ico {
    display: block;
    width: 95px;
    height: 2px;
    position: relative;
    background-color: #000000;
    margin-right: 10px;
}
#back-btn .arrow-ico::before {
    content: '';
    display: block;
    width: 18px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-25deg);
    transform-origin: left;
    background-color: #000000;
}
#back-btn .txt {
    font-size: 25px;
    font-weight: 300;
    color: #000000;
}

.room-wrap .top-slide-section .m-top-img-wrap {
    display: none;
}
.room-wrap .top-slide-section .swiper-slide {
    height: 100vh;
}
.room-wrap .top-slide-section .top-txt-wrap {
    position: absolute;
    bottom: 100px;
    text-align: center;
    width: 100%;
    pointer-events: none;
    z-index: 30;
}
.room-wrap .top-slide-section .top-txt-wrap h2 {
    font-size: 52px;
    color: white;
    font-weight: 400;
}

.room-wrap .info-container .img-section #back-btn {
    float: left;
}
.room-wrap .info-container .img-section .slide-page-wrap {
    transform: rotate(0.03deg);
    margin-top: 15px;
}
.room-wrap .info-container .img-section .slide-page-wrap span {
    font-size: 18px;
    font-weight: 300;
    color: #0d0d0d;
}
.room-wrap .info-container .img-section .slide-page-wrap span.current {
    font-weight: 400;
}
.room-wrap .info-container .img-section .slide-page-wrap span.slash {
    margin: 0 7px;
}

.room-wrap .info-container li {
    transform: rotate(0.03deg);
}
.room-wrap .info-container .img-section .img-wrap .room-slide-wrap .swiper-slide {
    height: 56.48vh;
}
.room-wrap .info-container .txt-section {
    width: 38.29%;
    color: #0d0d0d;
    text-align: right;
    display: flex;
    flex-flow: column;
    justify-content: start;
    align-items: flex-end;
}
.room-wrap .info-container .txt-section .tit {
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 60px;
}
.room-wrap .info-container .txt-section .info-list {
    overflow: hidden;
    transition: 0.6s;
}
.room-wrap .info-container .txt-section .info-list {
    margin-top: -2px;
}
.room-wrap .info-container .txt-section .info-list:first-child {
    margin-top: 0;
}
.room-wrap .info-container .txt-section .list-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.room-wrap .info-container .txt-section .list-tit .plus-ico {
    width: 12px;
    height: 12px;
    position: relative;
    display: block;
}
.room-wrap .info-container .txt-section .list-tit .plus-ico::after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #474644;
    position: absolute;
    top: 50%;
    left: 0;
    transition: 0.6s;
}
.room-wrap .info-container .txt-section .list-tit .plus-ico::before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #474644;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(90deg);
    transition: 0.6s;
}
.room-wrap .info-container .txt-section .list-txt {
    padding-top: 25px;
    padding-bottom: 25px;
}
.room-wrap .info-container .txt-section .list-txt p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
}
.room-wrap .info-container .info-list-wrap {
    width: 79.1%;
}
.room-wrap .info-container .info-list-wrap .list-tit {
    padding: 25px 20px;
    font-size: 18px;
    font-weight: 400;
    border: 2px solid #73706d;
    border-width: 2px 0 2px 0;
}

.room-wrap .info-container .txt-section .info-list.on .list-tit .plus-ico::before {
    transform: rotate(0);
}
.room-wrap + .ft .ft-outtro-section {
}

/*스페셜*/
.special-wrap .special-list-wrap {
    display: flex;
    align-items: center;
    justify-content: start;
    height: 100vh;
}
.special-wrap .special-list-wrap .tit-wrap {
    width: 34.375%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.special-wrap .special-list-wrap .tit-wrap h2 {
    font-size: 64px;
    font-weight: 400;
    color: #1a1a1a;
}
.special-wrap .special-list-wrap .tit-wrap h2 span {
    display: block;
}
.special-wrap .special-list-wrap .special-slide-container {
    width: 65.625%;
    overflow: hidden;
    position: relative;
}
.special-wrap .special-list-wrap .special-list-slide {
    display: flex;
    justify-content: end;
    align-items: center;
}
.special-wrap .special-list-wrap .special-list-slide .special-list-wrapper {
    margin-left: -8.9vw;
}
.special-wrap .special-list-wrap .special-list-slide .img a {
    display: block;
    overflow: hidden;
}
.special-wrap .special-list-wrap .special-list-slide .img img {
    width: 160%;
    display: block;
}
.special-wrap .special-list-wrap .special-list-slide .slide {
    background-color: transparent;
    width: 17.7vw;
    margin-right: 1.5vw;
}
.special-wrap .special-list-wrap .special-list-slide .txt-wrap {
    text-align: center;
    opacity: 0;
    color: #1a1a1a;
    padding-top: 55px;
    transition: 0.8s;
}
.special-wrap .special-list-wrap .special-list-slide .txt-wrap h3 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 10px;
}
.special-wrap .special-list-wrap .special-list-slide .txt-wrap h5 {
    font-size: 25px;
    font-weight: 400;
}
.special-wrap .special-list-wrap .special-list-slide .slide:hover .txt-wrap {
    opacity: 1;
}
.special-wrap .special-list-wrap .special-list-slide .pocuse .txt-wrap {
    opacity: 1;
}

.special-wrap .special-info-section {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    transform: translateY(-100%);
    transition: opacity 0.4s, 0.8s;
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.special-wrap .special-info-wrap {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
    width: 100%;
    pointer-events: none;
    z-index: 15;
}
.special-wrap .special-info-wrap .slide {
    pointer-events: none;
}
.special-wrap .special-info-wrap .txt-container .txt-wrap h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 25px;
}
.special-wrap .special-info-wrap .txt-container .txt-wrap h5 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 15px;
    text-align: justify;
}
.special-wrap .special-info-section.visible {
    pointer-events: all;
    transform: translateY(0%);
}
.special-wrap .special-info-section.visible .hide-btn {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
    text-align: center;
    z-index: 30;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.special-wrap .special-info-section.visible .hide-btn i {
    font-size: 42px;
    color: white;
    animation: hide_up 2.6s infinite ease-out;
}
.special-wrap .special-info-section.visible .hide-btn .txt {
    font-size: 18px;
    letter-spacing: 0.05em;
    font: 400;
}
.special-wrap .special-info-wrap.visible {
    opacity: 1;
    pointer-events: all;
}
.special-wrap .special-info-wrap.visible .slide {
    pointer-events: all;
}
.special-wrap .special-info-slide {
    position: relative;
}

.special-wrap .special-list-wrap .special-slide-container .special-list-wrapper {
    display: flex;
    justify-content: start;
    scroll-behavior: smooth;
}
.special-wrap .special-info-wrap .swiper-slide {
    pointer-events: none;
}

.special-wrap .special-info-wrap.visible .swiper-slide {
    pointer-events: auto;
}

.full-info-section .special-info-wrap .slide-page-wrap {
    opacity: 1;
}
.full-info-section .special-info-wrap .slide-page-wrap span {
    font-size: 15px;
}
.full-info-section .special-info-wrap .slide-page-wrap {
    bottom: 10px;
}
.full-info-section .txt-container .txt-wrap {
    padding-top: 60px;
    padding-bottom: 90px;
}

/*오시는길, 투어*/
.map-wrap {
    background-color: #fff;
}
.map-wrap .map-section {
    height: 100vh;
    padding-top: 22.92vh;
}
.map-wrap .map-section .inner-con {
    display: flex;
    justify-content: start;
    align-items: flex-start;
}
.map-wrap .map-section .info-box {
    width: 50%;
    padding-right: 7.4%;
}
.map-wrap .map-section .info-box .img-wrap img {
    display: block;
    width: 100%;
}
.map-wrap .map-section .info-box .txt-wrap {
    text-align: right;
    font-family: 'SUIT', sans-serif;
    padding-top: 45px;
}
.map-wrap .map-section .info-box .txt-wrap .tit h3 {
    font-size: 26px;
    margin-bottom: 20px;
}
.map-wrap .map-section .info-box .txt-wrap p {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.4;
}
.map-wrap .map-section .info-box .txt-wrap .tit p {
    margin-bottom: 50px;
}

.map-wrap .map-section .map-box {
    width: 50%;
    padding-left: 7.4%;
}
.map-wrap .tour-section {
    height: 100%;
    padding-bottom: 50px;
}
.map-wrap .tour-section .inner-con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.map-wrap .tour-section .tit-wrap {
    display: flex;
    align-items: center;
    position: relative;
    width: 25.08%;
}
.map-wrap .tour-section .tit-wrap .line {
    position: absolute;
}
.map-wrap .tour-section .tit-wrap h3 {
    font-size: 26px;
    font-weight: 300;
    color: #272727;
    text-align: center;
    line-height: 1.8;
}
.map-wrap .tour-section .tit-wrap h3 span {
    display: block;
}
.map-wrap .tour-section .info-wrap {
    width: 74.92%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: right;
}
.map-wrap .tour-section .info-wrap .info {
    width: calc(33.3333% - 23.3333px);
    margin-bottom: 40px;
}
.map-wrap .tour-section .info-wrap.four-info-wrap {
    width: 50%;
}
.map-wrap .tour-section .info-wrap.four-info-wrap .info {
    width: calc(50% - 30px);
    margin: 0 0 20px 0px;
}
.map-wrap .tour-section .info-wrap.four-info-wrap .info p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    font-family: 'SUIT', sans-serif;
}
.map-wrap .tour-section .info-wrap .info .img-wrap {
    border-radius: 30px;
    overflow: hidden;
    isolation: isolate;
}
.map-wrap .tour-section .info-wrap .info .img-wrap img {
    display: block;
    width: 100%;
    transition: 0.6s;
}
.map-wrap .tour-section .info-wrap .info .img-wrap:hover img {
    transform: scale(1.05);
}
.map-wrap .tour-section .info-wrap .info:nth-of-type(3n - 1) {
}
.map-wrap .tour-section .info-wrap h5 {
    font-size: 14px;
    font-family: 'SUIT', sans-serif;
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 25px;
}
#daumRoughmapContainer1750903142819 .cont {display: none;}

/*예약안내*/
.reser-wrap .info-container {
    display: flex;
    align-items: flex-start;
}
.reser-wrap .info-container .img-section {
    width: 50%;
    height: 100vh;
    position: sticky;
    top: 0;
}
.reser-wrap .info-container .img-section .img-wrap {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.reser-wrap .info-container .txt-section {
    padding-top: 275px;
    padding-left: 80px;
    transform: rotate(0.03deg);
    width: calc(50% - 1px);
    padding-right: 50px;
    padding-bottom: 445px;
}
.reser-wrap .info-container .txt-section .txt-info {
    color: #0d0d0d;
}
.reser-wrap .info-container .txt-section .txt-info .tit {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 25px;
    margin-top: 50px;
}
.reser-wrap .info-container .txt-section .txt-info p {
    font-size: 16px;
    font-family: 'SUIT';
    line-height: 1.6;
}
.reser-wrap .info-container .txt-section .txt-info p a {
    color: #0d0d0d;
}

.reser-wrap .info-container .txt-section .alert-txt {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 50px;
}
.reser-wrap .info-container .txt-section .alert-txt b {
    font-weight: 600;
    font-family: 'SUIT';
}
.reser-wrap .info-container .txt-section .reser-info {
    display: flex;
    flex-flow: column;
    align-items: start;
    justify-content: start;
    padding-bottom: 105px;
}
.reser-wrap .info-container .txt-section .reser-info .reser_btn {
    font-size: 12px;
    font-family: 'SUIT', sans-serif;
    color: #0d0d0d;
    border: 1px solid #0d0d0d;
    padding: 8px 25px;
    margin-top: 15px;
    transition: 0.6s;
}
.reser-wrap .info-container .txt-section .reser-info .reser_btn:hover {
    background-color: #0d0d0d;
    color: white;
}
.reser-wrap .info-container .txt-section .use-info h5 {
    margin-bottom: 5px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'SUIT';
}
.reser-wrap .info-container .txt-section .use-info p {
    margin-bottom: 20px;
}
.reser-wrap .info-container .txt-section .use-info p.kakao-txt {
    margin-top: 30px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}
.reser-wrap .info-container .txt-section .use-info p.kakao-txt a::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #0d0d0d;
}
.reser-wrap .info-container .txt-section .refund-info p {
    font-size: 18px;
    margin-bottom: 25px;
}
.reser-wrap .info-container .txt-section .refund-info .refund-table {
    width: 100%;
    max-width: 560px;
}
.reser-wrap .info-container .txt-section .refund-info th,
.reser-wrap .info-container .txt-section .refund-info td {
    width: 50%;
    font-size: 16px;
    font-family: 'SUIT', sans-serif;
    text-align: center;
    font-weight: 400;
    border-bottom: 1px solid #2e2c2b;
    border-left: 1px solid #2e2c2b;
}
.reser-wrap .info-container .txt-section .refund-info th {
    line-height: 40px;
    border-top: 1px solid #2e2c2b;
}
.reser-wrap .info-container .txt-section .refund-info td {
    line-height: 40px;
}
.reser-wrap .info-container .txt-section .refund-info th:last-of-type,
.reser-wrap .info-container .txt-section .refund-info td:last-of-type {
    border-right: 1px solid #2e2c2b;
}

.reser-wrap .info-container .txt-section .alert-info {
    transform: rotate(0.03deg);
    margin-top: 200px;
}
.reser-wrap .info-container .txt-section .alert-info h3.tit {
    color: #ec6446;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.reser-wrap .info-container .txt-section .alert-info h3.tit span {
    display: block;
    position: relative;
    z-index: 4;
    background-color: #f1edeb;
    padding: 0 30px;
}
.reser-wrap .info-container .txt-section .alert-info h3.tit::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #ec6446;
    width: 100%;
    height: 1px;
}
.reser-wrap .info-container .txt-section .alert-info h5 {
    font-size: 18px;
    text-decoration: underline;
    font-weight: 400;
    margin-top: 40px;
}
.reser-wrap .info-container .txt-section .alert-info h6 {
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
}
.reser-wrap .info-container .txt-section .alert-info .reser-wrap-list {
    display: flex;
    align-items: center;
}
/* .reser-wrap .info-container .txt-section .alert-info .reser-wrap-list li{width: calc(50% - 7.5px);} */
.reser-wrap .info-container .txt-section .alert-info .reser-wrap-list li {
    width: 100%;
}
.reser-wrap .info-container .txt-section .alert-info .reser-wrap-list li:first-of-type {
    margin-right: 15px;
}
.reser-wrap .info-container .txt-section .alert-info .check-reser {
    display: block;
    width: 100%;
    line-height: 50px;
    color: white;
    text-align: center;
    background-color: #ec6446;
    border-radius: 10px;
    margin-top: 50px;
}
.reser-wrap .info-container .txt-section .alert-info .naver-reser {
    display: block;
    width: 100%;
    line-height: 50px;
    color: white;
    text-align: center;
    background-color: #ec9146;
    border-radius: 10px;
    margin-top: 50px;
}
.reser-wrap .info-container .txt-section .alert-info .check-alert-txt {
    text-align: center;
    color: #ec6446;
    font-size: 15px;
    margin-top: 10px;
    opacity: 0;
    transition: 0.4s;
}
.reser-wrap .info-container .txt-section .alert-info .check-alert-txt.visible {
    opacity: 1;
}

.reser-wrap .info-container .img-section .img-wrap .reser-slide-gallery {
    width: 100%;
    height: 100%;
}
.reser-wrap .info-container .img-section .img-wrap .reser-slide-gallery .swiper-wrapper {
    height: 100%;
}
.reser-wrap .info-container .img-section .img-wrap .reser-slide-gallery .swiper-slide {
    height: 100%;
}

/*footer*/
.ft {
    background-color: #dbd4ca;
}
.tel_link {
    padding-bottom: 5px;
}
.ft .info-container .info-wrap .res_box {
    color: #837a69;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: block;
    border: 1px solid #837a69;
    line-height: 40px;
    width: 200px;
    text-align: center;
    transition: 1.5s, background-color 0.4s, color 0.4s !important;
}
.ft .info-container .info-wrap .res_box:hover {
    background-color: #837a69;
    color: white;
}
.ft .info-container {
    width: 91.67%;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    color: #272727;
    padding-top: 60px;
    padding-bottom: 55px;
}
.ft .info-container .info-wrap {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}
.ft .info-container .info-wrap a {
    font-size: 20px;
    font-weight: 400;
    color: #272727;
    margin-bottom: 10px;
}
.ft .info-container .info-wrap p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
}
.ft .info-container .copyright-wrap {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    text-align: right;
}
.ft .info-container .copyright-wrap p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 20px;
}
.ft .info-container .copyright-wrap p a {
    color: #272727;
}
.ft .info-container .copyright-wrap .login {
    font-size: 14px;
    font-weight: 300;
    color: #272727;
}
.ft .info-container .copyright-wrap .login::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #272727;
}
.ft .scroll-top {
    position: fixed;
    right: 80px;
    bottom: 80px;
    display: block;
    z-index: 15;
    display: flex;
    align-items: center;
    transition: 0.8s;
    opacity: 0;
    pointer-events: none;
}
.ft .scroll-top .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #2e2c2b;
    margin-right: 10px;
}
.ft .scroll-top .scroll-ico {
    width: 40px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #363433;
    border-radius: 25px;
}
.ft .scroll-top .scroll-ico i {
    font-size: 21px;
    color: #2e2c2b;
}
.ft .scroll-top.visible {
    opacity: 1;
    pointer-events: all;
}
.ft .info-container .info-wrap p img{width: 23px; margin-left: 5px; vertical-align: middle;}
/*스페셜 프리뷰*/
.special-preview-section {
    overflow: hidden;
}
.special-preview-section .special-preview-img .swiper-wrapper {
    height: 100vh;
}
.special-preview-section .special-preview-img .swiper-wrapper .swiper-slide {
    width: 110%;
    height: 100%;
    background-color: transparent;    
}
.special-preview-section .special-preview-img .swiper-wrapper .swiper-slide .swiper-rooler {
    width: 100%;
    height: 100%;
    transition: 1s;
}
.special-preview-section .special-preview-img .swiper-wrapper .swiper-slide.next-clip .swiper-rooler {
    transform: translateX(0);
}
.special-preview-section .special-preview-img .swiper-wrapper .swiper-slide .swiper-clip {
    width: 100%;
    height: 100%;
    transition: 1s;
}
.special-preview-section .special-preview-img .swiper-wrapper .swiper-slide.next-clip .swiper-clip {
    animation: clipNext 1s linear;
}
.special-preview-section .special-preview-img .swiper-wrapper .swiper-slide.prev-clip .swiper-clip {
    animation: clipPrev 1s linear;
}
.special-preview-section .special-preview-img .swiper-wrapper .prepend-next-clip .swiper-rooler {
    animation: transformNext 1s;
}
.special-preview-section .special-preview-img .swiper-wrapper .prepend-prev-clip .swiper-rooler {
    animation: transformPrev 1s;
}
.special-preview-section .special-preview-img .swiper-wrapper .swiper-slide-active {
    z-index: 5;
}
.special-preview-section .special-preview-img .swiper-wrapper .img {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.special-preview-section .txt-wrap {
    position: absolute;
    bottom: 65px;
    left: 160px;
    z-index: 5;
    width: 100%;
    pointer-events: none;
  }
  .special-preview-section .txt-wrap .tit-wrap {
    font-size: 120px;
    height: 2.4em;
}
.special-preview-section .txt-wrap .tit-wrap .tit {
    position: absolute;
    top: 0;
    left: 0;
}
.special-preview-section .txt-wrap .tit-wrap .tit .txt-box {
    overflow: hidden;
    line-height: 1.4em;
}
.special-preview-section .txt-wrap .tit-wrap .tit .txt-box .txt {
    transform: translateY(100%);
    transition: 0.8s;
}
.special-preview-section .txt-wrap .tit-wrap .tit .txt-box .txt:nth-of-type(2) {
    transition-delay: 0.1s;
}
.special-preview-section .txt-wrap .tit-wrap .tit.on .txt-box .txt {
    transform: translateY(0);
}
.special-preview-section .txt-wrap .tit {
    font-size: 0.9em;
    font-weight: 400;
    font-family: 'Moringa', sans-serif;
    color: white;
}
.special-preview-section .txt-wrap .tit span {
    display: block;
}

.special-preview-section .txt-wrap .preview-page-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: start;
}
.special-preview-section .txt-wrap .preview-page-wrap .current {
    font-size: 18px;
    font-weight: 600;
    color: white;
    margin-right: 5px;
    width: 2em;
    font-family: 'SCDream';
}
.special-preview-section .txt-wrap .preview-page-wrap .txt {
    width: 420px;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}
.special-preview-section .txt-wrap .preview-page-wrap .txt::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
}
.special-preview-section .txt-wrap .preview-page-wrap .txt a {
    font-size: 25px;
    font-weight: 400;
    pointer-events: all;
    font-family: 'SCDream';
}
.special-preview-section .txt-wrap .preview-page-wrap .txt a::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: white;
    transform: scaleX(1);
    transition: 0.8s;
    transform-origin: right;
}
.special-preview-section .txt-wrap .preview-page-wrap .txt a:hover::after {
    transform: scaleX(0);
}

.ft-outtro-section .bg {
    height: 40vw;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

.view-wrap .mobile-top-section {
    display: none;
}
.view-wrap .m-img-wrap {
    display: none;
}
.m-intro-txt {
    display: none;
}
.m-tit-wrap {
    display: none;
}
.mobile-top-section {
    display: none;
}
/*inner-con*/
.inner-con {
    position: relative;
    margin: 0 auto;
    max-width: 1750px;
}
.inner-con.inner-1495 {
    max-width: 1495px;
}
.m-map {
    display: none;
}

/*scroll-animation*/
.scroll-obj {
    transition: 1.4s;
}
.scroll-obj.fade {
    opacity: 0;
}
.scroll-obj.fadeY {
    opacity: 0;
    transform: translateY(30px);
}
.scroll-obj.fadeX {
    opacity: 0;
    transform: translateX(30px);
}
.scroll-obj.fadeXR {
    opacity: 0;
    transform: translateX(-30px);
}
.scroll-obj.fade.on {
    opacity: 1;
}
.scroll-obj.fadeY.on {
    opacity: 1;
    transform: translateY(0px);
}
.scroll-obj.fadeX.on {
    opacity: 1;
    transform: translateX(0px);
}
.scroll-obj.fadeXR.on {
    opacity: 1;
    transform: translateX(0px);
}
.scroll-obj.lineY {
    transform: scaleY(0);
    transform-origin: top;
}
.scroll-obj.lineY.on {
    transform: scaleY(1);
}
.scroll-obj.maskUp {
    transform: translateY(1em);
}
.scroll-obj.maskUp.on {
    transform: translateY(0);
}
.img-mask {
    display: block;
    transform: translateY(100%);
    overflow: hidden;
    will-change: transform;
}
.img-mask.on {
    transform: translateY(0);
}
.img-mask img {
    transform: translateY(-100%);
    transition: 1.4s;
    will-change: transform;
}
.img-mask.on img {
    transform: translateY(0%);
}
.img-mask iframe {
    transform: translateY(-100%);
    transition: 1.4s;
}
.img-mask.on iframe {
    transform: translateY(0%);
}
.img-mask video {
    transform: translateY(-100%);
    transition: 1.4s;
}
.img-mask.on video {
    transform: translateY(0%);
}
.pic-img .img-button {
    opacity: 0;
    transition: 1.4s;
    z-index: 5;
    transition-delay: 0.4s;
}
.pic-img .img {
    opacity: 0;
    transform: translateY(30px);
    transition: 1.4s;
}
.pic-img.on .img-button {
    opacity: 1;
}
.pic-img.on .img {
    opacity: 1;
    transform: translateY(0px);
}
.overflow-txt {
    overflow: hidden;
}
.overflow-txt span {
    display: block;
    transform: translateY(1.2em);
    transition: 1.2s;
}
.overflow-txt.on span {
    transform: translateY(0);
}

/*스크롤탑 메인, 객실만 흰색으로 수정*/
/* .main-wrap + .ft .scroll-top .scroll-ico i{color: white;}
.main-wrap + .ft .scroll-top .scroll-ico{border-color: white;}
.main-wrap + .ft .scroll-top .txt{color: white;}

.room-wrap + .ft .scroll-top .scroll-ico i{color: white;}
.room-wrap + .ft .scroll-top .scroll-ico{border-color: white;}
.room-wrap + .ft .scroll-top .txt{color: white;} */
/*스크롤탑 메인, 객실만 흰색으로 수정*/

.m-br {
    display: none;
}

@keyframes hide_up {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        transform: translateY(-5px);
    }
}

@keyframes clipNext {
    0% {
        clip-path: polygon(140% 0%, 100% 0%, 100% 100%, 100% 100%);
    }
    100% {
        clip-path: polygon(-40% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
@keyframes transformNext {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes clipPrev {
    0% {
        clip-path: polygon(0% 0%, -20% 0%, 0% 100%, 0% 100%);
    }
    100% {
        clip-path: polygon(0% 0%, 120% 0%, 100% 100%, 0% 100%);
    }
}
@keyframes transformPrev {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@media all and (max-width: 1850px) {
    .inner-con {
        width: calc(100% - 100px);
    }
}

@media all and (max-width: 1595px) {
    .inner-con.inner-1495 {
        width: calc(100% - 100px);
    }
}

@media all and (max-width: 1025px) {
    .main-wrap .main-top-wrap .main-slide-wrap {
        transform: scale(0.8);
    }
    .main-wrap .main-top-wrap .side-txt-wrap {
        padding: 0 4vw;
    }
    .main-wrap .main-top-wrap .txt-wrap {
        padding-bottom: 16vw;
    }
    .room-list-section .room-info-slide-wrap {
        padding-left: 5%;
    }
    .full-info-section .txt-container {
        width: auto;
    }
    .room-wrap .info-container .img-section {
        width: 45%;
    }
    .room-wrap .info-container .img-section .img-wrap .room-slide-wrap .swiper-slide {
        height: 20vh;
    }
    .room-wrap .info-container .info-list-wrap {
        width: 95%;
    }
    .room-wrap .info-container .txt-section {
        width: 55%;
    }
    .room-preview-section {
        width: 95%;
    }
    .room-preview-section .swiper-slide {
        height: 40vw;
    }
    .special-wrap .special-list-wrap .tit-wrap h2 {
        font-size: 42px;
    }
    .special-wrap .special-info-wrap .txt-container .txt-wrap h5 {
        /* font-size: 18px; */
    }
    .map-wrap .map-section .info-box {
        padding-right: 2%;
    }
    .map-wrap .map-section .map-box {
        padding-left: 2%;
    }
    .reser-wrap .info-container .img-section {
        width: 100%;
        position: relative;
    }
    .reser-wrap .info-container {
        flex-flow: column;
    }
    .reser-wrap .info-container .txt-section {
        padding-top: 100px;
        padding-left: 50px;
        width: 100%;
        padding-right: 50px;
    }
    .ft-outtro-section .bg {
        background-attachment: local;
    }

    .main-html .hd.fixed .hd-fixed-wrap .logo img.black-logo {
        opacity: 1;
    }
    .main-html .hd.fixed .hd-fixed-wrap .logo img.white-logo {
        opacity: 0;
    }

    .main_video .main-movie .inner_con {
        width: calc(100% - 100px);
    }
    .main_video .main-vdo {
        height: 52vw;
    }
}

@media all and (max-width: 900px) {
    .inner-con {
        width: calc(100% - 50px);
    }
    .inner-con.inner-1495 {
        width: calc(100% - 50px);
    }

    .hd .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn {
        margin-left: 15px;
    }
}

@media all and (max-width: 700px) {
    .inner-con {
        width: calc(100% - 30px);
    }
    .inner-con.inner-1495 {
        width: calc(100% - 30px);
    }
    .main-intro .intro-text1 {
        font-size: 24px;
    }
    .main-intro .intro-text2 {
        font-size: 18px;
    }

    .hd.fixed {
        background-color: rgba(255, 255, 255, 0.8);
    }
    .hd.fixed .hd-fixed-wrap {
        padding-top: 5px;
        padding-bottom: 3px;
    }

    .hd .hd-fixed-wrap .inner-con {
        padding: 0 5px;
    }
    .hd .hd-fixed-wrap .logo {
        width: 115px;
    }
    .hd .hd-fixed-wrap {
        padding-top: 15px;
    }
    .hd .hd-fixed-wrap .hd-btn-wrap .menu-btn {
        width: 30px;
        margin-left: 15px;
    }
    .hd .hd-fixed-wrap .hd-btn-wrap .hd-reser-btn img {
        width: 25px;
    }
    .hd .hd-fixed-wrap .hd-btn-wrap .hd-naver-toktok img {
        width: 50px;
    }

    .hd .main-menu-wrap .menu-container .menu-wrap li a {
        font-size: 24px;
    }
    .hd .main-menu-wrap .menu-container .menu-wrap .sub-menu a {
        font-size: 18px;
    }
    .hd .main-menu-wrap .logo {
        width: 140px;
    }
    .hd .main-menu-wrap .logo img {
        display: block;
        width: 100%;
    }
    .hd.click .hd-fixed-wrap .logo {
        opacity: 0;
    }

    .main-wrap .main-top-wrap .side-txt-wrap {
        padding: 0 0.25vw;
    }
    .main-wrap .main-top-wrap .side-txt-wrap .side-txt {
        font-size: 12px;
    }
    .main-wrap .main-top-wrap .side-txt-wrap .left-txt {
        transform: rotate(90deg) translate(-50%, -150%);
    }
    .main-wrap .main-top-wrap .side-txt-wrap .right-txt {
        transform: rotate(90deg) translate(50%, 50%);
    }
    .main-wrap .main-top-wrap .main-slide-wrap {
        transform: scale(0.81);
        border-radius: 30px;
    }
    .main-wrap .main-top-wrap .txt-wrap h3 {
        font-size: 15px; word-break: keep-all;
    }
    .main-wrap .main-top-wrap .txt-wrap p {
        font-size: 12px;
    }
    .main-wrap .main-top-wrap .txt-wrap {
        width: 70%;
        padding-bottom: 30vw;
    }

    /*footer  */
    .ft .info-container .info-wrap .res_box {
        margin: 0 auto;
    }
    .tel_link {
        margin: 0 auto;
    }
    .ft .info-container .info-wrap p {
        padding-top: 15px;
        margin: 0 auto;
    }
    /* 메인 동영상 */
    /* .main_video {
        margin: 50px 0;
    } */
    .main_video .main-movie .inner_con {
        width: calc(100% - 30px);
    }

    .swiper-slide iframe {
        width: 490px;
        transform: translateX(-10%);
        height: 100vh;
    }

    .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        margin-right: 5px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2px;
    }
    .pc-br {
        display: none;
    }
    .m-br {
        display: block;
    }
    .pc-slide {
        display: none;
    }
    .m-slide {
        display: block;
    }
    .main_video .main-movie .inner_con {
        height: 600px;
    }

    .room-list-section {
        flex-flow: column;
    }
    .room-list-section .room-img-slide-wrap {
        width: 100%;
    }
    .room-list-section .room-info-slide-wrap {
        width: 100%;
        padding-bottom: 0;
    }
    .room-list-section .room-img-slide-wrap .swiper-slide {
        width: 100%;
    }
    .room-list-section .room-img-slide-wrap .swiper-slide:nth-child(n + 2) {
        display: none;
    }
    .room-list-section .room-img-slide-wrap .tit-wrap h2 {
        font-size: 32px;
    }
    .room-list-section .room-img-slide-wrap .tit-wrap h2 span {
        margin-bottom: 30px;
    }

    .room-list-section .room-img-slide-wrap .tit-wrap {
        left: 30px;
    }
    .main-wrap .onepage-content.con1 {
        height: 200vh;
    }
    .room-list-section .room-info-slide-wrap .room-slide-nav {
        display: none;
    }
    .room-list-section .room-info-slide-wrap {
        padding-left: 0;
    }
    .room-list-section .room-info-slide-wrap .info-slide-wrap {
        width: 100%;
        overflow: initial;
    }
    .room-list-section .room-info-slide-wrap .info-slide-wrap .swiper-wrapper {
        display: block;
        width: calc(100% - 50px);
        margin: 0 auto;
        padding-top: 80px;
    }
    .room-list-section .room-info-slide-wrap .info-slide-wrap .swiper-wrapper .swiper-slide {
        margin-bottom: 100px;
    }

    .room-list-section .room-info-slide-wrap .info-slide-wrap .txt-wrap h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .room-list-section .room-info-slide-wrap .info-slide-wrap .txt-wrap h5 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .room-list-section .room-info-slide-wrap .info-slide-wrap .txt-wrap p {
        font-size: 13px;
        line-height: 1.6;
    }
    .room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap .link-txt {
        font-size: 12px;
        margin-bottom: 40px;
    }
    .room-list-section .room-info-slide-wrap .info-slide-wrap .txt-wrap {
        padding-bottom: 25px;
    }
    .room-list-section .room-info-slide-wrap .info-slide-wrap .img-wrap .img {
        width: 100%;
    }

    .full-info-section .txt-container .txt-wrap p {
        font-size: 13px;
        margin-bottom: 20px;
    }
    .full-info-section .swiper-slide {
        height: 52vw;
    }
    .full-info-section .txt-container .txt-wrap {
        padding-bottom: 70px;
        padding-top: 50px;
        opacity: 1;
        padding-right: 15px;
    }

    .full-info-section .slide-page-wrap {
        bottom: 10px;
    }

    .view-wrap .mobile-top-section {
        display: block;
    }
    .view-wrap .m-img-wrap {
        display: block;
    }

    .view-wrap {
        background-color: white;
    }
    .view-wrap .mobile-top-section .top-img-wrap {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100vh;
        display: flex;
        align-items: center;
        padding-left: 30px;
    }
    .view-wrap .mobile-top-section .top-img-wrap .m-txt-wrap h2 {
        font-weight: 400;
        color: white;
        font-size: 32px;
        margin-top: 50px;
    }
    .view-wrap .m-img-wrap img {
        display: block;
        width: 100%;
    }
    .view-wrap .full-info-section {
        width: calc(100% - 30px);
        margin: 0 auto;
        padding-top: 65px;
    }
    .view-wrap .full-info-section .txt-container {
        position: initial;
        width: 100%;
    }
    .view-wrap .full-info-section .txt-container .txt-wrap {
        opacity: 1;
        padding-left: 0;
    }
    .view-wrap .m-img-wrap {
        padding-bottom: 80px;
    }

    .room-wrap .top-img-wrap .m-txt-wrap {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .room-wrap .top-img-wrap .m-txt-wrap h2 {
        color: white;
        font-weight: 300;
        font-size: 32px;
    }
    .room-wrap .top-slide-section .m-top-img-wrap {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
    }
    .room-wrap .top-slide-section .room-top-slide-wrap {
        display: none;
    }
    .room-wrap .top-slide-section .top-txt-wrap {
      bottom: 50%;
      transform: translateY(50%);
    }
    .room-wrap .top-slide-section .top-txt-wrap h2 {
      padding-left: 30px;
      font-size: 32px;
      text-align-last: left;
    }
    .room-wrap .info-container {
        min-height: auto;
    }
    .room-wrap .info-container .inner-con {
        flex-flow: column;
    }
    .room-wrap .info-container .img-section {
        width: 100%;
        margin-bottom: 50px;
    }
    .room-wrap .info-container .txt-section {
        width: 100%;
    }
    .room-wrap .onepage-content {
        height: auto;
    }
    .room-wrap .info-container .txt-section .tit {
        display: none;
    }
    .room-wrap .info-container .info-list-wrap {
        width: 100%;
    }
    .room-wrap .info-container {
        padding-top: 95px;
    }

    .m-back-wrap {
        position: fixed;
        z-index: 30;
    }
    #back-btn {
        flex-flow: column-reverse;
        align-items: center;
        justify-content: center;
        margin-bottom: 50px;
        position: fixed;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 15;
        transition: 0.6s;
    }
    #back-btn .txt {
        font-size: 15px;
        transform: rotate(0.03deg);
    }
    #back-btn .arrow-ico {
        width: 3em;
        height: 1px;
        margin-right: 0;
    }
    #back-btn .arrow-ico::before {
        display: none;
    }

    .hd.fixed + .m-back-wrap #back-btn {
        top: 25px;
    }
    .room-wrap .info-container .img-section .img-wrap .room-slide-wrap .swiper-slide {
        height: 200px;
    }
    .room-wrap .info-container .img-section .slide-page-wrap {
        margin-top: 10px;
    }
    .room-wrap .info-container .img-section .slide-page-wrap span {
        font-size: 14px;
    }
    .room-wrap .info-container .img-section .slide-page-wrap span.slash {
        margin: 0 5px;
    }
    .room-wrap .info-container .info-list-wrap .list-tit {
        padding: 15px 10px;
        border-width: 1px 0 1px 0;
    }
    .room-wrap .info-container .info-list-wrap .list-tit {
        font-size: 15px;
    }
    .room-wrap .info-container .txt-section .list-txt p {
        font-size: 13px;
    }
    .room-wrap .info-container .txt-section .info-list {
        margin-top: -3px;
    }
    .room-wrap .onepage-content.con2 {
        overflow: hidden;
    }
    .room-preview-section {
        width: 150%;
        height: auto;
        margin-left: -25%;
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .room-preview-section .swiper-wrapper {
        align-items: flex-start;
    }
    .room-preview-section .swiper-slide {
        height: 62vw;
        border-radius: 20vw;
    }

    .room-preview-section .swiper-slide h3 {
        font-size: 20px;
        font-weight: 300;
    }
    .outtro-section .txt {
        transform: rotate(0.03deg);
        position: inherit;
        color: #1b1b1b;
        padding-top: 30px;
        padding-bottom: 80px;
    }
    .outtro-section .txt h5 {
        font-size: 15px;
    }
    .outtro-section .txt p {
        font-size: 13px;
    }

    .special-wrap .special-list-wrap .special-slide-container .special-list-wrapper {
        display: none;
    }
    .special-wrap .special-info-section {
        position: relative;
        max-width: calc(100% - 30px);
        margin: 0 auto;
    }
    .special-wrap .special-info-wrap {
        position: relative;
        opacity: 1;
    }

    .full-info-section .txt-container {
        position: relative;
        top: 0;
        width: 100%;
    }
    .full-info-section .txt-container .tit-wrap {
        position: initial;
    }

    .special-wrap .special-list-wrap {
        height: auto;
    }

    .mobile-top-section .top-img-wrap {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100vh;
    }
    .special-wrap {
        background-color: white;
    }
    .special-wrap .m-txt-wrap {
        display: flex;
        align-items: center;
        height: 100%;
        padding-top: 50px;
    }
    .special-wrap .m-txt-wrap h2 {
        font-size: 32px;
        color: #fff;
        font-weight: 400;
        line-height: 1.6;
        padding-left: 20px;
    }
    .special-wrap .m-txt-wrap h2 span {
        display: block;
    }
    .special-wrap .special-info-section {
        pointer-events: all;
    }
    .special-wrap .special-info-wrap {
        pointer-events: all;
    }
    .special-wrap .special-info-section .m-intro-txt {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 25px;
        transform: rotate(0.03deg);
    }
    .special-wrap .special-info-section .m-intro-txt p {
        font-size: 14px;
        font-weight: 300;
        color: #1a1a1a;
        margin-bottom: 15px;
    }
    .special-wrap .special-info-section .m-intro-txt .line {
        width: 1px;
        height: 50px;
        display: block;
        background-color: #888888;
        margin: 0 auto;
    }
    .special-wrap .special-info-section.visible .hide-btn {
        display: none;
    }
    .full-info-section .txt-container .tit-wrap .plus-btn {
        display: none;
    }
    .special-wrap .full-info-section .txt-container .tit-wrap {
        display: none;
    }
    .special-wrap .full-info-section .txt-container .txt-wrap {
        padding-left: 0;
        transform: rotate(0.03deg);
        padding-top: 35px;
    }
    .special-wrap .special-info-wrap .txt-container .txt-wrap h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .special-wrap .special-info-wrap .txt-container .txt-wrap h5 {
        font-size: 14px;
        margin-bottom: 5px;
        text-align: justify;
    }
    .special-wrap {
        padding-bottom: 100px;
    }
    .full-info-section .special-info-wrap .slide-page-wrap span {
        font-size: 13px;
    }
    .reser-wrap .info-container {
        flex-flow: column;
    }
    .reser-wrap .info-container .img-section {
        width: 100%;
        position: relative;
    }
    .reser-wrap .info-container .txt-section {
        padding: 0 15px;
        padding-top: 80px;
        width: 100%;
    }
    .reser-wrap .info-container .txt-section .txt-info .tit {
        font-size: 18px;
    }
    .reser-wrap .info-container .txt-section .txt-info p {
        font-size: 13px;
    }
    .reser-wrap .info-container .txt-section .reser-info {
        padding-bottom: 70px;
        padding-bottom: 100px;
        padding-right: 0;
    }
    .reser-wrap .info-container .txt-section .use-info h5 {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 13px;
    }
    .reser-wrap .info-container .txt-section .refund-info th,
    .reser-wrap .info-container .txt-section .refund-info td {
        font-size: 14px;
    }
    .reser-wrap .info-container .txt-section .refund-info td {
        line-height: 30px;
    }
    .outtro-section .bg {
        height: 45vw;
    }

    .reser-wrap .m-tit-wrap {
        display: flex;
        align-items: center;
        height: 100%;
        padding-left: 30px;
        padding-top: 50px;
        position: absolute;
        top: 0;
        z-index: 5;
    }
    .reser-wrap .m-tit-wrap h2 {
      font-size: 32px;
      color: #fff;
      font-weight: 400;
        line-height: 1.6;
    }
    .reser-wrap .m-tit-wrap span {
        display: block;
    }
    .reser-wrap .info-container .txt-section .alert-info {
        margin-top: 50px;
    }
    .reser-wrap .info-container .txt-section .alert-info h3.tit {
        margin-bottom: 25px;
        font-size: 15px;
    }
    .reser-wrap .info-container .txt-section .alert-info h5 {
        font-size: 13px;
    }
    .reser-wrap .info-container .txt-section .alert-info h6 {
        font-size: 13px;
    }

    .map-wrap .map-section .inner-con {
        flex-flow: column;
        width: 100%;
    }
    .map-wrap .map-section .info-box {
        width: 100%;
        padding-right: 0;
    }
    .map-wrap .map-section .map-box {
        width: 100%;
        padding-left: 0;
    }
    .map-wrap .map-section {
        padding-top: 80px;
    }
    .map-wrap .map-section .info-box .txt-wrap {
        max-width: 300px;
        width: calc(100% - 30px);
        margin: 0 auto;
        padding-top: 80px;
    }
    .map-wrap .map-section .info-box .txt-wrap .tit h3 {
        font-size: 18px;
    }
    .map-wrap .map-section .info-box .txt-wrap .tit p {
        font-size: 13px;
        letter-spacing: -0.03em;
        margin-bottom: 30px;
    }
    .map-wrap .map-section .info-box .txt-wrap p {
        font-size: 13px;
        letter-spacing: -0.03em;
    }
    .map-wrap .map-section .info-box .txt-wrap {
        margin-bottom: 50px;
    }
    .map-wrap .tour-section .inner-con {
        flex-flow: column;
    }
    .map-wrap .tour-section {
        padding-top: 85px;
    }
    .map-wrap .tour-section::before {
        content: '';
        display: block;
        width: 80px;
        height: 1px;
        background-color: #d3d1ce;
        margin: 0 auto;
    }
    .map-wrap .tour-section .tit-wrap {
        width: 100%;
        display: block;
        padding-top: 85px;
        margin-bottom: 40px;
    }
    .map-wrap .tour-section .tit-wrap h3 {
        font-size: 22px;
        line-height: 1.6;
    }
    .map-wrap .map-section {
        height: auto;
    }
    .map-wrap .tour-section {
        height: auto;
        padding-bottom: 80px;
    }
    .map-wrap .tour-section .info-wrap .info {
        width: calc(50% - 10px);
        margin: 0 5px;
        margin-bottom: 20px;
    }
    .map-wrap .tour-section .info-wrap .info:nth-of-type(3n - 1) {
        margin: 0 5px;
    }
    .map-wrap .tour-section .info-wrap {
        width: 100%;
    }
    .map-wrap .tour-section .info-wrap h5 {
        padding-right: 5px;
        padding-top: 5px;
    }
    .map-wrap .tour-section .info-wrap .info .img-wrap {
        border-radius: 15px;
    }
    .map-wrap .tour-section .info-wrap.four-info-wrap {
        width: 100%;
    }
    .map-wrap .tour-section .info-wrap.four-info-wrap .info {
        width: calc(50% - 10px);
        margin: 0 5px;
        margin-bottom: 20px;
    }
    /* .map-wrap .tour-section .info-wrap.four-info-wrap .info:nth-of-type(3n - 1) {
        margin: 0 5px;
    } */

    .map-wrap .tour-section .info-wrap.four-info-wrap .info p {
        font-size: 10px;
        line-height: 15px;
        text-align: justify;
    }
    .ft .info-container {
        padding-top: 50px;
        padding-bottom: 15px;
    }
    .ft .info-container .copyright-wrap {
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .ft .info-container .info-wrap {
        margin-bottom: 30px;
    }
    .ft .info-container .info-wrap p {
        font-size: 13px;
    }
    .ft .info-container .copyright-wrap .login {
    }
    .hd .main-menu-wrap .menu-container .menu-btn-wrap li a {
        font-size: 15px;
        display: flex;
        align-items: flex-end;
    }
    .hd .main-menu-wrap .menu-container .menu-btn-wrap li img {
        width: 14px;
    }
    .hd .main-menu-wrap .menu-container .menu-btn-wrap li a .txt {
        line-height: 1;
    }
    .hd.click .hd-fixed-wrap .hd-btn-wrap .menu-btn .line {
        background-color: #000;
    }
    .ft .info-container {
        flex-flow: column;
    }
    .m-tit-wrap {
        display: block;
    }
    .pc-map {
        display: none;
    }
    .m-map {
        display: block;
    }
    .m-intro-txt {
        display: block;
    }
    .mobile-top-section {
        display: block;
    }
    .onepage-content {
        height: auto;
    }
    .ft .scroll-top {
        right: 15px;
        bottom: 15px;
    }
    .ft .scroll-top .txt {
        display: none;
    }
    .ft .scroll-top .scroll-ico {
        width: 30px;
        height: 45px;
    }
    .ft .ft-outtro-section {
        margin-top: 0px;
    }
    .main-html .ft .ft-outtro-section {
        margin-top: 15px;
    }
    .special-preview-section .special-preview-img .swiper-wrapper {
        height: 300px;
    }
    .special-preview-section .txt-wrap .tit-wrap {
        font-size: 32px;
    }
    .special-preview-section .txt-wrap {
        left: 15px;
        bottom: 25px;
    }
    .special-preview-section .txt-wrap .preview-page-wrap .current {
        font-size: 13px;
    }
    .special-preview-section .txt-wrap .preview-page-wrap .txt {
        width: 50%;
    }
    .special-preview-section .txt-wrap .preview-page-wrap .txt a {
        font-size: 15px;
    }
    .special-wrap .special-info-section {
        transform: translateY(0);
    }
    .icon-aw_logo_svg:before {
        font-size: 20px;
    }
    .reser-wrap .info-container .txt-section .alert-txt {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .reser-wrap .info-container .txt-section .txt-info .tit {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .hide-btn {
        display: none;
    }
    .m-br {
        display: block;
    }
    .reser-wrap .info-container .txt-section .alert-info .naver-reser {
        margin-top: 25px;
        font-size: 13px;
    }
    .reser-wrap .info-container .txt-section .alert-info .check-reser {
        margin-top: 25px;
        font-size: 13px;
    }
}