@charset "UTF-8";

/* Common */
@import url('common.css');


/* 로고사이즈 변경시 */
header hgroup h1 {align-items:center;} /* start, center, end, 로고 옆 텍스트 - 상하중앙정렬  */
header hgroup h1 a {max-width:22.8rem;margin-right:2rem;}

footer .ft-logo h1 {max-width:24.8rem;}
@media screen and (max-width:768px) {
    footer .ft-logo h1 {max-width:20rem;}
}
@media screen and (max-width: 480px) {
    footer .ft-logo h1 {max-width:15rem;}
}

/*---------------------------- 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 .slide {position:relative;width:100%;height:100vh;overflow:hidden}
.sm-slide .swiper {position:absolute;height:100%;}
.sm-slide .swiper .bg-cov {width:100%;height:100%;}
.sm-slide .swiper .swiper-arrow {font-size:5rem;color:#fff}
.sm-slide .swiper .swiper-button-next {right:0}
.sm-slide .swiper .swiper-button-prev {left:0}
@media screen and (max-width:768px) {
    .sm-slide .swiper .swiper-btn {display:none}
}

/* Preview */
.sm-preview {overflow:hidden;} 
.sm-preview .ttl a {position:relative;border:1px solid #707070;padding:1rem 1.5rem;display:inline-block;}
.sm-preview .ttl a span {position:relative;font-weight:2rem;line-height:3rem;margin-right:1rem;z-index:1;transition:.5s;}
.sm-preview .ttl a b {position:relative;width:36px;height:15px;background:url('../image/arrow-s-b.png') no-repeat 50% 50%;background-size:cover;}
.sm-preview .ttl a b {transform: translateY(.25rem);display:inline-block;z-index:1;transition:.5s;}
.sm-preview .ttl a::after {background-color:#153D2A;display:block;content:"";transition:.5s;}
.sm-preview .ttl a::after {position:absolute;top:0;left:0;width:0;height:100%;}
@media (hover: hover) {
    .sm-preview .ttl a:hover span {color:#fff;}
    .sm-preview .ttl a:hover b {background:url('../image/arrow-s-w.png') no-repeat 50% 50%;}
    .sm-preview .ttl a:hover::after {width:100%;} 
}
.sm-roomPv {padding:15rem 0 20rem;} 
.sm-roomPv .preview {width:120%;margin-left:-10%;padding-bottom:5rem;}
.sm-roomPv .preview .slide {position:relative;width:33.33%;margin:0 auto;}
.sm-roomPv .preview .swiper {width:100%;overflow:visible;}
.sm-roomPv .preview .swiper-slide a {width:92.5%;margin:0 auto;display:block;opacity:.5;transition:.5s;}
.sm-roomPv .preview .swiper-slide.swiper-slide-active a {opacity:1;}
.sm-roomPv .preview .swiper-slide .img {position:relative;width:100%;padding-bottom:66.66%;}
.sm-roomPv .preview .swiper-slide .img .bg-cov {position:absolute;}
.sm-roomPv .preview .swiper-slide .txt {position:absolute;bottom:0;left:50%;transform:translate(-50%, 50%);background-color:#fff;width:50%;}
.sm-roomPv .preview .swiper-slide .txt {box-shadow:3px 6px 6px 3px rgba(0, 0, 0, 0.16);min-width:280px;}
.sm-roomPv .preview .swiper-slide .txt div {padding:3rem;text-align:center;}
.sm-roomPv .preview .swiper-slide .txt div span {display:block;color:#153D2A;opacity:.5;}
.sm-roomPv .preview .swiper-slide .txt div strong {display:block;font-size:3.2rem;line-height:4.2rem;margin:1.5rem 0 1rem;}
.sm-roomPv .preview .swiper-slide .txt div strong {font-family:'nanumsquare';font-weight:400;}
.sm-roomPv .preview .swiper-slide .txt div b {display:block;line-height:2.6rem;color:#707070;font-weight:400;}
.sm-roomPv .preview .swiper-arrow {font-size:3.5rem;color:#707070;}
.sm-roomPv .preview .swiper-button-next {right:-1.5rem}
.sm-roomPv .preview .swiper-button-prev {left:-1.5rem}

.sm-serPv {padding:3rem 0 20rem;}
.sm-serPv .preview {position:relative;width:100%;height:100vh;}
.sm-serPv .slide {position:absolute;width:100%;height:100%;}
.sm-serPv .swiper {width:100%;height:100%;overflow:visible;}
.sm-serPv .swiper-slide {height:100%;}
.sm-serPv .swiper-slide a {position:relative;width:100%;height:100%;display:block;transition:.5s;}
.sm-serPv .swiper-slide a::before {position:absolute;width:100%;height:100%;display:block;content:"";z-index:1;}
.sm-serPv .swiper-slide a::before {background-color:#000;opacity:0.3;transition:.3s;}
.sm-serPv .swiper-slide .img {position:relative;width:100%;height:100%;}
.sm-serPv .swiper-slide .img .bg-cov {position:absolute;}
.sm-serPv .swiper-slide .txt {font-size:3rem;color:#fff;font-family:'nanumsquare';font-weight:400;}
.sm-serPv .swiper-slide .txt {position:absolute;bottom:3%;left:3%;z-index:2;width:100%;}
.sm-serPv .swiper-slide .txt {writing-mode:vertical-lr;text-orientation:sideways;transition:.3s;}
@media (hover: hover) {
    .sm-serPv .swiper-slide:hover a {transform:translateY(10%);} 
    .sm-serPv .swiper-slide:hover a::before,
    .sm-serPv .swiper-slide:hover .txt {opacity:0;}
}

/* Title */
.sm-title {padding:15rem 0 0;}

/* Image */
.sm-image-form {position:relative;overflow:hidden}


/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    /* Swiper */
    .sm-slide .slide {height:calc(100vw * 9 / 16);min-height:300px;}                
    
    /* Preview */
    .sm-roomPv .preview .swiper-slide .txt div {padding:1.5rem;font-size:1.5rem;}
    .sm-roomPv .preview .swiper-slide .txt div strong {font-size:2.6rem;line-height:3.6rem;}
    .sm-serPv .preview {position:relative;width:100%;height:calc(100vw * 9 / 16);min-height:300px;}
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    /* Preview */
    .sm-roomPv .preview {width:200%;margin-left:-50%;}
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    /* Detail Page - order */
    .container {display:flex;flex-wrap:wrap;width:100%;}
    .container section {width:100%;}
    .container .sm-title {order:1;}
    .container .sm-slide {order:2;}
    .container .sm-info {order:3;}
    .container .sm-preview {order:4;}
    .container .top-btn {order:5;} 

    /* Preview */
    .sm-roomPv .preview {width:250%;margin-left:-75%;}
    .sm-roomPv .preview .swiper-slide .txt {min-width:230px;transform:translate(-50%, 70%);}
    
    .sm-serPv {padding:0 0 15rem;}
    .sm-serPv .slide {width:133.33%;}
}
/* Mobile */
@media screen and (max-width: 480px) {
    /* Preview */
    .sm-serPv .slide {width:166.66%;}
}


/*---------------------------- Header/Footer ------------------------------*/
/* Header */
header {position:fixed;top:0;width:100%;z-index:1000;}
header hgroup {position:relative;width:100%;height:10rem;z-index:2;}
header hgroup::before {position:absolute;width:100%;height:calc(100% - 1px);display:block;content:"";}
header hgroup::before {background-color:#fff;transform:translate(0, -100%);border-bottom:1px solid #e8e8e8;transition:transform .6s;}
header hgroup.pc::before {transform:translate(0, 0);}
header hgroup.line::before {border-bottom:1px solid #fff;}
header hgroup h1 {position:absolute;top:2rem;left:1.5%;display:flex;}
header hgroup h1 a {display:block;}
header hgroup h1 img {width:100%;display:block;}
header hgroup h1 div {font-size:1.5rem;line-height:2rem;}
header hgroup h1 div strong {display:block;}
header hgroup h1 div span {display:block;font-weight:400;}
header hgroup .menu {position:absolute;right:0;cursor:pointer;}
header hgroup .menu img {max-width:10rem;display:block;}
header hgroup .naver {position:absolute;right:10rem;}
header hgroup .naver img {max-width:10rem;display:block;}

header .gnb-pc {position:absolute;top:0;left:50%;transform:translate(-50%, -100%);width:45%;z-index:3;transition:transform .6s;}
header .gnb-pc.on {transform:translate(-50%, 0%);}
header .gnb-pc > ul {display:flex;width:100%;}
header .gnb-pc > ul > li {position:relative;text-align:center;}
header .gnb-pc > ul > li:nth-child(1) {width:19%;}
header .gnb-pc > ul > li:nth-child(2) {width:19%;}
header .gnb-pc > ul > li:nth-child(3) {width:20.5%;}
header .gnb-pc > ul > li:nth-child(4) {width:20.5%;}
header .gnb-pc > ul > li:nth-child(5) {width:21%;}
header .gnb-pc > ul > li > a {position:relative;display:block;padding:3.5rem 0;font-size:1.8rem;line-height:2.8rem;color:#7D7D7D;}
header .gnb-pc > ul > li > a::before {content:"";z-index:1;transform:rotate(-25deg) translate(-50%, 0);opacity:0;transition:opacity .5s;}
header .gnb-pc > ul > li > a::before {position:absolute;bottom:1rem;left:50%;width:4rem;height:1px;background-color:#153D2A;}
header .gnb-pc > ul > li ul {position:absolute;top:100%;left:50%;transform:translate(-50%, 0);height:0;overflow:hidden;opacity:0;}
header .gnb-pc > ul > li ul {transition:height .6s, opacity .6s;}
header .gnb-pc > ul > li ul {min-width:150px;font-size:1.6rem;line-height:2.6rem;}
header .gnb-pc > ul > li ul a {padding:.5rem 0;display:block;}
header .gnb-pc > ul > li ul li:nth-child(1) {padding-top:3rem;}
header .gnb-pc > ul > li.col ul {min-width:800px;display:flex;}
header .gnb-pc > ul > li.col ul > li {width:20%;padding-top:3rem;}
@media (hover: hover) {
    header .gnb-pc > ul > li:hover > a {color:#153D2A;}
    header .gnb-pc > ul > li:hover > a::before {opacity:1;}
    header .gnb-pc > ul > li li a:hover {color:#153D2A;}
}

header .gnb-mb {display:none;}
header .gnb-mb {position:fixed;top:0;left:0;width:100%;height:100%;transform:translateY(-100%);overflow:hidden;opacity:0;z-index:1;}
header .gnb-mb::before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:#fff;opacity:.95;}
header .gnb-mb > ul {display:flex;flex-direction:column;width:95%;height:calc(100% - 20rem);}
header .gnb-mb > ul {position:absolute;padding:15rem 2.5% 5rem;overflow-y:scroll;overflow-x:hidden;z-index:1;}
header .gnb-mb > ul > li {width:100%;text-align:center;}
header .gnb-mb > ul > li > a {position:relative;padding:3.5rem 0;font-size:3.5rem;line-height:4.5rem;display:block;}
header .gnb-mb > ul > li > a::before {content:"";z-index:1;transform:rotate(-25deg) translate(-50%, 0);;opacity:0;transition:opacity .5s;}
header .gnb-mb > ul > li > a::before {position:absolute;bottom:1rem;left:50%;width:4rem;height:1px;background-color:#153D2A;}
header .gnb-mb > ul > li.on > a::before {opacity:1;}
header .gnb-mb > ul > li.on > a {color:#153D2A;}
header .gnb-mb > ul > li ul {position:relative;top:0;left:0;height:0;overflow:hidden;opacity:0;}
header .gnb-mb > ul > li ul {font-size:2.6rem;line-height:3.6rem;}
header .gnb-mb > ul > li ul li:nth-child(1) {padding-top:3rem;}
header .gnb-mb > ul > li ul a {padding:1rem 0;display:block;}
header .gnb-mb > ul > li.col ul {min-width:100%;display:block;}
header .gnb-mb > ul > li.col ul li {display:flex;justify-content:center;}
header .gnb-mb > ul > li.col ul a {display:inline-block;margin:0 1.5rem;}
header .gnb-mb.on {transform:translateY(0%);opacity:1;}
header .bg {position:absolute;width:100%;top:10rem;height:0;display:block;content:"";overflow:hidden;}
header .bg {background-color:#fff;transition:height .6s;}
header .bg::after {position:relative;height:calc(100% - 1px);display:block;content:"";border-bottom:1px solid #e8e8e8;}

/* Footer */
footer {position:relative;padding:5rem 0;background-color:#fff;border-top:1px solid #e8e8e8;z-index:10;}
footer .frame {max-width:90%;margin:auto;display:flex;justify-content:space-between;}
footer .ft-logo {display:flex;flex-direction:column;justify-content:space-between;}
footer .ft-logo h1 {margin-right:3rem;}
footer .ft-logo h1 a {display:block;width:100%;}
footer .ft-logo h1 img {max-width:100%;display:block;}
footer .ft-logo div {font-size:1.6rem;line-height:2rem;}
footer .ft-logo div span {font-weight:400;}
footer .ft-addr {text-align:right;color:#7D7D7D;}
footer .ft-addr .add {line-height:3.1rem;}
footer .ft-addr .add .block {display:none;}
footer .ft-addr p {margin-top:2.5rem;}

/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {

}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    footer .frame {display:block;}    
    footer .ft-logo {display:flex;flex-direction:unset;justify-content:baseline;align-items:center;}
    footer .ft-logo div strong {display:block;}
    footer .ft-logo div span {display:block;}
    footer .ft-addr {text-align:left;margin-top:5rem;}
    footer .ft-addr .list {justify-content:flex-start;}
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    footer .ft-addr ul span {display:none;}
    footer .ft-addr ul .block {display:block;}
    footer .ft-addr .list {display:block;}
    footer .ft-addr .list div {display:none;}
    footer .ft-addr .list ul {justify-content:left;}
    footer .ft-addr .list ul li:first-child a {margin-left:0;}
    footer .ft-addr .list ul li:first-child::before {display:none;}
}
/* Mobile */
@media screen and (max-width: 480px) {
    footer .ft-logo h1 {max-width:150px;}
}


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

#index .sm-video {z-index:1;}
#index .sm-video .control {display:flex;position:absolute;left:2%;bottom:3%;width:100%;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-banner {width:100%;height:calc(100vw / 16 * 9 / 1.5);}
#index .sm-banner .frame {position:relative;width:100%;height:100%;}
#index .sm-banner .frame .img {position:relative;width:100%;height:100%;}
#index .sm-banner .frame .txt {position:absolute;top:0;left:5%;width:90%;height:100%;z-index:2;}
#index .sm-banner .frame .txt {display:flex;align-items:center;justify-content:center;text-align:center;}
#index .sm-banner .frame .txt div {text-shadow:2px 2px 5px rgb(0, 0, 0, 0.5);}
#index .sm-banner .frame .txt strong {font-size:5rem;line-height:6rem;font-weight:400;display:block;color:#fff;}
#index .sm-banner .frame .txt span {font-size:2.5rem;line-height:3.5rem;font-weight:400;color:#fff;}
#index .sm-banner .frame .line {position:absolute;left:0;width:100%;z-index:1;}
#index .sm-banner .frame .line-top {top:0;}
#index .sm-banner .frame .line-bottom {bottom:0;}

#index .sm-facPv {padding:15rem 0 0;}
#index .sm-facPv .preview::before {position:absolute;width:100%;height:55%;background-color:#191919;opacity:.1;display:block;content:"";}
#index .sm-facPv .preview .frame {width:85%;margin:auto;padding-top:7.5rem;position:relative;overflow:hidden;}
#index .sm-facPv .preview .lists {width:92.5%;margin:0;margin-left:7.5%;}
#index .sm-facPv .preview .slides {display:flex;flex-wrap:wrap;}
#index .sm-facPv .operation {position:relative;width:29%;margin-right:1%;}
#index .sm-facPv .operation .tit {position:relative;width:100%;height:60%;color:#707070;}
#index .sm-facPv .operation .tit div {position:absolute;top:50%;transform:translateY(-60%);opacity:0;transition:.7s;}
#index .sm-facPv .operation .tit div.on {transform:translateY(-50%);opacity:1;transition:.7s;}
#index .sm-facPv .operation .tit span {font-size:2rem;line-height:3rem;font-family:'nanumsquare';font-weight:400;}
#index .sm-facPv .operation .tit strong {font-size:4.5rem;line-height:5.5rem;font-weight:400;display:block;}
#index .sm-facPv .operation .btn {position:relative;height:40%;}
#index .sm-facPv .operation .btn .swiper-button-prev,
#index .sm-facPv .operation .btn .swiper-button-next {width:auto;height:auto;top:10%;transform:translateY(0);margin-top:auto;display:block}
#index .sm-facPv .operation .btn .swiper-button-prev {left:0;}
#index .sm-facPv .operation .btn .swiper-button-next {right:unset;left:7rem;}
#index .sm-facPv .slide {position:relative;width:70%;padding-bottom:calc(66.66% / 10 * 7);}
#index .sm-facPv .slide .swiper {position:absolute;width:100%;height:100%;}
#index .sm-facPv .slide .swiper-slide a {display:block;width:100%;height:100%;}
#index .sm-facPv .slide .swiper-slide a .img {position:relative;width:100%;height:100%;}
#index .sm-facPv .slide .swiper-slide a .img .bg-cov {position:absolute;}
#index .sm-facPv .thumb {position:relative;width:50%;padding-bottom:18.5%;}
#index .sm-facPv .thumb .swiper {position:absolute;width:100%;height:100%;overflow:visible;} 
#index .sm-facPv .thumb .swiper-slide {cursor:pointer;}
#index .sm-facPv .thumb .swiper-slide .txt {font-size:2rem;font-family:'nanumsquare';font-weight:400;color:#707070;margin-bottom:2rem;}
#index .sm-facPv .thumb .swiper-slide .img {position:relative;width:100%;padding-bottom:66.66%;}
#index .sm-facPv .thumb .swiper-slide .img::before {position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;}
#index .sm-facPv .thumb .swiper-slide .img::before {background-color:#000;display:block;content:"";z-index:1;transition:.3s;}
#index .sm-facPv .thumb .swiper-slide-thumb-active .img::before {opacity:0;}
#index .sm-facPv .thumb .swiper-slide .img .bg-cov {position:absolute;}

#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);}

/* transiton */
#index section .trans > div {opacity:0;transform:translateY(-10%);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-facPv .preview .frame {width:90%;}
    #index .sm-facPv .preview .lists {margin:auto;}
    #index .sm-facPv .operation {width:100%;height:12.5rem;margin-right:0;order:2;}
    #index .sm-facPv .operation {display:flex;flex-wrap:wrap;justify-content:space-between;}
    #index .sm-facPv .operation .tit,
    #index .sm-facPv .operation .btn {height:auto;}
    #index .sm-facPv .operation .tit {width:calc(100% - 95px);}
    #index .sm-facPv .operation .btn {width:85px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
    #index .sm-facPv .operation .btn .swiper-btn {position:relative;display:inline-block;left:0;right:0;top:0;margin-top:0;}
    #index .sm-facPv .operation .btn .swiper-btn img {max-width:40px;display:block;}
    #index .sm-facPv .slide,
    #index .sm-facPv .thumb {width:100%;padding-bottom:66.66%;}
    #index .sm-facPv .preview .lists {padding-top:5rem;}

}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    #index .sm-facPv .preview::before {height:25%;}

    #index .sm-banner {min-height:300px;}
    #index .sm-banner .frame .txt strong {font-size:3.5rem;line-height:4.5rem;}

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

}


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

#about .sm-info {padding:15rem 0 10rem;}
#about .sm-info .txt {max-width:calc(1400px - 4rem);padding:0 2rem;margin:auto;text-align:center;}
#about .sm-info .txt h1 {font-size:5rem;line-height:6rem;color:#153D2A;font-weight:400;}
#about .sm-info .txt p {margin-top:3rem;font-family:'nanumsquare';font-weight:400;font-size:2rem;line-height:3.5rem;color:#707070;}
#about .sm-location .ttl {padding-top:10rem;}
#about .sm-location .frame {max-width:calc(1400px - 4rem);padding:0 2rem;margin:0 auto 10rem;}
#about .sm-location .frame > ul {display:flex;justify-content:right;margin-bottom:2rem;}
#about .sm-location .frame > ul li {display:inline-block;margin-left:5px;}
#about .sm-location .frame > ul li a {position:relative;display:block;padding:8px 18px;border:1px solid #7D7D7D;}
#about .sm-location .frame > ul li a span {font-size:14px;line-height:19px;font-family:'nanumsquare';font-weight:400;}
#about .sm-location .frame > ul li a span {position:relative;z-index:1;transition:.5s;}
#about .sm-location .frame > ul li a::after {background-color:#153D2A;display:block;content:"";transition:.5s;}
#about .sm-location .frame > ul li a::after {position:absolute;top:0;left:0;width:0;height:100%;}
@media (hover: hover) {
    #about .sm-location .frame > ul li:hover a {color:#fff;}
    #about .sm-location .frame > ul li:hover a::after {width:100%;} 
}


#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:100%;}


/*-------------- 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;}

}


/*---------------------------- Rooms-Preview ------------------------------*/
.rooms-pv .sm-title {margin:auto;}
.rooms-pv .sm-title .ttl {margin-bottom:3.5rem;}
.rooms-pv .sm-list {max-width:calc(1600px - 4rem);padding:0 2rem;margin:0 auto 15rem;}
.rooms-pv .sm-list .list {display:flex;flex-wrap:wrap;width:100%;padding-bottom:.5rem;}
.rooms-pv .sm-list .list {margin:1rem 0;}
.rooms-pv .sm-list .list a {display:block;font-size:2.4rem;line-height:2.9rem;padding:1rem 1.5rem;color:#707070;}
.rooms-pv .sm-list .list a:first-child {padding-left:0;}
.rooms-pv .sm-list .list a.on {color:#202020;font-weight:600;}
.rooms-pv .sm-list ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
.rooms-pv .sm-list ul {margin-bottom:7.5rem;border-bottom:1px solid rgb(112, 112, 112 ,0.5);}
.rooms-pv .sm-list ul:last-child {margin:0;padding:0;border:none;}
.rooms-pv .sm-list li {width:49.5%;padding-bottom:7.5rem;}
.rooms-pv .sm-list li a {width:100%;display:block;}
.rooms-pv .sm-list li .img {position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;}
.rooms-pv .sm-list li .img .bg-cov {position:absolute;transition:transform .5s;}
.rooms-pv .sm-list li .txt {display:flex;flex-wrap:wrap;justify-content:space-between;padding:3rem;border:1px solid rgb(112, 112, 112 ,0.5);}
.rooms-pv .sm-list li .txt .tit strong {display:block;margin-bottom:1.5rem;font-size:3rem;line-height:4rem;font-family:'nanumsquare';font-weight:400;}
.rooms-pv .sm-list li .txt .tit span {display:block;color:#191919;line-height:2.6rem;font-family:'nanumsquare';font-weight:400;}
.rooms-pv .sm-list li .txt .btn div {border:1px solid rgb(112, 112, 112 ,0.5);padding:1rem 1.5rem;display:block;overflow:hidden;}
.rooms-pv .sm-list li .txt .btn div {position:relative;border-radius:0 1.75rem 1.75rem 0;z-index:1;transition:.5s;}
.rooms-pv .sm-list li .txt .btn div::after {background-color:#153D2A;display:block;content:"";transition:.5s;}
.rooms-pv .sm-list li .txt .btn div::after {position:absolute;top:0;left:0;width:0;height:100%;}
.rooms-pv .sm-list li .txt .btn div span {position:relative;z-index:1;transition:.5s;}
.rooms-pv .sm-list li .txt .btn div b {position:relative;width:22.5px;height:10px;background:url('../image/arrow-s-b.png') no-repeat 50% 50%;background-size:cover;}
.rooms-pv .sm-list li .txt .btn div b {display:inline-block;margin-left:5px;z-index:1;}

@media (hover: hover) {
    .rooms-pv .sm-list li a:hover .img .bg-cov {transform:scale(1.05);}
    .rooms-pv .sm-list li a:hover .txt .btn div::after {width:100%;}
    .rooms-pv .sm-list li a:hover .txt .btn div span {color:#fff;}
    .rooms-pv .sm-list li a:hover .txt .btn div b {background:url('../image/arrow-s-w.png') no-repeat 50% 50%;background-size:cover;}
    
}


/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    .rooms-pv .sm-list li {width:100%;}
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {

    .rooms-pv section {width:calc(100% - 4rem);}
    .rooms-pv .container .sm-title {order:unset;}

    .rooms-pv .sm-list li .txt {display:block;}
    .rooms-pv .sm-list li .txt .btn {width:50%;margin-top:3rem;}
}
/* Mobile */
@media screen and (max-width: 480px) {

}

/*---------------------------- Rooms ------------------------------*/

.rooms .sm-title .ttl p {font-family:'nanumsquare';font-weight:400;font-size:2rem;line-height:3.5rem;color:#707070;}

.rooms .sm-info {max-width:calc(1600px - 4rem);padding:0 2rem;margin:auto;}
.rooms .sm-info .frame > div {width:100%;margin-bottom:7.5rem;}
.rooms .sm-info .frame > div:last-child {margin-bottom:0;}
.rooms .sm-info .frame > div > div {background-color:rgb(112, 112, 112 ,0.1);border-top:1px solid #303030;}
.rooms .sm-info .frame > div > div {padding:3% 2%;}

.rooms .sm-info .tit {display:block;width:100%;font-size:3rem;line-height:4rem;font-weight:400;color:#191919;margin-bottom:2rem;}
.rooms .sm-info .info > div {display:flex;flex-wrap:wrap;justify-content:space-between;}
.rooms .sm-info .info > div ul {width:48%;}
.rooms .sm-info .info > div ul li {margin-bottom:5rem;font-size:16px;line-height:26px;}
.rooms .sm-info .info > div ul li strong {display:block;font-weight:600;}
.rooms .sm-info .info > div ul li span {display:block;color:#191919;margin:1rem 0;}
.rooms .sm-info .info > div ul li i {display:block;font-size:15px;line-height:20px;color:#707070;font-style:normal;}

.rooms .sm-info .fac > div > ul {width:100%;margin-bottom:3.5rem;}
.rooms .sm-info .fac > div > ul:last-child {margin:0;}
.rooms .sm-info .fac > div > ul > li {font-size:16px;line-height:26px;}
.rooms .sm-info .fac > div > ul > li strong {display:block;font-weight:600;}
.rooms .sm-info .fac > div > ul ul {padding:1rem 0;}
.rooms .sm-info .fac > div > ul ul li {display:inline-block;margin-right:1rem;color:#191919;}
.rooms .sm-info .fac > div > ul ul li:last-child {margin:0;}

.rooms .sm-info .guide > div {display:flex;flex-wrap:wrap;justify-content:space-between;}
.rooms .sm-info .guide > div > ul {width:48%;}
.rooms .sm-info .guide > div > ul li {line-height:2.6rem;}
.rooms .sm-info .guide > div > ul li strong {display:block;font-weight:600;}
.rooms .sm-info .guide > div > ul li li {color:#787878;margin:0.5rem 0;}

/*-------------- Responsive ---------------*/
/* Desktop */
@media screen and (max-width:1200px) {
    
}
/* Tablet or Ipad */
@media screen and (max-width:992px) {
    .rooms .sm-info .info > div {display:block;}
    .rooms .sm-info .info > div > ul {width:100%;}

    .rooms .sm-info .guide > div {display:block;}
    .rooms .sm-info .guide > div > ul {width:100%;}
    .rooms .sm-info .guide > div > ul:first-child {margin-bottom:5rem;}
}
/* Tablet or Mobile */
@media screen and (max-width:768px) {
    .rooms .sm-info {padding-top:10rem;}    
}
/* Mobile */
@media screen and (max-width: 480px) {

}

/*---------------------------- Facility ------------------------------*/

#facility .sm-title .ttl p {font-family:'nanumsquare';font-weight:400;font-size:2rem;line-height:3.5rem;color:#707070;}
#facility .sm-info {max-width:calc(1600px - 4rem);padding:0 2rem;margin:auto;}
#facility .sm-info .frame .info {background-color:rgb(112, 112, 112 ,0.1);border-top:1px solid #303030;}

#facility .sm-info .tit {display:block;width:100%;font-size:3rem;line-height:4rem;font-weight:400;color:#191919;margin-bottom:2rem;}
#facility .sm-info .info > div {padding:5rem 2%;font-size:16px;line-height:26px;font-family:'nanumsquare';font-weight:400;}

#facility .sm-serPv {padding:15rem 0 20rem;}

/*-------------- 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) {
    #facility .sm-info {padding-top:10rem;}
}
/* Mobile */
@media screen and (max-width: 480px) {

}

/*---------------------------- Service ------------------------------*/

#service .sm-title .ttl p {font-family:'nanumsquare';font-weight:400;font-size:2rem;line-height:3.5rem;color:#707070;}
#service .sm-info {max-width:calc(1600px - 4rem);padding:0 2rem;margin:auto;}
#service .sm-info .frame .info {background-color:rgb(112, 112, 112 ,0.1);border-top:1px solid #303030;}

#service .sm-info .tit {display:block;width:100%;font-size:3rem;line-height:4rem;font-weight:400;color:#191919;margin-bottom:2rem;}
#service .sm-info .info > div {padding:5rem 2%;font-size:16px;line-height:26px;font-family:'nanumsquare';font-weight:400;}

#service .sm-serPv {padding:15rem 0 20rem;}

/*-------------- 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 {padding-top:10rem;}
}
/* Mobile */
@media screen and (max-width: 480px) {

}


/*---------------------------- Reservation ------------------------------*/

#reservation .sm-title {display:flex;flex-wrap:wrap;justify-content:center;margin:auto;}
#reservation .sm-title .ttl {padding:5rem 0;}
#reservation .sm-title .ttl ul {display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:5rem;}
#reservation .sm-title .ttl ul li {position:relative;padding-right:4rem;margin-right:1rem;}
#reservation .sm-title .ttl ul li:after {position:absolute;top:50%;right:0;transform:rotate(-25deg);}
#reservation .sm-title .ttl ul li:after {display:block;width:3rem;height:1px;content:"";background-color:#153D2A;}
#reservation .sm-title .ttl ul li:last-child {padding:0;margin:0;}
#reservation .sm-title .ttl ul li:last-child:after {display:none;}
#reservation .sm-title .ttl ul li a {font-size:2rem;line-height:3rem;font-family:'nanumsquare';display:block;}
#reservation .sm-title .ttl ul li.on a {color:#153D2A;font-weight:600;}
#reservation .sm-title .ttl h1 {text-align:center;}
#reservation .sm-title .ttl h1 strong {color:#153D2A;font-weight:600;font-size:3.5rem;line-height:4.5rem;font-family:'nanumsquare';display:block;}
#reservation .sm-title .ttl h1 span {color:#707070;font-weight:400;font-size:2rem;line-height:3rem;font-family:'nanumsquare';display:block;margin-top:1rem;}

#reservation .sm-cont {max-width:calc(1400px - 4rem);padding:0 2rem;margin:auto;}
#reservation .sm-cont-02 {display:none;}
#reservation .sm-cont-03 {display:none;}
#reservation .sm-cont-03 h1 {border-bottom:1px solid #303030;padding-bottom:1.5rem;font-size:2.5rem;line-height:3.5rem;color:#191919;}
#reservation .sm-cont-03 h1 strong {display:inline-block;font-size:3rem;line-height:3.5rem;font-weight:300;margin-bottom:.5rem;}
#reservation .sm-cont-03 h1 span {display:inline-block;font-size:1.6rem;line-height:2.1rem;font-weight:400;color:#787878;margin-left:.5rem;}
#reservation .sm-cont-03 .notice {margin-bottom:7.5rem;}                    
#reservation .sm-cont-03 .notice ul li {font-size:12px;line-height:22px;margin-bottom:.2rem;color:#191919;}
#reservation .sm-cont-03 .notice ul li {font-family:'nanumsquare';}
#reservation .sm-cont-03 .notice ul li b {color:#202020;}
#reservation .sm-cont-03 .notice ul li.red {color:red;}
#reservation .sm-cont-03 .notice ul li.blue {color:blue;}
#reservation .sm-cont-03 .notice ul li.pupple {color:#ef007c;}
#reservation .sm-cont-03 .notice ul li span {display:block;color:#202020;}
#reservation .sm-cont-03 .notice > ul {padding:3rem;background-color:rgb(112, 112, 112 ,0.1);}
#reservation .sm-cont-03 .notice > ul > li ul {margin-bottom:2rem;}
#reservation .sm-cont-03 .notice table {width:100%;text-align:center;margin-top:1rem;}
#reservation .sm-cont-03 .notice table th {background-color:rgb(112, 112, 112 ,0.2);}
#reservation .sm-cont-03 .notice table th,
#reservation .sm-cont-03 .notice table td {border:1px solid #787878;padding:7.5px 0;font-size:12px;line-height:22px;}
#reservation .sm-cont-03 .notice table td {background-color:#fff;}
#reservation .sm-cont-03 .notice i {display:none;}

/*-------------- 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) {
    #reservation section {width:calc(100% - 4rem);}
    #reservation .container .sm-title {order:unset;}
    #reservation .sm-cont-02 .notice .table {width:100%;overflow:hidden;overflow-x:scroll;}
    #reservation .sm-cont-02 .notice .table .frame {width:700px;}
    #reservation .sm-cont-02 .notice i {display:block;width:100%;display:block;text-align:center;margin:1rem 0 2rem;font-style:normal;color:#000}
}
/* Mobile */
@media screen and (max-width: 480px) {
    
}