@charset "utf-8";

@import 'normalize.css'; /* reset */
@import 'slick.css'; /* slick swiper */
@import '../js/jquery.fullPage.css';
@import 'https://use.fontawesome.com/releases/v5.1.0/css/all.css'; /* Font awesome */

/* 
   WEB FONT (CDN server)
   noto-sans-scott, Noto Sans KR, Noto Serif KR, Cormorant
*/
@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css);
@import url('https://fonts.googleapis.com/css?family=Cormorant&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import 'noto-sans-scott.css';

@font-face {
    font-family: 'AritaBuri';
    font-style: normal;
    font-weight: 100;
    src: local('※'), url('../font/AritaBuriL.woff2') format('woff2'), url('../font/AritaBuriL.woff') format('woff'), url('../font/AritaBuriL.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'AritaBuri';
    font-style: normal;
    font-weight: 400;
    src: local('※'), url('../font/AritaBuriM.woff2') format('woff2'), url('../font/AritaBuriM.woff') format('woff'), url('../font/AritaBuriM.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Lato';
    font-weight: normal;
    src: url('../font/Lato Light.eot');
    src: url('../font/Lato Light.eot?#iefix') format('embedded-opentype'), url('../font/Lato Light.woff') format('woff');
}

@font-face {
    font-family: 'baskerton';
    font-weight: normal;
    src: url('../font/baskerton-italic.eot');
    src: url('../font/baskerton-italic.eot?#iefix') format('embedded-opentype'), url('../font/baskerton-italic.woff') format('woff');
}

@font-face {
    font-family: 'Marcellus';
    font-weight: normal;
    src: url('../font/Marcellus-Regular.eot');
    src: url('../font/Marcellus-Regular.eot') format('embedded-opentype'), url('../font/Marcellus-Regular.woff') format('woff'), url('../font/Marcellus-Regular.woff2') format('woff2');
}

/* 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: #000;
}
.icon-ico_map_atlan:before {
    content: '\e900';
    color: #37cefe !important;
}
.icon-ico_map_kakao:before {
    content: '\e901';
    color: #007eff !important;
}
.icon-ico_map_naver:before {
    content: '\e902';
    color: #71e951 !important;
}
.icon-ico_map_tmap:before {
    content: '\e903';
    color: #007eff !important;
}

/* default */
html {
    height: 100%;
}
body {
    position: relative;
    font: normal 14px/1.6 noto-sans-scott;
    font-weight: 400;
    color: #333;
}
div,
header,
section,
article,
aside,
nav,
ul,
ol,
li,
p,
a {
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color: inherit;
}
ul,
h1,
h2,
h3,
h4,
h5,
h6,
address,
p {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: inherit;
}
strong,
b {
    font-weight: 400;
}
li {
    list-style-type: none;
}
dl,
dt,
dd {
    margin: 0;
}
figure {
    margin: 0;
    padding: 0;
}
caption {
    display: none;
}
button {
    border: 0;
    outline: 0;
    padding: 0;
    background-color: transparent;
}
em,
address,
i {
    font-style: normal;
}
img {
    max-width: 100%;
}
area {
    outline: 0;
}
table {
    display: table;
}
tr {
    display: table-row;
}
th,
td {
    display: table-cell;
}
.map-link-wrap {
    display: none;
}
/*가격표 관련 코드입니다*/
.m-price {
    display: none;
}
/* SCROLL DOWN */
@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

/* layout */

body {
    background-color: #eeecea;
}
.loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30000;
    background: #eeecea;
}
.freeze {
    overflow: hidden;
}
.bg-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.6);
}
.bg-mask.on {
    display: block;
}
.mobile-only {
    display: none;
}

.parallax {
    background-attachment: fixed !important;
    transition: 0.7s;
}
.no-parallax,
.parallax-off {
    background-attachment: scroll !important;
}

.scroll-btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2500;
    display: block;
    text-align: center;
    cursor: pointer;
}
.scroll-btn p {
    display: block;
    font-size: 12px;
    font-family: 'Lato';
    font-weight: 100;
    color: #fff;
    letter-spacing: 1.1px;
}
.scroll-btn button {
    width: 17px;
    height: 29px;
    background: url('../img/common/ico_arrow.png') center center no-repeat;
    animation: scroller 1s infinite;
}
.m-br {
    display: none;
}
@keyframes scroller {
    0% {
        transform: translateY(0);
        opacity: 0;
    }
    100% {
        transform: translateY(20px);
        opacity: 1;
    }
}

/* SCROLL DOWN */
@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

.pc-slide {
    display: block;
}
.m-slide {
    display: none;
}

.m-br {
    display: none;
}

.btn-gnb {
    display: none;
    position: absolute;
    right: 20px;
    top: 25px;
    z-index: 5400;
}
.btn-gnb span {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 17px;
    margin: 0 auto;
    vertical-align: middle;
}
.btn-gnb span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    height: 1px;
    background: #222;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}
.btn-gnb span:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    opacity: 1;
    display: block;
    height: 1px;
    background: #222;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}
.btn-gnb span em {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 1px;
    background: #222;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}
.btn-gnb.on {
}
.btn-gnb.on span:before {
    width: 30px;
    top: 8px;
    left: -5px;
    background: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn-gnb.on span:after {
    opacity: 0;
}
.btn-gnb.on span em {
    width: 30px;
    bottom: 8px;
    left: -5px;
    background: #222;
    -webkit-transform: rotate(-46deg);
    -ms-transform: rotate(-46deg);
    transform: rotate(-46deg);
}
.btn-gnb i {
    display: inline-block;
    margin-right: 10px;
    line-height: 1;
    font-weight: bold;
    font-family: 'Lato';
    font-size: 12px;
    color: #222;
    vertical-align: middle;
}

.btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    width: 32px;
    height: 32px;
    background: url('../img/common/btn_close.png') 0 0 no-repeat;
}

.basic-slide-wrap {
    position: relative;
    z-index: 500;
    overflow: visible;
}
.basic-slide {
    position: relative;
    overflow: visible;
}
.basic-slide .slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.basic-slide .slide img {
    max-width: 100%;
}

.slide-btn {
    position: absolute;
    right: 0;
    top: 107px;
    bottom: 0;
    z-index: 1800;
    width: 114px;
    border-left: 1px solid #cec5be;
    z-index: 2200;
}
.slide-btn div {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2200;
}
.slide-btn button {
    display: block;
    width: 42px;
    height: 42px;
    margin: 10px auto 0 auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.slide-btn button.prev {
    background-image: url('../img/common/btn_prev.png');
}
.slide-btn button.next {
    background-image: url('../img/common/btn_next.png');
}
.slide-btn button.prev:hover {
    background-image: url('../img/common/btn_prev_on.png');
}
.slide-btn button.next:hover {
    background-image: url('../img/common/btn_next_on.png');
}

.slide-btn-02 {
    position: absolute;
    bottom: 0;
    z-index: 1800;
}
.slide-btn-02 button {
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 1px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    color: #4d4d4d;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.slide-btn-02 button i {
    font-size: 16px;
    transition: 0.7s;
}
.slide-btn-02 button:hover i {
    opacity: 0.5;
}

.slide-info {
    display: inline-block;
    margin: 0 10px;
    font-style: italic;
    font-size: 16px;
    color: #fff;
}
.slide-info span {
}
.slide-info em {
}

.sub-view .slide {
    height: 538px;
}

.slick-dots {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    z-index: 1800;
    clear: both;
    text-align: center;
}
.slick-dots li {
    display: inline-block;
    margin: 0 10px;
    font-size: 0;
}
.slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    background: #b6afad;
    border-radius: 100%;
}
.slick-dots li.slick-active button {
    background: #595046;
}

.star-list li {
    position: relative;
    padding-left: 10px;
}
.star-list li:before {
    content: '*';
    position: absolute;
    left: 0;
    top: 0;
}

.dash-list {
}
.dash-list li {
    position: relative;
    padding-left: 13px;
    line-height: 1.8;
}
.dash-list li:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}

.dot-list li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 12px;
}
.dot-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    background: #333;
    border-radius: 100%;
}

.refund-table td {
    font-size: 14px;
    padding: 10px;
    text-align: center;
}
.refund-table td.red {
    color: #e02424;
}
.refund-table td.col1 {
    background-color: #ede9e5;
}
.refund-table tr:first-child td.col1 {
    border-top: 2px solid #cca683;
}
.refund-table tr:first-child td.col2 {
    border-top: 2px solid #cca683;
}
.refund-table td.col2 {
    border: 1px solid #eee;
}

.scroll-obj {
    opacity: 0;
}
.scroll-obj.active {
    opacity: 1;
    -webkit-animation: active-y 1s 1;
    -ms-animation: active-y 1s 1;
    animation: active-y 1s 1;
}
.pro-scroll-obj {
    opacity: 0;
}
.pro-scroll-obj.active {
    opacity: 1;
    -webkit-animation: active-y 1s 1;
    -ms-animation: active-y 1s 1;
    animation: active-y 1s 1;
}
.pro-scroll-text {
    opacity: 0;
}
.pro-scroll-text {
    opacity: 1;
    -webkit-animation: active-y 1s 1;
    -ms-animation: active-y 1s 1;
    animation: active-y 1s 1;
}
.basic-slide-wrap {
    position: relative;
}
.slide {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.slide span {
    display: block;
}

.slide-tit {
    position: absolute;
    left: 21%;
    top: 40%;
    z-index: 2100;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    font-family: 'Lato';
    font-size: 30px;
}
.slide-tit span {
    font-weight: lighter;
}
.slide-tit strong {
    display: block;
}

.slide-tit p {
    margin-top: 10px;
    line-height: 1.9;
    font-size: 12px;
    font-family: 'Lato';
}
.slide-tit {
    animation: active-y 2s 1;
}

.m-slide-p {
    display: none;
}

.slide-tit.ko {
    color: white;
    letter-spacing: 1px;
    line-height: 1.2;
    text-align: left;
    font-family: 'Noto Serif KR';
    font-size: inherit;
    width: 100%;
    top: auto;
    left: 0;
    bottom: 10%;
    text-align: center;
}
.slide-tit.ko span {
    font-size: 22px;
}
.slide-tit.ko strong {
    font-size: 60px;
}
.slide-tit.ko p {
    font-weight: bold;
}
.slide-tit.sub {
    text-align: center;
    left: 10px;
    right: 10px;
    top: 45%;
    letter-spacing: 1px;
    line-height: 1.2;
    font-family: 'Noto Serif KR';
    font-size: inherit;
}
.slide-tit.sub span {
    font-size: 22px;
}
.slide-tit.sub strong {
    font-weight: 100;
    font-size: 54px;
}

.main-con .slide-tit {
    width: 100%;
    left: 0;
    top: calc(50% - 1.5em);
    text-align: center;
    pointer-events: none;
}

.box-board {
    max-width: 1367px;
    margin: 0 auto;
    overflow: auto;
}
.box-board iframe {
    width: 100%;
}

/*공지사항*/
.notice-info-wrap {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 100px;
}

/* Animation */

.scrollme {
}
.scrollme img {
}
.animateme {
    transition: 0.8s;
}

/* Layout */
.wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
}

