@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    position: relative;
    color: #282d30;
    background-color: #ffffff;
    font-family: "Pretendard-Medium";
}

main {
    position: relative;
    z-index: 1;
}

section {
    position: relative;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: white;
}

table {
    outline: 0px;
    border-spacing: 0px;
    border-collapse: separate;
}

figure {
    position: relative;
}

a,
button,
input {
    box-shadow: none;
    border: 0;
    background-color: transparent;
    color: #fff;
}

button,
i {
    color: #fff;
}

.swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    height: auto;
    background-color: #fff;
}

.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;
}

.inner_con {
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}


.m_br {
    display: none;
}

.pc-br {
    display: block;
}

.bg {
    overflow-x: hidden;
}

.tour {
    overflow: unset;
}
.main_bg{
    overflow: hidden;
}
.swiper-pagination{
    z-index: 8;
}
/* 마우스 */

#cursor1 {
    position: absolute;
    width: 185px;
    height: 70px;
    background-color: #1d395d;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99999;
    text-align: center;
    opacity: 0;
    display: none;
    font-family: "pala";
    color: #000000;
    cursor: none;
}

#cursor1.on {
    opacity: 1;
    display: block;
}



#cursor1 span {
    transition: 0.5s;
    display: inline-block;
    font-size: 18px;
    line-height: 70px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#cursor2 {
    position: absolute;
    width: 185px;
    height: 70px;
    background-color: #1d395d;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99999;
    text-align: center;
    opacity: 0;
    display: none;
    font-family: "pala";
    color: #000000;
    cursor: none;
}

#cursor2.on {
    opacity: 1;
    display: block;
}



#cursor2 span {
    transition: 0.5s;
    display: inline-block;
    font-size: 18px;
    line-height: 70px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 인트로 */
.intro_section {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-between;
}

.intro_section p {
    text-align: center;
    line-height: 45px;
}

.intro_section .intro_left_box {
    width: 50%;
}

.intro_section .intro_left_box .intro_title_box {
    width: 100%;
    height: 180px;
    background-color: #fff;
    transition: all 0.5s;
    opacity: 100%;

}

.intro_section .intro_left_box.on .intro_title_box {
    opacity: 50%;
}

.intro_section .intro_left_box .intro_title_box .intro_text1 {
    color: #1d395d;
    font-size: 20px;
    font-family: "Pretendard-Medium";
    padding-top: 30px;
}

.intro_section .intro_left_box .intro_title_box .intro_text2 {
    color: #1d395d;
    font-size: 50px;
    font-family: "Pretendard-SemiBold";
}

.intro_section .intro_left_box .intro_left_img_wrap {
    width: 100%;
    max-height: 751px;
    height: 100%;
    background-color: #3b3b3b;
    cursor: pointer;
}

.intro_section .intro_left_box .intro_left_img_wrap .intro_left_img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s;
    opacity: 100%;
}

.intro_section .intro_left_box .intro_left_img_wrap .intro_left_img a {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    clear: both;
}

.intro_section .intro_left_box.on .intro_left_img_wrap .intro_left_img {
    opacity: 50%;
}

.intro_section .intro_right_box {
    width: 50%;
}

.intro_section .intro_right_box .intro_title_box {
    width: 100%;
    height: 180px;
    padding-top: 30px;
    background-color: #fff;
    transition: all 0.5s;
    opacity: 100%;


}

.intro_section .intro_right_box.on .intro_title_box {
    opacity: 50%;
}

.intro_section .intro_right_box .intro_title_box .intro_text1 {
    color: #1d395d;
    font-size: 20px;
    font-family: "Pretendard-Medium";
}

.intro_section .intro_right_box .intro_title_box .intro_text2 {
    color: #1d395d;
    font-size: 50px;
    font-family: "Pretendard-SemiBold";
}

.intro_section .intro_right_box .intro_right_img_wrap {
    width: 100%;
    max-height: 751px;
    height: 100%;
    background-color: #3b3b3b;
    cursor: pointer;
}

.intro_section .intro_right_box .intro_right_img_wrap .intro_right_img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s;
}

.intro_section .intro_right_box .intro_right_img_wrap .intro_right_img a {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    clear: both;
}

.intro_section .intro_right_box.on .intro_right_img_wrap .intro_right_img {

    opacity: 50%;
}

