section {
  overflow: hidden;
}

#contents {
  background: #fff;
}

.view-btn {
  color: #000;
  font-family: "Futura PT";
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 100% */
  letter-spacing: 0.133px;
  text-transform: uppercase;
  display: block;
  margin-top: 5rem;
}
@media (max-width: 1024px) {
  .view-btn {
    font-size: 1.2rem;
  }
}
.view-btn:after {
  content: "";
  width: 11rem;
  height: 1px;
  background: #000000;
  display: inline-block;
  margin-left: 1.5rem;
  vertical-align: middle;
}
.view-btn:hover {
  color: #A1AB82;
}
.view-btn:hover:hover:after {
  background: #A1AB82;
}

/* -------------------------------------------------------- */
/* ---------------------------- brand story ---------------------------- */
/* -------------------------------------------------------- */
#story .section1 {
  overflow: hidden;
  height: 100vh;
  animation: wrapAni5 0.8s ease 3.4s;
  animation-fill-mode: forwards;
}
#story #visual .title {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50vh;
  z-index: 100;
  width: 100%;
  height: 12rem;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (max-width: 1024px) {
  #story #visual .title {
    height: 15rem;
  }
}
#story #visual .title > div {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 20px 0;
}
#story #visual .title .t1 {
  color: #FFF;
  text-align: center;
  font-family: 'ivymode';
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  #story #visual .title .t1 {
    font-size: 3rem;
  }
}
#story #visual .title .t1 .txt2 {
  display: block;
  margin-top: 3.9rem;
  color: #FFF;
  text-align: center;
  font-family: SUIT;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  #story #visual .title .t1 .txt2 {
    font-size: 1.2rem;
    margin-top: 1.6rem;
  }
}
#story #visual .title .t2 {
  color: #FFF;
  text-align: center;
  font-family: 'ivymode';
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#story #visual .title .t2 .txt2 {
  display: block;
  margin-top: 4.3rem;
  color: #FFF;
  text-align: center;
  font-family: SUIT;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  #story #visual .title .t2 .txt2 {
    margin-top: 1.6rem;
  }
}
#story .visual {
  position: relative;
  width: 100%;
  z-index: 5;
  background: #fff;
}
#story .visual .swiper-wrapper {
  width: 100%;
  height: 100%;
}
#story .visual .swiper-slide {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
#story .visual .swiper-slide .slg {
  position: relative;
  height: 50vh;
  padding: 18.5vh 5% 50px;
  mix-blend-mode: difference;
  z-index: 5;
}
@media (max-width: 1024px) {
  #story .visual .swiper-slide .slg {
    height: 30vh;
    padding: 17vh 5% 18vh;
  }
}
#story .visual .swiper-slide .slg > div:nth-child(2) {
  margin-top: -20px;
}
@media (max-width: 1024px) {
  #story .visual .swiper-slide .slg > div:nth-child(2) {
    margin-top: 0;
  }
}
#story .visual .swiper-slide .slg > div > span {
  display: inline-block;
  transform: translateY(100%);
  filter: blur(10px);
  color: #000;
  font-family: 'ivymode';
  font-size: 7.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.64;
}
#story .visual .swiper-slide .slg > div > span.on {
  transform: translateY(0);
  filter: blur(0);
  transition: all 1.4s;
  line-height: 1.5;
}
#story .visual .swiper-slide .bg {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  transform: translateY(-50vh);
  mix-blend-mode: difference;
  position: relative;
  z-index: 15;
  background: #fff;
}
@media (max-width: 1024px) {
  #story .visual .swiper-slide .bg {
    /* transform: translateY(-30vh); */
  }
}
#story .visual .swiper-slide .bg .MainVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#story #visual {
  position: relative;
}
#story #visual.in-view .title > div.t1 {
  animation: titleAni 1.2s ease 0.8s forwards;
}
#story #visual.in-view .title > div.t2 {
  animation: titleAni 1.2s ease 0.8s forwards, titleAni2 1.2s ease 2.5s forwards;
}
#story #visual.in-view .visual .swiper-slide .bg {
  animation: bgAni4 2s ease 3s forwards;
}
#story #visual.in-view .visual .swiper-slide .slg > div > span {
  transform: translateY(0);
  filter: blur(0);
  transition: all 1.4s;
}
@media (max-width: 1024px) {
  #story #visual.in-view .visual .swiper-slide .slg > div > span {
    font-size: 3rem;
  }
}
#story #visual.in-view .txtLine1 > span:nth-child(1) {
  transition-delay: 4.9473866218s;
}
#story #visual.in-view .txtLine2 > span:nth-child(1) {
  transition-delay: 5.052509133s;
}
#story #visual.in-view .txtLine1 > span:nth-child(2) {
  transition-delay: 4.831635654s;
}
#story #visual.in-view .txtLine2 > span:nth-child(2) {
  transition-delay: 4.6619962557s;
}
#story #visual.in-view .txtLine1 > span:nth-child(3) {
  transition-delay: 4.7137762754s;
}
#story #visual.in-view .txtLine2 > span:nth-child(3) {
  transition-delay: 4.4111416157s;
}
#story #visual.in-view .txtLine1 > span:nth-child(4) {
  transition-delay: 4.5672367428s;
}
#story #visual.in-view .txtLine2 > span:nth-child(4) {
  transition-delay: 4.5668242651s;
}
#story #visual.in-view .txtLine1 > span:nth-child(5) {
  transition-delay: 4.582825462s;
}
#story #visual.in-view .txtLine2 > span:nth-child(5) {
  transition-delay: 5.5390041055s;
}
#story #visual.in-view .txtLine1 > span:nth-child(6) {
  transition-delay: 3.8467433084s;
}
#story #visual.in-view .txtLine2 > span:nth-child(6) {
  transition-delay: 5.5341982485s;
}
#story #visual.in-view .txtLine1 > span:nth-child(7) {
  transition-delay: 4.3664287853s;
}
#story #visual.in-view .txtLine2 > span:nth-child(7) {
  transition-delay: 5.6595387074s;
}
#story #visual.in-view .txtLine1 > span:nth-child(8) {
  transition-delay: 4.2363379326s;
}
#story #visual.in-view .txtLine2 > span:nth-child(8) {
  transition-delay: 4.4740427819s;
}
#story #visual.in-view .txtLine1 > span:nth-child(9) {
  transition-delay: 4.1472875783s;
}
#story #visual.in-view .txtLine2 > span:nth-child(9) {
  transition-delay: 5.5908039887s;
}
#story #visual.in-view .txtLine1 > span:nth-child(10) {
  transition-delay: 3.616867726s;
}
#story #visual.in-view .txtLine2 > span:nth-child(10) {
  transition-delay: 5.3568013968s;
}
#story #visual.in-view .txtLine1 > span:nth-child(11) {
  transition-delay: 3.7543197688s;
}
#story #visual.in-view .txtLine2 > span:nth-child(11) {
  transition-delay: 5.7038011986s;
}
#story #visual.in-view .txtLine1 > span:nth-child(12) {
  transition-delay: 5.0321997978s;
}
#story #visual.in-view .txtLine2 > span:nth-child(12) {
  transition-delay: 4.7178046154s;
}
#story #visual.in-view .txtLine1 > span:nth-child(13) {
  transition-delay: 4.2856974329s;
}
#story #visual.in-view .txtLine2 > span:nth-child(13) {
  transition-delay: 4.4790524897s;
}
#story #visual.in-view .txtLine1 > span:nth-child(14) {
  transition-delay: 4.1630538489s;
}
#story #visual.in-view .txtLine2 > span:nth-child(14) {
  transition-delay: 4.6326343859s;
}
#story #visual.in-view .txtLine1 > span:nth-child(15) {
  transition-delay: 3.8947814509s;
}
#story #visual.in-view .txtLine2 > span:nth-child(15) {
  transition-delay: 4.7588777599s;
}
#story #visual.in-view .txtLine1 > span:nth-child(16) {
  transition-delay: 4.3795680725s;
}
#story #visual.in-view .txtLine2 > span:nth-child(16) {
  transition-delay: 5.4599717584s;
}
@keyframes titleAni {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-110%);
  }
}
@keyframes titleAni2 {
  0% {
    transform: translateY(-110%);
  }
  100% {
    transform: translateY(-220%);
  }
}
@keyframes bgAni4 {
  0% {
    height: 100vh;
    transform: translateY(-50vh);
  }
  100% {
    height: 76rem;
    transform: translateY(0);
  }
}
@media (max-width: 1024px) {
  @keyframes bgAni4 {
    0% {
      height: 100vh;
      transform: translateY(-50vh);
    }
    100% {
      height: 36rem;
      transform: translateY(0);
    }
  }
}
@keyframes wrapAni5 {
  0% {
    height: 100vh;
  }
  100% {
    height: auto;
  }
}
#story .section2 {
  min-height: 100vh;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  #story .section2 {
    padding: 10rem 0;
    min-height: auto;
  }
}
#story .section2 .inner {
  display: flex;
  justify-content: space-between;
  max-width: 85%;
  width: 100%;
  margin: 0 auto;
  gap: 5%;
}
@media (max-width: 1024px) {
  #story .section2 .inner {
    flex-direction: column;
    max-width: 100%;
  }
}
@media (max-width: 1024px) {
  #story .section2 .left {
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
  }
}
#story .section2 .left .txt1 {
  color: #000;
  font-family: "Futura PT";
  font-size: 2.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  #story .section2 .left .txt1 {
    font-size: 1.2rem;
  }
}
#story .section2 .left .txt2 {
  color: #000;
  font-family: 'ivymode';
  font-size: 6.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-top: 5.2rem;
}
@media (max-width: 1024px) {
  #story .section2 .left .txt2 {
    font-size: 3rem;
    margin-top: 0;
  }
}
#story .section2 .left .txt3 {
  color: #656565;
  font-family: SUIT;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.78;
  display: block;
  margin-top: 9.3rem;
}
@media (max-width: 1024px) {
  #story .section2 .left .txt3 {
    font-size: 1.4rem;
    margin-top: 2.3rem;
  }
}
@media (max-width: 1024px) {
  #story .section2 .right {
    margin-top: 3rem;
  }
}
#story .section2 .right .img-wrap {
  display: flex;
  gap: 1rem;
}
#story .section2 .right .img-wrap img {
  width: calc(50% - 0.5rem);
}
#story .section3 {
  min-height: 100vh;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  #story .section3 {
    padding: 9rem 0 15rem 0;
    min-height: auto;
  }
}
#story .section3 .inner {
  display: flex;
  justify-content: space-between;
  max-width: 85%;
  width: 100%;
  margin: 0 auto;
  gap: 5%;
}
@media (max-width: 1024px) {
  #story .section3 .inner {
    flex-direction: column-reverse;
    max-width: 100%;
  }
}
#story .section3 .left {
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  #story .section3 .right .cont-wrap {
    text-align: right;
    max-width: 90%;
    margin: 0 auto;
  }
}
#story .section3 .right .cont-wrap .txt1 {
  color: #000;
  text-align: right;
  font-family: 'ivymode';
  font-size: 49px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.85;
}
@media (max-width: 1024px) {
  #story .section3 .right .cont-wrap .txt1 {
    font-size: 2.6rem;
  }
}
#story .section3 .right .cont-wrap .txt2 {
  color: #656565;
  text-align: right;
  font-family: SUIT;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.78;
  display: block;
  margin-top: 8rem;
}
@media (max-width: 1024px) {
  #story .section3 .right .cont-wrap .txt2 {
    font-size: 1.4rem;
    margin-top: 2.8rem;
  }
}
@media (max-width: 1024px) {
  #story .section4 {
    min-height: auto;
  }
}
#story .section4 .inner {
  margin-left: 7.5%;
}
@media (max-width: 1024px) {
  #story .section4 .inner {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
}
#story .section4 .vyor {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 4% 0;
}
@media (max-width: 1024px) {
  #story .section4 .vyor {
    display: block;
  }
}
#story .section4 .vyor .imgarea {
  overflow: hidden;
  position: relative;
  width: 50%;
  height: 100%;
  margin-left: auto;
}
@media (max-width: 1024px) {
  #story .section4 .vyor .imgarea {
    width: 100%;
    margin-left: 0;
  }
}
#story .section4 .vyor .imgarea > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 90%;
  height: 100%;
}
@media (max-width: 1024px) {
  #story .section4 .vyor .imgarea > div {
    height: 38rem;
    width: 100%;
  }
}
#story .section4 .vyor .conarea {
  overflow: hidden;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 50%;
  padding: 0 5% 0 1%;
}
@media (max-width: 1024px) {
  #story .section4 .vyor .conarea {
    width: 100%;
    padding: 0 5%;
    margin: 0 auto;
  }
}
#story .section4 .vyor .conarea ul {
  width: 100%;
}
@media (max-width: 1024px) {
#story .section4 .vyor .conarea ul {
 padding-top:1rem;
}
}
#story .section4 .vyor .conarea ul li {
  border-top: 1px solid #c4c2be;
}
@media (max-width: 1024px) {
#story .section4 .vyor .conarea ul li:first-child {
  border-top: 0px;
}
}
#story .section4 .vyor .conarea ul li .front {
  display: flex;
  justify-content: space-between;
  padding: 4rem 0;
}
@media (max-width: 1024px) {
   #story .section4 .vyor .conarea ul li .front {
    padding: 1.7rem 0 2rem;
  }
  #story .section4 .vyor .conarea ul li.open .front {
    padding: 2rem 0;
  }
}
#story .section4 .vyor .conarea ul li .front .tit1 {
  color: #000;
  font-family: 'ivymode';
  font-size: 3.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.5;
  letter-spacing: 1px;
}
@media (max-width: 1024px) {
  #story .section4 .vyor .conarea ul li .front .tit1 {
    font-size: 18px;
  }
  #story .section4 .vyor .conarea ul li.open .front .tit1 {
    font-size: 23px;
  }
}
#story .section4 .vyor .conarea ul li .front .tit1 span {
  color: #000;
}
#story .section4 .vyor .conarea ul li .front .tit2 {
  width: 206px;
  font-size: 54px;
  color: #111;
  font-weight: 600;
}
#story .section4 .vyor .conarea ul li .hidden {
  height: 0;
  transform: scaleY(0);
  transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#story .section4 .vyor .conarea ul li .hidden .tit3 {
  opacity: 0;
  transform: translateY(40px);
  will-change: transform, opacity;
  color: #000;
  font-family: SUIT;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 1024px) {
  #story .section4 .vyor .conarea ul li .hidden .tit3 {
    font-size: 1.4rem;
  }
}
#story .section4 .vyor .conarea ul li .hidden .txt {
  margin-top: 3.3rem;
  opacity: 0;
  transform: translateY(40px);
  will-change: transform, opacity;
  color: #656565;
  font-family: SUIT;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.93;
}
@media (max-width: 1024px) {
  #story .section4 .vyor .conarea ul li .hidden .txt {
    font-size: 1.3rem;
    margin-top: 1.1rem;
	display:none;
  }
}
#story .section4 .vyor .conarea ul li.open .hidden {
  padding: 8rem 0 4rem 0;
  height: auto;
  transform: scaleY(1);
}
@media (max-width: 1024px) {
  #story .section4 .vyor .conarea ul li.open .hidden {
    padding: 0 0 2rem 0;
  }
}
#story .section4 .vyor .conarea ul li.open .hidden .tit3 {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s 0.2s;
}
#story .section4 .vyor .conarea ul li.open .hidden .txt {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s 0.4s;
}
#story .section4 .vyor .conarea ul li.open .front .tit1 {
  opacity: 1;
}
#story .section4 .vyor .conarea ul li .front .tit1.show-1024{display:none;}
@media(max-width:1024px){
#story .section4 .vyor .conarea ul li .front .tit1.show-1024{display:block;}
}
#story .section4 .vyor .conarea ul li.open .front .tit1 span {
  animation: spanAni 0.6s infinite alternate;
}
@keyframes spanAni {
  0% {
    color: #000;
  }
  100% {
    color: #cbc8c5;
  }
}
#story .section5 {
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 15rem;
}
@media (max-width: 1024px) {
  #story .section5 {
    padding-bottom: 7rem;
  }
}
#story .section5 .swiper-button-prev,
#story .section5 .swiper-button-next {
  width: 5.2rem;
  height: 5.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  margin-top: 0;
}
@media (max-width: 1024px) {
  #story .section5 .swiper-button-prev,
  #story .section5 .swiper-button-next {
    width: 2.6rem;
    height: 2.6rem;
  }
}
#story .section5 .swiper-button-prev:before, #story .section5 .swiper-button-prev:after,
#story .section5 .swiper-button-next:before,
#story .section5 .swiper-button-next:after {
  display: none;
}
#story .section5 .swiper-button-prev {
  background: url("../images/sub/room/sd_prev.png") no-repeat center;
  background-size: contain;
  left: 2rem;
}
#story .section5 .swiper-button-next {
  background: url("../images/sub/room/sd_next.png") no-repeat center;
  background-size: contain;
  right: 2rem;
}

