@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: #000000;
    font-family: "Minerva-Modern";
    background-color: #F8FFFC;
}

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

section {
    position: relative;
}

li {
    list-style: none;
}

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

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

figure {
    position: relative;
}

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

button,
i {
    color: #2b2b2b;
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: none !important;
}

.swiper-button-prev,
.swiper-button-next {
    position: relative;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background: none;
}

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

.inner-con::after {
    display: table;
    clear: both;
    content: '';
}

.m-br {
    display: none;
}

.red-text {
    color: #c22828 !important;
}

.pc-br {
    display: block;
}

.yapen-sec-title {
    display: none;
}

.yapen-dateTime-content {
    display: none;
}


/* 글자 text 효과 */

.split-txt span{
    display: inline-block;
    opacity: 1;
    color: #ffffff3b;
    transition: all 0.5s;
    min-width: 0.3em;

    
}
.active .split-txt span{
    opacity: 1;
    color: #fff;
    min-width: 0.3em;
    

}
.split-txt.active span{
    opacity: 1;
    color: #fff;
    

}



.scroll-obj.opacity{opacity: 0;}
.scroll-obj.active.opacity{opacity: 1;}
.scroll-toggle1.clipX{clip-path:inset(0 100% 0 0); -webkit-clip-path:inset(0 100% 0 0)}
.scroll-toggle1.active.clipX{clip-path:inset(0 0% 0 0); -webkit-clip-path:inset(0 0% 0 0)}
.scroll-toggle1.on{opacity: 1;}
.scroll-toggle1.active.on{opacity: 0;}

.scroll-obj2.clipX{clip-path:inset(0 100% 0 0); -webkit-clip-path:inset(0 100% 0 0)}
.scroll-obj2.active.clipX{clip-path:inset(0 0% 0 0); -webkit-clip-path:inset(0 0% 0 0)}


.scroll-obj2.clipY{clip-path:inset(100% 0 0 0); -webkit-clip-path:inset(100% 0 0 0)}
.scroll-obj2.active.clipY{clip-path:inset(0% 0 0 0); -webkit-clip-path:inset(0% 0 0 0)}



