@charset "utf-8";

html {
    scroll-behavior: smooth;
  }

.video_box {
  width: 100%;
  height: 100%;
  padding-top: 56.25%;
  position: relative;
  pointer-events: none;
}

.video_box iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-family: pretendard;
}


.centerbox  {
    max-width: 1320px;
    margin: 0 auto;
}
main {
    background: #F0ECE4;
}
.m_br {
  display: none;
}
.reserv_btn {
  display: none;
}
.mo_imgbx {
  display: none;
}
.m_insbx {
  display: none;
}
#header .room_gnb {
  display: none;
}
.experience_wrap-mo {
  display: none;
}
.fxd-bx {
  display: none;
}
.num_crt {
  display: flex;
  gap: 13px;
}
.num_crt .minus {
  width: 19px;
  height: 19px;
}
.num_crt .plus {
  width: 19px;
  height: 19px;
}
.mo_kv {
  display: none;
}
.date-wrap .flatpickr-rContainer {
  width: 100%;
}
.date-wrap .flatpickr-days {
  width: 100% !important;
  height: 167px;
}
.date-wrap .flatpickr-day {
  width: 29px;
  height: 27px;
  /* margin-bottom: 12px; */
  font-size: 13px;
  font-weight: 400 !important;
  padding-top: 2px;
}
.opt_container {
  position: fixed;
  background: #fff;
  height: 100%;
  z-index: 99999;
  overflow-y: scroll;
  display: none;
}
.place_wrap-pc .slide_cont .txt {
  font-size: 24px;
  margin-top: 31px;
}
.place_wrap-pc .slide_cont .txt h2 {
  font-size: 24px;
  font-weight: 500;
  font-family: "aktiv-grotesk", sans-serif;
}
.experience_wrap-pc .swiper-wrapper {
  transition-timing-function: linear;
}
.txt_wrap .icowrap {
  display: none;
}
.gridwrap-mo {
  display: none;
}
.place_wrap-mo {
  display: none;
}
.subtit.december-cal {
  justify-content: flex-end;
}
.main section.info_room .txt_wrap .tit {
    text-align: center;
    width: 100%;
    font-weight: 400;
}
.main section.info_room .sub_tit {
    font-size: 61px ;
    
}
.main
  .info_room
  .tab_txt_wrap
  .lst_tab_btn
  > li
  > button[aria-selected="true"] {
  position: relative;
  color: #242424;
}
.main
  .info_room
  .tab_txt_wrap
  .lst_tab_btn
  > li
  > button[aria-selected="true"]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #242424;
}

.modalbx {
  display: none;
  position: fixed;
  background: #fff;
  width: 800px;
  height: 659px;
  z-index: 9;
  bottom: 161px;
  left: 50%;
  transform: translateX(-50%);
  overflow-y: scroll;
  z-index: 100;
}
.modalbx.on {
  display: block;
}

/* 섹션 공통 */
.link_more {
  font-family: pretendard, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #3E3936;
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 7px;
  line-height: 19px;
  margin-bottom: 50px;
}
.link_more .nextBtn {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/icon/nextBtn.svg) no-repeat;
    background-size: cover;
    line-height: 19px;
}
/* .link_more::after {
  width: 87px;
  height: 1px;
  background: #888;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
} */
.viewbx a::after {
  bottom: 8px;
  position: absolute;
}
/* 메인 키비주얼 */
.main .visual {
  width: 100%;
  height: 669px;
  position: relative;
}
.main .visual .visual_swiper {
  width: 100%;
  height: 100%;
}
.main .visual .visual_swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.main .visual .visual_swiper .swiper-wrapper .swiper-slide iframe {
    width: 100%;
    height: 100%;
}
.main .visual .visual_swiper .swiper-wrapper .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* .main .visual .visual_swiper .swiper-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
} */

/* 스와이퍼 슬라이드 네비버튼 변경 */


.main .visual .mtit {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  margin-left: 200px;
  font-family: "aktiv-grotesk", sans-serif;
}
.main .visual .mtit::after {
  position: absolute;
  content: "";
  right: -15px;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  bottom: 0;
  border-radius: 50px;
}
.main .visual .visual_swiper {
    position: relative;
}
.main .visual .visual_swiper .swiper_controler {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    width: 340px;
}
.main .visual .visual_swiper .swiper_controler .swiper-pagination {
  display: flex;
  align-items: center;
  width: auto;
  bottom: auto;
  left: auto;
}
.main .visual .visual_swiper .swiper_controler .swiper-pagination.activeNum {
    font-size: 14px;
    color: #fff;
    opacity: .9;
    flex-direction: row;
    width: 250px;
    flex-grow: 1;
    justify-content: space-between;
}
.main .visual .visual_swiper .swiper_controler .swiper-pagination.activeNum span {
    font-size: 14px;
    font-family: pretendard;
    font-weight: 500;
}
.main .visual .visual_swiper .swiper_controler .swiper-pagination.activeNum span.swiper-pagination-current {
    flex-grow: 1;
    text-align: left;
}
.main .visual .visual_swiper .swiper_controler .swiper-pagination.activeNum span:not(:last-child) {
    margin-bottom: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 15px;
}
.swiper-button-next {
    left: 100%;
    right: auto;
}
.swiper-button-prev {
    right: 100%;
    left: auto;
}
.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}
.main
  .visual
  .visual_swiper
  .swiper_controler
  .swiper-pagination
  span:not(:last-child) {
  margin-bottom: 10px;
}

/* 섹션01 - something new */
.main section .txt_wrap .tit {
  font-size: 22px;
  font-weight: 600;
  color: #3E3936;
  line-height: 1.6;
  white-space: nowrap;
    margin-bottom: 15px;
}
.main section .txt_wrap .sweet_txt {
  font-size: 18px;
  font-weight: 400;
  color: #242424;
  line-height: 1.5;
  margin-bottom: 44px;
}

.main section .txt_wrap .txt_new:not(.sweet_txt) {
  /* margin: 38px 0 44px; */
  font-size: 14px;
  font-weight: 400;
  color: #3E3936;
  line-height: 1.5;
  margin-bottom: 35px;
}
.main .new {
  padding: 195px 0 0px 0;
  height: auto;
  position: relative;
}
.main .new.active {
  /* position: sticky; */
}

.main .new .positionWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.main .new.active .positionWrap {
  /* position: sticky; */
  top: 100px;
  left: 0;
}
.main .new .link_more::after {

}