/* -------------------------------------------------------- */
/* ---------------------------- room Detail ---------------------------- */
/* -------------------------------------------------------- */
#roomDetail .section1 {
  width: 100%;
  height: 100vh;
  background: url("http://woc1.speedgabia.com/moonlight/story/12.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}
#roomDetail .section1 .tit-wrap {
  position: absolute;
  left: 10%;
  bottom: 10%;
  z-index: 1;
}
@media (max-width: 1024px) {
  #roomDetail .section1 .tit-wrap {
    /* display: none; */
  }
}
#roomDetail .section1 .tit-wrap .tit {
  color: #FFF;
  leading-trim: both;
  text-edge: cap;
  font-family: 'ivymode';
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8; /* 191.296% */
}
@media (max-width: 1024px) {
#roomDetail .section1 .tit-wrap .tit {
font-size: 32px;
line-height:1.5;
}
}
#roomDetail .section1 .tit-wrap .txt {
  color: #FFF;
  leading-trim: both;
  text-edge: cap;
  font-family: SUIT;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-top: 4.5rem;
}
@media (max-width: 1024px) {
#roomDetail .section1 .tit-wrap .txt {
font-size: 15px;
}
}
#roomDetail .section2 .c-rooms {
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
#roomDetail .section2 .c-rooms {
    overflow: visible;
}
}
#roomDetail .section2 .c-rooms__wrapper-cols {
  width: 100%;
  display: flex;
  position: relative;
}
#roomDetail .section2 .c-rooms__line-left {
  width: 37%;
  display: block;
  border-right: 1px solid rgba(32, 32, 32, 0.3);
}
#roomDetail .section2 .c-rooms__cols {
  width: 100%;
  display: flex;
  align-self: flex-end;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__cols {
    display: block;
  }
}
#roomDetail .section2 .c-rooms__col-nav {
  width: 37%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-top: 32rem;
  padding-bottom: 32rem;
  padding-left: 7.5%;
  padding-right: 16rem;
  position: relative;
  background: #F8F8F8;
}
@media (max-width: 1024px) {
#roomDetail .section2 .c-rooms__col-nav {
  padding-top: 25rem;
  padding-bottom: 25rem;
  }
 }
