@charset "utf-8";
/*default*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,
body {
    width: 100%;
    position: relative;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 1.8;
    background-color: #faf9f5;
    color: #827160;
}
main {
    position: relative;
    overflow: hidden;
}
section {
    position: relative;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #fff;
}
figure {
    position: relative;
}
a,
button,
input {
    box-shadow: none;
    border: 0;
    background-color: transparent;
}
table {
    outline: 0;
    border-spacing: 0;
}

.slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.slide-wrap {
    border: 0;
    outline: 0;
}

.dash-list li {
    position: relative;
    padding-left: 8px;
}
.dash-list li::after {
    content: '-';
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
}
.swiper-container::after {
    content: '';
    display: table;
    clear: both;
}
.swiper-slide {
    height: auto;
}
.swiper-wrapper {
    height: auto;
}
.page-wrap {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    pointer-events: none;
}
.page-wrap p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
}
.page-wrap span {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 5px;
    display: inline-block;
}

.font1 {
    color: #d31b2d;
}
#room_des {
    clear: both;
}
#room_des .room_data li {
    text-align: center;
}
#room_des .room_data li .person_limit table {
    margin: 0 auto;
    margin-top: 5px;
}
#room_des .room_data li .data {
    padding-left: 0;
}
#room_des .room_data {
    padding-left: 0;
}
/*header*/
.hd {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    transition: 1.2s;
    height: 130px;
}
.hd .logo {
    display: inline-block;
    margin-top: 50px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    transition: 1.2s;
    width: 150px;
    height: 90px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/common/logo_white.png);
}
.hd .logo img {
    width: 114px;
}
.hd .m_hd_grp {
    display: none;
}

.hd .main-menu-wrap {
    float: right;
    text-align: center;
    margin-top: 80px;
    transition: 1.2s;
}
.hd .main-menu-wrap a {
    font-family: 'Open sans';
    font-weight: 400;
    display: block;
    border: 1px solid #fff;
    padding: 8px 26px;
    font-size: 13px;
    letter-spacing: 1.05px;
}
.hd .main-menu-wrap > ul {
    position: relative;
    z-index: 1;
    right: 150px;
    width: 565px;
}
.hd .main-menu-wrap > ul > li {
    float: left;
    width: 125px;
}
.hd .main-menu-wrap > ul > li > a {
    font-size: 15px;
    line-height: 36px;
}

.hd .main-menu-wrap .sub-menu {
    height: 0;
    overflow: hidden;
    transition: 0.8s;
    margin-top: 50px;
}
.hd .main-menu-wrap .sub-menu a {
    font-size: 14px;
    line-height: 2;
    font-family: 'Noto Sans KR', sans-serif;
}
.hd .main-menu-wrap .white-box {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.804359243697479) 0%, rgba(255, 255, 255, 1) 100%);
    position: fixed;
    top: 0px;
    right: 0;
    height: 380px;
    transform: scaleY(0);
    z-index: 0;
    pointer-events: none;
    transition: 0.8s;
    transform-origin: top;
    opacity: 0.9;
    width: 100%;
}
.hd.fixed .main-menu-wrap .white-box {
    top: 100px;
    height: 250px;
}

.hd .main-menu-wrap.on .white-box {
    transform: scaleY(1);
}
.hd .main-menu-wrap.on .sub-menu {
    height: 250px;
}
.hd .main-menu-wrap .sub-menu {
    transition: 0.5s;
}
.hd .main-menu-wrap.on .sub-menu {
    transition: 0.8s;
    transition-delay: 0s;
    transition-delay: 0.2s;
}
.hd .main-menu-wrap.fixed .sub-menu {
    transition-delay: 0s;
    transition: 0.8s;
}
.hd .main-menu-wrap.fixed.on .sub-menu {
    transition-delay: 0s;
    transition: 0.8s;
}

.sns_grp {
    position: absolute;
    bottom: 60px;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
    width: 1400px;
    display: none;
}
.sns_grp ul {
    float: right;
}
.sns_grp li {
    color: #fff;
    float: left;
    margin-left: 16px;
    height: 28px;
}
.sns_grp i {
    color: #fff;
    margin-top: 6px;
}
.hd .sns_grp i {
    margin-top: 7px;
}

.hd.fixed .logo {
    margin-top: 10px !important;
    background-image: url(../img/common/logo_black.png) !important;
    width: 150px;
}
.hd.fixed .main-menu-wrap {
    margin-top: 24px;
}
.hd.fixed {
    background-color: #f7f5f0;
    height: 100px;
}
.hd.fixed .main-menu-wrap a {
    color: #66594c !important;
    border: 1px solid #66594c;
}
.hd.fixed .toggle {
    top: 38px;
}
.hd.fixed .toggle span {
    background: #66594c;
}

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

.toggle {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 80px;
    left: 0;
    height: 25px;
    z-index: 1;
    transition: 0.5s;
}
.toggle span {
    display: block;
    background: #fff;
    width: 42px;
    height: 2px;
    border-radius: 3px;
    transition: 0.25s margin 0.25s, 0.25s transform;
}
.toggle span:nth-child(1) {
    margin-bottom: 8px;
}
.toggle span:nth-child(2) {
    width: 25px;
}
.toggle span:nth-child(3) {
    margin-top: 8px;
}
.toggle.active span {
    transition: 0.25s margin, 0.25s transform 0.25s;
}
.toggle.active span:nth-child(1) {
    margin-top: 8px;
    margin-bottom: -4px;
    transform: rotate(45deg);
}
.toggle.active span:nth-child(2) {
    transform: rotate(45deg);
    display: none;
}
.toggle.active span:nth-child(3) {
    margin-top: -4px;
    transform: rotate(135deg);
}

/* header - submenu */
header.on .main-sub-menu {
    display: block;
}
header.on .toggle span {
    background-color: #66594c;
}
header.on .logo {
    background-image: url(../img/common/logo_black.png);
    margin-top: 50px !important;
}
header.on .main-menu-wrap a {
    color: #66594c;
    border: 1px solid #66594c;
    z-index: 1;
    position: relative;
}
header.on ~ .main-wrap .sns_grp {
    position: fixed;
    bottom: 90px;
}
header.on ~ .main-wrap .sns_grp i {
    color: #66594c;
}
header.on ~ .main-wrap .sns_grp a {
    color: #66594c;
}

.main-sub-menu {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.6082808123249299) 100%);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
}
.main-sub-menu > ul {
    width: 1400px;
    display: flex;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.main-sub-menu > ul > li {
    width: 16.6%;
}
.main-sub-menu > ul > li > a {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    margin-bottom: 20px;
    display: inline-block;
}
.main-sub-menu a {
    color: #66594c;
    font-family: 'Open sans';
    font-size: 17px;
    display: inline-block;
    margin-bottom: 7px;
}
.main-sub-menu a.kor {
    font-family: 'Noto Sans KR', sans-serif;
}
.main-sub-menu p {
    clear: both;
    width: 1400px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 90px;
    font-size: 13px;
    line-height: 18px;
    display: none;
}

/*마우스 따라다니는거*/
.mouse-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    border-radius: 80%;
    backface-visibility: hidden;
    border: 1px solid #d1cbc1;
    z-index: 2;
    display: none;
}

/*full-page-wrap*/
.full-page-wrap .slide {
    height: 100vh;
}
.full-page-wrap .btn-wrap {
    position: absolute;
    bottom: 80px;
    width: 115px;
    max-width: 1400px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 9999;
}
.full-page-wrap .btn-wrap .fal {
    color: white;
    opacity: 1.5;
    font-size: 16px;
    transition: 1.2s;
    position: relative;
    z-index: 5;
    margin-top: 12.5px;
}
.full-page-wrap .btn-wrap button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: 13px;
    text-align: center;
    position: relative;
}
.full-page-wrap .btn-wrap button:hover i {
    opacity: 1;
}

/* .full-page-wrap .btn-wrap button:hover .fal{color: #434343;} */

.full-page-wrap .btn-wrap .line::after {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transition-timing-function: linear;
    transform-origin: left;
}
.btn-wrap .line {
    top: 50px;
    width: 1px;
    height: 48px;
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
}
.btn-wrap .line.ani::after {
    transform: scaleX(0);
}