.main .new .progressbarV {
    width: 1px;
    height: 126px;
    background: #3E3936;
    margin-bottom: 50px;
}
.swiper_controler .swiper-button-prev.type1 {
  width: 44px;
  height: 44px;
  top: 50%;
  left: 32px;
  background-image: url(../images/ico/ico_slide_left_white.svg);
  /* transform: translateY(-50%); */
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.swiper_controler .swiper-button-prev.type1::after {
  content: none;
}
.swiper_controler .swiper-button-next.type1 {
  width: 44px;
  height: 44px;
  top: 50%;
  right: 32px;
  background-image: url(../images/ico/ico_slide_right_white.svg);
  /* transform: translateY(-50%); */
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.swiper_controler .swiper-button-next.type1::after {
  content: none;
}
.swiper_controler .swiper-pagination.type1 {
  z-index: 2;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.swiper_controler .swiper-pagination.type1 span {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 1px solid #fff;
  opacity: 1;
}
.swiper_controler
  .swiper-pagination.type1
  span.swiper-pagination-bullet-active {
  background-color: #fff;
}
.swiper_controler.rowbar {
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper_controler.rowbar .whitebarWrap {
    width: 200px;
    height: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;

    position: relative;
    z-index: 10;
}
.swiper_controler.rowbar .whitebarWrap li {
    width: 32%;
    height: 2px;
    background: rgba(255, 255, 255, .65);
}
.swiper_controler.rowbar .whitebarWrap li.active {
    background: #fff;
}
.main .info_room .slide_wrap > div {
  width: 100%;
  height: 100%;
}
.main .info_room .lst_tabpanel {
    margin-bottom: 35px;
}
.main .new .txt_wrap {
    text-align: center;
}
.main section .sub_tit {
  margin-bottom: 5px;
  font-size: 45px;
  color: #3E3936;
  font-family: "pretendard", sans-serif;
  display: block;
  font-weight: 500;
  letter-spacing: -3px;
  text-align: center;
}
.main section.info_room .sub_tit {
  font-weight: 400;
}
.main section .sub_tit b {
    font-weight: 700;
    font-size: 45px;
}
.main section.txt_wrap .tit {
  margin-bottom: 38px;
  font-size: 22px;
  font-weight: 700;
  color: #3E3936;
  line-height: 1.5;
  white-space: nowrap;
}
.main section.info_room .slide_wrap > div .swiper_controler .swiper-pagination {
  display: flex;
  left: 50%;
  align-items: center;
  flex-direction: row;
  bottom: 32px;
  transform: translateX(-50%);
  justify-content: center;
}
.main
  section.info_room
  .slide_wrap
  > div
  .swiper_controler
  .swiper-pagination
  span:not(:last-child) {
  margin-right: 10px;
}
.main .info_room .tab_txt_wrap .lst_tabpanel {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main .info_room .tab_txt_wrap .lst_tabpanel .tabpanel {
  display: flex;
  display: none;
  margin-left: 0;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
}
.main .info_room .tab_txt_wrap .lst_tab_btn > li + li {
  margin-left: 26px;
}
.main .info_room .slide_wrap > div .swiper_controler .swiper-pagination {
  display: flex;
  left: 50%;
  align-items: center;
  flex-direction: row;
  bottom: 32px;
  transform: translateX(-50%);
}
.main
  .info_room
  .slide_wrap
  > div
  .swiper_controler
  .swiper-pagination
  span:not(:last-child) {
  margin-right: 10px;
}
.main .info_room {
  width: 100%;
  padding: 140px 0 190px 0 ;
  text-align: center;
}
.main .info_room .slide_wrap {
  aspect-ratio: 1042/660;
    width: 1320px;
    height: 640px;
    margin: 0 auto;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal {
    top: calc(100% + 30px);
    height: 1px;
}
.swiper-pagination-progressbar {
    background: #DFDBD4;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #3E3936;
}
.main
  section.info_room
  .tab_txt_wrap
  .lst_tab_btn
  > li
  > button[aria-selected="true"] {
  position: relative;
  color: #242424;
}
.main
  section.info_room
  .tab_txt_wrap
  .lst_tab_btn
  > li
  > button[aria-selected="true"]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #242424;
}
.main .experience {
}
.main .info_sns {
}
.lst_tabpanel{margin: 12% 0 2rem;}
.main .info_sns .tit {
  font-size: 40px;
  font-weight: 700;
  color: #151414;
  margin-bottom: 13px;
  font-family: "aktiv-grotesk", sans-serif;
}
.main .info_sns h5 {
  color: #242424;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 19px;
  font-family: "aktiv-grotesk", sans-serif;
}
.main .info_sns p {
  color: #242424;
  font-size: 20px;
  font-weight: 700;
}
.main .info_sns .sns_inner {
  text-align: center;
  margin-bottom: 121px;
}
.main .info_sns .icowrap {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.main .contact {
  background: #fff;
  padding: 113px 0 119px;
  margin-left: 201px;
}
.main .contact .tit {
  font-size: 40px;
  font-weight: 700;
  color: #151414;
  margin-bottom: 10px;
  line-height: 1.6;
  font-family: "aktiv-grotesk", sans-serif;
}
.main .contact h5 {
  font-size: 20px;
  margin-bottom: 76px;
  font-weight: 400;
}
/* .main .experience .titbx {
  width: 1450px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
} */
.main .experience .tit {
  font-size: 40px;
  font-weight: 700;
  color: #151414;
  margin-bottom: 45px;
  line-height: 1.5;
}
.main .experience .slwrap {
  display: flex;
}
.main .experience .slwrap .slbx {
  position: relative;
  height: 455px;
}
.main .experience .slwrap .slbx:not(:last-child) {
  margin-right: 28px;
}
.main .experience .slwrap .slbx::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, black, transparent);
  left: 0;
  top: 0;
  z-index: 2;
}
.main .experience .slwrap .txtbx {
  width: auto;
  height: auto;
  position: absolute;
  bottom: 32px;
  left: 32px;
  color: #fff;
  z-index: 3;
}
.main .experience .slwrap .txtbx h5 {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 6px;
  font-family: "aktiv-grotesk", sans-serif;
}
.main .experience .slwrap .txtbx h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
}
.experience .m_link_more {
  display: none;
}
.main .info_service {
    padding: 190px 0 200px 0;
}
.main .info_service .sub_tit {
    font-size: 60px;
    font-weight: 400;
    letter-spacing: -3px;
}
.main .info_service .viewbx {
  text-align: center;
}
.main .info_service .viewbx .link_more::after {
  bottom: 9px;
}
.main .info_service .txt_wrap {
  text-align: center;
  margin-bottom: 116px;
}
.main .info_service .txtbx {
  margin-top: 28px;
}

.main .info_service h3 {
  margin-bottom: 9px;
  font-size: 24px;
  font-weight: 700;
  font-family: "aktiv-grotesk", sans-serif;
  color: #242424;
}

.main .info_service .gridwrap-pc {
  width: 1520px;
  margin: 0 auto 71px;
}
.main .info_service .gridwrap-pc .top_cont,
.main .info_service .gridwrap-pc .bottom_cont {
  display: flex;
}
.main .info_service .gridwrap-pc .top_cont {
  margin: 116px auto 86px;
}
.main .info_service .gridwrap-pc .slbx:not(:last-child) {
  margin-right: 28px;
}
.main .info_service .gridwrap-pc .imgbx {
  width: 488px;
  height: 453px;
}
.main .info_service .tit {
  font-size: 22px;
  font-weight: 400;
  color: #3E3936;
  line-height: 1.5;
  margin-bottom: 32px;
}

.main .info_service p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: #242424;
}

.main .info_service .imgWrap {
    width: 100%;
    height: 224px;
    margin-bottom: 40px;
    background: url(../images/main/ourspaceImg.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.main .info_service .imgWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main .info_service .infoServiceCont {
    display: flex;
    justify-content: space-between;
}
.main .info_service .infoServiceCont li {
    padding: 0 20px 0 0;
    width: 205px;
}
.main .info_service .infoServiceCont li.service2 {
  padding: 0;
}
.main .info_service .infoServiceCont li em {
    font-style: normal;
    display: flex;
    flex-direction: column;
    gap: 25px;

    color: #3e3936;

}
.main .info_service .infoServiceCont li em span {
    font-size: 25px;
    font-weight: 600;
    position: relative;
}
.main .info_service .infoServiceCont li em span::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    /* background: url(../images/icon/serviceIcon.svg); */
    background: url(../images/icon/arrowblack.svg) no-repeat center;
    background-size: cover;
    top: 0;
    transform: translate(50%,3%);
    opacity: 1;
    transition: .3s;
    animation: btnAni 1s forwards;
}
.main .info_service .infoServiceCont li.active em span::after {
  background: url(../images/icon/serviceIcon.svg) no-repeat center;
}
.main .info_service .infoServiceCont li:hover em span::after {
  background: url(../images/icon/serviceIcon.svg) no-repeat center;
}
.main .info_service .infoServiceCont li em p {
    font-size: 16px;
    font-weight: 500;
    color: #3E3936;
}
.main .info_service .infoServiceCont li.active em span {
    color: #EB5800;
}
.main .info_service .infoServiceCont li:hover em span {
    color: #EB5800;
}
.main .info_service .infoServiceCont li.active em p {
    font-size: 16px;
}
.main .our_place {
  padding: 241px 0 240px;
  background-color: #fff;
  width: 1520px;
  margin: 0 auto;
}
.main section.our_place .place_wrap-pc .slide_cont .txt {
  font-size: 24px;
  font-weight: 500;
  color: #242424;
  margin-top: 38px;
  font-family: "aktiv-grotesk", sans-serif;
}
.main section.our_place .place_wrap-pc .slide_cont .txt .desc {
  margin-top: 11px;
}
.main section.our_place .place_wrap-pc .slide_cont .img {
  height: 359px;
}
.main section.our_place .place_wrap-pc .slide_cont .txt .desc p {
  font-size: 16px;
  font-weight: 500;
}
.main .our_place .inner {
  width: 1520px;
}
.main .our_place .inner .tit_bx {
  position: relative;
  width: 1391px;
  margin-bottom: 97px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .our_place .swiper-button-prev {
  width: 44px;
  height: 44px;
  left: 0 !important;
  position: absolute;
}

.main .our_place .swiper-button-next {
  width: 44px;
  height: 44px;
  right: 0 !important;
  position: absolute;
}

.main .our_place .swiper-button-prev::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/ico/ico_left-nav-white.svg) center center / cover;
}
.main .our_place .navbtn {
  width: 98px;
  position: relative;
  top: -10px;
}
.main .our_place .swiper-button-next::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/ico/ico_right-nav-white.svg) center center / cover;
}
.swiper.mySwiperInfoRoom {
    overflow: visible;
}


/* 섹션 공통 */
.main section .mtit {
  font-size: 40px;
  font-weight: 400;
}

.main .info_service .tit_bx {
  text-align: center;
}

.main .info_service .tit_bx .tit .btnall {
  width: 98px;
  height: 44px;
  position: relative;
}
.main .new {
}
.main .new .img_wrap {
  width: 100%;
  height: 100vh;
  transition: 1s;
  position: relative;
  overflow: hidden;
}

.main .new .img_wrap img {
  width: 360px;
  height: 360px;
  min-width: 360px;
  min-height: 360px;
  position: absolute;
  left: 50%;
  transform-origin: left top;
  display: block;
  top: 0;
  transform: translate(-50%,0);
}
/*
.main .new .img_wrap.expanded{
  width: 100%;
  height: 100vh;
} */

.main .info_room .tab_txt_wrap {
  /* margin-left: 138px; */
}

.main .info_room .tab_txt_wrap .lst_tab_btn {
  margin-bottom: 161px;
  display: flex;
  align-items: center;
}

.main .info_room .tab_txt_wrap .lst_tab_btn > li > button {
  font-size: 18px;
  font-weight: 600;
  color: #9e9c9a;
  line-height: 1.6;
  font-family: "aktiv-grotesk", sans-serif;
}

.modalwrap .dropdownbx {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.modalwrap .modalbx {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.dropdownbx {
  display: none;
  position: fixed;
  background: #fff;
  width: 237px;
  height: 160px;
  z-index: 9;
  bottom: 161px;
  left: 51%;
  padding: 0;
}
.dropdownbx .num_crt span {
  font-size: 16px;
  font-weight: 500;
  font-family: "aktiv-grotesk", sans-serif;
}
.dropdownbx .inner .adult {
  border-bottom: 1px solid #707070;
}
.dropdownbx.on {
  display: block;
}
.dropdownbx ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dropdownbx ul li a {
  width: 119px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
}
.num_crt .minus .clk_ico.default {
  display: block;
}
.num_crt .plus .clk_ico.default {
  display: block;
}
.dropdownbx .plus.on .clk-prev_ico,
.dropdownbx .minus.on .clk-prev_ico {
  display: none;
}
.dropdownbx .plus.on .clk_ico,
.dropdownbx .minus.on .clk_ico {
  display: block;
}
.dropdownbx .clk_ico {
  display: none;
}
.add_infobx .icowrap {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 66px;
  transform: translateY(-50%);
}
.info_popup {
  display: none;
  width: 218px;
  height: 33px;
  background: #333333;
  position: absolute;
  bottom: 96px;
  left: 62px;
  border-radius: 7px;
}
.info_popup .inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.info_popup .inner::after {
  border-top: 10px solid #333333;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0px solid transparent;
  content: "";
  position: absolute;
  top: 30px;
  left: 5px;
}
.info_popup p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.info_popup.on {
  display: block;
}
.info_popup2 {
  display: none;
  width: 218px;
  height: 33px;
  background: #261C16;
  position: fixed;
  bottom: 70px;
  left: 50%;
  transform: translateX(68%);
  border-radius: 7px;
  z-index: 9999;
}
.info_popup2 .inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.info_popup2 .inner::after {
  border-top: 10px solid #333333;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0px solid transparent;
  content: "";
  position: absolute;
  top: 30px;
  left: 5px;
}
.info_popup2 p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.info_popup2.on {
  display: block;
}
.modalbx::-webkit-scrollbar {
  width: 3px;
  background-color: #d9d9d9;
}
.modalbx::-webkit-scrollbar-thumb {
  background-color: #343434;
  height: 169px;
}
.modalbx::-webkit-scrollbar-track {
  background-color: grey;
  height: 658px;
}
.dropdownbx .clkbtn {
  width: 100%;
  display: block;
  height: 48px;
  background: #242424;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #333333;
  font-size: 16px;
  font-weight: 700;
}
.dropdownbx ul li {
  display: flex;
  align-items: center;
  height: 56px;
  width: 100%;
  justify-content: space-between;
  padding: 16px;
}
.modalwrap .calbx {
  display: none;
  position: fixed;
  background: #fff;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 606px;
  height: 287px;
  z-index: 9;
  bottom: 161px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.calbx.on {
  display: flex;
}
.modalwrap .picklist.on {
  display: flex;
}
.modalwrap .date-year {
  margin-bottom: 13px;
  position: relative;
}
.rangeMode .flatpickr-day {
  margin-top: 0;
}
.modalwrap .date-year #month-this {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  font-family: "aktiv-grotesk", sans-serif;
}
.modalwrap .date-wrap {
  text-align: center;
  margin: 0;
  /* width: 251px; */
  width: 100%;
  max-width: 540px;
}
.modalwrap .calbx .month-move {
  border-radius: 50px;
  width: 20px;
  height: 20px;
}
.modalwrap .calbx #month-prev.on .icowrap,
.modalwrap .calbx #month-next.on .icowrap {
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
}
.modalwrap .calbx #month-prev {
  left: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%) rotate(0deg);
}
.modalwrap .calbx #month-next {
  right: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%) rotate(180deg);
}
.modalwrap .calbx #month-next img {
  /* transform: rotate(180deg); */
}
.modalwrap .calbx .modalwrap .calbx #month-prev .icowrap {
  transform: translate(-50%, -50%) rotate(0deg);
}
.month-move .clk-next {
  transform: translate(-50%, -50%) rotate(0deg);
  display: none;
}
.month-move .clk-next {
  transform: translate(-50%, -50%) rotate(180deg);
  display: none;
}
.month-move.on .clk-next,
.month-move.on .clk-prev {
  display: block;
}
.modalwrap .listWrap .room_imgbx {
  width: 282px;
  height: 188px;
}
.modalwrap .listWrap .bot_bx {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 116px;
}
.modalwrap .listWrap .actionBtns {
  display: flex;
}
.modalwrap .listWrap .actionBtns > button {
  width: 300px;
  height: 48px;
}
.modalwrap .listWrap .actionBtns button {
  border-radius: 50px;
  border: 1px solid #111;
  width: 120px;
  height: 40px;
}
.modalwrap .listWrap .actionBtns button:not(:last-child) {
  margin-right: 8px;
}
.modalwrap .listWrap .actionBtns button a {
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  height: 100%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modalwrap .listWrap .actionBtns .reserve_btn {
  background: #111;
}
.modalwrap .listWrap .actionBtns .reserve_btn a {
  color: #fff;
}
.listWrap .roomBx .txtbx {
  position: relative;
  margin-left: 20px;
}
.modalwrap .listWrap .bot_bx p {
  font-size: 20px;
  font-weight: 400;
  white-space: nowrap;
  font-family: "aktiv-grotesk", sans-serif;
}
.listWrap .roomBx .desc span {
  font-size: 14px;
  font-weight: 400;
  color: #888888;
}
.listWrap .roomBx .txtbx h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 9px;
}
.listWrap .roomBx .txtbx h6 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-top: 48px;
}