#roomDetail .section2 .c-rooms__col-nav .select-lst-wrap {
  padding: 6.5rem 3rem 5rem 3rem;
}
#roomDetail .section2 .c-rooms__col-nav.select-lst {
  width: 100%;
  background: #FFF;
  box-shadow: 0 4px 19px 0 rgba(135, 135, 135, 0.25);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  background: #fff;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
  width: 100%;
  display: none;
  padding: 2rem 0 0 0;
}
@media (max-width: 1024px) {
#roomDetail .section2 .c-rooms__col-nav.select-lst {
 box-shadow: 0 4px 19px 0 rgba(135, 135, 135, 0.5);
}
}
#roomDetail .section2 .c-rooms__col-nav.select-lst .c-rooms__wrapper-title {
  margin-top: 1rem;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__col-nav.select-lst .c-rooms__wrapper-title {
    padding: 2rem 3rem;
  }
}
#roomDetail .section2 .c-rooms__col-nav.select-lst .c-rooms__wrapper-title.active {
  background: url("../images/sub/room/select_arr.png") no-repeat right 3rem center;
}
#roomDetail .section2 .c-rooms__col-nav.select-lst .c-rooms__wrapper-title .tit {
  font-size: 2.8rem;
}
#roomDetail .section2 .c-rooms__col-nav.select-lst .c-rooms__wrapper-title .txt {
  font-size: 1.5rem;
}
#roomDetail .section2 .c-rooms__col-nav.select-lst .book-btn {
  font-size: 2.8rem;
  text-align: center;
  padding-top: 4rem;
  margin-top: 5rem;
  padding-bottom: 5rem;
}
#roomDetail .section2 .c-rooms__col-nav.select-lst.open {
  display: block;
}
#roomDetail .section2 .c-rooms__col-rooms {
  width: 63%;
  display: flex;
  position: relative;
  padding-right: 7.5%;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__col-rooms {
    width: 100%;
    padding-right: 0;
  }
}
#roomDetail .section2 .c-rooms__nav {
  display: block;
  width: 100%;
  /*        @media (max-width: 1968px) {
            padding-left: calc(((100vw - 0px) / var(--total-columns)) * 1);
          }

          @media (max-width: 1400px) {
            padding-left: 0;
          }*/
}
#roomDetail .section2 .c-rooms__wrapper-title {
  display: block;
  width: 100%;
  padding-bottom: 4rem;
  opacity: 0.5;
  cursor: pointer;
}
#roomDetail .section2 .c-rooms__wrapper-title:last-of-type {
  padding-bottom: 0;
}
#roomDetail .section2 .c-rooms__wrapper-title .tit {
  color: #000;
  font-family: 'ivymode';
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
  position: relative;
  z-index: 2;
  display: inline-block;
  width: auto;
  letter-spacing:0.5px;
}
#roomDetail .section2 .c-rooms__wrapper-title .tit-link {
  display: inline-block;
}
#roomDetail .section2 .c-rooms__wrapper-title .txt {
  color: #000;
  font-family: 'SUIT';
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  margin-left: 1rem;
}
@media(max-width:1024px){
#roomDetail .section2 .c-rooms__wrapper-title .txt {
    font-family: 'SUIT';
	margin-left: 1rem;
}
}
#roomDetail .section2 .c-rooms__wrapper-title.active, #roomDetail .section2 .c-rooms__wrapper-title:hover {
  opacity: 1;
}
#roomDetail .section2 .c-rooms .book-btn {
  padding-top: 6.1rem;
  border-top: 1px solid #666;
  margin-top: 6.1rem;
  width: 100%;
}
@media (max-width: 1024px) {
#roomDetail .section2 .c-rooms .book-btn {
	margin: 0 auto;
    width: 83%;
	}
}
#roomDetail .section2 .c-rooms .book-btn .btn {
  color: #000;
  font-family: 'ivymode';
  font-size: 4.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.5;
}
@media (max-width: 1024px) {
#roomDetail .section2 .c-rooms .book-btn .btn {
opacity:1;
font-family: 'montserrat';
font-size: 1.6rem;
text-transform: uppercase;
    letter-spacing: 2px;
	}
}
#roomDetail .section2 .c-rooms .book-btn .btn.active, #roomDetail .section2 .c-rooms .book-btn .btn:hover {
  opacity: 1;
}
#roomDetail .section2 .c-rooms__rooms {
  display: flex;
  width: 100%;
  padding-left: 80px;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__rooms {
    padding-left: 0;
    padding-right: 0;
    padding-top: 18rem;
  }
}
#roomDetail .section2 .c-rooms__rooms-inner {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__rooms-inner {
    height: 90vh;
	overflow: visible;
  }
}
#roomDetail .section2 .c-rooms__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  background-color: #fff;
  z-index: 9999;
}
#roomDetail .section2 .c-rooms .c-rooms__room {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-49%);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  height: 100%;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms .c-rooms__room {
    top: 30rem;
  }
}
#roomDetail .section2 .c-rooms .c-rooms__room.is-active {
  z-index: 10;
}
#roomDetail .section2 .c-rooms__wrapper-room-image {
  width: 100%;
  position: relative;
}
#roomDetail .section2 .c-rooms__wrapper-room-image::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-image::before {
    display: none;
  }
}
#roomDetail .section2 .c-rooms__wrapper-room-texts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  padding-top: 0rem;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-texts {
    width: 83%;
    margin: 0 auto 30px;
    padding-top: 7.5rem;
  }
}
#roomDetail .section2 .c-rooms__col-desc {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
#roomDetail .section2 .c-rooms__wrapper-room-description {
  width: 100%;
  display: block;
}
#roomDetail .section2 .c-rooms__wrapper-room-description .flex {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-description .flex {
    flex-direction: column;
  }
}
#roomDetail .section2 .c-rooms__wrapper-room-description .left .tit {
  font-family: 'ivymode';
  font-size: 5rem;
  color: #000;
  font-weight: 400;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-description .left .tit {
    font-size: 2.7rem;
  }
}
#roomDetail .section2 .c-rooms__wrapper-room-description .left .info {
  margin-top: 5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-description .left .info {
    margin-top: 3.5rem;
	margin-left: 1rem;
	gap: 1.2rem;
  }
}

#roomDetail .section2 .c-rooms__wrapper-room-description .left .info dl {
  display: flex;
  width:100%;
  /* width: calc(50% - 1rem); */
}
@media (max-width: 1024px) {
#roomDetail .section2 .c-rooms__wrapper-room-description .left .info dl {
  display: flex;
  width: 100%;
}
}