.header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2500;
    height: 107px;
    transition: 0.7s;
}
.header-wrap:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #cec5be;
}
.header {
    height: 107px;
}
.header h1 {
    position: relative;
    margin-left: 30px;
    z-index: 3100;
    width: 180px;
    line-height: 100px;
}
.header h1 a.logo {
    display: inline-block;
    width: 180px;
    font-family: 'AritaBuri', sans-serif !important;
    color: white;
    font-size: 26px;
    line-height: 27px;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
}

.header-wrap.on {
    height: 390px;
    background: #fff;
}
.header-wrap.on .header {
    background: #95b3ba;
}
.header-wrap.on .gnb-link {
    display: block;
}

.top-reserve {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2000;
    border-left: 1px solid #cec5be;
    transition: 0.6s;
}
.top-reserve a {
    display: block;
    width: 113px;
    height: 106px;
    padding-top: 40px;
    box-sizing: border-box;
    text-align: center;
}
.top-reserve a em {
    display: block;
    width: 36px;
    height: 23px;
    margin: 0 auto;
    background: url('../img/common/btn_reserve.png') center center no-repeat;
    background-size: 100%;
}
.top-reserve a span {
    display: block;
    color: #fff;
    opacity: 0;
    transition: opacity 0.4s;
}
.top-reserve a:hover {
    background: #95b3ba;
}
.top-reserve a:hover span {
    opacity: 1;
}

.m-link {
    position: absolute;
    right: 70px;
    top: 0;
    z-index: 200;
    transition: 0.6s;
    display: none;
}
.m-link a {
    display: block;
    width: 30px;
    height: 50px;
    float: left;
    margin-top: 20px;
    text-align: center;
}
.m-link a.naver-reserve img {
    width: 22px;
}
.m-link a em {
    display: block;
    width: 27px;
    height: 23px;
    margin: 0 auto;
    background-size: 100%;
}
.m-link a span {
    display: block;
    color: white;
    font-size: 10px;
}
.m-link .fas {
    color: white;
    width: 27px;
    height: 20px;
    font-size: 15px;
}

.side-nav {
    position: absolute;
    right: 130px;
    top: 0;
    z-index: 3000;
    transition: 0.6s;
}
.side-nav.on {
    transform: scale(1);
    opacity: 1;
}
.side-nav .gnb {
    display: inline-block;
}
.side-nav .gnb > ul {
    text-align: center;
}
.side-nav .gnb > ul > li {
    display: inline-block;
}
.side-nav .gnb > ul > li > a {
    position: relative;
    display: block;
    line-height: 107px;
    letter-spacing: 1px;
    min-width: 130px;
    font-family: 'Ebrima';
    font-size: 15px;
    color: #fff;
    transition: 1.2s;
}
.side-nav .gnb > ul > li > a:hover,
.side-nav .gnb > ul > li > a.on {
    opacity: 0.7;
}
.side-nav .gnb > ul > li > a:hover:after,
.side-nav .gnb > ul > li > a.on:after {
    width: auto;
}
.side-nav .gnb > ul > li > a.current {
}
.side-nav .gnb .gnb-sub {
    display: none;
    position: absolute;
    top: 120px;
    z-index: 1700;
    min-width: 130px;
}
.side-nav .gnb .gnb-sub li {
    text-align: center;
    padding: 0;
    line-height: 2.5;
}
.side-nav .gnb .gnb-sub li a {
    display: block;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0px;
    color: #333;
}
.side-nav .gnb .gnb-sub li a:hover,
.side-nav .gnb .gnb-sub li a.current {
    color: #000;
}

.gnb-link {
    display: none;
    position: absolute;
    left: 40px;
    bottom: 50px;
    transition: 0.7s;
}
.gnb-link a {
    display: inline-block;
    padding: 5px 20px;
    text-align: center;
    border-left: 1px solid #bab0a9;
    font-size: 12px;
    color: #7a7a7a;
}
.gnb-link a:first-child {
    border: 0;
}
.gnb-link a span {
    display: block;
    padding-top: 3px;
}
.m-gnb-link {
    display: none;
}

.footer-wrap {
    clear: both;
    position: relative;
    max-width: 1744px;
    margin: 0 auto;
    margin-top: 150px;
    padding: 40px 10px;
    border-top: 1px solid #cec5be;
    color: #717171;
}
.footer-wrap .sns {
    position: absolute;
    right: 10px;
    top: 40px;
}
.footer-wrap .sns a {
    display: inline-block;
    margin: 0 5px;
}
.footer-wrap .foot-gnb {
}
.footer-wrap .foot-gnb > ul > li {
    display: inline-block;
}
.footer-wrap .foot-gnb > ul > li * {
    vertical-align: middle;
}
.footer-wrap .foot-gnb > ul > li:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 5px;
    border-radius: 100%;
}
.footer-wrap .foot-gnb > ul > li:first-child:before {
    display: none;
}
.footer-wrap .foot-gnb > ul > li > a {
    display: inline-block;
}
.footer-wrap .foot-gnb .gnb-sub {
    display: none;
}
.footer-wrap .foot-tel {
    margin-top: 50px;
}
.footer-wrap .foot-tel a {
    font-size: 18px;
    color: #717171;
}
.footer-wrap .add-info {
    margin-top: 15px;
    margin-bottom: 10px;
}
.footer-wrap .add-info .partner_url {
    font-family: 'AritaBuri', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
}
.footer-wrap .add-info .partner_url span {
    font-size: 12px;
    font-family: 'noto-sans-scott';
    font-weight: 300;
    display: inline;
}
.footer-wrap .add-info a {
    color: #000;
    text-decoration: underline;
}
.footer-wrap .add-info + ul {
    margin-bottom: 20px;
}
.footer-wrap .add-info + ul li {
    float: left;
    margin-right: 7px;
}
.footer-wrap .add-info + ul li:after {
    content: '|';
    margin-left: 7px;
}
.footer-wrap .add-info + ul li:last-child:after {
    content: '';
}
.footer-wrap .add-info + ul li img {
    float: right;
    width: 22px;
}
.footer-wrap .admin {
    clear: both;
    display: block;
    text-decoration: underline;
    color: #444;
}
.footer-wrap .copy-info {
    font-size: 12px;
    color: #929292;
}
.footer-wrap .copy-info a {
    display: inline-block;
    color: #929292;
}
.footer-wrap .ft-nav .gnb-sub {
    display: none;
}
.footer-wrap .ft-nav .gnb::after {
    content: '';
    display: table;
    clear: both;
}
.footer-wrap .ft-nav .gnb li {
    float: left;
    margin-right: 60px;
    position: relative;
}
.footer-wrap .ft-nav .gnb li::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #9ea4a1;
    position: absolute;
    right: -30px;
    top: 0.6em;
}
.footer-wrap .ft-nav .gnb li:last-child::before {
    display: none;
}
.footer-wrap .ft-nav .gnb li a {
    font-size: 15px;
    color: #595046;
    font-family: 'Ebrima', sans-serif;
}

.btn-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    box-shadow: 1px 1px 5px #ccc;
    background-color: white;
    z-index: 2400;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    color: #333;
}

.room-map {
    margin-top: 150px;
}
.room-map img {
    display: block;
    margin: 0 auto;
}

/* common */

.con-tit {
    text-align: center;
    color: #505c55;
}
.con-tit h1 {
    font-family: 'Marcellus';
    line-height: 1;
}
.con-tit h1 span {
    font-size: 30px;
}
.con-tit h1 strong {
    display: block;
    margin-top: 5px;
    font-size: 60px;
    font-family: 'Marcellus';
}
.con-tit h2 {
    margin-top: 25px;
    font-size: 26px;
    font-weight: 200;
}
.con-tit h2 strong {
    font-weight: 400;
}
.con-tit p {
    margin-top: 15px;
    line-height: 1.7;
    font-size: 16px;
    font-weight: 200;
}

b.font1 {
    color: #b20b0b;
}

.reserve-con .room-list-wrap,
.reserve-con .m-room-list-wrap,
.reserve-con .room-map {
    display: none;
}
.tour-con .room-list-wrap,
.tour-con .m-room-list-wrap,
.tour-con .room-map {
    display: none;
}
.special-con .room-list-wrap,
.special-con .m-room-list-wrap,
.special-con .room-map {
    display: none;
}

/* MAIN */
.m-movie {
    display: none;
}
.pc-movie video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.main-con-01 {
    padding: 50px 10px 150px 10px;
    background: #ebe6e0;
}
.block-wrap {
    max-width: 894px;
    margin: 0 auto;
    margin-top: 120px;
    overflow: hidden;
}
.block-01 {
    float: left;
    max-width: 486px;
}
.block-01 h1 {
    font-family: 'AritaBuri';
    font-size: 23px;
    color: #5b5755;
}
.block-01 p {
    margin-top: 5px;
    font-family: 'Lato';
    font-size: 12px;
    color: #9f9d9b;
}
.block-01 img {
    display: block;
    margin-top: 45px;
}
.block-02 {
    float: right;
    max-width: 287px;
    padding-top: 220px;
    color: #5b5755;
}
.block-02 .img {
}
.block-02 h1 {
    margin-top: 60px;
    font-family: 'Lato';
    font-size: 16px;
    letter-spacing: 2px;
}
.block-02 p {
    margin-top: 30px;
    font-family: 'Noto Serif KR';
}

.main-con .inner {
    background-color: #f4f1ee;
}
.main-con .info-section {
    max-width: 1270px;
    margin: 0 auto;
    position: relative;
    padding-top: 60px;
}
.crumb {
    text-align: center;
    color: #6d6d6d;
}
.crumb h3 {
    font-size: 12px;
    font-weight: 300;
    font-family: 'Marcellus', sans-serif;
}
.crumb h3 b {
    font-weight: 600;
}

.main-con .info-section .tit {
    margin-top: 120px;
    margin-bottom: 45px;
}
.main-con .info-section .tit h3 {
    font-family: 'Noto Serif KR', serif;
    font-size: 23px;
    margin-bottom: 10px;
    color: #5b5755;
}
.main-con .info-section .tit h4 {
    font-family: 'Lato', sans-serif;
    color: #808080;
    font-size: 13px;
}
.main-con .info-section .info {
    max-width: 940px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 80px;
}
.main-con .info-section .info::after {
    content: '';
    display: table;
    clear: both;
}
.main-con .info-section .info .img {
    float: left;
    width: 50%;
}
.main-con .info-section .info .txt {
    width: 50%;
    margin: 50px auto 0 auto;
    text-align: center;
}
.main-con .info-section .info .txt img {
    width: 100%;
}
.main-con .info-section .info .txt h3 {
    font-family: 'Marcellus', sans-serif;
    font-size: 16px;
    color: #5b5755;
    margin-top: 45px;
}
.main-con .info-section .info .txt p {
    font-size: 14px;
    color: #554e44;
    margin-top: 35px;
    font-family: 'Noto Sans CJK KR', serif;
    white-space: nowrap;
}
.main-con .info-section .main-movie {
    position: relative;
    height: 730px;
}
.main-con .info-section .main-movie > div {
    height: 100%;
}
.main-con .info-section .main-movie .vdo-link {
    position: absolute;
    left: 65px;
    bottom: 65px;
    color: white;
    display: block;
    border: 1px solid white;
    padding: 10px 15px;
    font-size: 16px;
    z-index: 15;
    transition: 0.8s;
}
.main-con .info-section .main-movie .vdo-link:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
.main-con .info-section .main-movie iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.main-con .img-container {
    margin-top: 140px;
    padding-bottom: 215px;
}
.main-con .img-container .img-wrap::after {
    content: '';
    display: table;
    clear: both;
}
.main-con .img-container .img-depth1 {
    margin-bottom: 100px;
}
.main-con .img-container .img-depth1 .img {
    margin-bottom: 10px;
}
.main-con .img-container .img-depth1 .img:nth-of-type(2n - 1) {
    width: 57.03125%;
    float: left;
    padding-right: 5.703125px;
}
.main-con .img-container .img-depth1 .img:nth-of-type(2n) {
    width: 42.96875%;
    float: right;
    padding-left: 4.298875px;
}