/* 캘린더박스 - 메인 */
.m_modalbx {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  z-index: 999;
  border-radius: 5px;
}
.m_modalbx ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 1320px;
  height: 74px;
  transition: width 0.4s ease;
  gap: 8px;
  overflow: hidden;
}
.m_modalbx.on ul {
  width: 220px;
  overflow: hidden;
  transition: width 0.4s ease;
}
.m_modalbx ul li {
    cursor: pointer;
    border-radius: 5px;
}
.m_modalbx .picklistwrap {
    height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
    background: #fff;
    flex-grow: 1;
    padding: 14px 40px 14px 20px;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.m_modalbx.on .picklistwrap {
  animation: leftMoveHidden 5s forwards ease;
}
@keyframes leftMoveHidden {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
.m_modalbx .picklistwrap {
    background: #fff;
}
.m_modalbx .picklistBtnWrap {
    display: flex;
    justify-content: space-between;
}
.m_modalbx .picklistBtnWrap .msg p span {
    font-size: 16px;
}

/* .m_modalbx ul li:nth-child(1) {
  border-radius: 50px;
  background: #f0f0f0;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  position: relative;
}
.m_modalbx ul li:nth-child(1).on .icowrap {
  transform: translate(-50%, -50%) rotate(180deg);
  transition: transform 0.4s ease;
  left: 54%;
}
.m_modalbx ul li:nth-child(1) > .icowrap {
  width: 15px;
  height: 15px;
  left: 46%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.4s ease;
  position: absolute;
} */

.m_modalbx .picklistwrap .picklistbar {
    background: #242424;
    width: 1px;
    height: 35px;
    opacity: .11;
}

.m_modalbx .picklist .tit {
  color: rgba(36, 36, 36,.5);
  font-size: 14px;
  font-weight: 500;
}
.m_modalbx .picklist.person::after {
    display: none;
}
.m_modalbx .picklist .crt_room {
  /* margin-bottom: 10px; */
}

.m_modalbx .picklist .crt_date {
  /* margin-bottom: 11px; */
}

.m_modalbx .picklist .crt_person {
  /* margin-bottom: 13px; */
  position: relative;
  display: inline-block;
}
.m_modalbx .picklist .crt_person .infoIcon {
    display: inline-block;
  background: url(../images/icon/infoIcon.svg) no-repeat center;
  background-size: cover;
  width: 14px;
  height: 14px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 60px;
}

.m_modalbx .picklist .msg {
  font-size: 16px;
  color: #242424;
  position: relative;
  font-family: "aktiv-grotesk", sans-serif;
  display: flex;
  gap: 33px;
  align-items: center;
  line-height: 1.3;

}
.m_modalbx .picklist .crt_room .msg {

}
.m_modalbx .picklist .msg p {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 11px;
}
.m_modalbx .picklist .msg span.calendarIcon {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/main/calendarIcon.svg) no-repeat;
    background-size: cover;
}
.m_modalbx .picklist .msg .minusBtn {
    width: 19px;
    height: 19px;
    display: inline-block;
    background: url(../images/icon/minusbtn.svg) no-repeat;
    background-size: cover;
}
.m_modalbx .picklist .msg .plusBtn {
    width: 19px;
    height: 19px;
    display: inline-block;
    background: url(../images/icon/plusbtn.svg) no-repeat;
    background-size: cover;
}
.m_modalbx .picklist .msg.reg_date {
  width: calc(100% - 18px);
}
.m_modalbx .picklist {
}

.m_modalbx .picklist::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: 3px;
  background: url(../images/ico/ico_dropdown_black.svg) no-repeat center center /
    cover;

    right: 0;

}
.room.on::after,
.date.on::after,
.person.on::after {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}

.m_modalbx .room {
  width: 158px;
  position: relative;
  transition: width 0.4s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}
.m_modalbx .picklist:not(:last-child) {
}
.m_modalbx .room::after {
  margin-left: 92px;
}
.m_modalbx .date {
  position: relative;
  transition: width 0.4s ease;
  display: flex;
  flex-direction: column;
  width: 324px;
  gap: 7px;
}
.m_modalbx .person {
  width: 304px;
  position: relative;
  transition: width 0.4s ease;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
/* .m_modalbx .room::before,
.m_modalbx .date::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 36px;
  left: calc(100% + 13.3%);
  opacity: 0.2;
  background: #242424;
} */
.m_modalbx .room::after {
  transition: all 0.3s ease;
}

.m_modalbx .date::after,
.m_modalbx .person::after {
  margin-left: 8px;
  transition: all 0.3s ease;
}

.m_modalbx .picklist .msg > a {
  font-size: 16px;
  color: #242424;
  margin-left: 12px;
}

.m_modalbx .reserbtn {
    height: 100%;
  flex-shrink: 0;
  border-radius: 0 36px 36px 0;
}
.m_modalbx .reserbtn .btn {
  background: #261c16;
  width: 215px;
  height: 72px;
  height: 100%;
  border-radius: 5px;
  border: 1px solid rgba(240, 236, 228,.06);
}
.m_modalbx .reserbtn a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.rooms_container .top_txt span {
  display: inline-flex;
}

/* our service */
.our_service {
    padding: 146px 0;
    background: rgba(177, 163, 145,.09);
    position: relative;
}
.our_service .decoText {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
}
.our_service .decoText p {
  position: absolute;
  font-weight: 700;
  font-size: 120px;
  color: rgba(62, 57, 54,0.04);
}

.our_service .decoText p.left {
  left: 0;
  /* transform: translateX(-7%); */
}
.our_service .decoText p.right {
  right: 0;
  /* transform: translateX(+7%); */
}
.our_service .tit {
    text-align: center;
    margin-bottom: 35px;
}
.our_service .tit .sub_tit {
    font-size: 60px;
    font-weight: 400;
}
.our_service .tit .mtit {
    font-size: 22px;
    color: #3E3936;
}
.our_service .serviceCont {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 0 96px;
    position: relative;
    z-index: 10;
}
.our_service .serviceCont li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
}
.our_service .serviceCont li figure {
    width: 927px;
    height: 140px;
    border-radius: 106px;
    transition: .3s;
}
.our_service .serviceCont li em {
    font-style: normal;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    /* padding: 30px; */
    transition: .3s;
    gap: 5px;
}
.our_service .serviceCont li.reverse {
    flex-direction: row-reverse;
}
.our_service .serviceCont li em span {
    font-size: 25px;
    font-weight: 600;
    position: relative;
}
.our_service .serviceCont li em span::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(../images/icon/serviceIcon.svg) no-repeat;
    background-size: cover;
    top: 55%;
    transform: translate(20%,-55%);
    transition: .3s;
    opacity: 0;
}
.our_service .serviceCont li.active em span::after {
    opacity: 1;
}
.our_service .serviceCont li:hover em span::after {
    opacity: 1;
    transform: translate(50%,-55%);
}
.our_service .serviceCont li.service1 figure {
    background: url(../images/main/ourserviceImage1.png) no-repeat center top;
    background-size: cover;
}
.our_service .serviceCont li.service1.active figure {
    background: url(../images/main/ourserviceImage1_hover.png) no-repeat center top;
    background-size: cover;
}
.our_service .serviceCont li.service1.active em {
    color: #EB6300;
}
.our_service .serviceCont li:hover em {
    color: #EB6300;
}
.our_service .serviceCont li.service1:hover figure {
    background: url(../images/main/ourserviceImage1_hover.png) no-repeat center top;
    background-size: cover;
}
.our_service .serviceCont li.service2 figure {
    background: url(../images/main/ourserviceImage2.png) no-repeat center top;
    background-size: cover;
}
.our_service .serviceCont li.service2:hover figure {
    background: url(../images/main/ourserviceImage2_hover.png) no-repeat center top;
    background-size: cover;
}
.our_service .serviceCont li.service3 figure {
    background: url(../images/main/ourserviceImage3.png) no-repeat center top;
    background-size: cover;
}
.our_service .serviceCont li.service3:hover figure {
    background: url(../images/main/ourserviceImage3_hover.png) no-repeat center top;
    background-size: cover;
}

/* experience */

.main section.experience {
    padding: 70px 0;
    width: 50%;
    border-right: 1px solid #DFDBD4;
}
.main section.experience .sub_tit {
    font-size: 25px;
    font-weight: 600;
    color: #3E3936;
    line-height: 35px;
    margin-bottom: 19px;
    letter-spacing: -1px;
}
.main section.experience .viewbx {
    display: flex;
}
.main section.experience .viewbx .mapIcon {
    width: 18px;
    height: 18px;
    background: url(../images/icon/mapIcon.svg) no-repeat;
    background-size: cover;
    display: inline-block;
}
.main section.experience .viewbx .subject {
    width: 100%;
    display: flex;
}
.main section.experience .viewbx .subject li {
    position: relative;
}
.main section.experience .viewbx .subject li a {
    color: #3E3936;
    font-size: 16px;
    font-weight: 600;
    padding: 0 15px;
}
.main section.experience .viewbx .subject li.active a {
    color: #EB5800;
}
.main section.experience .viewbx .subject li.rightBorder::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 13px;
    background: rgba(67, 62, 60,.24);
    left: 100%;
    top: 50%;
    transform: translate(0,-50%);
}
.main section.experience .experienceCont {
    display: flex;
}
.main section.experience .experienceCont .mapImg {
    width: 50%;
}
.main section.experience .experienceCont .mapImg figure {
    width: 100%;
}
.main section.experience .experienceCont .mapImg figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main section.experience .experienceCont .mapList {
    width: 50%;
    height: 100%;
    max-width: 660px;
}
.main section.experience .experienceCont .mapList .section3 {
    padding: 30px 15px;
    display: none;
}
.main section.experience .experienceCont .mapList .section3.active {
    display: block;
}
.main section.experience .experienceCont .mapList .section3 li {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    align-items: flex-start;
    border-bottom: 1px solid #DFDBD4;
    padding: 12px 0;
}
.main section.experience .experienceCont .mapList .section3 li em {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #3e3936;
}
.main section.experience .experienceCont .mapList .section3 li p {
    width: 100%;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.main section.experience .experienceCont .mapList .section3 li span {
    font-size: 14px;
}
.main section.experience .experienceCont .mapList .section3 li .pinIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/icon/pinIcon.svg) no-repeat center;
    background-size: cover;
}
.main section.experience .experienceCont .mapList .section3 li .nextBtn {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/icon/arrowblack.svg) no-repeat center;
    background-size: cover;
}
.main section.experience .experienceCont .mapList .section3 li .contents {
    flex-grow: 1;
    color: #3e3936;
    font-weight: 400;
}
.flexWrap section .titbx {
    margin-bottom: 40px;
    width: 100%;
}
.flexWrap {

  border-top: 1px solid #DFDBD4;
}
.flexWrap .centerbox {
  display: flex;
  justify-content: center;
}
.main section.info_sns {
    padding: 70px 0px 70px 40px;
    width: 50%;
    max-width: 660px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 600px;
}
.main section.info_sns .sub_tit {
    font-size: 25px;
    font-weight: 600;
    color: #3E3936;
    line-height: 35px;
    font-family: pretendard;
    letter-spacing: -1px;
}
.main section.info_sns .viewbx .snsIcon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../images/icon/instaIcon.svg) no-repeat center;
    background-size: cover;
}
.main section.info_sns .viewbx {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}
.main section.info_sns .viewbx p {
    font-size: 17px;
    font-weight: 500;
    color: #3E3936;
}
.main section.info_sns .snsCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 13px;
    width: 100%;
}
.main section.info_sns .snsCont li {
    width: 178px;
    height: 178px;
    transition: .2s;
}
.main section.info_sns .snsCont li:nth-child(1) {
    background: url(../images/main/instapic1.png) no-repeat center;
    background-size: 100%;
}
.main section.info_sns .snsCont li:nth-child(2) {
    background: url(../images/main/instapic2.png) no-repeat center;
    background-size: 100%;
}
.main section.info_sns .snsCont li:nth-child(3) {
    background: url(../images/main/instapic3.png) no-repeat center;
    background-size: 100%;
}
.main section.info_sns .snsCont li:nth-child(4) {
    background: url(../images/main/instapic4.png) no-repeat center;
    background-size: 100%;
}
.main section.info_sns .snsCont li:nth-child(5) {
    background: url(../images/main/instapic5.png) no-repeat center;
    background-size: 100%;
}
.main section.info_sns .snsCont li:nth-child(6) {
    background: url(../images/main/instapic6.png) no-repeat center;
    background-size: 100%;
}
.main section.info_sns .snsCont li:hover {
  background-size: 110%;
  transform-origin: center;
}