#roomDetail .section2 .c-rooms__wrapper-room-description .left .info dl dt {
  font-size: 1.7rem;
  color: #000;
  font-family: SUIT;
  width: 10rem;
  margin-right: 0.5rem;
  flex: none;
  font-weight: 700;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-description .left .info dl dt {
    font-size: 1.5rem;
	width:7rem;
  }
}
#roomDetail .section2 .c-rooms__wrapper-room-description .left .info dl dd {
  color: #222;
  font-weight: 300;
  line-height: 1.7;
  font-family: SUIT;
  font-size: 1.7rem;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-description .left .info dl dd {
    font-size: 1.5rem;
        line-height: 1.7;
  }
}
#roomDetail .section2 .c-rooms__wrapper-room-description .right {
  text-align: right;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-description .right {
    margin-top: 2.2rem;
	margin-left:1rem;
    text-align: left;
    display: flex;
    gap: 1rem;
  }
}
#roomDetail .section2 .c-rooms__wrapper-room-description .right .tit {
  font-size: 1.7rem;
  color: #000;
  font-family: Futura-PT;
  font-weight: 600;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-description .right .tit {
    flex: none;
  }
}
#roomDetail .section2 .c-rooms__wrapper-room-description .right .amenity-lst li {
  font-size: 1.5rem;
  color: #666666;
  font-weight: 400;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-description .right .amenity-lst li {
    width: calc(50% - 7.5rem);
  }
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__wrapper-room-description .right .amenity-lst {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0;
    gap: 1.5rem;
  }
}
#roomDetail .section2 .c-rooms__room-image {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: none;
  background-color: #fff;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__room-image {
    position: static;
    background-color: transparent;
    width: 90%;
    margin: 0 auto;
  }
}
#roomDetail .section2 .c-rooms__room-image-bg {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .c-rooms__room-image-bg {
    position: static;
    height: auto;
  }
  #roomDetail .section2 .c-rooms__room-image-bg::before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
  }
}
#roomDetail .section2 .c-rooms__room-description, #roomDetail .section2 .c-rooms__room-services {
  font-family: "gt-america", sans-serif;
  font-weight: 100;
  font-style: normal;
  color: #000;
  display: block;
}
#roomDetail .section2 .c-rooms__room-description {
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1025px) {
  #roomDetail .section2 .c-rooms__room-description {
    font-size: 18px;
    line-height: 25px;
  }
}
#roomDetail .section2 .c-rooms__room-services {
  font-size: 14px;
  line-height: 17px;
}
#roomDetail .section2 .c-rooms__room-buttons {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#roomDetail .section2 .c-rooms__room-button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-top: 11px;
  margin-right: 36px;
}
#roomDetail .section2 .room-info-wrap {
  max-width: 140rem;
  width: 95%;
  margin: 0 auto;
  padding-top: 16rem;
  padding-bottom: 20rem;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-info-wrap {
    padding-top: 11.5rem;
  }
}
@media (max-width: 800px) {
  #roomDetail .section2 .room-info-wrap {
    padding-top: 0rem;
  }
}
#roomDetail .section2 .room-info-wrap .tit-wrap {
  text-align: center;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-info-wrap .tit-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
}
#roomDetail .section2 .room-info-wrap .tit-wrap .tit {
  color: #000;
  font-family: 'ivymode';
  font-size: 7.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-info-wrap .tit-wrap .tit {
    font-size: 3.6rem;
    margin-top: 1.5rem;
  }
}
#roomDetail .section2 .room-info-wrap .tit-wrap .txt {
  color: #000;
  font-family: SUIT;
  font-size: 20px;
  /*font-size: 23px;*/
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  margin-top:2rem;
  /*margin-left: 1.4rem;*/
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-info-wrap .tit-wrap .txt {
    font-size: 1.5rem;
    margin-left: 0;
  }
}
#roomDetail .section2 .room-info-wrap .cont-wrap {
  margin-top: 5.8rem;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-info-wrap .cont-wrap {
    margin-top: 1.5rem;
  }
}
#roomDetail .section2 .room-info-wrap .cont-wrap .txt {
  color: #656565;
  text-align: center;
  font-family: SUIT;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.64;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-info-wrap .cont-wrap .txt {
    font-size: 1.4rem;
  }
}
#roomDetail .section2 .room-info-wrap .room-sd-wrap {
  margin-top: 10rem;
  width: 100%;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-info-wrap .room-sd-wrap {
    margin-top: 5rem;
  }
}
#roomDetail .section2 .room-sd {
  position: relative;
}
#roomDetail .section2 .room-sd .swiper-slide {
  height: 96rem;
  width: 100%;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-sd .swiper-slide {
    height: auto;
    aspect-ratio: 16/9;
  }
}
#roomDetail .section2 .room-sd-wrap {
  position: relative;
}
#roomDetail .section2 .room-sd-wrap .swiper-button-prev,
#roomDetail .section2 .room-sd-wrap .swiper-button-next {
  cursor: pointer;
  width: 5.2rem;
  height: 5.2rem;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-sd-wrap .swiper-button-prev,
  #roomDetail .section2 .room-sd-wrap .swiper-button-next {
    width: 3.5rem;
    height: 3.5rem;
  }
}
#roomDetail .section2 .room-sd-wrap .swiper-button-prev:hover,
#roomDetail .section2 .room-sd-wrap .swiper-button-next:hover {
  width: 8.2rem;
  height: 8.2rem;
}
#roomDetail .section2 .room-sd-wrap .swiper-button-prev:after,
#roomDetail .section2 .room-sd-wrap .swiper-button-next:after {
  display: none;
}
#roomDetail .section2 .room-sd-wrap .swiper-button-prev {
  background: url("../images/sub/room/sd_prev.png") no-repeat center;
  background-size: contain;
  left: 5rem;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-sd-wrap .swiper-button-prev {
    left: 1.5rem;
  }
}
#roomDetail .section2 .room-sd-wrap .swiper-button-next {
  background: url("../images/sub/room/sd_next.png") no-repeat center;
  background-size: contain;
  right: 5rem;
}
@media (max-width: 1024px) {
  #roomDetail .section2 .room-sd-wrap .swiper-button-next {
    right: 1.5rem;
  }
}
#roomDetail .section2 .room-sd-wrap .swiper-pagination-numbers {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 3.5rem;
}
@media (max-width: 850px) {
#roomDetail .section2 .room-sd-wrap .swiper-pagination-numbers {
display:none;
}
}
#roomDetail .section2 .room-sd-wrap .swiper-pagination-numbers .pagination-btn {
  background: none;
  border: none;
  font-size: 1.4rem;
  font-family: SUIT;
  color: #000;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
#roomDetail .section2 .room-sd-wrap .swiper-pagination-numbers .pagination-btn.active {
  font-weight: bold;
}
#roomDetail .section2 .room-box {
  display: none;
}
#roomDetail .section2 .room-box.is-active {
  display: block;
}

/* -------------------------------------------------------- */
/* ---------------------------- dining ---------------------------- */
/* -------------------------------------------------------- */
#dining #contents {
  padding-top: 9rem;
}
@media (max-width: 1024px) {
  #dining #contents {
    padding-top: 5.6rem;
  }
}
.dining1 .section1 {
  width: 100%;
  height: 37.5rem;
  background: url("http://kuen1555.speedgabia.com/_carraca/cafe/top.jpg") no-repeat center;
  background-size: cover;
}
.dining2 .section1 {
  width: 100%;
  height: 37.5rem;
  background: url("http://kuen1555.speedgabia.com/_carraca/banquet/2.jpg") no-repeat center;
  background-size: cover;
}
#dining .section2 {
  padding-top: 16.7rem;
  padding-bottom: 10rem;
  position: relative;
}
@media (max-width: 1024px) {
  #dining .section2 {
    padding-top: 10.4rem;
  }
}
#dining .section2:before {
  content: "";
  width: 100%;
  height: 75vh;
  background: #404736;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 1024px) {
  #dining .section2:before {
    height: 122rem;
  }
}
#dining .section2 .inner {
  max-width: 140rem;
  width: 95%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
@media (max-width: 1024px) {
  #dining .section2 .inner {
    width: 85%;
  }
}
#dining .section2 .tit-wrap .tit {
  color: #000;
  font-family: 'ivymode';
  font-size: 7.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  #dining .section2 .tit-wrap .tit {
    text-align: center;
    font-size: 4.6rem;
    display: block;
  }
}
#dining .section2 .tit-wrap .txt {
  color: #000;
  font-family: SUIT;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  margin-left: 1.6rem;
}
@media (max-width: 1024px) {
  #dining .section2 .tit-wrap .txt {
    font-size: 1.8rem;
    display: block;
    margin-left: 0;
    margin-top: 1.6rem;
    text-align: center;
  }
}
#dining .section2 .txt-wrap {
  margin-top: 5.4rem;
}
.dining1 .section2 .txt-wrap {
  margin-top: 0 !important;
}
#dining .section2 .txt-wrap .txt {
  color: #656565;
  font-family: SUIT;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.93;
}
@media (max-width: 1024px) {
  #dining .section2 .txt-wrap .txt {
    font-size: 1.4rem;
    width: 80%;
    margin: 3rem auto 0;
    text-align: center;
  }
  #dining .section2 .txt-wrap .txt br {
    display: none;
  }
}
  #dining .section2 .txt-wrap div{
  margin: 0 auto;
	width: 200px;
  }
  #dining .section2 .txt-wrap div .tit_logo {
      width: 100%;
}

#dining .section2 .img-wrap {
  margin-top: 10rem;
}
@media (max-width: 1024px) {
  #dining .section2 .img-wrap {
    margin-top: 0;
    display: flex;
    flex-direction: column;
  }
}
#dining .section2 .img-wrap:before {
display:none;
}
@media (max-width: 1024px) {
	#dining .section2 .img-wrap:before {
	  content: "";
	  width: 1px;
	  height: 10rem;
	  margin: 2.8rem auto;
	  display: block;
	  background: #000;
	  opacity: 0.6;
	}
}
#dining .section2 .img-wrap img {
  width: 100%;
  height: auto;
}
#dining .section2 .dining-info-wrap {
  margin-top: 10rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 1024px) {
  #dining .section2 .dining-info-wrap {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  #dining .section2 .dining-info-wrap .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
#dining .section2 .dining-info-wrap .left .info-tit-wrap {
  padding-bottom: 5.3rem;
  margin-bottom: 5rem;
  border-bottom: 1px solid #FFF;
}
@media (max-width: 1024px) {
  #dining .section2 .dining-info-wrap .left .info-tit-wrap {
    text-align: center;
    padding-bottom: 4.5rem;
    display: inline-flex;
    flex-direction: column;
    width: auto;
    margin: 0 auto 4.5rem;
  }
}
#dining .section2 .dining-info-wrap .left .info-tit-wrap .tit {
  color: #FFF;
  font-family: 'ivymode';
  font-size: 7.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  #dining .section2 .dining-info-wrap .left .info-tit-wrap .tit {
    text-align: center;
    font-size: 4rem;
  }
}