.main-con .img-container .img-depth2 .img {
    margin-bottom: 100px;
}
.main-con .img-container .img-depth2 .img img {
    display: block;
    width: 100%;
}

.main-con .img-container .img-depth3 .img {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}
.main-con .img-container .img-depth3 .img:nth-of-type(2n - 1) {
    padding-right: 5px;
}
.main-con .img-container .img-depth3 .img:nth-of-type(2n) {
    padding-left: 5px;
}

.main-con .img-container .img-depth3 .img img {
    display: block;
    width: 100%;
}

.main-con .img-container.img img {
    display: block;
    width: 100%;
}

.preview-gallery-wrap {
    max-width: 1490px;
    position: relative;
    margin: 0 auto;
    padding-top: 200px;
    padding-bottom: 200px;
}
.preview-gallery-wrap ol {
    padding-left: 0;
}
.preview-gallery-wrap ol::after {
    content: '';
    display: table;
    clear: both;
}
.preview-gallery-wrap li {
    width: calc(33.3333% - 6.66666px);
    float: left;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    position: relative;
}
.preview-gallery-wrap li:nth-of-type(3n - 1) {
    margin: 0 10px;
}
.preview-gallery-wrap li img {
    width: 100%;
    display: block;
    transition: 1.6s;
}
.preview-gallery-wrap li h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    font-family: 'Marcellus', sans-serif;
    color: white;
    text-align: center;
    line-height: 1.2;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    transition: 0.7s;
    opacity: 0;
    font-weight: 100;
    white-space: nowrap;
}
.preview-gallery-wrap li:hover h3 {
    opacity: 1;
}
.preview-gallery-wrap li:hover img {
    transform: scale(1.05);
}
.preview-gallery-wrap li a em {
    position: absolute;
    z-index: 100;
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-family: 'Lato';
    font-size: 12px;
    color: #b5a999;
    border-radius: 100%;
    background: #fff;
    transform: scale(0);
    opacity: 0;
    transition: transform 1.5s;
}
.preview-gallery-wrap li:hover a em {
    transform: scale(1);
    opacity: 1;
}

.prologue-wrapper .img-container {
    max-width: 1420px;
    margin: 0 auto;
    padding-top: 100px;
    position: relative;
}
.prologue-wrapper .img-container .img-wrap::after {
    content: '';
    display: table;
    clear: both;
}
.prologue-wrapper .img-container .img-depth1 {
    margin-bottom: 100px;
}
.prologue-wrapper .img-container .img-depth1 .img {
    float: left;
    width: calc(33.33333% - 6.6666px);
    margin-bottom: 10px;
}
.prologue-wrapper .img-container .img-depth1 .img:nth-of-type(3n - 1) {
    margin: 0 10px;
}
.prologue-wrapper .img-container .img-depth1 .img img {
    display: block;
    width: 100%;
}

.prologue-wrapper .img-container .img-depth2 {
    margin-bottom: 100px;
}
.prologue-wrapper .img-container .img-depth2 img {
    width: 100%;
    display: block;
}

.prologue-wrapper .img-container .img-depth3 {
    margin-bottom: 100px;
}
.prologue-wrapper .img-container .img-depth3 .img {
    margin-bottom: 10px;
}
.prologue-wrapper .img-container .img-depth3 .img:nth-of-type(2n - 1) {
    width: 57.03125%;
    float: left;
    padding-right: 5.703125px;
}
.prologue-wrapper .img-container .img-depth3 .img:nth-of-type(2n) {
    width: 42.96875%;
    float: right;
    padding-left: 4.298875px;
}

.prologue-wrapper .img-container .img-depth4 {
    margin-bottom: 100px;
}
.prologue-wrapper .img-container .img-depth4 .img {
    width: calc(50% - 1px);
    margin-bottom: 2px;
    float: left;
}
.prologue-wrapper .img-container .img-depth4 .img img {
    display: block;
    width: 100%;
}
.prologue-wrapper .img-container .img-depth4 .img:nth-of-type(2n - 1) {
    margin-right: 2px;
}

.special-list-wrap {
    margin-bottom: 200px;
}
.special-list-wrap .img .slide {
    height: 621px;
}
.special-list-wrap .pos-wrap {
    position: absolute;
    width: 100%;
    max-width: 1570px;
    margin: 0 auto;
    padding: 0 10px;
    padding-bottom: 200px;
    left: 50%;
    transform: translateX(-50%);
}
.special-list-wrap .tit {
    position: absolute;
    top: -40%;
    left: 10px;
    width: 100%;
}
.special-list-wrap .tit strong {
    display: block;
    line-height: 1.1;
    font-family: 'Noto Serif KR';
    font-size: 60px;
}
.special-list-wrap .tit span {
    display: block;
    margin-top: 5px;
    font-family: 'Lato';
    font-size: 12px;
}
.special-list-wrap .tit .white-txt {
    color: #fff;
}
.special-list-wrap .overflow-wrap {
    overflow: hidden;
}
.special-list-wrap .tit .ab-txt {
    position: absolute;
    width: 100%;
}
.special-list {
    padding-top: 50px;
}
.special-list li {
    text-align: right;
}
.special-list li a {
    font-family: 'Noto Serif KR';
    font-size: 24px;
    color: #555;
}
.special-list li a:hover,
.special-list li a:focus,
.special-list li a:active,
.special-list li a.on {
    text-decoration: underline;
}