.main section .viewbox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0 30px;
    box-sizing: border-box;
}
a.viewmore {
    font-size: 15px;
    font-weight: 600;
    color: #3E3936;
    display: inline-block;
    padding: 10px 20px;
    background: url(../images/main/viewmore.svg) no-repeat right center;
}
.main section.info_sns .viewbox {
    padding: 0;
}

.bottomVisual {
    width: 100%;
    height: 523px;
}
.bottomVisual figure {
    width: 100%;
    height: 100%;
}
.bottomVisual figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-container img {
  display: none;
  width: 100px;
  /* 원하는 크기로 설정 */
}

.image-container img.active {
  display: block;
}


@media screen and (max-width: 1600px) {
  .m_modalbx .date {
    gap: 0;
  }
  .main .new .img_wrap img {
    /* width: calc(100vw * (785 / 1600)); */
  }
  .modalwrap .date-wrap {
    /* width: calc(100vw * (251 / 1600)); */
    width: 100%;
  }
  .dropdownbx .num_crt span {
    /* font-size: alc(100vw * (16 / 1600)); */
  }
    .num_crt span {
      font-size: 16px;
      margin-top: 5px;
    }
  .main .new .txt_wrap {
    /* width: calc(100vw * (571 / 1600));
    margin-left: calc(100vw * (186 / 1600)); */
  }
  .main section .txt_wrap .titbx .tit {
    font-size: calc(100vw * (40 / 1600));
  }
  .link_more {
    font-size: calc(100vw * (16 / 1600));
  }
  .link_more::after {
    width: calc(100vw * (87 / 1600));
    height: calc(100vw * (1 / 1600));
    bottom: 0;
  }
  .main .info_service .viewbx .link_more::after {
    bottom: calc(100vw * (9 / 1600));
    opacity: 0.7;
  }
  .viewbx a::after {
    bottom: calc(100vw * (8 / 1600));
  }
  .main .new .link_more::after {
    bottom: calc(100vw * (9 / 1600));
  }
  .date-wrap .flatpickr-days {
    /* height: calc(100vw * (167 / 1600)); */
    font-size: calc(100vw * (13 / 1600));
    height: auto;
  }
  .date-wrap .flatpickr-day {
    width: calc(100vw * (29 / 1600));
    /* height: calc(100vw * (17 / 1600)); */
    margin-bottom: calc(100vw * (12 / 1600));
    font-size: calc(100vw * (13 / 1600)) !important;
  }
  .modalbx {
    width: calc(100vw * (800 / 1600));
    height: calc(100vw * (659 / 1600));
    bottom: calc(100vw * (40 / 1600));
  }
  .m_modalbx .room::before,
  .m_modalbx .date::before {
    width: calc(100vw * (1 / 1600));
    height: calc(100vw * (36 / 1600));
    right: calc(100vw * (-16 / 1600));
  }
  .m_modalbx .room::after {
    margin-left: calc(100vw * (92 / 1600));
  }
  .main section .sub_tit {
    /* margin-bottom: calc(100vw * (13 / 1600));
    font-size: calc(100vw * (16 / 1600)); */
  }
  .main section .txt_wrap .sweet_txt {
    font-size: calc(100vw * (18 / 1600));
    margin-bottom: calc(100vw * (44 / 1600));
  }
  .main section .txt_wrap .txt_new:not(.sweet_txt) {
    margin: calc(100vw * (38 / 1600)) 0 calc(100vw * (44 / 1600));
    font-size: calc(100vw * (18 / 1600));
  }
  .num_crt {
    display: flex;
    gap: calc(100vw * (13 / 1600));
  }

  .main .visual {
    height: calc(100vw * (978 / 1600));
  }
  .main .visual .visual_swiper .swiper_controler .swiper-pagination {
    /* right: calc(100vw * (200 / 1600));
    height: fit-content; */
  }
  .main .visual .mtit {
    font-size: calc(100vw * (40 / 1600));
    margin-left: calc(100vw * (200 / 1600));
  }
  .main .visual .mtit::after {
    right: calc(100vw * (-15 / 1600));
    width: calc(100vw * (10 / 1600));
    height: calc(100vw * (10 / 1600));
    border: calc(100vw * (1 / 1600)) solid #0d64e7;
    border-radius: calc(100vw * (50 / 1600));
  }
  .main .info_room .tab_txt_wrap .lst_tabpanel .tabpanel {
    /* width: calc(100vw * (378 / 1600)); */
  }
  .main .info_room .tab_txt_wrap .lst_tab_btn > li + li {
    margin-left: calc(100vw * (26 / 1600));
  }
  .main .info_room .slide_wrap > div .swiper_controler .swiper-pagination {
    bottom: calc(100vw * (32 / 1600));
  }
  .main
    .info_room
    .slide_wrap
    > div
    .swiper_controler
    .swiper-pagination
    span:not(:last-child) {
    margin-right: calc(100vw * (10 / 1600));
  }
  .main
    section.info_room
    .slide_wrap
    > div
    .swiper_controler
    .swiper-paginration {
    bottom: calc(100vw * (32 / 1600));
  }
  .main
    section.info_room
    .slide_wrap
    > div
    .swiper_controler
    .swiper-pagination
    span:not(:last-child) {
    margin-right: calc(100vw * (10 / 1600));
  }
  .main section .txt_wrap .tit {
    font-size: calc(100vw * (40 / 1600));
  }
  .main
    section.info_room
    .tab_txt_wrap
    .lst_tab_btn
    > li
    > button[aria-selected="true"]::after {
    height: calc(100vw * (1 / 1600));
  }
/*
  .m_modalbx { */
    /* border-radius: calc(100vw * (50 / 1600)); */
    /* right: calc(100vw * (350 / 1600)); */
    /* bottom: calc(100vw * (40 / 1600));
    overflow: hidden; */
  /* }
  .m_modalbx ul {
    width: calc(100vw * (881 / 1600));
    height: calc(100vw * (88 / 1600));
    gap: calc(100vw * (20 / 1600));
    padding: calc(100vw * (8 / 1600)) calc(100vw * (8 / 1600))
      calc(100vw * (8 / 1600)) calc(100vw * (20 / 1600));
  } */
  /* .m_modalbx.on ul {
    width: calc(100vw * (220 / 1600));
  }
  .m_modalbx ul li:nth-child(1) {
    border-radius: calc(100vw * (50 / 1600));
    width: calc(100vw * (44 / 1600));
    height: calc(100vw * (44 / 1600));
  } */
/*
  .m_modalbx ul li:nth-child(1) > .icowrap {
    width: calc(100vw * (15 / 1600));
    height: calc(100vw * (15 / 1600));
  }

  .m_modalbx .picklist .tit {
    font-size: calc(100vw * (14 / 1600));
  }
  .m_modalbx .picklist:not(:last-child) {
    margin-right: calc(100vw * (34 / 1600));
  /* } */
  .m_modalbx .picklist .crt_room {
    margin-bottom: calc(100vw * (10 / 1600));
  }

  .m_modalbx .picklist .crt_date {
    margin-bottom: calc(100vw * (11 / 1600));
  }

  .m_modalbx .picklist .crt_person {
    margin-bottom: calc(100vw * (13 / 1600));
  }

  .m_modalbx .picklist .msg {
    /* font-size: calc(100vw * (16 / 1600)); */
  }

  .m_modalbx .picklist::after {
    width: calc(100vw * (18 / 1600));
    height: calc(100vw * (18 / 1600));
    bottom: calc(100vw * (3 / 1600));
  }

  .m_modalbx .room {
    gap: 0;
    /* width: calc(100vw * (158 / 1600)); */
  }

  .m_modalbx .date {
    /* width: calc(100vw * (205 / 1600)); */
    gap: 0;
  }

  .m_modalbx .person {
    /* width: calc(100vw * (204 / 1600)); */
    gap: 0;
  }

  .m_modalbx .date::after,
  .m_modalbx .person::after {
    margin-left: calc(100vw * (8 / 1600));
  }

  .m_modalbx .picklist .msg > a {
    font-size: calc(100vw * (16 / 1600));
    margin-left: calc(100vw * (12 / 1600));
  }

  .m_modalbx .reserbtn {
    width: calc(100vw * (134 / 1600));
    height: calc(100vw * (72 / 1600));
    border-radius: 0 calc(100vw * (36 / 1600)) calc(100vw * (36 / 1600)) 0;
  }
  .m_modalbx .reserbtn .btn {
    width: calc(100vw * (134 / 1600));
    height: calc(100vw * (72 / 1600));
    right: calc(100vw * (10 / 1600));
    border-radius: calc(100vw * (50 / 1600));
  }
/*
  .m_modalbx .reserbtn a {
    font-size: calc(100vw * (16 / 1600));
  }  */

  .swiper_controler .swiper-button-prev.type1 {
    width: calc(100vw * (44 / 1600));
    height: calc(100vw * (44 / 1600));
    left: calc(100vw * (32 / 1600));
  }
  .swiper_controler .swiper-button-next.type1 {
    width: calc(100vw * (44 / 1600));
    height: calc(100vw * (44 / 1600));
    right: calc(100vw * (32 / 1600));
  }
  .swiper_controler .swiper-pagination.type1 {
    bottom: calc(100vw * (32 / 1600));
  }

  .swiper_controler .swiper-pagination.type1 span {
    width: calc(100vw * (10 / 1600));
    height: calc(100vw * (10 / 1600));
    border: calc(100vw * (1 / 1600)) solid #fff;
  }

  .modalwrap .calbx {
    /* width: calc(100vw * (606 / 1600)); */
    /* height: calc(100vw * (287 / 1600)); */
    height: auto;
    padding: 10px 0;
    bottom: calc(100vw * (161 / 1600));
    gap: calc(100vw * (24 / 1600));
  }
  .modalwrap .date-year {
    margin-bottom: calc(100vw * (13 / 1600));
  }
  .modalwrap .date-year #month-this {
    font-size: calc(100vw * (15 / 1600));
  }
  .main .experience {
    padding: calc(100vw * (157 / 1600)) 0 calc(100vw * (116 / 1600));
  }
  .main .info_sns .tit {
    font-size: calc(100vw * (40 / 1600));
    margin-bottom: calc(100vw * (13 / 1600));
  }
  .main .info_sns h5 {
    font-size: calc(100vw * (20 / 1600));
    margin-bottom: calc(100vw * (19 / 1600));
  }
  .main .info_sns p {
    font-size: calc(100vw * (20 / 1600));
  }
  .main .info_sns .sns_inner {
    margin-bottom: calc(100vw * (121 / 1600));
  }
  .main .info_sns .icowrap {
    width: calc(100vw * (20 / 1600));
    height: calc(100vw * (20 / 1600));
    margin-right: calc(100vw * (6 / 1600));
  }
  .main .contact {
    background: #fff;
    padding: calc(100vw * (113 / 1600)) 0 calc(100vw * (119 / 1600));
    margin-left: calc(100vw * (201 / 1600));
  }
  .main .contact .tit {
    font-size: calc(100vw * (40 / 1600));
    margin-bottom: calc(100vw * (10 / 1600));
  }
  .main .contact h5 {
    font-size: calc(100vw * (20 / 1600));
    margin-bottom: calc(100vw * (76 / 1600));
  }
  .main .experience .titbx {
    /* width: calc(100vw * (1450 / 1600)); */
  }
  .main .experience .tit {
    font-size: calc(100vw * (40 / 1600));
    margin-bottom: calc(100vw * (45 / 1600));
  }
  .main .experience .slwrap .slbx {
    width: calc(100vw * (488 / 1600));
    height: calc(100vw * (455 / 1600));
  }
  .main .experience .slwrap .slbx:not(:last-child) {
    margin-right: calc(100vw * (28 / 1600));
  }
  .main .experience .slwrap .txtbx {
    bottom: calc(100vw * (32 / 1600));
    left: calc(100vw * (32 / 1600));
  }
  .main .experience .slwrap .txtbx h5 {
    font-size: calc(100vw * (16 / 1600));
    margin-bottom: calc(100vw * (6 / 1600));
  }
  .main .experience .slwrap .txtbx h2 {
    font-size: calc(100vw * (32 / 1600));
  }
  .main .info_service {
    /* background-color: #fff;
    padding: calc(100vw * (161 / 1600)) 0 calc(100vw * (240 / 1600));
    width: calc(100vw * (1520 / 1600)); */
  }
  .main .info_service .txt_wrap {
    margin-bottom: calc(100vw * (116 / 1600));
  }
  .main .info_service .txtbx {
    margin-top: calc(100vw * (28 / 1600));
  }
  .main .info_service h3 {
    margin-bottom: calc(100vw * (9 / 1600));
    font-size: calc(100vw * (24 / 1600));
  }
  .main .info_service .gridwrap-pc .slbx:not(:last-child) {
    margin-right: calc(100vw * (28 / 1600));
  }
  .main .info_service .gridwrap-pc {
    width: calc(100vw * (1520 / 1600));
    margin: 0 auto calc(100vw * (71 / 1600));
  }
  .main .info_service .gridwrap-pc .top_cont {
    margin: calc(100vw * (116 / 1600)) auto calc(100vw * (86 / 1600));
  }
  .main .info_service .gridwrap-pc .imgbx {
    width: calc(100vw * (488 / 1600));
    height: calc(100vw * (453 / 1600));
  }
  .main .info_service .tit {
    font-size: calc(100vw * (40 / 1600));
    margin-bottom: calc(100vw * (24 / 1600));
  }

  .main .info_service p {
    font-size: calc(100vw * (20 / 1600));
  }
  .main section.our_place .slide_wrap .slide_cont .txt {
    font-size: calc(100vw * (24 / 1600));
    margin-top: calc(100vw * (32 / 1600));
  }
  .main .our_place {
    padding: calc(100vw * (241 / 1600)) 0 calc(100vw * (240 / 1600));
    width: calc(100vw * (1520 / 1600));
  }
  .place_wrap-pc .slide_cont .txt h2 {
    font-size: calc(100vw * (24 / 1600));
  }
  .main section.our_place .place_wrap-pc .slide_cont .txt {
    font-size: calc(100vw * (24 / 1600));
    margin-top: calc(100vw * (38 / 1600));
  }
  .main section.our_place .place_wrap-pc .slide_cont .txt .desc {
    margin-top: calc(100vw * (11 / 1600));
  }
  .main section.our_place .place_wrap-pc .slide_cont .txt .desc p {
    font-size: calc(100vw * (16 / 1600));
  }
  .main section.our_place .place_wrap-pc .slide_cont .img {
    height: calc(100vw * (359 / 1600));
  }
  .main .our_place .inner {
    width: calc(100vw * (1520 / 1600));
  }
  .main .our_place .inner .tit_bx {
    width: calc(100vw * (1391 / 1600));
    margin-bottom: calc(100vw * (97 / 1600));
  }

  .main .our_place .swiper-button-prev {
    width: calc(100vw * (44 / 1600));
    height: calc(100vw * (44 / 1600));
  }

  .main .our_place .swiper-button-next {
    width: calc(100vw * (44 / 1600));
    height: calc(100vw * (44 / 1600));
  }
  .main .our_place .navbtn {
    width: calc(100vw * (98 / 1600));
    top: calc(100vw * (-10 / 1600));
  }

  /* 공통 */
  .main section .mtit {
    font-size: calc(100vw * (40 / 1600));
  }

  .main .info_service .tit_bx .tit .btnall {
    width: calc(100vw * (98 / 1600));
    height: calc(100vw * (44 / 1600));
    position: relative;
  }
  .main .our_place .slide_wrap .swiper {
    width: calc(100vw * (1391 / 1600));
  }

  .main .our_place .slide_wrap .slide_cont .img {
    height: calc(100vw * (359 / 1600));
  }

  .main .our_place .slide_wrap .slide_cont .txt {
    font-size: calc(100vw * (24 / 1600));
    margin-top: calc(100vw * (32 / 1600));
  }
  .main .info_room {
    /* padding: calc(100vw * (170 / 1600)) 0; */
  }
  .main .info_room .slide_wrap {
    width: calc(100% - (100vw * (520 / 1600)));
    aspect-ratio: 1042/660;
  }

  .main .info_room .tab_txt_wrap {
    /* margin-left: calc(100vw * (138 / 1600)); */
  }

  .main .info_room .tab_txt_wrap .lst_tab_btn {
    margin-bottom: calc(100vw * (161 / 1600));
  }

  .main .info_room .tab_txt_wrap .lst_tab_btn > li > button {
    font-size: calc(100vw * (18 / 1600));
  }

  .main .info_room .tab_txt_wrap .lst_tab_btn > li + li {
    margin-left: calc(100vw * (26 / 1600));
  }
  .main .info_room .tab_txt_wrap .lst_tabpanel .tabpanel {
    /* width: calc(100vw * (378 / 1600)); */
  }

  .dropdownbx {
    width: calc(100vw * (237 / 1600));
    height: calc(100vw * (160 / 1600));
    bottom: calc(100vw * (161 / 1600));
  }
  .dropdownbx ul li a {
    width: calc(100vw * (119 / 1600));
    font-size: calc(100vw * (15 / 1600));
  }
  .add_infobx .icowrap {
    width: calc(100vw * (16 / 1600));
    height: calc(100vw * (16 / 1600));
    left: calc(100vw * (66 / 1600));
  }
  .info_popup {
    width: calc(100vw * (218 / 1600));
    height: calc(100vw * (33 / 1600));
    bottom: calc(100vw * (96 / 1600));
    left: calc(100vw * (62 / 1600));
  }
  .info_popup .inner::after {
    border-top: calc(100vw * (10 / 1600)) solid #333333;
    border-left: calc(100vw * (8 / 1600)) solid transparent;
    border-right: calc(100vw * (8 / 1600)) solid transparent;
    content: "";
    position: absolute;
    top: calc(100vw * (30 / 1600));
    left: calc(100vw * (5 / 1600));
  }
  .info_popup p {
    font-size: calc(100vw * (12 / 1600));
  }
  .modalbx::-webkit-scrollbar {
    width: calc(100vw * (3 / 1600));
  }
  .modalbx::-webkit-scrollbar-thumb {
    height: calc(100vw * (169 / 1600));
  }
  .modalbx::-webkit-scrollbar-track {
    height: calc(100vw * (658 / 1600));
  }
  .dropdownbx .clkbtn {
    height: calc(100vw * (48 / 1600));
    font-size: calc(100vw * (16 / 1600));
  }
  .dropdownbx ul li {
    height: calc(100vw * (56 / 1600));
    padding: calc(100vw * (16 / 1600));
  }
  .date-year {
    margin-bottom: calc(100vw * (13 / 1600));
  }
  .modalbx {
    width: calc(100vw * (800 / 1600));
    height: calc(100vw * (659 / 1600));
    bottom: calc(100vw * (161 / 1600));
  }
  .modalwrap .calbx .month-move {
    border-radius: calc(100vw * (50 / 1600));
    width: calc(100vw * (20 / 1600));
    height: calc(100vw * (20 / 1600));
  }
  .modalwrap .listWrap .room_imgbx {
    width: calc(100vw * (282 / 1600));
    height: calc(100vw * (188 / 1600));
  }
  .modalwrap .listWrap .bot_bx {
    gap: calc(100vw * (116 / 1600));
  }
  .modalwrap .listWrap .actionBtns > button {
    width: calc(100vw * (300 / 1600));
    height: calc(100vw * (48 / 1600));
  }
  .modalwrap .listWrap .actionBtns button {
    border-radius: calc(100vw * (50 / 1600));
    width: calc(100vw * (120 / 1600));
    height: calc(100vw * (40 / 1600));
  }
  .modalwrap .listWrap .actionBtns button:not(:last-child) {
    margin-right: calc(100vw * (8 / 1600));
  }
  .modalwrap .listWrap .actionBtns button a {
    font-size: calc(100vw * (16 / 1600));
  }
  .listWrap .roomBx .txtbx {
    margin-left: calc(100vw * (20 / 1600));
  }
  .modalwrap .listWrap .bot_bx p {
    font-size: calc(100vw * (20 / 1600));
  }
  .listWrap .roomBx .desc span {
    font-size: calc(100vw * (14 / 1600));
  }
  .listWrap .roomBx .txtbx h2 {
    font-size: calc(100vw * (18 / 1600));
    margin-bottom: calc(100vw * (9 / 1600));
  }
  .listWrap .roomBx .txtbx h6 {
    font-size: calc(100vw * (12 / 1600));
    margin-top: calc(100vw * (48 / 1600));
  }
}
@media screen and (max-width:1327px) {
  .m_modalbx {
    width: 100%;
  }
  .m_modalbx ul {
    width: 100%;
  }
  .m_modalbx .picklist .msg {
    gap: 10px;
  }
  .m_modalbx .person {
    width: auto;
  }
}
@media screen and (min-width: 900px) {
  .m_br {
    display: none;
  }
  .opt_container {
    display: none;
  }
  .pc_br {
    display: block;
  }
}