/* 해드 */
.hd{
    position: fixed;
    width: 100%;
    height: 0px;
    z-index: 10;
    transition: all 0.5s;
}
.hd.active{
    background-color:#F8FFFC;
    height: 400px;
}
.hd .hd_inner_con{
    max-width: 1750px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.hd .hd_inner_con .hd_sns_box{
    display: flex;
    width: 125px;
    transform: translateY(300px);
    opacity: 0;
    pointer-events: none;
    transition-delay: unset;

}
.hd.active .hd_inner_con .hd_sns_box{
    opacity: 1;
    pointer-events: all;
    transition: 0.5s;
    transition-delay: 0.5s;
}
.hd .hd_inner_con .hd_sns_box a{
    width: 33.33%;
    display: inline-block;
    height: 45px;
}
.hd .hd_inner_con .hd_sns_box .hd_icon{
color: #344940;
display: block;
text-align: center;
font-size: 22px;
}
.hd .hd_inner_con .hd_sns_box a span{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 13px;
    display: block;
    text-align: center;
    margin-top: 5px;
}
.hd .hd_inner_con .hd_right_menu{
    display: flex;
    height: 60px;
    transform: translateY(75px);
    transition: all 1s;
}
.hd .hd_inner_con .hd_right_menu.on{
    transform: translateY(30px);

}
.hd .hd_inner_con .hd_right_menu .hd_main_menu{
    display: flex;
    width: 720px;
    justify-content: space-between;
}
.hd .hd_inner_con .hd_right_menu .hd_main_menu .menu_tour{
    margin-left: -30px;
}
.hd .hd_inner_con .hd_right_menu .hd_main_menu li{line-height: 30px;}
.hd .hd_inner_con .hd_right_menu .hd_main_menu li a{
    color: #344940;
    font-size: 25px;
}
.hd .hd_inner_con .hd_right_menu .hd_sub_menu li a{
    color: #566D63;
    font-size: 14px;
    font-family: "Pretendard-Regular";

} 
.hd .hd_inner_con .hd_right_menu .hd_sub_menu{
    margin-top: 20px;
    opacity: 0;
    pointer-events: none;
}
.hd.active .hd_inner_con .hd_right_menu .hd_sub_menu{
    opacity: 1;
    pointer-events: all;
}
.hd .hd_inner_con .hd_right_menu .hd_vertical_line{
    width: 2px;
    height: 135px;
    background-color: #344940;
    transform: translateY(-75px);
    margin-left: 40px;
    margin-right: 10px;
}
.hd .hd_inner_con .hd_right_menu .hd_logo{
    width: 130px;
    margin-right: 35px;
    z-index: 3;
}
.hd .hd_inner_con .hd_right_menu .hd_logo img{
    width: 100%;
}
.hd .hd_inner_con .hd_right_menu .hd_reser_button{
    display: block;
    width: 76px;
    height: 32px;
    border-radius: 16.5px;
    border: 1px solid #344940;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    background-color: transparent;
}
.hd .hd_inner_con .hd_right_menu .hd_reser_button:hover{
    background-color: #344940;

}
.hd .hd_inner_con .hd_right_menu .hd_reser_button .fa-clock{
    color: #344940;
    margin-right: 5px;
    transition: 0.5s;
}
.hd .hd_inner_con .hd_right_menu .hd_reser_button:hover .fa-clock{
   color: #f1ede9;
}
.hd .hd_inner_con .hd_right_menu .hd_reser_button span{
    color: #344940;
    font-size: 15px;
    font-family: "Pretendard-Regular";
    transition: 0.5s;
}
.hd .hd_inner_con .hd_right_menu .hd_reser_button:hover span{
    color: #f1ede9;

}
/* 메인 */
.main_wrap{
    width: 100%;
}
.main_wrap .main_slide_wrap{
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 2;
}
.main_wrap .main_slide_wrap .main_slide_button{
    position: absolute;
    max-width: 1750px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.main_wrap .main_slide_wrap .main_slide_button .fa-light{
    color: #fff;
    font-size: 70px;
    cursor: pointer;
    text-shadow: 2px 1px 4px #9f7666;
}
.main_wrap .main_slide_wrap .main_bottom_text{
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;

}
.main_wrap .main_slide_wrap .main_bottom_text p:first-child{
    
    font-family: "Analogue";
    font-size: 70px;
    color: #fff;
    text-align: center;
}
.main_wrap .main_slide_wrap .main_bottom_text p:last-child{

    font-size: 25px;
    color: #fff;
    text-align: center;

}
/* 메인컨텐츠1 */
.main_con1_wrap{
    width: 100%;
    padding-bottom: 310px;
    background-color: #F8FFFC;
}
.main_con1_wrap .inner_con{
    max-width: 1200px;
    width: 100%;
    position: relative;
    padding-top: 175px;
}
.main_con1_wrap .inner_con .main_con1_text1{
    font-size: 28px;
    color: #344940;
    text-align: right;
    transform: translateX(-120px);
}
.main_con1_wrap .inner_con .main_con1_text2{
    font-size: 360px;
    color: #344940;
    font-family: "Analogue";
    text-align: center;
    position: absolute;
    left: 50%;
    top: 9%;
    transform: translate(-50%, 0%);
}
.main_con1_wrap .inner_con .main_con1_center_box{
    width: 100%;  
    position: relative;
}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_vertical_text{
    transform: rotate(270deg);
    text-align: center;
    position: absolute;
    top: 40%;
}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_vertical_text .vr_t1{
    font-size: 35px;
}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_vertical_text .vr_t2{
    font-size: 22px;
}

.main_con1_wrap .inner_con .main_con1_center_box .main_con1_img_box{
    width: 513px;
    height: 756px;
    border-top-left-radius: 1920px;
    border-top-right-radius: 1920px;
    background-color: #566D63;
    position: relative;
    margin: 0 auto;
    margin-top: 160px;
    margin-left: 180px;
}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_img_box .main_con1_img1{
    width: 513px;
    height: 755px;
    border-top-left-radius: 1920px;
    border-top-right-radius: 1920px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 65px;
    left: 120px;
    transition: all 0.8s;
}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_img_box .main_con1_img1.active{
    top: 105px;
}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_img_box .main_con1_leaf{
    width: 394px;
    height: 587px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: -35%;
    bottom: -43%;
}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_img2{
    width: 281px;
    height: 389px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0px;
    right: 170px;
    z-index: 4;
    transition: all 0.8s;
}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_img2.active{
    
    bottom: 30px;
}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_img3{
    width: 232px;
    height: 245px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 250px;
    right: 0;
    transition: all 0.8s;
}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_img3.active{
    bottom: 220px;

}
.main_con1_wrap .inner_con .main_con1_center_box .main_con1_last_text{
    color: #566D63;
    font-size: 14px;
    font-family: "Pretendard-Light";
    position: relative;
    padding-top: 130px;
    padding-left: 340px;
}

.main_con1_wrap .inner_con .main_con1_center_box .main_con1_last_text span{
    font-size: 80px;
    color: #566D63;
    font-family: "Analogue";
    position: absolute;
    left: 310px;
    top: 110px;
}
/* 룸프리뷰 */
.main_con2_wrap{
    width: 100%;
    background-color: #F8FFFC;
}
.main_con2_wrap .room_preview_title_text{
    text-align: center;
    color: #344940;
    font-size: 80px;
    letter-spacing: -3px;
}
.main_con2_wrap .main_con2_up_line{
    max-width: 1700px;
    width: 100%;
    height: 1px;
    background-color: #344940;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 65px;
}
.main_con2_wrap .room_preview_wrap{
    display: flex;
    max-width: 1310px;
    margin: 0 auto;
    
}
.main_con2_wrap .room_preview_wrap .room_preview_left_box .room_preivew_sticky_box{
    position: sticky;
    top: 5px;
}
.main_con2_wrap .room_preview_wrap .room_preview_left_box .rp_text1{
   color: #344940;
   font-size: 40px;
}
.main_con2_wrap .room_preview_wrap .room_preview_left_box .rp_text2{
    font-size: 12px;
    color: #9a9a9a;
    font-family: "Pretendard-Light";
    margin-top: 12px;
    margin-bottom: 40px;
}
.main_con2_wrap .room_preview_wrap .room_preview_left_box .room_preview_left_img{
    width: 567px;
    height: 779px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main_con2_wrap .room_preview_wrap .room_preview_center_line{
    width: 1px;
    height: auto;
    background-color: #344940;
    margin-left: 110px;
    margin-right: 110px;
}
.main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1{
    position: relative;
    width: 520px;
    margin-top: 123px;
}
.main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1 .room_preview_right_img{
    width: 520px;
    height: 550px;
    overflow: hidden;
    position: relative;
    
}
.room_preview_right_img img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s;

}
.room_preview_right_img:hover img{
    
    width: 120%;
    height: 120%;
}
.main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1 .room_preview_rtext1{
    color: #344940;
    font-size: 40px;
    margin-top: 35px;
}
.main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1 .room_preview_rtext2{
    color: #6d6d6d;
    font-size: 14px;
    font-family: "Pretendard-Regular";
    padding-bottom: 110px;
}
.main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1 a{
    font-family: "Lato";
    font-size: 12px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 70px;
    text-decoration: underline;
    letter-spacing: 1px;
}
.main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1 .room_preview_go{
    display: block;
    position: unset;
} 
.main_con2_wrap .room_preview_down_line{
    max-width: 1700px;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    margin-top: 63px;
    background-color: #344940;
}
/* 스페셜프리뷰 */
.m_sp_left_wrap{
    display: none;
}
.main_con3_wrap{
    width: 100%;
    background-color:#F8FFFC ;
}
.main_con3_wrap .inner_con{
    margin-top: 240px;
    margin-bottom: 188px;
}
.main_con3_wrap .inner_con p{
    color: #344940;
    font-size: 80px;
    text-align: center;
    transform: translateX(60px);
}
.main_con3_wrap .inner_con .specail_preview_wrap{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap{
    width: 467px;
    height: 605px;
    position: relative;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap .sp_left_img1_wrap{
    width: 321px;
    height: 461px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap .sp_left_img1_wrap .sp_left_img{
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.5s;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap .sp_left_img1_wrap .sp_left_img.on{
    opacity: 1;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap::after{
    display: block;
    clear: both;
    content: "";
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap .sp_left_circle_img_wrap{
    width: 215px;
    height: 215px;
    position: relative;
    float: right;
    transform: translateY(-50px);
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap .sp_left_circle_img_wrap .sp_circle_img1{
    
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.5s;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap .sp_left_circle_img_wrap .sp_circle_img1.on{
    opacity: 1;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_center_text_wrap ul li{

font-size: 40px;
text-align: center;
line-height: 80px;
transition: all 0.5s;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_center_text_wrap ul li.on a{
    color: #344940;
    font-weight: 600;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_center_text_wrap ul li a{
    color: #000000;
    position: relative;
    z-index: 3;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_center_text_wrap ul li a::before{
    width: 0%;
    height: 12px;
    background-color: #d7ece3;
    border-radius: 4.5px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    clear: both;
    content: "";
    z-index: -5;
    transition: all 0.5s;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_center_text_wrap ul li.on a::before{
    width: 150%;
    height: 12px;
    background-color: #d7ece3;
    border-radius: 4.5px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    clear: both;
    content: "";
    z-index: -5;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_right_wrap{
    position: relative;
    top: 350px;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_right_wrap .sp_right_img_box{
    width: 350px;
    height: 295px;
    position: relative;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_right_wrap .sp_right_img_box .sp_right_img1{
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.5s;
}
.main_con3_wrap .inner_con .specail_preview_wrap .sp_right_wrap .sp_right_img_box .sp_right_img1.on{
    opacity: 1;
}

/* 메인컨텐츠4 */
.main_con4_wrap{
    width: 100%;
}
.main_con4_wrap .main_con4_bg{
    width: 100%;
    height: 1000px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    margin-bottom: 680px;
}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap p{
    font-size: 55px;
    color: #fff;
    transition: all 2.5s;
    text-align: center;

}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap .bg_text1{
    transition-delay: 0.2s;
}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap .bg_text2{
    transition-delay: 0.35s;
}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap .bg_text3{
    transition-delay: 0.5s;
}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap .bg_text4{
    transition-delay: 0.65s;
}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap1 p{
    font-size: 55px;
    color: #f1edeb2f;
    transition: all 1.5s;
    text-align: center;

}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap1 .bg_text1{
    transition-delay: 0.2s;
}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap1 .bg_text2{
    transition-delay: 0.35s;
}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap1 .bg_text3{
    transition-delay: 0.5s;
}
.main_con4_wrap .main_con4_bg .main_con4_text_wrap1 .bg_text4{
    transition-delay: 0.65s;
}



/* 객실 */




.room_wrap .room_slide_wrap .total_wrap {
    display: flex;
    justify-content: space-between;
    width: 2.5%;
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.room_wrap .room_slide_wrap .total_wrap span {
    color: #fff;
    font-size: 16px;
}

.special_wrap .special_slide_wrap .total_wrap {
    display: flex;
    justify-content: space-between;
    width: 2.5%;
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.special_wrap .special_slide_wrap .total_wrap span {
    color: #fff;
    font-size: 16px;
}

.view_wrap .view_slide_wrap .total_wrap {
    display: flex;
    justify-content: space-between;
    width: 2.5%;
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.view_wrap .view_slide_wrap .total_wrap span {
    color: #fff;
    font-size: 16px;
}

.main_wrap .main_slide_wrap .total_wrap {
    display: flex;
    justify-content: space-between;
    width: 2.5%;
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.main_wrap .main_slide_wrap .total_wrap span {
    color: #fff;
    font-size: 16px;
}


/* .room_wrap .room_slide_wrap .total_wrap .count_line {
    width: 1px;
    height: 70px;
    background-color: #fff;
    display: block;
} */


/* .room_wrap .room_slide_wrap .total_wrap .current {
    transform: translateY(24px);

}

.room_wrap .room_slide_wrap .total_wrap .total {
    transform: translateY(24px);

} */





.room_wrap{
    width: 100%;
}
.room_wrap .room_slide_wrap{
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 2;
}
.room_wrap .room_slide_wrap .room_slide_button{
    position: absolute;
    max-width: 1750px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.room_wrap .room_slide_wrap .room_slide_button .fa-light{
    color: #fff;
    font-size: 70px;
    cursor: pointer;
    text-shadow: 2px 1px 4px #9f7666;
}
.room_wrap .room_slide_wrap .room_bottom_text{
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 100%;
    max-width: 1750px;

}
.room_wrap .room_slide_wrap .room_bottom_text::after{
    display: block;
    clear: both;
    content: "";
}
.room_wrap .room_slide_wrap .room_bottom_text .room_bt_wrap{
    float: right;
}
.room_wrap .room_slide_wrap .room_bottom_text p:first-child{
    
    font-family: "Pretendard-Light";
    font-size: 65px;
    color: #fff;
    text-align: center;
}
.room_wrap .room_slide_wrap .room_bottom_text p:last-child{

    font-size: 30px;
    color: #fff;
    text-align: center;
    
}
.room_con1_wrap{
    width: 100%;
    height: 65px;
    border-bottom:1px solid #566D63;
}
.room_con1_wrap .room_gnb{
    display: flex;
    justify-content: center;
}
.room_con1_wrap .room_gnb li{
    padding: 21px;
}
.room_con1_wrap .room_gnb li a{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 16px;

}
.room_con2_wrap{
    width: 100%;
    position: relative;
}
.room_con2_wrap .room_left_img{
    position: absolute;
    width: 1368px;
    height: 1138px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    top: 0px;
    transition: all 1.2s;
    transform-origin: 100% 0;
}
.room_con2_wrap .room_left_img.active{
    transform: rotateX(45deg);

}
.room_con2_wrap .inner_con{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}
.room_con2_wrap .inner_con .room_con2_title_text1{
    color: #566D63;
    font-size: 50px;
    text-align: center;
    padding-top: 100px;
}
.room_con2_wrap .inner_con .room_con2_title_text2{
    color: #566D63;
    font-size: 20px;
    font-family: "Pretendard-Light";
    text-align: center;
    margin-top: 20px;
    margin-bottom: 130px;
}
.room_con2_wrap .inner_con .room_con2_img_wrap1{
    width: 100%;
    display: flex;
}
.room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_left_img{
    width: 750px;
    height: 520px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_left_img .swiper-wrapper{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} 
.room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_left_img .swiper-wrapper .swiper-slide{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_right_text_wrap{
    position: relative;
}
.room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_right_text_wrap p:first-child{
    color: #566D63;
    font-size: 20px;
    font-family: "Pretendard-Medium";
    margin-bottom: 45px;
    margin-top: 210px;
    margin-left: 140px;
}
.room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_right_text_wrap p:last-child{
    font-family: 'Noto Sans KR', sans-serif; 
    color: #566D63;
    font-size: 15px;
    margin-left: 140px;
    line-height: 30px;
}
.room_con2_wrap .inner_con .room_con2_img_wrap2{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
    margin-bottom: 222px;
}
.room_con2_wrap .inner_con .room_con2_img_wrap2 .room_con2_img1{
    width: 400px;
    height: 300px;
    position: relative;
    overflow: hidden;
}
.room_con2_wrap .inner_con .room_con2_img_wrap2 .room_con2_img1 img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.room_con3_wrap{
    width: 100%;
    margin-bottom: 120px;

}
.room_con3_wrap .room_info_title_text1{
    font-size: 50px;
    color: #566D63;
    text-align: center;
    margin-bottom: 55px;
}
.room_con3_wrap .table_wrap{
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;


}
.room_con3_wrap .room_reser_button{
    width: 110px;
    height: 40px;
    border: 1px solid #566D63;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 125px;
    transition: all 0.5s;
    background-color: transparent;
}
.room_con3_wrap .room_reser_button:hover{
    background-color: #566D63;

}
.room_con3_wrap .room_reser_button .fa-clock{
    color: #566D63;
    margin-right: 10px;
    transition: all 0.5s;
}
.room_con3_wrap .room_reser_button:hover .fa-clock{
    color: #F8FFFC;
}
.room_con3_wrap .room_reser_button span{
    font-size: 15px;
    color: #566D63;
    font-family: "Pretendard-Light";
    transition: all 0.5s;
}
.room_con3_wrap .room_reser_button:hover span{
    color: #F8FFFC;
}
.room_con3_wrap .room_info_wrap{
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
}
.room_con3_wrap .room_info_wrap .room_info1{
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #566D63;
}
.room_con3_wrap .room_info_wrap .room_info0{
    height: 55px;
    transition: all 1s;
}
.room_con3_wrap .room_info_wrap .room_info0.acitve{
    height: 15vh !important;
}
.room_con3_wrap .room_info_wrap .room_info2{
    height: 55px;
    transition: all 1s;
}
.room_con3_wrap .room_info_wrap .room_info2.acitve{
    height: 16vh;
}
.room_con3_wrap .room_info_wrap .room_info3{
    height: 55px;
    transition: all 1s;
}
.room_con3_wrap .room_info_wrap .room_info3.acitve{
    height: 20vh;
}
.room_con3_wrap .room_info_wrap .room_info3{
    width: 100%;
    border-top: 1px solid #566D63;
    border-bottom: 1px solid #566D63;
}
.room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap{
    display: flex;
    margin-left: unset;
    margin-top: unset;
    position: relative;
    cursor: pointer;
}
.room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap .room_plus_wrap{
    position: absolute;
    width: 12px;
    height: 12px;
    cursor: pointer;
    top: 56%;
    left: 1%;
    transform: translate(-50%, -50%);
    margin-top: unset;
    margin-right: unset;
}
.room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap .room_plus_wrap .vertical_line1{
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    background-color: #566D63;
    display: block;
    transform: rotate(90deg);
    transition: all 1s;
}
.room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap .room_plus_wrap .vertical_line1.active{
    
    transform: rotate(0deg);
}
.room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap .room_plus_wrap .vertical_line2{
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    background-color: #566D63;
    display: block;
    transform: rotate(90deg);
    transition: all 1s;
}
.room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap .room_plus_wrap .vertical_line2.active{
    
    transform: rotate(0deg);
}
.room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap .room_plus_wrap .vertical_line3{
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    background-color: #566D63;
    display: block;
    transform: rotate(90deg);
    transition: all 1s;
}
.room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap .room_plus_wrap .vertical_line3.active{
    
    transform: rotate(0deg);
}
.room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap .room_plus_wrap .horizon_line{
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    background-color: #566D63;
    display: block;
}
.room_info_title_wrap p{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 15px;
    line-height: 55px;
    transform: translateX(37px);
}
.room_many_info{
    padding-top: 20px;
    padding-bottom: 35px;
    padding-left: 50px;
}
.room_many_info p{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 16px;

}
.room_many_info p span{
    display: block;
}
.priceTable{
    font: normal 14px/1.5 Nanum Barun Gothic;
}
/* 외부 */
.view_wrap{
    width: 100%;
}
.view_wrap .view_slide_wrap{
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 2;
}
.view_wrap .view_slide_wrap .view_slide_button{
    position: absolute;
    max-width: 1750px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.view_wrap .view_slide_wrap .view_slide_button .fa-light{
    color: #fff;
    font-size: 70px;
    cursor: pointer;
    text-shadow: 2px 1px 4px #9f7666;
}
.view_wrap .view_slide_wrap .view_bottom_text{
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 100%;
    max-width: 1750px;

}
.view_wrap .view_slide_wrap .view_bottom_text::after{
    display: block;
    clear: both;
    content: "";
}
.view_wrap .view_slide_wrap .view_bottom_text .view_bt_wrap{
    float: right;
}
.view_wrap .view_slide_wrap .view_bottom_text p:first-child{
    
    font-family: "Analogue";
    font-size: 70px;
    color: #fff;
    text-align: center;
}
.view_wrap .view_slide_wrap .view_bottom_text p:last-child{

    font-size: 30px;
    color: #fff;
    text-align: center;
    
}
.view_con1_wrap{
    width: 100%;
    position: relative;
}
.view_con1_wrap .view_left_img{
    position: absolute;
    width: 1368px;
    height: 1138px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    top: 0px;
    transition: all 1.2s;
    transform-origin: 100% 0;
}
.view_con1_wrap .view_left_img.active{
    transform: rotateX(45deg);

}
.view_con1_wrap .inner_con{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}
.view_con1_wrap .inner_con .view_title_text1{
    color: #566D63;
    font-size: 50px;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 20px;
}
.view_con1_wrap .inner_con .view_title_text2{
    font-family: "Pretendard-Light";
    color: #566D63;
    font-size: 20px;
    text-align: center;
}
.view_con1_wrap .inner_con .view_center_wrap{
    width: 100%;
}
.view_con1_wrap .inner_con .view_center_wrap .view_con1_text1{
    color: #566D63;
    font-size: 28px;
    text-align: center;
    transform: translateX(90px);
    margin-top: 160px;
}
.view_con1_wrap .inner_con .view_center_wrap .view_con1_text2{
    color: #344940;
    font-size: 280px;
    font-family: "Analogue";
    position: absolute;
    top: 25%;
    left: 42%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.view_con1_wrap .inner_con .view_center_wrap .view_center_img_wrap{
    width: 670px;
    height: 582px;
    border-top-left-radius: 1920px;
    border-top-right-radius: 1920px;
    margin: 0 auto;
    background-color: #566D63;
    margin-top: 160px;
    position: relative;
    z-index: 2;
    transition:3s;
}
.view_con1_wrap .inner_con .view_center_wrap .view_center_img_wrap.active{
    
    border-top-left-radius: 1920px;
    border-top-right-radius: 1920px;
}
.view_con1_wrap .inner_con .view_center_wrap .view_center_img1{
    width: 670px;
    height: 582px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    top: 45%;
    left: 47%;
    transform: translate(-50%, -50%);
    z-index: 4;
    transition:3s;

}
.view_con1_wrap .inner_con .view_center_wrap .view_center_img1.active{
    
    border-top-left-radius: 1920px;
    border-top-right-radius: 1920px;
}
.view_con1_wrap .inner_con .view_center_wrap .view_con1_text3{
    text-align: center;
    color: #6f5847;
    font-size: 14px;
    font-family: "Pretendard-Regular";
    line-height: 25px;
}
.view_con1_wrap .inner_con .view_center_wrap .view_con1_text3 span{
    color: #566D63;
    font-family: "Pretendard-bold";
}
.view_con1_wrap .inner_con .view_center_wrap .view_con1_text4{
    text-align: center;
    color: #6f5847;
    font-size: 18px;
    font-family: "Pretendard-Regular";
    line-height: 30px;
    margin-top: 30px;
}
.view_con1_wrap .inner_con .view_center_wrap .view_con1_center_text{
    margin-top: 190px;
}
.view_con1_wrap .inner_con .view_center_wrap .view_three_img_wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 160px;
}
.view_con1_wrap .inner_con .view_center_wrap .view_three_img_wrap .view_three_img1{
    width: 400px;
    height: 300px;
    overflow: hidden;
    transition: all 1s;
    position: relative;
}

.view_con1_wrap .inner_con .view_center_wrap .view_three_img_wrap .view_three_img1 img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.8s;
}


/*스페셜*/
.special_wrap{
    width: 100%;
}
.special_wrap .special_slide_wrap{
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 2;
}
.special_wrap .special_slide_wrap .special_slide_button{
    position: absolute;
    max-width: 1750px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.special_wrap .special_slide_wrap .special_slide_button .fa-light{
    color: #fff;
    font-size: 70px;
    cursor: pointer;
    text-shadow: 2px 1px 4px #9f7666;
    
}
.special_wrap .special_slide_wrap .special_bottom_text{
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 100%;
    max-width: 1750px;
}
.special_wrap .special_slide_wrap .special_bottom_text::after{
    display: block;
    clear: both;
    content: "";
}
.special_wrap .special_slide_wrap .special_bottom_text .special_bt_wrap{
    float: right;
}
.special_wrap .special_slide_wrap .special_bottom_text p:first-child{
    
    font-family: "Analogue";
    font-size: 70px;
    color: #fff;
    text-align: center;
}
.special_wrap .special_slide_wrap .special_bottom_text p:last-child{

    font-size: 30px;
    color: #fff;
    text-align: center;
    
}
.special_con1_wrap{
    width: 100%;
    height: 65px;
    border-bottom:1px solid #566D63;
}
.special_con1_wrap .special_gnb{
    display: flex;
    justify-content: center;
}
.special_con1_wrap .special_gnb li{
    padding: 21px;
}
.special_con1_wrap .special_gnb li a{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 16px;

}
.special_con2_wrap{
    width: 100%;
}
.special_con2_wrap .inner_con{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}
.special_con2_wrap .inner_con .special_con2_text1{
    color: #566D63;
    font-size: 50px;
    margin-top: 100px;
    text-align: center;
}
.special_con2_wrap .inner_con .special_con2_text2{
    color: #566D63;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 100px;
    text-align: center;
    font-family: "Pretendard-Light";
}
.special_con2_wrap .inner_con .special_con2_center_img{
    width: 1000px;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 85px;
}

.special_con2_wrap .inner_con .special_con2_text3{
    color: #566D63;
    font-size: 20px;
    margin-bottom: 40px;
    text-align: center;
    font-family: "Pretendard-Regular";
}
.special_con2_wrap .inner_con .special_con2_text4{
    color: #566D63;
    font-size: 16px;
    margin-bottom: 120px;
    text-align: center;
    font-family: "Pretendard-Regular";
    line-height: 25px;
}
.special_con2_wrap .inner_con .special_con2_text4 .special_text_color{
    color: #b48961;
    font-family: "Pretendard-bold";
}
.special_con2_wrap .inner_con .special_con2_text4 .special_text_blod{
    color: #675344;
    font-family: "Pretendard-bold";
}
.special_con2_wrap .inner_con .special_con2_bottom_wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_left_img1{
    width: 640px;
    height: 800px;
    overflow: hidden;
    position: relative;
}
.special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_left_img1 img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s;
}
.special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_left_img1 img.active{
    transform: translateX(0px);

}
.special_bg{
    width: 100%;
    height: 600px;
    margin-top: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.special_bg .specail_bg_text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.special_bg .specail_bg_text p:first-child{
    font-size: 35px;
    color: #fff;
    text-align: center;
}
.special_bg .specail_bg_text p:last-child{
    font-size: 55px;
    color: #fff;
    text-align: center;
}
.time-bg1 {
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#d7ece3 25%,#d7ece3);
    width: 150%;
    height: 100%;
    z-index: 30;
    transition: 1.8s;
    display: block;
    position: absolute;
    transform: scale(1.1) translateX(-20%);
}
.time-bg1.active {
    transform: translateX(100%);
}
.time-bg2 {
    background: linear-gradient(270deg,hsla(0,0%,100%,0),#d7ece3 25%,#d7ece3);
    width: 150%;
    height: 100%;
    z-index: 30;
    transition: 1.8s;
    display: block;
    position: absolute;
    transform: scale(1.1);
}
.time-bg2.active {
    transform: translateX(-100%);
    transition-delay: 0.3s;
}
.time-bg3 {
    background: linear-gradient(0deg,hsla(0,0%,100%,0),#d7ece3 25%,#d7ece3);
    width: 100%;
    height: 150%;
    z-index: 30;
    transition: 1.8s;
    display: block;
    position: absolute;
    transform: scale(1.1);
}
.time-bg3.active {
    transform: translateY(-100%);
    transition-delay: 0.6s;
}
.time-bg4 {
    background: linear-gradient(0deg,hsla(0,0%,100%,0),#d7ece3 25%,#d7ece3);
    width: 100%;
    height: 150%;
    z-index: 30;
    transition: 1.8s;
    display: block;
    position: absolute;
    transform: scale(1.1);
}
.time-bg4.active {
    transform: translateY(-100%);
}
.special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_right_wrap .spcial_con2_right_img1{
width: 600px;
height: 380px;
margin-bottom: 40px;
overflow: hidden;
transition: all 1s;
position: relative;
}
.special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_right_wrap .spcial_con2_right_img1 img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_right_wrap .spcial_con2_right_img2{
width: 600px;
height: 380px;
overflow: hidden;
transition: all 1s;
position: relative;
}
.special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_right_wrap .spcial_con2_right_img2 img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

/* 여행안내 */
.tour_top_wrap{
    width: 100%;
}
.tour_top_wrap .tor_top_img{
    width: 100%;
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tour_top_wrap .tour_con1_wrap{
    width: 100%;
}
.tour_top_wrap .tour_con1_wrap .inner_con{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}
.tour_con1_wrap .inner_con .tour_title_text{
    font-family: "Minerva-Modern";
    color: #566D63;
    font-size: 50px;
    margin-top: 75px;
    text-align: center;
}
.tour_con1_wrap .inner_con .tour_sub_text{
    font-size: 20px;
    color: #566D63;
    font-family: "Pretendard-Light";
    margin-top: 30px;
    margin-bottom: 174px;
    text-align: center;
}
.tour_con1_wrap .inner_con .tour_box_wrap{
    width: 100%;
    display: flex;
    margin-bottom: 178px;
}
.tour_con1_wrap .inner_con .tour_box_wrap .tour_left_img{
    width: 700px;
    height: 500px;
    position: relative;
    overflow: hidden;

}
.tour_con1_wrap .inner_con .tour_box_wrap .tour_left_img img{
    width: 100%;
    height: 100%;    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tour_con1_wrap .inner_con .tour_box_wrap .tour_right_text_wrap{
    width: 600px;
    height: auto;
    margin-left: 95px;
}
.tour_con1_wrap .inner_con .tour_box_wrap .tour_right_text_wrap .tour_right_text1{
    margin-top: 95px;
    color: #566D63;
    font-size: 30px;
    font-family: "Pretendard-Regular";
    position: relative;
    overflow: hidden;
    transition: all 1s;
    transition-delay: 0.5s;
}
.tour_con1_wrap .inner_con .tour_box_wrap .tour_right_text_wrap .tour_right_text1::after{
    display: block;
    clear: both;
    content: "";
    width: 100%;
    height: 100%;
}

.tour_con1_wrap .inner_con .tour_box_wrap .tour_right_text_wrap .tour_right_text2{
    margin-top: 5px;
    margin-bottom: 40px;
    color: #344940;
    font-size: 18px;
    font-family: "Pretendard-Medium";
    transition: all 1s;
    transition-delay: 0.5s;
}
.tour_con1_wrap .inner_con .tour_box_wrap .tour_right_text_wrap .tour_right_text3{
    line-height: 30px;
    color: #566D63;
    font-size: 16px;
    font-family: "Pretendard-Medium";
    transition: all 1s;
    transition-delay: 0.5s;
}



/* 오시는길 */
.map_top_wrap{
    width: 100%;
}
.map_top_wrap .map_top_img{
    width: 100%;
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.map_top_wrap .map_con1_wrap{
    width: 100%;
}
.map_top_wrap .map_con1_wrap .inner_con{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.map_con1_wrap .inner_con .map_title_text{
    font-family: "Minerva-Modern";
    color: #566D63;
    font-size: 50px;
    margin-top: 75px;
    text-align: center;
}
.map_con1_wrap .inner_con .map_sub_text{
    font-size: 20px;
    color: #566D63;
    font-family: "Pretendard-Light";
    margin-top: 30px;
    margin-bottom: 163px;
    text-align: center;
}
.map_con1_wrap .inner_con .map_box1_wrap{
    width: 100%;
    display: flex;
    margin-bottom: 80px;
}
.map_con1_wrap .inner_con .m_map{
    display: none;
}
.map_con1_wrap .inner_con .map_box1_wrap .map_left_img{
    width: 480px;
    height: 370px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.map_con1_wrap .inner_con .map_box1_wrap .map_right_text_wrap{
    margin-left: 75px;
    margin-top: 128px;
}
.map_con1_wrap .inner_con .map_box1_wrap .map_right_text_wrap .map_info_text1{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 25px;
    margin-bottom: 40px;
}
.map_con1_wrap .inner_con .map_box1_wrap .map_right_text_wrap .map_info_text2{
    
    font-family: "Pretendard-Medium";
    color: #566D63;
    font-size: 18px;
}
.map_con1_wrap .inner_con .pc_map{
    width: 100%;
    margin: 0 auto;
}
/* 공지사항 */
.notice_top_wrap{
    width: 100%;
}
.notice_top_wrap .notice_top_img{
    width: 100%;
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.notice_con1_wrap{
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #566D63;
}
.notice_con1_wrap .reser_gnb{
    display: flex;
    justify-content: center;
}
.notice_con1_wrap .reser_gnb li{
    padding:21px;
}
.notice_con1_wrap .reser_gnb li a{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 16px;
}
.notice_con2_wrap .inner_con{
   max-width: 1320px;
   width: 100%;
   margin: 0 auto;
}
.notice_con2_wrap .inner_con .notice_title_text{
    font-family: "Minerva-Modern";
    color: #566D63;
    font-size: 50px;
    margin-top: 75px;
    text-align: center;
}
.notice_con2_wrap .inner_con .notice_sub_text{
    font-size: 20px;
    color: #566D63;
    font-family: "Pretendard-Light";
    margin-top: 12px;
    margin-bottom: 163px;
    text-align: center;
}

/* 예약안내 팝업창 */

.reser-pop-wrap{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: 5px 5px 10px rgba(0,0,0,0.3); background-color: #F8FFFC; padding: 30px 40px; z-index: 10000; visibility: hidden; opacity: 0; transition: 0.8s;}
.reser-pop-wrap.on{visibility: visible; opacity: 1;}

.reser-pop-wrap .close-btn{position: absolute; right: 20px; top: 12px;}
.reser-pop-wrap .checkT input{position: absolute; margin-top: 3px;}
.reser-pop-wrap .checkT p{width: 88%; margin: 0 auto;}
.reser-pop-wrap .checkT p:last-child{width: 100%;margin-bottom: 20px;}
.reser-pop-wrap .checkT p input{margin-right: 10px;}
.reser-pop-wrap .btnArea .btn a{border: 1px solid #191919; padding: 10px 20px; border-radius: 5px; transition: 0.5s;}
.reser-pop-wrap .btnArea .btn a:hover{background:#191919; color: #fff;}

.btnArea{visibility: hidden; opacity: 0; transition: 0.8s;}
.btnArea.on{visibility: visible; opacity: 1; transition: 0.8s;}
.checkT p{font-size: 13px;}
.checkT p.ok{margin-top: 15px;}
.checkT p.red{color: red;}



/* 예약안내 */
.reser_top_wrap{
    width: 100%;
}
.reser_top_wrap .reser_top_img{
    width: 100%;
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.reser_con1_wrap{
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #566D63;
}
.reser_con1_wrap .reser_gnb{
    display: flex;
    justify-content: center;
}
.reser_con1_wrap .reser_gnb li{
    padding:21px;
}
.reser_con1_wrap .reser_gnb li a{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 16px;
}
.reser_con2_wrap{
    width: 100%;
    margin-bottom: 125px;
}
.reser_con2_wrap .inner_con{
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
}
.reser_con2_wrap .inner_con .reser_title_text{
    font-family: "Minerva-Modern";
    color: #566D63;
    font-size: 50px;
    margin-top: 75px;
    text-align: center;
}
.reser_con2_wrap .inner_con .reser_sub_text{
    font-size: 20px;
    color: #566D63;
    font-family: "Pretendard-Light";
    margin-top: 12px;
    margin-bottom: 163px;
    text-align: center;
}


.reser_con2_wrap .reser_button {
    width: 110px;
    height: 40px;
    border: 1px solid #566D63;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 125px;
    transition: all 0.5s;
    background-color: transparent;
}
.reser_con2_wrap .reser_button:hover {
    background-color: #566D63;
}
.reser_con2_wrap .reser_button:hover .fa-clock {
    color: #F8FFFC;
}
.reser_con2_wrap .reser_button .fa-clock {
    color: #566D63;
    margin-right: 10px;
    transition: all 0.5s;
}
.reser_con2_wrap .reser_button:hover span {
    color: #566D63;
}
.reser_con2_wrap .reser_button span {
    font-size: 15px;
    color: #566D63;
    font-family: "Pretendard-Light";
    transition: all 0.5s;
}
.reser_con2_wrap .inner_con .reser_flex_wrap{
    max-width:1100px ;
    width: 100%;   
    margin: 0 auto;
    display: flex;
}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_left_box{
    width: 420px;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box{
    margin-top: 45px;
    margin-left: 125px;
}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_manner_text1{
    color: #566D63;
    font-size: 30px;
}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner{
    margin-top: 45px;
    margin-bottom: 30px;
}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner p{
    
    font-family: "Pretendard-Light";
    font-size: 18px;
    color: #566D63;
}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner p .m-text{
    font-family: "Pretendard-Light";
    font-size: 18px;
    color: #566D63;
}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner p a{
    font-family: "Pretendard-Light";
    font-size: 18px;
    color: #566D63;
}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner p span{
    font-family: "Pretendard-Medium";
    font-size: 18px;
    color: #566D63;

}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner p .pc-br{
    display: unset;
    font-family: "Pretendard-Light";
    font-size: 18px;
    color: #566D63;
}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_manner_text2 .pc-br{
    display: unset;
    font-family: "Pretendard-Light";
    font-size: 18px;
    color: #566D63;
}
.reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_manner_text2{
    color: #566D63;
    font-size: 16px;
    font-family: "Pretendard-Light";
}
.reser_con2_wrap .inner_con .reser_info_wrap{
    max-width:1100px ;
    width: 100%;
    margin: 0 auto;
    margin-top: 160px;
    margin-bottom: 180px;
}
.reser_con2_wrap .inner_con .reser_info_wrap p{
    font-family: "Pretendard-Regular";
    font-size: 30px;
    color: #566D63;
}
.reser_con2_wrap .inner_con .reser_info_wrap .reser_right_line{
   
    height: 1px;
    background-color: #566D63;
    margin-top: 30px;
    margin-bottom: 30px;
}
.reser_right_line{
    width: 0%;
    transition: all 1s;
}
.reser_right_line.active{
    width: 100%;
}
.reser_con2_wrap .inner_con .reser_info_wrap .reser_info_text_box{
    width: 100%;
}

.reser_con2_wrap .inner_con .reser_info_wrap .reser_info_text_box h5 {
    font-family: "Pretendard-Regular";
    font-size: 18px;
    color: #566D63;
    line-height: 30px;
    position: relative;
    transition: all 1s;
    margin: 20px 0;
}


.reser_con2_wrap .inner_con .reser_info_wrap .reser_info_text_box li{
    font-family: "Pretendard-Regular";
    font-size: 16px;
    color: #566D63;
    line-height: 30px;
    position: relative;
    transition: all 1s;
    padding-left: 15px;
}
.reser_con2_wrap .inner_con .reser_info_wrap .reser_info_text_box li::after{
    display: block;
    clear: both;
    content: "";
    background-color: #566D63;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 0.7em;
    left: 0;    
}
.reser_con2_wrap .reser_middle_img_box{
    width: 100%;
}
.reser_con2_wrap .reser_middle_img_box .reser_middle_img{
    width: 100%;
    height: 700px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.reser_con2_wrap .reser_middle_img_box .reser_middle_img p{
    position: absolute;
    right: 70px;
    bottom: 40px;
    color: #fff;
    font-size: 30px;
    font-family: "Minerva-Modern";
}

.reser_con3_wrap{
    width: 100%;
}
.reser_con3_wrap .inner_con{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

.reser_con3_wrap .inner_con .reser_info_wrap1{
    max-width:1100px ;
    width: 100%;
    margin: 0 auto;
    margin-top: 160px;
    margin-bottom: 180px;
}
.reser_con3_wrap .inner_con .reser_info_wrap1 p{
    font-family: "Pretendard-Regular";
    font-size: 30px;
    color: #566D63;
}
.reser_con3_wrap .inner_con .reser_info_wrap1 .reser_right_line{
    
    height: 1px;
    background-color: #566D63;
    margin-top: 30px;
    margin-bottom: 30px;
}
.reser_con3_wrap .inner_con .reser_info_wrap1 .reser_info_text_box{
    width: 100%;
}
.reser_con3_wrap .inner_con .reser_info_wrap1 .reser_info_text_box li{
    font-family: "Pretendard-Regular";
    font-size: 16px;
    color: #566D63;
    line-height: 30px;
    position: relative;
    transition: all 1s;
    padding-left: 15px;
}
.reser_con3_wrap .inner_con .reser_info_wrap1 .reser_info_text_box .two_line{
    
    font-family: "Pretendard-Regular";
    font-size: 16px;
    color: #566D63;
    line-height: 30px;
    position: relative;
}.reser_con3_wrap .inner_con .reser_info_wrap1 .reser_info_text_box .two_line::after{
    display: block;
    clear: both;
    content: "";
    background-color: #566D63;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 25%;
    left: 0.5%;
    transform: translate(-50%, -50%);

}
.reser_con3_wrap .inner_con .reser_info_wrap1 .reser_info_text_box li::after{
    display: block;
    clear: both;
    content: "";
    background-color: #566D63;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0.5%;
    transform: translate(-50%, -50%);
}



.reser_con3_wrap .inner_con .reser_info_wrap2{
    max-width:1100px ;
    width: 100%;
    margin: 0 auto;
    margin-top: 160px;
    margin-bottom: 180px;
}
.reser_con3_wrap .inner_con .reser_info_wrap2 p{
    font-family: "Pretendard-Regular";
    font-size: 30px;
    color: #566D63;
}
.reser_con3_wrap .inner_con .reser_info_wrap2 .reser_right_line{
   
    height: 1px;
    background-color: #566D63;
    margin-top: 30px;
    margin-bottom: 30px;
}
.reser_con3_wrap .inner_con .reser_info_wrap2 .reser_info_text_box{
    width: 100%;
}
.reser_con3_wrap .inner_con .reser_info_wrap2 .reser_info_text_box li{
    font-family: "Pretendard-Regular";
    font-size: 16px;
    color: #6f5847;
    line-height: 30px;
    position: relative;
    transition: all 1s;
    overflow: hidden;
    padding-left: 15px;
}
.reser_con3_wrap .inner_con .reser_info_wrap2 .reser_info_text_box .two_line{
    
    font-family: "Pretendard-Regular";
    font-size: 16px;
    color: #6f5847;
    line-height: 30px;
    position: relative;
    padding-left: 15px;
}.reser_con3_wrap .inner_con .reser_info_wrap2 .reser_info_text_box .two_line::after{
    display: block;
    clear: both;
    content: "";
    background-color: #9f7666;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 25%;
    left: 0.5%;
    transform: translate(-50%, -50%);

}
.reser_con3_wrap .inner_con .reser_info_wrap2 .reser_info_text_box li::after{
    display: block;
    clear: both;
    content: "";
    background-color: #9f7666;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0.5%;
    transform: translate(-50%, -50%);
}
.reser_con4_wrap{
    width: 100%;
}
.reser_con4_wrap .inner_con{
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    display: flex;
}
.reser_con4_wrap .inner_con .reser_con4_left_img{
    width: 450px;
    height: 710px;
    position: relative;
    overflow: hidden;
}
.reser_con4_wrap .inner_con .reser_con4_left_img img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.reser_con4_wrap .inner_con .reser_con4_right_text_box{
    margin-left: 90px;
}
.reser_con4_wrap .inner_con .reser_con4_right_text_box .reser_con4_text1{
    font-family: "Pretendard-SemiBold";
    color: #566D63;
    font-size: 20px;
    transition: all 2s;
}
.reser_con4_wrap .inner_con .reser_con4_right_text_box .reser_con4_text2{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 43px;
    transition: all 2s;

}
.refund_wrap{
    width: 100%;
    margin-top: 160px;
    margin-bottom: 150px;
}
.refund_wrap .inner_con{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
.refund_wrap .inner_con .refund_title_text{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 30px;
}
.refund_wrap .inner_con .reser_right_line{
    
    height: 1px;
    background-color:#566D63 ;
    margin-top: 30px;
    margin-bottom: 5px;
}
.refund_wrap .inner_con .refund_text2{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 16px;
    line-height: 30px;
    transition: all 1s;

}
.refund_wrap .inner_con .refund_text3{
    font-family: "Pretendard-Regular";
    color: #566D63;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 100px;
    transition: all 1s;

}

.reser_tt{max-width: 720px;width: 100%; text-align: center; margin: 0 auto;font: normal 14px/1.5 Nanum Barun Gothic;}
.reser_tt tr{border-top: 1px solid #ddd;}
.reser_tt .tt_last{border-bottom: 1px solid #ddd;}
.reser_tt th{padding: 10px 0;background: #A1AFA9;}
.reser_tt td{padding: 10px 0;font-weight: 600;}
.reser_tt td strong{color: #7f0000;}


/* 푸터 */
.ft.block{
    position: unset !important;
    overflow: hidden;
}
.ft{
    position: fixed;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 680px;
}
.ft .inner_con{
    max-width: 930px;
    width: 100%;
}
.ft .inner_con .ft_logo{
    width: 125px;
    margin: 0 auto;
    margin-top: 120px;
}
.ft .inner_con .ft_logo img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ft .inner_con .tel_wrap{
    display:flex;
    justify-content: center;
}
.ft .inner_con .tel_wrap .tel_link{
    color: #344940;
    font-size: 30px;
    font-family: "Pretendard-Medium";
    margin-top: 65px;
    margin-bottom: 35px;

}
.ft .inner_con .ft_info_wrap{
    display: flex;
    justify-content: center;
}
.ft .inner_con .ft_info_wrap p{
    font-family: "Pretendard-Medium";
    font-size: 15px;
    color: #566D63;

}
.ft .inner_con .ft_info_wrap p span{
    margin-left: 10px;
    margin-right: 10px;
}
.ft .inner_con .ft_info_wrap p img{
    width: 25px;
    margin-bottom: -5px;
}
.ft .inner_con .copy_right{
    text-align: center;
    font-family: "Pretendard-Medium";
    color: #332924;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.ft .inner_con .manage_wrap{
    text-align: center;
    margin-bottom: 120px;
}

.ft .inner_con .manage_wrap a{
    font-family: "Pretendard-Regular";
    font-size: 14px;
    color: #566D63;
    text-decoration: underline;

}
.ft .inner_con .ft_buttom_text{
    font-size: 120px;
    color: #838C88;
    transform: translateY(0px);
    text-align: center;
    transition: all 1s;

}
.ft .inner_con .ft_buttom_text.active{
    transform: translateY(0px);

}
@media (max-width:1510px){
    .hd .hd_inner_con .hd_right_menu .hd_vertical_line{
        display: none;
    }
    .hd .hd_inner_con{
        max-width: 1300px;
    }
    .main_con2_wrap .main_con2_up_line{
        max-width: 1300px;
    }
    .inner_con{
        max-width: 1100px;
    }
    .hd .hd_inner_con{
        max-width: 1100px;
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu{
        margin-right: 50px;
    }
    .view_con1_wrap .inner_con{
        overflow: hidden;

    }
    .room_wrap .room_slide_wrap .room_bottom_text{
        left: 50%;
    }
    .special_wrap .special_slide_wrap .special_bottom_text{
        left: 50%;
    }
    .view_wrap .view_slide_wrap .view_bottom_text{
        left: 50%;
    }
    .room_wrap .room_slide_wrap .total_wrap {
        display: flex;
        justify-content: space-between;
        width: 10%;
        position: absolute;
        bottom: 1%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
    }
    .special_wrap .special_slide_wrap .total_wrap{
        display: flex;
        justify-content: space-between;
        width: 10%;
        position: absolute;
        bottom: 1%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;

    }
    .view_wrap .view_slide_wrap .total_wrap{
        display: flex;
        justify-content: space-between;
        width: 10%;
        position: absolute;
        bottom: 1%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;

    }
    .main_wrap .main_slide_wrap .total_wrap{
        display: flex;
        justify-content: space-between;
        width: 10%;
        position: absolute;
        bottom: 1%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;

    }
    .room_wrap .room_slide_wrap .room_bottom_text .room_bt_wrap{
        float: unset;
    }
    .special_wrap .special_slide_wrap .special_bottom_text .special_bt_wrap{
        float: unset;
    }
    .view_wrap .view_slide_wrap .view_bottom_text .view_bt_wrap{
        float: unset;
    }
    
}

@media all and (max-width:1420px){
    .main_con2_wrap .room_preview_wrap{width: calc(100% - 100px);}
}

@media (max-width:1310px){
    .hd .hd_inner_con .hd_right_menu .hd_logo{
        width: 90px;
    }

    .main_con2_wrap .room_preview_wrap .room_preview_center_line{
        margin-left: 50px;
        margin-right: 80px;
    }
    .main_con3_wrap .inner_con{
        max-width: 1100px;
        overflow: hidden;
    }
    .inner_con{
        max-width: 900px;
    }
    .view_con1_wrap .inner_con{
        overflow: hidden;

    }
    .view_con1_wrap .view_left_img{
        width: 600px;
        height: 600px;
    }
    .view_con1_wrap .inner_con .view_center_wrap .view_three_img_wrap .view_three_img1{
        height: auto;
    }
    .view_con1_wrap .inner_con .view_center_wrap .view_center_img1{
        top: 48%;
    }
    .room_con2_wrap .room_left_img{
        width: 600px;
        height: 600px;

    }
    .special_con2_wrap .inner_con .special_con2_bottom_wrap{
        display: block;
    }
    .special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_left_img1{
        margin: 0 auto;
        margin-bottom: 100px;
    }
    .special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_right_wrap .spcial_con2_right_img1{
        height: auto;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_right_wrap .spcial_con2_right_img2{
        height: auto;
        margin: 0 auto;
    }




}
@media (max-width:1230px){
    .room_con2_wrap .inner_con .room_con2_img_wrap1{
        display: block;
    }
    .room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_left_img{
        margin: 0 auto;
    }
    .room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_right_text_wrap p:first-child{
        margin-top: 50px;
        margin-left: unset;
        text-align: center;
    }
    .room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_right_text_wrap p:last-child{
        text-align: center;
        margin-left: unset;
    }
}
@media (max-width:1200px){
    .main_con2_wrap .room_preview_wrap{
        max-width: 900px;
        display: block;
    }
    .main_con2_wrap .room_preview_wrap .room_preview_center_line{
        display: none;
    }
    .main_con2_wrap .room_preview_wrap .room_preview_left_box .rp_text1{
        text-align: center;
    }
    .main_con2_wrap .room_preview_wrap .room_preview_left_box .rp_text2{
        text-align: center;
    }
    .main_con2_wrap .room_preview_wrap .room_preview_left_box .room_preview_left_img{
        margin: 0 auto;
    }
    .main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1{
        margin: 0 auto;

    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_img3{
        display: none;
    }
    .room_preview_left_box{
        margin-bottom:120px;

    }
    .hd .hd_inner_con .hd_sns_box a span{
        display: none;
    }
    .main_con4_wrap .main_con4_bg .main_con4_text_wrap p{
     white-space: nowrap;
    }


}
@media (max-width:1100px){
    .main_con1_wrap .inner_con .main_con1_text2{
        font-size: 300px;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_img2{
        display: none;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .sp_center_text_wrap ul li{
        font-size: 30px;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .sp_right_wrap{
        display: block;
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu{
        width: 550px;
    }
}
@media (max-width:900px){
    
    /* 해드 */
    .hd{
        width: 100%;
        height: auto;
    }
    .hd .hd_inner_con{
        width: 100%;
        display: block;
    }
    .hd .hd_inner_con .hd_sns_box{
        display: none;
    }
    .hd .hd_inner_con .hd_right_menu{
        display: flex;
        height: auto;
        transform: unset;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
    }
    .hd .hd_inner_con .hd_right_menu .hd_sub_menu{
        opacity: 1;
        margin-top: 10px;
    }
    .hd .hd_inner_con .hd_right_menu .hd_vertical_line{
        display: none;
    }
    .hd .hd_inner_con .hd_right_menu .hd_logo{
        width: 100px;
        display: block;
        margin-top: 20px;
        margin-left: 10px;
    }
    .hd .hd_inner_con .hd_right_menu .hd_reser_button{
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-top: 20px;
        margin-right: 10px;
    }
    .hd .hd_inner_con .hd_right_menu .hd_reser_button span{
        display: none;
    }
    .hd .hd_inner_con .hd_right_menu .hd_reser_button .fa-clock{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu{
        display: flex;
        width: 100%;
        height: 100vh;
        justify-content: center;
        align-items: start;
        flex-wrap: wrap;
        margin: 0 auto;
        position: absolute;
        top: 0;
        opacity: 0;
        pointer-events: none;
        background-color: #F8FFFC;
        transition: all 0.3s;

    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu.active{
        opacity: 1;
        pointer-events: all;
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu li{
        width: 33.33%;
        white-space: nowrap;
        transform: translateY(120px) translateX(10px);
        line-height: 25px;
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu .hd_sub_menu li{
        transform: unset;
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu .m_transform{
        transform: translateY(-30px) translateX(10px);
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu .menu_tour{margin-left: unset;}
   .m_menu_bar{
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 200;
    transition: all 0.5s;
    border-radius: 50%;
    background-color: transparent;
    right: 55px;
    border: 1px solid #344940;
    top: 20px;
    
   }
   .m_menu_bar .line_wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 1px;
   }
   .m_menu_bar .line_wrap .line1{
    position: absolute;
    width: 16px;
    height: 1px;
    background-color: #344940;
    transform: translateY(-2px);
    transition: all 0.3s;
   }
   .m_menu_bar.active .line_wrap .line1{
    transform: rotate(45deg);
   }
   .m_menu_bar .line_wrap .line2{
    position: absolute;
    width: 16px;
    height: 1px;
    background-color: #344940;
    transform: translateY(2px);
    transition: all 0.3s;
   }
   .m_menu_bar.active .line_wrap .line2{
    transform: rotate(-45deg);
   }
   .hd.active{
    height: unset;
    background-color: unset;
   }
   .hd .hd_inner_con .hd_right_menu.on{
    transform: unset;
   }
   .special_con2_wrap .inner_con .special_con2_center_img{
    width: calc(100% - 10px);
   }
   .main_con3_wrap .inner_con{
    width: calc(100% - 10px);
    margin: 0 auto;
   }
   .main_con3_wrap .inner_con p{
    transform: unset;
    margin-top: 50px;
    margin-bottom: 50px;
   }
   .special_con1_wrap .special_gnb li{
    padding: 13px;
    line-height: 40px;
   }
   .special_bg{
    height: 200px;
    background-attachment: unset;
    margin-top: unset;
   }
   
}


@media (max-width:700px){
    /* 해드 */
    .hd{
        width: 100%;
        height: auto;
    }
    .hd .hd_inner_con{
        width: 100%;
        display: block;
    }
    .hd .hd_inner_con .hd_sns_box{
        display: none;
    }
    .hd .hd_inner_con .hd_right_menu{
        display: flex;
        height: auto;
        transform: unset;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
    }
    .hd .hd_inner_con .hd_right_menu .hd_sub_menu{
        opacity: 1;
        margin-top: 10px;
    }
    .hd .hd_inner_con .hd_right_menu .hd_vertical_line{
        display: none;
    }
    .hd .hd_inner_con .hd_right_menu .hd_logo{
        width: 80px;
        display: block;
        margin-top: 20px;
        margin-left: 10px;
    }
    .hd .hd_inner_con .hd_right_menu .hd_reser_button{
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-top: 20px;
        margin-right: 10px;
    }
    .hd .hd_inner_con .hd_right_menu .hd_reser_button span{
        display: none;
    }
    .hd .hd_inner_con .hd_right_menu .hd_reser_button .fa-clock{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu{
        display: flex;
        width: 100%;
        height: 100vh;
        justify-content: center;
        align-items: start;
        flex-wrap: wrap;
        margin: 0 auto;
        position: absolute;
        top: 0;
        opacity: 0;
        pointer-events: none;
        background-color: #F8FFFC;
        transition: all 0.3s;

    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu.active{
        opacity: 1;
        pointer-events: all;
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu li{
        width: 33.33%;
        white-space: nowrap;
        transform: translateY(120px) translateX(10px);
        line-height: 25px;
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu .hd_sub_menu li{
        transform: unset;
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu .m_transform{
        transform: translateY(-30px) translateX(10px);
    }
    .hd .hd_inner_con .hd_right_menu .hd_main_menu .menu_tour{margin-left: unset;}
   .m_menu_bar{
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 200;
    transition: all 0.5s;
    border-radius: 50%;
    background-color: transparent;
    right: 55px;
    border: 1px solid #344940;
    top: 20px;
    
   }
   .m_menu_bar .line_wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 1px;
   }
   .m_menu_bar .line_wrap .line1{
    position: absolute;
    width: 16px;
    height: 1px;
    background-color: #344940;
    transform: translateY(-2px);
    transition: all 0.3s;
   }
   .m_menu_bar.active .line_wrap .line1{
    transform: rotate(45deg);
   }
   .m_menu_bar .line_wrap .line2{
    position: absolute;
    width: 16px;
    height: 1px;
    background-color: #344940;
    transform: translateY(2px);
    transition: all 0.3s;
   }
   .m_menu_bar.active .line_wrap .line2{
    transform: rotate(-45deg);
   }
   .hd.active{
    height: unset;
    background-color: unset;
   }
   .hd .hd_inner_con .hd_right_menu.on{
    transform: unset;
   }
   .special_bg .specail_bg_text p:first-child{
    font-size: 16px;
    white-space: nowrap;
    }
    .special_bg .specail_bg_text p:last-child{
     font-size: 25px;
     white-space: nowrap;
     }
    /* 메인 */
    .main_wrap .main_slide_wrap{
        height: 350px;
    }
    .main_con1_wrap{
        padding-bottom: 100px;
    }
    .main_con1_wrap .inner_con .main_con1_text2{
        font-size: 100px;
        z-index: 3;
        top: 0%;
        line-height: 120px;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_img_box{
        width: calc(100% - 135px);
        height: 300px;
        margin: 0 auto;
        margin-top: 60px;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_img_box .main_con1_img1{
        width: 100%;
        height: 300px;
        top: 15px;
        left: 30px;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_img2{
        display: none;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_img3{
        display: none;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_vertical_text{
        display: block;
        left: -15%;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_vertical_text .vr_t1{
        font-size: 18px;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_vertical_text .vr_t2{
        font-size: 15px;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_img_box .main_con1_leaf{
        width: 180px;
        height: 328px;
        top: unset;
        left: -22%;
        bottom: -62%;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_last_text{
        font-size: 13px;
        padding-left: unset;
        padding-top: unset;
        margin-top: 60px;
        text-align: center;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_last_text span{
        font-size: 40px;
        color: #566D63;
        font-family: "Analogue";
        position: absolute;
        left: 25px;
        top: -25px;
    }
    .main_wrap .main_slide_wrap .main_bottom_text{
        bottom: 2%;
    }
    .main_wrap .main_slide_wrap .main_bottom_text p:first-child{
        font-size: 30px;
    }
    .main_wrap .main_slide_wrap .main_bottom_text p:last-child{
        font-size: 15px;
    }
    .main_wrap .main_slide_wrap .main_slide_button{
        width: calc(100% - 10px);
    }
    .main_wrap .main_slide_wrap .main_slide_button .fa-light{
        font-size: 30px;
    }
    .main_con1_wrap .inner_con{
        padding-top: unset;
    }
    .main_con1_wrap .inner_con .main_con1_center_box .main_con1_img_box .main_con1_img1.active{
        top: 40px;
    }
    .main_con1_wrap .inner_con .main_con1_text1{
        transform: unset;
        margin-top: 70px;
        text-align: center;
    }
    
    /* 룸프리뷰 */
    .main_con2_wrap .room_preview_title_text{
        font-size: 55px;
    }
    .main_con2_wrap .room_preview_wrap{
        width: 100%;
        display: block;
    }
    .main_con2_wrap .room_preview_wrap .room_preview_center_line{
        display: none;
    }
    .main_con2_wrap .room_preview_wrap .room_preview_left_box .room_preview_left_img{
        width: calc(100% - 30px);
        height: 350px;
        margin: 0 auto;
    }
    .room_preview_right_img img{
        width: 100%;
        height: 100%;
    }
    .room_previwe_right_wrap{
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    .main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1 .room_preview_right_img{
        width: 100%;
        height: 360px;
        margin: 0 auto;
    }
    .main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1{
        width: 100%;
        margin-top: 80px;
    }
    .main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1 .room_preview_rtext2{
        padding-bottom: unset;
        font-size: 12px;
    }
    .main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1 a{
        bottom: -20px;
    }
    .main_con2_wrap .main_con2_up_line{
        margin-top: 20px;
        margin-bottom: 50px;
    }
    .main_con2_wrap .room_preview_wrap .room_previwe_right_wrap .room_preiew_right1 .room_preview_rtext1{
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 30px;
    }
    .main_con2_wrap .room_preview_wrap .room_preview_left_box .room_preivew_sticky_box{
        position: relative;
    }
    .main_con2_wrap .room_preview_wrap .room_preview_left_box .rp_text1{
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        white-space: nowrap;
    }
    .main_con2_wrap .room_preview_wrap .room_preview_left_box .rp_text2{
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        white-space: nowrap;
        text-align: center;
    }
    /* 스페셜프리뷰 */
    .ft_block .main_con3_wrap .inner_con{
        margin-top: unset;
        margin-bottom: unset;
    }

    .main_con3_wrap .inner_con{
        margin-top: 100px;
        margin-bottom: 120px;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .sp_right_wrap .sp_right_img_box{
        display: none;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap{
        display: block;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap{
        width: auto;
        height: auto;
        display: none;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap .sp_left_img1_wrap{
        width: calc(100% - 75px);
        margin: 0 auto;
        height: 350px;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .m_sp_left_wrap{
        width: auto;
        height: auto;
        display: block;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .m_sp_left_wrap .sp_left_img1_wrap1{
        width: calc(100% - 75px);
        margin: 0 auto;
        height: 350px;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .m_sp_left_wrap .sp_left_img1_wrap1 .swiper-wrapper{
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;  
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .m_sp_left_wrap .sp_left_img1_wrap1 .swiper-wrapper .swiper-slide{
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .sp_left_wrap .sp_left_circle_img_wrap{
        width: 150px;
        height: 150px;
        float: unset;
        position: absolute;
        transform: translateY(-80px) translateX(10px);
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .m_sp_left_wrap .sp_left_circle_img_wrap1{
        width: 150px;
        height: 150px;
        float: unset;
        position: absolute;
        transform: translateY(-80px) translateX(10px);
        display: block;
        z-index: 4;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .m_sp_left_wrap .sp_left_circle_img_wrap1 .swiper-wrapper{
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;  
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .m_sp_left_wrap .sp_left_circle_img_wrap1 .swiper-wrapper .swiper-slide{
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
        border-radius: 50%;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .sp_center_text_wrap{
        margin-top: 70px;
    }


    .main_con4_wrap .main_con4_bg{
        height: 210px;
        margin-bottom: 435px;
    }
    .main_con4_wrap .main_con4_bg .main_con4_text_wrap p{
        font-size: 25px;
        white-space: nowrap;
    }
    .main_con4_wrap .main_con4_bg .main_con4_text_wrap1 p{
        font-size: 25px;
        white-space: nowrap;

    }
    .main_con3_wrap .inner_con p{
        transform: unset;
        font-size: 55px;
        margin-bottom: 20px;
    }
    .main_con3_wrap .inner_con .specail_preview_wrap .sp_center_text_wrap ul li{
        font-size: 25px;
        line-height: 45px;
    }
    .m_sp_left_wrap{
        display: block;
    }

    /* 외부 */
    .view_wrap .view_slide_wrap{
        height: 350px;
    }
    .view_wrap .view_slide_wrap .view_slide_button{
        width: calc(100% - 10px);
    }
    .view_wrap .view_slide_wrap .view_slide_button .fa-light{
        font-size: 30px;
    }
    .view_wrap .view_slide_wrap .view_bottom_text{
        left: 50%;
        bottom: 3%;
    }
    .view_wrap .view_slide_wrap .view_bottom_text p:first-child{
        font-size: 30px;
        text-align: center;
    }
    .view_wrap .view_slide_wrap .view_bottom_text p:last-child{
        font-size: 15px;
        display: none;
    }
    .view_con1_wrap .view_left_img{
        width: 200px;
        height: 200px;
    }
    .view_con1_wrap .inner_con .view_title_text1{
        padding-top: 60px;
        padding-bottom: 10px;
        font-size: 30px;
    }
    .view_con1_wrap .inner_con .view_title_text2{
        font-size: 15px;
    }
    .view_con1_wrap .inner_con .view_center_wrap .view_con1_text1{
        transform: unset;
        margin-top: 50px;
    }
    .view_con1_wrap .inner_con .view_center_wrap .view_con1_text2{
        font-size: 100px;
        top: 19%;
        left: 50%;
    }
    .view_con1_wrap .inner_con .view_center_wrap .view_center_img_wrap{
        width: calc(100% - 55px);
        height: 300px;
        margin-top: 50px;
    }
    .view_con1_wrap .inner_con .view_center_wrap .view_center_img1{
        width: calc(100% - 55px);
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    border-top-left-radius: 1920px;
    border-top-right-radius: 1920px;
    top: 34%;
    left: 54%;
    transform: translate(-50%, -50%);
    z-index: 4;
    transition: 3s;
    }
    .view_con1_wrap .inner_con .view_center_wrap .view_con1_center_text{
        margin-top: 150px
    }
    .view_con1_wrap .inner_con .view_center_wrap .view_con1_text3 {
        text-align: center;
        color: #566D63;
        font-size: 12px;
        font-family: "Pretendard-Regular";
        line-height: 20px;
    }
    .view_con1_wrap .inner_con .view_center_wrap .view_con1_text4 {
        text-align: center;
        color: #566D63;
        font-size: 12px;
        font-family: "Pretendard-Regular";
        line-height: 20px;
    }

    .view_con1_wrap .inner_con .view_center_wrap .view_three_img_wrap .view_three_img1{
        width: auto;
        height: auto;
        margin: 4px;
    }
    .view_con1_wrap .inner_con .view_center_wrap .view_three_img_wrap{
        margin-top: 45px;
        margin-bottom: 60px;
    }

      

    /* 객실 */
    .room_wrap .room_slide_wrap{
        height: 350px;
    }
    .room_wrap .room_slide_wrap .room_slide_button{
        width: calc(100% - 10px);
    }
    .room_wrap .room_slide_wrap .room_slide_button .fa-light{
        font-size: 30px;
    }
    .room_wrap .room_slide_wrap .room_bottom_text{
        left: 50%;
        bottom: 3%;
    }
    .room_wrap .room_slide_wrap .total_wrap{
        display: flex;
    justify-content: space-between;
    width: 13%;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    }
    .room_wrap .room_slide_wrap .total_wrap span{
        font-size: 12px;
    }


    .special_wrap .special_slide_wrap .total_wrap{
        display: flex;
    justify-content: space-between;
    width: 13%;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;

    }
    .special_wrap .special_slide_wrap .total_wrap span{
        font-size: 12px;

    }
    .view_wrap .view_slide_wrap .total_wrap{
        display: flex;
    justify-content: space-between;
    width: 13%;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;

    }
    .view_wrap .view_slide_wrap .total_wrap span{
        font-size: 12px;
    }
    .main_wrap .main_slide_wrap .total_wrap{
        display: flex;
    justify-content: space-between;
    width: 13%;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;

    }
    .main_wrap .main_slide_wrap .total_wrap span{
        font-size: 12px;

    }
    .room_wrap .room_slide_wrap .room_bottom_text p:first-child{
        font-size: 30px;
        text-align: center;
    }
    .room_wrap .room_slide_wrap .room_bottom_text p:last-child{
        font-size: 15px;
        display: none;
    }
    .room_con1_wrap{
        width: 100%;
        height: auto;
    }
    .room_con1_wrap .room_gnb li{
        padding: 15px;
    }
    .room_con1_wrap .room_gnb li a{
        font-size: 12px;
    }
    .room_con2_wrap .room_left_img{
        width: 200px;
        height: 200px;
    }
    .room_con2_wrap .inner_con .room_con2_title_text1{
        padding-top: 60px;
        padding-bottom: 10px;
        font-size: 30px;
    }
    .room_con2_wrap .inner_con .room_con2_title_text2{
        font-size: 15px;
        margin-bottom: 50px;
    }
    .room_con2_wrap .inner_con .room_con2_img_wrap1 {
        width: calc(100% - 40px);
        display: flex;
        margin: 0 auto;
        display: block;
    }
    .room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_left_img {
        width: auto;
        height: 240px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_right_text_wrap p:first-child {
        color: #6f5847;
        font-size: 16px;
        font-family: "Pretendard-Medium";
        margin-bottom: 15px;
        margin-top: 15px;
        margin-left: unset;
    }
    .room_con2_wrap .inner_con .room_con2_img_wrap1 .room_con2_right_text_wrap p:last-child {
        font-family: 'Noto Sans KR', sans-serif;
        color: #566D63;
        font-size: 12px;
        margin-left: unset;
        line-height: 20px;
    }
    .room_con2_wrap .inner_con .room_con2_img_wrap2 .room_con2_img1{
        width: auto;
    height: auto;
    margin: 4px;
    }
    .room_con2_wrap .inner_con .room_con2_img_wrap2{
        margin-bottom: 50px;
    }
    .room_con3_wrap .room_info_title_text1{
        font-size: 30px;
        margin-bottom: 35px;
    }
    .room_con3_wrap .table_wrap{
        width: calc(100% - 10px);
    }
    .room_con3_wrap .room_reser_button{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .room_many_info{
        padding-top: 18px;
        padding-left: 25px;
        width: calc(100% - 10px);
    }
    .room_many_info p{
        font-size: 12px;
        line-height: 25px;
    }
    .room_many_info p br{
        display: none;
    }
    .room_con3_wrap .room_info_wrap .room_info0.acitve{
        height: auto !important;
    }
    .room_con3_wrap .room_info_wrap .room_info2.acitve{
        height: auto;
    }
    .room_con3_wrap .room_info_wrap .room_info3.acitve{
        height: auto;
    }
    .room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap{
        margin-top: unset;
        position: relative;
    }
    .reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner p a{
        font-size: 14px;
    }
    .room_con3_wrap .room_info_wrap .room_info1 .room_info_title_wrap .room_plus_wrap{
        left: 5%;
        top: 58%;
    }







    /* 스페셜 */
    .special_wrap .special_slide_wrap{
        height: 350px;
    }
    .special_wrap .special_slide_wrap .special_slide_button{
        width: calc(100% - 10px);
    }
    .special_wrap .special_slide_wrap .special_slide_button .fa-light{
        font-size: 30px;
    }
    .special_wrap .special_slide_wrap .special_bottom_text{
        left: 50%;
        bottom: 3%;
    }
    .special_wrap .special_slide_wrap .special_bottom_text p:first-child{
        font-size: 30px;
        text-align: center;
        white-space: nowrap;
    }
    .special_wrap .special_slide_wrap .special_bottom_text p:last-child{
        font-size: 15px;
        display: none;
    }
    .special_con1_wrap{
        width: 100%;
        height: auto;
    }
    .special_con1_wrap .special_gnb{
        display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    }
    .special_con1_wrap .special_gnb li{
        padding: 8px;
        line-height: unset;
    }
    .special_con1_wrap .special_gnb li a{
        font-size: 12px;
    }
    .special_con2_wrap .inner_con .special_con2_text1{
        padding-top: 60px;
        padding-bottom: 10px;
        font-size: 30px;
        margin-top: unset;
    }
    .special_con2_wrap .inner_con .special_con2_text2{
        font-size: 15px;
        margin-bottom: 50px;
    }
    .special_con2_wrap .inner_con .special_con2_center_img{
        width: calc(100% - 60px);
        height: 200px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .special_con2_wrap .inner_con .special_con2_text3 {
        color: #566D63;
        font-size: 13px;
        text-align: center;
        font-family: "Pretendard-Regular";
        width: calc(100% - 10px);
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .special_con2_wrap .inner_con .special_con2_text4{
        color: #566D63;
        font-size: 14px;
        text-align: center;
        font-family: "Pretendard-Regular";
        line-height: 25px;
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .special_con2_wrap .inner_con .special_con2_bottom_wrap{
        display: block;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_left_img1{
        width: 100%;
        height: 440px;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_right_wrap .spcial_con2_right_img1{
        width: 100%;
        height: 224px;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    .special_con2_wrap .inner_con .special_con2_bottom_wrap .special_con2_right_wrap .spcial_con2_right_img2{
        width: 100%;
        height: 224px;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    

    /* 투어 */
    .tour_top_wrap .tor_top_img{
        height: 300px;
    }
    .tour_con1_wrap .inner_con{
        width: calc(100% - 25px);
        margin: 0 auto;
    }
    .tour_con1_wrap .inner_con .tour_title_text{
        padding-top: 60px;
        padding-bottom: 10px;
        font-size: 30px;
        margin-top: unset;
    }
    .tour_con1_wrap .inner_con .tour_sub_text{
        font-size: 15px;
        margin-bottom: 50px;
    }
    .tour_con1_wrap .inner_con .tour_box_wrap{
        display: block;
        margin-bottom: 100px;
    }
    .tour_con1_wrap .inner_con .tour_box_wrap .tour_left_img{
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }
    .tour_con1_wrap .inner_con .tour_box_wrap .tour_right_text_wrap{
        width: 100%;
        height: auto;
        margin-left: unset;
    }
    .tour_con1_wrap .inner_con .tour_box_wrap .tour_right_text_wrap .tour_right_text1{
        margin-top: 30px;
        color: #566D63;
        font-size: 20px;
    }
    .tour_con1_wrap .inner_con .tour_box_wrap .tour_right_text_wrap .tour_right_text2 {
        margin-top: 5px;
        margin-bottom: 20px;
        color: #344940;
        font-size: 15px;
        font-family: "Pretendard-Medium";
        transition: all 2s;
        transition-delay: 0.5s;
    }
    .tour_con1_wrap .inner_con .tour_box_wrap .tour_right_text_wrap .tour_right_text3 {
        line-height: unset;
        color: #566D63;
        font-size: 14px;
        font-family: "Pretendard-Medium";
        transition: all 2s;
        transition-delay: 0.5s;
    }



    /* 지도 */
    .map_top_wrap .map_top_img{
        height: 300px;
    }
    .map_con1_wrap .inner_con{
        width: calc(100% - 25px);
        margin: 0 auto;
    }
    .map_con1_wrap .inner_con .map_title_text{
        padding-top: 60px;
        padding-bottom: 10px;
        font-size: 30px;
        margin-top: unset;
    }
    .map_con1_wrap .inner_con .map_sub_text{
        font-size: 15px;
        margin-bottom: 50px;
    }
    .map_con1_wrap .inner_con .map_box1_wrap{
        width: calc(100% - 10px);
        margin: 0 auto;
        display: block;
        margin-bottom: 50px;
    }
    .map_con1_wrap .inner_con .map_box1_wrap .map_left_img{
        width: 100%;
        height: 210px;
    }
    .map_con1_wrap .inner_con .map_box1_wrap .map_right_text_wrap{
        margin: unset;
    }
    .map_con1_wrap .inner_con .map_box1_wrap .map_right_text_wrap .map_info_text1{
        font-size: 15px;
    margin-bottom: 10px;  
    margin-top: 25px;
    }
    .map_con1_wrap .inner_con .map_box1_wrap .map_right_text_wrap .map_info_text2{
        font-size: 15px;
        line-height: 25px;
    }
    .pc_map{
        display: none;
    }
    .m_map{
        display: flex !important;
        justify-content: center;
        margin-bottom: 50px;
    }



    /* 공지사항 */
    .notice_top_wrap .notice_top_img{
        height: 300px;
    }
    .notice_con1_wrap .reser_gnb{
        display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    }
    .notice_con1_wrap{
        height: auto;
    }
    .notice_con1_wrap .reser_gnb li{
        padding: 15px;
    }
    .notice_con1_wrap .reser_gnb li a{
        font-size: 12px;
    }
    .notice_con2_wrap .inner_con .notice_title_text{
        padding-top: 60px;
        padding-bottom: 10px;
        font-size: 30px;
        margin-top: unset;
    }
    .notice_con2_wrap .inner_con .notice_sub_text{
        font-size: 15px;
    margin-bottom: 50px;

    }

    
    /* 예약안내 */
    .reser_top_wrap .reser_top_img{
        height: 300px;
    }
    .reser_con1_wrap .reser_gnb{
        display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    }
    .reser_con1_wrap{
        height: auto;
    }
    .reser_con1_wrap .reser_gnb li{
        padding: 15px;
    }
    .reser_con1_wrap .reser_gnb li a{
        font-size: 12px;
    }
    .reser_con2_wrap{
        margin-bottom: unset;
    }
    .reser_con2_wrap .inner_con .reser_title_text{
        padding-top: 60px;
        padding-bottom: 10px;
        font-size: 30px;
        margin-top: unset;
    }
    .reser_con2_wrap .inner_con .reser_sub_text{
        font-size: 15px;
    margin-bottom: 50px;

    }
    .reser_con2_wrap .table_wrap{
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    .reser_con2_wrap .inner_con .reser_flex_wrap{
        width: calc(100% - 30px);
        display: block;
    }
    .reser_con2_wrap .inner_con .reser_flex_wrap .reser_left_box{
        width: 100%;
        height: 250px;
    }
    .reser_con2_wrap .reser_button{
        margin-top: 45px;
        margin-bottom: 80px;
    }
    .reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box{
        margin-top: 45px;
        margin-left: unset;
    }
    .reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_manner_text1 {
        color: #566D63;
        font-size: 20px;
    }
    .reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner p{
        font-size: 14px;
    }
    .reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner p .m-text{
        font-size: 14px;
        position: relative;
        right: -60px;
    }
    .reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_many_manner p span{
        font-size: 14px;
    }
    .reser_con2_wrap .inner_con .reser_flex_wrap .reser_right_box .reser_manner_text2{
        font-size: 14px;
    }
    .reser_con2_wrap .inner_con .reser_info_wrap{
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-top: 70px;
    }
    .reser_con2_wrap .inner_con .reser_info_wrap p{
        font-size: 20px;
    }
    .reser_con2_wrap .inner_con .reser_info_wrap .reser_info_text_box li{
        font-size: 14px;
        line-height: unset;
        margin-bottom: 10px;
    }
   
    .reser_con2_wrap .inner_con .reser_info_wrap .reser_info_text_box li::after{
        top: 6px;
        left: 0;
        transform: unset;
    }
    .reser_con2_wrap .reser_middle_img_box{
        margin-top: 100px;
    }
    .reser_con2_wrap .reser_middle_img_box .reser_middle_img{
        width: 100%;
        height: 250px;
        background-attachment: unset;
    }
    .reser_con2_wrap .reser_middle_img_box .reser_middle_img p{
        font-size: 14px;
        bottom: 10px;
        right: 5px;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap1{
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-top: 70px;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap1 p{
        font-size: 20px;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap1 .reser_info_text_box li{
        font-size: 14px;
        line-height: unset;
        margin-bottom: 10px;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap1 .reser_info_text_box br{
        display: none;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap1 .reser_info_text_box li::after{
        top: 6px;
        left: 0;
        transform: unset;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap1 .reser_info_text_box .two_line{
        font-size: 14px;
        line-height: unset;
        margin-bottom: 10px;

    }
    .reser_con3_wrap .inner_con .reser_info_wrap1 .reser_info_text_box .two_line::after{
        top: 6px;
        left: 0;
        transform: unset;

    }
    .reser_con3_wrap .inner_con .reser_info_wrap2{
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-top: 70px;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap2 p{
        font-size: 20px;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap2 .reser_info_text_box li{
        font-size: 14px;
        line-height: unset;
        margin-bottom: 10px;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap2 .reser_info_text_box br{
        display: none;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap2 .reser_info_text_box li::after{
        top: 6px;
        left: 0;
        transform: unset;
    }
    .reser_con3_wrap .inner_con .reser_info_wrap2 .reser_info_text_box .two_line{
        font-size: 14px;
        line-height: unset;

    }
    .reser_con3_wrap .inner_con .reser_info_wrap2 .reser_info_text_box .two_line::after{
        top: 6px;
        left: 0;
        transform: unset;

    }
    .reser_con4_wrap{
        margin-top: 70px;
    }
    .reser_con4_wrap .inner_con{
        display: block;
        width: calc(100% - 30px);
    }
    .reser_con4_wrap .inner_con .reser_con4_right_text_box{
        margin-left: unset;
        margin-top: 40px;
    }
    .reser_con4_wrap .inner_con .reser_con4_left_img{
        width: 100%;
        height: auto;
    }
    .reser_con4_wrap .inner_con .reser_con4_right_text_box .reser_con4_text1{
        font-family: "Pretendard-SemiBold";
        color: #566D63;
        font-size: 15px;
        transition: all 2s;
    }
    .reser_con4_wrap .inner_con .reser_con4_right_text_box .reser_con4_text2{
        font-family: "Pretendard-Regular";
        color: #566D63;
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 35px;
        transition: all 2s;
    }
    .refund_wrap{width: 100%;
        margin-top: 100px;
        margin-bottom: 0px;

    }
    .refund_wrap .inner_con{
        
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    .refund_wrap .inner_con .refund_title_text{
        font-size: 20px;
    }
    .refund_wrap .inner_con .reser_right_line{
        margin-bottom: 30px;
    }
    .refund_wrap .inner_con .refund_text2{
        font-size: 14px;
        line-height: unset;
    }
    .refund_wrap .inner_con .refund_text3{
        font-size: 14px;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    
    .ft{
        width: calc(100% - 10px);
        margin: 0 auto;
        height: auto;
    }
    .ft .inner_con{
        width: calc(100% - 10px);
        margin: 0 auto;
    }
    .ft .inner_con .ft_logo{
        width: 90px;
        margin-top: 60px;
    }
    .ft .inner_con .ft_info_wrap p span{
        display: none;
    }
    .ft .inner_con .manage_wrap{
        margin-bottom: unset;
    }
    .ft .inner_con .tel_wrap .tel_link{
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 20px;
    }
    .ft .inner_con .ft_info_wrap p{
        font-size: 13px;
        text-align: center;
    }
    .ft .inner_con .ft_buttom_text{
        font-size: 35px;
        transform: translateY(12px);
    }
    .ft .inner_con .ft_buttom_text.active{
        transform: translateY(12px);

    }
    .ft .inner_con .copy_right{
        font-size: 10px;
    }
    .room_many_info p .m-br{
        display: block;
    }
    .pc-br{
        display: none;
    }
    .m-br{
        display: block;
    }
    /* 예약하기팝업 */
    
    .reser-pop-wrap{width: 80%; padding: 30px 20px;}
    .reser-pop-wrap .checkT p{width: 80%; font-size: 11px; padding-bottom: 10px;}
    .reser-pop-wrap .btnArea .btn a{font-size: 11px;}



}