.room-list-wrap {
    position: relative;
    margin-top: 200px;
    margin-bottom: 200px;
}
.room-list-wrap h1 {
    position: absolute;
    left: -105px;
    top: 35%;
    transform: rotate(-90deg);
    letter-spacing: 2px;
    font-size: 70px;
    font-weight: 100;
    color: #d1d8d6;
    font-family: 'Marcellus', sans-serif;
    transition: 1.2s;
}
.room-list-wrap h1.on {
    transform: rotate(-90deg) translateY(50px);
}
.room-list {
    max-width: 1570px;
    margin: 0 auto;
}
.room-list .slide {
    position: relative;
    margin: 0 24px;
}
.room-list .slide a {
    position: relative;
    display: block;
    overflow: hidden;
    font-family: 'Lato';
    color: white;
    cursor: none;
}
.room-list .slide a img {
    transition: 1.6s;
    width: 100%;
}
.room-list .slide a strong {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    font-size: 32px;
    text-align: center;
    opacity: 0;
    transition: 0.7s;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.room-list .slide a em {
    position: absolute;
    z-index: 100;
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-family: 'Lato';
    font-size: 12px;
    color: #b5a999;
    border-radius: 100%;
    background: #fff;
}
.room-list .slide a em {
    transform: scale(0);
    opacity: 0;
}
.room-list .slide a em {
    transition: transform 1.5s;
}
.room-list .slide a:hover strong {
    opacity: 1;
}
.room-list .slide a:hover img {
    transform: scale(1.05);
}
.room-list .slide a:hover em {
    transform: scale(1);
    opacity: 1;
}

.m-room-list-wrap {
    display: none;
    padding: 30px; /* margin-top: 50px;*/
}
.m-room-list-wrap div {
    position: relative;
    width: 100%;
}
.m-room-list-wrap::after {
    display: table;
    content: '';
    clear: both;
}
.m-room-list-wrap h1 {
    font-size: 30px;
    color: #dfd8cf;
    text-align: center;
}
/* .room-list-center{margin-left: 5%; margin-right: 5%;} */

.m-room-list a {
    width: calc(50% - 10px);
    display: block;
    float: left;
    position: relative;
    margin-top: 20px;
    font-family: 'Lato';
    color: white;
}
.m-room-list div:nth-child(2n - 1) a {
    margin-right: 20px;
}
.m-room-list strong {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.m-room-list img {
    width: 100%;
}

.m-slide-wrap {
    display: none;
}
.m-main-con-01 .main-slide {
    display: none;
}
.main-con {
    padding: 0;
}
.main-con .con-tit {
    margin: 100px auto;
}

.m-slide-wrap .slide-tit {
    top: 34%;
}

.footer_wrap {
    background-color: white;
}

/* ROOM */
.room-movie {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2000; /*width:729px; height:900px;*/
    width: 30%;
    overflow: hidden;
}
.room-info-wrap {
    position: relative;
    margin-top: 120px;
    padding-bottom: 80px;
    overflow: hidden;
}
.room-info {
    max-width: 982px;
    margin: 0 auto;
    margin-top: 50px;
}
.room-info h3 {
    margin-top: 56px;
    border-bottom: 1px solid #ebe8e6;
    font-weight: bold;
}
.room-info h3:first-child {
    margin-top: 0;
}
.room-info h3 span {
    display: block;
    width: 140px;
    padding: 0 10px 20px 16px;
    font-family: 'Lato';
    color: #000;
    border-bottom: 1px solid #000;
    white-space: nowrap;
}
.room-info .room-info-txt {
    padding: 40px 0 0 125px;
}
.room-info .room-info-txt .box-board {
    max-width: 900px;
    margin: 0;
}
.room-info .room-info-txt .box-board img {
    display: block;
}
.room-info li {
    line-height: 2.2;
    font-size: 14px;
}
.room-info-is li {
    line-height: 1.8;
}
.room-info-is li span {
    text-indent: 10px;
    display: inline-block;
}
.room-img {
    position: absolute;
    right: 0;
    top: 440px;
    width: 450px;
}
.room-img * {
    position: absolute;
}
.room-img .img1 {
    left: 50px;
    bottom: 180px;
    z-index: 10;
}
.room-img .img2 {
    right: 0;
    bottom: 0;
}
.room-img span {
    left: 0;
    bottom: 150px;
    z-index: 20;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #95b3ba;
}
.m-room-info {
    display: none;
}
.room-info .m-price iframe {
    height: 200px;
}
.pos-wrap {
    position: relative;
}

.room-view-wrap {
    position: relative;
}
.room-view-slide .slide {
    height: 950px;
}
.room-view-wrap .slide-btn {
    top: 0;
}
.room-view-wrap .slide-info {
    position: absolute;
    right: 24px;
    bottom: 20px;
    z-index: 1200;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: 'baskerton';
}
.room-view-wrap .slide-info span {
    margin-right: 3px;
}
.room-view-wrap .slide-info em {
    margin-left: 3px;
    font-style: italic;
}
.room-view-wrap .thumb-vdo-wrap {
    height: 44vw;
}

.room-txt {
    text-align: center;
    color: #5b5755;
    padding-top: 260px;
    padding-bottom: 40px;
    position: relative;
    max-width: 1420px;
    margin: 0 auto;
}
.room-txt h1 {
    font-family: 'Marcellus', sans-serif;
    font-size: 22px;
    display: inline-block;
}
.room-txt h1::after {
    content: '';
    display: block;
    height: 1px;
    background-color: #5b5755;
    transform: translateY(-3px);
}
.room-txt p {
    font-size: 16px;
    margin-top: 30px;
}

.room-txt .img-wrap {
    position: absolute;
    width: 100%;
    pointer-events: none;
    top: 0;
}
.room-txt .img-wrap .left-img {
    float: left;
    margin-top: 320px;
}
.room-txt .img-wrap .right-img {
    float: right;
    margin-top: 170px;
}

.room-info .room-price {
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin-top: 30px;
}

.room-info .room-price th {
    background-color: #f7f6f6;
    border: 1px solid #d8d8d8;
    padding: 3px 0;
}
.room-info .room-price tr:first-child th {
    border-top: 2px solid #d8d8d8;
}
.room-info .room-price tr:last-child th {
    font-weight: 500;
}
.room-info .room-price td {
    border-right: 1px solid #d8d8d8;
    padding: 3px 0;
    border-bottom: 1px solid #d8d8d8;
}
.room-info .room-price td:last-child {
    border-right: 0;
}
.room-info .room-price th:last-child {
    border-right: 0;
}
.room-info .room-price th:first-child {
    border-left: 0;
}
.room-con .pc-price iframe {
    height: 130px;
}
.room-con .img-container {
    max-width: 1420px;
    margin: 0 auto;
    position: relative;
}
.room-con .img-container .img-wrap::after {
    content: '';
    display: table;
    clear: both;
}
.room-con .img-container .img-depth1 {
    margin-bottom: 100px;
}
.room-con .img-container .img-depth1 .img {
    float: left;
    width: calc(33.33333% - 6.6666px);
    margin-bottom: 10px;
}
.room-con .img-container .img-depth1 .img:nth-of-type(3n - 1) {
    margin: 0 10px;
}
.room-con .img-container .img-depth1 .img img {
    display: block;
    width: 100%;
}

.room-con .img-container .img-depth2 {
    margin-bottom: 100px;
}
.room-con .img-container .img-depth2 img {
    width: 100%;
    display: block;
}

.room-con .img-container .img-depth3 {
    margin-bottom: 100px;
}
.room-con .img-container .img-depth3 .img {
    margin-bottom: 10px;
}
.room-con .img-container .img-depth3 .img:nth-of-type(2n - 1) {
    width: 57.03125%;
    float: left;
    padding-right: 5.703125px;
}
.room-con .img-container .img-depth3 .img:nth-of-type(2n) {
    width: 42.96875%;
    float: right;
    padding-left: 4.298875px;
}

.room-con .img-container .img-depth4 {
    margin-bottom: 100px;
}
.room-con .img-container .img-depth4 .img {
    width: calc(50% - 1px);
    margin-bottom: 2px;
    float: left;
}
.room-con .img-container .img-depth4 .img img {
    display: block;
    width: 100%;
}
.room-con .img-container .img-depth4 .img:nth-of-type(2n - 1) {
    margin-right: 2px;
}

.room-con .room-preview-wrap {
    max-width: 1250px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 150px;
    position: relative;
    height: 560px;
}
.room-con .room-preview-wrap .slide {
    height: 560px;
}
.room-con .room-preview-wrap .gallery-btn {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 10;
    transform: translateY(-50%);
}
.room-con .room-preview-wrap .gallery-btn .prev {
    float: left;
    margin-left: 50px;
}
.room-con .room-preview-wrap .gallery-btn .next {
    float: right;
    margin-right: 50px;
}
.room-con .room-preview-wrap .gallery-btn .fal {
    font-size: 32px;
    color: white;
    transition: 0.6s;
}
.room-con .room-preview-wrap .gallery-btn button:hover .fal {
    color: #333;
}
.m-room-ifno {
    display: none;
}

/* 버튼 */
.frame-btn {
    margin-top: 50px;
    line-height: 10px;
    display: inline-block;
    padding: 25px 30px;
    font-size: 10px;
    letter-spacing: 3px;
    text-decoration: none;
    position: relative;
    left: 50%;
    margin-left: -79px;
}
.frame-btn__text {
    color: #95b3ba;
    font-weight: bold;
    text-transform: uppercase;
    transition: 300ms ease;
    position: relative;
    font-weight: 400;
}
.frame-btn:hover .frame-btn__text {
    color: white;
}
.frame-btn__solid {
    position: absolute;
    top: 0;
    left: 0;
    margin: 10px;
    background-color: #95b3ba;
    width: calc(100% - (5px * 4));
    height: calc(100% - (5px * 4));
    transform-origin: 50%;
    transform: scale(0.85);
    opacity: 0;
    transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.frame-btn:hover .frame-btn__solid {
    opacity: 1;
    transform: scale(1);
}
.frame-btn__outline {
    position: absolute;
    top: 0;
    left: 0;
}
.frame-btn__outline--tall {
    margin: 0 5px;
    width: calc(100% - (5px * 2));
    height: 100%;
}
.frame-btn__outline--flat {
    margin: 5px 0;
    height: calc(100% - (5px * 2));
    width: 100%;
}
.frame-btn__line {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.frame-btn__line--tall:before,
.frame-btn__line--tall:after {
    height: 100%;
    width: 1px;
    top: 0;
}
.frame-btn:hover .frame-btn__outline--flat .frame-btn__line--tall:before,
.frame-btn:hover .frame-btn__outline--flat .frame-btn__line--tall:after {
    transform: scaleY(0);
}
.frame-btn:hover .frame-btn__outline--tall .frame-btn__line--tall:before,
.frame-btn:hover .frame-btn__outline--tall .frame-btn__line--tall:after {
    margin: 5px 0;
    height: calc(100% - (5px * 2));
}
.frame-btn__line--tall:before {
    left: 0;
}
.frame-btn__line--tall:after {
    right: 0;
}
.frame-btn__line--flat:before,
.frame-btn__line--flat:after {
    width: 100%;
    height: 1px;
    left: 0;
}
.frame-btn:hover .frame-btn__outline--tall .frame-btn__line--flat:before,
.frame-btn:hover .frame-btn__outline--tall .frame-btn__line--flat:after {
    transform: scaleX(0);
}
.frame-btn:hover .frame-btn__outline--flat .frame-btn__line--flat:before,
.frame-btn:hover .frame-btn__outline--flat .frame-btn__line--flat:after {
    margin: 0 5px;
    width: calc(100% - (5px * 2));
}
.frame-btn__line--flat:before {
    top: 0;
}
.frame-btn__line--flat:after {
    bottom: 0;
}
.frame-btn__line:before,
.frame-btn__line:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #95b3ba;
    transition: 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.frame-btn:hover .frame-btn__line:before,
.frame-btn:hover .frame-btn__line:after {
    transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* SPECIAL */
.special-con .room-map,
.special-con .room-list-wrap {
    display: none;
}
.special-con .m-room-list-wrap {
    display: none;
}
.special-info-wrap {
    padding: 30px 10px 100px 10px;
}
.special-info {
    max-width: 1246px;
    margin: 0 auto;
    margin-top: 150px;
    overflow: hidden;
}
.special-info-wrap .txt {
    float: left;
    color: #595046;
    max-width: calc(100% - 500px);
}
.special-info-wrap .txt h1 {
    line-height: 1.3;
}
.special-info-wrap .txt h1 span {
    font-family: 'Noto Serif KR';
    font-size: 21px;
    display: block;
}
.special-info-wrap .txt h1 strong {
    display: block;
    font-family: 'Noto Serif KR';
    font-size: 56px;
}
.special-info-wrap .txt h1 p {
    padding-top: 5px;
    font-size: 16px;
    font-weight: 200;
}
.special-info-wrap .txt > p {
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 200;
}
.special-info-wrap .txt > p span {
    margin-left: 1em;
}
.special-info-wrap .txt strong {
    font-weight: 300;
}
.special-info-wrap .txt img {
    display: block;
    margin: 60px 0 90px 0;
}
.special-info-wrap .img {
    position: relative;
    float: right;
    max-width: 500px;
    overflow: hidden;
    margin-bottom: 150px;
}
.special-info-wrap .img .slide-btn-02 {
    left: 0;
    bottom: 0;
}
.special-info-wrap .vdo-wrap {
    margin-top: 150px;
    position: relative;
    width: 100%;
}
.special-info-wrap .special-info .info-wrap::after {
    content: '';
    display: table;
    clear: both;
}

.special-gallery-wrap {
    max-width: 1250px;
    margin: 0 auto;
    margin-bottom: 150px;
    position: relative;
}
.special-gallery-wrap .slide-wrap {
    height: 700px;
}
.special-gallery-wrap .slide {
    height: 700px;
}
.special-gallery-wrap .gallery-btn {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 10;
    transform: translateY(-50%);
}
.special-gallery-wrap .gallery-btn .prev {
    float: left;
    margin-left: 50px;
}
.special-gallery-wrap .gallery-btn .next {
    float: right;
    margin-right: 50px;
}
.special-gallery-wrap .gallery-btn .fal {
    font-size: 32px;
    color: white;
    transition: 0.6s;
}
.special-gallery-wrap .gallery-btn button:hover .fal {
    color: #333;
}

.special-img-wrap {
    max-width: 1490px;
    margin: 0 auto;
    position: relative;
}
.special-img-wrap::after {
    content: '';
    display: table;
    clear: both;
}
.special-img-wrap .img {
    width: calc(50% - 1px);
    float: left;
    margin-bottom: 2px;
}
.special-img-wrap .img img {
    display: block;
    width: 100%;
}
.special-img-wrap .img:nth-of-type(2n - 1) {
    margin-right: 2px;
}

.special-con .img-container {
    max-width: 1420px;
    margin: 0 auto;
    position: relative;
}
.special-con .img-container .img-wrap::after {
    content: '';
    display: table;
    clear: both;
}
.special-con .img-container .img-depth1 {
    margin-bottom: 100px;
}
.special-con .img-container .img-depth1 .img {
    float: left;
    width: calc(33.33333% - 6.6666px);
    margin-bottom: 10px;
}
.special-con .img-container .img-depth1 .img:nth-of-type(3n - 1) {
    margin: 0 10px;
}
.special-con .img-container .img-depth1 .img img {
    display: block;
    width: 100%;
}

.special-con .img-container .img-depth2 {
    margin-bottom: 100px;
}
.special-con .img-container .img-depth2 img {
    width: 100%;
    display: block;
}

.special-con .img-container .img-depth3 {
    margin-bottom: 100px;
}
.special-con .img-container .img-depth3 .img {
    margin-bottom: 10px;
}
.special-con .img-container .img-depth3 .img:nth-of-type(2n - 1) {
    width: 57.03125%;
    float: left;
    padding-right: 5.703125px;
}
.special-con .img-container .img-depth3 .img:nth-of-type(2n) {
    width: 42.96875%;
    float: right;
    padding-left: 4.298875px;
}

.special-con .img-container .img-depth4 {
    margin-bottom: 100px;
}
.special-con .img-container .img-depth4 .img {
    width: calc(50% - 1px);
    margin-bottom: 2px;
    float: left;
}
.special-con .img-container .img-depth4 .img img {
    display: block;
    width: 100%;
}
.special-con .img-container .img-depth4 .img:nth-of-type(2n - 1) {
    margin-right: 2px;
}

/* .m-basic-slide{display: none;} */

.special-info-wrap .special-list-wrap {
    margin-top: 400px;
}
.sp-slide .slide {
    width: 500px;
}
/* TOUR */
.tour-list-wrap {
    max-width: 1222px;
    margin: 0 auto;
    padding: 30px 10px;
}
.tour-list {
    clear: both;
    position: relative;
    margin-top: 160px;
}
.tour-list::after {
    content: '';
    display: table;
    clear: both;
}
.tour-list .img {
    width: 55%;
}
.tour-list .silde-btn-02 {
    left: 0;
}
.tour-list .txt {
    position: absolute;
    right: -30px;
    top: 20%;
    width: 45%;
    color: #5b5755;
}
.tour-list .txt h1 {
    margin-bottom: 47px;
    font-family: 'AritaBuri';
    line-height: 1.1;
}
.tour-list .txt h1 span {
    font-size: 28px;
}
.tour-list .txt h1 strong {
    display: block;
    font-size: 40px;
    white-space: nowrap;
}
/* .tour-list .txt .distance, .tour-list .txt p { margin-left:75px; } */
.tour-list .txt .distance {
    display: inline-block;
    padding-left: 22px;
    line-height: 19px;
    font-size: 13px;
    background: url('../img/common/ico_locate.png') 0 center no-repeat;
}
.tour-list .txt .distance em {
    border-bottom: 1px solid #5b5755;
}
.tour-list .txt p {
    margin-top: 12px;
    line-height: 1.7;
}

.tour-list:nth-child(odd) {
}
.tour-list:nth-child(odd) .img {
    float: right;
}
.tour-list:nth-child(odd) .txt {
    right: auto;
    left: -30px;
    text-align: right;
}
.tour-list:nth-child(odd) .txt .distance,
.tour-list:nth-child(odd) .txt p {
    margin-left: 0;
    margin-right: 0px;
}
.tour-list:nth-child(odd) .slide-btn-02 {
    left: auto;
    right: 0;
}

#myVideo {
    width: 100%;
    height: 100%;
}
/* RESERVATION */
.restxt {
    display: flex;
    font-size: 16px;
}
.bastxt_box {
    padding-left: 5px;
    line-height: 1.8;
    font-size: 16px;
}

.reservation-info-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 30px 10px 100px 10px;
    color: #595046;
}
.con-box-01 {
    position: relative;
    overflow: hidden;
    margin-top: 120px;
    padding-bottom: 40px;
}
.con-box-01 .img {
    float: left;
}
.con-box-01 .txt {
    float: left;
    padding: 10px 0 0 60px;
}
.con-box-01 .txt h1 {
    line-height: 1.2;
    font-family: 'Noto Serif KR';
}
.con-box-01 .txt h1 span {
    font-size: 16px;
    font-weight: 100;
}
.con-box-01 .txt h1 strong {
    display: block;
    font-size: 40px;
    font-weight: 300;
}
.con-box-01 .txt p {
    padding-top: 30px;
    line-height: 1.8;
    font-size: 16px;
}
.con-box-01 .txt p span {
    font-weight: 200;
}

.reservation-deco-01 {
    position: absolute;
    right: 50px;
    bottom: 0;
    display: block;
    width: 94px;
    height: 93px;
}
.reservation-deco-02 {
    position: absolute;
    right: 50px;
    bottom: 0;
    display: block;
    width: 94px;
    height: 93px;
    animation: rotate 10s infinite linear;
}

.reservation-info-wrap .box-board {
    margin-top: 50px;
}

.con-box-02 {
    overflow: hidden;
    margin-top: 80px;
    display: flex;
    padding: 25px 120px 25px 25px;
    border: 1px solid #e1dfde;
}
.con-box-02 .img {
    float: left;
}
.con-box-02 .txt {
    padding-top: 20px;
    padding-left: 60px;
}
.con-box-02 .txt h1 {
    padding-bottom: 10px;
    border-bottom: 1px solid #cdcac7;
    font-size: 18px;
    font-weight: 400;
}
.con-box-02 .txt ul {
    margin-top: 20px;
}
.con-box-02 .txt li {
    font-size: 14px;
    line-height: 1.8;
}

.con-box-03 {
    position: relative;
    overflow: hidden;
    margin-top: 120px;
    padding: 60px 10px 0 10px;
}
.con-box-03 .img {
    position: absolute;
    left: 0;
    top: 0;
}
.con-box-03 .txt {
    position: relative;
    z-index: 10;
    padding-left: 360px;
}
.con-box-03 .txt h1 {
    line-height: 1.2;
    font-family: 'Noto Serif KR';
    font-size: 50px;
}
.con-box-03 .info {
    padding: 40px 0 0 140px;
}
.con-box-03 .info h2 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
}
.con-box-03 .info h2:first-child {
    margin-top: 0;
}
.con-box-03 .info li {
    line-height: 1.8;
}
.con-box-03 .info li em {
    text-decoration: underline;
}
.con-box-03 .info p {
    margin-top: 20px;
    line-height: 1.8;
}
.con-box-03 .info p.uline {
    text-decoration: underline;
}
.con-box-03 .info h2 + p {
    margin-top: 0;
}
.con-box-03 .info table {
    margin-top: 50px;
}

.con-box-03 .info b {
    color: #e02424;
}

.reservation-info-wrap .pc-price iframe {
    height: 480px;
}
.reservation-info-wrap .m-price iframe {
    height: 1705px;
}

.box-board .reser-price {
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin-top: 15px;
}

.box-board .reser-price th {
    background-color: #f7f6f6;
    border: 1px solid #d8d8d8;
    padding: 3px 0;
}
.box-board .reser-price tr:first-child th {
    border-top: 2px solid #d8d8d8;
}
.box-board .reser-price tr:last-child th {
    font-weight: 500;
}
.box-board .reser-price td {
    border-right: 1px solid #d8d8d8;
    padding: 3px 0;
    border-bottom: 1px solid #d8d8d8;
}
.box-board .reser-price td:last-child {
    border-right: 0;
}
.box-board .reser-price th:last-child {
    border-right: 0;
}
.box-board .reser-price th:first-child {
    border-left: 0;
}

/*DIRECTION*/
.direction-info-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 30px 10px 100px 10px;
    color: #595046;
}
.direction-info-wrap .map-box {
    margin-top: 100px;
}
.map-box-01 {
    margin-top: 120px;
}
.m-map {
    display: none;
    margin: 0 auto;
}
.map-box-02 {
    margin-top: 30px;
}
.map-box-02 p {
    font-size: 16px;
    font-weight: 300;
}
.map-box-02 div {
    margin-top: 30px;
}
.map-box-02 strong {
    font-size: 17px;
    line-height: 35px;
    font-family: 'AritaBuri';
    font-weight: 600;
}
.map-box-02 ul {
    margin-top: 30px;
}
.map-box-02 li {
    float: left;
    list-style: none;
    margin-right: 40px;
}
.map-box-02 a {
    color: white;
    background-color: #5b5755;
    display: block;
    height: 40px;
    width: 280px;
    line-height: 40px;
    text-align: center;
}
.map-txt h3 {
    margin-top: 56px;
    border-bottom: 1px solid #ebe8e6;
    font-weight: bold;
}
.map-txt h3:first-child {
    margin-top: 0;
}
.map-txt h3 span {
    display: block;
    width: 100px;
    padding: 0 10px 20px 16px;
    font-family: 'Lato';
    color: #000;
    border-bottom: 1px solid #000;
}

.map-box-03 {
    margin-top: 280px;
    position: relative;
}
.map-box-03 h1 {
    font-size: 50px;
    font-family: 'AritaBuri';
    font-weight: lighter;
    line-height: 1.2em;
    position: absolute;
    top: 50px;
    left: 365px;
}
.map-box-03 .map-image {
    float: left;
    overflow: hidden;
}
.map-box-03 .map-info {
    width: 750px;
    margin-left: 500px;
    padding-top: 240px;
}
.map-box-03 .map-info h4 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 28px;
    margin-bottom: 5px;
}
.map-box-03 .map-info p {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 28px;
    line-height: 1.8em;
}
.map-box-03 .map-info span {
    border-bottom: 1px solid #333;
}
.map-box-03 .map-info strong {
    color: #e02424;
}