#dining .section2 .dining-info-wrap .left .info-tit-wrap .tit_logo {
}
@media (max-width: 1024px) {
  #dining .section2 .dining-info-wrap .left .info-tit-wrap .tit_logo {
width:70%;
margin: 0 auto;
  }
}
#dining .section2 .dining-info-wrap .left .info-tit-wrap .txt {
  color: #FFF;
  font-family: SUIT;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
@media (max-width: 1024px) {
  #dining .section2 .dining-info-wrap .left .info-tit-wrap .txt {
    font-size: 1.8rem;
    margin-top: 2.8rem;
  }
}
#dining .section2 .dining-info-wrap .left .info-txt {
  color: #FFF;
  font-family: SUIT;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.78;
}
@media (max-width: 1024px) {
  #dining .section2 .dining-info-wrap .left .info-txt {
    font-size: 1.4rem;
    text-align: center;
    width: 80%;
    margin: 0 auto;
  }
}
#dining .section2 .dining-info-wrap .left .info-txt {
  color: #FFF;
  font-family: SUIT;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.78;
}
@media (max-width: 1024px) {
  #dining .section2 .dining-info-wrap .left .info-wrap {
    text-align: center;
  }
  #dining .section2 .dining-info-wrap .left .info-wrap:before {
    content: "";
    width: 1px;
    height: 8rem;
    margin: 2.8rem auto;
    display: block;
    background: #fff;
    opacity: 0.6;
  }
}
#dining .section2 .dining-info-wrap .left .info-wrap .tit {
  color: #FFF;
  font-family: Futura-PT;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.03;
}
#dining .section2 .dining-info-wrap .left .info-wrap .time {
  color: #FFF;
  leading-trim: both;
  text-edge: cap;
  font-family: Futura-PT;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.9;
  display: block;
}
@media (max-width: 1024px) {
#dining .section2 .dining-info-wrap .left .info-wrap .time {
  line-height: 1.5;
margin-top: 10px;
}
}
#dining .section2 .dining-info-wrap .right {
  max-width: 54rem;
  width: 100%;
}
#dining .section2 .dining-info-wrap .right .info-txt {
  color: #FFF;
  font-family: SUIT;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9;
}
#dining .section3 {
  padding: 15rem 0;
}
#dining .section3 .inner {
  max-width: 140rem;
  width: 95%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  #dining .section3 .inner {
    width: 90%;
  }
}
#dining .section3 .tit-wrap .tit {
  color: #000;
  font-family: 'ivymode';
  font-size: 3.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
@media (max-width: 1024px) {
  #dining .section3 .tit-wrap .tit {
    font-size: 3rem;
    text-align: center;
  }
}
#dining .section3 .dining-service-wrap {
  margin-top: 4.7rem;
  width: 100%;
}
@media (max-width: 1024px) {
  #dining .section3 .dining-service-wrap {
    margin-top: 4.5rem;
  }
}
#dining .section3 .dining-service-wrap .service-lst {
  display: flex;
  gap: 3rem;
  width: 100%;
}
@media (max-width: 1024px) {
  #dining .section3 .dining-service-wrap .service-lst {
    flex-direction: column;
    gap: 6rem;
  }
}
#dining .section3 .dining-service-wrap .service-lst li {
  width: 33.33%;
  flex: 1 0;
}
@media (max-width: 1024px) {
  #dining .section3 .dining-service-wrap .service-lst li {
    width: 100%;
  }
}
#dining .section3 .dining-service-wrap .service-lst li img {
  width: 100%;
  height: auto;
}
#dining .section3 .dining-service-wrap .service-lst li .cont-wrap {
  margin-top: 3.25rem;
}
#dining .section3 .dining-service-wrap .service-lst li .cont-wrap .tit {
  color: #000;
  font-family: SUIT;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block;
}
@media (max-width: 1024px) {
  #dining .section3 .dining-service-wrap .service-lst li .cont-wrap .tit {
    font-size: 2rem;
  }
}
#dining .section3 .dining-service-wrap .service-lst li .cont-wrap .txt {
  color: #000;
  font-family: SUIT;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.88;
  display: inline-block;
  margin-top: 2.6rem;
}
@media (max-width: 1024px) {
  #dining .section3 .dining-service-wrap .service-lst li .cont-wrap .txt {
    margin-top: 1.8rem;
    font-size: 1.3rem;
  }
}
#dining .section4 .dining-img-sd-wrap .swiper-slide {
  height: 85vh;
}
@media (max-width: 1024px) {
  #dining .section4 .dining-img-sd-wrap .swiper-slide {
    height: auto;
    aspect-ratio: 16/9;
  }
}

#dining .section4 .dining-img-sd-wrap .swiper-button-prev,
#dining .section4 .dining-img-sd-wrap .swiper-button-next {
  cursor: pointer;
  width: 5.2rem;
  height: 5.2rem;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  margin-top: 0;
}
@media (max-width: 1024px) {
  #dining .section4 .dining-img-sd-wrap .swiper-button-prev,
  #dining .section4 .dining-img-sd-wrap .swiper-button-next {
    width: 2.6rem;
    height: 2.6rem;
  }
}
#dining .section4 .dining-img-sd-wrap .swiper-button-prev:hover,
#dining .section4 .dining-img-sd-wrap .swiper-button-next:hover {
  width: 5.2rem;
  height: 5.2rem;
}
#dining .section4 .dining-img-sd-wrap .swiper-button-prev:after,
#dining .section4 .dining-img-sd-wrap .swiper-button-next:after {
  display: none;
}
#dining .section4 .dining-img-sd-wrap .swiper-button-prev {
  background: url("/images/sub/room/sd_prev.png") no-repeat center;
  background-size: contain;
  left: 12%;
}
/*@media (max-width: 1024px) {
  #dining .section4 .dining-img-sd-wrap .swiper-button-prev {
    left: 1.5rem;
  }
}*/
#dining .section4 .dining-img-sd-wrap .swiper-button-next {
  background: url("/images/sub/room/sd_next.png") no-repeat center;
  background-size: contain;
  right: 12%;
}
/*
@media (max-width: 1024px) {
  #dining .section4 .dining-img-sd-wrap .swiper-button-next {
    right: 1.5rem;
  }
}
*/

.dining1 .section4 .dining-img-sd-wrap .slide1 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/1.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide2 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/2.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide3 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/3.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide4 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/4.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide5 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/5.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide6 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/6.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide7 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/7.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide8 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/8.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide9 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/9.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide10 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/10.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide11 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/11.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide12 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/12.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide13 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/13.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide14 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/14.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide15 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/15.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide16 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/16.jpg") no-repeat center;background-size: cover;}
.dining1 .section4 .dining-img-sd-wrap .slide17 {background: url("http://kuen1555.speedgabia.com/_carraca/cafe/17.jpg") no-repeat center;background-size: cover;}

.dining2 .section4 .dining-img-sd-wrap .slide1 {background: url("http://kuen1555.speedgabia.com/_carraca/banquet/1.jpg") no-repeat center;background-size: cover;}
.dining2 .section4 .dining-img-sd-wrap .slide2 {background: url("http://kuen1555.speedgabia.com/_carraca/banquet/2.jpg") no-repeat center;background-size: cover;}
.dining2 .section4 .dining-img-sd-wrap .slide3 {background: url("http://kuen1555.speedgabia.com/_carraca/banquet/3.jpg") no-repeat center;background-size: cover;}
.dining2 .section4 .dining-img-sd-wrap .slide4 {background: url("http://kuen1555.speedgabia.com/_carraca/banquet/4.jpg") no-repeat center;background-size: cover;}