@media screen and (max-width: 900px) {

  .main .visual .visual_swiper .swiper_controler {
    width: 260px;
  }
  .main .new .txt_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .our_service .tit .mtit {
    font-size: 18px;
    font-weight: 600;
  }
  .pc_br {
    display: none;
  }
  .video_box {
    width: 100%;
    height: 100%;
    /* padding-top: 56.25%; */
    /* position: relative; */
    /* transform: scale(3.6); */
    /* transform-origin: top; */
  }

  .video_box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;

  }
  .main {
    /* padding-bottom: calc(100vw * (67 / 375)); */
  }

  .our_service .decoText p.left {
    top: -131px;
    left: -186px;
  }
  .our_service .decoText p.right {
    top: 216px;
    left: 58px;
  }
  .our_service .serviceCont {
    padding: 0;
    gap: 72px;
  }
  .our_service .serviceCont li {
    gap: 20px;
  }
  .our_service .serviceCont li figure {
    height: 96px;
    width: 50%;
  }
  .our_service .serviceCont li.service1 figure {
    border-radius: 0 110px 110px 0;
    background: url(../images/main/ourserviceImage1_hover.png) no-repeat center;
    background-size: cover;
  }
  .our_service .serviceCont li.service2 figure {
    border-radius: 110px 0 0 110px;
  }
  .our_service .serviceCont li.service3 figure {
    border-radius: 0 110px 110px 0;
  }
  .our_service .serviceCont li.service2 em {
    padding-left: 15px;
  }
  .our_service .serviceCont li em {
    padding: 0px;
    flex-shrink: 0;
    flex-grow: 1;
    width: 110px;
    color: #3E3936;
    font-size: 14px;
    font-weight: 500;
    gap: 3px;
  }
  .our_service .serviceCont li.service1.active em  {
  }
  .our_service .serviceCont li em span {
    font-size: 20px;
  }
  .our_service .serviceCont li em span::after {
    background: url(../images/icon/arrowblack.svg) no-repeat center;
    opacity: 1;
    transform: translate(10%,-53%);
  }
  .our_service .serviceCont li.active em span::after {
    background: url(../images/icon/serviceIcon.svg) no-repeat center;
    opacity: 1;
    transform: translate(10%,-50%);
  }
  .our_service .serviceCont li.service2 figure {
    background: url(../images/main/ourserviceImage2_hover.png) center no-repeat;
    background-size: cover;
  }
  .our_service .serviceCont li.service3 figure {
    background: url(../images/main/ourserviceImage3_hover.png) center no-repeat;
    background-size: cover;
  }
  /* .pc_kv {
    display: none;
  }
  .mo_kv {
    display: block;
  }*/
  .m_br {
    display: block;
  }/*
  .pc_br {
    display: none;
  }
  .gridwrap-mo {
    display: block;
  } */

  .reserv_btn_new {
    width: 48px;
    height: 48px;
    position: fixed;
    z-index: 100;
    background: url(https://www.cheongpung813.com/main/assets/images/ico/reservIcon.svg) no-repeat center;
    right: 15px;
    bottom: 15px;
  }
  .gridwrap-mo .swiper {
    margin-left: calc(100vw * (20 / 375));
  }
  .place_wrap-mo {
    display: block;
  }
  .place_wrap-mo .titbx {
    margin-top: calc(100vw * (25 / 375));
  }
  .place_wrap-mo .titbx h2 {
    font-size: calc(100vw * (20 / 375));
    font-weight: 500;
    font-family: "aktiv-grotesk", sans-serif;
  }
  .place_wrap-mo .titbx p {
    margin-top: calc(100vw * (5 / 375));
    font-size: calc(100vw * (14 / 375));
    font-weight: 500;
  }
  .fxd-bx.on {
    background: #fff;
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0;
    border-radius: calc(100vw * (20 / 375)) calc(100vw * (20 / 375)) 0 0;
    z-index: 9;
    display: block;
  }
  .dropbx.on .mo-rightbx {
    height: 380px;
    transition: height 0.4s ease;
  }
  .mo_optbx {
    background: #fff;
    position: absolute;
    bottom: 0;
    width: calc(100vw * (375 / 375));
    height: 0;
    border-radius: calc(100vw * (20 / 375)) calc(100vw * (20 / 375)) 0 0;
    transition: height 0.4s ease;
  }
  .mo_optbx.on {
    width: 100%;
    height: calc(100vw * (300 / 375));
    transition: height 0.4s ease;
  }
  .mo_optbx .inner .optbx {
    border: calc(100vw * (1 / 375)) solid #aaaaaa;
    padding: calc(100vw * (12 / 375)) calc(100vw * (12 / 375))
      calc(100vw * (16 / 375)) calc(100vw * (20 / 375));
    width: 100%;
    height: calc(100vw * (72 / 375));
    margin: 0 auto;
    cursor: pointer;
  }
  .mo_optbx .inner {
    height: 100%;
    position: relative;
    padding: calc(100vw * (12 / 375)) calc(100vw * (20 / 375))
      calc(100vw * (12 / 375)) calc(100vw * (20 / 375));
  }
  .mo_optbx .inner .line {
    margin: 0 auto;
    width: calc(100vw * (40 / 375));
    height: calc(100vw * (4 / 375));
    background: #e6e6e6;
    border-radius: calc(100vw * (5 / 375));
    cursor: pointer;
  }
  .mo_optbx .inner .cont {
    margin-top: calc(100vw * (12 / 375));
  }
  .mo_optbx .inner .optbx:not(:last-child) {
    margin-bottom: calc(100vw * (8 / 375));
  }
  .mo_optbx .inner .optbx .ico {
    width: calc(100vw * (16 / 375));
    height: calc(100vw * (16 / 375));
    transform: rotate(-90deg);
  }
  .mo_optbx .inner .optbx .txtbx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(100vw * (17 / 375));
  }
  .mo_optbx .inner .subtit {
    font-size: calc(100vw * (12 / 375));
    font-weight: 500;
    color: #888888;
  }
  .mo_optbx .inner .txtbx p {
    font-size: calc(100vw * (15 / 375));
    font-weight: 500;
    color: #111;
    font-family: "aktiv-grotesk", sans-serif;
  }
  .mo_optbx .inner .txtbx p > span {
    font-size: calc(100vw * (15 / 375));
    font-weight: 500;
    display: inline-block;
    margin-left: calc(100vw * (15 / 375));
    font-family: "aktiv-grotesk", sans-serif;
  }
  .dates_container {
    padding-bottom: calc(100vw * (36 / 375));
  }
  .m_insbx {
    display: flex;
    justify-content: center;
    margin-top: calc(100vw * (17 / 375));
    align-items: center;
  }
  .txt_wrap .titbx {
    position: relative;
    width: 100%;
  }
  .txt_wrap .icowrap {
    display: block;
    width: calc(100vw * (40 / 375));
    height: calc(100vw * (40 / 375));
    position: absolute;
    bottom: calc(100vw * (21 / 375));
    right: 0;
  }
  .info_sns .pc_imgbx {
    display: none;
  }
  .info_sns .mo_imgbx {
    display: block;
  }
  .reserv_btn.on {
    /* background: #000; */
    /* height: calc(100vw * (68 / 375)); */
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 999;
    color: #fff;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    font-size: calc(100vw * (18 / 375));
    font-weight: 500;
    width: 100%;
  }
  .main .visual .visual_swiper .mtit {
    width: max-content;
    font-size: calc(100vw * (48 / 375));
    margin-left: calc(100vw * (40 / 375));
    top: calc(100vw * (202 / 375));
    transform: initial;
    line-height: 1.2;
  }
  .main .visual .visual_swiper .mtit::after {
    content: "";
    position: absolute;
    right: calc(100vw * (35 / 375));
    width: calc(100vw * (10 / 375));
    height: calc(100vw * (10 / 375));
    border: calc(100vw * (1 / 375)) solid #fff;
    border-radius: calc(100vw * (50 / 375));
  }
  /* .main .visual .visual_swiper .swiper-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  } */
  .opt_container .choice_rooms.on,
  .opt_container .choice_dates.on,
  .opt_container .choice_persons.on {
    display: block;
  }
  .choice_dates .clk-prev {
    width: calc(100vw * (24 / 375));
    height: calc(100vw * (24 / 375));
  }
  .flatpickr-calendar.arrowTop::before {
    display: none;
  }
  .opt_container .container_inner {
    padding: 0 calc(100vw * (20 / 375)) 0 calc(100vw * (20 / 375));
    position: relative;
    margin-bottom: calc(100vw * (40 / 375));
  }
  .rooms_container .tabMenu {
    display: flex;
    border-bottom: calc(100vw * (1 / 375)) solid #e6e6e6;
  }
  .rooms_container .top_txt .desc {
    border: none;
  }
  .rooms_container .tabMenu li:not(:last-child) {
    margin-right: calc(100vw * (36 / 375));
  }
  .rooms_container .tabMenu li {
    padding-bottom: calc(100vw * (8 / 375));
    position: relative;
  }
  .rooms_container .tabMenu li.on a {
    color: #111;
  }
  .rooms_container .tabMenu li.on::after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100vw * (3 / 375));
    left: 0;
    bottom: 0;
    background: #111111;
  }
  .rooms_container .tabMenu li a {
    font-size: calc(100vw * (16 / 375));
    font-weight: 500;
    color: #cccccc;
    font-size: calc(100vw * (16 / 375));
    font-weight: 500;
    line-height: 1.5;
  }
  .rooms_container .titbx,
  .dates_container .titbx,
  .persons_container .titbx {
    display: flex;
    align-items: center;
    width: calc(100vw * (375 / 375));
    height: calc(100vw * (64 / 375));
    background: #fff;
    padding: calc(100vw * (19 / 375)) calc(100vw * (16 / 375))
      calc(100vw * (19 / 375)) calc(100vw * (16 / 375));
    margin-bottom: calc(100vw * (20 / 375));
    box-shadow: 0 calc(100vw * (1 / 375)) calc(100vw * (3 / 375))
      rgba(0, 0, 0, 0.1);
  }
  .opt_container .titbx .ico {
    margin-right: calc(100vw * (123 / 375));
    width: calc(100vw * (24 / 375));
    height: calc(100vw * (24 / 375));
    transform: rotate(180deg);
    cursor: pointer;
  }
  .opt_container .titbx p {
    font-size: calc(100vw * (18 / 375));
    font-weight: 500;
    color: #111;
  }
  .rooms_container .listBx:not(:last-child) {
    margin-bottom: calc(100vw * (32 / 375));
  }
  .rooms_container .listBx:first-child {
    margin-top: calc(100vw * (20 / 375));
  }
  .rooms_container .listBx .txtbx {
    margin: calc(100vw * (10 / 375)) 0 calc(100vw * (12 / 375));
  }
  .rooms_container .top_txt span {
    font-size: calc(100vw * (12 / 375));
    font-weight: 400;
    color: #888888;
    line-height: 1.2;
  }
  .rooms_container .bot_bxt p {
    font-size: calc(100vw * (20 / 375));
    font-weight: 400;
  }
  .persons_container .content {
    width: calc(100vw * (335 / 375));
    margin: 0 auto calc(100vw * (16 / 375));
  }
  .persons_container .numchkbx li {
    width: 100%;
    padding: calc(100vw * (20 / 375));
  }
  .persons_container .numchkbx li:not(:last-child) {
    margin-bottom: calc(100vw * (12 / 375));
  }
  .persons_container .descbx {
    margin-top: calc(100vw * (12 / 375));
  }
  .persons_container .descbx p {
    font-size: calc(100vw * (12 / 375));
    font-weight: 400;
    color: #888888;
    line-height: 1.6;
  }
  .persons_container .pickbtn {
    width: calc(100vw * (335 / 375));
    height: calc(100vw * (60 / 375));
    background: #111;
    border-radius: calc(100vw * (30 / 375));
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: calc(100vw * (16 / 375));
    margin-top: calc(100vw * (373 / 375));
  }
  .persons_container .pickbtn a {
    color: #fff;
    font-size: calc(100vw * (15 / 375));
    font-weight: 700;
  }
  .num_crt {
    display: flex;
    gap: calc(100vw * (15 / 375));
  }
  .num_crt > span {
    font-size: calc(100vw * (16 / 375));
    font-weight: 400;
    font-family: "aktiv-grotesk", sans-serif;
  }
  .link_more {
    /* font-size: calc(100vw * (15 / 375)); */
    font-size: 16px;
    font-weight: 600;
    padding-bottom: calc(100vw * (1 / 375));
    color: #3E3936;
  }
  .link_more::after {
    width: calc(100vw * (80 / 375));
    height: calc(100vw * (1 / 375));
    bottom: 0;
    background: #aaaaaa;
  }
  .main .our_place {
    width: 100%;
    padding: calc(100vw * (60 / 375)) 0 calc(100vw * (120 / 375));
  }
  .main .our_place .place_wrap-pc {
    display: none;
  }
  .main .visual .m_modalbx {
    display: none;
  }

  /* 섹션01 - something new */
  .main .new {
    padding: 120px 15px 180px 15px;
    height: auto;
  }
  .main .new .link_more {
    display: block;
  }

  .main .new .progressbarV {
    height: 86px;
  }
  /* .main .new .txt_wrap {
    width: calc(100vw * (335 / 375));
    margin-left: 0;
    margin-top: calc(100vw * (35 / 375));
    margin-bottom: calc(100vw * (80 / 375));
  } */
  .main section .txt_wrap .tit {
    /* font-size: calc(100vw * (22 / 375)); */
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
  }
  .main section .txt_wrap .titbx .tit {
    font-size: calc(100vw * (26 / 375));
    font-weight: 700;
    line-height: 1.5;
  }
  .main section.info_room .txt_wrap .tit {
    margin-bottom: 32px;
  }

  .main .new .img_wrap {
    width: 100%;
    height: 360px;
  }
  .main .new .img_wrap img {
    /* width: calc(100vw * (375 / 375));
    height: calc(100vw * (408 / 375)); */
  }
  .main
    section.info_room
    .tab_txt_wrap
    .lst_tab_btn
    > li
    > button[aria-selected="true"]::after {
    height: calc(100vw * (1 / 375));
  }

  .modalwrap .calbx {
    display: none;
  }
  .modalwrap .picklist.on {
    display: none;
  }
  .modalbx.on {
    display: none;
  }

  .main .info_room .slide_wrap {
    width: 100%;
    aspect-ratio: 375/238;
    height: calc(100vw * (238 / 375));
  }
  .main
    section.info_room
    .slide_wrap
    > div
    .swiper_controler
    .swiper-pagination {
    bottom: calc(100vw * (12 / 375));
  }
  .main
    section.info_room
    .slide_wrap
    > div
    .swiper_controler
    .swiper-pagination
    span:not(:last-child) {
    margin-right: calc(100vw * (6 / 375));
  }
  .new .underline {
    display: none;
  }
  .info_service .underline::after {
    display: none;
  }
  .info_service .viewbx {
    margin-top: calc(100vw * (52 / 375));
  }
  .viewbx a::after {
    bottom: calc(100vw * (8 / 375));
  }
  .info_service .underline {
    border-radius: calc(100vw * (24 / 375));
    border: calc(100vw * (1 / 375)) solid #111111;
    width: calc(100vw * (164 / 375));
    height: calc(100vw * (40 / 375));
    position: relative;
    margin: 0 auto;
    font-size: calc(100vw * (14 / 375));
    font-weight: 500;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #1a1a1a;
    padding: calc(100vw * (10 / 375)) calc(100vw * (44 / 375));
    white-space: nowrap;
    opacity: 1;
  }
  .modalbx {
    display: none;
  }
  .main section .sub_tit {
    margin-bottom: 23px;
    font-size: 38px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 8px;
  }
  .main section .sub_tit b {
    font-size: 38px;
    font-weight: 700;
  }
  .main section .txt_wrap .sweet_txt {
    font-size: calc(100vw * (14 / 375));
    margin-bottom: calc(100vw * (52 / 375));
  }
  .main section .txt_wrap .txt_new:not(.sweet_txt) {
    margin:  0 auto calc(100vw * (52 / 375)) auto;
    /* font-size: calc(100vw * (14 / 375)); */
    font-size: 14px;
    font-weight: 600;
    width: 100%;
  }
  .main .visual .visual_swiper .swiper_controler .swiper-pagination.activeNum {
    width: 255px;
  }

  .main .visual {
    height:528px;
    position: relative;
  }
  .main .visual .visual_swiper .swiper_controler .swiper-pagination {
    /* left: calc(100vw * (40 / 375));
    right: auto;
    top: calc(100vw * (350 / 375)); */
  }
  .main section.our_place .slide_wrap .slide_cont .txt {
    font-size: calc(100vw * (24 / 375));
    margin-top: calc(100vw * (32 / 375));
  }
  .main .our_place .place_wrap-mo .imgbx:not(.mx_sl) {
    width: calc(100vw * (335 / 375));
    height: calc(100vw * (335 / 375));
  }
  .main .our_place .place_wrap-mo .swiper {
    overflow: hidden;
  }

  .experience_wrap-pc {
    display: none;
  }
  .experience_wrap-mo {
    display: block;
    margin-left: calc(100vw * (20 / 375));
  }
  .main .experience .underline {
    display: block;
    padding-bottom: calc(100vw * (10 / 375));
    margin-bottom: calc(100vw * (5 / 375));
  }
  .main .info_sns .tit {
    font-size: calc(100vw * (26 / 375));
    margin-bottom: calc(100vw * (11 / 375));
  }
  .main .our_place .place_wrap-mo {
    overflow: hidden;
    margin-top: calc(100vw * (33 / 375));
  }
  .main .info_sns h5 {
    /* display: none; */
  }
  .main .info_sns p {
    font-size: calc(100vw * (15 / 375));
    font-weight: 500;
    line-height: 1.5;
  }
  .main .info_sns .sns_inner {
    margin-bottom: calc(100vw * (54 / 375));
  }
  .main .info_sns .icowrap {
    width: calc(100vw * (20 / 375));
    height: calc(100vw * (20 / 375));
    margin-right: calc(100vw * (6 / 375));
  }
  .main .info_sns span {
    font-size: calc(100vw * (14 / 375));
    font-weight: 400;
  }
  .main .contact {
    padding: calc(100vw * (33 / 375)) 0 calc(100vw * (32 / 375));
    margin-left: calc(100vw * (20 / 375));
  }
  .main .contact .tit {
    font-size: calc(100vw * (26 / 375));
    margin-bottom: calc(100vw * (11 / 375));
  }
  .main .contact h5 {
    font-size: calc(100vw * (15 / 375));
    margin-bottom: calc(100vw * (53 / 375));
    font-weight: 400;
  }
  .main .experience {
    padding: calc(100vw * (79 / 375)) 0 calc(100vw * (79 / 375));
  }
  .main .experience .titbx {
    /* width: calc(100vw * (335 / 375)); */
  }
  .main .experience .tit {
    font-size: calc(100vw * (26 / 375));
    margin-bottom: calc(100vw * (33 / 375));
  }
  .main .experience .slwrap .slbx {
    position: relative;
    width: calc(100vw * (315 / 375));
    height: calc(100vw * (293 / 375));
  }
  .main .experience .slwrap .slbx:not(:last-child) {
    margin-right: calc(100vw * (16 / 375));
  }
  .main .experience .slwrap .txtbx {
    bottom: calc(100vw * (17 / 375));
    left: calc(100vw * (20 / 375));
  }
  .main .experience .slwrap .txtbx h5 {
    font-size: calc(100vw * (16 / 375));
    margin-bottom: calc(100vw * (12 / 375));
  }
  .main .experience .slwrap .txtbx h2 {
    font-size: calc(100vw * (18 / 375));
  }
  .main .experience .underline {
    display: none;
  }
  .main .experience .m_link_more {
    display: block;
    width: calc(100vw * (40 / 375));
    height: calc(100vw * (40 / 375));
  }
  .main .info_service {
    width: 100%;
    padding: 95px 0 70px 0;
    border-top: none;
    position: relative;
    border-bottom: none;

  }

  /* .main .info_service::after {
    position: absolute;
    left: calc(100vw * (20 / 375));
    top: 0;
    content: "";
    width: calc(100vw * (335 / 375));
    height: 1px;
    background: #aaaaaa;
  } */

  .main .info_service::before {
    /* position: absolute;
    left: calc(100vw * (20 / 375));
    bottom: 0;
    content: "";
    width: calc(100vw * (335 / 375));
    height: 1px;
    background: #aaaaaa; */
  }

  .main .info_service .txt_wrap {
    margin-bottom: calc(100vw * (33 / 375));
  }
  .main .info_service .txtbx {
    margin-top: calc(100vw * (17 / 375));
  }

  .main .info_service h3 {
    margin-bottom: calc(100vw * (3 / 375));
    font-size: calc(100vw * (18 / 375));
  }

  .main .info_service .gridwrap-pc {
    display: none;
  }
  .main .info_service .gridwrap-pc .imgbx {
    width: calc(100vw * (315 / 375));
    height: calc(100vw * (315 / 375));
  }
  .main .info_service .gridwrap-pc .imgbx:not(:last-child) {
    margin-right: calc(100vw * (16 / 375));
  }
  .main .info_service .tit {
    font-size: 18px;
    margin-bottom: 32px;
  }

  .main .info_service p {
    font-size: calc(100vw * (16 / 375));
  }
  .main .our_place .inner {
    height: calc(100vw * (540 / 375));
    margin-left: calc(100vw * (20 / 375));
    position: relative;
    width: calc(100vw * (335 / 375));
    margin: 0 auto;
    z-index: 0;
  }
  .main .our_place .swiper-button-prev {
    width: calc(100vw * (40 / 375));
    height: calc(100vw * (40 / 375));
    left: 8px !important;
  }
  .main .our_place .inner .tit_bx {
    position: initial;
  }

  .main .our_place .swiper-button-next {
    width: calc(100vw * (40 / 375));
    height: calc(100vw * (40 / 375));
    right: 0 !important;
  }

  .main .our_place .navbtn {
    width: calc(100vw * (98 / 375));
    bottom: calc(100vw * (-15 / 375));
    top: initial;
    position: absolute;
    right: 0;
  }
  .main .info_service .infoServiceCont li em span::after {
    transform: translate(60%,-5%);
  }

  .main .info_service .imgWrap {
    height: 46.13vw;
    background: url(../images/main/ourspaceImg.png) no-repeat center;
    background-size: 150%;
    margin-bottom: 13px;
  }
  .main .info_service .infoServiceCont li.active em p {
    font-size: 14px;
  }
  .main .info_service .infoServiceCont {
    flex-direction: column;
    padding: 0 30px;
    box-sizing: border-box;
  }
  .main .info_service .infoServiceCont li.active em span {
    color: #3E3936;
  }
  .main .info_service .infoServiceCont li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #DFDBD4;
  }
  .main .info_service .infoServiceCont li:last-child {
    border-bottom: 0;
  }
  .main .info_service .infoServiceCont li em {
    width: 100%;
    padding: 25px 0;
    gap: 8px;
  }
  .main .info_service .infoServiceCont li em span {
    color: #3E3936;
    font-size: 20px;
  }
  .main .info_service .infoServiceCont li.active em span::after {
    background: url(../images/icon/arrowblack.svg) no-repeat center;
  }
  .flexWrap .centerbox  {
    flex-direction: column;
  }
  .main section.experience {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #DFDBD4;
  }
  .main section.experience .experienceCont {
    flex-direction: column;
    align-items: center;
  }
  .main section.experience .viewbx {
    padding-left: 15px;
    justify-content: flex-start;
    align-items: center;
  }
  .main section.experience .viewbx .mapIcon  {
    padding-left: 15px;
  }
  .main section.experience .viewbx .subject {
    width: auto;
  }
  .main section.experience .experienceCont .mapImg figure {
    width: 100%;
  }
  .main section.experience .experienceCont .mapImg  {
    width: 80%;
  }
  .main section.experience .experienceCont .mapList {
    width: 100%;
  }
  .main section.experience .experienceCont .mapList .section3 {
    padding: 15px;
  }
  .main section.experience .viewbox {
    padding: 0 15px;
  }
  .main section.info_sns {
    padding: 70px 0;
    width: auto;
    max-width: none;
  }
  .main section.info_sns .sub_tit {
    justify-content: flex-start;
    padding-left: 15px;
  }
  .main section.info_sns .viewbx {
    padding-left: 15px;
    justify-content: start;
    align-items: center;
  }
  .main section.info_sns .snsCont li {
    width: 42vw;
    height: 42vw;
  }
  .main section.info_sns .snsCont li:nth-child(5) {
    display: none;
  }
  .main section.info_sns .snsCont li:nth-child(6) {
    display: none;
  }
  .main section.info_sns .snsCont {
    padding: 15px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
  }
  .main section.info_sns .viewbox {
    margin-bottom: 70px;
    padding-right: 15px;
  }
  .bottomVisual {
    height: 388px;
  }
  /* 공통 */
  .main section .mtit {
    font-size: calc(100vw * (26 / 375));
    line-height: 1.6;
  }

  .main .info_service .tit_bx {
    margin: 0 auto calc(100vw * (33 / 375));
    width: calc(100vw * (335 / 375));
  }
  .main .info_service .tit_bx .sub_tit {
    font-size: 49px;
    margin-bottom: 3px;
  }

  .main .info_service .tit_bx .tit .btnall {
    width: calc(100vw * (91 / 375));
    height: calc(100vw * (40 / 375));
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .main .our_place .slide_wrap .swiper {
    width: calc(100vw * (1391 / 375));
  }

  .main .our_place .slide_wrap .slide_cont .img {
    width: calc(100vw * (335 / 375));
    height: calc(100vw * (335 / 375));
  }

  .main .our_place .slide_wrap .slide_cont .txt {
    font-size: calc(100vw * (24 / 375));
    margin-top: calc(100vw * (32 / 375));
  }
  .main .info_room {
    padding: 0 30px calc(100vw * (80 / 375)) 30px;
    flex-direction: column;
  }
  .main .info_room .tab_txt_wrap {
    /* margin-left: calc(100vw * (20 / 375));
    margin-top: calc(100vw * (20 / 375)); */
  }
  .main .info_room .tab_txt_wrap .lst_tab_btn {
    margin-bottom: calc(100vw * (48 / 375));
  }

  .main .info_room .tab_txt_wrap .lst_tab_btn > li > button {
    font-size: calc(100vw * (15 / 375));
    font-weight: 500;
    line-height: 1.4;
  }

  .main section.experience .sub_tit {
    justify-content: flex-start;
    padding-left: 15px;
  }

  .main .info_room .swiper-wrapper {
    /* width: 92%; */
  }

  .main
    .info_room
    .tab_txt_wrap
    .lst_tab_btn
    > li
    > button[aria-selected="true"]::after {
    height: calc(100vw * (1 / 375));
  }

  .main .info_room .tab_txt_wrap .lst_tab_btn > li + li {
    /* margin-left: calc(100vw * (26 / 375)); */
  }
  .main .info_room .tab_txt_wrap .lst_tabpanel .tabpanel {
    /* width: calc(100vw * (378 / 375)); */
  }
  .main section.info_room .sub_tit {
    font-size: 49px;
    margin-bottom: 3px;
  }
  .our_service .tit .sub_tit {
    font-size: 49px;
    margin-bottom: 3px;
  }
  .our_service .tit {
    margin-bottom: 32px;
  }

  .dropdownbx {
    display: none;
  }
  .dropdownbx.on {
    display: none;
  }

  .swiper_controler .swiper-pagination.type1 span {
    width: calc(100vw * (10 / 375));
    height: calc(100vw * (10 / 375));
    margin: 0;
    background-color: transparent;
    border: calc(100vw * (1 / 375)) solid #fff;
    opacity: 1;
  }
  .main .info_room .slide_wrap > div .swiper_controler .swiper-pagination {
    bottom: calc(100vw * (12 / 375));
  }
  .main
    .info_room
    .slide_wrap
    > div
    .swiper_controler
    .swiper-pagination
    span:not(:last-child) {
    margin-right: calc(100vw * (6 / 375));
  }
  .swiper_controler .swiper-button-prev.type1 {
    width: calc(100vw * (44 / 375));
    height: calc(100vw * (44 / 375));
    top: 50%;
    left: calc(100vw * (32 / 375));
    background-image: url(../images/ico/ico_slide_left_white.svg);
    transform: translateY(-50%);
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: none;
  }
  .swiper_controler .swiper-button-prev.type1::after {
    content: none;
  }
  .swiper_controler .swiper-button-next.type1 {
    width: calc(100vw * (44 / 375));
    height: calc(100vw * (44 / 375));
    top: 50%;
    right: 32px;
    background-image: url(../images/ico/ico_slide_right_white.svg);
    transform: translateY(-50%);
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: none;
  }

  .swiper_controler .swiper-button-next.type1::after {
    content: none;
  }
  .swiper_controler .swiper-pagination.type1 {
    z-index: 2;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .swiper_controler
    .swiper-pagination.type1
    span.swiper-pagination-bullet-active {
    background-color: #fff;
  }

  .modalwrap .listWrap .actionBtns button {
    border-radius: calc(100vw * (50 / 375));
    border: calc(100vw * (1 / 375)) solid #111;
    width: calc(100vw * (120 / 375));
    height: calc(100vw * (40 / 375));
  }
  .modalwrap .listWrap .actionBtns button:not(:last-child) {
    margin-right: calc(100vw * (8 / 375));
  }
  .modalwrap .listWrap .actionBtns button a {
    font-size: calc(100vw * (16 / 375));
  }
  .listWrap .roomBx .txtbx {
    margin-left: calc(100vw * (20 / 375));
  }
  .modalwrap .listWrap .bot_bx p {
    font-size: calc(100vw * (20 / 375));
  }
  .listWrap .roomBx .desc span {
    font-size: calc(100vw * (14 / 375));
  }
  .listWrap .roomBx .txtbx h2 {
    font-size: calc(100vw * (18 / 375));
    margin-bottom: calc(100vw * (9 / 375));
  }
  .listWrap .roomBx .txtbx h6 {
    font-size: calc(100vw * (12 / 375));
    margin-top: calc(100vw * (48 / 375));
  }
}

/* 240216 - 추가 */
.flatpickr-calendar.inline {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
}
.flatpickr-calendar.inline .flatpickr-months {
  display: none !important;
}
.dayContainer {
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  flex: 1 1 auto;
}
.flatpickr-months .flatpickr-current-month {
  position: static;
  display: flex;
  justify-content: center;
}
.flatpickr-current-month span.cur-month {
  font-size: 20px;
  font-weight: 500;
}
.flatpickr-months .flatpickr-current-month .numInputWrapper {
  display: none;
}
.flatpickr-innerContainer .flatpickr-weekdaycontainer {
  padding-top: 35px;
  position: relative;
}
.flatpickr-innerContainer .flatpickr-weekdaycontainer::before {
  content: attr(data-year-month);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.25em;
  font-size: 15px;
  /* font-size: 20px; */
  font-weight: 600;
  font-family: "aktiv-grotesk", sans-serif;
}
.rangeMode .flatpickr-day {
  max-width: none;
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  display: block;
  width: 10px;
  height: 10px;
}
.calendar_wrap .flatpickr-weekdays,
.calendar_wrap .flatpickr-days {
  gap: 16px;
  font-family: "aktiv-grotesk", sans-serif !important;
}
.calendar_wrap .inner {
  display: none;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  max-height: none !important;
}
@media all and (min-width: 1024px) {
  .flatpickr-calendar.open,
  .flatpickr-calendar.inline {
    width: 100% !important;
  }
  .calendar_wrap .flatpickr-weekdays,
  .calendar_wrap .flatpickr-days {
    /* gap: 40px; */
  }
}
.calendar_wrap {
  display: flex;
  width: 80%;
  max-width: 780px;
  justify-content: center;
}

@media screen and (max-width: 1600px) {
  .calendar_wrap .flatpickr-day {
    font-size: calc(100vw * (13 / 1600)) !important;
  }
  .flatpickr-innerContainer .flatpickr-weekdaycontainer::before {
    font-size: calc(100vw * (20 / 1600));
    font-family: "aktiv-grotesk", sans-serif;
  }
  .cont .month-move {
    flex: 0 0 auto;
  }
}
@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 900px) {
  .main .info_room .lst_tabpanel {
    margin-bottom: 0;
  }
  .calendar_wrap {
    width: 100%;
    margin: auto;
  }
  .reservation .cont .wrap {
    position: relative;
  }
  .reservation .cont .month-move {
    display: block;
    top: 50%;
    position: absolute !important;
    z-index: 5;
  }
  .reservation #month-prev {
    display: block;
    left: 0;
    transform: translateY(-50%) rotate(0deg) !important;
  }
  .reservation #month-next {
    transform: translateY(-50%) rotate(180deg) !important;
    right: 0;
  }
  .calendar_wrap .flatpickr-days {
    display: flex;
    flex-direction: column;
  }
  .flatpickr-rContainer {
    position: relative;
    width: 100%;
  }
  .calendar_wrap .flatpickr-weekdays .flatpickr-weekdaycontainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .flatpickr-innerContainer .flatpickr-weekdaycontainer {
    padding-top: calc(100vw * (38 / 375));
  }
  .calendar_wrap
    .flatpickr-weekdays
    .flatpickr-weekdaycontainer
    + .flatpickr-weekdaycontainer {
    y: 50%;
    top: 50%;
    top: var(--y);
    /* margin-top: calc(100vw * (-18 / 375)) !important; */
  }
  .calendar_wrap .flatpickr-days .dayContainer {
    width: 100% !important;
    padding-top: calc(100vw * (64 / 375)) !important;
  }
  .calendar_wrap .flatpickr-days {
    gap: calc(100vw * (40 / 375)) !important;
  }
  .flatpickr-innerContainer .flatpickr-weekdaycontainer::before {
    font-size: calc(100vw * (18 / 375));
    font-weight: 500;
  }
  .calendar_wrap .flatpickr-day,
  .calendar_wrap .flatpickr-day {
    font-size: calc(100vw * (15 / 375)) !important;
  }
  .flatpickr-weekdays {
    margin: 0 !important;
  }

  .flatpickr-days,
  .dayContainer {
    width: calc(100vw * (335 / 375)) !important;
    max-width: calc(100vw * (335 / 375)) !important;
    min-width: calc(100vw * (345 / 375)) !important;
    margin-left: auto;
    margin-right: auto;
  }
}
.dates_container .flatpickr-calendar {
  width: 100% !important;
}
.dates_container .contbx {
  height: auto !important;
  position: relative;
  padding-bottom: 0 !important;
  padding: 10px 0;
}
.dates_container .calendar_wrap {
  opacity: 1;
}
.dates_container .flatpickr-calendar {
  position: relative !important;
}
.dates_container .flatpickr-day {
    /*color: #ccc;*/
    color: #1a1a1a;
}
.dates_container .month-move {
  position: absolute !important;
  top: 50%;
}
.dates_container #month-prev {
  z-index: 5;
  top: 0;
  transform: translate(50%, 25%);
}
.dates_container #month-prev {
  /* border: 1px solid #333 !important; */
  transform: translate(50%, 25%) rotate(180deg);
}
.dates_container #month-next {
  top: 0;
  left: auto;
  right: 0;
  transform: translate(-50%, 25%) rotate(180deg);
}
@media screen and (max-width:460px) {
  
  .bottomVisual figure img {
    object-position: -779px center;
  }
}