/*PROLOGUE*/

.prologue-info-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 10px 100px 10px;
    color: #595046;
}
.prologue-info {
    margin-top: 120px;
    position: relative;
    font-family: 'Noto Sans CJK KR';
    min-height: 1200px;
}
.prologue-img {
    position: relative;
    width: 100%;
}
.prologue-info .prologue-img img {
    position: absolute;
}
.prologue-img .img1 {
    left: 0;
    top: 50px;
    z-index: 1;
}
.prologue-img .img2 {
    left: 420px;
    z-index: 2;
}
.prologue-img .img3 {
    left: 550px;
    top: 100px;
    z-index: 1;
}
.prologue-info-wrap h1 {
    font-size: 50px;
    position: absolute;
    top: 555px;
    left: 50px;
    z-index: 5;
    line-height: 1.3em;
    font-family: 'Noto Serif KR', serif;
}
.prologue-info-wrap .prologue-text {
    margin-top: 700px;
    float: right;
}
.prologue-info-wrap .prologue-text p {
    margin-top: 30px;
    line-height: 1.8em;
    margin-right: 0px;
}

/*MOVIE*/
.movie-info-wrap {
    padding-top: 30px;
}
.movie-info-wrap .movie-wrap {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 180px;
}

.imsi_vdo {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 700px;
}
/* Animation */