#dining .section5 {
  padding: 15rem 0;
}
#dining .section5 .inner {
  max-width: 1400px;
  width: 95%;
  margin: 0 auto;
}
#dining .section5 .tit-wrap .tit {
  color: #000;
  font-family: 'ivymode';
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
@media (max-width: 1024px) {
  #dining .section5 .tit-wrap .tit {
    font-size: 3rem;
    text-align: center;
  }
}
#dining .section5 .sec4-sd {
  margin-top: 5rem;
  max-width: 1350px;
}
@media (max-width: 1024px) {
  #dining .section5 .sec4-sd {
    margin-top: 4.5rem;
  }
}
#dining .section5 .sec4-sd .swiper-wrapper {
  display: flex;
}
#dining .section5 .sec4-sd .swiper-slide {
  width: calc((100% - 60px) / 2);
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #dining .section5 .sec4-sd .swiper-slide {
    width: calc((100% - 8px) / 2);
  }
}
#dining .section5 .sec4-sd .swiper-slide .img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}
#dining .section5 .sec4-sd .cont-wrap .txt1 {
  color: #000;
  font-family: Futura-PT;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.6px;
  display: block;
  margin-top: 3.5rem;
}
@media (max-width: 1024px) {
  #dining .section5 .sec4-sd .cont-wrap .txt1 {
    margin-top: 2.4rem;
    font-size: 1.3rem;
  }
}
#dining .section5 .sec4-sd .cont-wrap .txt2 {
  color: #000;
  font-family: 'ivymode';
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1.375px;
  display: block;
  margin-top: 1.8rem;
}
@media (max-width: 1024px) {
  #dining .section5 .sec4-sd .cont-wrap .txt2 {
    font-size: 1.8rem;
    margin-top: 0.8rem;
  }
}
#dining .section5 .sec4-sd .hover-target .img {
  transition: transform 0.4s ease;
}
#dining .section5 .sec4-sd .hover-target .txt1,
#dining .section5 .sec4-sd .hover-target .txt2 {
  transition: transform 0.4s ease;
}
#dining .section5 .sec4-sd .hover-target .view-btn {
  transition: color 0.3s ease;
}
@media (max-width: 1024px) {
  #dining .section5 .sec4-sd .hover-target .view-btn {
    display: flex;
    align-items: center;
  }
}
#dining .section5 .sec4-sd .hover-target .view-btn:after {
  flex: 1 0;
}
#dining .section5 .sec4-sd .hover-target:hover .img {
  transform: scale(1.03);
}
#dining .section5 .sec4-sd .hover-target:hover .txt1 {
  transform: translateY(-5px);
}
#dining .section5 .sec4-sd .hover-target:hover .txt2 {
  transform: translateY(-8px);
}
#dining .section5 .sec4-sd .hover-target:hover .view-btn {
  color: #a1ab82;
  font-family: 'ivymode';
}
@media (max-width: 1024px) {
  #dining .section5 .sec4-sd .hover-target:hover .view-btn {
    marign-top: 2.5rem;
  }
}
#dining .section5 .sec4-sd .hover-target:hover .view-btn:after {
  background: #a1ab82;
}

