@charset "UTF-8";

/*---------------------------- Common ------------------------------*/
/* Video */
.sm-video {width:100%;height:100vh;}
.sm-video .ttl {position:absolute;top:50%;left:50%;width:90%;text-align:center;}
.sm-video .ttl {transform:translate3d(-50%, -50%, 0);z-index:3;}
.sm-video .ttl h1 {text-shadow:0 1px 2px rgb(0 0 0 / 40%);color:#fff;}
.sm-video .ttl h1 {font-size:6.8rem;font-weight:400;}

/* Swiper */
.sm-slide {width:100%;}
.sm-slide .frame .slide {position:relative;width:100%;height:100vh;overflow:hidden;}
.sm-slide .frame .slide .swiper {position:absolute;height:100%;}
.sm-slide .frame .slide .swiper .bg-cov {width:100%;height:100%;}
.sm-slide .frame .slide .swiper .swiper-arrow {font-size:5rem;color:#fff;}

/* Preivew */
.sm-preview {padding:10rem 0 0;margin:0 auto;font-size:1.6rem;line-height:2.6rem;}
.sm-preview .ttl {text-align:center;margin-bottom:5rem;padding:0 2rem;}
.sm-preview .ttl h1 {position:relative;font-size:4rem;line-height:5rem;padding:0 0 3rem;}
/* .sm-preview .ttl h1::before {border:.3rem solid #000;border-bottom:none;width:8rem;height:4rem;margin:0 auto 3rem;display:block;content:"";}
.sm-preview .ttl h1::before {border-top-left-radius:5rem;border-top-right-radius:5rem;} */
.sm-preview .ttl .into a {display:inline-block;padding:1rem;background:#F8D8D0;border-radius:1rem;}
.sm-preview .ttl .into p {margin-top:3rem;}

.sm-preview .preview {position:relative;max-width:1600px;padding:0 3rem;margin:0 auto;}
.sm-preview .preview .slide {position:relative;width:100%;overflow:hidden;}
.sm-preview .preview .swiper {width:100%;max-width:1500px;}
.sm-preview .preview .swiper-slide a {width:95%;margin:0 auto;display:block;}
.sm-preview .preview .swiper-slide .img {position:relative;width:100%;padding-bottom:66.66%;}
.sm-preview .preview .swiper-slide .img .bg-cov {position:absolute;}
.sm-preview .preview .swiper-slide .txt {padding:3rem;text-align:center;background-color:#f4f4f4;transition:background-color .3s;}
.sm-preview .preview .swiper-slide .txt p {font-size:1.4rem;line-height:2.8rem;margin:1rem 0 1.5rem;min-height:85px;}
.sm-preview .preview .swiper-slide .txt span {padding:.25rem 1.5rem;font-size:1.4rem;line-height:2.8rem;}
.sm-preview .preview .swiper-slide .txt span {display:inline-block;border:1px solid #000;border-radius:1rem;}
.sm-preview .preview .swiper-slide .txt span img {vertical-align:middle;margin-left:1rem;}
.sm-preview .preview .swiper-btn {width:auto;}
.sm-preview .preview .swiper-btn img {width:5.8rem;display:block;}

@media (hover: hover) {
    .sm-preview .preview .swiper-slide a:hover .txt {background-color:#f5ddd7;}
}


/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    /* Swiper */
    .sm-slide .frame .slide {height:calc(100vw * 9 / 16);min-height:300px;}                
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    /* Preivew */
    .sm-preview .preview .swiper {width:150%;max-width:3000px;}
    .sm-preview .preview .swiper-btn img {width:4.8rem;}

    /* Common */
    #container {padding-top:77px;}
    #index #container {padding:0;}
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    /* Preivew */
    .sm-preview .preview .swiper {width:300%;}
    .sm-preview .preview .swiper-btn img {width:3.8rem;}
}
/* Mobile */
@media screen and (max-width: 480px) {
    /* Video */
    .sm-video .ttl {line-height:6rem;}
    .sm-video .ttl h1 {font-size:5rem;}
}


/*---------------------------- Header/Footer ------------------------------*/
/* Header */
header {position:fixed;top:0;width:100%;z-index:1000;}
header .head-into {position:relative;width:95%;margin:0 auto;}
header .head-into hgroup {display:flex;align-items:center;position:absolute;left:2rem;height:77px;z-index:5;}
header .head-into hgroup h1 {max-width:200px;}
header .head-into hgroup h1 a {display:block;}
header .head-into hgroup h1 a img {width:100%;display:block;}
header .head-into hgroup .btns {display:none;}

/* 주변여행지 없을때 */
header nav {position:absolute;right:2rem;width:calc(65rem + 120px);}
header nav > div {display:flex;}
header nav > div > ul {display:flex;width:calc(100% - 120px);}
header nav > div > ul > li {position:relative;}
header nav > div > ul > li:nth-of-type(1) {width:12rem;}
header nav > div > ul > li:nth-of-type(2) {width:13.5rem;}
header nav > div > ul > li:nth-of-type(3) {width:13.5rem;}
header nav > div > ul > li:nth-of-type(4) {width:13rem;}
header nav > div > ul > li:nth-of-type(5) {width:13rem;}

/* 주변여행지 있을때 */
header nav.exp > div > ul > li:nth-of-type(1) {width:10rem;}
header nav.exp > div > ul > li:nth-of-type(2) {width:11rem;}
header nav.exp > div > ul > li:nth-of-type(3) {width:11rem;}
header nav.exp > div > ul > li:nth-of-type(4) {width:10.5rem;}
header nav.exp > div > ul > li:nth-of-type(5) {width:10.5rem;}
header nav.exp > div > ul > li:nth-of-type(6) {width:12rem;}

header nav > div > ul > li > a {font-size:1.6rem;line-height:2.6rem;text-align:center;display:block;color:#A2A2A2;font-weight:500;}
header nav > div > ul > li > a {padding:2.7rem 0 2.4rem;transition:color .5s;}
header nav > div > ul > li > ul {position:relative;width:100%;height:0;opacity:0;overflow:hidden;z-index:1;}
header nav > div > ul > li > ul li {position:relative;text-align:center;}
header nav > div > ul > li > ul li a {position:relative;display:block;font-size:13.5px;line-height:19px;padding:7px 0;z-index:1;}
header nav > div > ul > li > ul li:first-child a {padding:20px 0 7px;}
header nav > div > .btns {display:flex;height:77px;align-items:center;}
header nav > div > .btns a {display:inline-block;width:50px;height:50px;margin-left:10px;}
header nav > div > .btns a img {display:block;width:50px;}
header:before {position:absolute;top:0;width:100%;height:77px;display:block;content:"";}
header:before {background-color:#fff;border-bottom:1px solid #e8e8e8;}
header .bg {position:absolute;top:77px;width:100%;height:0;display:block;content:"";}
header .bg {background-color:#fff;border-bottom:1px solid #e8e8e8;}
header .bg {transition:height .5s, opacity .5s;}
header.on .bg {top:78px;opacity:1;}

@media (hover: hover) {
    header nav div > ul > li:hover > a {color:#89A8D7;}
    header nav div > ul > li > ul li:hover a {color:#89A8D7;}
} 

/* Remove Scrollbar */
header nav .gnb::-webkit-scrollbar {display:none} /* Chrome, Safari, Opera */
header nav .gnb {-ms-overflow-style:none;scrollbar-width:none} /* IE and Edge, Firefox */ 

/* Footer */
footer {position:relative;background-color:#000;padding:3.5rem 0;z-index:10;}
footer .ft-into {display:flex;align-items:center;width:calc(100% - 4rem);max-width:1400px;padding:0 2rem;margin:0 auto;}
footer .ft-into h1 {display:flex;margin:0 1rem;justify-content:flex-start;}
footer .ft-into h1 a {display:block;}
footer .ft-into h1 a img {max-width:200px;}
footer .ft-into ul {display:flex;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;}
footer .ft-into ul li {width:100%;line-height:22px;text-align:right;}
footer .ft-into ul li span {position:relative;color:#e8e8e8;display:inline-block;font-size:12px;}
footer .ft-into ul li a {color:#e8e8e8;font-size:12px;}
footer .ft-into ul li:first-child a {display:none;}
footer .ft-into ul li.credit {margin-top:5px;}
footer .ft-into ul li.credit a {font-size:13px;}
footer .scroll {position:absolute;top:-3.7rem;left:50%;transform:translateX(-50%);}
footer .scroll a {width:8.7rem;display:block;}
footer .scroll a img {display:block;width:100%;}
/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    header .head-into {width:100%;}
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    /* Header */
    header .head-into hgroup {position:fixed;width:calc(100% - 4rem);left:0;padding:0 2rem;background-color:#fff;border-bottom:1px solid #e8e8e8;}
    header .head-into hgroup h1 {display:inline-block;margin:0 auto;text-align:center;}
    header .head-into hgroup .menu {position:absolute;top:0;left:1rem;padding:23.5px 15px;cursor:pointer;z-index:1;}
    header .head-into hgroup .menu {width:30px;height:30px;display:flex;align-items:center;justify-content:flex-end;}
    header .head-into hgroup .menu div {position:relative;display:block;width:30px;background-color:#000;height:1px;}
    header .head-into hgroup .menu div::after,
    header .head-into hgroup .menu div::before {position:absolute;left:0;width:30px;height:1px;opacity:1;}
    header .head-into hgroup .menu div::after,
    header .head-into hgroup .menu div::before {background-color:#000;content:'';transform-origin:center;visibility:visible;}
    header .head-into hgroup .menu div::after {top:-10px}
    header .head-into hgroup .menu div::before {top:10px}
    header .head-into hgroup .menu > div,
    header .head-into hgroup .menu > div::after,
    header .head-into hgroup .menu > div::before {transform:rotate(0deg);}
    header .head-into hgroup .menu.nav-open > div {background-color:transparent;width:100%;}
    header .head-into hgroup .menu.nav-open > div:after  {transform:rotate(45deg);top:0;}
    header .head-into hgroup .menu.nav-open > div:before {transform:rotate(-45deg);top:0;}
    header .head-into hgroup .menu > div::after,
    header .head-into hgroup .menu > div::before {transition:transform .3s;}
    header .head-into hgroup .btns {position:absolute;top:15px;right:1rem;display:block;}
    header .head-into hgroup .btns a {display:inline-block;width:50px;height:50px;margin-right:5px;}
    header .head-into hgroup .btns a img {display:block;width:50px;}
    header nav {position:fixed;top:0;left:0;right:unset;width:100%;height:100%;overflow:hidden;z-index:1;}
    header nav {transform:translate3d(0, -100%, 0);opacity:0;}
    header nav::before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:#fff;opacity:.9;}
    header nav > div {display:flex;flex-direction:column;width:90%;height:calc(100% - 95px);}
    header nav > div {position:absolute;padding:95px 5% 0;overflow-y:scroll;overflow-x:hidden;z-index:1;}
    header nav > div::before {display:none;}
    header nav > div > ul {width:100%;padding:5rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
    header nav > div > ul > li {width: 100%!important;}
    header nav > div > ul > li > a {display:block;font-size:3.5rem;line-height:4.5rem;padding:1.5rem 0;color:#000;}
    header nav > div > ul > li > ul {position:relative;width:98%;top:0;left:0;margin:0 auto 2.5rem;}
    header nav > div > ul > li > ul {transform:translate3d(0, 0, 0);height:0;overflow:hidden;opacity:0;z-index:-1;}
    header nav > div > ul > li > ul li {font-size:16px;line-height:26px;margin-bottom:.5rem;}
    header nav > div > ul > li > ul li::before {display:none;}
    header nav > div > ul > li > ul li a {color:#000;opacity:.5;font-size:16px;padding:1rem 0;}
    header nav > div > .btns {display:none;}
    header nav div > ul > li.on > a {color:#43685A;}
    header nav div > ul > li.on > ul {z-index:1;}
    header.on::after {display:none;}
    header.on nav {transform:translate3d(0, 0, 0);opacity:1;}
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    /* Header */
    header .head-into hgroup h1 a img {width:75%;margin:0 auto;}
    header .head-into hgroup .btns {top:20px;right:1rem;}
    header .head-into hgroup .btns a {width:40px;height:40px;margin-right:0;}
    header .head-into hgroup .btns a img {width:40px;}

    /* Footer */
    footer {padding:5rem 0;}
    footer .ft-into {display:block;}
    footer .ft-into h1 {display:block;text-align:center;margin:5rem 0;}
    footer .ft-into ul {display:block;}
    footer .ft-into ul li {text-align:center;}
    footer .ft-into ul li:nth-of-type(1) span:nth-of-type(3) {display:none;}
    footer .ft-into ul li a {display:inline-block;}
}
/* Mobile */
@media screen and (max-width: 480px) {

}


/*---------------------------- Index ------------------------------*/

#index .head-top {position:fixed;top:0;left:2.5%;width:95%;height:77px;z-index:10;}
#index .head-top {display:flex;align-items:center;}
#index .head-top h1 {padding:0 10px;max-width:200px;}
#index .head-top h1 a {display:block;}
#index .head-top h1 a img {width:100%;display:block;}
#index .head-top .menu {position:absolute;top:0;right:0;padding:23.5px 10px;cursor:pointer;z-index:1;}
#index .head-top .menu {width:30px;height:30px;display:flex;align-items:center;justify-content:flex-end;}
#index .head-top .menu div {position:relative;display:block;width:30px;background-color:#000;height:1px;}
#index .head-top .menu div::after,
#index .head-top .menu div::before {position:absolute;left:0;width:30px;height:1px;opacity:1;}
#index .head-top .menu div::after,
#index .head-top .menu div::before {background-color:#000;content:'';transform-origin:center;visibility:visible;}
#index .head-top .menu div::after {top:-10px}
#index .head-top .menu div::before {top:10px}

#index header {top:-77px;}
#index .head-top {transition:top .5s;}
#index header {transition:top .5s;}
#index.on .head-top {top:-77px;}
#index.on header {top:0;}

#index .sm-video .control {display:flex;position:absolute;bottom:5%;width:100%;justify-content:center;z-index:5;}
#index .sm-video .control a {position:relative;display:block;color:#fff;width:31px;height:31px;margin:0 0.5rem;}
#index .sm-video .control a {border-radius:50%;border:1px solid #ffffff99;text-align:center;}
#index .sm-video .control a img {display:inline-block;width:15px;height:15px;padding:7.5px;}
#index .sm-video .rv-btn {position:absolute;bottom:5%;right:0;z-index:7;}
#index .sm-video .rv-btn a {background:#000;display:block;padding:1.5rem 3.5rem;color:#fff;font-size:1.6rem;}

#index .sm-intro {padding:10rem 0;}
#index .sm-intro > div {display:flex;flex-wrap:wrap;}
#index .sm-intro .ttl-into {align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;}
#index .sm-intro .ttl-into .txt {width:45%;margin-left:10%;}
#index .sm-intro .ttl-into .txt h1 {font-size:5rem;line-height:6rem;margin-bottom:5rem;font-family:'Dancing Script';font-weight:400;}
#index .sm-intro .ttl-into .txt p {font-size:1.8rem;line-height:4.8rem;color:#787878;}
#index .sm-intro .ttl-into .img {position:relative;width:45%;padding-bottom:45%;border-radius:50%;overflow:hidden;}
#index .sm-intro .ttl-into .img > div {position:absolute;}
#index .sm-intro .img-into {width:100%;}
#index .sm-intro .img-into .img {position:relative;width:55%;padding-bottom:calc(55% / 2);overflow:hidden;}
#index .sm-intro .img-into .img > div {position:absolute;}
#index .sm-intro > div:nth-of-type(2) .img {margin-right:auto;border-top-right-radius:55rem;border-bottom-right-radius:55rem;}
#index .sm-intro > div:nth-of-type(3) .img {margin-left:auto;border-top-left-radius:55rem;border-bottom-left-radius:55rem;}

#index .sm-video-02 {height:0;padding-bottom:56.25%;}
#index .sm-video-02::before {display:none;}
#index .sm-video-02 .iframe {width:100%!important;height:100%!important;}
#index .sm-video-02 .iframe {top:0;left:0;transform:translate3d(0, 0, 0);}

/* transform */
#index section:nth-of-type(2) .trans .slide {transform:translateY(10%);}
/* #index section:nth-of-type(3) .trans:nth-of-type(1) .txt {transform:translateX(-10%);}
#index section:nth-of-type(3) .trans:nth-of-type(1) .img {transform:translateX(10%);}
#index section:nth-of-type(3) .trans:nth-of-type(2) .img {transform:translateX(-10%);}
#index section:nth-of-type(3) .trans:nth-of-type(3) .img {transform:translateX(10%);} */

#index section:nth-of-type(3) .trans .into {transform:translateY(10%);}
#index section:nth-of-type(3) .trans .slide {transform:translateY(10%);}

#index section:nth-of-type(4) .trans .slide {transform:translateY(10%);}
#index section:nth-of-type(4) .trans .into {transform:translateY(10%);}
#index section:nth-of-type(5) .trans .slide {transform:translateY(10%);}
#index section:nth-of-type(5) .trans .into {transform:translateY(10%);}
#index section:nth-of-type(6) .trans .slide {transform:translateY(10%);}
#index section:nth-of-type(6) .trans .into {transform:translateY(10%);}

/* transiton */
#index section .trans > div {opacity:0;transition:transform .5s, opacity .5s;}
#index section .trans.transOn > div {opacity:1;transition:transform 1s, opacity 1s;}
#index section .trans.transOn > div {transform:translate(0, 0)!important;opacity:1;}


/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    #index .sm-intro .ttl-into {display:block;width:80%;margin:0 auto;text-align:center;}
    #index .sm-intro .ttl-into .txt {width:100%;margin:0;}
    #index .sm-intro .ttl-into .img {width:60%;padding-bottom:60%;margin:10% auto 5%;}
    #index .sm-intro .img-into .img {width:60%;padding-bottom:calc(60% / 2);}

    #index .sm-radius .ttl-into {display:block;width:80%;margin:0 auto;text-align:center;}
    #index .sm-radius .ttl-into .txt {width:100%;margin:0;}
    #index .sm-radius .ttl-into .img {width:60%;padding-bottom:60%;margin:10% auto 5%;}
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    #index .sm-intro .ttl-into {width:auto;}
    #index .sm-intro .ttl-into .img {width:90%;padding-bottom:90%;}
    #index .sm-intro .img-into .img {position:relative;width:70%;padding-bottom:calc(70% / 2);}
    #index .sm-intro > div:nth-of-type(2) .img {margin-bottom:5%;}

}
/* Mobile */
@media screen and (max-width: 480px) {

}



/*---------------------------- About ------------------------------*/

#about .sm-location {padding:10rem 0;}
#about .sm-location .ttl {text-align:center;margin-bottom:5rem;padding:0 2rem;}
#about .sm-location .ttl h1 {position:relative;font-size:4rem;line-height:5rem;padding:0 0 3rem;}
/* #about .sm-location .ttl h1::before {border:.3rem solid #000;border-bottom:none;width:8rem;height:4rem;margin:0 auto 3rem;display:block;content:"";}
#about .sm-location .ttl h1::before {border-top-left-radius:5rem;border-top-right-radius:5rem;} */

#about .sm-info {padding:10rem 0 0;}
#about .sm-info .info {text-align:center;padding:0 2rem;}
#about .sm-info .info p {margin-bottom:5rem;font-size:1.8rem;line-height:4.8rem;color:#787878;}
#about .sm-info .info h1 {font-size:3.5rem;line-height:4.5rem;font-family:'Dancing Script';font-weight:400;color:#89A8D7;}

#about .sm-location .frame {max-width:1400px;margin:0 auto;padding:0 5rem;}
#about .sm-location .myMap {position:relative;padding-bottom:50%;}
#about .sm-location .myMap .root_daum_roughmap {position:absolute;width:100%;height:100%;}
#about .sm-location .myMap .root_daum_roughmap .wrap_map {height:calc(100% - 32px);}
#about .sm-location .info {width:100%;margin-top:5rem;}
#about .sm-location .info > div {position:relative;}
#about .sm-location .info > div:nth-of-type(1) {border-bottom:1px solid #e8e8e8;padding:1rem 0 3rem;}
#about .sm-location .info > div:nth-of-type(1) h1 {font-size:2rem;line-height:2.5rem;color:#707070;font-weight:400;letter-spacing:.1rem;}
#about .sm-location .info > div:nth-of-type(1) ul {position:absolute;top:0;right:0;}
#about .sm-location .info > div:nth-of-type(1) ul li {display:inline-block;margin-left:7px;}
#about .sm-location .info > div:nth-of-type(1) ul li a {display:block;padding:8px 18px;background-color:#F5E6DD;}
#about .sm-location .info > div:nth-of-type(1) ul li a {font-size:14px;line-height:19px;border-radius:7px;}
#about .sm-location .info > div:nth-of-type(1) ul li:nth-of-type(2) a {background-color:#fff;padding:6px 16px;border:1px solid #202020;}
#about .sm-location .info > div:nth-of-type(2) {margin-top:3rem;}
#about .sm-location .info > div:nth-of-type(2) p {font-size:2rem;line-height:2.5rem;margin-bottom:1.5rem;color:#707070;font-weight:400;}
#about .sm-location .info > div:nth-of-type(2) ul li {display:inline-block;margin:0 20px 10px 0;}
#about .sm-location .info > div:nth-of-type(2) ul li strong {font-size:15px;line-height:20px;font-weight:700;font-family:'Noto Sans KR';}
#about .sm-location .info > div:nth-of-type(2) ul li strong {color:#707070;margin-right:10px;}
#about .sm-location .info > div:nth-of-type(2) ul li span {color:#707070;font-size:15px;line-height:20px;font-weight:400;}
#about .sm-location .info > div:nth-of-type(2) ul li span {position:relative;top:-1px;}
#about .sm-location .info > div:nth-of-type(2) ul li a {color:#707070;font-size:15px;line-height:20px;font-weight:400;}
#about .sm-location .info > div:nth-of-type(2) ul li a {position:relative;top:-1px;}


/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    #about .sm-location .myMap {position:relative;padding-bottom:56.25%;}
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    #about .sm-location .frame {padding:0 2rem;}

    #about .sm-location .myMap {position:relative;padding-bottom:66.66%;}
}
/* Mobile */
@media screen and (max-width: 480px) {
    #about .sm-location .myMap {position:relative;height:320px;padding:0;}

    #about .sm-location .info div:nth-of-type(1) h1 {text-align:center;margin-bottom:15px;}
    #about .sm-location .info div:nth-of-type(1) ul {position:relative;display:flex;flex-wrap:wrap;justify-content:center;}
    #about .sm-location .info div:nth-of-type(1) ul li {margin:0 0 10px 7px;}
    #about .sm-location .info div:nth-of-type(2) {text-align:center;}
}



/*---------------------------- Services ------------------------------*/

#rooms-pv .sm-info {width:100%;margin:calc(78px + 2rem) auto 10rem;}         
#rooms-pv .sm-info .frame {width:calc(100% - 4rem);max-width:1400px;margin:0 auto;padding:0 2rem;}
#rooms-pv .sm-info .ttl {padding:5rem 0;text-align:center;}
#rooms-pv .sm-info .ttl h1 {display:block;font-size:24px;line-height:29px;font-weight:600;margin-bottom:1.5rem;color:#202020;}
#rooms-pv .sm-info .ttl p {font-size:16px;line-height:21px;color:#707070;}

#rooms-pv .sm-info .type ul {display:flex;flex-wrap:wrap;width:100%;padding-bottom:.5rem;}
#rooms-pv .sm-info .type li {margin:0 .5rem;}
#rooms-pv .sm-info .type li a {display:block;font-size:2.4rem;line-height:2.9rem;padding:1rem;color:#707070;}
#rooms-pv .sm-info .type li.on a {color:#202020;font-weight:600;}

#rooms-pv .sm-info .list {border-top:1px solid #e8e8e8;padding-top:3.5rem;}
#rooms-pv .sm-info .list ul {display:flex;flex-wrap:wrap;width:100%;margin-bottom:5rem;}
#rooms-pv .sm-info .list li {width:calc(33.33% - 1rem);margin:.5rem .5rem 3rem;}
#rooms-pv .sm-info .list li a {position:relative;display:block;overflow:hidden;}
#rooms-pv .sm-info .list li .img {position:relative;width:100%;padding-bottom:66.66%;}
#rooms-pv .sm-info .list li .img > div {position:absolute;width:100%;height:100%;}
#rooms-pv .sm-info .list li .txt {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
#rooms-pv .sm-info .list li .txt {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#rooms-pv .sm-info .list li .txt > div {text-align:center;border:.5rem solid #fff;width:90%;padding:20% 0;transform:translateY(10%);}
#rooms-pv .sm-info .list li .txt > div strong {display:block;font-size:1.6rem;line-height:2.6rem;margin-bottom:.5rem;color:#202020;}
#rooms-pv .sm-info .list li .txt > div span {display:block;font-size:1.5rem;line-height:2.5rem;color:#202020;}
#rooms-pv .sm-info .list li a::before {background-color:hsla(22, 55%, 91%, 0.8);display:block;content:"";z-index:1;}
#rooms-pv .sm-info .list li a::before {position:absolute;top:0;left:0;width:100%;height:100%;}

#rooms-pv .sm-thumb {width:100%;margin-bottom:10rem;}
#rooms-pv .sm-thumb .frame {width:calc(100% - 4rem);max-width:1400px;margin:0 auto;padding:0 2rem;}
#rooms-pv .sm-thumb .frame .ttl {padding:5rem 0;text-align:center;}
#rooms-pv .sm-thumb .frame .ttl h1 {display:block;font-size:3.5rem;line-height:4.5rem;font-weight:800;margin-bottom:1.5rem;color:#202020;}
#rooms-pv .sm-thumb .frame .ttl p {font-size:16px;line-height:26px;color:#707070;}
#rooms-pv .sm-thumb .frame .ttl::after {display:block;width:1px;height:5rem;margin:3rem auto 0;background-color:#aaaaaa;content:"";}

#rooms-pv .sm-thumb .thumb ul {display:flex;flex-wrap:wrap;width:100%;padding-bottom:.5rem;}
#rooms-pv .sm-thumb .thumb li {width:calc(31.33% - 1rem);margin:.5rem calc(1% + .5rem) 3rem;}
#rooms-pv .sm-thumb .thumb li .txt {width:98%;margin:17.5rem auto 1rem;font-size:1.6rem;line-height:2.6rem;color:#202020;}
#rooms-pv .sm-thumb .thumb li .txt strong {display:block;text-transform:uppercase;}
#rooms-pv .sm-thumb .thumb li .txt span {display:block;}
#rooms-pv .sm-thumb .thumb li .img {position:relative;width:100%;padding-bottom:100%;overflow:hidden;}
#rooms-pv .sm-thumb .thumb li .img > div {position:absolute;}
#rooms-pv .sm-thumb .thumb li:nth-of-type(2) .img {height:100%;padding:0;border-top-left-radius:50rem;border-top-right-radius:50rem;}

/* transiton */
#rooms-pv .sm-info .list li a::before {opacity:0;transition:opacity .3s;}
#rooms-pv .sm-info .list li .txt {opacity:0;transition:opacity .3s;}
#rooms-pv .sm-info .list li .txt > div {transition:transform .3s;}

/* hover */
@media (hover: hover) {
    #rooms-pv .sm-info .list li:hover a::before {opacity:1;}
    #rooms-pv .sm-info .list li:hover a .txt {opacity:1;}
    #rooms-pv .sm-info .list li:hover .txt > div {transform:translateY(0);}
}

/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    #rooms-pv .sm-info .list li {width:calc(50% - 0.5rem);margin:0.25rem;}
    #rooms-pv .sm-info .list li a::before {background-color:hsla(22, 55%, 91%, 0.7);opacity:1;}
    #rooms-pv .sm-info .list li a .txt {opacity:1;}
    #rooms-pv .sm-info .list li a .txt div {transform:translateY(0);}

    #rooms-pv .sm-thumb .thumb li .txt {width:98%;margin:0 auto 1rem;}
    #rooms-pv .sm-thumb .thumb li:nth-of-type(1),
    #rooms-pv .sm-thumb .thumb li:nth-of-type(3) {order:2;width:calc(48% - 1rem);}
    #rooms-pv .sm-thumb .thumb li:nth-of-type(2) {order:1;width:calc(98% - 1rem);}
    #rooms-pv .sm-thumb .thumb li:nth-of-type(2) .img {width:50%;margin:0 auto 5rem;height:0;padding-bottom:70%;}

}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    #rooms-pv .sm-info .list li {width:calc(100% - 2rem);margin:1rem;} 
    #rooms-pv .sm-thumb .thumb li:nth-of-type(1),
    #rooms-pv .sm-thumb .thumb li:nth-of-type(3) {width:calc(98% - 1rem);} 
    #rooms-pv .sm-thumb .thumb li:nth-of-type(2) .img {width:80%;padding-bottom:100%;}
    #rooms-pv .sm-thumb .thumb li:nth-of-type(1) .img,
    #rooms-pv .sm-thumb .thumb li:nth-of-type(3) .img {padding-bottom:56.25%;}
}
/* Mobile */
@media screen and (max-width: 480px) {
    
}



/*---------------------------- Rooms ------------------------------*/
#rooms .sm-info {width:calc(100% - 4rem);max-width:1400px;padding:10rem 2rem 0;margin:0 auto;}
#rooms .sm-info .ttl {position:relative;width:100%;height:7rem;margin:0 auto;border-bottom:1px solid #e8e8e8;}
#rooms .sm-info .ttl {display:flex;flex-wrap:wrap;align-items:center;}
#rooms .sm-info .ttl h1 {display:inline-block;font-size:24px;line-height:29px;font-weight:500;}
#rooms .sm-info .ttl a {position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:15px;line-height:15px;}
#rooms .sm-info .ttl a {display:inline-block;background-color:#F5E6DD;border-radius:7px;padding:1.2rem 3rem;}

#rooms .sm-info .info {width:100%;display:flex;flex-wrap:wrap;margin-top:3rem;padding-bottom:5rem;border-bottom:1px solid #e8e8e8;}
#rooms .sm-info .info > div {width:46%;margin:0 2%;}
#rooms .sm-info .info > div ul {width:100%;}
#rooms .sm-info .info > div ul li {margin-bottom:5rem;font-size:15px;line-height:25px;}
#rooms .sm-info .info > div ul li strong {display:block;font-weight:700;}
#rooms .sm-info .info > div ul li span {display:block;color:#686868;margin:1rem 0;}
#rooms .sm-info .info > div ul li i {display:block;font-size:14px;line-height:19px;color:#8f8f8f;font-style:normal;}

#rooms .sm-info .eq {width:100%;margin-top:7.5rem;}
#rooms .sm-info .eq h1 {display:inline-block;font-size:24px;line-height:29px;font-weight:500;margin-bottom:2rem;}
#rooms .sm-info .eq > ul {width:100%;display:flex;flex-wrap:wrap;align-items:end;}
#rooms .sm-info .eq > ul li {width:33.33%;}
#rooms .sm-info .eq > ul li a {display:block;border:1px solid #e8e8e8;border-left:0;}
#rooms .sm-info .eq > ul li a {padding:7px 0;font-size:15px;line-height:25px;text-align:center;}
#rooms .sm-info .eq > ul li:first-child a {border:1px solid #e8e8e8;}
#rooms .sm-info .eq > ul li.on a {border:1px solid #787878;border-bottom:1px solid #e8e8e8;}
#rooms .sm-info .eq > ul li.on a {font-weight:700;}
#rooms .sm-info .eq > div {width:100%;padding:3.5rem 0 5rem;background-color:#f5f4f4;display:none;}
#rooms .sm-info .eq > div ul {width:98%;margin:0 auto;display:flex;flex-wrap:wrap;}
#rooms .sm-info .eq > div ul li {position:relative;margin:0 1rem 1.5rem;font-size:15px;line-height:20px;}
#rooms .sm-info .eq > div ul li::before {display:inline-block;content:"ㆍ";padding:0 0.5rem;}
#rooms .sm-info .eq > div.on {display:block;}

#rooms .sm-info .notice {width:100%;display:flex;flex-wrap:wrap;padding:7.5rem 0 5rem;}
#rooms .sm-info .notice h1 {width:100%;display:block;font-size:24px;line-height:29px;font-weight:500;}
#rooms .sm-info .notice h1 {padding-bottom:2rem;border-bottom:1px solid #e8e8e8;}
#rooms .sm-info .notice > div {width:48%;margin:3rem 1% 0;}
#rooms .sm-info .notice > div strong {display:block;color:#707070;}
#rooms .sm-info .notice > div ul {width:100%;margin-top:1.5rem;}
#rooms .sm-info .notice > div ul li {margin-bottom:.3rem;font-size:13px;line-height:23px;color:#707070;display:flex;flex-wrap:wrap;}

#rooms .sm-preview {padding:10rem 0;}


/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    #rooms .sm-info {width:calc(100% - 4rem);}
    #rooms .sm-info .info {display:block;}
    #rooms .sm-info .info > div {width:98%;margin:0 1%;}
    #rooms .sm-info .notice > div {width:98%;margin:3rem 1% 0;}
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    #rooms .sm-info .eq > ul li {width:100%;margin-bottom:1rem;}
    #rooms .sm-info .eq > ul li a {border:1px solid #e8e8e8;}
    #rooms .sm-info .eq > ul li.on a {border:1px solid #787878;}
    
}
/* Mobile */
@media screen and (max-width: 480px) {
    
}



/*---------------------------- Facilitys ------------------------------*/

#facilitys .sm-info {width:calc(100% - 4rem);max-width:1400px;padding:10rem 2rem 0;margin:0 auto;}
#facilitys .sm-info .ttl {position:relative;width:100%;height:7rem;margin:0 auto;border-bottom:1px solid #e8e8e8;}
#facilitys .sm-info .ttl {display:flex;flex-wrap:wrap;align-items:center;}
#facilitys .sm-info .ttl h1 {display:inline-block;font-size:24px;line-height:29px;font-weight:500;}
#facilitys .sm-info .info {width:100%;display:flex;flex-wrap:wrap;margin-top:3rem;padding-bottom:5rem;}
#facilitys .sm-info .info div {width:98%;margin:0 auto;}
#facilitys .sm-info .info div p {font-size:15px;line-height:25px;}
#facilitys .sm-preview {padding:10rem 0;}


/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    
}
/* Mobile */
@media screen and (max-width: 480px) {
    
}



/*---------------------------- Services ------------------------------*/

#service .sm-info {width:100%;margin:calc(78px + 2rem) auto 15rem;}            
#service .sm-info .frame {width:calc(100% - 4rem);max-width:1400px;margin:0 auto;padding:0 2rem;}
#service .sm-info .ttl {padding:5rem 0;text-align:center;}
#service .sm-info .ttl h1 {display:block;font-size:24px;line-height:29px;font-weight:600;margin-bottom:1.5rem;color:#202020;}
#service .sm-info .ttl p {font-size:16px;line-height:21px;color:#707070;}
#service .sm-info .list ul {display:flex;flex-wrap:wrap;}
#service .sm-info .list ul li {width:16.66666%;text-align:center;}
#service .sm-info .list ul li a {display:block;border:1px solid #e8e8e8;border-left:0;}
#service .sm-info .list ul li a {padding:7px 0;font-size:15px;line-height:25px;text-align:center;color:#202020;}
#service .sm-info .list ul li:first-child a {border:1px solid #e8e8e8;}
#service .sm-info .list ul li.on a {border:1px solid #787878;border-bottom:1px solid #e8e8e8;}
#service .sm-info .list ul li.on a {font-weight:400;font-family:'Noto Sans KR';}
#service .sm-info .img {position:relative;padding-bottom:56.25%;}
#service .sm-info .img > div {position:absolute;width:100%;height:100%;opacity:0;z-index:1;}
#service .sm-info .img > div.on {opacity:1;z-index:0;}
#service .sm-info .img > div {transition:opacity .5s;}
#service .sm-info .img > div.on {transition:none;}
#service .sm-info .info {margin-top:5rem;}
#service .sm-info .info h1 {width:100%;display:block;font-size:24px;line-height:29px;font-weight:500;}
#service .sm-info .info h1 {padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid #e8e8e8;}
#service .sm-info .info p {width:98%;margin:0 auto;font-size:15px;line-height:25px;}


/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    #service .sm-info .list {margin-bottom:.5%;}
    #service .sm-info .list ul li {width:32.33%;text-align:center;margin:.5%;}
    #service .sm-info .list ul li a {border:1px solid #e8e8e8;}
    #service .sm-info .list ul li.on a {border:1px solid #787878;}
}
/* Mobile */
@media screen and (max-width: 480px) {
    
}



/*---------------------------- Travels ------------------------------*/

#travel .sm-info {width:100%;margin:calc(78px + 2rem) auto 15rem;}            
#travel .sm-info .frame {width:calc(100% - 4rem);max-width:1400px;margin:0 auto;padding:0 2rem;}
#travel .sm-info .ttl {padding:5rem 0;text-align:center;}
#travel .sm-info .ttl h1 {display:block;font-size:24px;line-height:29px;font-weight:600;margin-bottom:1.5rem;color:#202020;}
#travel .sm-info .ttl p {font-size:16px;line-height:21px;color:#707070;}
#travel .sm-info .list ul {display:flex;flex-wrap:wrap;}
#travel .sm-info .list ul li {width:16.66666%;text-align:center;}
#travel .sm-info .list ul li a {display:block;border:1px solid #e8e8e8;border-left:0;}
#travel .sm-info .list ul li a {padding:7px 0;font-size:15px;line-height:25px;text-align:center;color:#202020;}
#travel .sm-info .list ul li:first-child a {border:1px solid #e8e8e8;}
#travel .sm-info .list ul li.on a {border:1px solid #787878;border-bottom:1px solid #e8e8e8;}
#travel .sm-info .list ul li.on a {font-weight:400;font-family:'Noto Sans KR';}
#travel .sm-info .img {position:relative;padding-bottom:56.25%;}
#travel .sm-info .img > div {position:absolute;width:100%;height:100%;opacity:0;z-index:1;}
#travel .sm-info .img > div.on {opacity:1;z-index:0;}
#travel .sm-info .img > div {transition:opacity .5s;}
#travel .sm-info .img > div.on {transition:none;}
#travel .sm-info .info {margin-top:5rem;}
#travel .sm-info .info h1 {width:100%;display:block;font-size:24px;line-height:29px;font-weight:500;}
#travel .sm-info .info h1 {padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid #e8e8e8;}
#travel .sm-info .info p {width:98%;margin:0 auto;font-size:15px;line-height:25px;}


/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    #travel .sm-info .list {margin-bottom:.5%;}
    #travel .sm-info .list ul li {width:32.33%;text-align:center;margin:.5%;}
    #travel .sm-info .list ul li a {border:1px solid #e8e8e8;}
    #travel .sm-info .list ul li.on a {border:1px solid #787878;}
}
/* Mobile */
@media screen and (max-width: 480px) {
    
}


/****** 예약 페이지 복사 ******/

/*---------------------------- Reservation ------------------------------*/
#reservation .sm-table {width:calc(100% - 4rem);max-width:1400px;margin:calc(78px + 2rem) auto 0;padding:5rem 2rem 10rem;}
#reservation .sm-table .table-into {width:100%;}
#reservation .sm-table .table-into > ul {display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:10rem;}
#reservation .sm-table .table-into > ul li {position:relative;}
#reservation .sm-table .table-into > ul li:before {position:absolute;right:0;width:1px;height:100%;content:"";display:block;}
#reservation .sm-table .table-into > ul li:before {background-color:#e8e8e8;}
#reservation .sm-table .table-into > ul li:last-child::before {display:none;}
#reservation .sm-table .table-into > ul li a {display:block;font-size:2rem;line-height:2.5rem;padding:1.25rem 3.5rem;color:#787878}   
#reservation .sm-table .table-into > ul li.active a {color:#202020;font-weight:bold;}
#reservation .sm-table .table-into > div {width:100%;}
#reservation .conts {max-width:1200px;margin:0 auto;}
#reservation .conts h1 {border-bottom:1px dotted #e8e8e8;padding-bottom:1.5rem;text-align:center;margin-bottom:5rem;margin-bottom:3rem;}
#reservation .conts h1 strong {display:inline-block;font-size:3rem;line-height:3.5rem;font-weight:300;margin-bottom:.5rem;}
#reservation .conts h1 span {display:inline-block;font-size:1.6rem;line-height:2.1rem;font-weight:400;color:#787878;margin-left:.5rem;}
#reservation .notice {margin-bottom:7.5rem;}                    
#reservation .notice ul li {font-size:12px;line-height:22px;margin-bottom:.2rem;color:#787878;}
#reservation .notice ul li {font-family:Malgun Gothic,"맑은 고딕";}
#reservation .notice ul li b {color:#202020;}
#reservation .notice ul li.red {color:red;}
#reservation .notice ul li.blue {color:blue;}
#reservation .notice ul li.pupple {color:#ef007c;}
#reservation .notice ul li span {display:block;color:#202020;}
#reservation .notice > ul > li ul {margin-bottom:2rem;}
#reservation .notice table {width:100%;text-align:center;margin-top:1rem;}
#reservation .notice table th {background-color:#f7f6f6;}
#reservation .notice table th,
#reservation .notice table td {border:1px solid #e8e8e8;padding:7.5px 0;font-size:12px;line-height:22px;}
#reservation .notice i {display:none;}

/*-------------- Responsive ---------------*/
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    #reservation .notice .table {width:100%;overflow:hidden;overflow-x:scroll;}
    #reservation .notice .table table {width:calc(700px - 4rem);display:block;}
    #reservation .notice i {display:block;width:100%;display:block;text-align:center;margin:1rem 0 2rem;font-style:normal;color:#000}
}

/****** 예약 페이지 복사 ******/