/* 메인 영상 */
.main_wrap {
    width: 100%;
    margin: 0 auto;
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .slide_vdo {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .slide_vdo .main-video-size {
    width: 100%;
    height: 120%;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .slide_vdo .main-video-size iframe {
    width: 100%;
    height: 100%;
    transform: scale(1.1);
}
.m_vdo_wrap{
    display: none;
}
/* 메인슬라이드버튼 */
.main_slide_button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: calc(100% - 100px);
    justify-content: space-between;
    z-index: 99;
}
.main_slide_button .rp-prev .ch_button{
    font-size: 50px;
    color: #fff;
    cursor: pointer;
}
.main_slide_button .rp-next .ch_button{
    font-size: 50px;
    color: #fff;
    cursor: pointer;
}
/* 해드 */
.hd {
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: transparent;
}

.hd.m_color {
    top: 0;
}

.hd .inner_con::after {
    display: block;
    clear: both;
    content: "";
    width: 0%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 1s;
}

.hd.on .inner_con::after {
    background-color: #1a2c36;
}

.hd.m_color .inner_con::after {
    background-color: #1a2c36;
}

.hd.on .inner_con .reser_wrap::after {
    background-color: #1a2c36;

}

.hd .inner_con.active::after {
    width: 100%;
}

.hd.active .inner_con {
    margin: 0 auto;
    height: 525px;
    background-color: #1d395d;
}

.hd .inner_con {
    display: flex;
    height: 115px;
    padding-top: 55px;
    overflow: hidden;
    transition: all 1s;
}
.hd.m_color .inner_con{
    max-width: 1664px;
    justify-content: space-between;
}
.hd.hd_logo_wrap2 .inner_con{
    justify-content: space-between;
}
.hd.hd_logo_wrap .inner_con .hd_logo_wrap{
    display: block;
}
.hd.hd_logo_wrap .inner_con .hd_logo_wrap1{
    display: none;
}
.hd.hd_logo_wrap .inner_con .hd_logo_wrap2{
    display: none;
}

.hd.hd_logo_wrap1 .inner_con .hd_logo_wrap{
    display: none;
}
.hd.hd_logo_wrap1 .inner_con .hd_logo_wrap1{
    display: block;
}
.hd.hd_logo_wrap1 .inner_con .hd_logo_wrap2{
    display: none;
}

.hd.m_color .inner_con .hd_logo_wrap{
    display: none;
}
.hd.m_color .inner_con .hd_logo_wrap1{
    display: none;
}
.hd.m_color .inner_con .hd_logo_wrap2{
    display: block;
}
.hd.hd_logo_wrap2 .inner_con .hd_logo_wrap{
    display: none;
}
.hd.hd_logo_wrap2 .inner_con .hd_logo_wrap1{
    display: none;
}
.hd.hd_logo_wrap2 .inner_con .hd_logo_wrap2{
    display: block;
}


.ft.hd_logo_wrap .inner_con .ft_left_wrap .ft_logo{
    display: block;

}
.ft.hd_logo_wrap .inner_con .ft_left_wrap .ft_logo1{
    display: none;

}
.ft.hd_logo_wrap .inner_con .ft_left_wrap .ft_logo2{
    display: none;

}
.ft.hd_logo_wrap1 .inner_con .ft_left_wrap .ft_logo{
    display: none;
    
}
.ft.hd_logo_wrap1 .inner_con .ft_left_wrap .ft_logo1{
    display: block;
    
}
.ft.hd_logo_wrap1 .inner_con .ft_left_wrap .ft_logo2{
    display: none;
    
}
.ft.hd_logo_wrap2 .inner_con .ft_left_wrap .ft_logo{
    display: none;
    
}
.ft.hd_logo_wrap2 .inner_con .ft_left_wrap .ft_logo1{
    display: none;
    
}
.ft.hd_logo_wrap2 .inner_con .ft_left_wrap .ft_logo2{
    display: block;
    
}
.ft.m_color .inner_con .ft_left_wrap .ft_logo{
    display: none;
    
}
.ft.m_color .inner_con .ft_left_wrap .ft_logo1{
    display: none;
    
}
.ft.m_color .inner_con .ft_left_wrap .ft_logo2{
    display: block;
    
}

/* 로고첫번쨰 */
.hd .inner_con .hd_logo_wrap {
    width: 284px;
    height: 37px;
    position: relative;
    left: 50px;
    
}
.hd .inner_con .hd_logo_wrap .hd_logo {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    transition: all 1s;
}

.hd.active .inner_con .hd_logo_wrap .hd_logo {
    opacity: 1 !important;
}

.hd.on .inner_con .hd_logo_wrap .hd_logo {
    opacity: 0;
}

.hd.m_color .inner_con .hd_logo_wrap .hd_logo {
    opacity: 0;
}

.hd .inner_con .hd_logo_wrap .hd_logo_color {
    width: 100%;
    height: auto;
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.hd .inner_con .hd_logo_wrap .hd_logo_color a img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hd.active .inner_con .hd_logo_wrap .hd_logo_color {
    opacity: 0 !important;
}

.hd.on .inner_con .hd_logo_wrap .hd_logo_color {
    opacity: 1;
}

.hd.m_color .inner_con .hd_logo_wrap .hd_logo_color {
    opacity: 1;
}

.hd .inner_con .hd_logo_wrap .hd_logo a img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* 로고두번쨰 */

.hd .inner_con .hd_logo_wrap1 {
    width: 284px;
    height: 80px;
    position: relative;
    left: 50px;
    top: -35px;
}
.hd .inner_con .hd_logo_wrap1 .hd_logo {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    transition: all 1s;
}

.hd.active .inner_con .hd_logo_wrap1 .hd_logo {
    opacity: 1 !important;
}

.hd.on .inner_con .hd_logo_wrap1 .hd_logo {
    opacity: 0;
}

.hd.m_color .inner_con .hd_logo_wrap1 .hd_logo {
    opacity: 0;
}

.hd .inner_con .hd_logo_wrap1 .hd_logo_color {
    width: 100%;
    height: auto;
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.hd .inner_con .hd_logo_wrap1 .hd_logo_color a img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hd.active .inner_con .hd_logo_wrap1 .hd_logo_color {
    opacity: 0 !important;
}

.hd.on .inner_con .hd_logo_wrap1 .hd_logo_color {
    opacity: 1;
}

.hd.m_color .inner_con .hd_logo_wrap1 .hd_logo_color {
    opacity: 1;
}

.hd .inner_con .hd_logo_wrap1 .hd_logo a img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



/* 로고세번쨰 */

.hd .inner_con .hd_logo_wrap2 {
    width: 100px;
    height: 100px;
    position: relative;
    left: 50px;
    top: -45px;
}
.hd .inner_con .hd_logo_wrap2 .hd_logo {
    width: 100%;
    height: auto;
    position: absolute;
    opacity: 1;
    transition: all 1s;
}

.hd.active .inner_con .hd_logo_wrap2 .hd_logo {
    opacity: 1 !important;
}

.hd.on .inner_con .hd_logo_wrap2 .hd_logo {
    opacity: 0;
}

.hd.m_color .inner_con .hd_logo_wrap2 .hd_logo {
    opacity: 0;
}

.hd .inner_con .hd_logo_wrap2 .hd_logo_color {
    width: 100%;
    height: auto;
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.hd .inner_con .hd_logo_wrap2 .hd_logo_color a img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hd.active .inner_con .hd_logo_wrap2 .hd_logo_color {
    opacity: 0 !important;
}

.hd.on .inner_con .hd_logo_wrap2 .hd_logo_color {
    opacity: 1;
}

.hd.m_color .inner_con .hd_logo_wrap2 .hd_logo_color {
    opacity: 1;
}

.hd .inner_con .hd_logo_wrap2 .hd_logo a img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hd.m_color .inner_con .hd_menu_wrap{
    margin-left: 630px;
}
.hd.hd_logo_wrap2 .inner_con .hd_menu_wrap{
    margin-left: 630px;
}

.hd .inner_con .hd_menu_wrap {
    max-width: 850px;
    width: 100%;
    margin-left: 466px;
    transition: all 1s;
}

.hd .inner_con .hd_menu_wrap .hd_main_menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.hd .inner_con .hd_menu_wrap .hd_main_menu li a {
    color: #fff;
    font-size: 14px;
    line-height: 60px;
    transition: all 1s;
}

.hd.on .inner_con .hd_menu_wrap .hd_main_menu li a {
    color: #1d395d;
}

.hd.m_color .inner_con .hd_menu_wrap .hd_main_menu li a {
    color: #1d395d;
}

.hd.active .inner_con .hd_menu_wrap .hd_main_menu li a {
    color: #fff !important;
}

.hd .inner_con .hd_menu_wrap .hd_submenu li a {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.hd .inner_con .reser_wrap {
    width: 60px;
    height: 60px;
    position: relative;
    background-color: transparent;
    transition: all 1s;
    margin-left: 20px;
}

.hd.active .inner_con .reser_wrap {
    background-color: #fff;
}

.hd .inner_con .reser_wrap::after {
    display: block;
    clear: both;
    content: "";
    background-color: #fff;
    width: 1px;
    height: 0%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 1;
    transition: all 1s;
}

.hd.m_color .inner_con .reser_wrap::after {
    background-color: #1a2c36;

}

.hd.m_color .inner_con .reser_wrap a {
    color: #1a2c36;
}

.hd .inner_con .reser_wrap.active::after {
    height: 100%;

}

.hd.active .inner_con .reser_wrap::after {
    opacity: 0;
}

.hd .inner_con .reser_wrap a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 16px;
    font-family: "Pretendard-SemiBold";
    transition: all 1s;
}

.hd.active .inner_con .reser_wrap a {
    color: #1d395d;
}

.hd.on .inner_con .reser_wrap a {
    color: #1d395d;
}



/* 메인 */
.main_wrap {
    overflow: hidden;
}

.main_wrap .main_slide_wrap .swiper-wrapper {
    height: 100vh;
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);;
}

.main_wrap .main_slide_wrap .swiper-wrapper .swiper-slide {
    width: 110%;
    height: 100%;
    background-color: #fff;
}

.main_wrap .main_slide_wrap .swiper-wrapper .swiper-slide .slide_inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.main_wrap .main_slide_wrap .swiper-wrapper .swiper-slide .swiper-rooler {
    width: 100%;
    height: 100%;
    transition: 1s;
}

.main_wrap .main_slide_wrap .swiper-wrapper .swiper-slide.next-clip .swiper-rooler {
    transform: translateX(0);
}

.main_wrap .main_slide_wrap .swiper-wrapper .swiper-slide .swiper-clip {
    width: 100%;
    height: 100%;
}

.main_wrap .main_slide_wrap .swiper-wrapper .swiper-slide.next-clip .swiper-clip {
    /* animation: clipNext .8s cubic-bezier(.16, 1, .3, 1); */
}

.main_wrap .main_slide_wrap .swiper-wrapper .swiper-slide.prev-clip .swiper-clip {
    /* animation: clipPrev .8s cubic-bezier(1, 1, .3, .16); */
}

.main_wrap .main_slide_wrap .swiper-wrapper .prepend-next-clip .swiper-rooler {
    animation: transformNext 3s cubic-bezier(.16, 1, .3, 1);;
}

.main_wrap .main_slide_wrap .swiper-wrapper .prepend-prev-clip .swiper-rooler {
    animation: transformPrev 3s cubic-bezier(.16, 1, .3, 1);;
}


.main_wrap .main_slide_wrap .swiper-wrapper .swiper-slide-active {
    z-index: 5;
}


.main_wrap .main_slide_wrap .swiper-wrapper .swiper-slide.next-clip .swiper-clip .img {
    /* animation: clipNext 0.8s cubic-bezier(1, 1, .3, .16); */
}

.main_wrap .main_slide_wrap .swiper-wrapper .swiper-slide.prev-clip .swiper-clip .img {
    /* animation: clipPrev 0.8s cubic-bezier(1, 1, .3, .16); */
}

.main_wrap .main_slide_wrap .swiper-wrapper .img {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 2s;
    transform-origin: right bottom;
}

.main_wrap .main_slide_wrap .main_text_wrap {
    max-width: 1680px;
    width: 100%;
    position: absolute;
    bottom: 160px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

.main_wrap .main_slide_wrap .main_text_wrap p {
    text-align: right;
    color: #fff;
    font-size: 100px;
    line-height: 120px;
    font-family: "DolceVita";
    letter-spacing: 10px;
}

.main_wrap .main_slide_wrap .total_wrap {
    max-width: 1680px;
    width: 100%;
    position: absolute;
    bottom: 130px;
    left: 49.5%;
    transform: translateX(-50%);
    z-index: 4;
}

.main_wrap .main_slide_wrap .total_wrap .total_box {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 150px;
    float: right;
}

.main_wrap .main_slide_wrap .total_wrap .total_box p {
    color: #fff;
    font-size: 16px;
    font-family: "Pretendard-SemiBold";
    line-height: 35px;

}

.main_wrap .main_slide_wrap .total_wrap .total_box .gallery_circle {
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 52%;
    transform: translate(-50%, -50%);
}

.main_wrap .main_slide_wrap .total_wrap .total_box .conut_wrap {
    display: flex;
    justify-content: space-between;
    width: 70px;
}

.main_wrap .main_slide_wrap .total_wrap .total_box .conut_wrap span {
    color: #fff;
    font-size: 20px;
    font-family: "Pretendard-bold";
}




.main_wrap .vdo_main_slide_wrap .swiper-wrapper {
    height: 100vh;
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);;
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .swiper-slide {
    width: 110%;
    height: 100%;
    background-color: #fff;
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .swiper-slide .slide_inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .swiper-slide .swiper-rooler {
    width: 100%;
    height: 100%;
    transition: 1s;
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .swiper-slide.next-clip .swiper-rooler {
    transform: translateX(0);
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .swiper-slide .swiper-clip {
    width: 100%;
    height: 100%;
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .swiper-slide.next-clip .swiper-clip {
    /* animation: clipNext .8s cubic-bezier(.16, 1, .3, 1); */
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .swiper-slide.prev-clip .swiper-clip {
    /* animation: clipPrev .8s cubic-bezier(1, 1, .3, .16); */
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .prepend-next-clip .swiper-rooler {
    animation: transformNext 3s cubic-bezier(.16, 1, .3, 1);;
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .prepend-prev-clip .swiper-rooler {
    animation: transformPrev 3s cubic-bezier(.16, 1, .3, 1);;
}


.main_wrap .vdo_main_slide_wrap .swiper-wrapper .swiper-slide-active {
    z-index: 5;
}


.main_wrap .vdo_main_slide_wrap .swiper-wrapper .swiper-slide.next-clip .swiper-clip .img {
    /* animation: clipNext 0.8s cubic-bezier(1, 1, .3, .16); */
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .swiper-slide.prev-clip .swiper-clip .img {
    /* animation: clipPrev 0.8s cubic-bezier(1, 1, .3, .16); */
}

.main_wrap .vdo_main_slide_wrap .swiper-wrapper .img {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 2s;
    transform-origin: right bottom;
}

.main_wrap .vdo_main_slide_wrap .main_text_wrap {
    max-width: 1680px;
    width: 100%;
    position: absolute;
    bottom: 160px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

.main_wrap .vdo_main_slide_wrap .main_text_wrap p {
    text-align: right;
    color: #fff;
    font-size: 100px;
    line-height: 120px;
    font-family: "DolceVita";
    letter-spacing: 10px;
}

.main_wrap .vdo_main_slide_wrap .total_wrap {
    max-width: 1680px;
    width: 100%;
    position: absolute;
    bottom: 130px;
    left: 49.5%;
    transform: translateX(-50%);
    z-index: 4;
}

.main_wrap .vdo_main_slide_wrap .total_wrap .total_box {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 150px;
    float: right;
}

.main_wrap .vdo_main_slide_wrap .total_wrap .total_box p {
    color: #fff;
    font-size: 16px;
    font-family: "Pretendard-SemiBold";
    line-height: 35px;

}

.main_wrap .vdo_main_slide_wrap .total_wrap .total_box .gallery_circle {
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 52%;
    transform: translate(-50%, -50%);
}

.main_wrap .vdo_main_slide_wrap .total_wrap .total_box .conut_wrap {
    display: flex;
    justify-content: space-between;
    width: 70px;
}

.main_wrap .vdo_main_slide_wrap .total_wrap .total_box .conut_wrap span {
    color: #fff;
    font-size: 20px;
    font-family: "Pretendard-bold";
}










/* 메인 슬라이드 효과 */

@keyframes clipNext {
    0% {
        /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 100% 100%); */
        clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%, 100% 50%);
    }

    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 50%);
    }
}

@keyframes transformNext {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes clipPrev {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%, 0 50%);
    }

    100% {
        clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% 50%);
    }
}

@keyframes transformPrev {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-80%);
    }
}






/* 외부미리보기 */
.prologue_preview_wrap {
    width: 100%;
    padding-bottom: 205px;
}

.prologue_preview_wrap .inner_con {
    margin-top: 105px;
}

.prologue_preview_wrap .inner_con .pp_top_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;

}

.prologue_preview_wrap .inner_con .pp_top_wrap .pp_top_left_line {
    width: 0px;
    height: 1px;
    background-color: #1a2c36;
    position: relative;
    transition: all 1s;
}

.prologue_preview_wrap .inner_con .pp_top_wrap.active .pp_top_left_line {
    width: 750px;
}

.prologue_preview_wrap .inner_con .pp_top_wrap .pp_top_left_line .pp_top_circle {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    background-color: #1a2c36;
}

.prologue_preview_wrap .inner_con .pp_top_wrap .pp_top_right_line {
    width: 0px;
    height: 1px;
    background-color: #1a2c36;
    position: relative;
    transition: all 1s;
}

.prologue_preview_wrap .inner_con .pp_top_wrap.active .pp_top_right_line {
    width: 750px;
}

.prologue_preview_wrap .inner_con .pp_top_wrap .pp_top_right_line .pp_top_circle {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    background-color: #1a2c36;
}

.prologue_preview_wrap .inner_con .pp_top_wrap .pp_top_text {
    font-size: 16px;
    color: #1a2c36;
    font-family: 'Poppins', sans-serif;
    transform: translateY(10px);
    opacity: 0;
    transition: all 1s;
}

.prologue_preview_wrap .inner_con .pp_top_wrap.active .pp_top_text {
    transform: translateY(-12px);
    opacity: 1;
}

.prologue_preview_wrap .inner_con .pp_text1 {
    color: #1a2c36;
    font-family: "DolceVita";
    font-size: 100px;
    padding-top: 100px;
    padding-left: 75px;
}

.prologue_preview_wrap .inner_con .pp_text2 {
    color: #1a2c36;
    font-family: "DolceVita";
    font-size: 100px;
    padding-left: 590px;
}

.prologue_preview_wrap .inner_con .pp_left_wrap {
    width: 700px;
    height: 900px;
    background-color: #1a2c36;
    overflow: hidden;
    position: relative;
    margin-left: 77px;
}

.prologue_preview_wrap .inner_con .pp_left_wrap .pp_left_img1 {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.prologue_preview_wrap .inner_con .pp_flex_wrap {
    display: flex;
    position: relative;
}

.prologue_preview_wrap .inner_con .pp_flex_wrap .pp_left_wrap .pp_overflow_text_wrap {
    position: absolute;
    top: -2%;
    left: -14.5%;
    transition: all 1s;
}
.poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_left_wrap .pp_overflow_text_wrap{
    top: 0%;
}
.prologue_preview_wrap .inner_con .pp_flex_wrap.active .pp_left_wrap .pp_overflow_text_wrap {
    left: 72.7%;
}

.prologue_preview_wrap .inner_con .pp_flex_wrap .PP_text3 {
    color: #1d395d;
    font-size: 150px;
    font-family: "Rosehotfreeversion-Regular";
    white-space: nowrap;
    position: absolute;
    top: -2%;
    left: -6%;
    transition: all 1s;
}

.prologue_preview_wrap .inner_con .pp_flex_wrap.active .PP_text3 {
    left: 34.5%;
}
.poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap.active .PP_text3{
    line-height: 130px;
    top: 0%;
}
.poolvilla .prologue_preview_wrap .inner_con .pp_left_wrap .PP_text4{
    line-height: 130px;
}
.prologue_preview_wrap .inner_con .pp_left_wrap .PP_text4 {
    color: #fff;
    font-size: 150px;
    font-family: "Rosehotfreeversion-Regular";
    white-space: nowrap;
}

.prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap {
    display: flex;
    align-items: center;
    position: absolute;
    top: 18%;
    left: 36%;
}
.poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap{
    top: 30%;
}
.prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap .pp_text5 {
    color: #1a2c36;
    font-size: 100px;
    font-family: "DolceVita";
    position: relative;
}

.prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap .pp_text5 img {
    position: absolute;
    bottom: 0;
    transform: translateX(20px);
}

.prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap .pp_text6 {
    display: block;
    position: relative;
    background-color: #1d395d;
    border: 1px solid transparent;
    width: 186px;
    height: 70px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    left: 100px;
    transition: all 0.5s;
}

.prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap .pp_text6:hover {
    background-color: #fff;
    color: #1d395d;
    border: 1px solid #1d395d;
}

.prologue_preview_wrap .inner_con .pp_right_wrap .pp_text7 {
    padding-left: 100px;
    padding-top: 310px;
    color: #282d30;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    line-height: 25px;
}
.poolvilla .prologue_preview_wrap .inner_con .pp_right_wrap .pp_text7{
    padding-top: 450px;
}
.prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img {
    width: 400px;
    height: 276px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img .pp_right_img1 {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transition: all 1s;
}

.prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img .pp_right_img1.active {
    box-shadow: 7px 7px 7px rgba(128, 128, 128, 0.425);

}

.prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img .pp_right_img1 p {
    color: #282d30;
    font-size: 12px;
    font-family: "Pretendard-Medium";
    transform: rotate(270deg) translateY(-30px);
    bottom: 37%;
    left: -37%;
    position: absolute;
    text-transform: uppercase;
    transition: all 1s;
    opacity: 0;
}

.prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img .pp_right_img1.active p {
    transform: rotate(270deg) translateY(0px);
    opacity: 1;
}

/* 룸프리뷰 */
.room_preview_wrap {
    width: 100%;
}

.room_preview_wrap .room_preview_bg {
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.room_preview_up_wrap {
    max-width: 1680px;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
}

.room_preview_up_wrap .room_preview_center_text {
    position: absolute;
    top: 50%;
    left: 153%;
    transform: translate(-50%, -50%);
    color: #1d395d;
    font-size: 200px;
    font-family: "Rosehotfreeversion-Regular";
    white-space: nowrap;
    animation: text_right_move 100s infinite linear;
    text-transform: uppercase;
}

@keyframes text_right_move {
    0% {
        left: 153%;

    }

    100% {
        left: -53%;

    }
}

.room_preview_up_wrap .inner_con {
    display: flex;
    justify-content: space-between;
    max-width: 1525px;
    width: 100%;
    margin: 0 auto;
    margin-top: 80px;
}

.room_preview_up_wrap .inner_con .room_preview_page_wrap {
    width: 500px;
    height: 240px;
    position: relative;
}

.room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_title_text {
    position: absolute;
    transition: all 0.6s;
    opacity: 0;
}

.room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_title_text.active {
    opacity: 1;
}

.room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_title_text .rp_text1 {
    color: #1a2c36;
    font-size: 60px;
    font-family: "DolceVita";
    white-space: nowrap;
}

.room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_title_text .rp_text2 {
    color: #282d30;
    font-size: 15px;
    line-height: 25px;
    font-family: "Pretendard-Medium";
    margin-top: 15px;
}

.room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_button_wrap {
    display: flex;
    position: absolute;
    bottom: 0;
}

.room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_button_wrap .prev {
    width: 52px;
    height: 52px;
    border: 1px solid #1a2c36;
    position: relative;
    cursor: pointer;
}

.room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_button_wrap .prev img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_button_wrap .next {
    width: 52px;
    height: 52px;
    border-top: 1px solid #1a2c36;
    border-bottom: 1px solid #1a2c36;
    border-right: 1px solid #1a2c36;
    position: relative;
    cursor: pointer;
}

.room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_button_wrap .next img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.room_preview_slide_wrap {
    width: 512px;
    height: 602px;
    transform: translateY(117px);
}

.room_preview_slide_wrap .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.room_preview_slide_wrap .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.room_preview_slide_wrap .room_preview_total_wrap {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 150px;
    margin: 0 auto;
    margin-top: 20px;
}

.room_preview_slide_wrap .room_preview_total_wrap span {
    color: #1a2c36;
    font-size: 16px;
    font-family: "DolceVitaHeavy-Bold";
    display: block;
}

.room_preview_slide_wrap .room_preview_total_wrap .line_wrap {
    width: 95px;
    max-width: 900px;
    height: 1px;
    background-color: #a8aeb6;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.room_preview_slide_wrap .room_preview_total_wrap .line_wrap .line_bar {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #1a2c36;
    transform: scaleX(0);
    transform-origin: left;
    top: 0px;
    z-index: 12;
}

.room_preview_slide_wrap .room_preview_total_wrap .line_wrap .line_bar.active {
    animation: timer_ani 3s linear;
}

@keyframes timer_ani {
    0% {
        transform: scaleX(0);
    }

    100% {
        transform: scaleX(1);
    }
}

.room_preview_slide_wrap .room_preview_circle_wrap {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    right: -50px;
    z-index: 12;
}

.room_preview_slide_wrap .room_preview_circle_wrap .circle_box {
    width: 100%;
    height: 100%;
}

.room_preview_slide_wrap .room_preview_circle_wrap .circle_box img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: ani_rotate 10s infinite linear;
}

@keyframes ani_rotate {
    0% {
        transform: rotate(-360deg);
    }

    100% {
        transform: rotate(360deg);

    }

}

.room_preview_up_wrap .inner_con .room_preview_right_text {
    width: 500px;
    text-align: right;
    color: #313131;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}

/* 스페셜프리뷰 */
#parallax__cont {
    width: 900%;
    height: auto !important;
    max-height: 600px;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    overscroll-behavior: none;
}

.sp_img_wrap {
    width: 100%;
    max-width: 1920px;
    height: 760px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 100px;
}

.sp_img_wrap .sp_img {
    position: absolute;
    width: 100%;
    max-width: 1574px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_img {
    width: 750px;
    height: 530px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_img .sp_left_top_img {
    position: absolute;
    right: -145px;
    top: -80px;
    width: 222px;
    height: 266px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
}

.sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_img .sp_left_top_img.active {
    box-shadow: 7px 7px 7px rgba(128, 128, 128, 0.425);

}

.sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_text_box {
    margin-top: 55px;
    margin-left: 55px;
}

.sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_text_box .sp_text_list1 {
    color: #313131;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

.sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_text_box .sp_text_list2 {
    color: #313131;
    font-size: 50px;
    font-family: "DolceVita";
}

.sp_img_wrap .sp_img .sp_right_img_wrap {
    margin-top: 80px;
}

.sp_img_wrap .sp_img .sp_right_img_wrap .sp_right_img {
    width: 460px;
    height: 600px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.sp_img_wrap .sp_img .sp_right_img_wrap .sp_right_img a {
    position: absolute;
    display: block;
    bottom: 0;
    left: -150px;
    width: 186px;
    height: 70px;
    background-color: #1d395d;
    border: 1px solid transparent;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    color: #ffffff;
    font-size: 16px;
    font-family: "Pretendard-Medium";
    transition: all 0.5s;

}

.sp_img_wrap .sp_img .sp_right_img_wrap .sp_right_img a:hover {
    background-color: #fff;
    border: 1px solid #1d395d;
    color: #1d395d;

}

/* 진행바 */
#parallax__cont .parallax__progress {
    width: 1680px;
    position: absolute;
    bottom: -45%;
    left: 120px;
    z-index: 1000;
}

#parallax__cont .parallax__progress .bar {
    width: 100%;
    height: 1px;
    display: flex;
    align-items: stretch;
    background-color: #d1d5d7;
}

.box {
    transition: all 0.5s;
    background-color: #1a2c36;
    flex-grow: 1;
}

/* progress::-webkit-progress-bar {
    background: transparent;
}
progress::-webkit-progress-value {
    background-color: black;
    background-attachment: fixed;
}
progress::-moz-progress-bar {
    background-color: transparent;
    background-attachment: fixed;
} */
/* 푸터위에 bg */
.botoom_bg {
    width: 100%;
    height: 100vh;
    position: relative;
    margin-top: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.botoom_bg p {
    text-transform: uppercase;
}

.botoom_bg .inner_con {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.botoom_bg .bottom_text1 {
    font-family: "DolceVita";
    color: #fff;
    font-size: 100px;
    padding-top: 240px;
    line-height: 100px;
    letter-spacing: 5px;
}

.text_opacity_Y {
    transition: all 1s;
    opacity: 0;
    transform: translateY(50px);
}

.text_opacity_Y.active {
    opacity: 1;
    transform: translateY(0px);
}

.m_text_opacity_Y {
    transition: all 1s;
    opacity: 0;
    transform: translateY(50px);
}

.m_text_opacity_Y.active {
    opacity: 1;
    transform: translateY(0px);
}

.botoom_bg .bottom_text2 {
    font-family: "Rosehotfreeversion-Regular";
    color: #fff;
    font-size: 150px;
    text-align: right;
}

.botoom_bg .inner_con a {
    width: 186px;
    height: 70px;
    border-radius: 50%;
    background-color: transparent;
    border: 3px solid #fff;
    font-size: 16px;
    text-align: center;
    line-height: 70px;
    font-family: "Pretendard-SemiBold";
    display: block;
    margin: 0 auto;
    margin-top: 100px;
    transition: all 0.5s;
}

.botoom_bg .inner_con a:hover {
    background-color: transparent;
    border: 3px solid #172c46;
    color: #172c46;

}


/* 외부 */
.view .botoom_bg {
    margin-top: 170px;
}

.view_con1_wrap {
    width: 100%;
}

.view_con1_wrap .view_con1_Text1 {
    color: #1a2c36;
    font-size: 80px;
    font-family: "DolceVita";
    text-align: center;
    margin-bottom: 180px;
}

.view_con1_wrap .view_con1_Text2 {
    color: #1d395d;
    font-size: 250px;
    font-family: "Rosehotfreeversion-Regular";
    text-align: center;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.view_con1_wrap .view_con1_img_wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
    z-index: 4;
}

.view_con1_wrap .view_con1_img_wrap .view_con1_img_box1 {
    width: 280px;
    height: 340px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 140px;
    transition: all 1s;
}

.view_con1_wrap .view_con1_img_wrap.active .view_con1_img_box1 {
    margin-top: 40px;
}

.view_con1_wrap .view_con1_img_wrap .view_con1_img_box2 {
    width: 280px;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 255px;
    transition: all 1s;
}

.view_con1_wrap .view_con1_img_wrap.active .view_con1_img_box2 {
    margin-top: 300px;
}

.view_con1_wrap .view_con1_img_wrap .view_con1_img_box3 {
    width: 580px;
    height: 650px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 7px 7px 7px rgba(128, 128, 128, 0.425);
}

.view_con1_wrap .view_con1_img_wrap .view_con1_img_box4 {
    width: 280px;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 300px;
    transition: all 1s;
}

.view_con1_wrap .view_con1_img_wrap.active .view_con1_img_box4 {
    margin-top: 255px;
}

.view_con1_wrap .view_con1_img_wrap .view_con1_img_box5 {
    width: 280px;
    height: 340px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 40px;
    transition: all 1s;
}

.view_con1_wrap .view_con1_img_wrap.active .view_con1_img_box5 {
    margin-top: 140px;
}

.view_con1_wrap .view_con1_Text3 {
    color: #282d30;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    margin-top: 70px;
    margin-bottom: 70px;
    text-align: center;
    line-height: 25px;
}

.view_movie_wrap {
    max-width: 1400px;
    width: 100%;
    height: 700px;
    margin: 0 auto;
    position: relative;
}

.view_movie_wrap .view_movie_box {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.view_movie_wrap p {
    color: #282d30;
    font-size: 12px;
    font-family: "Pretendard-Medium";
    position: absolute;
    right: -9%;
    bottom: 12%;
    transform: rotate(270deg);
}

/* 객실 */
.room .botoom_bg {
    margin-top: unset;
}

.room .room_preview_up_wrap {
    overflow: unset;
}

.room .prologue_preview_wrap {
    padding-bottom: 130px;
}

.room_con1_wrap {
    width: 100%;
}

.room_con1_wrap .room_con1_text_wrap {
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-right: 80px;
    margin-bottom: 130px;
}

.room_con1_wrap .room_con1_text_wrap .room_circle_text {
    width: 161px;
    height: 161px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -15px;
    left: -35px;
    transition: all 1s;
    transform: rotate(0deg);
}
.room_con1_wrap .room_con1_text_wrap .room_circle_text.active{
    transform: rotate(20deg);
}

.room_con1_wrap .room_con1_text_wrap .room_con1_text1 {
    color: #1d395d;
    font-size: 120px;
    font-family: "Rosehotfreeversion-Regular";
}

.room_con1_wrap .room_con1_text_wrap .room_con1_text2 {
    color: #51646e;
    font-size: 14px;
    font-family: "Pretendard-Regular";
}

.room_con1_wrap .room_con1_text_wrap .room_con1_text3 {
    color: #1a2c36;
    font-size: 14px;
    font-family: "Pretendard-Medium";
}

.room_con1_wrap .room_con1_info_wrap {
    max-width: 1550px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

/* .room_con1_wrap .room_con1_info_wrap .room_overwrap_text {
    position: absolute;
    top: 588px;
    left: 415px;
    color: #1a2c36;
    font-size: 80px;
    font-family: "DolceVita";
} */
.room_con1_wrap .room_con1_info_wrap .room_overwrap_text {
    position: absolute;
    bottom: -19px;
    right: -294px;
    color: #1a2c36;
    font-size: 80px;
    font-family: "DolceVita";
}
.room_con1_wrap .room_con1_info_wrap .room_con1_sobig_wrap{
    width: 600px;
    height: 660px;
    position: relative;
}

.room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap {
    width: 600px;
    height: 660px;
    position: relative;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-image:url(../img/common/room_second_img1.png);
}
.room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap .room_overflow_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap .white_vertical {
    width: 38px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 120px;
}

.room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap .white_bottom {
    width: 131px;
    height: 149px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap .room_overflow_text {
    position: absolute;
    bottom: -20px;
    left: 415px;
    color: #fff;
    font-size: 80px;
    font-family: "DolceVita";
    white-space: nowrap;
}

.room_con1_wrap .room_con1_info_wrap .room_info_right_wrap {
    width: 840px;
    position: relative;
    z-index: 10;
}

.room_con1_wrap .room_con1_info_wrap .room_info_right_wrap .room_right_text_wrap {
    width: 100%;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text1 {
    width: 100%;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text1 .inner_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text1 .inner_con .ri_text1 {
    color: #848c90;
    font-size: 15px;
    font-family: "Pretendard-Medium";
}

.room_info_right_wrap .room_right_text_wrap .room_info_text2 {
    width: 100%;
    height: 95px;
    overflow: hidden;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    transition: all 0.5s;
    cursor: pointer;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text2.active {
    height: 60px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text2 .inner_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text2 .inner_con .ri_text1 {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-SemiBold";
}

.room_info_right_wrap .room_right_text_wrap .room_info_text2 .inner_con .plus_wrap {
    width: 14px;
    height: 14px;
    position: relative;
    top: 10px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text2 .inner_con .plus_wrap .plus_line1 {
    width: 100%;
    height: 1.5px;
    background-color: #1a2c36;
    display: block;
    position: absolute;
    top: 0;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text2 .inner_con .plus_wrap .plus_line2 {
    width: 100%;
    height: 1.5px;
    background-color: #1a2c36;
    display: block;
    position: absolute;
    top: 0;
    transition: all 0.5s;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text2.active .inner_con .plus_wrap .plus_line2 {
    transform: rotate(90deg);
}

.room_info_right_wrap .room_right_text_wrap .room_info_text2 .ri_text3 {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    margin-left: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
}


.room_info_right_wrap .room_right_text_wrap .room_info_text3 {
    width: 100%;
    height: 60px;
    overflow: hidden;
    border-bottom: 1px solid #000000;
    transition: all 0.5s;
    cursor: pointer;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text3.active {
    height: 95px;
}
.poolvilla .room_info_right_wrap .room_right_text_wrap .room_info_text3.active {
    height: 116px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text3 .inner_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text3 .inner_con .ri_text1 {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-SemiBold";
}

.room_info_right_wrap .room_right_text_wrap .room_info_text3 .inner_con .plus_wrap {
    width: 14px;
    height: 14px;
    position: relative;
    top: 10px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text3 .inner_con .plus_wrap .plus_line1 {
    width: 100%;
    height: 1.5px;
    background-color: #1a2c36;
    display: block;
    position: absolute;
    top: 0;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text3 .inner_con .plus_wrap .plus_line2 {
    width: 100%;
    height: 1.5px;
    background-color: #1a2c36;
    display: block;
    position: absolute;
    top: 0;
    transform: rotate(90deg);
    transition: all 0.5s;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text3.active .inner_con .plus_wrap .plus_line2 {
    transform: rotate(0deg);

}

.room_info_right_wrap .room_right_text_wrap .room_info_text3 .ri_text3 {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    margin-left: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
}



.room_info_right_wrap .room_right_text_wrap .room_info_text4 {
    width: 100%;
    height: 60px;
    overflow: hidden;
    border-bottom: 1px solid #000000;
    transition: all 0.5s;
    cursor: pointer;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text4.active {
    height: 121px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text4 .inner_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text4 .inner_con .ri_text1 {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-SemiBold";
}

.room_info_right_wrap .room_right_text_wrap .room_info_text4 .inner_con .plus_wrap {
    width: 14px;
    height: 14px;
    position: relative;
    top: 10px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text4 .inner_con .plus_wrap .plus_line1 {
    width: 100%;
    height: 1.5px;
    background-color: #1a2c36;
    display: block;
    position: absolute;
    top: 0;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text4 .inner_con .plus_wrap .plus_line2 {
    width: 100%;
    height: 1.5px;
    background-color: #1a2c36;
    transform: rotate(90deg);
    transition: all 0.5s;
    display: block;
    position: absolute;
    top: 0;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text4.active .inner_con .plus_wrap .plus_line2 {
    transform: rotate(0deg);
}

.room_info_right_wrap .room_right_text_wrap .room_info_text4 .room_price_wrap {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    margin-left: 40px;
    margin-top: 20px;
    margin-bottom: 15px;
}



.room_info_right_wrap .room_right_text_wrap .room_info_text5 {
    width: 100%;
    height: 60px;
    overflow: hidden;
    border-bottom: 1px solid #000000;
    transition: all 0.5s;
    cursor: pointer;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text5.active {
    height: 330px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text5 .inner_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text5 .inner_con .ri_text1 {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-SemiBold";
}

.room_info_right_wrap .room_right_text_wrap .room_info_text5 .inner_con .plus_wrap {
    width: 14px;
    height: 14px;
    position: relative;
    top: 10px;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text5 .inner_con .plus_wrap .plus_line1 {
    width: 100%;
    height: 1.5px;
    background-color: #1a2c36;
    display: block;
    position: absolute;
    top: 0;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text5 .inner_con .plus_wrap .plus_line2 {
    width: 100%;
    height: 1.5px;
    background-color: #1a2c36;
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: 0;
    transition: all 0.5s;
}

.room_info_right_wrap .room_right_text_wrap .room_info_text5.active .inner_con .plus_wrap .plus_line2 {
    transform: rotate(0deg);
}

.room_info_right_wrap .room_right_text_wrap .room_info_text5 .room_price_wrap {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    margin-left: 40px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.room_con1_wrap .room_con1_bottom_wrap {
    margin-top: 40px;
    margin-bottom: 280px;
}

.room_con1_wrap .room_con1_bottom_wrap .room_con1_bottom_text1 {
    text-transform: uppercase;
    text-align: center;
    color: #1a2c36;
    font-size: 80px;
    font-family: "DolceVita";
}

.room_con1_wrap .room_con1_bottom_wrap .room_con1_bottom_text2 {
    text-transform: uppercase;
    text-align: center;
    color: #1d395d;
    font-size: 170px;
    font-family: "Rosehotfreeversion-Regular";
}
.poolvilla .room_con1_wrap .room_con1_bottom_wrap .room_con1_bottom_text2{
    line-height: 140px;
}
.room_con1_wrap .room_con1_bottom_wrap .room_con1_bottom_text3 {
    text-align: center;
    color: #51646e;
    font-size: 14px;
    line-height: 25px;
    font-family: "Pretendard-Regular";
}

.room_con1_wrap .room_con1_bottom_wrap .room_con1_right_bottom {
    width: 413px;
    height: 292px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
    box-shadow: 7px 7px 7px rgba(128, 128, 128, 0.425);
}

/* 스페셜 */
.special_con1_wrap {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    background-color: transparent;
    padding-bottom: 220px;
}

.special_con1_wrap .inner_con {
    width: 100%;
    max-width: 1500px;
    background-color: #172c46;
}

.special_con1_wrap .special_center_img {
    width: 1190px;
    height: 595px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.special_con1_wrap .special_center_img img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.special_con1_wrap .special_con1_text1 {
    color: #ffffff;
    font-size: 120px;
    font-family: "Rosehotfreeversion-Regular";
    line-height: 120px;
    padding-top: 530px;
    text-align: center;
    z-index: 3;
    position: relative;
    transition-delay: 0.2s;
}

.special_con1_wrap .special_con1_text2 {
    color: #ffffff;
    font-size: 20px;
    font-family: "Pretendard-Regular";
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
    transition-delay: 0.35s;


}

.special_con1_wrap .special_con1_text2 span {
    display: block;
    clear: both;
    content: "";
    width: 84px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.special_con1_wrap .special_con1_text3 {
    color: #ffffff;
    font-size: 16px;
    font-family: "Pretendard-Light";
    line-height: 28px;
    text-align: center;
    margin-bottom: 75px;
    transition-delay: 0.5s;
}

.special_con1_wrap .special_triple_box {
    width: 135px;
    height: 135px;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    transform: translateY(166.5px) rotate(45deg);
    transition: all 1s;
    opacity: 0;

}

.special_con1_wrap .special_triple_box.active {
    opacity: 1;
    transform: translateY(67.5px) rotate(45deg);
}

.special_con1_wrap .special_triple_box span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    color: #172c46;
    font-size: 80px;
    font-family: "Rosehotfreeversion-Regular";
}

.wifi .main_slide_wrap{
    pointer-events: none;
}
.wifi .vdo_main_slide_wrap{
    pointer-events: none;
}
/* 투어 */
.tour .botoom_bg {
    margin-top: unset;
}

.tour_top_wrap {
    max-width: 1792px;
    width: 100%;
    margin-top: 115px;
}

.tour_top_wrap .tour_top_img {
    max-width: 1792px;
    width: 100%;
    height: 720px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tour_top_wrap .tour_top_img .tour_top_text {
    font-size: 170px;
    color: #fff;
    font-family: "Rosehotfreeversion-Regular";
    position: absolute;
    bottom: -130px;
    right: 0;
    transition: all 1s;
}
.tour_top_wrap .tour_top_img .tour_top_text.active{
    right: 50px;

}

.tour_top_wrap .tour_top_overflow_text {
    font-size: 170px;
    color: #1d395d;
    font-family: "Rosehotfreeversion-Regular";
    position: absolute;
    bottom: -130px;
    right: 0;
    z-index: 1;
    transition: all 1s;
}
.tour_top_wrap .tour_top_overflow_text.active{
    right: 50px;
}

.tour_con1_wrap::after {
    display: block;
    clear: both;
    content: "";
}

.tour_con1_wrap {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    margin-top: 235px;
    position: relative;
}

.tour_con1_wrap .tour_left_list_wrap {
    position: sticky;
    top: 250px;
    left: 0px;
    float: left;
    margin-top: 90px;
}

.tour_con1_wrap .tour_left_list_wrap ul li a {
    color: #848c90;
    font-size: 18px;
    font-family: "Pretendard-Regular";
    transition: all 0.5s;
    line-height: 40px;
    pointer-events: none;
}

.tour_con1_wrap .tour_left_list_wrap ul li.active a {
    color: #1a2c36;
    font-family: "Pretendard-SemiBold";
}

.tour_con1_wrap .tour_right_list_wrap {
    width: 721px;
    float: right;
}

.tour_con1_wrap .tour_right_list_wrap .tour_right_box {
    width: 100%;
}

.tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_slide_box {
    width: 100%;
    height: 461px;
    position: relative;
}

.tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_slide_box .swiper-wrapper {
    width: 100%;
    height: 100%;

}

.tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_slide_box .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: unset;
    transform: rotate(45deg);
    background: #fff;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background-color: #172c46 !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 8px;
}
.tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_slide_box .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_slide_box .tour_slide_right_box {
    width: 108px;
    height: 108px;
    background-color: #fff;
    position: absolute;
    bottom: -54px;
    right: -54px;
    transform: rotate(45deg);
    z-index: 2;
}

.tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_slide_box .tour_slide_right_box span {
    position: absolute;
    top: 30%;
    left: 30%;
    transform: translate(-50%, -0%) rotate(-45deg);
    color: #1d395d;
    font-size: 35px;
    font-family: "Rosehotfreeversion-Regular";
}

.tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_text1 {
    color: #1a2c36;
    font-size: 28px;
    font-family: "Pretendard-SemiBold";
    margin-top: 50px;
}

.tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_text2 {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-Medium";
    margin-top: 5px;
    margin-bottom: 30px;
}

.tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_text3 {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-SemiBold";
    line-height: 28px;
    margin-bottom: 190px;
}

/* 오시는길 */

/* 외부미리보기 */
.map .botoom_bg {
    margin-top: 105px;
}

.map_con1_wrap {
    width: 100%;
    padding-bottom: 100px;
}

.map_con1_wrap .inner_con {
    margin-top: 250px;
}

.map_con1_wrap .inner_con .pp_top_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;

}

.map_con1_wrap .inner_con .pp_top_wrap .pp_top_left_line {
    width: 0px;
    height: 1px;
    background-color: #1a2c36;
    position: relative;
    transition: all 1s;
}

.map_con1_wrap .inner_con .pp_top_wrap.active .pp_top_left_line {
    width: 750px;
}

.map_con1_wrap .inner_con .pp_top_wrap .pp_top_left_line .pp_top_circle {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    background-color: #1a2c36;
}

.map_con1_wrap .inner_con .pp_top_wrap .pp_top_right_line {
    width: 0px;
    height: 1px;
    background-color: #1a2c36;
    position: relative;
    transition: all 1s;
}

.map_con1_wrap .inner_con .pp_top_wrap.active .pp_top_right_line {
    width: 750px;
}

.map_con1_wrap .inner_con .pp_top_wrap .pp_top_right_line .pp_top_circle {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    background-color: #1a2c36;
}

.map_con1_wrap .inner_con .pp_top_wrap .pp_top_text {
    font-size: 16px;
    color: #1a2c36;
    font-family: 'Poppins', sans-serif;
    transform: translateY(10px);
    opacity: 0;
    transition: all 1s;
}

.map_con1_wrap .inner_con .pp_top_wrap.active .pp_top_text {
    transform: translateY(-12px);
    opacity: 1;
}

.map_con2_wrap {
    width: 100%;
}

.map_con2_wrap .pc_map {
    max-width: 1525px;
    width: 100%;
    height: 680px;
    margin: 0 auto;
}

.map_con3_wrap {
    width: 100%;
}

.map_con3_wrap .inner_con {
    width: 1525px;
    margin: 0 auto;
    margin-right: 100px;

}

.map_con3_wrap .inner_con .map_con3_text1 {
    color: #302a22;
    font-size: 68px;
    font-family: "Rosehotfreeversion-Regular";
    margin-top: 80px;
}

.map_con3_wrap .inner_con .map_con3_text2 {
    color: #1a2c36;
    font-size: 20px;
    font-family: "Pretendard-SemiBold";
    margin-bottom: 20px;
    margin-top: 15px;
}

.map_con3_wrap .inner_con .map_con3_text2 span {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    margin-left: 10px
}

.map_con3_wrap .inner_con .map_con3_text3 {
    color: #1a2c36;
    font-size: 20px;
    font-family: "Pretendard-SemiBold";
}

.map_con3_wrap .inner_con .map_con3_text3 span {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-bold";
    margin-left: 28px;
}

.map_con3_wrap .inner_con .map_text_box3 p {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    margin-left: 105px;
    margin-top: 5px;
    line-height: 28px;
}

.map_con3_wrap .inner_con .map_text_box3 span {

    font-family: "Pretendard-bold";
}
.map_con2_wrap .m_map{
    display: none;
}
/* 예약안내 */
.m_refund_table{
     display: none;
}
.reser_con1_wrap {
    width: 100%;
}

.reser_con1_wrap .inner_con {
    max-width: 1525px;
    margin: 0 auto;
    display: flex;
}

.reser_con1_wrap .inner_con .reser_con1_left_wrap .reser_left_text1 {
    color: #302a22;
    font-size: 68px;
    font-family: "Rosehotfreeversion-Regular";
}

.reser_con1_wrap .inner_con .reser_con1_left_wrap .reser_left_text2 {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-SemiBold";
}

.reser_con1_wrap .inner_con .reser_con1_left_wrap .reser_left_img {
    width: 340px;
    height: 207px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.reser_con1_wrap .inner_con .reser_right_wrap {
    margin-left: 520px;
}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text1 {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-SemiBold";
    display: flex;
}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text1 span {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    display: block;
    margin-left: 20px;
    line-height: 25px;
}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text2 {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-SemiBold";
    margin-top: 40px;
    margin-bottom: 30px;
}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text2 a {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-bold";
    margin-left: 20px;
}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text3 {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    line-height: 28px;
}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text3 span {
    text-decoration: underline;
}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_three_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 25px;
}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_three_wrap .reser_one_wrap p:first-child {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-bold";

}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_three_wrap .reser_one_wrap p:last-child {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";

}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text4 {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-bold";
    line-height: 25px;
}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text4 span {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";
}

.reser_con1_wrap .inner_con .reser_right_wrap .reser_three_wrap .reser_line1 {
    width: 1px;
    height: 22px;
    background-color: #1a2c36;
    margin-top: 10px;
}

.reser_con1_wrap .reser_price_wrap {
    width: 100%;
    max-width: 1525px;
    margin: 0 auto;
    margin-top: 85px;
}

.reser_con2_wrap {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

.reser_con2_wrap .inner_con {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.reser_con2_wrap .inner_con .reser_con2_left_wrap{
    width: 50%;
}
.reser_con2_wrap .reser_con2_title_text1 {
    color: #302a22;
    font-size: 68px;
    font-family: "Rosehotfreeversion-Regular";
    margin-top: 110px;
}

.reser_con2_wrap .reser_con2_title_text2 {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-SemiBold";
    margin-bottom: 50px;
}

.reser_con2_wrap .inner_con .reser_con2_left_wrap li {
    color: #1a2c36;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    line-height: 28px;
    margin-bottom: 40px;

}

.reser_con2_wrap .inner_con .reser_con2_right_wrap li {
    font-family: "Pretendard-Medium";
    font-size: 15px;
    color: #1a2c36;
    line-height: 28px;
}

.reser_con2_wrap .inner_con .reser_con2_right_wrap li span {
    font-family: "Pretendard-SemiBold";
    font-size: 18px;
    color: #1a2c36;
}

.reser_con2_wrap .inner_con .reser_con2_right_wrap .reser_con2_line {
    width: 633px;
    height: 1px;
    background-color: #1a2c36;
    margin-top: 35px;
    margin-bottom: 30px;
}

.reser_con2_wrap .refund_inner_con {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    margin-top: 120px;
}

.reser_con2_wrap .refund_inner_con .refund_text1 {
    text-align: center;
    color: #302a22;
    font-size: 68px;
    font-family: "Rosehotfreeversion-Regular";
}

.reser_con2_wrap .refund_inner_con .refund_text2 {
    color: #1a2c36;
    font-size: 18px;
    font-family: "Pretendard-SemiBold";
    text-align: center;
}

.reser_con2_wrap .refund_inner_con .refund_text3 {
    color: #302a22;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    line-height: 25px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 65px;
}

.reser_con2_wrap .refund_inner_con .refund_table {
    width: 100%;
    margin: 0 auto;
}
.reser_con2_wrap .refund_inner_con .refund_table .refund_table_box1{
    width: 100%;
    height: 40px;
    background-color: #1d395d;

}
.reser_con2_wrap .refund_inner_con .refund_table .refund_table_box1 ul{
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.reser_con2_wrap .refund_inner_con .refund_table .refund_table_box1 ul li{
    width: 12.5%;
    color: #ffffff;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    line-height: 40px;
    text-align: center;
}

.reser_con2_wrap .refund_inner_con .refund_table .refund_table_box2{
    width: 100%;
    height: 40px;
    background-color: #fff;

}
.reser_con2_wrap .refund_inner_con .refund_table .refund_table_box2 ul{
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.reser_con2_wrap .refund_inner_con .refund_table .refund_table_box2 ul li{
    width: 12.5%;
    color: #1d395d;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    line-height: 40px;
    text-align: center;
}


.reser_con2_wrap .refund_inner_con .refund_table .refund_table_box3{
    width: 100%;
    height: 40px;
    background-color: #fff;

}
.reser_con2_wrap .refund_inner_con .refund_table .refund_table_box3 ul{
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.reser_con2_wrap .refund_inner_con .refund_table .refund_table_box3 ul li{
    width: 12.5%;
    color: #1d395d;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    line-height: 40px;
    text-align: center;
}
.reser_con2_wrap .refund_inner_con .refund_box{
    width: 740px;
    height: 100px;
    border: 1px solid #b7b1a8;
    margin: 0 auto;
    margin-top: 75px;
    margin-bottom: 135px;
}
.reser_con2_wrap .refund_inner_con .refund_box p{
    text-align: center;
    color: #302a22;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    line-height: 26px;
    margin-top: 25px;
}

/* 공지사항 */
.notice_con1_wrap{
    width: 100%;
}
.notice_con1_wrap .inner_con{
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
}

/* 푸터 */
.ft {
    width: 100%;
    height: 520px;
    background-color: #172c46;
}

.ft .inner_con {
    max-width: 1660px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 100px;
}

.ft .inner_con .ft_left_wrap .ft_logo {
    width: 284px;
    height: 37px;
}

.ft .inner_con .ft_left_wrap .ft_logo a img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* 로고두번쨰 */


.ft .inner_con .ft_left_wrap .ft_logo1 {
    width: 284px;
    height: 80px;
}

.ft .inner_con .ft_left_wrap .ft_logo1 a img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* 로고세번쨰 */


.ft .inner_con .ft_left_wrap .ft_logo2 {
    width: 80px;
    height: 80px;
}

.ft .inner_con .ft_left_wrap .ft_logo2 a img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ft .inner_con .ft_left_wrap .tel_link {
    display: block;
    font-size: 30px;
    color: #fff;
    font-family: "DolceVitaHeavy-Bold";
    margin-top: 65px;
    margin-bottom: 30px;
}

.ft .inner_con .ft_left_wrap .ft_info_flex_wrap {
    display: flex;
    justify-content: space-between;
    width: 1200px;
}

.ft .inner_con .ft_left_wrap .ft_info_flex_wrap p {
    width: 33.33%;
    color: #fcfeff;
    font-size: 15px;
    font-family: "Pretendard-Medium";
    line-height: 26px;
}

.ft .inner_con .ft_left_wrap .copy_right {
    color: #ffffff;
    font-size: 11px;
    font-family: "Pretendard-Regular";
    text-transform: uppercase;
    margin-top: 60px;
}

.ft .inner_con .ft_right_wrap .sns_wrap {
    display: flex;
    width: 100px;
    justify-content: space-between;

}

.ft .inner_con .ft_right_wrap {
    margin-left: 350px;
}

.ft .inner_con .ft_right_wrap .sns_wrap a {
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    font-size: 18px;
    transition: all 0.5s;
    border: 1px solid transparent;
}

.ft .inner_con .ft_right_wrap .sns_wrap a .fa-brands {
    color: #1d395d;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}

.ft .inner_con .ft_right_wrap .manage_text {
    font-size: 15px;
    color: #fff;
    font-family: "Pretendard-Regular";
    position: relative;
    text-align: center;
    margin-top: 250px;
    display: block;
}

.ft .inner_con .ft_right_wrap .manage_text::after {
    display: block;
    clear: both;
    content: "";
    width: 105%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ft .inner_con .ft_right_wrap .ft_insta:hover {
    background-color: #1d395d;
}

.ft .inner_con .ft_right_wrap .ft_insta:hover .fa-brands {
    color: #fff;

}

.ft .inner_con .ft_right_wrap .ft_blog:hover {
    background-color: #1d395d;
}

.ft .inner_con .ft_right_wrap .ft_blog:hover .fa-brands {
    color: #fff;

}
@media all and (max-width: 1660px) {
    .hd .inner_con .hd_logo_wrap .hd_logo{
        width: 100%;
        height: auto;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo a img{
        width: 100%;
        height: 100%;
    }
    .hd .inner_con .hd_logo_wrap1 .hd_logo{
        width: 100%;
        height: auto;
    }
    .hd .inner_con .hd_logo_wrap1 .hd_logo a img{
        width: 100%;
        height: 100%;
    }
    .hd .inner_con .hd_logo_wrap2 .hd_logo{
        width: 100%;
        height: auto;
    }
    .hd .inner_con .hd_logo_wrap2 .hd_logo a img{
        width: 100%;
        height: 100%;
    }
    .prologue_preview_wrap .inner_con .pp_top_wrap .pp_top_text{
        padding-left: 10px;
        padding-right: 10px;
        white-space: nowrap;
    }
    #parallax__cont .parallax__progress{
        width: 100%;
        left: unset;
    }
    .view_movie_wrap p{
        transform: translateY(50px);
        position: unset;
        text-align: center;
    }
    .ft .inner_con{
        display: block;
        padding-top: 40px;
    }
    .ft .inner_con .ft_left_wrap .ft_logo{
        margin: 0 auto;
    }
    .ft .inner_con .ft_left_wrap .ft_logo1{
        margin: 0 auto;
    }
    .ft .inner_con .ft_left_wrap .ft_logo2{
        margin: 0 auto;
    }
    .ft .inner_con .ft_left_wrap .tel_link{
        text-align: center;
    }
    .ft .inner_con .ft_left_wrap .ft_info_flex_wrap{
        margin: 0 auto;
    }
    .ft .inner_con .ft_left_wrap .copy_right{
        text-align: center;
        margin-bottom: 10px;
    }
    .ft .inner_con .ft_right_wrap{
        margin-left: unset;
    }
    .ft .inner_con .ft_right_wrap .sns_wrap{
        margin: 0 auto;
    }
    .ft .inner_con .ft_right_wrap .manage_text{
        margin-top: unset;
        text-align: center;
    }
    .ft .inner_con .ft_right_wrap .manage_text::after{
        display: none;
    }
    .map_con1_wrap .inner_con .pp_top_wrap .pp_top_text{
        padding-left: 10px;
        padding-right: 10px;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap.active .PP_text3{
        line-height: 110px;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_left_wrap .PP_text4{
        line-height: 110px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap.active .PP_text3{
        left: 38.5%;
    }

}
@media all and (max-width: 1550px) {
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_three_wrap{
        width: 35%;
    }
    .reser_con2_wrap .inner_con .reser_con2_left_wrap{
        width: unset;
    }
    .prologue_preview_wrap .inner_con .pp_left_wrap .PP_text4{
        font-size: 120px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .PP_text3{
        font-size: 120px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap{
        left: 39%;
    }
    .room_preview_up_wrap .inner_con{
        width: calc(100% - 200px);
    }
    .botoom_bg .bottom_text1{
        font-size: 70px;
        line-height: 70px;
    }
    .botoom_bg .bottom_text2{
        font-size: 120px;
    }
    .view .prologue_preview_wrap{
        padding-bottom:unset;
    }
    .view_con1_wrap .view_con1_Text1{
        font-size: 50px;
        margin-bottom: 90px;
    }
    .view_con1_wrap .view_con1_Text2{
        font-size: 120px;
        top: 15%;
    }
    .view_movie_wrap{
        height: 500px;
    }
    .room_con1_wrap .room_con1_text_wrap .room_circle_text{
        left: 30%;
        transform: translateX(-50%) rotate(0deg);
    }
    .room_con1_wrap .room_con1_text_wrap .room_circle_text.active{
        transform: translateX(-50%) rotate(20deg);

    }
    .room_con1_wrap .room_con1_text_wrap .room_con1_text1{
        text-align: center;
    }
    .room_con1_wrap .room_con1_text_wrap .room_con1_text2{
        text-align: center;
    }
    .room_con1_wrap .room_con1_text_wrap .room_con1_text3{
        text-align: center;
    }
    .room_con1_wrap .room_con1_info_wrap{
        display: block;
    }
    .room_con1_wrap .room_con1_info_wrap .room_con1_sobig_wrap{
        margin: 0 auto;
    }
    .room_con1_wrap .room_con1_info_wrap .room_info_right_wrap{
        margin: 0 auto;
        margin-top: 100px;
    }
    .room_con1_wrap .room_con1_info_wrap{
        display: block;
    }
    .room_con1_wrap .room_con1_bottom_wrap .room_con1_right_bottom{
        position: unset;
        margin: 0 auto;
        margin-top: 100px;
    }
    .reser_con1_wrap .inner_con{
        display: block;
        width: calc(100% - 10px);
    }
    .reser_con1_wrap .inner_con .reser_right_wrap{
        margin-left: unset;
        margin-top: 50px;
    }
    .reser_con2_wrap .inner_con{
        display: flex;
        width: calc(100% - 10px);
    }
    .tour_top_wrap .tour_top_overflow_text{
        font-size: 70px;
        bottom: -45px;
    }
    .tour_top_wrap .tour_top_img .tour_top_text{
        font-size: 70px;
        bottom: -45px;

    }
    .map_con1_wrap .inner_con{
        margin-top: 100px;
    }


    

}
@media all and (max-width: 1400px) {
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_three_wrap{
        width: 40%;
    }
    .reser_con2_wrap .inner_con .reser_con2_left_wrap{
        width: unset;
    }
    .view_con1_wrap .view_con1_img_wrap .view_con1_img_box1{
        height: 200px;
    }
    .view_con1_wrap .view_con1_img_wrap .view_con1_img_box2{
        height: 200px;
    }
    .view_con1_wrap .view_con1_img_wrap .view_con1_img_box3{
        height: 400px;
    }
    .view_con1_wrap .view_con1_img_wrap .view_con1_img_box4{
        height: 200px;
    }
    .view_con1_wrap .view_con1_img_wrap .view_con1_img_box5{
        height: 200px;
    }
    .tour_con1_wrap{
        width: calc(100% - 100px);
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_right_wrap .pp_text7{
        padding-top: 380px;
    }
}
@media all and (max-width: 1370px) {
    .reser_con2_wrap .inner_con .reser_con2_left_wrap{
        width: unset;
    }
    .main_wrap .main_slide_wrap .main_text_wrap{
        bottom: 80px;
    }
    .main_wrap .main_slide_wrap .main_text_wrap p{
        font-size: 80px;
        line-height: 80px;
    }
    .main_wrap .main_slide_wrap .total_wrap{
        bottom: 25px;
    }
    .main_wrap .vdo_main_slide_wrap .main_text_wrap{
        bottom: 80px;
    }
    .main_wrap .vdo_main_slide_wrap .main_text_wrap p{
        font-size: 80px;
        line-height: 80px;
    }
    .main_wrap .vdo_main_slide_wrap .total_wrap{
        bottom: 25px;
    }
    .prologue_preview_wrap .inner_con .pp_text1{
        font-size: 80px;
        padding-top: 100px;
        padding-left: 75px;
    }
    .prologue_preview_wrap .inner_con .pp_text2 {
        font-size: 80px;
        padding-left: 470px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap.active .PP_text3{
        left: 34.5%;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .PP_text3{
        font-size: 80px;
        top: -2%;
    }
    .prologue_preview_wrap .inner_con .pp_left_wrap .PP_text4{
        font-size: 80px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap{
        left: 35%;
        top: 11%;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap .pp_text5{
        font-size: 80px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap.active .pp_left_wrap .pp_overflow_text_wrap{
        left: 55%;
    }
    .prologue_preview_wrap .inner_con .pp_right_wrap .pp_text7 {
        padding-left: 25px;
        padding-top: 273px;
        color: #282d30;
        font-size: 14px;
        font-family: "Pretendard-Medium";
        line-height: 25px;
    }
    .prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img{
        right: 50px;
    }
    .room_preview_up_wrap .inner_con{
        width: calc(100% - 100px);
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap{
        top: 25%;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap.active .PP_text3{
        line-height: 90px;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_left_wrap .PP_text4{
        line-height: 90px;
    }
}
@media all and (max-width: 1220px) {
    .reser_con2_wrap .inner_con .reser_con2_left_wrap{
        width: unset;
    }
    .room_con1_wrap .room_con1_text_wrap .room_circle_text{
        left: 23%;
    }
    .room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap .room_overflow_text{
        font-size: 60px;
        bottom: 0px;
    }
    .room_con1_wrap .room_con1_info_wrap .room_overwrap_text {
        position: absolute;
        bottom: -1px;
        right: -176px;
        color: #1a2c36;
        font-size: 60px;
        font-family: "DolceVita";
    }
    .hd.m_color .inner_con .hd_menu_wrap{
        margin-left: 280px;
    }
    .hd.hd_logo_wrap2 .inner_con .hd_menu_wrap{
        margin-left: 280px;
    }
    .hd .inner_con .hd_menu_wrap{
        margin-left: 280px;
    }

}
@media all and (max-width: 1200px) {
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_three_wrap{
        width: 45%;
    }
    .reser_con2_wrap .inner_con .reser_con2_left_wrap{
        width: unset;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo a img{
        width: 100%;
        height: 100%;
    }
    .hd .inner_con .hd_logo_wrap1 .hd_logo a img{
        width: 100%;
        height: 100%;
    }
    .hd .inner_con .hd_logo_wrap2 .hd_logo a img{
        width: 100%;
        height: 100%;
    }
    .hd .inner_con .hd_menu_wrap{
        margin-left: 200px;
    }
    .hd.m_color .inner_con .hd_menu_wrap{
        margin-left: 200px;
    }
    .hd.hd_logo_wrap2 .inner_con .hd_menu_wrap{
        margin-left: 200px;
    }
    .sp_img_wrap .sp_img .sp_right_img_wrap{
        display: none;
    }
    .special_con1_wrap .special_center_img{
        width: calc(100% - 100px);
    }
    .tour_con1_wrap .tour_left_list_wrap{
        display: none;
    }
    .tour_con1_wrap .tour_right_list_wrap{
        width: 100%;
    }
    .ft .inner_con .ft_left_wrap .ft_info_flex_wrap{
        width: 100%;
    }
}
@media all and (max-width:900px){
    .slide_vdo{
        display: none;
    }
    .m_vdo_wrap{
        display: block;
        height: 350px;
        overflow: hidden;
        position: relative;
    }
    .m_vdo_wrap .main-video-size{
        width: 100%;
    height: 100%;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    }
    
    .m_vdo_wrap .main-video-size iframe {
        width: 100%;
        height: 100%;
        transform: scale(1.1);
    }
    .m_vdo_wrap .m_vod_text{
        text-align: center;    
        color: #1a2c36;
        font-family: "DolceVita";
        font-size: 20px;
        transform: translateY(20px);
    }
    .m_margin .prologue_preview_wrap .inner_con{
        margin-top: unset;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_three_wrap{
        width: unset;
    }
    .reser_con2_wrap .inner_con .reser_con2_left_wrap{
        width: unset;
    }
    .poolvilla .room_info_right_wrap .room_right_text_wrap .room_info_text3.active{
        height: auto;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo{
        top: 20px;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo_color{
        top: 20px;
        height: auto;
    }
    .hd .inner_con .hd_logo_wrap{
        width: 200px;
        left: 5px;
    }
    .hd .inner_con .hd_logo_wrap1 .hd_logo{
        top: 20px;
    }
    .hd .inner_con .hd_logo_wrap1 .hd_logo_color{
        top: 20px;
        height: auto;
    }
    .hd .inner_con .hd_logo_wrap1{
        width: 155px;
        left: 5px;
        top: -15px;
    }
    .hd .inner_con .hd_logo_wrap2 .hd_logo{
        top: 20px;
    }
    .hd .inner_con .hd_logo_wrap2 .hd_logo_color{
        top: 20px;
        height: auto;
    }
    .hd .inner_con .hd_logo_wrap2{
        width: 50px;
        left: 5px;
        top: -20px;
    }
    .hd .inner_con .hd_menu_wrap{
        margin-left: 30px;
    }
    .hd.m_color .inner_con .hd_menu_wrap{
        margin-left: 30px;
    }
    .hd.hd_logo_wrap2 .inner_con .hd_menu_wrap{
        margin-left: 30px;
    }
    .prologue_preview_wrap .inner_con .pp_text2{
        padding-left: 200px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap.active .pp_left_wrap .pp_overflow_text_wrap{
        left: 46%;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap{
        display: block;
    }
    .prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img{
        width: 240px;
        height: 180px;
        right: 25px;
    }
    .prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img .pp_right_img1 p{
        transform: unset;
        bottom: -25%;
        left: 0%;
        font-size: 12px;
        white-space: nowrap;
    }
    .prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img .pp_right_img1.active p{
        transform: unset;
    }
    .room_preview_slide_wrap{
        width: 300px;
        height: 500px;
    }
    .hd.on .inner_con .hd_logo_wrap .hd_logo_color a img{
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_title_text .rp_text1{
        font-size: 30px;
    }
    .botoom_bg .bottom_text1{
        font-size: 40px;
        line-height: 40px;
    }
    .botoom_bg .bottom_text2{
        font-size: 70px;
    }
    .room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_title_text .rp_text2{
        font-size: 14px;
        line-height: unset;
    }
    .room_preview_up_wrap .room_preview_center_text{
        font-size: 120px;
    }
    .room_con1_wrap .room_con1_info_wrap .room_overwrap_text{
        font-size: 50px;
        right: -115px;
    }
    .room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap .room_overflow_text{
        font-size: 50px;
        left: 415px;
    }
    .room_con1_wrap .room_con1_text_wrap .room_circle_text{
        left: 15%;
    }
    .poolvilla .room_con1_wrap .room_con1_bottom_wrap .room_con1_bottom_text2{
        line-height: 50px;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap.active .PP_text3{
        line-height: unset;
        left: 32.5%;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_left_wrap .PP_text4{
        line-height: unset;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap.active .PP_text3 br{
        display: none;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap.active .PP_text4 br{
        display: none;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap.active .pp_left_wrap .pp_overflow_text_wrap{
        left: 42.7% !important;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap{
        top: 5%;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap .pp_text6{
        left: 55px;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap{
        left: 33%;
    }
    .reser_con2_wrap .inner_con .reser_con2_left_wrap{
        width: unset;
    }
    .main_slide_button{
        display: none;
    }
}


@media all and (max-width: 700px) {
    .intro_section{
        display: block;
    }
    .intro_section .intro_left_box{
        width: 100%;
        height: 45%;
    }
    .intro_section .intro_left_box .intro_title_box{
        height: auto;
        position: absolute;
        top: 0%;
    }
    .intro_section .intro_left_box .intro_title_box .intro_text1 {
        color: #1d395d;
        font-size: 12px;
        font-family: "Pretendard-Medium";
        padding-top: 20px;
    }.intro_section .intro_left_box .intro_title_box .intro_text2 {
        color: #1d395d;
        font-size: 20px;
        font-family: "Pretendard-SemiBold";
        padding-bottom: 20px;
    }
    .intro_section p{
        line-height: 20px;
    }
    .intro_section .intro_right_box{
        width: 100%;
        height: 60%;
    }
    .intro_section .intro_right_box .intro_title_box{
        height: auto;
        padding-top: 15px;
        position: absolute;
        top: 0%;
    }
    .intro_section .intro_right_box .intro_title_box .intro_text1 {
        color: #1d395d;
        font-size: 12px;
        font-family: "Pretendard-Medium";
    }
    .intro_section .intro_right_box .intro_title_box .intro_text2 {
        color: #1d395d;
        font-size: 20px;
        font-family: "Pretendard-SemiBold";
        padding-bottom: 20px;
    }
    .intro_section .intro_left_box.on .intro_title_box{
        opacity: 100%;
    }
    .intro_section .intro_left_box.on .intro_left_img_wrap .intro_left_img{
        opacity: 100%;
    }
    #cursor1{
        opacity: 1;
        display: block;
        left: 50%;
        top: 30%;
        width: 90px;
        height: 40px;
    }
    #cursor1 span{
        font-size: 12px;
    }
    #cursor2{
        opacity: 1;
        display: block;
        left: 50%;
        bottom: 15%;
        width: 90px;
        height: 40px;
    }
    #cursor2 span{
        font-size: 12px;
    }
    /* 메인 */
    .bg{
        overflow-x: unset;
    }
    .main_wrap .main_slide_wrap .swiper-wrapper{
        height: 350px;
    }
    .main_wrap .main_slide_wrap .main_text_wrap{
        bottom: 8%;
        width: calc(100% - 10px);
    }
    .main_wrap .main_slide_wrap .main_text_wrap p{
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 3px;
    }
    .main_wrap .main_slide_wrap .total_wrap{
        width: calc(100% - 10px);
        bottom:0%;
    }
    .main_wrap .main_slide_wrap .total_wrap .total_box{
        width: 120px;
        align-items: center;
    }
    .main_wrap .main_slide_wrap .total_wrap .total_box p{
        font-size: 12px;
    }
    .main_wrap .main_slide_wrap .total_wrap .total_box .conut_wrap{
        width: 50px;
    }
    .main_wrap .main_slide_wrap .total_wrap .total_box .conut_wrap span{
        font-size: 15px;
    }




    .main_wrap .vdo_main_slide_wrap .swiper-wrapper{
        height: 350px;
    }
    .main_wrap .vdo_main_slide_wrap .main_text_wrap{
        bottom: 8%;
        width: calc(100% - 10px);
    }
    .main_wrap .vdo_main_slide_wrap .main_text_wrap p{
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 3px;
    }
    .main_wrap .vdo_main_slide_wrap .total_wrap{
        width: calc(100% - 10px);
        bottom:0%;
    }
    .main_wrap .vdo_main_slide_wrap .total_wrap .total_box{
        width: 120px;
        align-items: center;
    }
    .main_wrap .vdo_main_slide_wrap .total_wrap .total_box p{
        font-size: 12px;
    }
    .main_wrap .vdo_main_slide_wrap .total_wrap .total_box .conut_wrap{
        width: 50px;
    }
    .main_wrap .vdo_main_slide_wrap .total_wrap .total_box .conut_wrap span{
        font-size: 15px;
    }



    .prologue_preview_wrap{
        padding-bottom: unset;
    }
    .prologue_preview_wrap .inner_con{
        margin-top: 45px;
    }
    .prologue_preview_wrap .inner_con .pp_top_wrap.active .pp_top_left_line{
        width: 100%;
    }
    .prologue_preview_wrap .inner_con .pp_top_wrap.active .pp_top_right_line{
        width: 100%;
    }
    .prologue_preview_wrap .inner_con .pp_top_wrap .pp_top_text{
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 25px;
        white-space: nowrap;
    }
    .prologue_preview_wrap .inner_con .pp_text1{
        font-size: 20px;
        padding-top: 20px;
        padding-left: 20px;
    }
    .prologue_preview_wrap .inner_con .pp_text2{
        font-size: 20px;
        padding-left: 120px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap{
        display: block;
        padding-bottom: 300px;
    }
    .prologue_preview_wrap .inner_con .pp_left_wrap{
        width: 65%;
        height: 300px;
        margin-top: 10px;
        margin-left: 20px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .PP_text3{
        font-size: 20px;
        top: -0.5%;
        left: -5%;
    }
    .prologue_preview_wrap .inner_con .pp_left_wrap .PP_text4{
        font-size: 20px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap{
        display: block;
        top: 5%;
        left: 53%;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap .pp_text5{
        font-size: 20px;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap .pp_text6{
        width: 140px;
        height: 50px;
        line-height: 50px;
        font-size: 12px;
        top: 20px;
        left: unset;
    }
    .prologue_preview_wrap .inner_con .pp_right_wrap .pp_text7{
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 50px;
        font-size: 13px;
        line-height: unset;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_right_wrap .pp_text7{
        padding-top: 20px;

    }
    .prologue_preview_wrap .inner_con .pp_right_wrap .pp_text7 br{
        display: none;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_for_wrap .pp_text5 img{
        width: 5px;
        transform: translate(10px);
    }
    .prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img{
        width: 200px;
        height: 150px;
        bottom: 100px;
        right: 20px;
    }
    .prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img .pp_right_img1 p{
        transform: unset;
        bottom: -30%;
        right: 0%;
        left: unset;
        font-size: 11px;
        white-space: nowrap;
    }
    .prologue_preview_wrap .inner_con .pp_right_wrap .pp_right_botoom_img .pp_right_img1.active p{
        transform: unset;
    }
    .prologue_preview_wrap .inner_con .pp_top_wrap .pp_top_left_line{
        transition-delay: 0.8s;
        transition: all 5s;
    }
    .prologue_preview_wrap .inner_con .pp_top_wrap .pp_top_right_line{
        transition-delay: 0.8s;
        transition: all 5s;
    }
    #parallax__cont .parallax__progress{
        display: none;
    }

    #parallax__cont{
        width: 100%;
        height: auto;
        max-height: unset;
        display: block;
    }
    .botoom_bg .inner_con a{
        margin-top: 40px;
        width: 140px;
        height: 50px;
        font-size: 13px;
        line-height: 45px;
    }
    .room_preview_up_wrap{
        height: auto;
    }
    .room_preview_up_wrap .inner_con{
        display: block;
        margin-top: 40px;
        padding-bottom: 100px;
    }
    .room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_title_text .rp_text1{
        font-size: 25px;
        white-space: nowrap;
    }
    .room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_title_text .rp_text2{
        font-size: 13px;
        white-space: nowrap;
        line-height: unset;
    }
    .room_preview_up_wrap .inner_con .room_preview_page_wrap{
        width: 100%;
        height: 200px;
    }
    .room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_title_text{
        width: 100%;
        text-align: center;
    }
    .room_preview_up_wrap .room_preview_center_text{
        font-size: 50px;
        top: 46%;
    }
    .room_preview_slide_wrap{
        width: 250px;
        height: 300px;
        margin: 0 auto;
        transform: unset;
    }
    .room_preview_up_wrap .inner_con .room_preview_right_text{
        width: 100%;
        text-align: center;
        transform: translateY(50px);

    }
    .room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_button_wrap{
        left: 50%;
        bottom: 17%;
        transform: translate(-50%, 0%);
    }
    .room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_button_wrap .prev{
        width: 45px;
        height: 45px;
    }    
    .room_preview_up_wrap .inner_con .room_preview_page_wrap .room_preview_button_wrap .next{
        width: 45px;
        height: 45px;
    } 
    .room_preview_slide_wrap .room_preview_circle_wrap{
        width: 75px;
        height: 75px;
        top: -35px;
        right: -35px;
    }
    .room_preview_wrap{
        height: 50vh !important;
        max-height: auto !important;
    }
    .room_preview_wrap .room_preview_bg{
        height: 50vh;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap.active .pp_left_wrap .pp_overflow_text_wrap{
        top: -1%;
        left: 72.7% !important;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap.active .pp_left_wrap .pp_overflow_text_wrap{
        top: 0%;
        left: 42.7% !important;
    }
    .poolvilla .prologue_preview_wrap .inner_con .pp_flex_wrap .pp_left_wrap .pp_overflow_text_wrap{
        left: 10.7%;
    }
    .prologue_preview_wrap .inner_con .pp_flex_wrap.active .PP_text3{
        left: 52.5%;
    }
    .sp_img_wrap{
        top: unset;
        height: 300px;
    }
    .sp_img_wrap .sp_img{
        display: block;
    }
    .sp_img_wrap .sp_img .sp_right_img_wrap{
        display: none;
    }
    .sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_img .sp_left_top_img{
        right: -15px;
        top: -15px;
        width: 105px;
        height: 125px;
    }

    .sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_img{
        width: 300px;
        height: 210px;
        margin: 0 auto;
    }
    .sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_text_box{
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: unset;
        text-align: center;
    }
    .sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_text_box .sp_text_list1{
        font-size: 12px;
    }
    .sp_img_wrap .sp_img .sp_left_img_wrap .sp_left_text_box .sp_text_list2{
        font-size: 20px;
    }
    .botoom_bg{
        margin-top: unset;
        height: 195px;
    }
    .botoom_bg .bottom_text1{
        font-size: 15px;
        line-height: unset;
        letter-spacing: 1px;
        padding-top: unset;
    }
    .botoom_bg .bottom_text2{
        font-size: 20px;
        line-height: unset;
        position: relative;
    top: 10px;
    }
    .botoom_bg .inner_con{
        width: calc(100% - 150px);
        margin: 0 auto;
        transform: translateY(30px);
    }
    .ft{
        height: auto;
    }
    .ft .inner_con{
        width: calc(100% - 25px);
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }
    .ft .inner_con .ft_left_wrap .ft_logo{
        width: 180px;
        height: auto;
        margin: 0 auto;
    }
    .ft .inner_con .ft_left_wrap .ft_logo1{
        width: 180px;
        height: auto;
        margin: 0 auto;
    }
    .ft .inner_con .ft_left_wrap .ft_logo2{
        width: 100px;
        height: auto;
        margin: 0 auto;
    }
    .ft .inner_con .ft_left_wrap .tel_link{
        font-size: 20px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .ft .inner_con .ft_left_wrap .ft_info_flex_wrap{
        width: 100%;
        display: block;
        text-align: center;
    }
    .ft .inner_con .ft_left_wrap .ft_info_flex_wrap p{
        width: 100%;
        font-size: 12px;
        margin-bottom: 20px;
        line-height: unset;
    }
    .ft .inner_con .ft_left_wrap .copy_right{
        font-size: 11px;
        margin-top: 20px;
        text-align: center;
    }
    .ft .inner_con .ft_right_wrap{
        margin-left: unset;
    }
    .ft .inner_con .ft_right_wrap .sns_wrap{
            margin: 0 auto;
            margin-top: 20px;
    }
    .ft .inner_con .ft_right_wrap .manage_text{
        margin-top: 20px;
        font-size: 13px;
        padding-bottom: 20px;
        text-decoration: underline;
    }
    .hd .inner_con{
        display: flex;
        justify-content: space-between;
        height: 50px;
        padding-top: unset;
        overflow: unset;
    }
    .hd.m_active .inner_con{
        overflow: unset;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo a{
        width: 100%;
        height: 100%;
        display: block;
    }
    .hd .inner_con .hd_logo_wrap{
        width: 100px;
        height: 20px;
        left: 10px;
        z-index: 1;
        top: 15px;

    }
    .hd .inner_con .hd_logo_wrap .hd_logo{
        width: 130px;
        height: auto;
        top: unset;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo_color{
        width: 130px;
        height: auto;
        top: unset;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo_color a{
        width: 100%;
        height: 100%;
        display: block;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo_color a img{
        width: 100%;
        height: 100%;
    }
    

    
    .hd .inner_con .hd_logo_wrap1 .hd_logo a{
        width: 100%;
        height: 100%;
        display: block;
    }
    .hd .inner_con .hd_logo_wrap{
        width: 100px;
        height: 20px;
        left: 10px;
        z-index: 1;
        top: 15px;

    }
    .hd .inner_con .hd_logo_wrap .hd_logo{
        width: 130px;
        height: auto;
        top: unset;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo_color{
        width: 130px;
        height: auto;
        top: unset;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo_color a{
        width: 100%;
        height: 100%;
        display: block;
    }
    .hd .inner_con .hd_logo_wrap .hd_logo_color a img{
        width: 100%;
        height: 100%;
    }
    .hd .inner_con .hd_logo_wrap1{
        z-index: 1;

    }
    .hd .inner_con .hd_logo_wrap2{
        z-index: 1;
        

    }
    .hd .inner_con .hd_menu_wrap{
        width: 100%;
        height: 0vh;
        position: absolute;
        top: 0;
        background-color: #1d395d; 
        margin-left: unset;
        pointer-events: none;
        opacity: 0;
        transition: all 1s;

    }
    .hd.m_color .inner_con .hd_menu_wrap{
        margin-left: unset;

    }
    .hd.hd_logo_wrap2 .inner_con .hd_menu_wrap{
        margin-left: unset;

    }
    .hd.m_active .inner_con .hd_menu_wrap{
        height: 100vh;
        opacity: 1;
        pointer-events: all;
    }
    .hd .inner_con .hd_menu_wrap .hd_main_menu{
        display: flex;
        justify-content: center;
        align-items: start;
        flex-wrap: wrap;
        width: calc(100% - 20px);
        margin: 0 auto;
        margin-top: 80px;
    }
    .hd .inner_con .hd_menu_wrap .hd_main_menu li{
        width: 33.33%;
        white-space: nowrap;
        margin: 0 auto;
        text-align: center;
    }
    .hd .inner_con .hd_menu_wrap .hd_main_menu li a{
        line-height: 20px;
    }
    .hd .inner_con .hd_menu_wrap .hd_main_menu li .hd_submenu{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .hd .inner_con .hd_menu_wrap .hd_main_menu li .hd_submenu li{
        width: 100%;
    }
    .hd.active .inner_con{
        height: auto;
    }
    .hd .inner_con .reser_wrap{
        width: 60px;
        height: 50px;
        margin-left: unset;
    }
    .hd .inner_con .m_line_wrap{
        width: 50px;
        height: 50px;
        position: relative;
    }
    .hd .inner_con .m_line_wrap .m_line_box {
        width: 50%;
        height: 1px;
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.8s;
    }
    .hd.m_active .inner_con .m_line_wrap .m_line_box{
        top: 50%;
    }
    .hd .inner_con .m_line_wrap .m_line_box .line1 {
        width: 100%;
        height: 1px;
        background-color: #fff;
        display: block;
        position: absolute;
        transform: translateY(5px);
        transition: all 0.8s;
    }
    .hd.on .inner_con .m_line_wrap .m_line_box .line1{
        background-color: #1d395d;
    }
    .hd.on .inner_con .m_line_wrap .m_line_box .line2{
        background-color: #1d395d;
    }
    .hd.m_active .inner_con .m_line_wrap .m_line_box .line1{
        background-color: #fff !important;
    }
    .hd.m_active .inner_con .m_line_wrap .m_line_box .line2{
        background-color: #fff !important;
    }
    .hd.m_active .inner_con .hd_logo_wrap .hd_logo{
        opacity: 1;
    }
    .hd.m_active .inner_con .hd_logo_wrap .hd_logo_color{
        opacity: 0;
    }
    .hd.m_active .inner_con .hd_logo_wrap1 .hd_logo{
        opacity: 1;
    }
    .hd.m_active .inner_con .hd_logo_wrap1 .hd_logo_color{
        opacity: 0;
    }
    .hd.m_active .inner_con .hd_logo_wrap2 .hd_logo{
        opacity: 1;
    }
    .hd.m_active .inner_con .hd_logo_wrap2 .hd_logo_color{
        opacity: 0;
    }
    .hd.m_active .inner_con .reser_wrap::after{
        background-color: #fff;
    }
    .hd.m_active .inner_con::after{
        background-color: #fff;
    }
    .hd.m_active .inner_con .hd_menu_wrap .hd_main_menu li a{
        color: #fff !important;
    }
    .hd.m_active .inner_con .reser_wrap a{
        color: #fff !important;
    }
    .hd.m_active .inner_con .m_line_wrap .m_line_box .line1{
        transform: rotate(45deg);
    }
    .hd .inner_con .m_line_wrap .m_line_box .line2 {
        width: 77.77%;
        height: 1px;
        background-color: #fff;
        position: absolute;
        display: block;
        transform: translateY(10px);
        transform: translate(3px, 10px);
        transition: all 0.8s;
    }
    .hd.m_active .inner_con .m_line_wrap .m_line_box .line2{
        width: 100%;
        transform: rotate(-45deg);
    }
    .hd .inner_con .m_right_box{
        width: 110px;
        height: 50px;
        display: flex;
    }
    .m_br{
        display: block;
    }
    
    .ft .inner_con .ft_right_wrap .manage_text::after{
        display: none;
    }

    /* 외부 */
    .view .botoom_bg{
        margin-top: 90px;
    }
    .view_con1_wrap .view_con1_Text1{
        margin-bottom: 0px;
        margin-top: 50px;
        font-size: 30px;
    }
    .view_con1_wrap .view_con1_Text2{
        font-size: 50px;
        top: 22%;
    }
    .poolvilla .view_con1_wrap .view_con1_Text2{
        top: 15%;
    }
    .view_con1_wrap .view_con1_img_wrap{
        align-items: center;
        margin-top: 30px;
    }
    .view_con1_wrap .view_con1_img_wrap .view_con1_img_box1{
        height: 70px;
        margin: 5px;
        margin-top: 0px;
    }
    .view_con1_wrap .view_con1_img_wrap .view_con1_img_box2{
        height: 70px;
        margin: 5px;
        margin-top: 0px;
    }
    .view_con1_wrap .view_con1_img_wrap .view_con1_img_box3{
        margin-top: 35px;
        width: 580px;
        height: 150px;
        margin: 5px;
    }
    .view_con1_wrap .view_con1_img_wrap .view_con1_img_box4{
        height: 70px;
        margin: 5px;
        margin-top: 0px;
    }
    .view_con1_wrap .view_con1_img_wrap .view_con1_img_box5{
        height: 70px;
        margin: 5px;
        margin-top: 0px;
    }
    .view_con1_wrap .view_con1_img_wrap.active .view_con1_img_box1{
        margin-top: -20px;
    }
    .view_con1_wrap .view_con1_img_wrap.active .view_con1_img_box2{
        margin-top: 20px;
    }
    .view_con1_wrap .view_con1_img_wrap.active .view_con1_img_box4{
        margin-top: 20px;
    }
    .view_con1_wrap .view_con1_img_wrap.active .view_con1_img_box5{
        margin-top: -20px;
    }
    .view_con1_wrap .view_con1_Text3{
    font-size: 12px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    line-height: unset;
    }
    .view_movie_wrap{
        width: calc(100% - 10px);
        height: 300px;
    }
    .view_movie_wrap p{
        position: unset;
        text-align: center;
        transform: unset;
        margin-top: 30px;
    }
    /* 객실 */
    .room .room_preview_up_wrap{
        overflow: hidden;
    }
    .room .prologue_preview_wrap{
        padding-bottom: 20px;
    }
    .room_con1_wrap .room_con1_text_wrap{
        margin-right: unset;
        margin-bottom: 30px;
    }
    .room_con1_wrap .room_con1_text_wrap .room_circle_text{
        width: 80px;
        height: 80px;
        top: -20%;
        left: 5%;
        transform: unset;
    }
    .long_text .room_con1_wrap .room_con1_text_wrap .room_circle_text{
        width: 80px;
        height: 80px;
        top: -15%;
        left: 20%;
        transform: unset;
    }
    .short_text .room_con1_wrap .room_con1_text_wrap .room_circle_text{
        left: 30%;
    }
    .room_con1_wrap .room_con1_text_wrap .room_con1_text1{
        margin-top: 20px;
        font-size: 40px;
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .long_text .room_con1_wrap .room_con1_text_wrap .room_con1_text1{
        line-height: 45px;
    }
    .poolvilla1 .room_con1_wrap .room_con1_text_wrap .room_con1_text1{
        font-size: 35px;
    }
    .room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap .room_overflow_text{
        position: absolute;
        bottom: 20px;
        right: 0;
        color: #fff;
        font-size: 20px;
        font-family: "DolceVita";
        white-space: nowrap;
        left: unset;
    }
    .room_con1_wrap .room_con1_text_wrap .room_con1_text2{
        text-align: center;
        font-size: 12px;
    }
    .room_con1_wrap .room_con1_text_wrap .room_con1_text3{
        text-align: center;
        font-size: 12px;
    }
    .room_con1_wrap .room_con1_info_wrap{
        display: block;
    }
    .room_con1_wrap .room_con1_info_wrap .room_overwrap_text{
        font-size: 20px;
        left: unset;
        bottom: 10px;
        right: -40px;
    }
    .room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap{
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    .room_con1_wrap .room_con1_info_wrap .room_con1_sobig_wrap{
        width: calc(100% - 150px);
        margin: 0 auto;
        height: auto;
    }
    .room_con1_wrap .room_con1_info_wrap .room_info_right_wrap{
        width: 100%;
        margin-top: 30px;
    }
    .room_con1_wrap .room_con1_bottom_wrap .room_con1_bottom_text1{
        font-size: 20px;
    }
    .room_con1_wrap .room_con1_bottom_wrap .room_con1_bottom_text2{
        font-size: 50px;
    }
    .room_con1_wrap .room_con1_info_wrap .room_info_left_img_wrap .room_overflow_text{
        bottom: 10px;
    right: -40px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text1 .inner_con{
        width: calc(100% - 20px);
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text1 .inner_con .ri_text1{
        font-size: 12px
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text2 .inner_con{
        width: calc(100% - 20px);
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text2 .inner_con .ri_text1{
        font-size: 15px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text2 .ri_text3{
        font-size: 14px;
        margin-left: 30px;
        margin-right: 10px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text3 .inner_con{
        width: calc(100% - 20px);
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text3 .inner_con .ri_text1{
        font-size: 15px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text3 .ri_text3{
        font-size: 14px;
        margin-left: 30px;
        margin-right: 10px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text4 .inner_con{
        width: calc(100% - 20px);
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text4 .inner_con .ri_text1{
        font-size: 15px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text4 .ri_text3{
        font-size: 14px;
        margin-left: 30px;
        margin-right: 10px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text5 .inner_con{
        width: calc(100% - 20px);
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text5 .inner_con .ri_text1{
        font-size: 15px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text5 .ri_text3{
        font-size: 14px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text2{
        height: auto;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text3{
        height: 50px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text4{
        height: 50px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text5{
        height: 50px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text5 .room_price_wrap{
        margin-left: unset;
    }
    .room_con1_wrap .room_con1_bottom_wrap .room_con1_bottom_text3 br{
        display: none;
    }
    .room_con1_wrap .room_con1_bottom_wrap .room_con1_bottom_text3{
        width: calc(100% - 20px);
        margin: 0 auto;
        font-size: 12px;
        line-height: unset;
        margin: 0 auto;
    }
    .room_con1_wrap .room_con1_bottom_wrap .room_con1_right_bottom{
        display: block;
        width: calc(100% - 100px);
        height: 184px;
        position: unset;
        margin: 0 auto;
        margin-top: 40px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text4 .room_price_wrap{
        font-size: 14px;
        margin-right: 10px;
        margin-left: 30px;
    }
    .room_con1_wrap .room_con1_bottom_wrap{
        margin-bottom: 40px;
    }
    .room_con1_wrap .room_con1_text_wrap .room_circle_text.active{
        transform: rotate(0deg);
    }
    .week_date p{
        font-size: 13px !important;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text2.active{
        height: 50px;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text3.active{
        height: auto;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text4.active{
        height: auto;
    }
    .room_info_right_wrap .room_right_text_wrap .room_info_text5.active{
        height: auto;
    }
    /* 스페셜 */
    .special_con1_wrap{
        width: calc(100% - 20px);
        padding-top: 20px;
        padding-bottom: 100px;
    }
    .special_con1_wrap .special_center_img{
        width: 90%;
        height: auto;
    }
    .special_con1_wrap .special_con1_text1{
        padding-top: 150px;
        line-height: unset;
        white-space: nowrap;
        font-size: 25px;
    }
    .special_con1_wrap .special_con1_text2{
        margin-top: 15px;
        margin-bottom: 25px;
        font-size: 15px;
    }
    .special_con1_wrap .special_con1_text2 span{
        width: 70px;
    }
    .special_con1_wrap .special_con1_text3{
        font-size: 13px;
        line-height: unset;
        margin-bottom: 10px;
    }
    .special_con1_wrap .special_triple_box{
        width: 65px;
        height: 65px;
    }
    .special_con1_wrap .special_triple_box.active{
        transform: translateY(32px) rotate(45deg);
    }
    .special_con1_wrap .special_triple_box span{
        font-size: 30px;
    }
    /* 여행안내 */
    .hd.m_color .inner_con .m_line_wrap .m_line_box .line1{
        background-color: #1d395d;
    }
    .hd.m_color .inner_con .m_line_wrap .m_line_box .line2{
        background-color: #1d395d;
    }
    .tour_top_wrap{
        margin-top: 50px;
    }
    .tour_top_wrap .tour_top_img{
        height: 350px;
    }
    .tour_top_wrap .tour_top_img .tour_top_text{
        font-size: 50px;
        bottom: -40px;
    }
    .tour_top_wrap .tour_top_overflow_text{
        font-size: 50px;
        bottom: -40px;
    }
    .tour_top_wrap .tour_top_img .tour_top_text{
        font-size: 50px;
        bottom: -40px;
    }
    .tour_top_wrap .tour_top_img .tour_top_text.active{
        left: 50%;
        right: unset;
        transform: translateX(-50%);
    }
    .tour_top_wrap .tour_top_overflow_text.active{
        left: 50%;
        right: unset;
        transform: translateX(-50%);
    }
    .tour_con1_wrap{
        margin-top: 80px;
        width: calc(100% - 50px);
    }
    .tour_con1_wrap .tour_left_list_wrap{
        display: none;
    }
    .tour_con1_wrap .tour_right_list_wrap .tour_right_box{
        width: calc(100% - 20px);
        margin: 0 auto;
    }
    .tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_slide_box{
        
        height: 300px;
    }
    .tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_text1{
        width: 100%;
        font-size: 20px;
        margin-top: 20px;
    }
    .tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_text2{
        width: 100%;
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_text3{
        width: 100%;
        font-size: 12px;
        margin-bottom: 30px;
        line-height: unset;
    }
    .tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_slide_box .tour_slide_right_box{
        right: -30px;
        bottom: -30px;
        width: 54px;
        height: 54px;
    }
    .tour_con1_wrap .tour_right_list_wrap{
        width: 100%;
        float: unset;
        overflow: hidden;
    }
    .tour_con1_wrap .tour_right_list_wrap .tour_right_box .tour_slide_box .tour_slide_right_box span{
        font-size: 20px;
    }
    /* 오시는길 */
    .map_con1_wrap{
        padding-bottom: 30px;
    }
    .map_con1_wrap .inner_con{
        margin-top: 50px;
    }
    .map_con2_wrap .pc_map{
        display: none;
    }
    .map_con3_wrap{
        width: calc(100% - 50px);
        margin: 0 auto;
    }
    .map_con3_wrap .inner_con{
        width: 100%;
        margin-right: unset;
    }
    .map_con3_wrap .inner_con .map_text_box3 p{
        margin-left: unset;
        font-size: 13px;
        line-height: unset;
    }
    .map_con3_wrap .inner_con .map_con3_text1{
        font-size: 30px;
        margin-top: 20px;
    }
    .map_con3_wrap .inner_con .map_con3_text2{
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .map_con3_wrap .inner_con .map_con3_text2 span{
        font-size: 13px;
        margin-left: 3px;
    }
    .map_con3_wrap .inner_con .map_con3_text3{
        font-size: 13px;
    }
    .map_con1_wrap .inner_con .pp_top_wrap .pp_top_text{
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 25px;
        white-space: nowrap;
    }
    .map_con2_wrap{
        width: calc(100% - 20px);
        margin: 0 auto;
    }
    .map_con2_wrap .m_map{
        display: flex;
        justify-content: center;
    }
    .map_con1_wrap .inner_con .pp_top_wrap .pp_top_right_line{
        transition-delay: 0.8s;
        transition: all 5s;
    }
    .map_con1_wrap .inner_con .pp_top_wrap .pp_top_left_line{
        transition-delay: 0.8s;
        transition: all 5s;
    }
    /* 예약안내 */
    .reser_con1_wrap .inner_con{
        width: calc(100% - 20px);
        margin: 0 auto;
        display: block;
    }
    .reser_con1_wrap .inner_con .reser_con1_left_wrap .reser_left_text1{
        font-size: 30px;
    }
    .reser_con1_wrap .inner_con .reser_con1_left_wrap .reser_left_text2{
        font-size: 14px;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap{
        margin-left: unset;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text1{
        display: block;
        font-size: 15px;
        margin-top: 20px;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text1 span{
        font-size: 13px;
        margin-left: unset;
        line-height: unset;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text2{
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text2 a{
        font-size: 15px;
        margin-left: 20px;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text3{
        font-size: 13px;
        line-height: unset;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_three_wrap .reser_one_wrap p:first-child{
        font-size: 13px;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_three_wrap .reser_one_wrap p:last-child{
        font-size: 13px;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text4{
        font-size: 15px;
        line-height: unset;
    }
    .reser_con1_wrap .inner_con .reser_right_wrap .reser_right_text4 span{
        font-size: 13px;
    }
    .reser_con1_wrap .reser_price_wrap{
        width: calc(100% - 20px);
        margin-top: 25px;
    }
    .map .botoom_bg{
        margin-top: 25px;
    }
    .reser_con1_wrap .inner_con .reser_con1_left_wrap .reser_left_img{
        margin-top: 15px;
    }
    .reser_con2_wrap{
        width: calc(100% - 20px);
    }
    .reser_con2_wrap .reser_con2_title_text1{
        margin-top: 15px;
        font-size: 30px;
    }
    .reser_con2_wrap .reser_con2_title_text2{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .reser_con2_wrap .inner_con{
        display: block;
    }
    .reser_con2_wrap .inner_con .reser_con2_left_wrap li{
        font-size: 14px;
        margin-bottom: 30px;
        line-height: unset;
    }
    .reser_con2_wrap .inner_con .reser_con2_right_wrap li{
        font-size: 14px;
        line-height: unset;
    }
    .reser_con2_wrap .inner_con .reser_con2_right_wrap li span{
        font-size: 15px;
    }
    .reser_con2_wrap .inner_con .reser_con2_right_wrap .reser_con2_line{
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .reser_con2_wrap .refund_inner_con{
        margin-top: 50px;
    }
    .reser_con2_wrap .refund_inner_con .refund_text1{
        font-size: 30px;
    }
    .reser_con2_wrap .refund_inner_con .refund_text2{
        font-size: 15px ;
    }
    .reser_con2_wrap .refund_inner_con .refund_text3{
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 20px;
        line-height: unset;
    }
    .reser_con2_wrap .refund_inner_con .refund_box{
        width: 100%;
        margin-top: 55px;
        margin-bottom: 25px;
    }
    .reser_con2_wrap .refund_inner_con .refund_box p{
        font-size: 12px;
        line-height: unset;
        margin-top: 25px;
    }
    .reser_con2_wrap .refund_inner_con .refund_table{
        display: none;
    }
    
    .m_refund_table{width: 100%; text-align: center; margin: 30px 0;display: table;}
    .m_refund_table tr{border-top: 1px solid #ddd;}
    .m_refund_table .tt_last{border-bottom: 1px solid #ddd;}
    .m_refund_table th{padding: 10px 0;background: #1d395d;}
    .m_refund_table td{padding: 10px 0;color:#1d395d;}
    
    .m_refund_table tr th{    
        color: #ffffff;
        font-size: 15px;
        font-family: "Pretendard-Medium";}
    .m_refund_table span{
        color: #fff;
    }
    /* 공지사항 */
    .notice_con1_wrap{
        width: calc(100% - 20px);
        margin: 0 auto;
    }




      
}