/* padding reset */
body {
    /* 배너 사용할 때 */
    /* padding-top: 4.3vw; */

    /* 배너 사용하지 않을 때 */
    padding-top: 0;
}
body.bannerUp {padding-top: 0;}
.cm-top.bannerUp {margin-top: -4.428vw;}
.header {border-bottom: 1px solid rgba(255,255,255,.4);}
@media (max-width: 750px){
    body {transition: .3s; 
        /* 배너 사용할 때 */
        /* padding-top: 34.801vw; */

        /* 배너 사용하지 않을 때 */
        padding-top: calc(14.667vw + 10.667vw + 1px);
    }
    body.bannerUp {padding-top: 25.334vw;}
    .cm-top.bannerUp {margin-top: -9.467vw;}
}
/* ===============================================================
    * main01 - slide
=============================================================== */
.full-slide {width: 100%; height: auto; position: relative;}
.full-slide__wrap {position: relative;}
.full-container {width: 100%; height: 100vh; overflow: hidden; position: relative;}
.full-container .swiper-slide {width: 100%; height: 100%; overflow: hidden; position: relative;}
.full-container .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.full-slide__tit {position: absolute; max-width: 1430px; padding: 0 15px; width: 100%; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
.full-slide__tit h2 span {font-size: 60px; text-shadow: 0px 2px 4px rgba(13, 13, 13, 0.4);}
.full-slide__tit h2 p {font-size: 100px; margin-bottom: 60px; text-shadow: 0px 2px 4px rgba(13, 13, 13, 0.4);}
.full-slide__ctrl {position: relative; display: flex; justify-content: flex-start; align-items: center;}
.full-slide__ctrl .full-pagination {position: static; width: auto; font-size: 14px; margin: 0 20px;}
.full-slide__ctrl .nav-btn {position: static; width: 54px; height: 54px; line-height: 54px; border: 1px solid #fff; color: #fff; transition: .3s; margin-top: 0; box-shadow: 0px 2px 4px 0px rgba(13, 13, 13, 0.4);}
.full-slide__ctrl .nav-btn:hover {background: #fff; color: #9e0016;}
.full-slide__ctrl .swiper-button-prev {border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: none;}
.full-slide__ctrl .swiper-button-next {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.play-ctrl {position: relative; width: 54px; height: 54px; line-height: 54px; border-radius: 4px; border: 1px solid #fff; margin-left: 10px; cursor: pointer; transition: .3s;box-shadow: 0px 2px 4px 0px rgba(13, 13, 13, 0.4);}
.play-ctrl:hover {background: #fff; color: #9e0016;}
.play-ctrl .swiper-button-play {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; font-size: 12px;}
.play-ctrl .swiper-button-play.js-active {display: block;}
.play-ctrl .swiper-button-pause {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; font-size: 12px;}
.play-ctrl .swiper-button-pause.js-active {display: block;}
@media (max-width: 750px){
    .full-container {height: auto;}
    .full-slide__tit {position: static;max-width: 100%; transform: none;}
    .full-slide__tit h2 span {font-size: 6.67vw; display: none;}
    .full-slide__tit h2 p {font-size: 10.67vw; margin-bottom: 5.33vw; display: none;}

    .full-slide__ctrl {display: block; padding: 4vw 0;}
    .full-slide__ctrl .full-count {width: 100%; display: flex; justify-content: space-between; align-items: center;}
    .full-count span {display: inline-block; font-size: 2.67vw; color: #888;}
    .full-slide__ctrl .full-pagination {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 18.67vw);height: 2px;margin: 0 auto;}
    .full-slide__ctrl .nav-btn {position: absolute; top: 50%; transform: translateY(-50%); width: auto; height: auto; line-height: 1; font-size: 3.2vw; background: none; box-shadow: none; margin-top: 0; color: #888; border: none;}
    .full-slide__ctrl .swiper-button-prev {left: 4.67vw; right: initial;}
    .full-slide__ctrl .swiper-button-next {right: 4.67vw; left: initial;}
    .play-ctrl {width: 9.33vw; height: 9.33vw; line-height: 9.33vw; margin-left: 0; display: none;}
    .play-ctrl:hover {background: none; color: #fff;}
    .play-ctrl .swiper-button-play, .play-ctrl .swiper-button-pause {font-size: 2.40vw;}
}
/* video */
.full-video {width: 100%; position: relative;}
.video-area {position: relative; width: 100%; height: 100%;}
.video-area:before {content: ''; display: block; padding-top: 56.25%;}
.video-area iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.full-video .full-slide__tit {top: 47%;}
.full-video .full-slide__ctrl p {width: 188px; text-align: center; height: 54px; line-height: 54px; border: 1px solid #fff; color: #fff; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: none; box-shadow: 0px 2px 4px 0px rgba(13, 13, 13, 0.4);}
.full-video .play-ctrl {margin-left: 0; text-align: center; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 0px 2px 4px 0px rgba(13, 13, 13, 0.4);}
.play-ctrl .play {display: inline-block;}
.play-ctrl .pause {display: inline-block;}
.play-ctrl .play.hide {display: none;}
.play-ctrl .pause.hide {display: none;}
@media (max-width: 750px){
    .full-video .full-slide__ctrl p {display: none;}
    .full-video .play-ctrl {width: 9.33vw; height: 9.33vw; line-height: 9.33vw; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 2.4vw;}
    .full-video .play-ctrl:hover {background: none; color: #fff;}
}


/* room 정렬방법 */
@media (max-width: 750px){
    .sel-basic .select p {text-align: right;}
}

.more-btn {margin: 40px auto 0; display: block;text-align: center;}
/* ===============================================================
    * main-facility
=============================================================== */
.main-fac {padding: 100px 0 130px; background: #f5f5f5; overflow: hidden;}
.main-fac .swiper-container {overflow: visible;}
.fac-container .swiper-slide {box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 0.3); transition: .3s;}
.fac-container .swiper-slide a {display: block; width: 100%; height: 100%;}
.fac-container .swiper-slide img {width: 100%; height: 300px; object-fit: cover;}
.fac-container .swiper-slide:nth-of-type(2n) {margin-top: 60px;}
.fac-tit {padding: 24px 0; text-align: center; background: #fff;}
.fac-tit h3 {font-size: 24px; color: #555; margin-bottom: 13px; word-wrap: break-word; text-transform: capitalize;}
.fac-tit p {font-size: 13px; color: #888;}
.fac-ctrl {position: relative; margin-top: 40px;}
.fac-ctrl .fac-pagination {width: calc(100% - 140px); height: 4px; background: #e0e0e0; margin-top: 26px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #9e0016;}
.fac-ctrl .nav-btn {margin-top: 0; width: 54px; height: 54px; line-height: 54px; text-align: center; font-size: 16px; color: #888; border: 1px solid #e0e0e0; background: #fff; transition: .3s;}
.fac-ctrl .nav-btn:hover {background: #9e0016; color: #fff;}
.fac-ctrl .swiper-button-prev {border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: initial; right: 54px;}
.fac-ctrl .swiper-button-next {border-top-right-radius: 4px; border-bottom-right-radius: 4px; right: 0; border-left: none;}
@media (max-width: 750px){
    .main-fac {padding: 8.00vw 0;}
    .main-fac .swiper-container {overflow: hidden;}
    .fac-container .swiper-slide img {height: 40.00vw;}
    .fac-container .swiper-slide:nth-of-type(2n) {margin-top: 5.33vw;}
    .fac-tit {padding: 3.20vw 0;}
    .fac-tit h3 {font-size: 4.53vw; margin-bottom: 2.00vw; padding: 0 1vw;}
    .fac-tit p {font-size: 2.67vw;}
    .fac-ctrl {margin-top: 5.33vw;}
    .fac-count {width: 100%; display: flex; justify-content: space-between; align-items: center;}
    .fac-ctrl .slide-st, .fac-ctrl .slide-en {display: inline-block; font-size: 2.67vw; color: #888;}
    .fac-ctrl .fac-pagination {margin-top: 0; width: calc(100% - 18.67vw); left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .fac-ctrl .nav-btn {width: auto; height: auto; top: 50%; transform: translateY(-50%); line-height: 1; font-size: 3.20vw; background: none; border: none;}
    .fac-ctrl .nav-btn:hover {background: none; color: #888;}
    .fac-ctrl .swiper-button-prev {right: initial; left: 4.67vw;}
    .fac-ctrl .swiper-button-next {right: 4.67vw;}
}

/* ===============================================================
    * main-service
=============================================================== */
.main-service {padding: 100px 0;}
.service-list {text-align: center;}
.service-item {display: inline-block; width: 17%; text-align: center; transition: .3s;}
.service-item.count11 {width: 16%;}
.service-item.count14 {width: 14%;}
.service-item a {display: block; width: 100%; height: 100%;}
.service-item .icon {position: relative; width: 10.4vw; height: 10.4vw; border-radius: 50%; box-shadow: 0px 0px 6px 0px rgba(85, 85, 85, 0.3); margin: 0 auto; transition: .3s;}
.service-item .icon:after {opacity: 0; visibility: hidden; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 9.375vw; height: 9.375vw; border: 2px solid #9e0016; border-radius: 50%; transition: .3s;}
.service-item .icon img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); filter: invert(35%) sepia(0%) saturate(1867%) hue-rotate(143deg) brightness(79%) contrast(76%);}
.service-item h3 {font-size: 14px; color: #555; margin: 20px 0 40px;}
.service-item:hover h3 {color: #9e0016;}
.service-item:hover .icon {box-shadow: none; }
.service-item:hover .icon:after {opacity: 1; visibility: visible;}
.service-item:hover .icon img {filter: invert(15%) sepia(92%) saturate(7410%) hue-rotate(347deg) brightness(61%) contrast(105%);}
@media (max-width: 750px){
    .main-service {padding: 8.00vw 0;}
    .service-item {width: 32% !important;}
    .service-item .icon {width: 24.00vw; height: 24.00vw;}
    .service-item .icon:after {width: 24vw; height: 24vw;}
    .service-item:hover .icon {width: 24.00vw; height: 24.00vw; margin-bottom: 0;}
    .service-item .icon img {width: 8vw; object-fit: cover;}
    .service-item h3 {font-size: 2.93vw; line-height: 3.20vw; text-align: center; margin: 2.667vw 0 4vw;}
}
/* ===============================================================
    * main-travel
=============================================================== */
.main-travel {position: relative; background: url(../img/index/travel-bg.jpg) no-repeat center / cover; height: 500px;}
.main-travel__inner {position: absolute; width: 100%; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center;}
.main-travel__inner h2 {font-size: 50px; letter-spacing: -0.01em;}
.main-travel__inner p {font-size: 20px; margin: 50px 0 60px; color: #fff;}
.main-travel__inner p span {font-size: 22px;}
.travel-btn {display: inline-block; color: #fff; cursor: pointer;}
.travel-btn a {display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.travel-btn span.fontR {display: inline-block; padding: 0 60px; height: 54px; line-height: 54px; text-align: center; font-size: 14px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border: 1px solid #fff;}
.travel-btn span.arrow {display: inline-block; width: 54px; height: 54px; line-height: 54px; font-size: 16px; border: 1px solid #fff; border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; transition: .3s;}
.travel-btn:hover span.arrow {background: #fff; color: #9e0016;}
@media (max-width: 750px){
    .main-travel {height: 66.67vw;}
    .main-travel__inner h2 {font-size: 8.00vw;}
    .main-travel__inner p {font-size: 3.47vw; line-height: 5.33vw; margin: 5.33vw 0 6.67vw;}
    .main-travel__inner p span {font-size: 4.00vw; line-height: 5.33vw;}
    .travel-btn span.fontR {padding: 0 10.00vw; height: 9.33vw; line-height: 9.33vw; font-size: 2.93vw;}
    .travel-btn span.arrow {width: 9.33vw; height: 9.33vw; line-height: 9.33vw; font-size: 2.67vw;}
}