@charset "utf-8";
@import url("reset.css");
@import url("font.css");
@import url("swiper.min.css");
@import url("common.css");

#container{display: flex;}
.moOnly{display: none;}
.main__tit{font-size: 22.1vw;color:var(--hc);letter-spacing: 1rem;line-height: 1;overflow: hidden;white-space:nowrap}
.main__tit em{font-size: 0.65em;vertical-align: baseline;position: relative;bottom:-6.5vw}
.main__desc{font-size: 2.4rem;color:var(--hc);margin-top: 0rem;padding-left:0.8rem} 
.mainSectionWrap{position: relative;;width:100%;height:100%;overflow: hidden;}
.mainSectionMov{width:100vw;height:100vh}
.mainSectionMov iframe{position: absolute;top:50%;left:50%;width: 100vw;height: 100vh;transform: translate(-50%, -50%);}
.mainSection{position: absolute;top:0;left:0;width:100%;min-height:100%;padding:0 1.56vw 1.56vw;}

@media (min-aspect-ratio: 16/9) {
  .mainSectionMov iframe{height: 56.25vw;}
}
@media (max-aspect-ratio: 16/9) {
  .mainSectionMov iframe{width: 177.78vh;}
}

/*about*/
.aboutSection{position:relative;width:100%;height:100%;}
.aboutSectionBack{position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;height: 100%;overflow:hidden;}
.aboutSectionBack .bg{width:100%;height:100%;object-fit: cover;}
.aboutSectionCont{width:100%;height:100%;position:absolute;top:0;left:0;overflow: hidden;overflow-y: auto;}
.aboutSection__flow{overflow: hidden;padding-top:2rem}
.aboutSection__flow .marquee{height:28rem}
.aboutSection__flow .marquee__desc{font-size: 28rem;color:var(--hc)}
.aboutSection__flow .marquee__track{animation: marquee 50s linear infinite;}
.aboutSection__flow .rt .marquee__track{animation: marquee2 50s linear infinite;}
.aboutSection__desc{font-size:2.4rem;width:82%;line-height: 1.5;padding-left:5rem;margin-top: 5rem;font-family: 'Noto Sans KR', sans-serif;color:#231815}
.aboutSection__desc span{background-color: #fff;border-radius: 1.75rem;padding:0.25rem 1rem}
.aboutSection__desc2{margin-top: 3rem;}
.aboutSection__desc{position:absolute;bottom:14rem}
/*room*/
.room .footer__copy{color:#231815}
.roomSection{width:100%;height: 100%;}
.roomSwiper{position: relative;width:100%;height:100%;overflow: hidden;}
.roomSwiper .swiper-button-next,
.roomSwiper .swiper-button-prev{z-index: 3;color:#231815}
.roomSwiper .swiper-pagination{position: absolute;top:4rem;left:4rem;font-size:11.5rem;bottom:inherit;text-align: left;display: inline-block;width:auto}
.roomSlideItem{width:100%;height:100%;display: flex;justify-content: space-between;}
.roomSlideItem__desc{position: relative;background-color: var(--hc);width:50%;}
.roomSlideItem__desc1{width:100%;height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.roomSlideItem__desc1 .eng{font-size: 11.5rem;}
.roomSlideItem__desc1 .kor{font-size: 2rem;margin-top: 1rem;}
.roomSlideItem__desc2{font-size:2rem;position: absolute;left:0;bottom:0;padding:0 4rem 12rem 4rem;line-height: 1.6;}
.roomSlideItem__photo{width:50%;height:100%;overflow: hidden;}
.roomSlideItem__photo img{width:100%;height:100%;object-fit: cover;}
.roomSlideItem__photo__mo{display: none;}
.roomSwiper .swiper-button-next,
.roomSwiper .swiper-button-prev{width:49%;height:100%;transform: translateY(-50%);margin:0}
.roomSwiper .swiper-button-prev{left:0}
.roomSwiper .swiper-button-next{right:0}
.roomSwiper .swiper-button-next::after,
.roomSwiper .swiper-button-prev::after{display: none;}
.roomSwiper .arrow{display:none;position: absolute;width: 83px;height: 72px; top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:2}
.roomSwiper .arrow:before{content:'';display: block;width:100%;height:72px;background: url(../../images/intro-arr.png) no-repeat 50% 50%;}
.roomSwiper .arrow.prev:before{background: url(../../images/intro-arr-prev.png) no-repeat 50% 50%}
.roomSlideItem__desc1, .roomSlideItem__desc2{transition: all 0.5s; transform: translateY(100px);opacity: 0;}
.swiper-slide-active .roomSlideItem__desc1{animation: fadeInUp 1s 0.2s both;}
.swiper-slide-active .roomSlideItem__desc2{animation: fadeInUp 1s 0.6s both;}
/*brand*/
.brand .footer__copy{color:var(--hc)}
.brandSection{width:100%;height:100%;background-color: #231815;overflow: hidden;overflow-y: auto;}
.brandItem{width:100%;height:100%;position: relative;border-bottom:1px solid var(--hc);border-right:1px solid var(--hc);display:block}
.brandItem__img{opacity: 0;;transition: all 0.5s;}
.brandItem__img img{width:100%}
.brandItem__desc{position: absolute;top:0;left:0;width:100%;height:100%;display: flex;flex-direction: column;padding:4rem}
.brandItem__desc__btm{color:var(--hc);font-size: 2rem;line-height: 1.6;display:flex;justify-content: space-between;margin-top:auto}
.brandSection__items{display: flex;flex-wrap: wrap;}
.brandSection__items>li{width:25%;}
.brandSection__items>li:nth-child(4n+1) .brandItem{border-right: 0;}
.brandSection__items>li:first-child{display: none;}
.brandItem:hover .brandItem__img{opacity: 1;}
.brandItem__desc__logo img{max-width:100%}
.brandSection__items>li.hv .brandItem__img{opacity: 1;}
/*reservation*/
.revSection{width:100%;height:100%;background-color: #e7ddcc;display: flex;flex-direction: column;}
.revSection__sect{height: calc(100vh - 23rem);overflow: hidden;display: flex;color:#231815;}
.revSection__sect1{width:23.44%;padding-top:9rem}
.revSection__sect1__scr{overflow: hidden;overflow-y: auto;width:100%;height:100%;display: flex;justify-content: center;}
.revSection__sect2{width:39.06%;padding:9rem 0 0;position: relative;font-family: 'Noto Sans KR', 'sans-serif'}
.revSection__sect2::before{content: '';display: block;width:1px;height:100%;background-color: #231815;position: absolute;top:9rem;left:0}
.revSection__sect3{width:37.50%;font-size: 2rem;line-height: 1.6;padding:9rem 8rem 0;position: relative;font-family: 'Noto Sans KR', sans-serif}
.revSection__sect3::before{content: '';display: block;width:1px;height:100%;background-color: #231815;position: absolute;top:9rem;left:0}
.revSection__sect2{font-size: 2rem;line-height: 1.6;}
.revSection__sect2 .revCont{display: none;} 
.revSection__sect2 .revCont:nth-child(1){display: block;}
.revSection__sect2__scr{overflow: hidden;overflow-y: auto;width:100%;height:100%;padding:0 8rem 4rem}
.revSection__nav>li{padding:2rem 0}
.revSection__nav__link{padding-right:4rem}
.revSection__nav .on .revSection__nav__link{position: relative;}
.revSection__nav .on .revSection__nav__link::after{content: '*';position: absolute;top:-2rem;right:0;font-size:10.6rem;color:var(--hc)}
.revSection__nav__link{font-size: 7rem;}
.revSection__sect3 .aCheck + .aCheck{margin-top: 4rem;}
.revSection__sect3 .aCheck__noti{margin-top: 4rem;}
.revSection__sect3 .aCheck__btn{text-align: center;margin-top: 9rem;}
.revSection__sect3 .btn{width:26rem;height:7rem;display: inline-flex;justify-content: center;align-items: center;background-color: var(--hc);border-radius: 2rem;color:#fff;line-height: 1;}
.revSection__btm{padding-top:4rem}
.privacyWrap{font-size: 2rem;font-family: 'Noto Sans KR', 'sans-serif'}
.privacyWrap .tit1{margin:4rem 0 1rem;font-weight: 500;}
.privacyWrap .tit2{margin:3rem 0 0.8rem;}
.privacyWrap .px{margin:0}
.listCir>li+li{margin-top: 0.6rem;}
.listCir2>li+li{margin-top: 0.6rem;}
.listBar>li{position: relative;padding-left:1.4rem}
.listBar>li::before{content: '';display: block;position: absolute;left:0;top:1.6rem;width: 0.8rem;height:1px;background-color: #231815;}
.privacyWrap .mgT1{margin-top: 1rem;}
.privacyWrap .mgT2{margin-top: 2rem;}
.privacyWrap .mgL1{margin-left:1rem}
.privacyWrap .mgL2{margin-left:2rem}
.comming{width:100%;height:100%;background-color: var(--hc);display: flex;justify-content: center;align-items: center;}
.comming__sect__in{display: flex;justify-content: center;align-items: center;}
.comming__text{font-size:2.4rem;color:#fff;margin-left: 4rem;line-height: 1.5;}

.aboutSwiper{width:100%;height:100vh}
.aboutSwiper .swiper-slide img{width:100%;height:100%;object-fit: cover;}
.aboutSectionCont{z-index: 2;}

@media (max-width:1920px){
   .main__tit{font-size:22vw}
  .revSection__nav__link{font-size: 6rem;}
}
@media (max-width:1200px){
 .brandItem__desc__logo img{transform: scale(0.8);transform-origin: top left;}

}
@media (max-width:820px) { 
  .pcOnly{display: none;}
  .moOnly{display: block;}
  .main__tit{position: absolute;bottom:28rem;font-size: 39.73vw;white-space:wrap}
  .main__desc{display: none;}
  /* .room .header__logo .logo__cir{background: url(../../images/b-logo-cir.png) no-repeat 50% 50%;background-size: cover;}
  .room .header__logo .logo__tx{background: url(../../images/b-logo-342.png) no-repeat 50% 50%;background-size: 27.97% auto;} */
  .roomSwiper .swiper-pagination{left:inherit;right:4rem;color:var(--hc)}
  .roomSlideItem{display: block;position: relative;}
  .roomSlideItem__desc{position: absolute;top:0;left:0;width:100%;height:100%;background-color: transparent;color:var(--hc);z-index:2}
  .roomSlideItem__desc1{font-size:10rem}
  .roomSlideItem__desc2{display: none;}  
  .roomSlideItem__photo{display: none;}
  .roomSlideItem__photo__mo{display:block;width:100%;height:100%}
  .roomSlideItem__photo__mo img{width:100%;height: 100%;object-fit: cover;}
  .roomSlideItem__desc1 .eng{font-size: 10rem;}
  .roomSwiper .swiper-button-next,
  .roomSwiper .swiper-button-prev{display: none;}
  .aboutSection__flow{margin-top: 4rem;}
  .aboutSection__flow .marquee.rt{display: none;}
  .aboutSection__desc{width: 100%;margin-top:25rem;padding-left:3.5rem}
  .aboutSection__desc{position: absolute;bottom:22rem;left:0}
  .revSection{overflow: hidden;overflow-y: auto;}
  .revSection__sect{flex-direction: column;overflow: visible;}
  .revSection__sect3{order:1;width:100%}
  .revSection__sect3::before{display: none;}
  .revSection__sect2{order:2;width:100%;font-size:3rem}
  .revSection__sect2::before{display: none;}
  .revSection__sect{height: auto;}
  .revSection__sect2__scr{height:auto;padding:4rem}
  .revSection__sect2 .revCont{display: block;}
  .revCont__tit{font-size: 7rem;font-weight: 400;border-bottom:1px solid #231815;margin-top: 10rem;}
  .revCont:first-child .revCont__tit{margin-top: 0;}
  .revSection__sect3{font-size: 2.6rem;padding:36rem 4rem 0}
  .revSection__sect3 .aCheck__noti{font-size: 2.2rem;padding-left:7rem}
  .revSection__sect3 .aCheck__btn{margin-top: 5rem;}
  .revSection__sect3 .btn{font-size: 3rem;width:31rem;height:8.4rem}
  .revSection__btm{padding-bottom:12rem}
  .brandSection__items>li{width:50%}
  .brandSection__items>li:nth-child(4n+1) .brandItem{border-right: 1px solid var(--hc);}
  .brandSection__items>li:nth-child(2n) .brandItem{border-right: 0;}
  .brandSection__items>li:first-child{display:block}
  .brandItem__desc__logo{text-align:left}
  .brandItem__desc__logo img{transform: scale(0.6);transform-origin: top left;}
  .brandItem__desc__btm{flex-direction: column;}
  .brandItem__desc__btm .desc2{margin-top: 2rem;} 
  .brandItem:hover .brandItem__img{display: block;} 
  .privacyWrap{font-size: 3rem;}
  .comming__sect__in{display: block;text-align: center;}
  .comming__sect__in .logo{left:50%;transform: translateX(-50%);}
  .comming__text{margin-left:0;margin-top: 4rem;font-size: 3.5rem;}
}

@keyframes fadeIn{
  0% {opacity: 0;}
  100% {opacity: 1;}  
}

@keyframes fadeInUp{
  0% {transform: translateY(100px);opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}  
}


@media (orientation: landscape) {
	
	html.isMobile, 
	.isMobile body, 
	.isMobile #wrap, 
	.isMobile #container{height:100vw}
	.isMobile .mainSection{min-height:100vw}
	.isMobile .mainSectionWrap,
	.isMobile .mainSectionMov{height:100vw}
	.isMobile .asideMenu{bottom: -230%;opacity:0}
	.isMobile .open.asideMenu{bottom:0;opacity:1}
	.isMobile .logo{width:15rem;height:15rem}
	.isMobile .main__tit{font-size:20vw}
	.isMobile .mainSectionMov iframe{width: 200vw;height:100vw}
	.isMobile body{position:relative}
	.isMobile #footer{position:absolute;}
	.isMobile .asideMenu__gnb .gnb{height:50vh;overflow:hidden;overflow-y:scroll}
	.isMobile .asideMenu__gnb{align-items: flex-start}
	.isMobile .aboutSwiper{height:100vw}
	.isMobile .aboutSection{height:100vw}

}