/* -------------------------------------------------------- */
/* ---------------------------- facility ---------------------------- */
/* -------------------------------------------------------- */
.facility .section1 {
  width: 100%;
  height: 100vh;
  background: url("http://woc1.speedgabia.com/moonlight/story/1.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}
.facility .section1 .tit-wrap {
  position: absolute;
  left: 10%;
  bottom: 10%;
  z-index: 1;
}
@media (max-width: 1024px) {
  .facility .section1 .tit-wrap {
    display: none;
  }
}
.facility .section1 .tit-wrap .tit {
  color: #FFF;
  font-family: 'ivymode';
  font-size: 5.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.91;
}
.facility .section1 .tit-wrap .txt {
  color: #FFF;
  font-family: SUIT;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-top: 4.5rem;
}
.facility .section2 {
  padding-top: 16.3rem;
  padding-bottom: 18rem;
}
@media (max-width: 1024px) {
  .facility .section2 {
    padding-top: 8.6rem;
  }
}
.facility .section2 .inner {
  max-width: 165rem;
  width: 85%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .facility .section2 .inner {
    width: 90%;
  }
}
@media (max-width: 1024px) {
  .facility .section2 .tit-wrap {
    text-align: center;
  }
}
.facility .section2 .tit-wrap .tit {
  color: #000;
  text-align: center;
  font-family: 'ivymode';
  font-size: 5.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  .facility .section2 .tit-wrap .tit {
    font-size: 2.6rem;
  }
}
.facility .section2 .facility-lst-wrap {
  margin-top: 16.3rem;
}
@media (max-width: 1024px) {
  .facility .section2 .facility-lst-wrap {
    margin-top: 7.3rem;
  }
}
.facility .section2 .facility-lst-wrap .facility-lst > li {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .facility .section2 .facility-lst-wrap .facility-lst > li {
    flex-direction: column;
  }
}
.facility .section2 .facility-lst-wrap .facility-lst > li + li {
  margin-top: 15rem;
}
@media (max-width: 1024px) {
  .facility .section2 .facility-lst-wrap .facility-lst > li + li {
    margin-top: 7rem;
  }
}
.facility .section2 .facility-lst-wrap .facility-lst > li .img-wrap img {
  transition: transform 0.3s ease-in-out;
}
.facility .section2 .facility-lst-wrap .facility-lst > li .img-wrap.shake img {
  animation: shake 0.4s ease-in-out;
}
.facility .section2 .facility-lst-wrap .facility-lst > li .box {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .facility .section2 .facility-lst-wrap .facility-lst > li .box {
    margin-top: 1.6rem;
  }
}
.facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap {
  margin-left: 12.5rem;
}
@media (max-width: 1024px) {
  .facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap {
    margin-left: 0;
  }
}
.facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap .cont-tit {
  color: #000;
  font-family: 'ivymode';
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1024px) {
  .facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap .cont-tit {
    font-size: 3.2rem;
  }
}
.facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap .cont-txt {
  color: #000;
  font-family: SUIT;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-top: 3.2rem;
}
@media (max-width: 1024px) {
  .facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap .cont-txt {
    margin-top: 1.6rem;
    font-size: 1.6rem;
  }
}
.facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap .cont-txt2 {
  color: #656565;
  font-family: SUIT;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.93;
  display: block;
  margin-top: 6.2rem;
}
@media (max-width: 1024px) {
  .facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap .cont-txt2 {
    font-size: 1.4rem;
    margin-top: 3.2rem;
  }
}
.facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap .info {
  margin-top: 3.95rem;
}
.facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap .info li {
  color: #000;
  font-family: "Futura-PT";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.1;
  margin-top: 0;
}
.facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap .link-area {
  margin-top: 10rem;
}
@media (max-width: 1024px) {
  .facility .section2 .facility-lst-wrap .facility-lst > li .cont-wrap .link-area {
    margin-top: 6.6rem;
  }
}
.facility .section2 .facility-lst-wrap .facility-lst > li:nth-of-type(2n) {
  /*flex-direction: column-reverse;*/
  justify-content: space-between;
}
@media (max-width: 1024px) {
.facility .section2 .facility-lst-wrap .facility-lst > li:nth-of-type(2n) {
  flex-direction: column-reverse;
}
}


@keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(1deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.facility01.detail .section1 { background: url("http://woc1.speedgabia.com/moonlight/facility/1/10.jpg") no-repeat center;  background-size: cover;}
.facility02.detail .section1 { background: url("http://woc1.speedgabia.com/moonlight/facility/2/3.jpg") no-repeat center;  background-size: cover;}
.facility03.detail .section1 { background: url("http://woc1.speedgabia.com/moonlight/facility/3/1.jpg") no-repeat center;  background-size: cover;}
.facility04.detail .section1 { background: url("http://woc1.speedgabia.com/moonlight/facility/4/1.jpg") no-repeat center;  background-size: cover;}

.detail .section1 {
  width: 100%;
  height: 100vh;
}
@media (max-width: 1024px) {
  .detail .section1 {
    height: 36rem;
  }
}
.detail .section2 {
  padding-top: 17.5rem;
  padding-bottom: 23rem;
}
@media (max-width: 1024px) {
  .detail .section2 {
    padding-top: 10rem;
  }
}
.detail .section2 .inner {
  max-width: 165rem;
  width: 85%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .detail .section2 .inner {
    width: 100%;
  }
}
.detail .section2 .tit-wrap {
  text-align: center;
}
@media (max-width: 1024px) {
  .detail .section2 .tit-wrap {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
  }
}
.detail .section2 .tit-wrap .tit {
  color: #000;
  font-family: SUIT;
  font-size: 2.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
@media (max-width: 1024px) {
  .detail .section2 .tit-wrap .tit {
    font-size: 1.8rem;
    order: 2;
  }
}
.detail .section2 .tit-wrap .txt {
  color: #000;
  font-family: 'ivymode';
  font-size: 7.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-top: 4.8rem;
}
@media (max-width: 1024px) {
  .detail .section2 .tit-wrap .txt {
    font-size: 4.6rem;
    order: 1;
  }
}
.detail .section2 .tit-wrap .txt2 {
  color: #000;
  font-family: SUIT;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.78;
  text-align: center;
  display: block;
  margin: 3rem auto 0;
  width: 80%;
  order: 3;
}
.detail .section2 .tit-wrap .txt2 br {
  display: none;
}
.detail .section2 .facility-info {
  margin-top: 19rem;
  position: relative;
}
@media (max-width: 1024px) {
  .detail .section2 .facility-info {
    padding-top: 11rem;
    margin-top: 0;
  }
}
.detail .section2 .facility-info .flex {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 1024px) {
  .detail .section2 .facility-info .flex {
    flex-direction: column;
  }
}
.detail .section2 .facility-info .left {
  max-width: 60rem;
}
@media (max-width: 1024px) {
  .detail .section2 .facility-info .left {
    width: 90%;
    margin: 0 auto;
  }
}
.detail .section2 .facility-info .left .info-tit {
  color: #000;
  font-family: 'ivymode';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.detail .section2 .facility-info .left .info-txt {
  color: #000;
  font-family: SUIT;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.78;
  display: block;
  margin-top: 6rem;
}
.detail .section2 .facility-info .left img {
  margin-top: 25rem;
}
@media (max-width: 1024px) {
  .detail .section2 .facility-info .left img {
    margin-top: 0;
  }
}
.detail .section2 .facility-info .left dl {
  margin-top: 12rem;
}
.detail .section2 .facility-info .left dl dt {
  color: #000;
  font-family: Futura-PT;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.03;
  display: block;
}
.detail .section2 .facility-info .left dl dd {
  color: #000;
  font-family: Futura-PT;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.03;
  display: block;
}
@media (max-width: 1024px) {
  .detail .section2 .facility-info .right {
    margin-top: 11rem;
    margin-left: auto;
    width: 90%;
  }
}
.detail .section2 .facility-info .right .img-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.detail .section2 .facility-info .right .img-wrap img:nth-of-type(2) {
  margin-top: 10rem !important;
}
.detail .section3 {
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 15rem;
}
@media (max-width: 1024px) {
  .detail .section3 {
    padding-bottom: 7rem;
  }
}
.detail .section3 .swiper-button-prev,
.detail .section3 .swiper-button-next {
  width: 5.2rem;
  height: 5.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  margin-top: 0;
}
@media (max-width: 1024px) {
  .detail .section3 .swiper-button-prev,
  .detail .section3 .swiper-button-next {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.detail .section3 .swiper-button-prev:before, .detail .section3 .swiper-button-prev:after,
.detail .section3 .swiper-button-next:before,
.detail .section3 .swiper-button-next:after {
  display: none;
}
.detail .section3 .swiper-button-prev {
  background: url("/images/sub/room/sd_prev.png") no-repeat center;
  background-size: contain;
  left: 2rem;
}
.detail .section3 .swiper-button-next {
  background: url("/images/sub/room/sd_next.png") no-repeat center;
  background-size: contain;
  right: 2rem;
}


/*------------------------------------------------------------------------------------------------*/
/* location */
#location .wrap {padding: 20rem 0 0 0;background:#fff;}
#location .tit_area {}
#location .tit_area h2 {font-size: 6rem;color: #222222;text-align: center;font-family:'ivymode';font-weight: 500}
#location .tit_area h2 span {display: block;font-size: 2rem;color: #444444;margin-top:1rem;}
#location .content {position:relative;background:#fff;z-index:360;padding:20rem 0;margin:0 auto;width: 100%;}
#location .content .way_cont {margin:15rem;padding-bottom: 10rem; /* border-bottom: 1px solid #e2e2e2;width:80%; */}
#location .content .way_cont h3 {font-size:2.8rem;color:#222222;margin-bottom: 2.5rem;font-weight: bold;}
#location .content .way_cont .lo_num {padding-top: 2.5rem;border-top: 2px solid #000000;}
#location .content .way_cont .lo_num ul {}
#location .content .way_cont .lo_num ul li {font-size: 1.8rem;color: #242424;line-height: 2;display: flex;justify-content: flex-start;margin-bottom: 1rem;}
#location .content .way_cont .lo_num ul li span  {font-size: 2.4rem;color: #222222;display: inline-block;width: 16rem;}
#location .way {margin-top:12rem;}
#location .way h3 {font-size:2.8rem;color:#222222;margin-bottom: 4rem;}
#location .way .cont {padding-top: 4rem;border-top: 2px solid #000000;}
#location .way .cont h4 {font-size: 1.8rem;color: #222222;margin-bottom: 1.5rem;font-weight: bold;;}
#location .way .cont h4:not(:first-of-type) { margin-top: 5rem; }
#location .way .cont p {font-size: 1.8rem;color: #222222;line-height: 2;display: list-item;list-style:disc;list-style-position:inside;}

.root_daum_roughmap {width:100%!important;}

@media (max-width: 1024px) {
  #location .tit_area h2 {font-size: 3.2rem;}
  #location .tit_area h2 span {font-size: 1.8rem;}
  #location .content {padding:10rem 0 0 0;}
  #location .content .way_cont {width: 90%;margin: 5rem auto 0;}
  #location .content .way_cont h3 {font-size: 2rem;margin-bottom: 1.5rem;}
  #location .content .way_cont .lo_num {padding-top: 1.5rem;}
  #location .content .way_cont .lo_num ul li {flex-wrap: wrap;font-size: 1.4rem;line-height: 1.5;margin-bottom:2rem;padding-left:0.5rem;}
  #location .content .way_cont .lo_num ul li span {font-size: 1.8rem;width: 100%;margin-bottom:0.5rem;}

  #location .way {margin-top: 8rem;}
  #location .way .cont {padding-top: 1.5rem;padding-left:0.5rem;}
  #location .way .cont p {font-size: 1.6rem;line-height: 1.5;text-indent: -23px;margin-left: 23px;}
  #location .way .cont h4:nth-of-type(2) {margin-top: 3rem;}
}


/*------------------------------------------------------------------------------------------------*/
/* offer */
#promotion header.active{background: rgb(243 243 243);}
#promotion header.menu-open{background: #fff;}
#promotion .contents {position:relative;background:rgb(243 243 243);z-index:360;top:0;}
#promotion .contents .tab{background-color: rgb(243 243 243);}
#promotion #list_item_btn {
  font-size:15px;color:#3f3f3f;border:1px solid #e3e0dd;text-align:center;display:block;margin:100px auto;width:210px;line-height:50px;transition:all 0.3s;-webkit-transition:all 0.3s;font-family: 'montserrat';
    text-transform: uppercase;
}
#promotion #list_item_btn:hover {letter-spacing:3px; background-color:#958680; color:white; transition: 0.3s ease-in-out;}
/* promotion */
#promotion .list_wrap {padding:250px 0 250px;overflow:hidden;}
#promotion .list_wrap h3 {font-size:44px;color:#494949;margin:0 auto 80px;position:relative;margin-left: 10%;line-height: 1.7; font-family: 'ivymode';font-weight: 400;letter-spacing:1px; }
#promotion .list_wrap h3.show-650{display:none;}
@media(max-width:1024px){
#promotion .list_wrap h3{}
}
#promotion .list_wrap .offers {width:75%;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
#promotion .list_wrap .offers dl {width:30.33%;margin:0 1.5% 80px;position:relative;}
#promotion .list_wrap .offers dl dt {height:0;width:100%;overflow:hidden;padding-top: 100%;position: relative}
#promotion .list_wrap .offers dl dt .img {
  width:100%;height:100%;
  transition:all 0.3s ease-in-out;
  position: absolute;
  left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1);
}
#promotion .list_wrap .offers dl dd {margin-top:30px;word-break:keep-all;}
#promotion .list_wrap .offers dl dd a {display:block;}
#promotion .list_wrap .offers dl dd h4 {font-size:28px;color:#222222;margin-bottom:15px;line-height:1.5;font-weight:bold;}
#promotion .list_wrap .offers dl dd h4 span {display: block;font-size: 14px;color: #585858;margin-bottom: 25px;}
/*#promotion .list_wrap .offers dl dd p {
  font-size:15px;color:#737373;line-height:1.5em;word-break:keep-all;
  white-space:normal;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
}*/
#promotion .list_wrap .offers dl dd p.ko {font-size: 26px;color: #222222;margin-bottom: 15px;line-height: 1.2;font-weight: 600;margin-top: 2rem;}
#promotion .list_wrap .offers dl dd p.en {    color: #979797;
    font-weight: 600;
    font-size: 1.3rem;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-family: 'montserrat';}
#promotion .list_wrap .offers dl dd span.date {display:block;font-size:16px;color:#737373;margin-top:10px;    font-weight: 300;letter-spacing: 0.3px;}
#promotion .list_wrap .offers dl dd .view_btn {width:160px;line-height:40px;text-align:center;color:#fff;background:#b49f82;margin-top:30px;transition:letter-spacing 0.3s ease-in-out;border:1px solid #b49f82}
#promotion .list_wrap .offers dl dd .view_btn:hover {background:none;color:#b49f82;letter-spacing:2px;border:1px solid #b49f82}

#promotion .cont_wrap{max-width:1030px; margin:0 auto; position:relative; padding:90px 0 180px;}
#promotion .cont_wrap .tit_box{position:relative; display:block; padding:15px 0;}
#promotion .cont_wrap .tit_box .tit{color:#212121; font-size:40px;text-align:center;margin-bottom:50px;}
#promotion .cont_wrap .tit_box .tit .date{display:block; color:#737373;font-size:18px;margin-top:25px;}
#promotion .cont_wrap .cont {padding:40px 0 90px; }
#promotion .cont_wrap .cont h4 {font-size:16px;color:#212121;margin:80px 0 30px 0;text-align:center;font-weight:bold;}
#promotion .cont_wrap .cont img {display:block;margin:0 auto;width:900px;height:auto;}
#promotion .cont_wrap .cont p{margin-top:50px; color:#6d6d6e; font-size:16px; line-height:160%;text-align:center;word-break:keep-all;}
#promotion .cont_wrap .cont .loca {margin:30px 0 80px;line-height:2em;}
#promotion .cont_wrap a{
  margin:45px auto 0; width:215px; height:50px; line-height:55px; background-color:#3b3736; color:#fff; font-size:15px; display:block;
  text-align:center;
}

#promotion #top {
  width: 100%;
  height: 50rem;
  background: url("http://woc1.speedgabia.com/moonlight/story/10.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}
#promotion #top h2 {font-size: 3.8rem;position: absolute;left: 50%;top: 60%;transform: translate(-50%,-50%);text-align: center;
  z-index: 5;color: #fff;  font-family: 'ivymode';
    font-weight: 100;
    text-transform: uppercase;}
#promotion #top h2 span {display: block;font-size: 1.8rem;font-weight: 400}

@media (max-width: 1024px) {
  #promotion .list_wrap{    padding: 150px 0 250px;}
  #promotion .list_wrap h3 {font-size: 4.2rem;    margin-right: 10%;}
  #promotion .list_wrap .offers {width: 80%;}
  #promotion .list_wrap .offers dl {width: 100%;margin:0 0.5% 5rem;}
  #promotion .list_wrap .offers dl dd p.ko {font-size: 2rem;}
  #promotion .list_wrap .offers dl dd span.date {font-size: 1.4rem;}
}

@media (max-width: 650px) {
#promotion .list_wrap h3{
        text-align: center;
        font-size: 3vw;
        color: #999;
        font-family: 'montserrat';
}
#promotion .list_wrap h3 span{
display: block;
font-family: 'ivymode';
color: #494949;
    font-size: 8vw;
    text-align: center;margin-bottom: 1rem;
	}
#promotion .list_wrap h3.show-650{display:block;}
#promotion .list_wrap h3.hide-650{display:none;}

}
@media (max-width: 440px) {

}