.full-page-wrap .btn-wrap .prev {
    float: left;
    background-image: url(../img/common/slide_arrow_left.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.full-page-wrap .btn-wrap .next {
    float: right;
    background-image: url(../img/common/slide_arrow_right.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.full-page-wrap .btn-wrap i {
    display: none;
}
.full-page-wrap .main-tit {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}
.full-page-wrap .main-tit h2 {
    font-family: 'Mango', sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: white;
    letter-spacing: 0.2em;
}

.wrapper .slick-dots {
    display: block;
    width: 1400px;
    position: absolute;
    bottom: 72px;
    left: 50%;
    transform: translateX(-50%);
}
.wrapper .slick-dots li {
    width: 8px;
    height: 8px;
    background: #fff;
    transform: rotate(45deg);
    float: left;
    opacity: 0.2;
    margin: 0 8px 0 0;
}
.wrapper .slick-dots li.slick-active {
    opacity: 1;
}

.wrapper .slick-dots {
    z-index: 10000;
}
.wrapper .slick-list {
    z-index: 1;
}

.scroll_down {
    width: 200px;
    position: absolute;
    right: 0;
    bottom: 150px;
    transform: rotate(270deg);
    z-index: 9999;
    cursor: pointer;
}
.scroll_down p {
    color: #fff;
    font-family: 'Open sans';
    font-size: 12px;
}
.scroll_down p i {
    color: #fff;
    font-size: 15px;
    margin-right: 20px;
}

/*영상*/
.main-slide-wrap .slide-wrap {
    overflow: hidden;
}
.video-btn {
    position: absolute;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Open sans';
    font-size: 13px;
    bottom: 150px;
    width: 1400px;
}
.video-btn:after {
    right: 2.2%;
    bottom: 6px;
    background: #fff;
    transition: width 0.4s ease;
}
.video-btn i {
    margin-right: 5px;
}

/*half-page-wrap*/
.half-page-wrap .con1 .top-img {
    height: 770px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.main-tit {
    color: #fff;
}
.main-tit h1 {
    font-family: 'MaruBuri';
    font-size: 42px;
    font-weight: 400;
}
.main-tit .line {
    width: 283px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin-bottom: 10px;
}
.main-tit span {
    font-family: 'OpenSans';
    display: block;
    font-size: 20px;
    opacity: 1.8;
}

/*Main*/
.main-wrap .sns_grp {
    display: block;
}
.main-wrap .main-tit {
    position: absolute;
    left: 61%;
    transform: translateX(-50%);
    top: 50%;
    transform: translateY(-30%);
    z-index: 2;
    text-align: left;
}

.deco_circle {
    width: 200px;
    height: 200px;
    background: #fafaf9;
    border-radius: 50%;
    z-index: 0;
    right: -2%;
    top: -8%;
    position: absolute;
}

.main-wrap .con2 .intro-wrap {
    width: 1300px;
    margin: 0 auto;
}
.main-wrap .con2 .main_con_tit {
    padding-bottom: 70px;
    border-bottom: 1px solid #dddcd8;
}
.main-wrap .con2 .main_con_tit .line {
    width: 1px;
    height: 40px;
    background-color: #d2d2d2;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    transform: rotate(30deg);
}
.main-wrap .con2 .main_con_tit h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    margin: 70px 0 20px 0;
    text-align: center;
    color: #585858;
}
.main-wrap .con2 .main_con_tit h2 {
    color: #828282;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Open sans';
    line-height: 24px;
    text-align: center;
    margin-top: 50px;
}
.main-wrap .con2 .main_con_tit h2 ul {
    display: inline-block;
    zoom: 1;
}
.main-wrap .con2 .main_con_tit h2 li {
    float: left;
    display: inline;
    zoom: 1;
}
.main-wrap .con2 .main_con_tit h2 li span {
    width: 70px;
    height: 1px;
    background-color: #d2d2d2;
    display: inline-block;
    margin-right: 30px;
}

.main-wrap .con2 .main-cont {
    height: 590px;
    margin-top: 100px;
}
.main-wrap .con2 .main-cont > div {
    float: right;
    height: 100%;
}
.main-wrap .con2 .main-cont .txt {
    width: 33%;
}
.main-wrap .con2 .main-cont .txt h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 60px;
    color: #827160;
    margin-top: 40px;
    float: right;
    margin-right: -26px;
    position: relative;
    z-index: 1;
}
.main-wrap .con2 .main-cont .txt p {
    font-family: 'Noto Sans KR';
    font-size: 16px;
    color: #585858;
    clear: both;
    padding-top: 80px;
}
.main-wrap .con2 .main-cont .txt a {
    font-family: 'Open sans';
    color: #827160;
    font-size: 13px;
    display: inline-block;
    margin-top: 100px;
    float: right;
    margin-right: 70px;
    font-weight: 500;
}
.main-wrap .con2 .main-cont .txt a i {
    margin-left: 10px;
    font-size: 15px;
}
.main-wrap .con2 .main-cont .img {
    width: 67%;
    border-radius: 0 70px 0 70px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.main-wrap .con2 .main-cont .img iframe {
    overflow: hidden;
    transform: scale(1.21);
}

.main-wrap .con2 .bg {
    width: 100%;
    height: 450px;
    background: #ebe5dd;
    margin-top: -260px;
}

.main-vdo .vdo-wrap {
    margin-top: 100px;
}

.room-preview-wrap {
    clear: both;
}
.room-preview-wrap .inner-con .room-slide-wrap {
    height: 800px;
}
.room-prev-txt h2 {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 400;
    letter-spacing: 1.1px;
    margin-bottom: 30px;
    margin-top: 20px;
    transition: 0.5s;
    position: absolute;
    top: 100px;
}
.room-slide-wrap {
    width: 100%;
}
.room-slide-wrap .slide {
    position: relative;
}
.room-slide-wrap .pic1 {
    width: 560px;
    height: 780px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    border-radius: 0px 400px 0 0;
}
.room-slide-wrap .pic2 {
    width: 290px;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 527px;
    top: 200px;
}

.room-slide-wrap .txt_grp {
    margin-top: 300px;
}
.room-slide-wrap .txt_grp h4 {
    font-family: 'Noto Sans KR';
    color: #696969;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
}
.room-slide-wrap .txt_grp p {
    font-family: 'Noto Sans KR';
    color: #696969;
    font-size: 14px;
    font-weight: 300;
}

.room-prev-wrap {
    clear: both;
}

.sub-img {
    width: 270px;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}

/*room-preview*/
.room-prev-wrap::after {
    content: '';
    display: table;
    clear: both;
}
.room-prev-wrap .tit-wrap h2 {
    font-size: 40px;
    font-family: 'Tenor Sans', sans-serif;
    font-weight: 400;
    opacity: 1;
    transform: translateY(30px);
}
.room-prev-wrap .tit-wrap p {
    font-size: 14px;
    font-weight: 300;
    opacity: 1;
    transform: translateY(30px);
    transition-delay: 0.2s;
}
.room-prev-wrap .tit-wrap {
    margin-bottom: 30px;
    position: absolute;
    right: 0;
}

.room-prev-wrap .tit-wrap h2 {
    transform: translateY(0);
    opacity: 1;
    font-family: 'Playfair Display', serif;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: 1.1px;
    margin-top: 10px;
    transition: 0.5s;
    z-index: 3;
    position: relative;
    left: -184px;
}
.room-prev-wrap .tit-wrap p {
    transform: translateY(0);
    opacity: 1;
}

.room-prev-wrap {
    height: 1088px;
    background: #ebe5dd;
    margin-top: -30px;
    padding-top: 200px;
}
.room-prev-wrap .inner-con {
    width: 1300px;
    height: 100%;
}
.room-prev-wrap .room-img-slide figure a {
}
.room-prev-wrap .room-img-slide figure a div {
    width: 980px;
    height: 750px;
    background-repeat: no-repeat;
    background-size: cover;
}

.room-prev-wrap .room_swiper .swiper-container {
    width: 920px;
    height: 740px;
    position: absolute;
    left: 0;
}
.room-prev-wrap .room_swiper .swiper-container .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
}

.room-prev-wrap .room_swiper .swiper-txt {
    width: 550px;
    height: 470px;
    background: #aba29a;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 210px;
}
.room-prev-wrap .room_swiper .swiper-txt ul {
    height: 100%;
    padding: 120px 70px 70px 60px;
}
.room-prev-wrap .room_swiper .swiper-txt li {
    opacity: 0;
    transition: 0.5s;
    transform: translateY(0px);
    position: absolute;
    width: 100%;
    height: 100%;
}
.room-prev-wrap .room_swiper .swiper-txt li.active {
    opacity: 1;
    transform: translateY(-50px);
    z-index: 1;
}

.room-prev-wrap .room_swiper .swiper-txt h3 {
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    font-weight: 400;
}
.room-prev-wrap .room_swiper .swiper-txt h4 {
    color: #fff;
    font-family: 'MaruBuri';
    font-size: 20px;
    font-weight: 400;
}
.room-prev-wrap .room_swiper .swiper-txt p {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    margin-right: 55px;
    margin-top: 60px;
}
.room-prev-wrap .room_swiper .swiper-txt a {
    position: absolute;
    bottom: 120px;
    font-weight: 400;
    font-size: 13px;
}
.room-prev-wrap .room_swiper .swiper-txt a i {
    margin-left: 10px;
    display: inline-block;
}

.room-prev-wrap .room_swiper .main_nav .swiper-button-prev {
    --swiper-theme-color: #fff;
    left: auto;
    right: 120px;
    top: auto;
    bottom: 50px;
    --swiper-navigation-size: 16px;
}
.room-prev-wrap .room_swiper .main_nav .swiper-button-next {
    --swiper-theme-color: #fff;
    right: 70px;
    top: auto;
    bottom: 50px;
    --swiper-navigation-size: 16px;
}

/*main-cont2*/
.main-img-wrap {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    background-attachment: fixed;
}

/*스페셜프리뷰*/
.room-preview-wrap a {
    color: #735e3a;
}
.room-preview-wrap .tit {
    margin: 100px 0 80px 0;
    text-align: center;
}
.room-preview-wrap .tit h2 {
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 1.1px;
    margin-bottom: 10px;
    margin-top: 20px;
    transition: 0.5s;
    color: #827160;
}
.room-preview-wrap .tit p {
    font-family: 'Open sans';
    color: #827160;
    font-size: 15px;
    transition: 0.5s;
}

.room-preview-wrap .inner-con {
    width: 1300px;
    margin: 0 auto;
    margin-bottom: 160px;
}
.special-preview-slide {
    height: 1000px;
    overflow: hidden;
}
.special-preview-slide .slick-list {
    overflow: visible !important;
}
.special-preview-slide .spec_slide {
    height: 640px;
    background: #fff;
    transform: scale(0.9);
    transition: 0.5s;
    opacity: 0.5;
    background-size: cover;
    background-repeat: no-repeat;
}
.special-preview-slide .spec_slide .spec_vdo_grp {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.special-preview-slide .spec_slide .spec_vdo_grp iframe {
    transform: scale(1.1);
    background: 0;
    pointer-events: none;
}

.special-preview-slide .slick-list {
    padding: 0px 60px;
    padding-bottom: 50px !important;
    border-bottom: 1px solid #e6e6e6;
}

.special-preview-slide .slick-cloned {
    transform: scale(0.9);
    opacity: 0.5;
}
.special-preview-slide .slick-current {
    transform: scale(1);
    opacity: 1;
}

.special-preview-slide-grp .slick-prev:before,
.slick-next:before {
    color: #735e3a !important;
    font-family: 'Noto Sans KR', sans-serif !important;
}

/*.special-preview-slide .slick-track{margin-left: -41px;}*/

.special-preview-slide .slick-prev {
    left: 460px;
    top: 780px;
    width: 50px;
    height: 88px;
    background-image: url(../img/common/arrow_left.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.special-preview-slide .slick-next {
    right: 460px;
    top: 780px;
    width: 50px;
    height: 88px;
    background-image: url(../img/common/arrow_right.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.special-preview-slide .slick-prev:hover {
    width: 50px;
    height: 88px;
    background-image: url(../img/common/arrow_left.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.special-preview-slide .slick-next:hover {
    width: 50px;
    height: 88px;
    background-image: url(../img/common/arrow_right.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.spec_txt_grp {
    text-align: center;
}
.spec_txt_grp h3 {
    font-family: 'Open sans';
    font-size: 20px;
    font-weight: 500;
}
.spec_txt_grp p {
    font-size: 14px;
    margin-top: 16px;
}

.special-preview-slide .slick-cloned .spec_txt_grp {
    opacity: 0;
}
.special-preview-slide .slick-current .spec_txt_grp {
    opacity: 1;
    position: absolute;
    top: 720px;
    left: 50%;
    transform: translateX(-50%);
    transition-delay: 0.5s;
}

.special-preview-slide-grp .spec_slide {
    height: 850px;
}
.special-preview-slide-grp .spec_img_grp {
    width: 100%;
    height: 650px;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(0.9);
    border-radius: 300px 300px 0 0;
    background-position: center bottom;
    overflow: hidden;
    isolation: isolate;
}
.special-preview-slide-grp .spec_img_grp .vdo {
    width: calc(100% + 2px);
}
.special-preview-slide-grp .spec_img_grp .vdo iframe {
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.special-preview-slide .spec_txt_grp h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1.1px;
}
.special-preview-slide .spec_txt_grp p {
    font-family: 'Noto Sans KR';
    font-size: 14px;
}

/*inner-con*/
.inner-con {
    position: relative;
    margin: 0 auto;
}
.room-preview-wrap .inner-con {
    max-width: 1300px;
}
.ft .inner-con {
    max-width: 1500px;
}
.hd .inner-con {
    max-width: 1400px;
    margin: 0 auto;
    height: 130px;
}
.room-wrap .info-wrap .inner-con {
    max-width: 1360px;
}
.room-wrap .con3 .info-wrap .inner-con {
    max-width: 1360px;
    display: inline-block;
    zoom: 1;
    margin: 0 auto;
}
.view-wrap .inner-con {
    max-width: 1300px;
}
.special-wrap .inner-con {
    max-width: 1300px;
}
.reser-wrap .inner-con {
    max-width: 1300px;
}
.notice-wrap .inner-con {
    max-width: 1300px;
}
.map-wrap .inner-con {
    max-width: 1300px;
}
.tour-wrap .inner-con {
    max-width: 1300px;
}

.main-wrap .intro-wrap .inner-con {
    max-width: 760px;
}
.movie-wrap .inner-con {
    max-width: 1300px;
}

.m-map {
    display: none;
}

/*.main-tit{transform: translateY(50px); opacity: 1; transition: 1.2s;}*/
/*.main-tit.on{transform: translateY(-50%); opacity: 1;}*/
.scroll-txt {
    transform: translateY(50px);
    opacity: 1;
    transition: 1.2s;
}
.scroll-txt.on {
    transform: translateY(0);
    opacity: 1;
}

.vdo-con img {
    opacity: 1;
}
.m-br {
    display: none;
}
.hd .menu-btn {
    display: none;
    position: relative;
    z-index: 1;
}

.tour-wrap .con2 .info-wrap .tour-con .txt-wrap h5 {
    display: none;
}
.tour-wrap .con2 .info-wrap .tour-con .txt-wrap p {
    display: none;
}

/* subpage-common */
.wrapper .sub-tit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    margin-top: -50px;
}
.wrapper .sub-tit span {
    font-size: 14px;
    opacity: 0.8;
}

.start-tit .start-tit-top {
    width: 100%;
    height: 100px;
    text-align: center;
    border-bottom: 1px solid #eeece8;
    margin-bottom: 40px;
}
.start-tit .start-tit-top p {
    margin-top: 85px;
    font-family: 'Open sans';
    font-size: 13px;
    color: #aba29a;
}
.start-tit .start-tit-top h2 {
    font-family: 'MaruBuri';
    font-weight: 500;
    margin-top: 85px;
}
.start-tit .start-tit-top span.line {
    display: block;
    width: 85px;
    height: 1px;
    background: #735e3a;
    margin: 0 auto;
    margin-top: 22px;
}
.start-tit-bottom {
    text-align: center;
    padding: 0px 0 190px 0;
}
.start-tit-bottom p {
    font-family: 'Noto Sans KR';
    color: #696969;
    font-size: 15px;
}

/*prologue*/
.view-wrap .con3 {
    margin-bottom: 330px;
}
.view-wrap .con3 .bg-con {
    width: 100%;
    height: 500px;
    background: #ebe5dd;
}
.view-wrap .con3 .inner-con div {
    float: left;
    width: 600px;
    padding-left: 80px;
    padding-top: 60px;
    box-sizing: border-box;
}
.view-wrap .con3 .inner-con .img {
    width: 700px;
    height: 670px;
    margin-top: -55px;
    background-repeat: no-repeat;
    background-size: cover;
}

.view-wrap .con3 .inner-con .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.view-wrap .con3 .inner-con .txt h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    font-size: 50px;
}
.view-wrap .con3 .inner-con .txt p {
    line-height: 21px;
    font-size: 15px;
    margin-top: 40px;
}

.view-wrap .con4 .inner-con .img_grp {
    width: 100%;
    height: 930px;
}
.view-wrap .con4 .inner-con .img_grp div {
    position: absolute;
}
.view-wrap .con4 .inner-con .img_1 {
    width: 780px;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 170px;
    left: 0;
    z-index: 2;
}
.view-wrap .con4 .inner-con .img_2 {
    width: 700px;
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    right: 0;
    z-index: 1;
}
.view-wrap .con4 .bg_area {
    width: 710px;
    height: 450px;
    background: #ebe5dd;
    position: absolute;
    right: 0;
    top: 100px;
    z-index: 0;
}

.view-wrap .con5 .bg-con {
    width: 100%;
    height: 660px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 220px;
}
.view-wrap .con5 .bg-con h3 {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    position: absolute;
    top: 100px;
    left: 0;
}
.view-wrap .con5 .bg-con span {
    display: block;
    font-weight: 400;
    font-size: 100px;
    font-family: 'IM Fell French Canon', serif;
    transform: rotate(180deg);
    text-align: center;
}

.view-wrap .con6 {
}
.view-wrap .con6 .inner-con div {
    float: right;
}
.view-wrap .con6 .inner-con .img {
    width: 700px;
    height: 615px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 260px;
}
.view-wrap .con6 .inner-con .txt {
    width: 600px;
}
.view-wrap .con6 .inner-con .txt h3 {
    text-align: right;
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    font-size: 50px;
    margin: 60px -35px 80px 0;
}
.view-wrap .con6 .inner-con .txt p {
    font-size: 15px;
    margin-top: 40px;
}
.view-wrap .con6 .inner-con .txt a {
    color: #aba29a;
    border: 1px solid #aba29a;
    font-size: 13px;
    padding: 10px 30px;
    margin-top: 65px;
    display: inline-block;
}

/*map*/
ul.dashed {
    list-style-type: none;
}
ul.dashed > li {
    text-indent: -5px;
}
ul.dashed > li:before {
    content: '-';
    text-indent: -5px;
}

.map-info {
    margin-bottom: 360px;
    display: inline-block;
    zoom: 1;
    margin-top: 250px;
}
.map-info .map-info-img {
    width: 570px;
    height: 700px;
    float: left;
    display: inline-block;
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
}
.map-info .map-info-txt {
    width: 570px;
    float: right;
    display: inline-block;
    zoom: 1;
    margin-top: 86px;
    margin-left: 136px;
}

.map-info .map-info-txt h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 30px;
    color: #827160;
}
.map-info .map-info-txt h3 span {
    font-family: 'Noto Sans KR';
    font-size: 13px;
    margin-left: 10px;
}
.map-info .map-info-txt li {
    font-family: 'Noto Sans KR';
    font-size: 14px;
    color: #585858;
}
.map-info .map-info-txt li a {
    color: #585858;
    display: inline-block;
    border: 1px solid #aba29a;
    padding: 9px 21px;
    font-size: 13px;
    margin-right: 40px;
}
.map-info .map-info-txt > ul > li {
    margin-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 30px;
}
.map-info .map-info-txt > ul > li:last-child {
    border: 0;
}

/*movie*/
.movie-wrap .vdo-wrap {
    margin-bottom: 200px;
}

/*room*/
.room-wrap .con3 figure {
    text-align: center;
}
.room-wrap .con3 .inner-con .img {
    width: 460px;
    height: 660px;
    overflow: hidden;
    border-radius: 300px 300px 0 0;
    float: right;
    margin-bottom: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}

.room-wrap .con3 .inner-con .img video {
    width: 100%;
    height: 100%;
}

.room-wrap .con3 .inner-con .txt {
    float: left;
    width: 900px;
    text-align: left;
}
.room-wrap .con3 .inner-con .txt h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 30px;
    margin: 120px 0 70px 0;
}
.room-wrap .con3 .inner-con .txt h3 span {
    font-family: 'Noto Sans KR';
    font-size: 13px;
    display: block;
}
.room-wrap .con3 .inner-con .txt > ul {
    width: 715px;
}
.room-wrap .con3 .inner-con .txt > ul > li {
    margin-bottom: 30px;
}
.room-wrap .con3 .inner-con .txt > ul > li h4 {
    font-family: 'Open sans';
    font-size: 15px;
}
.room-wrap .con3 .inner-con .txt > ul > li ul {
    margin-left: 20px;
}
.room-wrap .con3 .inner-con .txt > ul > li ul li {
    font-family: 'Noto Sans KR';
    font-size: 15px;
    color: #585858;
}

.room-wrap .con4 .inner-con > ul {
    width: 100%;
    display: inline-block;
    zoom: 1;
    margin-bottom: 270px;
}
.room-wrap .con4 .inner-con > ul > li {
    width: 59%;
    float: left;
    margin-left: 1%;
    height: 800px;
}
.room-wrap .con4 .inner-con > ul > li ul {
    width: 100%;
    height: 100%;
}
.room-wrap .con4 .inner-con > ul > li ul li {
    background-repeat: no-repeat;
    background-size: cover;
}
.room-wrap .con4 .inner-con > ul > li:nth-child(1) {
    margin-left: 0%;
    width: 39%;
}

.room-wrap .con4 .inner-con > ul > li:nth-child(1) li:nth-child(1) {
    height: 29%;
    margin-bottom: 2%;
}
.room-wrap .con4 .inner-con > ul > li:nth-child(1) li:nth-child(2) {
    height: 69%;
}
.room-wrap .con4 .inner-con > ul > li:nth-child(2) li:nth-child(1) {
    height: 49%;
    margin-bottom: 2%;
}
.room-wrap .con4 .inner-con > ul > li:nth-child(2) li:nth-child(2) {
    height: 49%;
}

.room-wrap .con5 .bg-con {
    width: 100%;
    height: 570px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.room-wrap .con5 .room-prev-wrap {
    background-color: #faf9f5;
}

/*special*/
.special-wrap .con3 .bg-con {
    width: 100%;
    height: 1375px;
    background: #ebe5dd;
    margin-top: 363px;
}
.special-wrap .con3 .inner-con .top_img {
    width: 100%;
    height: 725px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
}
.special-wrap .con3 .inner-con ul {
    width: 100%;
    height: 740px;
    margin-top: -250px;
}
.special-wrap .con3 .inner-con ul li {
    width: 48%;
    height: 100%;
    float: right;
    margin-left: 4%;
}
.special-wrap .con3 .inner-con ul li:first-of-type {
    z-index: 5;
    position: relative;
}
.special-wrap .con3 .inner-con ul li:last-child {
    margin-left: 0;
}
.special-wrap .con3 .inner-con .right_txt {
    height: auto;
    margin-bottom: 4%;
}
.special-wrap .con3 .inner-con .right_txt h3 {
    font-family: 'MaruBuri';
    font-weight: 400;
    font-size: 40px;
    margin-top: 27px;
    margin-left: -72px;
    position: relative;
    z-index: 1;
}
.special-wrap .con3 .inner-con .right_txt h3 span {
    font-family: 'Noto Sans KR';
    font-size: 15px;
    display: inline-block;
    margin-left: 25px;
}
.special-wrap .con3 .inner-con .right_txt p {
    font-family: 'Noto Sans KR';
    font-size: 14px;
    color: #585858;
    margin-top: 50px;
}
.special-wrap .con3 .inner-con .right_img {
    width: 100%;
    height: 60%;
    background-repeat: no-repeat;
    background-size: cover;
}
.special-wrap .con3 .inner-con .right_img .vdo {
    width: 100%;
}
.special-wrap .con3 .inner-con .right_img .vdo iframe {
    width: 100%;
    height: 100%;
}
.special-wrap .con3 .inner-con .left_img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* tour */
.tour_grp {
}
.tour_grp > ul > li {
    clear: both;
}
.tour_grp > ul > li ul {
    display: inline-block;
    zoom: 1;
    width: 100%;
    margin-bottom: 120px;
}
.tour_grp > ul > li .tour_top > li {
    width: 50%;
    float: right;
}
.tour_grp > ul > li .tour_bottom > li {
    width: 50%;
    float: left;
}

.tour_grp > ul > li ul h3 span {
    font-family: 'Open sans';
    font-size: 12px;
    color: #585858;
    font-weight: 500;
    display: block;
    margin-top: 90px;
}
.tour_grp > ul > li ul h3 {
    font-family: 'Noto Sans KR';
    font-size: 25px;
    color: #585858;
    font-weight: 500;
}
.tour_grp > ul > li ul h4 {
    font-family: 'Noto Sans KR';
    background: #90867d;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
    margin: 20px 0;
    font-weight: 400;
}
.tour_grp > ul > li ul p {
    font-family: 'Noto Sans KR';
    font-size: 14px;
    color: #585858;
}
.tour_grp > ul > li ul div {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
}

.tour_grp > ul > li .tour_top > li:last-child p {
    padding-right: 50px;
}
.tour_grp > ul > li .tour_bottom > li:last-child {
    padding-left: 100px;
}

/* map */
.map-link-wrap {
    display: none;
}

/*reservation*/
.reser_info {
    width: 100%;
    height: auto;
    background: #f7f5f0;
    padding-bottom: 100px;
    margin-bottom: 200px;
}

.reser_info .inner-con {
    display: flex;
}

.reser_info .reser_info_img {
    width: 600px;
    height: 650px;
    margin-top: 75px;
    background-repeat: no-repeat;
    background-size: cover;
}
.reser_info .reser_info_txt {
    margin-top: 100px;
    margin-left: 70px;
}
.reser_info .reser_info_txt h4 {
    font-family: 'Noto Sans KR';
    font-size: 12px;
    font-weight: 400;
}
.reser_info .reser_info_txt h3 {
    font-family: 'Playfair Display', serif;
    font-size: 25px;
    font-weight: 400;
}
.reser_info .reser_info_txt p {
    font-size: 14px;
    margin: 25px 0;
    color: #585858;
}
.reser_info .reser_info_txt ul li {
    font-size: 14px;
    color: #585858;
}
.reser_info .reser_info_txt ul li a {
    color: #827160;
    color: #585858;
}

.reser_tb_grp {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 75px;
}
.reser_tb_grp tr {
    background-color: #fff;
}

.reser_tb_grp th {
    background-color: #827160;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    padding: 7px 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.reser_tb_grp tr:nth-child(1) th:first-child {
    border-radius: 20px 0 0 0;
}
.reser_tb_grp tr:nth-child(1) th:last-child {
    border-radius: 0 20px 0 0;
}
.reser_tb_grp td {
    font-size: 13px;
    padding: 21px 0;
    border: 1px solid #f2f2f2;
}

.table-btn {
    color: #aba29a;
    border: 1px solid #aba29a;
    display: block;
    font-weight: 400;
    font-size: 13px;
    width: 170px;
    height: 45px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 160px;
    line-height: 42px;
    transition: 0.5s;
    clear: both;
    margin-top: 40px;
}
.table-btn:hover {
    background: #827160;
    color: #fff;
}

.reser-wrap .con3 figure {
    width: 100%;
    height: 450px;
    margin-bottom: 220px;
    clear: both;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.reser-wrap .con4 .reser_info_box {
    display: flex;
    margin-bottom: 200px;
}
.reser-wrap .con4 .guide {
    width: 50%;
}
.reser-wrap .con4 .refund {
    width: 50%;
}
.reser-wrap .con4 h4 {
    font-family: 'Noto Sans KR';
    font-size: 12px;
    font-weight: 400;
}
.reser-wrap .con4 h3 {
    font-family: 'Playfair Display', serif;
    font-size: 25px;
    font-weight: 400;
}
.reser-wrap .con4 h5 {
    font-family: 'Noto Sans KR';
    font-size: 14px;
    color: #585858;
}
.reser-wrap .con4 p {
    font-size: 14px;
    color: #585858;
    margin-bottom: 35px;
}

.reser-wrap .con4 .guide h4 {
    text-align: left;
}
.reser-wrap .con4 .guide h3 {
    margin-bottom: 60px;
    text-align: left;
}

.reser-wrap .con4 .refund h3 {
    margin-bottom: 30px;
}
.reser-wrap .con4 .refund table {
    width: 400px;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 20px;
}
.reser-wrap .con4 .refund table tr {
    background: #fff;
}
.reser-wrap .con4 .refund table tr:nth-child(2n-1) {
    background: #f9f9f9;
}
.reser-wrap .con4 .refund table th {
    background-color: #827160;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    padding: 7px 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.reser-wrap .con4 .refund table td {
    font-size: 13px;
    padding: 7px 0;
    border: 1px solid #f2f2f2;
}

.clear {
    clear: both;
}

.notice-wrap .notice-table {
    margin: 100px 0;
}

/*footer*/
.m-br {
    display: none;
}
.top_btn {
    background: #9f9080;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    right: 4%;
    top: -25px;
}
.top_btn span {
    display: inline-block;
    margin-top: 12px;
}
.top_btn i {
    font-size: 20px;
    color: #fff;
}

.ft h2 .ft_sns_grp a span {
    display: inline-block;
    margin-top: -7px;
    font-size: 18px;
}

footer {
    width: 100%;
    height: 470px;
    background-color: #ebe5dd;
    color: #444;
    position: relative;
}
footer a {
    color: #666;
}

.ft h2 {
    width: 1500px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
    padding: 27px 0 20px 0;
    color: #71685f;
    font-weight: 400;
}
.ft h2 a {
    font-family: 'Open sans';
    font-weight: 400;
    font-size: 24px;
    display: inline-block;
    color: #71685f;
}
.ft h2 a i {
    margin-right: 7px;
    font-size: 17px;
}
.ft h2 .ft_sns_grp {
    border-bottom: 1px solid #dddcd8;
    height: 35px;
}
.ft h2 .ft_sns_grp a {
    margin-left: 5px;
    font-size: 16px;
    float: right;
}

.ft .ft_left {
    float: left;
    width: 700px;
}
.ft .ft_left .ft-logo {
    margin-bottom: 40px;
}
.ft .ft_left .ft-logo img {
    width: 115px;
}
.ft .ft_left ul li {
    font-family: 'Noto Sans KR';
    font-size: 14px;
    text-align: right;
    color: #8a8279;
    margin-bottom: 4px;
}
.ft .ft_left ul li .login {
    color: #8a8279;
    text-decoration: underline;
    margin-top: 20px;
    display: inline-block;
}

/*.ft .ft_left ul li:after{content: "|"; margin: 0 5px;}*/
.ft .ft_left ul li:nth-child(2n):after {
    content: '';
}
.ft .ft_left ul li:last-child {
    margin-bottom: 30px;
}
.ft .ft_left ul li img {
    width: 20px;
    margin-left: 3px;
}

.ft .ft_right {
    float: right;
    width: 730px;
}
.ft .ft_right ul li h3 {
    font-family: 'Open sans';
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
}
.ft .ft_right > ul > li {
    clear: both;
    display: flex;
}
.ft .ft_right > ul > li > a {
    width: 100px;
}
.ft .ft_right ul li a {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 5px;
    color: #8a8279;
}
.ft .ft_right ul li .ft_sub_nav li {
    float: left;
    display: flex;
}
.ft .ft_right ul li .ft_sub_nav li:after {
    content: '|';
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    opacity: 0.4;
}
.ft .ft_right ul li .ft_sub_nav li:last-child:after {
    content: '';
}

.ft .ft-copyright {
    clear: both;
    margin-top: 30px;
    border-top: 1px solid #dddcd8;
    padding-top: 20px;
}
.ft .ft-copyright p {
    font-size: 12px;
    color: #8a8279;
    font-family: 'Open sans';
    text-align: center;
}
.ft .ft-copyright p a {
    color: #8a8279;
}
.ft .ft-copyright .login {
    color: #1c1c1c;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
}
.ft .ft-copyright .login::after {
    content: '';
    display: block;
    height: 1px;
    background-color: #1c1c1c;
}

/* Generated by Glyphter (http://www.glyphter.com) on  Thu Aug 30 2018*/
@font-face {
    font-family: 'Glyphter';
    src: url('../font/Glyphter.eot');
    src: url('../font/Glyphter.eot?#iefix') format('embedded-opentype'), url('../font/Glyphter.woff') format('woff'),
        url('../font/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before {
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-aw_logo_svg:before {
    content: '\0042';
    display: inline-block;
    margin-left: 10px;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 25px;
    color: #333;
}
.icon-aw_logo_svg {
    color: #333;
}
.icon-ico_map_atlan:before {
    content: '\e900';
    color: #37cefe;
}
.icon-ico_map_kakao:before {
    content: '\e901';
    color: #007eff;
}
.icon-ico_map_naver:before {
    content: '\e902';
    color: #71e951;
}
.icon-ico_map_tmap:before {
    content: '\e903';
    color: #007eff;
}

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

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

@media all and (max-width: 1460px) {
    .room-prev-wrap .deco_title {
        font-size: 200px;
        margin-top: -220px;
    }
    .room-wrap .info-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .view-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .reser-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .movie-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .map-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .wrapper .slick-dots {
        width: calc(100% - 100px);
    }
    .scroll_down {
        right: -50px;
    }
    .room-wrap .room_cont2_grp .room_cont2_left .room_info_vdo iframe {
        width: 70vw;
        height: 100vw;
    }
    .room-prev-wrap .main-slide .txt-wrap {
        left: 50px;
    }

    .reser-wrap .con3 figure {
        margin-bottom: 100px;
    }
    .ft .ft_left {
        width: 600px;
    }
    .ft .ft_right {
        width: 600px;
    }
}

@media all and (max-width: 1350px) {
    .main-wrap .main-slide-wrap iframe {
        transform: scale(1.2);
    }
    .video-btn {
        width: calc(100% - 100px);
    }
    .room-wrap .room-info .ico-info li {
        width: 25%;
        margin-right: 0;
        margin-bottom: 15px;
        text-align: center;
    }
    .reser-wrap .reser-info .reser_left {
        width: 400px;
        height: 520px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp {
        margin-top: 20px;
    }
    .reser-wrap .reser-info .reser_right {
        height: 600px;
    }
    .reser-wrap .reser-info .reser_right .right_pic_line {
        top: 350px;
    }

    .view-wrap .con3 .inner-con .img {
        width: 50%;
    }
    .view-wrap .con3 .inner-con div {
        width: 45%;
    }
    .view-wrap .con5 .bg-con {
        height: 500px;
    }
    .view-wrap .con5 .bg-con h3 {
        right: 30px;
        top: 40px;
    }
    .view-wrap .con6 .inner-con .img {
        width: 50%;
    }
    .view-wrap .con6 .inner-con .txt {
        width: 45%;
    }

    .room-wrap .con3 .inner-con .txt {
        width: 50%;
    }
    .room-wrap .con3 .inner-con .txt > ul {
        width: 100%;
    }
    .room-wrap .con5 .bg-con {
        height: 440px;
        background-attachment: unset;
        background-position: center;
    }
    .room-wrap .room_cont2_grp .room_cont2_left .room_info_vdo iframe {
        width: 72vw;
    }

    .special-wrap .con3 .bg-con {
        margin-top: 280px;
        height: 1240px;
    }
    .special-wrap .con3 .inner-con .top_img {
        height: 600px;
        background-position: center;
    }

    .half-page-wrap .con1 .top-img {
        height: 570px;
    }
    .map-info {
        width: 100%;
    }
    .map-info .map-info-img {
        width: 50%;
    }
    .map-info .map-info-txt {
        width: 46%;
        margin-left: 4%;
    }

    .reser_info .reser_info_img {
        width: 45%;
    }
    .reser_info .reser_info_txt {
        width: 50%;
    }
}
@media all and (max-width: 1200px) {
    .main-wrap .con2 .intro-wrap {
        width: calc(100% - 100px);
        margin: 0 auto;
    }
    .room-prev-wrap .inner-con {
        width: calc(100% - 100px);
        margin: 0 auto;
    }
    .room-preview-wrap .inner-con {
        width: calc(100% - 100px);
        margin: 0 auto;
    }
    .main-wrap .main-slide-wrap iframe {
        transform: scale(1.5);
    }
    /*    .room-wrap .con3{width: calc(100% - 100px); margin: 0 auto;}*/
    /*    .room-wrap .con4{width: calc(100% - 100px);}*/

    .notice-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .map-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .tour-wrap .inner-con {
        width: calc(100% - 100px);
    }

    .special-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .amenity-preview-wrap .inner-con {
        width: calc(100% - 100px);
    }

    .video-btn {
        bottom: 70px;
    }
    .scroll_down {
        right: -30px;
    }
    .wrapper .slick-dots {
        display: none !important;
    }

    .deco_title {
        font-size: 200px;
        top: -150px;
    }

    .main-wrap .con2 .main-cont .left {
        width: 35%;
    }
    .main-wrap .con2 .main-cont .right {
        width: 65%;
    }
    .main-img-wrap {
        background-attachment: unset;
        background-position: center;
    }

    .view_con_grp {
        height: 650px;
    }
    .view_con_grp .view_con_txt h3 {
        font-size: 35px;
    }
    .view_con_grp .view_con_txt p {
        font-size: 13px;
    }
    .view_con_img .view_arch_line {
        width: 370px;
        height: 560px;
    }
    .view_con_img .view_arch_img {
        width: 350px;
        height: 540px;
    }
    .view_con_img .view_rect_line {
        width: 310px;
        height: 440px;
        left: auto;
        right: 50px;
        bottom: 35px;
    }
    .view_con_img .view_rect_img {
        width: 290px;
        height: 420px;
    }

    .view-wrap .view_gallery > ul > li:nth-child(2) div {
        overflow: hidden;
    }
    .view-wrap .view_gallery > ul > li:nth-child(2) div iframe {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: 70vw !important;
        height: 100%;
    }
    .view-wrap .view_vdo_grp {
        margin: 100px 0 120px 0;
    }

    .view-wrap .view_outro {
        height: 300px;
    }
    .view_outro .view_outro_txt h3 {
        margin-bottom: 40px;
    }
    .view_outro .view_outro_txt p {
        font-size: 13px;
        margin-left: 30px;
    }

    .room-wrap .room_cont2_grp .room_cont2_right {
        width: 42%;
    }
    .room-wrap .room_cont2_grp .room_cont2_left .room_info_vdo iframe {
        width: 80vw;
    }
    .room-prev-wrap .sub-slide {
        width: 460px;
        height: 660px;
        border-radius: 0 300px 0 0;
        top: -32px;
    }
    .sub-slide-line {
        width: 460px;
        height: 660px;
        border-radius: 0 300px 0 0;
        top: -32px;
    }
    .room-prev-wrap .main-slide .img-slide-wrap {
        margin-right: 20px;
        width: 240px;
        height: 350px;
        margin-top: 0px;
    }
    .sub-img {
        width: 240px;
        height: 350px;
    }
    .room-prev-wrap .main-slide .img-wrap {
        width: 240px !important;
    }
    .room-prev-wrap .sub-slide .slide .img-wrap a div {
        background-repeat: no-repeat;
        background-size: cover;
    }
    .room-prev-wrap .main-slide .txt-wrap {
        height: 350px;
    }
    .room-prev-wrap .deco_title {
        margin-top: 0px;
        top: -250px;
        font-size: 150px;
    }

    .special-wrap .cont2_content .deco_title_right_spec {
        font-size: 150px;
    }
    .deco_title_right_spec {
        font-size: 150px;
    }
    .special-preview-slide .slick-prev {
        left: 400px;
    }
    .special-preview-slide .slick-next {
        right: 400px;
    }
    .special-preview-slide .spec_slide .spec_vdo_grp iframe {
        width: 60vw !important;
        height: 60vw !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
    }

    .reser-wrap .reser_line {
        width: 90%;
        margin: 0 auto;
        margin-top: 120px;
        margin-bottom: 120px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp {
        margin-left: 40px;
        margin-top: 50px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp > span {
        font-size: 13px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp h3 {
        font-size: 35px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp ul {
        margin: 30px 0;
    }

    .reser-wrap .reser-info .reser_right .right_pic_line {
        width: 180px;
        height: 260px;
    }
    .reser-wrap .reser-info .reser_right .right_pic_img {
        width: 170px;
        height: 250px;
    }

    .reser-notice-img {
        width: 400px;
        height: 550px;
    }
    .reser-notice-line {
        width: 410px;
        height: 550px;
    }
}

@media all and (max-width: 1366px) {
    .hd .main-menu-wrap {
        display: none;
    }
    .hd.fixed .main-menu-wrap {
        margin-top: 0;
    }
    .hd.fixed .menu-btn {
        top: 35px;
        transition: 0.5s;
    }
    .hd.fixed .menu-btn .line {
        background: #666;
    }
    .hd .main-menu-wrap .white-box {
        display: none;
    }
    .hd .main-menu-wrap > ul {
        right: 0px;
        width: 100%;
    }
    .hd .main-menu-wrap > ul > li {
        width: 25%;
    }
    .hd .main-menu-wrap a {
        color: #434343;
    }
    .hd .main-menu-wrap .sub-menu {
        height: auto;
        min-height: 220px;
    }
    .hd .logo span {
        transition: 1.2s;
    }
    .menu-btn {
        display: block;
    }
    .bg-wrap .bg {
        background-attachment: initial;
    }
    .hd .menu-btn {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 45px;
        right: 10px;
        cursor: pointer;
    }
    .hd .menu-btn .line {
        width: 100%;
        height: 1px;
        background-color: white;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transition: 1.2s;
    }
    .hd .menu-btn .line1 {
        transform: translateY(-8px);
    }
    .hd .menu-btn .line3 {
        transform: translateY(8px);
    }

    .sns_grp {
        float: none;
        width: 100%;
        position: absolute;
        bottom: 45px;
        left: 45%;
    }

    .hd.click .main-menu-wrap {
        pointer-events: all;
        opacity: 1;
        visibility: visible;
    }
    .hd.click .logo {
        background-image: url(../img/common/logo_black.png);
    }
    .hd.click .logo span {
        color: #2678f9;
    }
    .hd.click .menu-btn span {
        background-color: #434343;
    }
    .hd.click .menu-btn span.line1 {
        transform: rotate(45deg);
    }
    .hd.click .menu-btn span.line2 {
        opacity: 0;
    }
    .hd.click .menu-btn span.line3 {
        transform: rotate(-45deg);
    }
    .hd .main-menu-wrap > ul > li > a {
        font-size: 15px;
        font-weight: 500;
    }
    .hd .main-menu-wrap .sub-menu a {
        font-size: 12px;
        line-height: 2;
    }
    .hd .main-menu-wrap .sub-menu {
        margin-top: 0;
    }
    .hd .main-menu-wrap .sub-menu li {
        padding: 7px 0;
    }

    .main-sub-menu > ul {
        width: 90%;
    }
    .main-sub-menu p {
        width: 90%;
    }

    .main-wrap .con2 .intro-wrap {
        width: 90%;
    }
    .main-img-wrap {
        height: 400px;
        background-attachment: unset;
        background-position: 0 67%;
    }

    .room-prev-wrap .inner-con {
        width: 90%;
    }
    .room-preview-wrap .inner-con {
        width: 90%;
    }

    .ft .ft_dep1 .toTop {
        right: 20px;
        top: 20px;
        width: 30px;
        height: 30px;
        font-size: 10px;
        line-height: 30px;
    }
    .ft .ft_dep1 {
        padding: 0 50px;
        padding-top: 60px;
        padding-bottom: 100px;
    }
    .ft .ft_dep1 .ft-menu > ul > li {
        margin: 0 10px;
    }
    .ft .ft_dep1 .ft-menu > ul > li > a {
        font-size: 13px;
    }
    .ft .ft_dep1 .ft-menu .sub-menu a {
        font-size: 12px;
    }

    .ft .ft_left {
        width: 100%;
        float: none;
    }
    .ft .ft_left ul li {
        text-align: center;
    }
    .ft .ft_right {
        display: none;
    }
}

@media all and (max-width: 1024px) {
    .hd .logo {
        width: 250px;
    }
    .main-sub-menu > ul > li > a {
        font-size: 23px;
    }
    .main-sub-menu a {
        font-size: 15px;
    }
    .main-wrap .main-slide-wrap .full-page {
        transform: scale(1.1);
        width: 100%;
        height: 100%;
    }
    .main-wrap .main-slide-wrap iframe {
        left: 50%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
    .main-wrap .con2 .main-cont .left .arch_line {
        height: 520px;
    }
    .main-wrap .con2 .main-cont .left .arch_pic {
        height: 500px;
        margin-top: 4px;
    }
    .main-wrap .con2 .main-cont .right {
        margin-top: 110px;
    }
    .main-wrap .con2 .main-cont .right h3 {
        font-size: 32px;
    }
    .main-wrap .con2 .main-cont .right p {
        font-size: 13px;
    }

    .main-wrap .main-tit {
        left: 50%;
        transform: translate(-50%, -30%);
    }
    .main-tit h1 {
        font-size: 35px;
    }
    .main-tit span {
        font-size: 15px;
    }
    .main-wrap .sns_grp {
        display: none;
    }

    .main-wrap .con2 .main_con_tit h1 {
        font-size: 21px;
        margin: 50px 0 20px 0;
    }
    .main-wrap .con2 .main_con_tit h2 {
        font-size: 12px;
        margin-top: 0px;
    }
    .main-wrap .con2 .main_con_tit {
        margin-bottom: 50px;
    }

    .main-wrap .con2 .main-cont {
        margin-top: 150px;
        height: 470px;
    }
    .main-wrap .con2 .main-cont .img {
        width: 60%;
    }
    .main-wrap .con2 .main-cont .txt {
        width: 40%;
    }
    .main-wrap .con2 .main-cont .txt h3 {
        margin-top: 10px;
        font-size: 55px;
    }
    .main-wrap .con2 .main-cont .txt p {
        padding-top: 60px;
        font-size: 15px;
    }
    .main-wrap .con2 .main-cont .txt a {
        margin-top: 70px;
    }

    .main-img-wrap {
        height: 300px;
    }
    .room-preview-wrap .inner-con {
        width: 80%;
    }
    .room-preview-wrap .tit h2 {
        font-size: 35px;
    }
    .special-preview-slide-grp .spec_slide:nth-child(2n-1) .spec_img_grp {
        height: 428px;
    }
    .special-preview-slide-grp .spec_img_grp {
        height: 550px;
    }
    .spec_txt_grp h3 {
        font-size: 18px;
    }
    .spec_txt_grp p {
        font-size: 13px;
        margin-top: 11px;
    }

    .full-page-wrap .btn-wrap button {
        width: 34px;
        height: 34px;
    }

    .view-wrap .con3 .inner-con .txt h3 {
        font-size: 33px;
    }
    .view-wrap .con4 .inner-con .img_1 {
        width: 52%;
        height: 300px;
    }
    .view-wrap .con4 .inner-con .img_2 {
        width: 52%;
        height: 300px;
    }
    .view-wrap .con4 .bg_area {
        width: 400px;
        height: 300px;
    }
    .view-wrap .con4 .inner-con .img_grp {
        height: 700px;
    }
    .view-wrap .con6 .inner-con .txt p {
        width: 90%;
    }

    .room-wrap .con5 .bg-con {
        height: 370px;
    }
    .room-wrap .con3 .inner-con .img {
        width: 46%;
        height: 575px;
    }
    .room-wrap .con3 .inner-con .txt h3 {
        margin: 67px 0 45px 0;
    }

    .room-prev-wrap .main-slide .txt-wrap {
        left: 20px;
    }
    .room-prev-wrap .tit-wrap {
        display: none;
    }
    .room-prev-wrap .room_swiper .swiper-container {
        height: 600px;
    }
    .room-prev-wrap .room_swiper .swiper-txt {
        background: rgba(171, 162, 154, 0.7);
    }

    .special-preview-slide .slick-prev {
        left: 300px;
    }
    .special-preview-slide .slick-next {
        right: 300px;
    }
    .room-wrap .con3 {
        height: auto;
    }
    .room-wrap .room_cont2_grp .room_cont2_left {
        float: none;
        width: 100%;
        height: 500px;
        margin-bottom: 100px;
    }
    .room-wrap .room_cont2_grp .room_cont2_left .room_info_vdo iframe {
        width: 95vw;
    }
    .room-wrap .room_cont2_grp .room_cont2_right {
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0%;
    }
    .room_cont2_right .room_info_txt_grp p {
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .room_cont2_right .room_info_img_grp {
        display: none;
    }
    .room-wrap .con4 .room_gallery_grp {
        height: 500px;
    }
    .room-wrap .room_last_bg {
        height: 320px;
        margin: 240px 0 400px 0;
    }
    .room-prev-wrap {
        margin-bottom: 0px;
    }
    .room-prev-wrap .sub-slide figure {
        height: 100%;
    }
    .room-prev-wrap .sub-slide .slide {
        height: 100%;
    }
    .room-prev-wrap .main-slide .img-slide-wrap {
        display: none;
    }
    .room-prev-wrap .slide-control {
        bottom: 100px;
        width: 400px;
    }

    .special-wrap .con3 .inner-con .top_img {
        height: 400px;
    }
    .special-wrap .con3 .inner-con ul {
        margin-top: -150px;
        height: 550px;
    }
    .special-wrap .con3 .bg-con {
        margin-top: 120px;
        height: 945px;
    }
    .special-wrap .con3 .inner-con .right_txt {
        height: 41%;
    }
    .special-wrap .con3 .inner-con .right_txt p {
        margin-top: 5px;
        font-size: 13px;
    }
    .special-wrap .con3 .inner-con .right_txt h3 {
        margin-top: 5px;
    }
    .special-wrap .con3 .inner-con .right_img {
        height: 55%;
        overflow: hidden;
        position: relative;
    }
    .special-wrap .con3 .inner-con .right_img .vdo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .tour_grp > ul > li .tour_bottom > li:last-child {
        padding-left: 50px;
    }
    .tour_grp > ul > li ul p {
        width: 90%;
    }
    .tour_grp > ul > li ul h3 span {
        margin-top: 0px;
    }
    .map-info {
        margin-top: 150px;
    }

    .map-info .map-link-wrap {
        display: block;
        margin-top: 20px;
    }
    .map-info .map-link-wrap::after {
        content: '';
        display: table;
        clear: both;
    }
    .map-info .map-link-wrap li {
        float: left;
        width: 30px;
        height: 30px;
        margin-right: 15px;
        border-radius: 3px;
    }
    .map-info .map-link-wrap li a {
        background: none;
        width: 100%;
        height: 100%;
        display: block;
        margin-top: 0;
        padding: 0;
        border: 0;
    }
    .map-info .map-link-wrap li a img {
        display: block;
        width: 100%;
    }
}

@media (max-width: 900px) {
    .main-tit span {
        display: none;
    }
    .wrapper .slick-dots {
        display: none !important;
    }
    .scroll_down {
        display: none;
    }
    /*inner-con*/
    .main-wrap .con2 .intro-wrap {
        width: calc(100% - 100px);
        margin: 0 auto;
    }
    .room-prev-wrap .inner-con {
        width: calc(100% - 100px);
        margin: 0 auto;
    }
    .room-preview-wrap .inner-con {
        width: 80%;
        margin: 0 auto;
    }
    .room-preview-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .hd .inner-con {
        width: calc(100% - 100px);
    }
    .room-wrap .info-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .view-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .notice-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .map-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .tour-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .special-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .amenity-preview-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .reser-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .main-wrap .intro-wrap .inner-con {
        width: calc(100% - 100px);
    }
    .movie-wrap .inner-con {
        width: calc(100% - 100px);
    }

    .main-wrap .main-tit {
        text-align: center;
    }
    .main-sub-menu > ul {
        top: 45%;
        flex-wrap: wrap;
    }

    /*inner-con*/
    .main-wrap .con2 .main_con_tit h2 {
        font-size: 12px;
    }
    .main-wrap .con2 .main-cont .right p {
        font-size: 12px;
    }

    .main-wrap .con2 .main-cont {
        height: 500px;
        margin-top: 100px;
    }
    .main-wrap .con2 .main-cont .left .arch_line {
        height: 420px;
    }
    .main-wrap .con2 .main-cont .left .arch_pic {
        height: 400px;
    }
    .main-wrap .con2 .main-cont .left .arch_pic_img {
        height: 400px;
    }
    .main-wrap .con2 .main-cont .left p {
        font-size: 11px;
    }
    .main-wrap .con2 .main-cont .right {
        margin-top: 70px;
    }

    .main-wrap .con2 .main-cont .img {
        width: 100%;
    }
    .main-wrap .con2 .bg {
        height: 638px;
    }
    .main-wrap .con2 .main-cont .txt h3 {
        float: unset;
        top: -55px;
        margin-bottom: -30px;
    }
    .main-wrap .con2 .main-cont .txt p {
        padding-top: 0px;
        margin-left: 30px;
    }
    .main-wrap .con2 .main-cont .txt a {
        float: unset;
        margin-top: 50px;
        margin-left: 30px;
    }
    .main-wrap .con2 .main-cont .txt {
        width: 96%;
    }

    .hd .m_hd_grp {
        display: inline-block;
        float: right;
        margin-top: 68px;
        transition: 0.5s;
    }
    .hd .m_hd_grp li {
        color: #fff;
        float: left;
        text-align: center;
        padding-left: 20px;
    }
    .hd .m_hd_grp li i {
        font-size: 18px;
    }
    .hd .m_hd_grp li span {
        display: block;
        font-size: 13px;
    }

    .hd.fixed .m_hd_grp {
        margin-top: 25px;
    }
    .hd.fixed .m_hd_grp li i {
        color: #827160;
    }
    .hd.fixed .m_hd_grp li span {
        color: #827160;
        margin-top: -4px;
    }

    .main-img-wrap {
        height: 280px;
    }

    .room-prev-wrap .room_swiper .swiper-container {
        height: 500px;
        width: 100%;
    }
    .room-prev-wrap .room_swiper .swiper-container .swiper-slide {
        background-position: center;
    }

    .room-prev-wrap .room_swiper .swiper-txt {
        width: 100%;
        height: 272px;
        background: #aba29a;
        top: 500px;
    }
    .room-prev-wrap .room_swiper .swiper-txt ul {
        padding: 80px 60px 40px 60px;
    }
    .room-prev-wrap .room_swiper .swiper-txt h3 {
        font-size: 35px;
        font-weight: 400;
        display: inline-block;
    }
    .room-prev-wrap .room_swiper .swiper-txt h4 {
        font-size: 15px;
        font-weight: 400;
        display: block;
        margin-left: 22px;
    }
    .room-prev-wrap .room_swiper .swiper-txt a {
        clear: both;
        position: auto;
        display: block;
        bottom: 80px;
    }
    .room-prev-wrap .room_swiper .swiper-txt p {
        margin-top: 30px;
    }

    .view-wrap .deco_title {
        font-size: 160px;
        top: -100px;
    }
    .view-wrap .view_vdo_grp {
        margin: 0;
    }

    .view_con_grp .view_con_txt {
        width: 50%;
        padding-left: 50px;
    }
    .view_con_grp .view_con_txt p {
        margin-left: 20px;
    }
    .view_con_grp .view_con_img {
        width: 50%;
    }

    .view_con_img .view_arch_line {
        width: 320px;
        height: 460px;
        left: 0;
    }
    .view_con_img .view_arch_img {
        width: 300px;
        height: 440px;
    }
    .view_con_img .view_rect_line {
        width: 270px;
        height: 370px;
        right: 0;
    }
    .view_con_img .view_rect_img {
        width: 250px;
        height: 350px;
    }
    .view_con_img p {
        display: none;
    }

    .view-wrap .view_outro {
        height: 220px;
    }
    .view_outro .view_outro_txt h3 {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .view_outro .view_outro_txt p {
        font-size: 12px;
        margin-left: 20px;
    }

    .sub-slide-line {
        width: 400px;
        height: 550px;
        border-radius: 0 250px 0 0;
        top: 0;
    }

    .room-wrap .con4 .inner-con > ul > li {
        height: 500px;
    }
    .room-wrap .con4 .inner-con > ul {
        margin-bottom: 150px;
    }

    .special-wrap .cont2_left .cont2_left_img {
        background-position: 0 80%;
    }
    .special-wrap .cont2_left .cont2_left_img.visible {
        background-position: 0 100%;
    }

    .special-wrap .cont2_left .cont2_arch-line {
        left: auto;
        right: 0;
        transform: translate(-10%, -50%);
        width: 220px;
        height: 330px;
    }
    .special-wrap .cont2_left .cont2_arch-line.visible {
        transform: translate(-10%, -30%);
    }
    .special-wrap .cont2_left .cont2_arch-img {
        width: 200px;
        height: 310px;
    }

    .special-wrap .cont2_content {
        width: calc(100% - 50px);
        margin: 0 auto;
    }
    .special-wrap .cont2_left {
        float: none;
        width: 100%;
        height: 45%;
    }
    .special-wrap .cont2_right {
        float: none;
        width: 100%;
        margin-left: 30px;
        margin-top: 70px;
    }
    .special-wrap .cont2_right span {
        font-size: 13px;
    }
    .special-wrap .cont2_right h3 {
        font-size: 35px;
    }
    .special-wrap .cont2_right .kor {
        margin: 30px 0;
    }

    .special-wrap .cont2_content .deco_title_right_spec {
        font-size: 120px;
        top: -125px;
        right: -40px;
    }

    .special-wrap .con3 .inner-con {
        margin-top: 200px;
        height: 700px;
    }
    .special-wrap .con4 .spec_cont_bg {
        height: 400px;
    }

    .special-preview-slide .spec_slide .spec_vdo_grp iframe {
        height: 75vw !important;
    }

    .half-page-wrap .con1 .top-img {
        height: 490px;
    }
    .map-info {
        margin-bottom: 150px;
    }
    .map-info .map-info-img {
        width: 100%;
        height: 360px;
        background-position: center;
        float: unset;
    }
    .map-info .map-info-txt {
        float: unset;
        width: 100%;
        margin-left: 0;
    }
    .map-info .map-info-txt h3 {
        margin-bottom: 15px;
    }
    .map-info .map-info-txt > ul > li {
        padding-left: 15px;
    }

    .reser-wrap .con3 figure {
        height: 250px;
        background-attachment: unset;
        background-position: center;
    }

    .reser_info .inner-con {
        display: block;
    }

    .reser-wrap .reser-info .reser_left {
        width: 350px;
        height: 450px;
    }
    .reser-wrap .reser-info .reser_right {
        height: 500px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp {
        margin-left: 20px;
        margin-bottom: 0;
        height: 400px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp h3 {
        font-size: 30px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp ul {
        margin: 20px 0;
    }
    .reser-wrap .reser-info .reser_right .txt_grp ul li {
        font-size: 13px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp ul li input {
        width: 10px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp p {
        font-size: 13px;
    }
    .reser-wrap .reser-info .reser_right .right_pic_line {
        display: none;
    }
    .reser-wrap .reser-info .reser_right .right_pic_img {
        width: 140px;
        height: 220px;
    }
    .info-wrap .txt_grp {
        margin-bottom: 100px;
    }
    .info-wrap .txt_grp span {
        font-size: 13px;
    }
    .info-wrap .txt_grp h3 {
        font-size: 30px;
    }
    .dash-list li {
        font-size: 13px;
    }
    .reser-notice-img {
        width: 300px;
        height: 450px;
        border-radius: 250px 0 0 0;
    }
    .reser-notice-line {
        width: 310px;
        height: 450px;
        border-radius: 250px 0 0 0;
    }

    .refund_txt_grp span {
        font-size: 13px;
    }
    .refund_txt_grp h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .refund_txt_grp + ol li {
        font-size: 13px;
    }

    .deco_title_right_spec {
        font-size: 120px;
    }

    .hd .logo {
        margin-top: 68px;
    }

    .ft .ft_dep1 {
        padding: 0 15px;
        border-top: 0;
        border-bottom: 1px solid rgba(187, 187, 185, 0.8);
        padding-bottom: 10px;
    }
    .ft .ft_dep2 .ft-address span {
        display: block;
        font-size: 13px;
    }
    .ft .ft_dep1 .ft-logo {
        float: none;
        padding-top: 25px;
    }
    .ft .ft_dep1 .ft-logo img {
        width: 80px;
        margin: 0 auto;
    }
    .ft .ft_dep1 .ft-logo h2 {
        font-size: 18px;
    }
    .ft .ft_dep1 .ft-sns {
        float: none;
        text-align: center;
        margin-top: 25px;
    }
    .ft .ft_dep2 .ft-tel a {
        font-size: 22px;
    }
    .ft .ft_dep1 .ft-sns li {
        float: none;
        display: inline-block;
        margin: 0 5px;
    }

    .m-br {
        display: block;
    }
}

@media (max-width: 700px) {
    .hd {
        height: 60px;
    }
    .hd .menu-btn {
        top: 15px;
        right: 5px;
        width: 25px;
    }
    .hd .menu-btn .line1 {
        transform: translateY(-7px);
    }
    .hd .menu-btn .line3 {
        transform: translateY(7px);
    }

    .hd .main-menu-wrap {
        background: #fafaf9;
    }
    .hd .main-menu-wrap > ul {
        width: 90%;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-240px);
    }
    .hd .main-menu-wrap > ul > li {
        width: 50%;
    }
    .hd .main-menu-wrap > ul > li > a {
        font-size: 14px;
    }
    .hd .main-menu-wrap .sub-menu li {
        padding: 5px 0;
    }
    .hd .main-menu-wrap .sub-menu a {
        font-size: 11px;
    }
    .hd .main-menu-wrap .sub-menu {
        min-height: 160px;
    }

    .hd .m_hd_grp {
        margin-top: 25px;
    }
    .hd .m_hd_grp li {
        padding-left: 15px;
    }
    .hd .m_hd_grp li i {
        font-size: 14px;
    }
    .hd .m_hd_grp li span {
        font-size: 11px;
    }
    .hd.fixed .m_hd_grp {
        margin-top: 22px;
    }

    .main-sub-menu > ul > li {
        width: 33.3%;
        text-align: center;
        margin: 20px 0;
    }
    .main-sub-menu > ul > li > a {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .main-sub-menu p {
        display: none;
    }
    .main-sub-menu a {
        margin-bottom: 0px;
        font-size: 12px;
        letter-spacing: -0.08em;
    }

    .hd.click .main-menu-wrap {
        height: 100% !important;
    }

    .hd .sns_grp {
        left: auto;
        right: 30px;
        bottom: 30px;
    }
    .hd .sns_grp li {
        float: right;
    }

    .hd.fixed .menu-btn {
        top: 20px;
    }

    .wrapper .sub-tit {
        margin-top: -4px;
    }
    .main-tit h1 {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .main-tit .line {
        width: 50px;
    }

    /*inner-con*/
    .room-preview-wrap .inner-con {
        width: calc(100% - 50px);
    }
    .hd .inner-con {
        width: calc(100% - 50px);
        height: 60px;
    }

    .main-wrap .con2 .intro-wrap {
        width: calc(100% - 50px);
    }
    .room-wrap .info-wrap .inner-con {
        width: calc(100% - 50px);
    }
    .room-prev-wrap .inner-con {
        width: calc(100% - 50px);
    }
    .view-wrap .inner-con {
        width: calc(100% - 50px);
    }
    .notice-wrap .inner-con {
        width: calc(100% - 50px);
    }
    .map-wrap .inner-con {
        width: calc(100% - 50px);
    }
    .tour-wrap .inner-con {
        width: calc(100% - 50px);
    }
    .special-wrap .inner-con {
        width: calc(100% - 50px);
        margin-bottom: 50px;
    }
    .amenity-preview-wrap .inner-con {
        width: calc(100% - 50px);
    }
    .reser-wrap .inner-con {
        width: calc(100% - 50px);
    }
    .main-wrap .intro-wrap .inner-con {
        width: calc(100% - 50px);
    }
    .movie-wrap .inner-con {
        width: calc(100% - 50px);
    }
    /*inner-con*/
    .main-wrap .video-btn {
        display: none;
    }
    .m-vdo-wrap {
        display: block;
        position: relative;
        margin-bottom: 80px;
    }
    .m-vdo-wrap .main-vdo-wrap {
        position: relative;
    }
    .full-page-wrap .m-vdo-wrap .slide {
        height: 100%;
    }
    .full-page-wrap .m-vdo-wrap .full-page {
        height: 100%;
    }
    .half-page-wrap .con1 .top-img {
        height: 250px;
    }
    .hd .logo {
        margin-top: 25px;
        position: relative;
        width: 100px;
        height: 55px;
    }
    header.on .logo {
        margin-top: 25px !important;
    }
    .hd.fixed .logo {
        width: 100px;
    }
    .hd.fixed .toggle {
        top: 30px;
    }
    .hd .logo img {
        width: 45px;
    }
    .hd .logo span {
        font-size: 18px;
    }
    .toggle {
        top: 40px;
    }
    .toggle span {
        width: 27px;
        height: 1px;
    }
    .toggle span:nth-child(1) {
        margin-bottom: 7px;
    }
    .toggle span:nth-child(2) {
        width: 17px;
    }
    .toggle span:nth-child(3) {
        margin-bottom: 7px;
    }
    .toggle.active span:nth-child(3) {
        margin-top: 2px;
    }

    .hd.fixed {
        height: 75px;
    }
    .hd.fixed .main-menu-wrap {
        margin-top: 0;
    }
    .hd .main-menu-wrap {
        padding-top: 80px;
        opacity: 0;
    }
    .main-wrap.full-page-wrap .btn-wrap .line {
        top: 29px;
    }

    .main-wrap .slick-initialized .main-video-grp {
        display: none;
    }

    .start-tit .start-tit-top {
        height: 60px;
    }
    .start-tit .start-tit-top p {
        margin-top: 50px;
        font-size: 11px;
    }
    .start-tit .start-tit-top h2 {
        font-family: 'Playfair Display', serif;
        font-weight: 300;
        font-size: 19px;
        margin-top: 40px;
    }
    .start-tit .start-tit-top span.line {
        margin-top: 17px;
    }
    .start-tit-bottom {
        padding: 0px 0 100px 0;
    }
    .start-tit-bottom p {
        font-size: 12px;
    }

    .gradient-btn {
        padding: 1em 2em;
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .main-vdo {
        margin-top: 50px;
    }
    .main-vdo .vdo-wrap {
        display: block;
        position: relative;
        width: 100%;
        height: 200px;
        left: 50%;
        transform: translateX(-50%);
    }
    .main-vdo .vdo-wrap h2 {
        font-family: 'Italiana';
        font-weight: 300;
        font-size: 16px;
        text-align: center;
    }

    .main-vdo + .con2 .deco_circle {
        display: none;
    }
    .main-wrap .con2 .main_con_tit .line {
        margin-top: 0px;
    }
    .main-wrap .con2 .main_con_tit h1 {
        font-size: 18px;
        margin: 34px 0 14px 0;
    }
    .main-wrap .con2 .main_con_tit h2 {
        font-size: 10px;
    }

    .main-wrap .con2 .main_con_tit {
        margin-bottom: 0px;
        padding-bottom: 40px;
    }
    .main-wrap .con2 .main-cont {
        margin-top: 40px;
        height: 220px;
    }

    .main-wrap .con2 .bg {
        margin-top: -113px;
        height: 390px;
    }
    .main-wrap .con2 .main-cont .txt {
        width: 100%;
    }
    .main-wrap .con2 .main-cont .txt h3 {
        width: 100%;
        text-align: center;
        top: -38px;
        font-size: 35px;
    }
    .main-wrap .con2 .main-cont .txt p {
        margin-left: 0px;
        margin-top: 20px;
        font-size: 12px;
        text-align: center;
    }
    .main-wrap .con2 .main-cont .txt a {
        display: block;
        text-align: center;
        margin: 0;
        margin-top: 50px;
        font-size: 11px;
    }

    .main-img-wrap {
        height: 196px;
    }

    .room-preview-wrap .swiper-container .swiper-slide .txt a {
        opacity: 1;
        visibility: visible;
        width: 90px;
        height: 50px;
        padding-top: 15px;
    }
    .room-preview-wrap .swiper-container .swiper-slide .txt h2 {
        font-size: 24px;
    }
    .room-preview-wrap .swiper-container .swiper-slide .txt p {
        font-size: 14px;
    }
    .room-preview-wrap .swiper-container .swiper-slide .txt {
        bottom: 10px;
        left: 10px;
    }
    .room-preview-wrap .swiper-container .swiper-slide:nth-child(2n) .txt {
        bottom: 60px;
    }
    .room-preview-wrap .swiper-container .swiper-slide:nth-child(2n - 1) {
        margin-top: 50px;
    }
    .room-preview-wrap .swiper-container {
        margin-left: 15px;
    }
    .main-wrap .con1 .main-tit h1 {
        font-size: 20px;
    }
    .main-wrap .intro-wrap .tit {
        font-size: 18px;
        padding-top: 30px;
        margin-bottom: 50px;
    }
    .main-wrap .intro-wrap .info-wrap {
        padding-bottom: 250px;
        position: relative;
    }

    .main-wrap .intro-wrap .info-wrap .info1 {
        width: 80%;
    }
    .main-wrap .intro-wrap .info-wrap .info2 {
        width: 235px;
        margin-top: 50px;
    }
    .main-wrap .intro-wrap .info-wrap .info2 .txt {
        padding: 0 20px;
        padding-top: 70px;
    }
    .main-wrap .intro-wrap .info-wrap .info1 .txt {
        bottom: 50%;
        transform: translateY(50%);
    }
    .main-wrap .intro-wrap .info-wrap .info1 .txt h2 {
        font-size: 25px;
    }
    .main-wrap .intro-wrap .info-wrap .info2 .txt h3 {
        font-size: 24px;
    }
    .main-wrap .intro-wrap .info-wrap .info2 .txt p {
        font-size: 12px;
    }
    .main-wrap .intro-wrap .info-wrap .info2 .txt img {
        width: 40px;
        bottom: 55px;
    }
    .main-wrap .video-btn {
        width: 120px;
        height: 40px;
        line-height: 40px;
        background-color: rgba(0, 0, 0, 0.6);
        color: white;
        text-align: center;
        font-size: 19px;
        font-family: 'Mango';
        text-shadow: 0 0 0 white;
        position: absolute;
        top: 10px;
        left: 10px;
    }
    /* .main-wrap .intro-wrap .bg-shadow{opacity: 1.4;} */

    .amenity-preview-wrap .img-wrap {
        width: 125px;
        height: 110px;
        top: calc(50% - 65px);
        left: calc(50% - 55px);
    }
    .room-preview-wrap .tit {
        margin-top: 80px;
        margin-bottom: 50px;
    }
    .room-preview-wrap .tit h3 {
        font-size: 32px;
    }
    .room-preview-wrap .tit h2 {
        font-size: 42px;
    }

    .full-page-wrap .slide {
        height: 350px;
    }
    .full-page-wrap .slide .full-page-wrap iframe {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .full-page-wrap .btn-wrap {
        bottom: 20px;
        width: 70px;
    }
    .full-page-wrap .btn-wrap button {
        width: 25px;
        height: 25px;
        margin-top: 9px;
    }
    .full-page-wrap .btn-wrap .line {
        top: 10px;
        height: 30px;
    }
    .full-page-wrap .main-tit h2 {
        font-size: 24px;
    }
    .amenity-preview-wrap {
        margin-top: 100px;
    }
    .amenity-preview-wrap ol li {
        font-size: 52px;
    }
    .amenity-preview-wrap ol li a {
        font-size: 52px;
    }

    /*
    .room-wrap .con3{width: calc(100% - 50px);}
    .room-wrap .con4{width: calc(100% - 50px);}
*/
    .room-wrap .room_cont2_grp .room_cont2_left {
        height: 200px;
        margin-bottom: 50px;
    }
    .room_cont2_right .room_info_txt_grp span {
        font-size: 12px;
        margin-bottom: -5px;
    }
    .room_cont2_right .room_info_txt_grp h3 {
        font-size: 25px;
    }
    .room_cont2_right .room_info_txt_grp p {
        margin-top: 10px;
        font-size: 12px;
    }
    .accordionTitle {
        font-size: 14px;
        padding: 8px 5px;
    }
    .accordionTitle .kor {
        font-size: 11px;
    }
    .accordion .item .text.show {
        font-size: 12px;
        padding: 12px 10px;
    }
    .accIcon:after {
        width: 10px;
        height: 1px;
    }
    .accIcon:before {
        width: 1px;
        height: 10px;
    }

    .week_date p {
        font-size: 13px !important;
        padding: 0 !important;
    }
    .week_date .prv {
        transform: scale(0.7);
    }
    .week_date .next {
        transform: scale(0.7);
    }

    .room-wrap .con4 .room_gallery_grp {
        height: 200px;
    }
    .room-wrap .room_last_bg {
        height: 150px;
        margin: 100px 0 0px 0;
    }

    .room-prev-wrap {
        height: 705px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-top: 40px;
    }
    .room-prev-wrap .tit-wrap.on h2 {
        font-size: 30px;
        line-height: 45px;
        margin-left: 0px;
    }
    .room-prev-wrap .main-slide .txt-slide-wrap {
        margin-top: 350px;
    }
    .room-prev-wrap .main-slide .txt-wrap .txt p span {
        font-size: 13px;
    }

    .room-prev-wrap .sub-slide-line {
        width: 87%;
        height: 300px;
        border-radius: 0 150px 0 0;
        right: 50%;
        transform: translate(53%, -4%);
        opacity: 1;
        margin: 130px 0 100px 0;
    }
    .room-prev-wrap .sub-slide {
        width: 87%;
        height: 300px;
        border-radius: 0 150px 0 0;
        right: 50%;
        transform: translateX(50%);
        margin: 130px 0 100px 0;
    }

    .room-prev-wrap .deco_title {
        top: -80px;
        font-size: 70px;
        margin-left: -15px;
    }

    .room-prev-wrap .slide-control {
        width: 100%;
        height: 40px;
    }
    .room-prev-wrap .sub-slide .slide .img-wrap a div {
        background-position: bottom;
    }
    .room-prev-wrap .slide-control .slide-line {
        display: none;
    }
    .room-prev-wrap .slide-control .page-wrap {
        bottom: 1px;
        left: 10px;
        display: none;
    }
    .room-prev-wrap .slide-control .slide-btn {
        top: -40px;
        z-index: 2;
        right: 10px;
    }

    .room-prev-wrap .room_swiper .swiper-container {
        height: 238px;
    }
    .room-prev-wrap .room_swiper .swiper-txt {
        top: 238px;
        height: 234px;
    }
    .room-prev-wrap .room_swiper .swiper-txt ul {
        padding: 70px 35px 0 35px;
    }
    .room-prev-wrap .room_swiper .swiper-txt h3 {
        font-size: 20px;
    }
    .room-prev-wrap .room_swiper .swiper-txt h4 {
        font-size: 12px;
        margin-left: 0px;
    }
    .room-prev-wrap .room_swiper .swiper-txt p {
        margin-top: 20px;
        font-size: 13px;
        float: unset;
        margin-top: 15px;
        transform: translateX(0);
    }
    .room-prev-wrap .room_swiper .swiper-txt a {
        bottom: 48px;
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 1.2px;
    }
    .room-prev-wrap .room_swiper .main_nav .swiper-button-next {
        right: 25px;
        bottom: 32px;
    }
    .room-prev-wrap .room_swiper .main_nav .swiper-button-prev {
        right: 70px;
        bottom: 32px;
    }

    .room-wrap .con3 .inner-con .img {
        float: none;
        width: 72%;
        height: 350px;
        margin: 0 auto;
    }
    .room-wrap .con3 .inner-con .txt {
        float: none;
        width: 100%;
        margin-bottom: 60px;
    }
    .room-wrap .con3 .inner-con .txt h3 {
        font-size: 22px;
        margin: 67px 0 20px 0;
    }
    .room-wrap .con3 .inner-con .txt h3 span {
        font-size: 11px;
    }
    .room-wrap .con3 .inner-con .txt > ul > li h4 {
        font-size: 12px;
    }
    .room-wrap .con3 .inner-con .txt > ul > li ul li {
        font-size: 13px;
    }
    .room-wrap .con4 .inner-con > ul > li {
        height: 300px;
    }
    .room-wrap .con4 .inner-con > ul {
        margin-bottom: 100px;
    }
    .room-wrap .con5 .bg-con {
        height: 150px;
        margin-bottom: 70px;
    }

    .room-preview-wrap .tit {
        margin: 50px 0 50px 0;
    }
    .special-preview-slide-grp .spec_img_grp {
        height: 318px;
        width: 80%;
        margin: 0 auto;
    }
    .special-preview-slide-grp .spec_slide:nth-child(2n-1) .spec_img_grp {
        height: 318px;
    }
    .special-preview-slide-grp .spec_slide {
        height: 500px;
    }
    .special-preview-slide-grp .slick-prev {
        top: 40%;
        left: -9px;
        z-index: 10;
    }
    .special-preview-slide-grp .slick-next {
        top: 40%;
        right: -9px;
        z-index: 10;
    }
    .spec_txt_grp p {
        font-size: 12px;
    }
    .spec_txt_grp h3 {
        font-size: 16px;
    }
    .spec_txt_grp {
        font-size: 12px;
    }

    .view-wrap .con3 {
        margin-bottom: 50px;
    }
    .view-wrap .con3 .bg-con {
        padding-top: 10px;
        height: 650px;
    }
    .view-wrap .con3 .inner-con div {
        float: unset;
        width: 100%;
        padding-left: 0px;
        padding-top: 0px;
    }
    .view-wrap .con3 .inner-con .img {
        width: 100%;
        height: 283px;
    }
    .view-wrap .con3 .inner-con .txt h3 {
        font-size: 22px;
        margin-top: 20px;
    }
    .view-wrap .con3 .inner-con .txt p {
        font-size: 12px;
        margin-top: 19px;
    }

    .view-wrap .con4 .inner-con .img_grp div {
        position: auto;
    }
    .view-wrap .con4 .inner-con .img_1 {
        width: 100%;
        height: 200px;
    }
    .view-wrap .con4 .inner-con .img_2 {
        width: 100%;
        height: 150px;
    }
    .view-wrap .con4 .bg_area {
        display: none;
    }
    .view-wrap .con4 .inner-con .img_grp {
        height: 420px;
    }
    .view-wrap .con5 .bg-con {
        height: 200px;
        margin-bottom: 50px;
    }
    .view-wrap .con5 .bg-con h3 {
        right: 0;
        top: -18px;
        font-size: 12px;
    }
    .view-wrap .con5 .bg-con span {
        font-size: 45px;
    }
    .view-wrap .con6 .inner-con div {
        float: none;
    }
    .view-wrap .con6 .inner-con .img {
        width: 100%;
        height: 250px;
        margin-bottom: 30px;
    }
    .view-wrap .con6 .inner-con .txt {
        width: 100%;
    }
    .view-wrap .con6 .inner-con .txt h3 {
        margin: 0;
        text-align: left;
        font-size: 22px;
    }
    .view-wrap .con6 .inner-con .txt p {
        width: 100%;
        font-size: 12px;
        margin-top: 10px;
    }
    .view-wrap .con6 {
        margin-bottom: 130px;
    }
    .view-wrap .con6 .inner-con .txt a {
        font-size: 11px;
        padding: 8px 26px;
        margin-top: 38px;
    }

    .special-wrap .cont2_content {
        height: 300px;
    }
    .special-wrap .cont2_content .deco_title_right_spec {
        font-size: 60px;
        top: -60px;
        right: -35px;
    }
    .special-wrap .cont2_left {
        height: 45%;
    }
    .special-wrap .cont2_left .cont2_left_img {
        height: 100%;
    }
    .special-wrap .cont2_left .cont2_left_img {
        background-position: 0 100%;
    }
    .special-wrap .cont2_left .cont2_left_img.visible {
        background-position: 0 80%;
    }
    .special-wrap .cont2_left .cont2_arch-img {
        width: 80px;
        height: 120px;
        margin-top: 5px;
    }
    .special-wrap .cont2_left .cont2_arch-line {
        width: 90px;
        height: 130px;
    }
    .special-wrap .cont2_left .cont2_arch-line.visible {
        transform: translate(-10%, -60%);
    }

    .special-wrap .cont2_right {
        margin-left: 10px;
        margin-top: 30px;
    }
    .special-wrap .cont2_right span {
        font-size: 12px;
    }
    .special-wrap .cont2_right h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .special-wrap .cont2_right .kor {
        font-size: 12px;
    }
    .special-wrap .cont2_right .eng {
        font-size: 10px;
    }

    .special-wrap .inner-con .spec_thumb li {
        overflow: hidden;
    }
    .special-wrap .inner-con .spec_thumb li:nth-child(2) iframe {
        transform: scale(1.5);
    }
    .special-wrap .inner-con .spec_thumb li:nth-child(3) iframe {
        transform: scale(1.5);
    }
    .special-wrap .inner-con .spec_thumb li:nth-child(4) iframe {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: 65vw !important;
        height: 65vw !important;
    }
    .special-wrap .inner-con .spec_thumb li:nth-child(5) iframe {
        transform: scale(1.5);
    }

    .special-wrap .con3 .bg-con {
        margin-top: 80px;
        height: 1200px;
    }
    .special-wrap .con3 .inner-con {
        margin-top: 0px;
    }
    .special-wrap .con3 .inner-con .top_img {
        height: 200px;
    }
    .special-wrap .con3 .inner-con ul li {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 40px;
    }
    .special-wrap .con3 .inner-con .right_txt h3 {
        margin-left: 0;
        line-height: 25px;
        margin-top: 50px;
        font-size: 30px;
    }
    .special-wrap .con3 .inner-con .right_txt h3 span {
        font-size: 12px;
        margin-left: 0px;
        display: block;
        margin-top: 7px;
    }
    .special-wrap .con3 .inner-con ul {
        margin-top: -120px;
        height: 470px;
    }
    .special-wrap .con3 .inner-con .right_txt p {
        margin-top: 30px;
    }
    .special-wrap .con3 .inner-con .right_txt {
        margin-bottom: 70px;
        height: 220px;
    }
    .special-wrap .con3 .inner-con .right_img {
        height: 180px;
        background-position: center;
    }

    .special-wrap .con4 {
        margin: 80px 0 100px 0;
    }
    .special-wrap .con4 .spec_cont_bg {
        height: 150px;
    }

    .room-preview-wrap .tit h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .room-preview-wrap .tit p {
        font-size: 12px;
    }

    .deco_title_right_spec {
        font-size: 60px;
        top: -100px;
        right: -10px;
    }

    .special-preview-slide {
        height: 650px;
    }
    .special-preview-slide .spec_slide {
        height: 400px;
        background-position: center;
    }
    .special-preview-slide .spec_slide .spec_vdo_grp iframe {
        width: 100vw !important;
        height: 72vh !important;
    }
    .special-preview-slide .slick-current .spec_txt_grp {
        top: 500px;
    }
    .special-preview-slide .spec_txt_grp h3 {
        font-size: 15px;
        font-weight: 400;
    }
    .special-preview-slide .spec_txt_grp p {
        font-size: 15px;
    }
    .special-preview-slide .slick-prev {
        left: 22px;
        top: 550px;
    }
    .special-preview-slide .slick-next {
        right: 22px;
        top: 550px;
    }

    .tour_grp > ul > li .tour_top > li {
        width: 100%;
        float: unset;
    }
    .tour_grp > ul > li ul div {
        height: 200px;
        background-position: center;
    }
    .tour_grp > ul > li .tour_bottom > li {
        width: 100%;
        float: unset;
    }
    .tour_grp > ul > li .tour_bottom > li:last-child {
        padding-left: 0px;
    }
    .tour_grp > ul > li ul h3 {
        font-size: 16px;
        margin-top: 30px;
    }
    .tour_grp > ul > li ul h3 span {
        font-size: 11px;
        color: #777;
    }
    .tour_grp > ul > li ul h4 {
        font-size: 12px;
        margin: 15px 0 30px 0;
    }
    .tour_grp > ul > li ul p {
        font-size: 13px;
        width: 100%;
    }
    .tour_grp > ul > li ul p br {
        display: none;
    }
    .tour_grp > ul > li ul p .m-br {
        display: block;
    }
    .tour_grp > ul > li .tour_top > li:last-child p {
        padding-right: 0;
    }

    .map-info .map-info-img {
        height: 420px;
    }
    .map-info .map-info-txt {
        margin-top: 36px;
    }
    .map-info .map-info-txt h3 {
        font-size: 20px;
    }
    .map-info .map-info-txt h3 span {
        font-size: 12px;
    }
    .map-info .map-info-txt li {
        font-size: 12px;
    }
    .map-info .map-info-txt li a {
        margin-bottom: 15px;
    }

    .map-info .map-link-wrap li a {
        padding: 0;
        text-align: center;
        line-height: 30px;
        font-size: 18px;
        border-radius: 50%;
        box-shadow: 3px 5px 7px #e5e5e5;
    }

    .view-wrap .info-wrap .intro-section .txt-wrap {
        top: 55px;
    }
    .view-wrap .info-wrap .intro-section .txt-wrap h2 {
        font-size: 32px;
        margin-bottom: 25px;
    }
    .view-wrap .info-wrap .tit {
        padding-top: 25px;
        margin-bottom: 50px;
    }
    .view-wrap .info-wrap .tit h2 {
        font-size: 18px;
    }
    .view-wrap .info-wrap .intro-section .txt-wrap p {
        font-size: 11px;
        color: rgba(255, 255, 255, 0.8);
    }
    .view-wrap .info-wrap .info {
        padding-bottom: 150vw;
    }
    .view-wrap .info-wrap .info .txt {
        width: 100%;
        padding-left: 0;
        float: none;
        padding-top: 50px;
        padding-bottom: 0;
    }
    .view-wrap .info-wrap .info .txt h2 {
        font-size: 32px;
    }
    .view-wrap .info-wrap .info .txt h3 {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .view-wrap .info-wrap .info .txt h5 {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .view-wrap .info-wrap .info .txt p {
        font-size: 13px;
    }
    .view-wrap .info-wrap .info .img-wrap {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    .view-wrap .info-wrap .info .img-wrap .img1 {
        width: 70%;
        top: 15px;
        left: 0;
    }
    .view-wrap .info-wrap .info .img-wrap .img2 {
        width: 50%;
        left: 5vw;
        top: 52vw;
    }
    .view-wrap .info-wrap .info .img-wrap .img3 {
        width: 65%;
        right: 0;
        left: auto;
        top: 24vw;
    }

    .view_con_grp {
        height: 700px;
    }
    .view_con_grp .view_con_txt {
        width: 100%;
        padding-left: 0px;
    }
    .view_con_grp > div {
        float: none;
        height: 44%;
    }
    .view_con_grp .view_con_txt h3 {
        margin-top: 0px;
        font-size: 28px;
        line-height: 38px;
        margin-left: 20px;
    }
    .view_con_grp .view_con_txt p {
        margin-left: 0px;
        text-align: center;
        font-size: 12px;
    }

    .view_con_img .view_arch_line {
        width: 220px;
        height: 320px;
    }
    .view_con_img .view_arch_img {
        width: 200px;
        height: 300px;
        background-position: 0%;
    }
    .view_con_img .view_arch_img.visible {
        background-position: 100%;
    }
    .view_con_grp .view_con_img {
        width: 100%;
        height: 70%;
    }
    .view_con_img .view_rect_img {
        width: 150px;
        height: 200px;
        background-position: 67%;
    }
    .view_con_img .view_rect_img.visible {
        background-position: 0%;
    }
    .view_con_img .view_rect_line {
        width: 170px;
        height: 220px;
        right: auto;
        left: 40%;
    }

    .view-wrap .deco_title {
        top: -110px;
        font-size: 100px;
    }
    .view-wrap .view_vdo_grp {
        height: 420px;
    }

    .view-wrap .view_outro {
        height: 250px;
        margin-bottom: 300px;
    }
    .view-wrap .view_outro > div {
        float: none;
        width: 100%;
        height: 50%;
    }

    .view_outro .view_outro_txt {
        margin-top: 100px;
    }
    .view_outro .view_outro_txt h3 {
        font-size: 23px;
        line-height: 30px;
    }
    .view_outro .view_outro_txt p {
        text-align: center;
        margin-left: 0px;
    }

    .view-wrap .view_gallery {
        margin-bottom: 150px;
    }
    .view-wrap .view_gallery > ul > li {
        margin-left: 0%;
        float: none;
        width: 100%;
        height: 30%;
    }
    .view_gallery > ul > li > ul li {
        margin-top: 0%;
        width: 48%;
        height: 100%;
        float: left;
        margin-left: 3%;
    }
    .view-wrap .view_gallery > ul > li:nth-child(1) {
        margin-left: 0%;
    }
    .view-wrap .view_gallery > ul > li:nth-child(2) {
        width: 100%;
        margin: 3% 0;
        height: 40%;
    }
    .view-wrap .view_gallery > ul > li:nth-child(2) div iframe {
        width: 100% !important;
        height: 50vh !important;
    }
    .view_gallery > ul > li > ul li:nth-child(1) {
        margin-left: 0%;
    }
    .view_gallery > ul > li > ul li:nth-child(2) {
        margin-right: 0%;
    }

    .tour-wrap .con2 .info-wrap .tour-con.top-con .txt-wrap {
        width: 100%;
        display: block;
        padding-left: 0;
        transform: translateY(0);
    }
    .tour-wrap .con2 .info-wrap .txt-wrap h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .tour-wrap .con2 .info-wrap .txt-wrap h5 {
        font-size: 14px;
    }
    .tour-wrap .con2 .info-wrap .txt-wrap p {
        font-size: 13px;
    }
    .tour-wrap .con2 .info-wrap .tour-con.top-con .img-wrap {
        margin-bottom: 15px;
    }
    .tour-wrap .con2 .info-wrap .tour-con.top-con .img-wrap {
        width: 80%;
    }
    .tour-wrap .con2 .info-wrap .tour-con {
        margin-bottom: 80px;
    }

    .movie-wrap .tit {
        padding-top: 25px;
        margin-bottom: 50px;
    }
    .movie-wrap .tit h2 {
        font-size: 18px;
    }

    .room-wrap .info-wrap .tit h2 {
        font-size: 18px;
        line-height: 1.8;
        padding-top: 25px;
        margin-bottom: 50px;
    }
    .room-wrap .info-wrap .info-section {
        width: calc(100% - 30px);
        float: none;
        margin: 0 auto;
    }
    .room-wrap .thumb-img ol .img img {
        width: 100%;
    }
    .room-wrap .thumb-img ol .img1 {
        width: 80%;
    }
    .room-wrap .thumb-img ol .img1 p {
        font-size: 24px;
        right: -5vw;
        transform: translateX(30px);
    }
    .room-wrap .thumb-img ol .img1 img {
        transform: translateY(30px);
    }
    .room-wrap .thumb-img ol .img2 {
        width: 50%;
        left: 0;
        bottom: -50px;
    }
    .room-wrap .thumb-img ol .img2 img {
        transform: translateY(-15px);
        display: none;
    }
    .room-wrap .thumb-img ol .img3 {
        width: 60%;
        left: auto;
        right: 0;
        top: auto;
        bottom: -80px;
        display: none;
    }
    .room-wrap .thumb-img ol .img3 img {
        transform: translateX(-15px);
    }
    .room-wrap .thumb-img ol .img3 p {
        font-size: 12px;
    }
    .room-wrap .info-wrap .img-section {
        width: 42%;
        top: 85vw;
        right: 15px;
        left: auto;
    }
    .room-wrap .room-info li {
        font-size: 13px;
    }
    .room-wrap .room-info li h5 {
        min-width: 80px;
    }
    .room-wrap .room-info .room-price h5 {
        margin-bottom: 25px;
    }
    .room-wrap .room-info .ico-info li {
        width: 25%;
        text-align: center;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .room-wrap .room-info .ico-info li .fal {
        font-size: 30px;
    }

    .room-price .week_date p {
        font-size: 12px;
        padding: 0 10px;
    }
    .room-wrap .room-info h5 {
        font-size: 18px;
    }
    .room-wrap .room-info .img-wrap .img1 p {
        left: 25px;
    }
    .room-wrap .room-info .img-wrap .img2 p {
        right: 25px;
    }
    .room-wrap .room-info .img-wrap .img p {
        font-size: 24px;
        bottom: 10px;
    }
    .room-wrap .room-info .ico-info {
        margin-bottom: 50px;
    }
    .room-wrap .room-info {
        padding-bottom: 80px;
    }

    .room-wrap .room-info .ico-info p {
        font-size: 12px;
        letter-spacing: -1.5px;
    }

    .amenity-preview-wrap {
        margin-bottom: 80px;
    }
    .special-wrap .info-wrap .txt-wrap {
        padding-top: 25px;
    }
    .special-wrap .info-wrap .txt-wrap h2 {
        font-size: 18px;
        margin-bottom: 50px;
    }
    .special-wrap .info-wrap .txt-wrap h3 {
        font-size: 14px;
    }
    .special-wrap .info-wrap .txt-wrap p {
        font-size: 13px;
    }
    .special-wrap .info-wrap .img-wrap {
        width: 100%;
    }

    .special-wrap .tail-img-wrap {
        margin-top: 50px;
        padding-bottom: 120px;
    }
    .special-wrap .info-wrap .img-list img {
        margin-bottom: 0px;
    }
    .special-wrap .info-wrap .img-list h3 {
        font-size: 24px;
    }
    /* .special-wrap .info-wrap .bg-shadow{opacity: 1.4;} */
    .special-wrap .info-wrap .img-wrap img {
        transform: translateX(-10%);
    }
    .map-info {
        margin-top: 30px;
    }
    .reser-wrap .info-wrap .info-section {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    .reser-wrap .info-wrap .tit h2 {
        font-size: 18px;
        line-height: 1.8;
        padding-top: 25px;
        margin-bottom: 50px;
    }
    .reser-wrap .info-section .reser-info ol li {
        font-size: 13px;
        letter-spacing: -1px;
    }
    .reser-wrap .info-section .reser-info p {
        font-size: 13px;
        letter-spacing: -1px;
    }
    .reser-wrap .info-section .reser-info a.reser_btn {
        font-size: 13px;
        padding: 3px 15px;
        margin-bottom: 30px;
    }
    .reser-wrap .info-wrap .reser-notice h3 {
        font-size: 14px;
        padding-top: 50px;
        margin-bottom: 15px;
        margin-top: 0;
    }
    .reser-wrap .info-wrap .reser-notice p {
        font-size: 13px;
        letter-spacing: -1px;
    }
    .reser-wrap .info-wrap .reser-notice .reser-notice-list li {
        font-size: 13px;
        letter-spacing: -1px;
    }

    .reser-notice-img {
        display: none;
    }
    .reser-notice-line {
        display: none;
    }

    .reser_info {
        height: auto;
        padding-top: 10px;
        margin-bottom: 50px;
    }
    .reser_info .reser_info_img {
        width: 100%;
        height: 420px;
        background-position: center;
        float: unset;
        margin-top: 42px;
    }
    .reser_info .reser_info_txt {
        width: 100%;
        float: unset;
        margin-top: 50px;
        margin-left: 0;
    }
    .reser_info .reser_info_txt h4 {
        font-size: 11px;
    }
    .reser_info .reser_info_txt h3 {
        font-size: 22px;
    }
    .reser_info .reser_info_txt p {
        font-size: 12px;
    }
    .reser_info .reser_info_txt ul li {
        font-size: 12px;
    }
    .reser_tb_grp {
        margin-bottom: 43px;
    }
    .reser_tb_grp th {
        font-size: 11px;
    }
    .reser_tb_grp td {
        font-size: 11px;
    }
    .table-btn {
        font-size: 11px;
        width: 129px;
        height: 40px;
        line-height: 39px;
        margin-bottom: 100px;
    }

    .reser-wrap .con3 figure {
        height: 200px;
    }
    .reser-wrap .con4 .reser_info_box {
        width: 100%;
        display: block;
    }
    .reser-wrap .con4 h4 {
        font-size: 11px;
    }
    .reser-wrap .con4 h3 {
        font-size: 22px;
    }
    .reser-wrap .con4 .guide {
        width: 100%;
        float: unset;
    }
    .reser-wrap .con4 .guide h3 {
        margin-bottom: 40px;
    }
    .reser-wrap .con4 h5 {
        font-size: 13px;
    }
    .reser-wrap .con4 p {
        font-size: 12px;
    }
    .reser-wrap .con4 .refund {
        width: 100%;
        float: unset;
        margin-top: 100px;
    }
    .reser-wrap .con4 .refund table {
        width: 100%;
    }
    .reser-wrap .con4 .refund table th {
        font-size: 13px;
    }
    .reser-wrap .con4 .refund table td {
        font-size: 12px;
    }

    .notice-wrap .info-wrap .tit h2 {
        font-size: 18px;
        padding-top: 25px;
        margin-bottom: 50px;
    }

    .bg-wrap .tit h2 {
        font-size: 42px;
    }
    .reser-wrap .refund-wrap .refund-table {
        font-size: 11px;
    }
    .reser-wrap .info-wrap .reser-notice {
        padding-bottom: 100px;
    }

    .bg-wrap {
        height: 250px;
    }

    .pc-map {
        display: none;
    }
    .m-map {
        display: block;
        overflow: hidden;
    }
    .m-map .map {
        width: 100%;
    }
    .m-br {
        display: block;
    }
    .page-wrap {
        bottom: 22px;
    }
    .page-wrap p {
        font-size: 10px;
    }
    .page-wrap .line {
        width: 15px;
    }
    .room-preview-wrap .swiper-button-next {
        right: 15px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        top: 90px;
    }
    .room-preview-wrap .swiper-button-prev {
        right: 55px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        top: 90px;
    }
    .room-preview-wrap .swiper-button-prev .fas {
        line-height: 30px;
    }
    .room-preview-wrap .swiper-button-next .fas {
        line-height: 30px;
    }

    .reser-wrap .reser-info .reser_right .txt_grp > span {
        font-size: 12px;
    }
    .reser-wrap .reser-info .reser_left {
        width: 100%;
        height: 300px;
    }
    .reser-wrap .reser-info .reser_right {
        height: 650px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp {
        margin-left: 0px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp ul li {
        font-size: 12px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp ul li button {
        margin-left: 0px;
        font-size: 10px;
        padding: 4px 9px;
    }
    .reser-wrap .reser-info .reser_right .txt_grp p {
        font-size: 12px;
    }

    .info-wrap .txt_grp span {
        font-size: 12px;
    }
    .info-wrap .txt_grp {
        margin-bottom: 35px;
    }
    .reser-notice-list h5 {
        font-size: 12px;
    }
    .reser-wrap .info-wrap .reser-notice .reser-notice-list li {
        font-size: 12px;
    }

    .reser-notice-list .dash-list {
        margin-bottom: 20px;
    }
    .reser-wrap .reser_line {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .refund-wrap {
        margin: 150px 0;
    }
    .refund-wrap .deco_title_right_spec {
        top: -120px;
        font-size: 80px;
    }
    .refund_txt_grp span {
        font-size: 12px;
    }
    .refund_txt_grp + ol li {
        font-size: 12px;
    }
    .refund-table th {
        font-size: 10px;
    }
    .refund-table td {
        font-size: 10px;
    }
    #snackbar {
        font-size: 10px;
        padding: 4px 8px;
    }

    footer {
        height: 366px;
    }
    .ft .inner-con {
        width: calc(100% - 50px);
    }
    .ft h2 {
        padding: 15px 0;
        margin-bottom: 10px;
        font-size: 15px;
    }
    .ft h2 a {
        font-size: 15px;
        margin-left: 0px;
    }
    .ft h2 .ft_sns_grp {
        display: none;
    }
    .ft .ft_left .ft-logo {
        text-align: center;
        margin-bottom: 20px;
    }
    .ft .ft_left .ft-logo img {
        width: 100px;
    }
    .ft .ft_left ul li {
        float: none;
        text-align: center;
        font-size: 12px;
    }
    .ft .ft_left ul li:after {
        content: '';
        margin: 0;
    }

    .ft .ft-copyright {
        text-align: center;
    }
    .ft .ft-copyright p {
        font-size: 11px;
        text-align: center;
    }
    .ft .ft-copyright .login {
        margin-top: 15px;
        font-size: 11px;
    }

    .hologram-btn {
        padding: 10px 30px;
        margin-top: 50px;
        font-size: 10px;
    }

    .m-br {
        display: block;
    }
    .main-vdo .vdo-wrap {
        margin-top: 15px;
    }
    .main-vdo .vdo-wrap {
        width: calc(100% + 50px);
    }
}