@keyframes act-consult {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes act-concept-01 {
    0% {
        transform: translateY(-300px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes act-concept-02 {
    0% {
        transform: translateY(300px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes gift-left {
    0% {
        transform: translateX(-300px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes gift-right {
    0% {
        transform: translateX(300px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes pf-01 {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes active-y {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes active-y-02 {
    0% {
        transform: translateY(-100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes rotate {
    form {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* media query */

@media all and (min-width: 1025px) {
    .header-wrap.fixed {
        background: #95b3ba;
    }
    .header-wrap.fixed.on {
        background: #fff;
    }
    .reservation-info-wrap .pc-price iframe {
        height: 520px;
    }
}

@media all and (max-width: 1600px) {
    .room-img {
        right: -40px;
        transform: scale(0.7);
    }
    .preview-gallery-wrap {
        width: calc(100% - 100px);
    }
    .room-con .img-container {
        width: calc(100% - 100px);
    }
    .special-con .img-container {
        width: calc(100% - 100px);
    }
    .special-img-wrap {
        width: calc(100% - 100px);
    }
}

@media all and (max-width: 1500px) {
}

@media all and (max-width: 1440px) {
    .room-movie {
        top: 25%;
        left: 40%;
        width: 640px;
        height: 800px;
    }
}
@media all and (max-width: 1350px) {
    .room-con .room-preview-wrap {
        width: calc(100% - 100px);
    }
    .special-gallery-wrap {
        width: calc(100% - 100px);
    }
}

@media all and (max-width: 1280px) {
    .room-info-wrap {
        margin-top: 340px;
        padding-bottom: 50px;
    }
    .room-view-slide .slide {
        height: 600px;
    }
    .main-con .info-section {
        width: calc(100% - 100px);
    }
    .movie-info-wrap .movie-wrap {
        width: calc(100% - 100px);
    }
}

@media all and (max-width: 1024px) {
    .wrapper {
        padding-top: 0px;
    }
    .header-wrap {
        height: 70px;
        background: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    }
    .header-wrap:after {
        display: none;
    }
    .header h1 {
        position: static;
        display: block;
        margin: 0 auto;
        text-align: center;
        width: auto;
    }
    .header h1 a.logo {
        width: 115px;
        font-size: 24px;
        line-height: 70px;
        color: #ffffff;
        float: left;
        margin-left: 20px;
        color: white;
    }
    .header h1 a.logo img {
        margin-top: -10px;
    }
    .top-reserve {
        display: none;
    }
    .top-reserve {
        border-left: 0;
    }
    .top-reserve a {
        width: 80px;
        height: 90px;
        padding-top: 30px;
    }

    .m-link {
        display: block;
    }
    .btn-gnb {
        display: block;
    }
    .btn-gnb i {
        font-size: 14px;
    }
    .btn-gnb span:before,
    .btn-gnb span:after,
    .btn-gnb em {
        background: white !important;
    }
    .header-wrap.fixed {
        background-color: rgba(0, 0, 0, 0.2);
    }
    .header-wrap.click {
        background-color: #95b3ba;
    }
    .header-wrap.fixed.click {
        background-color: #95b3ba;
    }

    .side-nav {
        background-color: white;
        position: fixed;
        top: 70px;
        left: 0;
        z-index: 3500;
        width: 100%;
        height: calc(100% - 70px);
        transform: scale(0);
        transition: 0.5s;
        opacity: 0.5;
    }

    .side-nav > .gnb > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .side-nav > .gnb > ul > li {
        width: 40%;
        display: block;
    }
    .side-nav > .gnb > ul > li::after {
        display: table;
        content: '';
        clear: both;
    }
    .side-nav .gnb > ul > li > a {
        color: black;
        min-width: 0;
        text-align: center;
        font-size: 14px;
        line-height: 30px;
        margin-top: 15px;
    }
    .side-nav .gnb {
        width: 90%;
        padding: 0;
        padding-top: 30px;
        margin: 0 5%;
    }
    .side-nav .gnb .gnb-sub {
        min-width: 0;
        margin-bottom: 30px;
    }
    .side-nav .gnb .gnb-sub {
        display: block;
        position: relative;
        top: 0;
        left: 0;
    }
    .side-nav .gnb .gnb-sub li {
        padding: 0;
    }
    .side-nav .gnb .gnb-sub li a {
        font-size: 11px;
        line-height: 25px;
        letter-spacing: 0px;
    }
    .gnb4 {
        clear: both;
    }
    .nav-center {
        margin: 0 5%;
    }
    .m-gnb-link {
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 90%;
    }
    .m-gnb-link a {
        float: left;
        text-align: center;
        width: 20%;
        margin-right: 4%;
    }

    .m-gnb-link span {
        display: block;
        font-size: 10px;
    }

    .room-con .room-preview-wrap .gallery-btn button:hover .fal {
        color: white;
    }
    .special-gallery-wrap .gallery-btn button:hover .fal {
        color: white;
    }

    .main-con .info-section .main-movie {
        height: 540px;
    }

    .footer {
        padding: 0 10px 40px 10px;
    }
    .foot-nav {
        display: none;
    }
    .btn-top {
        right: 10px;
        bottom: 10px;
    }
    .slide-btn {
        border-left: 0;
    }

    .pc-movie {
        display: none;
    }
    .m-movie {
        display: block;
    }

    .room-movie {
        top: 10%;
        left: 50%;
        width: 400px;
        height: 600px;
    }
    .imsi_vdo {
        height: 100%;
    }
    .room-info-wrap {
        margin-top: 100px;
        padding: 0 10px;
        padding-bottom: 50px;
    }

    .room-view-wrap {
        margin-top: 100px;
    }
    .room-view-slide .slide {
        height: 500px;
    }

    .tour-list {
        margin-top: 100px;
        overflow: hidden;
    }
    .tour-list .img {
        width: 45%;
    }
    .tour-list .txt {
        top: 10%;
        width: 50%;
        right: 0;
    }
    .tour-list .txt h1 {
        margin-bottom: 10px;
    }
    .tour-list .txt h1 span {
        font-size: 20px;
    }
    .tour-list .txt h1 strong {
        font-size: 30px;
    }
    .tour-list .txt .distance,
    .tour-list .txt p {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .tour-list .txt .distance {
        padding-left: 22px;
        font-size: 12px;
    }
    .tour-list .txt p {
        margin-top: 15px;
        line-height: 1.5;
        font-size: 12px;
    }

    .tour-list:nth-child(odd) .txt {
        left: 0;
    }

    /* .special-info-wrap .img { max-width:600px; } */

    .room-info .pc-price {
        display: none;
    }
    .room-info .m-price {
        display: block;
    }
    .side-nav > .gnb > ul > li.naver-pay {
        display: none;
    }

    .preview-gallery-wrap li h3 {
        opacity: 1;
        font-size: 18px;
    }
    /*MAP 모바일*/
    .map-box-02 p {
        font-size: 14px;
    }
    .map-box-02 strong {
        font-size: 15px;
    }
    .map-box-02 li {
        clear: both;
        margin-top: 30px;
    }
    .map-box-03 h1 {
        left: 0;
        font-size: 30px;
        position: relative;
        top: 0;
        left: 0;
        font-weight: 400;
    }
    .map-box-03 .map-image {
        clear: both;
        margin-bottom: 30px;
        width: 100%;
    }
    .map-box-03 .map-image img {
        margin-top: -130px;
    }
    .map-box-03 .map-info {
        margin-left: 0;
        width: 100%;
        padding-top: 0;
    }
    .map-box-03 .map-info p {
        font-size: 13px;
    }

    .m-basic-slide {
        display: block;
    }
    .pc-basic-slide {
        display: none;
    }
    .m-slide-movie {
        display: block;
    }
}

@media all and (max-width: 900px) {
    .movie-info-wrap .movie-wrap {
        width: calc(100% - 50px);
    }
    .main-con .info-section .main-movie {
        height: 480px;
    }

    .preview-gallery-wrap {
        width: calc(100% - 50px);
    }
    .room-con .room-preview-wrap {
        width: calc(100% - 50px);
    }
    .room-con .img-container {
        width: calc(100% - 50px);
    }
    .special-con .img-container {
        width: calc(100% - 50px);
    }
    .special-gallery-wrap {
        width: calc(100% - 50px);
    }
    .special-img-wrap {
        width: calc(100% - 50px);
    }
    .block-wrap {
        margin-top: 80px;
    }
    .block-01 {
        width: 50%;
    }
    .block-01 h1 {
        font-size: 21px;
        color: #5b5755;
    }
    .block-02 {
        width: 40%;
        padding-top: 80px;
    }
    .block-02 h1 {
        margin-top: 40px;
        font-size: 16px;
    }
    .block-02 p {
        margin-top: 30px;
    }
    .special-list-wrap .img .slide {
        height: 180px;
    }
    .room-list-wrap {
        margin-top: 100px;
    }
    .room-list .slide a strong {
        opacity: 1;
    }
    .room-con .room-preview-wrap {
        height: 400px;
    }
    .room-con .room-preview-wrap .slide {
        height: 400px;
    }
    .room-movie {
        top: 20%;
        left: 50%;
        width: 350px;
        height: 500px;
    }
    .room-img {
        right: -120px;
        transform: scale(0.45);
    }

    .special-gallery-wrap {
        margin-bottom: 100px;
    }
    .special-gallery-wrap .slide-wrap {
        height: 400px;
    }
    .special-gallery-wrap .slide-wrap .slide {
        height: 400px;
    }

    .reservation-info-wrap {
        padding: 30px 10px 60px 10px;
    }
    .con-box-01 {
        margin-top: 60px;
        padding-bottom: 30px;
    }
    .con-box-01 .img {
        float: left;
        width: 40%;
    }
    .con-box-01 .txt {
        float: left;
        width: 55%;
        padding: 10px 0 0 10px;
    }
    .con-box-01 .txt h1 span {
        font-size: 15px;
    }
    .con-box-01 .txt h1 strong {
        font-size: 30px;
    }
    .con-box-01 .txt p {
        padding-top: 20px;
        font-size: 12px;
    }
    .con-box-01:after {
        right: 20px;
        width: 50px;
        height: 50px;
    }
    .reservation-info-wrap .box-board {
        margin-top: 30px;
    }
    .restxt {
        font-size: 12px;
    }
    .bastxt_box {
        font-size: 12px;
    }

    .con-box-02 {
        margin-top: 50px;
        padding: 10px;
        display: block;
    }
    .con-box-02 .img {
        float: left;
        width: 40%;
    }
    .con-box-02 .txt {
        float: left;
        width: 55%;
        padding-top: 10px;
        padding-left: 20px;
    }
    .con-box-02 .txt h1 {
        font-size: 16px;
    }
    .con-box-02 .txt ul {
        margin-top: 15px;
    }
    .con-box-02 .txt li {
        font-size: 12px;
    }

    .con-box-03 {
        margin-top: 60px;
        padding: 30px 10px 0 10px;
    }
    .con-box-03 .img {
        position: absolute;
        left: 0;
        top: 0;
        width: 30%;
    }
    .con-box-03 .txt {
        padding-left: 25%;
    }
    .con-box-03 .txt h1 {
        font-size: 30px;
    }
    .con-box-03 .info {
        padding: 20px 0 0 40px;
    }
    .con-box-03 .info h2 {
        font-size: 16px;
    }

    .con-box-03 .info li {
        font-size: 12px;
    }
    .con-box-03 .info p {
        margin-top: 20px;
        font-size: 12px;
    }
    .con-box-03 .info table {
        margin-top: 30px;
    }

    .special-info-wrap .img {
        max-width: 350px;
    }
    /*PROLOGUE 테블릿*/
    .prologue-info-wrap .prologue-text {
        margin-top: 800px;
        float: right;
        font-size: 17px;
    }
}

@media all and (max-width: 700px) {
    .pc-slide {
        display: none;
    }
    .m-slide {
        display: block;
    }
    .header h1 a.logo img {
        margin-top: 0px;
    }
    .m-br {
        display: block;
    }
    .preview-gallery-wrap {
        width: calc(100% - 30px);
    }

    .main-con .info-section .main-movie {
        height: 55vw;
    }

    .room-con .img-container {
        width: calc(100% - 30px);
    }
    .special-img-wrap {
        width: calc(100% - 30px);
    }
    .special-img-wrap .img {
        width: 100%;
    }
    .special-img-wrap .img:nth-of-type(2n - 1) {
        width: 100%;
        margin-right: 0;
    }
    .room-con .img-container .img-depth1 {
        margin-bottom: 30px;
    }
    .room-con .img-container .img-depth2 {
        margin-bottom: 30px;
    }
    .room-con .img-container .img-depth3 {
        margin-bottom: 30px;
    }
    .room-con .img-container .img-depth4 {
        margin-bottom: 30px;
    }

    .room-con .img-container .img-depth3 .img {
        margin-bottom: 5px;
    }
    .room-con .img-container .img-depth3 .img:nth-of-type(2n - 1) {
        padding-right: 0;
        width: 100%;
        float: none;
    }
    .room-con .img-container .img-depth3 .img:nth-of-type(2n) {
        padding-left: 0;
        width: 100%;
        float: none;
    }
    .room-con .img-container .img-depth4 .img {
        width: 100%;
        float: none;
    }
    .room-con .img-container .img-depth4 .img:nth-of-type(2n - 1) {
        margin-right: 0;
    }

    .special-con .img-container .img-depth1 {
        margin-bottom: 30px;
    }
    .special-con .img-container .img-depth2 {
        margin-bottom: 30px;
    }
    .special-con .img-container .img-depth3 {
        margin-bottom: 30px;
    }
    .special-con .img-container .img-depth4 {
        margin-bottom: 30px;
    }

    .special-con .img-container .img-depth3 .img {
        margin-bottom: 5px;
    }
    .special-con .img-container .img-depth3 .img:nth-of-type(2n - 1) {
        padding-right: 0;
        width: 100%;
        float: none;
    }
    .special-con .img-container .img-depth3 .img:nth-of-type(2n) {
        padding-left: 0;
        width: 100%;
        float: none;
    }
    .special-con .img-container .img-depth4 .img {
        width: 100%;
        float: none;
    }
    .special-con .img-container .img-depth4 .img:nth-of-type(2n - 1) {
        margin-right: 0;
    }

    .room-con .room-preview-wrap {
        width: 100%;
        margin-top: 35px;
    }
    .room-con .room-preview-wrap {
        height: 56.25vw;
        margin-bottom: 50px;
    }
    .room-con .room-preview-wrap .slide {
        height: 56.25vw;
    }

    .room-con .room-preview-wrap .gallery-btn .prev {
        margin-left: 15px;
    }
    .room-con .room-preview-wrap .gallery-btn .next {
        margin-right: 15px;
    }

    .room-con .img-container .img-depth1 .img {
        width: 100%;
    }
    .room-con .img-container .img-depth1 .img:nth-of-type(3n - 1) {
        margin: 0;
        margin-bottom: 5px;
    }
    .room-con .img-container .img-depth1 .img {
        margin-bottom: 5px;
    }

    .special-con .img-container .img-depth1 .img {
        width: 100%;
    }
    .special-con .img-container .img-depth1 .img:nth-of-type(3n - 1) {
        margin: 0;
        margin-bottom: 5px;
    }
    .special-con .img-container .img-depth1 .img {
        margin-bottom: 5px;
    }

    .preview-wrapper .img-container .img-depth1 {
        margin-bottom: 30px;
    }
    .preview-wrapper .img-container .img-depth2 {
        margin-bottom: 30px;
    }
    .preview-wrapper .img-container .img-depth3 {
        margin-bottom: 30px;
    }
    .preview-wrapper .img-container .img-depth4 {
        margin-bottom: 30px;
    }

    .preview-wrapper .img-container .img-depth3 .img {
        margin-bottom: 5px;
    }
    .preview-wrapper .img-container .img-depth3 .img:nth-of-type(2n - 1) {
        padding-right: 0;
        width: 100%;
        float: none;
    }
    .preview-wrapper .img-container .img-depth3 .img:nth-of-type(2n) {
        padding-left: 0;
        width: 100%;
        float: none;
    }
    .preview-wrapper .img-container .img-depth4 .img {
        width: 100%;
        float: none;
    }
    .preview-wrapper .img-container .img-depth4 .img:nth-of-type(2n - 1) {
        margin-right: 0;
    }

    .preview-wrapper .img-container .img-depth1 .img {
        width: 100%;
    }
    .preview-wrapper .img-container .img-depth1 .img:nth-of-type(3n - 1) {
        margin: 0;
        margin-bottom: 5px;
    }
    .preview-wrapper .img-container .img-depth1 .img {
        margin-bottom: 5px;
    }

    .main-con .m-slide {
        height: 100vh;
    }
    .main-con .m-slide .slide {
        height: 100vh;
    }
    .main-con .slide-tit {
        top: 50%;
        bottom: auto;
        left: 0;
        text-align: center;
        margin-right: -150px;
    }
    .main-con .slide-btn {
        display: block;
        top: 34vh;
        right: 50%;
        margin-right: -57px;
    }
    .main-con .info-section {
        width: calc(100% - 30px);
    }
    .movie-info-wrap .movie-wrap {
        width: calc(100% - 30px);
    }
    .main-con .info-section .main-movie .vdo-link {
        display: none;
    }

    .movie-info-wrap .movie-wrap {
        margin-top: 50px;
        margin-bottom: 80px;
    }

    .footer-wrap {
        margin-top: 50px;
        padding: 30px 10px;
    }
    .footer-wrap .sns {
        position: static;
        text-align: center;
    }
    .footer-wrap .add-info {
        margin-top: 20px;
        text-align: center;
    }
    .footer-wrap .foot-tel {
        margin-top: 30px;
        text-align: center;
    }
    .footer-wrap .add-info span {
        display: block;
        font-size: 13px;
    }
    .footer-wrap .add-info span br {
        display: none;
    }
    .footer-wrap .add-info .partner_url span {
        display: inline;
    }
    .footer-wrap .add-info br {
        display: none;
    }
    .footer-wrap .add-info a {
        display: inline-block;
        margin-top: 10px;
        font-size: 11px;
    }
    .footer-wrap .ft-nav {
        display: none;
    }
    .copy-info {
        text-align: center;
    }

    .footer-wrap .add-info + ul {
        margin-bottom: 20px;
    }
    .footer-wrap .add-info + ul li {
        float: auto;
        margin-right: 7px;
        text-align: center;
        font-size: 12px;
        width: 100%;
    }
    .footer-wrap .add-info + ul li:after {
        content: '';
        margin-left: 7px;
    }
    .footer-wrap .add-info + ul li img {
        float: none;
    }
    .footer-wrap .admin {
        text-align: center;
        font-size: 12px;
        margin: 10px 0;
    }

    .pc-slide-wrap {
        display: none;
    }
    .m-slide-wrap {
        display: block;
    }
    .m-main-con-01 .main-slide {
        display: block;
    }

    .slide-tit.ko {
        top: auto;
        left: 0;
        bottom: 15%;
    }
    .slide-tit.ko span {
        font-size: 15px;
    }
    .slide-tit.ko strong {
        font-size: 34px;
    }

    .slide-tit.sub {
        top: 40%;
    }
    .slide-tit.sub span {
        font-size: 12px;
    }
    .slide-tit.sub strong {
        font-size: 25px;
    }

    .pc-slide-p {
        display: none;
    }
    .m-slide-p {
        display: block;
        line-height: 25px;
    }
    .block-01 img {
        display: none; /*margin-top:45px;*/
    }
    .con-tit h1 span {
        font-size: 20px;
    }
    .con-tit h1 strong {
        font-size: 32px;
    }
    .con-tit h2 {
        margin-top: 20px;
        font-size: 18px;
    }
    .con-tit p {
        font-size: 14px;
    }

    .full-view .slide {
        height: 300px;
    }
    .sub-view .slide {
        height: 250px;
    }
    .slide-tit {
        top: auto;
        bottom: 20px;
        left: 10px;
        right: 10px;
        font-size: 18px;
    }
    .slide-btn {
        display: none;
    }
    .m-main-con-01 .slide-btn {
        display: block;
        position: absolute;
        top: unset;
        width: 130px;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
    }
    .slide-btn button {
        width: 25px;
        height: 25px;
        float: left;
        margin-left: 25px;
    }
    .prologue-wrapper .slide-btn {
        display: block;
        display: block;
        right: 50%;
        transform: translate(50%, 20%);
    }
    .prologue-wrapper .slide-btn button {
        float: left;
        margin-left: 20px;
    }

    .special-con .slide-btn {
        display: block;
        display: block;
        right: 50%;
        transform: translate(50%, 20%);
    }
    .special-con .slide-btn button {
        float: left;
        margin-left: 20px;
    }

    .frame-btn {
        padding: 19px 23px;
        letter-spacing: 1.2px;
        margin-left: -62.5px;
        margin-top: 20px;
    }
    .room-con .slide-btn {
        display: block;
        display: block;
        right: 50%;
        transform: translate(50%, -18%);
    }
    .room-con .slide-btn div {
        top: auto;
        bottom: 5%;
    }
    .room-info .room-price .week_date p {
        font-size: 11px;
    }
    .scroll-btn {
        display: none;
    }
    .media-wrap {
        padding-top: 100px;
        position: relative;
        background-color: #c6b9b3;
    }
    .media-wrap::after {
        content: '';
        display: block;
        background-image: url('../img/gallery/main/1.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.3;
        width: 100%;
        height: 100%;
    }
    .main-slide {
        width: 100%;
        margin: auto;
        margin-bottom: 30px;
    }
    .main-slide .slide {
        height: 250px;
    }
    .block-wrap {
        margin-top: 40px;
        text-align: center;
    }
    .block-01 {
        float: none;
        width: auto;
    }
    .block-02 {
        float: none;
        width: auto;
        padding-top: 40px;
        margin: 0 auto;
    }
    .block-02 img {
        display: inline-block;
    }
    .main-con .slide-btn {
        top: calc(50% + 115px);
    }
    .main-con .info-section {
        padding-top: 20px;
    }
    .main-con .slide-btn div {
        top: auto;
        position: initial;
    }
    .main-con {
        padding-top: 0px;
        background-color: #ffffff;
    }
    .main-con .block-02 .img {
        display: none;
    }
    .main-con .con-tit {
        margin: 50px auto;
    }
    .main-con .info-section .info .txt {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
    .main-con .info-section .info .txt img {
        width: 150px;
        float: right;
        display: block;
        margin-top: -50px;
    }
    .main-con .info-section .info .txt h3 {
        margin-bottom: 25px;
    }
    .main-con .info-section .info .txt p {
        font-size: 12px;
        margin-top: 10px;
    }
    .main-con .main-text-wrap {
        margin-bottom: 30px;
        margin-left: 15px;
        color: #5b5755;
    }
    .main-text-wrap.slide-tit {
        position: relative;
        top: 0;
        left: 0;
        text-align: left;
        right: 0;
        letter-spacing: normal;
    }
    .main-con .main-text-wrap h1 {
        font-size: 24px;
        font-weight: 500;
        font-family: 'AritaBuri';
        line-height: 1.2;
    }
    .main-con .main-text-wrap p {
        font-size: 10px;
        line-height: 12px;
        font-weight: lighter;
        font-family: 'Lato';
    }
    .main-con-01 {
        margin: 0 30px;
        display: none;
    }
    .main-con .info-section .tit {
        margin-top: 50px;
        text-align: center;
    }
    .main-con .info-section .tit h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .main-con .info-section .tit h4 {
        font-size: 12px;
    }

    .main-con .slide-tit p {
        width: 100%;
    }

    .main-con .img-container {
        margin-top: 50px;
        padding-bottom: 80px;
    }
    .main-con .img-container .img-depth1 {
        margin-bottom: 30px;
    }
    .main-con .img-container .img-depth1 .img {
        margin-bottom: 5px;
    }

    .main-con .img-container .img-depth1 .img:nth-of-type(2n - 1) {
        padding-right: 0px;
        width: 100%;
        float: none;
    }
    .main-con .img-container .img-depth1 .img:nth-of-type(2n) {
        padding-left: 0px;
        width: 100%;
        float: none;
    }

    .main-con .img-container .img-depth2 .img {
        overflow: hidden;
        margin-bottom: 30px;
    }
    .main-con .img-container .img-depth2 .img:nth-of-type(1) img {
        width: 130%;
        margin-left: -15%;
        max-width: none;
    }
    .main-con .img-container .img-depth3 .img {
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }
    .main-con .img-container .img-depth3 .img:nth-of-type(2n - 1) {
        padding-right: 0px;
    }
    .main-con .img-container .img-depth3 .img:nth-of-type(2n) {
        padding-left: 0px;
    }
    .preview-gallery-wrap li {
        margin-bottom: 5px;
    }
    .preview-gallery-wrap {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .preview-gallery-wrap li {
        width: calc(50% - 2.5px);
    }
    .preview-gallery-wrap li:nth-of-type(3n - 1) {
        margin: 0px;
    }
    .preview-gallery-wrap li:nth-of-type(2n - 1) {
        margin-right: 5px;
    }
    .preview-gallery-wrap li h3 {
        font-size: 12px;
    }

    .slide-tit {
        text-align: right;
    }
    .slide-tit p {
        font-size: 10px;
        font-weight: lighter;
        line-height: 12px;
        margin-top: 10px;
    }
    .special-list-wrap .tit {
        top: -23%;
    }
    .special-list-wrap .tit strong {
        font-size: 28px;
    }
    .special-list li a {
        font-size: 15px;
    }

    .special-list-wrap .pos-wrap {
        padding-bottom: 150px;
    }

    .room-list-wrap {
        margin-top: 40px;
        margin-bottom: 100px;
    }
    .room-list-wrap h1 {
        position: static;
        padding: 0 10px;
        font-size: 30px;
        color: #555;
        transform: none;
    }
    .room-list .slide {
        margin: 0 10px;
    }
    .room-list .slide a strong {
        font-size: 18px;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .room-list-wrap h1 {
        text-align: center;
        margin-bottom: 10px;
    }
    .room-list-wrap h1.on {
        transform: rotate(0) translate(0);
    }

    .room-map {
        margin: 0 -10%;
        margin-top: 50px;
    }

    .room-movie {
        position: absolute;
        width: 80%;
        height: 400px;
        overflow: hidden;
        top: 40%;
        left: 50%;
        transform: translateX(-50%);
    }
    .room-img {
        right: -150px;
        top: auto;
        bottom: -120px;
        transform: scale(0.3);
    }
    .room-info-wrap {
        margin-top: 70px;
        padding-bottom: 120px;
    }
    .room-info h3 span {
        width: 100px;
        padding: 0 10px 10px 10px;
    }
    /*	.room-txt p br{display: none;}*/
    .room-txt p .m-br {
        display: block;
    }
    .room-txt {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .room-txt .img-wrap::after {
        content: '';
        display: table;
        clear: both;
    }
    .room-txt .img-wrap .left-img {
        margin-top: 50px;
        width: 50%;
    }
    .room-txt .img-wrap .right-img {
        margin-top: 25px;
        width: 30%;
    }
    .room-txt p {
        font-size: 12px;
    }
    .room-txt h1 {
        font-size: 18px;
    }
    .room-txt .img-wrap {
        position: initial;
    }
    .room-info .room-info-txt {
        padding: 20px 0 0 0;
    }
    .room-info h3 {
        margin-top: 30px;
    }
    .room-info li {
        font-size: 12px;
    }
    .room-info .room-price {
        font-size: 10px;
    }
    .box-board .reser-price {
        font-size: 11px;
    }
    .room-view-wrap {
        margin-top: -40px;
    }
    .room-view-slide .slide {
        height: 300px;
    }

    .pc-room-info {
        display: none;
    }
    .m-room-info {
        display: block;
        padding: 0 10px;
    }

    .room-txt {
    }

    .room-con .basic-slide-wrap {
        background-color: #b3a9a0;
    }

    .room-img {
        display: none;
    }

    .tour-list {
        margin-top: 40px;
    }
    .tour-list .img {
        float: none !important;
        width: auto;
    }
    .tour-list .txt {
        position: static;
        width: auto;
        margin-top: 20px;
        text-align: left !important;
    }
    .tour-list .txt h1 {
        line-height: 1.4;
    }
    .tour-list .txt h1 span {
        font-size: 16px;
    }
    .tour-list .txt h1 strong {
        font-size: 22px;
    }
    .tour-list .txt p br {
        display: none;
    }
    .tour-list .txt p br.m-br {
        display: block;
    }

    .slide-btn-02 {
        display: none;
    }

    .reservation-info-wrap {
        padding-bottom: 0;
    }
    .con-box-01 {
        margin-top: 40px;
        padding-bottom: 30px;
    }
    .con-box-01 .img {
        float: none;
        width: auto;
    }
    .con-box-01 .img img {
        width: 100%;
        max-width: none;
    }
    .con-box-01 .txt {
        float: none;
        width: auto;
        padding: 20px 0 0 0;
    }
    .reservation-deco-01 {
        right: 20px;
        width: 50px;
        height: 50px;
    }
    .reservation-deco-02 {
        right: 20px;
        width: 50px;
        height: 50px;
    }
    .reservation-info-wrap .box-board {
        margin-top: 30px;
    }
    .reservation-info-wrap .box-board .m-price .rsv_cal_t p {
        font-size: 11px;
    }
    .con-box-02 {
        margin-top: 40px;
    }
    .con-box-02 .img {
        float: none;
        width: auto;
    }
    .con-box-02 .txt {
        float: none;
        width: auto;
        padding-top: 10px;
        padding-left: 0;
    }
    .con-box-02 .txt h1 {
        font-size: 16px;
    }
    .con-box-02 .txt ul {
        margin-top: 15px;
    }
    .con-box-02 .txt li {
        font-size: 12px;
    }

    .con-box-03 {
        margin-top: 40px;
        padding: 0;
    }
    .con-box-03 .img {
        position: static;
        width: 400px;
        height: 400px;
        overflow: hidden;
    }
    .con-box-03 .img img {
        margin-top: -100px;
    }
    .con-box-03 .txt {
        margin-top: 20px;
        padding-left: 0;
    }
    .con-box-03 .txt h1 {
        font-size: 30px;
    }
    .con-box-03 .info {
        padding: 20px 0 0 0;
    }

    .special-info-wrap {
        padding: 30px 10px 60px 10px;
    }
    .special-info {
        margin-top: 60px;
    }
    .special-info-wrap .txt {
        float: none;
        text-align: center;
        max-width: 100%;
    }
    .special-info-wrap .txt h1 span {
        font-size: 16px;
    }
    .special-info-wrap .txt h1 strong {
        font-size: 35px;
        margin-bottom: 25px;
    }
    .special-info-wrap .txt h1 p {
        font-size: 13px;
    }
    .special-info-wrap .txt > p {
        margin-bottom: 15px;
        font-size: 13px;
    }
    .special-info-wrap .txt > p span {
        margin-left: 0;
    }
    .special-info-wrap .txt img {
        display: none;
    }
    .special-info-wrap .img {
        float: none;
        margin-top: 0px;
    }
    .special-info .sp-slide-wrap {
        display: none;
    }
    .special-info-wrap .m-slide-wrap {
        display: block;
    }
    .special-info-wrap .vdo-wrap {
        margin-top: 50px;
    }

    .special-gallery-wrap {
        margin-bottom: 50px;
    }
    .special-gallery-wrap {
        width: 100%;
    }
    .special-gallery-wrap .slide-wrap {
        height: 56.25vw;
        margin-bottom: 50px;
    }
    .special-gallery-wrap .slide-wrap .slide {
        height: 56.25vw;
    }
    .special-gallery-wrap .gallery-btn .prev {
        margin-left: 15px;
    }
    .special-gallery-wrap .gallery-btn .next {
        margin-right: 15px;
    }
    .refund-table td {
        font-size: 12px;
    }

    .pc-price {
        display: none;
    }
    .m-price {
        display: block;
    }
    .pc-map {
        display: none;
    }
    .m-map {
        display: block;
    }
    .map-link-wrap {
        display: block;
    }
    .map-link-wrap::after {
        content: '';
        display: table;
        clear: both;
    }
    .map-link-wrap li {
        float: left;
        font-size: 22px;
        margin-right: 10px;
        clear: none;
        margin-top: 0;
    }
    .map-box-02 .map-link-wrap li a {
        background-color: transparent;
        height: auto;
        width: auto;
        line-height: 1.8;
        display: inline;
    }

    /*PROLOGUE 모바일*/
    .prologue-info-wrap {
        padding: 30px 10px 0 10px;
    }
    .prologue-img .img1,
    .prologue-img .img2 {
        display: none;
    }
    .prologue-info {
        min-height: 0;
        padding-bottom: 50px;
    }
    .prologue-info .prologue-img img {
        position: relative;
        margin: auto;
        top: 0;
        left: 0;
    }
    .prologue-info-wrap h1 {
        font-size: 30px;
        position: relative;
        top: 0px;
        left: 0;
    }
    .prologue-text-wrap {
        margin-top: 20px;
    }
    .prologue-info-wrap .prologue-text {
        margin-top: 10px;
        float: none;
    }
    .prologue-info-wrap .prologue-text p {
        margin-right: 5px;
        font-size: 13px;
    }
    .prologue-info-wrap .prologue-text p br {
        display: none;
    }
    .prologue-info-wrap .prologue-text p br.m-br {
        display: block;
    }

    .notice-info-wrap {
        margin-top: 50px;
    }

    .brcon span {
        display: block;
    }
    .m-br {
        display: block;
    }
}

@media all and (max-width: 400px) {
}

@media all and (max-width: 320px) {
}