/*------------------------------------------------------------------------------------------------*/
/* privacy */
/* 개인정보처리방침 이용약관*/
#privacy {}
#privacy #viewContets{padding: 150px 0 195px;overflow-x: hidden;background: #fff;}
#privacy #viewContets .cont_wrap{max-width: 95%;width:120rem;margin: 0 auto;}
#privacy #viewContets .cont_wrap #sec01{position:relative;width:100%;background:#ffffff;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap{width: 100%;padding-top: 63px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap::after{display:block;content:'';clear:both;height:0;visibility:hidden;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box{width: 100%;margin-bottom: 30px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box.right_box{float:right;padding-left:40px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table{width: 100%;table-layout: fixed}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table th{border: 1px solid #D5D5D5;border-top: 1px solid #222222;padding: 13px 0 14px;font-size: 20px;font-weight: 500; color: #585858;background: #F8F8F8;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table th:first-child{border-left: none;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table th:last-child{border-right: none;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table td{border: 1px solid #D5D5D5; padding:16px;font-size: 18px;font-weight: 400;text-align: center;word-break: keep-all;line-height:30px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table td.text_left{text-align: left;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table td:first-child{border-left: none;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table td:last-child{border-right: none;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_sub{font-size: 45px;padding: 0 0 92px;font-weight:300;line-height:64px;letter-spacing:-0.6px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_text{font-size: 18px;font-weight: 400;line-height: 33px; letter-spacing: -0.2px; padding: 0 0 44px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box{word-break: keep-all;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box.border_box{border: 1px solid #D5D5D5;padding: 35px 30px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box.border_box p{position: relative;padding-left: 15px;height: 18px;line-height: 18px;margin-bottom: 15px;letter-spacing:-0.2px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box.border_box p:last-child{margin-bottom:0;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box.border_box p::before{position:absolute;top: 7px;left: 4px;display:block;content:'';width:4px;height:4px;border-radius:10px;background-color:#585858;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p{font-size: 18px;font-weight: 400;word-break: keep-all;line-height: 33px;letter-spacing:-0.4px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.bold_p{font-size: 20px;font-weight: 500;margin: 46px 0 21px; word-break: keep-all;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.enter_p{padding-left: 12px;padding-bottom: 0;line-height: 30px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.enter_pp{padding-left: 40px;padding-bottom: 5px;line-height: 30px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.margin_5_b{margin-bottom:5px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.margin_10_b{margin-bottom:10px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.margin_15_b{margin-bottom:15px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.margin_25_b{margin-bottom:25px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.margin_30_b{margin-bottom:30px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.dot_p{position:relative;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.dot_p:before{position:absolute;top: 15px;left: 0;display:block;content:'';width:4px;height:4px;border-radius:10px;background-color:#585858;}

#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.dot_p.enter_pp:before{left:30px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.last_p{margin-bottom:0;padding-bottom:0;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.one_line{line-height:18px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box .enter_div{}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box .enter_div p{margin: 0;line-height: 29px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box .gana_div{margin: 30px 0;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box .gana_div p{margin:0;line-height: 33px;}
#privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box .p_div{margin:30px 0 0;line-height: 33px;}

@media (max-width: 1024px) {
  #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_sub {font-size: 3rem;padding-bottom: 5rem;}
  #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_text {font-size: 1.4rem;}

  #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box.border_box {padding: 25px 20px;}
  #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.one_line {font-size: 1.4rem;}
  #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p {font-size: 1.4rem;line-height: 1.5;}

  #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table {table-layout: fixed;}
  #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table th {font-size: 1.6rem;padding: 1rem;line-height: 1.2;word-break: break-all;}
  #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table td {font-size: 1.4rem;padding: 1rem;line-height: 1.2;word-break: break-all;}
}


/*------------------------------------------------------------------------------------------------*/
/* email */
#email .view_cont {background: #fff;}
#email .content {padding:250px 0;width:1200px;margin:0 auto;max-width:95%;}
#email .content h2 {font-size:42px;font-weight:300;line-height:60px;margin-bottom:70px;}
#email .content p {font-size:18px;font-weight:400;line-height:2em;}

@media (max-width: 1024px) {
  #email .content h2 {font-size: 3rem;margin-bottom:3rem;}
  #email .content p {font-size: 1.4rem;}
}




/*------------------------------------------------------------------------------------------------*/
/* reserve */
#reserve .content {position:relative;background:#fff;z-index:300;/* padding-top:70px; */}
#reserve .list_wrap {padding:0 0 250px;overflow:hidden;}
#reserve .list_wrap .top .top_tit {font-size:70px;color:#fff;/* margin:0 auto 80px; */position:absolute;margin-left: 10%;bottom:150px;line-height: 1.7; font-family: 'ivymode';font-weight: 300; letter-spacing:2px;}

@media (max-width: 1024px) {
#reserve .list_wrap .top .top_tit {font-size:40px;}
}


#reserve .content .list_wrap .cont {max-width:1200px;margin:0 auto 150px;overflow:hidden;}
#reserve .iframe {margin-bottom:100px;}

#reserve .list_wrap .top {
  width: 100%;
  height: 800px;
  background: url("http://woc1.speedgabia.com/moonlight/story/0.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}
#reserve #top h2 {font-size: 3.8rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;
  z-index: 5;color: #fff;font-family: 'ivymode';}
#reserve #top h2 span {display: block;font-size: 1.8rem;font-weight: 400}

.tab01 {display:block;}
.tab02 {display:none;}
.tab01 .cal{width: 1200px;}
.tab02 > h3:first-child {margin-top:0;}
.tab02 > h3 {font-size:20px;font-size: 22px;color: #010101;font-weight: 700;display:block;/* border-top:1px solid #5f5162;background:#f1f1f1;padding:15px; */    margin-top: 100px;margin-bottom:40px;}
.tab02 .notice ul {margin-top:30px;padding-left: 10px;}
.tab02 .notice ul li {line-height: 1.7;color: #010101;font-size: 15px;padding-left: 5px;}
.tab02 .notice ul li.notice_tit{font-weight: 700;padding-left: 0;font-size: 16px;line-height: 2;}
.tab02 .notice ul li b {font-weight: 600; color:#3f4735;margin-right:10px;}

.tab02 .refund {margin-bottom:100px;}
.tab02 .refund ul li {line-height: 1.7;color: #010101;font-size: 15px;padding-left: 5px;}
.tab02 .refund ul li.refund_tit{font-weight: 700;padding-left: 0;font-size: 16px;line-height: 2;}
.tab02 .refund h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;}
.tab02 .refund h4 {font-size:20px;text-align:left;margin:30px 0 10px;}
.tab02 .refund table {width:100%;margin-top:40px;  border-collapse: collapse; border:1px solid #c0c0c0;}
.tab02 .refund table thead tr th {padding:10px 0;border:1px solid #c0c0c0;font-weight:normal;font-size:14px;font-family:'NanumBarunGothic';font-weight: 400;}
.tab02 .refund table tbody th {padding:10px 0; font-family:'NanumBarunGothic'; font-size:14px; font-weight:700; background:#fafafa; border:1px solid #c0c0c0; text-align:center;}
.tab02 .refund table tbody tr {border-bottom:1px solid #c0c0c0; border:1px solid #c0c0c0; }
.tab02 .refund table tbody tr td {
  text-align:center;padding:10px 0;color:#707f32;font-family:'NanumBarunGothic';font-weight:normal;font-size:14px;
  border-right:1px solid #c0c0c0;
}
.tab02 .refund table tbody tr td:nth-child(1),
.tab02 .refund table tbody tr th:nth-child(1) {border-left:1px solid #c0c0c0;}

.tab02 .refund ul {margin-top:30px;margin-left:15px;}

.rv_table {display:block;width:1150px;margin:0 auto;}


@media (max-width: 1220px) {
  #reserve .content .cont {width:100%;margin: 0 auto 50px;}
   #reserve .content .cont .tab-content .tab01 .cal{width: 100%;}
}