@charset "utf-8";
.forDesk {display:block;}
.forMo {display:none;}
.menuCta {display:none;}
.menuClose {display:none;}
.mobileMenu {display:none;}
.mobileTop {display:none;}
.wrap {position:relative;}
.dim {position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.6); z-index:120; display:none;}

.doPop {position:fixed; right:100px; top:120px; width:90%; max-width:500px; height:auto; z-index:9999;}
.doPop .todayClose {padding:10px 20px; background:#444; color:#FFF; font-size:14px;}
.doPop .todayClose form {display:flex; justify-content:space-between; align-items:center;}
.doPop .txtbkClose {position:relative; display:flex; justify-content:center; align-items:center; gap:5px; cursor:pointer;}
.doPop .txtbkClose em {position:relative; width:20px; height:20px;}
.doPop .txtbkClose em:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); width:1px; height:14px; background:#FFF;}
.doPop .txtbkClose em:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); width:1px; height:14px; background:#FFF;}

.comnChk {display:inline-flex; justify-content:flex-start; align-items:center; padding-left:28px; position:relative;}
.comnChk input {display:flex; justify-content:flex-start; align-items:center; gap:0px; cursor:pointer; position:absolute; left:0; top:50%; transform:translate(0, -50%);}
.comnChk input:before {content:''; width:18px; height:18px; background:url(../img/pop/bg_chk_off.svg) no-repeat 50% 50%; background-size:100%;}
.comnChk input:checked:before {content:''; background:url(../img/pop/bg_chk_on.svg) no-repeat 50% 50%; background-size:100%;}

.gloHeader {position:fixed; left:0; top:0; width:100%; padding:12px 100px; display:flex; justify-content:space-between; align-items:flex-start; z-index:100; background:rgba(255, 255, 255, 0); backdrop-filter:blur(0px); transition:.2s all;}
.gloHeader .logo {width:80px; height:80px; margin-top:8px; flex:0 0 auto;}
.gloHeader .logo a {display:block; width:100%; height:100%; background:url(../img/logo_w.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.gloHeader .naviSec {display:flex; justify-content:center; align-items:center; gap:0;}
.gloHeader .naviSec .perNavi {position:relative;}
.gloHeader .naviSec .perNavi > a {display:block; color:#FFF; font-size:18px; font-family:'figtree'; font-weight:600; padding:36px 30px; position:relative; transition:.4s all;}
.gloHeader .naviSec .perNavi > a .ico {display:none;}
.gloHeader .naviSec .perNavi > a:after {content:''; position:absolute; left:50%; bottom:33px; width:0; transform:translate(-50%, 0); height:1px; transition:.4s all; background:#000;}
.gloHeader .naviSec .perNavi > a.on:after {width:calc(100% - 60px);}
.gloHeader .naviSec .perNavi .subMenu {position:absolute; left:0; top:90px; display:none; width:100%; height:auto; z-index:5;}
.gloHeader .naviSec .perNavi .subMenu ul {display:flex; justify-content:flex-start; align-items:center; width:100%; max-width:1000px; margin:0 auto;}
.gloHeader .naviSec .perNavi .subMenu ul li {display:block;}
.gloHeader .naviSec .perNavi .subMenu ul li a {display:block; color:#777; font-size:18px; font-weight:400; padding:34px 30px 20px; white-space:nowrap; background:transparent;}
.gloHeader .naviSec .perNavi .subMenu ul li a:hover {color:#000;}
.gloHeader .naviSec .perNavi .subMenu ul li a.on {color:#000;}

.gloHeader .naviSec .perNavi.nav04 .subMenu {left:-165px;}
.gloHeader .naviSec .perNavi.nav06 .subMenu {left:-284px;}

.gloHeader .topCta {display:block; border-radius:0 25px 25px 0; border-left:0; border-top:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; margin-top:24px; transition:.4s all;}
.gloHeader .topCta a {display:block; padding:10px 25px; color:#FFF; font-size:18px; font-weight:700; transition:.4s all;}

.gloHeader.on {background:rgba(255, 255, 255, 0.7); backdrop-filter:blur(10px);}
.gloHeader.on:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(0, 0, 0, 0.1);}
.gloHeader.on.bdr:before {content:''; position:absolute; left:0; top:118px; width:100%; height:1px; background:rgba(0, 0, 0, 0.1);}
.gloHeader.on .logo a {background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader.on .naviSec .perNavi > a {color:#777; transition:.4s all;}
.gloHeader.on .naviSec .perNavi > a.on {color:#000;}
.gloHeader.on .topCta {border-top:1px solid #777; border-right:1px solid #777; border-bottom:1px solid #777;}
.gloHeader.on .topCta a {color:#777;}
.gloHeader.on .topCta:hover {border-top:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;}
.gloHeader.on .topCta:hover a {color:#000;}

.gloHeader.gray .logo a {background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader.gray .naviSec .perNavi > a {color:#777; transition:.4s all;}
.gloHeader.gray .naviSec .perNavi > a.on {color:#000;}
.gloHeader.gray .topCta {border-top:1px solid #777; border-right:1px solid #777; border-bottom:1px solid #777;}
.gloHeader.gray .topCta a {color:#777;}
.gloHeader.gray .topCta:hover {border-top:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;}
.gloHeader.gray .topCta:hover a {color:#000;}

.mCont {position:relative; height:100%;}
.mCont .swiper-slide {height:100%;}
.mVod {position:relative; height:100%;}
.mVod .inVod {position:relative; height:100%;}
.mVod .inVod:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:1;}
.mVod .inVod:after {content:''; display:block; height:auto; padding:56.25%;}
.mVod .inVod video {position:absolute; left:50%; top:50%; width:100%; height:auto; transform:translate(-50%, -50%);}
.mVod .inVod video.vod {object-fit:cover;}
.mVod .scTxt {position:absolute; left:50%; top:23%; width:100%; max-width:1400px; transform:translate(-50%, 0); z-index:10; color:#FFF; opacity:0; transition:.4s all;}
.mVod .scTxt.shown {opacity:1.0;}
.mVod .scTxt .txt {font-size:78px; font-weight:300; letter-spacing:-1px; opacity:0; transition: opacity 0.6s ease;}
.mVod .scTxt .txt.fadein {opacity:1.0;}
.mVod .scTxt .txt strong {font-weight:700;}
.mVod .scTxt .txt.ani03 strong {opacity:0; transition: opacity 0.6s ease;}
.mVod .scTxt .txt.ani03 strong.fadein {opacity:1.0;}
.mVod .scTxt .txt em {display:inline-block; width:260px; height:64px; position:relative; vertical-align:-4px; margin:0 20px;}
.mVod .scTxt .txt em:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:1px; background:#FFF; transition:2s all;}
.mVod .scTxt .txt em.short:after {width:0;}
.mVod .vodPaging {position:absolute; left:0; bottom:0; width:100%; height:auto; padding:0 0 48px; z-index:1; text-align:center;}
.mVod .vodPaging .perPage {display:inline-block; width:20px; height:20px; border-radius:50%; border:3px solid #000; transition:.4s all; font-size:0; margin:0 2px;}
.mVod .vodPaging .perPage span {display:none; text-transform:uppercase;}
.mVod .vodPaging .perPage.active {padding:3px 14px; color:#FFF; font-size:14px; background:#000; border-radius:50px; width:auto; height:auto;}
.mVod .vodPaging .perPage.active span {display:block;}

.spinner {position:absolute; left:50%; top:50%; width:100px; height:100px; margin:-50px 0 0 -50px; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%; border-radius:50%; animation: spin 6s linear infinite; z-index:10; opacity:0.4;}

@keyframes spin {
	to {transform: rotate(360deg);}
}

.swiper-slide {
  position: relative;
}

.swiper-slide .scTxt,
.swiper-slide .inVod {opacity:0; transition: opacity 1s ease;}

.mSec {position:relative; height:100%;}
.mSec .inner {position:relative; width:100%; height:100%; max-width:1440px; margin:0 auto; z-index:10;}
.mSec .inner .mTitleSec {position:absolute; left:0; top:23%;}
.mSec .inner .mTitle {position:relative;}
.mSec .inner .mTitle .title {color:#FFF; font-size:80px; font-weight:700; line-height:1.0;}
.mSec .inner .mTitle .desc {color:#FFF; font-size:24px; font-weight:300; line-height:1.4; margin-top:32px;}
.mSec .inner .mTitle a.contView {display:none;}

.mSec.m01 {}
.mSec.m01 .inner {display:flex; justify-content:flex-end; align-items:center;}
.mSec.m02 {background:#F5EEE6;}
.mSec.m02:after {content:''; position:absolute; left:0; bottom:0; width:80%; height:calc(100% - 118px); border-top:1px solid #D9C6B0; border-right:1px solid #D9C6B0; border-radius:0 470px 0 0;}
.mSec.m02 .inner .mTitle .title {color:#222;}
.mSec.m02 .inner .mTitle .desc {color:#222;}
.mSec.m03 .inner .mTitle .title {color:#222;}
.mSec.m03 .inner .mTitle .desc {color:#222;}
.mSec.m03 .inner .mTitleSec ul {display:block; margin-top:50px; width:246px;}
.mSec.m03 .inner .mTitleSec ul li {display:block;}
.mSec.m03 .inner .mTitleSec ul li a {display:flex; justify-content:space-between; align-items:center; position:relative; transition:.4s all;}
.mSec.m03 .inner .mTitleSec ul li a:after {content:''; width:60px; height:60px; background:url(../img/ar_room.svg) no-repeat 50% 50%; background-size:100%; opacity:0; transition:.4s all;}
.mSec.m03 .inner .mTitleSec ul li a span {display:inline-block; color:#BEBEBE; font-size:20px; font-weight:400; position:relative;}
.mSec.m03 .inner .mTitleSec ul li a span:after {content:''; position:absolute; left:50%; bottom:0; transition:.4s all; width:0; height:1px; background:#222; transform:translate(-50%, 0);}
.mSec.m03 .inner .mTitleSec ul li a.on:after {opacity:1.0;}
.mSec.m03 .inner .mTitleSec ul li a.on span {color:#222;}
.mSec.m03 .inner .mTitleSec ul li a.on span:after {width:100%;}
.mSec.m04 {background:#A37455;}
.mSec.m04 .inner .mTitle .title {color:#FFF;}
.mSec.m04 .inner .mTitle .desc {color:#FFF;}
.mSec.m05 {background:#FFFEFB; overflow:hidden;}
.mSec.m05 .inner {padding-top:21%;}
.mSec.m05 .inner .mTitle .title {color:#222;}
.mSec.m05 .inner .mTitle .desc {color:#222;}
.mSec.m06 {background:#000 url(../img/bg_main_footer.jpg) no-repeat center/cover; background-size:cover;} 
.mSec.m06 .inner {display:flex; justify-content:flex-end; align-items:flex-start;}
.mSec.m06 .inner .mTitleSec .cusBtns {display:inline-flex; justify-content:flex-start; align-items:flex-start; margin-top:36px; gap:16px;}
.mSec.m06 .inner .mTitleSec .cusBtns > a {display:inline-block; padding:10px 20px; color:#FFF; font-size:16px; font-weight:600; border:1px solid #FFF; border-radius:100px; transition:.4s all;}
.mSec.m06 .inner .mTitleSec .cusBtns > a:hover {background:#FFF; color:#222; font-weight:700;}
.mSec.m06 .inner .mTitleSec .cusBtns > a.goSns {display:block; width:42px; height:42px; border:0; border-radius:50%;}
.mSec.m06 .inner .mTitleSec .cusBtns > a.goSns.insta {background:#FFF url(../img/csns_insta.svg) no-repeat 50% 50%; background-size:100%;}
.mSec.m06 .inner .mTitle .title {color:#FFF;}
.mSec.m06 .inner .mTitle .desc {color:#FFF; margin-top:16px;}

.mCareCont {display:flex; justify-content:flex-start; align-items:stretch; gap:0; flex-direction:column; width:100%; max-width:320px;}
.mCareCont a {display:flex; justify-content:space-between; align-items:center; color:#FFF; font-size:24px; font-weight:700; line-height:1.0; position:relative; padding:32px 24px; border-bottom:1px solid rgba(255, 255, 255, 0.2); transition:.4s all;}
.mCareCont a:hover {background:rgba(255, 255, 255, 0.1);}
.mCareCont a.conProgram:after {content:''; width:60px; height:60px; background:url(../img/mico01.svg) no-repeat 50% 50%; background-size:100%;}
.mCareCont a.conSpa:after {content:''; width:60px; height:60px; background:url(../img/mico02.svg) no-repeat 50% 50%; background-size:100%;}
.mCareCont a.conMoms:after {content:''; width:60px; height:60px; background:url(../img/mico03.svg) no-repeat 50% 50%; background-size:100%;}
.mCareCont a.conBrast:after {content:''; width:60px; height:60px; background:url(../img/mico04.svg) no-repeat 50% 50%; background-size:100%;}
.mCareCont a:hover:after {content:''; width:60px; height:60px; background:url(../img/mico_ar.svg) no-repeat 50% 50%; background-size:100%;}

.mSafeCont {position:relative; height:100%;}
.mSafeCont .perSafe {position:absolute; overflow:hidden;}
.mSafeCont .perSafe .txt {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; color:#FFF; font-size:20px; font-weight:300; line-height:1.4; text-align:center;}
.mSafeCont .perSafe.ps01 {left:10%; bottom:16%; width:400px; height:355px; border-radius:0 0 0 200px;}
.mSafeCont .perSafe.ps02 {right:30%; bottom:8%; width:355px; height:355px; border-radius:50%;}
.mSafeCont .perSafe.ps03 {right:2%; bottom:46%; width:400px; height:355px; border-radius:0 200px 200px 0;}

.mWarmCont {position:absolute; right:0; bottom:0; width:70%; height:calc(100vh - 118px); border-radius:470px 0 0 0; overflow:hidden; background:#ccc;}
.mRoom.swiper-container {height:100%;}
.mRoom .roomPaging {position:absolute; left:0; bottom:0px; width:100%; height:auto; padding:0 0 48px; z-index:1; text-align:center;}
.mRoom .roomPaging .rPage {display:inline-block; width:20px; height:20px; border-radius:50%; border:3px solid #000; transition:.4s all; font-size:0; margin:0 2px;}
.mRoom .roomPaging .rPage span {display:none; text-transform:uppercase;}
.mRoom .roomPaging .rPage.active {padding:3px 14px; color:#FFF; font-size:14px; background:#000; border-radius:50px; width:auto; height:auto;}
.mRoom .roomPaging .rPage.active span {display:block;}
.mRoom .swiper-slide img  {object-fit:cover; height:100%;}

.arView {position:relative; margin-top:30px; display:inline-block;}
.arView a {display:flex; justify-content:flex-start; align-items:center; gap:26px;}
.arView a .txt {color:#FFF; font-size:20px; font-weight:500; position:relative; transition:.4s all;}
.arView a .txt:after {content:''; position:absolute; left:50%; bottom:0; width:0; height:1px; background:#FFF; transform:translate(-50%, 0); transition:.4s all;}
.arView a .ar {width:60px; height:60px; background:url(../img/mico_ar.svg) no-repeat 50% 50%; background-size:100%; opacity:0; transition:.4s all;}
.arView a:hover .txt:after {width:100%;}
.arView a:hover .ar {opacity:1.0;}
.mCareBg {position:absolute; left:0; bottom:0; width:86%; height:calc(100% - 118px); border-radius:0 470px 0 0; overflow:hidden;}
.flowTxt {position:absolute; line-height:1.0; font-size:166px; font-weight:700; color:rgba(255, 255, 255, 0);   -webkit-text-stroke: 1px rgba(249, 246, 239, 0.25); /* text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px  1px 0 #FFF, 1px  1px 0 #FFF; */ z-index:20;}
.flowTxt.top {left:20px; bottom:180px;}
.flowTxt.bottom {right:20px; bottom:20px;}

.reviewFunc {display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-bottom:12px; position:relative; z-index:200;}
.reviewFunc .rv-prev {display:block; width:60px; height:60px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); cursor:pointer;}
.reviewFunc .rv-next {display:block; width:60px; height:60px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.mReview {}
.mReview.swiper-container {overflow:visible;}
.mReview .swiper-slide {width:auto;}
.mReview .swiper-slide .mRvBox {width:400px; position:relative;}
.mRvBox .thumb {position:relative; border-radius:0 0 30px 0; overflow:hidden;}
.mRvBox .thumb:after {content:''; display:block; height:auto; padding-bottom:66%; background:#f1f1f1;}
.mRvBox .thumb:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:40%; opacity:0.2;}
.mRvBox .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto; border:1px solid #ddd;}
.mRvBox .thumb .rvSns {position:absolute; right:16px; bottom:16px; width:32px; height:32px; background:rgba(0, 0, 0, 0.4); border-radius:50%; z-index:10;}
.mRvBox .thumb .rvSns:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.mRvBox .thumb .rvSns.yt:after {background:url(../img/sns_yt.svg) no-repeat 50% 50%; background-size:18px;}
.mRvBox .thumb .rvSns.fb:after {background:url(../img/sns_fb.svg) no-repeat 50% 50%; background-size:18px;}
.mRvBox .thumb .rvSns.insta:after {background:url(../img/sns_insta.svg) no-repeat 50% 50%; background-size:18px;}
.mRvBox .thumb .rvSns.blog:after {background:url(../img/sns_blog.svg) no-repeat 50% 50%; background-size:18px;}
.mRvBox .rvSubject {margin-top:16px; color:#777; font-size:18px; font-weight:500; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.mRvBox.justTxt .thumb {border:1px solid #ddd;}
.mRvBox.justTxt .thumb:after {background:#FFF;}
.mRvBox.justTxt .thumb:before {display:none;}
.mRvBox.justTxt .rvSubject {position:absolute; left:0; top:50%; transform:translate(0, -50%); font-weight:600; margin:0; -webkit-line-clamp: 4; padding:0 40px; font-size:22px; line-height:1.4;}
.mRvBox.justTxt .thumb .rvSns {position:absolute; right:16px; bottom:16px; width:50px; height:50px; background:#FFF; border:1px solid #ddd; border-radius:50%; z-index:10;}
.mRvBox.justTxt .thumb .rvSns:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.mRvBox.justTxt .thumb .rvSns.yt:after {background:url(../img/csns_yt.svg) no-repeat 50% 50%; background-size:100%;}
.mRvBox.justTxt .thumb .rvSns.fb:after {background:url(../img/csns_fb.svg) no-repeat 50% 50%; background-size:100%;}
.mRvBox.justTxt .thumb .rvSns.insta:after {background:url(../img/csns_insta.svg) no-repeat 50% 50%; background-size:100%;}
.mRvBox.justTxt .thumb .rvSns.blog:after {background:url(../img/csns_blog.svg) no-repeat 50% 50%; background-size:100%;}

.opTime {display:flex; justify-content:flex-end; align-items:stretch; gap:24px; width:100%; max-width:536px; margin-top:17%;}
.opTime .perTime {width:calc(50% - 20px); background:rgba(255, 255, 255, 0.1); border-radius:32px; display:flex; justify-content:center; align-items:center; flex-direction:column;  padding:40px 0 36px;}
.opTime .perTime .ico {width:60px; height:60px;}
.opTime .perTime .title {color:#FFF; font-size:24px; font-weight:500; line-height:1.0; margin:10px 0 6px;}
.opTime .perTime .timeTxt {color:#FFF; font-size:40px; font-weight:700;}

.footerSec {position:absolute; left:0; bottom:0; background:rgba(0, 0, 0, 0.6); width:100%; z-index:10;}
.footerSec .innerCon {display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:1440px; margin:0 auto;}
.footerSec.comn {position:relative; left:unset; bottom:unset; background:#222;}
.footerSec.comn > .innerCon {padding:70px 0; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.footerSec.comn .opTime {margin-top:0;}

.footerSec.comn .mTitleSec {}
.footerSec.comn .mTitle {position:relative;}
.footerSec.comn .mTitle .title {color:#FFF; font-size:52px; font-weight:700; line-height:1.0;}
.footerSec.comn .mTitle .desc {color:#FFF; font-size:20px; font-weight:300; line-height:1.4; margin-top:16px;}
.footerSec.comn .mTitleSec .cusBtns {display:inline-flex; justify-content:flex-start; align-items:flex-start; margin-top:30px; gap:10px;}
.footerSec.comn .mTitleSec .cusBtns > a {display:inline-block; padding:10px 16px; color:#FFF; font-size:14px; font-weight:600; border:1px solid #FFF; border-radius:100px; transition:.4s all;}
.footerSec.comn .mTitleSec .cusBtns > a:hover {background:#FFF; color:#222; font-weight:700;}
.footerSec.comn .mTitleSec .cusBtns > a.goSns {display:block; width:46px; height:46px; border:0;}
.footerSec.comn .mTitleSec .cusBtns > a.goSns.insta {background:url(../img/csns_insta.svg) no-repeat 50% 50%; background-size:100%;}

.footer .innerCon {padding:50px 0;}
.footer .innerCon .txtSec {color:#FFF;}
.footer .innerCon .txtSec .corp {font-size:18px; font-weight:700;}
.footer .innerCon .txtSec .corpInfo {margin-top:16px; line-height:1.4; font-weight:300;}
.footer .innerCon .txtSec .corpInfo span {display:inline-block; font-size:14px; padding-right:10px; margin-right:10px; position:relative;}
.footer .innerCon .txtSec .corpInfo span:first-child:after {content:''; position:absolute; right:-2px; top:4px; width:1px; height:10px; background:#FFF;}
.footer .innerCon .snsSec {display:flex; justify-content:flex-start; align-items:center; gap:16px; display:none;}
.footer .innerCon .snsSec > a.goSns {display:block; width:40px; height:40px;}
.footer .innerCon .snsSec > a.goSns.insta {background:url(../img/sns_insta.svg) no-repeat 50% 50%; background-size:100%;}
.footer .innerCon .snsSec > a.goSns.fb {background:url(../img/sns_fb.svg) no-repeat 50% 50%; background-size:100%;}
.footer .innerCon .snsSec > a.goSns.blog {background:url(../img/sns_blog.svg) no-repeat 50% 50%; background-size:100%;}
.footer .innerCon .snsSec > a.goSns.yt {background:url(../img/sns_yt.svg) no-repeat 50% 50%; background-size:100%;}
.copyright {background:#000;}
.copyright .copyTxt {color:#999; font-size:12px; font-weight:400; padding:20px 0;}

.floatFunc {position:fixed; right:48px; bottom:52px; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:12px; z-index:100; transition:.4s all;}
.floatFunc.forFoot {bottom:270px;}
.floatFunc a {display:block; width:60px; height:60px; border-radius:50%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);}
.floatFunc a.funcTel {background:#5C4335 url(../img/cico_tel.svg) no-repeat 50% 50%; display:none;}
.floatFunc a.funcRes {background:#5C4335 url(../img/cico_res.svg) no-repeat 50% 50%;}
.floatFunc a.funcAi {background:#5C4335 url(../img/cico_ai.svg) no-repeat 50% 50%;}
.floatFunc a.funcTop {background:#FFF url(../img/cico_top.svg) no-repeat 50% 50%;}

.mCont-pagination {position:fixed; right:48px !important; top:50%; transform:translate(0, -50%); z-index:150; display:flex; justify-content:flex-start; align-items:flex-start; gap:20px; flex-direction:column; transition:.4s all;}
.mCont-pagination.forFoot {opacity:0;}
.mCont-pagination .swiper-pagination-bullet {display:block; width:10px; height:10px; border-radius:50%; border:2px solid #FFF; background:transparent; text-indent:-9999px; margin:0 !important; opacity:1.0;}
.mCont-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#FFF;}

/* subComn */
.subVisual {position:relative; height:708px;}
.subVisual:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3);}
.subVisual.community {background:url(../img/sv_community.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.reservation {background:url(../img/sv_reservation.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.signature {background:url(../img/sv_signature.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.stay {background:url(../img/sv_stay.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.about {background:url(../img/sv_dearone.jpg) no-repeat center/cover; background-size:cover;}
.subVisual .svTxt {display:flex; justify-content:center; align-items:center; flex-direction:column; gap:10px; width:100%; max-width:1440px; margin:0 auto; height:100%; position:relative; z-index:1;}
.subVisual .svTxt .pTitle {color:#FFF; font-size:70px; font-weight:600; text-align:center;}
.subVisual .svTxt .pDesc {color:#FFF; font-size:16px; font-weight:400; text-align:center;}
.subVisual .svTxt .pDesc br {display:none;}

.subConWrap {position:relative; background:#FFF; border-radius:0 120px 0 0; margin-top:-110px; min-height:calc(100vh - 700px); padding:140px 0;}
.subConWrap > .inner {position:relative; width:100%; max-width:1440px; margin:0 auto;}
.subConWrap h2 {color:#222; font-size:50px; font-weight:400; text-align:center; position:relative; width:100%; max-width:1440px; margin:0 auto 100px;}
.subConWrap h2 a.btnOther {position:absolute; top:50%; transform:translate(0, -50%); display:flex; justify-content:flex-start; align-items:center; color:#666; font-size:18px; font-weight:400; gap:8px; transition:.3s all;}
.subConWrap h2 a.btnOther.prev {left:0;}
.subConWrap h2 a.btnOther.next {right:0;}
.subConWrap h2 a.btnOther.prev:before {content:''; width:34px; height:34px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); transition:.3s all;}
.subConWrap h2 a.btnOther.next:after {content:''; width:34px; height:34px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; transition:.3s all;}
.subConWrap h2 a.btnOther.prev:hover {color:#222;}
.subConWrap h2 a.btnOther.next:hover {color:#222;}
.subConWrap h2 a.btnOther.prev:hover:before {background-size:260%; background-position:right 50%;}
.subConWrap h2 a.btnOther.next:hover:after {background-size:260%; background-position:right 50%;}

/* bbs */
.bbsListSec {position:relative;}
.bbsSearch {display:flex; justify-content:space-between; align-items:center; margin-bottom:40px;}
.bbsSearch .total {color:#999; font-size:16px; font-weight:400;}
.bbsSearch .searchForm {display:flex; justify-content:flex-start; align-items:center; gap:4px;}
.bbsSearch .searchForm input[type="text"] {display:inline-block; width:220px; height:38px; padding:0 16px; line-height:36px; border:1px solid #ddd; border-radius:50px;}
.bbsSearch .searchForm .btnSch {background:#222; color:#FFF; font-size:14px; font-weight:400; border-radius:50px; height:38px; padding:0 20px;}

.bbsList {display:flex; justify-content:flex-start; align-items:stretch; gap:48px 24px; flex-wrap:wrap;}
.bbsList .articleBox {display:block; width:calc(33.33334% - 16px); border:1px solid #eee; border-radius:0 0 30px 0; transition:.4s all;}
.bbsList .articleBox:hover {border:1px solid #999;}
.bbsList .articleBox a {display:block; width:100%; height:100%; padding:40px 32px;}
.bbsList .articleBox .subject {color:#222; font-size:24px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:62px; margin-bottom:24px;}
.bbsList .articleBox .desc {color:#999; font-size:16px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; height:102px; margin-bottom:16px;}
.bbsList .articleBox .desc p span {font-family:'SUIT Variable' !mportant;}
.bbsList .articleBox .desc img {display:none !important;}
.bbsList .articleBox .wDate {color:#999; font-size:16px; margin-top:10px;}

.bbsList .mRvBox {display:block; width:calc(33.33334% - 16px);}
.bbsList .mRvBox .rvSubject {color:#222;}

.bbsViewSec {position:relative;}
.bbsViewSec .viewSubject {text-align:center; margin-bottom:80px;}
.bbsViewSec .viewSubject .subject {color:#222; font-size:40px; line-height:1.4; width:100%; max-width:1200px; margin:0 auto;}
.bbsViewSec .viewSubject .wDate {color:#666; font-size:16px;}
.bbsViewSec .bbsContBox {position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbsViewSec .bbsContBox .bbsCont {padding:40px 32px; color:#222; font-size:18px; line-height:1.4; font-weight:400;}
.bbsViewSec .bbsContBox .bbsCont img {max-width:100%; width:auto;}
.bbsViewSec .bbsContBox .attacthFile {display:flex; justify-content:flex-start; align-items:flex-start; gap:20px; border-top:1px solid #ddd; padding:20px 32px;}
.bbsViewSec .bbsContBox .attacthFile a {display:block; color:#666; font-size:16px; font-weight:400; position:relative;}
.bbsViewSec .bbsContBox .attacthFile a:hover {color:#222;}
.bbsViewSec .bbsContBox .attacthFile a:hover:after {content:''; position:absolute; left:0; bottom:-2px; width:100%; height:1px; background:#222;}
.bbsViewSec .bbsBtns {display:flex; justify-content:space-between; align-items:center; margin-top:32px; position:relative;}
.bbsViewSec .bbsBtns a.bbsBtn {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.bbsViewSec .bbsBtns a.bbsBtn.dis {opacity:0.4;}
.bbsViewSec .bbsBtns a.btnList {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); padding:8px 20px; border:1px solid #222; color:#222; font-size:16px; font-weight:500; border-radius:50px;}
.bbsViewSec .bbsBtns a.bbsBtn.prev:before {content:''; width:32px; height:32px; background:url(../img/dir_article.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg);}
.bbsViewSec .bbsBtns a.bbsBtn.next:after {content:''; width:32px; height:32px; background:url(../img/dir_article.svg) no-repeat 50% 50%; background-size:100%;}

/* faq */
.faqList {position:relative;}
.faqList .faqSet {position:relative;}
.faqList .faqSet .quePart {display:flex; justify-content:flex-start; align-items:center; position:relative; gap:14px; color:#222; font-size:24px; font-weight:500; line-height:1.4; padding:40px 24px; border-top:1px solid #222; cursor:pointer;}
.faqList .faqSet .quePart:after {content:''; position:absolute; right:24px; top:40px; width:60px; height:60px; background:url(../img/ar_fold.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.faqList .faqSet .quePart.on {font-weight:700;}
.faqList .faqSet .quePart.on:after {transform:rotate(180deg);}
.faqList .faqSet .quePart .qTitle {font-size:40px; font-weight:700;}
.faqList .faqSet .ansPart {position:relative; padding:0 84px 0 80px; margin-bottom:50px; display:none;}
.ansTable {position:relative;}
.ansTable.scroll {margin-bottom:80px;}
.ansTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.ansTable th, .ansTable td {border:1px solid #ddd; color:#222; font-size:18px; font-weight:400; text-align:center; padding:18px 0;}
.ansTable th {background:#F8F8F8; font-weight:500;}
.ansTable td.vTop {vertical-align:top; line-height:1.6;}
.ansTable col.item {width:200px;}
.ansTable col.bigItem {width:200px;}
.faqList .faqSet .ansPart ul {position:relative;}
.faqList .faqSet .ansPart ul.part {margin-top:40px;}
.faqList .faqSet .ansPart ul li {display:block; color:#222; font-size:18px; font-weight:400; line-height:1.4; position:relative; padding-left:16px; margin-bottom:5px;}
.faqList .faqSet .ansPart ul li:last-child {margin-bottom:0;}
.faqList .faqSet .ansPart ul li:after {content:''; position:absolute; left:4px; top:10px; width:3px; height:3px; background:#222; border-radius:50%;}
.faqList .faqSet .ansPart ul li.title {padding-left:0; font-weight:700;}
.faqList .faqSet .ansPart ul li.title:after {display:none;}
.faqList .faqSet .ansPart ul li > dl {position:relative; margin-top:10px;}
.faqList .faqSet .ansPart ul li > dl dd {display:block; color:#222; font-size:16px; font-weight:400; line-height:1.4; position:relative; padding-left:16px; margin-bottom:5px;}
.faqList .faqSet .ansPart ul li > dl dd:last-child {margin-bottom:0;}
.faqList .faqSet .ansPart ul li > dl dd:after {content:''; position:absolute; left:4px; top:10px; width:5px; height:1px; background:#222; border-radius:50%;}

/** paging **/
.pagingWrap {display:flex; justify-content:center; align-items:center; gap:0px; margin:80px 0 0;}
.pagingWrap a {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#222; font-size:16px;  width:32px; height:32px; box-sizing:border-box;}
.pagingWrap a.dir {padding:0 4px;}
.pagingWrap a.dir.first {background:url(../img/dir_bbs.svg) no-repeat 50% 50%; background-size:30px; transform:rotate(180deg);}
.pagingWrap a.dir.first-trans {background:url(../img/dir_bbs.svg) no-repeat 50% 50%; opacity: 0.3; background-size:30px; transform:rotate(180deg);}
.pagingWrap a.dir.back {background:url(../img/dir_bbs.svg) no-repeat 50% 50%; background-size:30px;}
.pagingWrap a.dir.back-trans {background:url(../img/dir_bbs.svg) no-repeat 50% 50%; opacity: 0.3; background-size:30px;}
.pagingWrap a.dir.forword {background:url(../img/dir_bbs_edge.svg) no-repeat 50% 50%; background-size:30px; transform:rotate(180deg);}
.pagingWrap a.dir.forword-trans {background:url(../img/dir_bbs_edge.svg) no-repeat 50% 50%; opacity: 0.3; background-size:30px; transform:rotate(180deg);}
.pagingWrap a.dir.backward {background:url(../img/dir_bbs_edge.svg) no-repeat 50% 50%; background-size:30px;}
.pagingWrap a.dir.backward-trans {background:url(../img/dir_bbs_edge.svg) no-repeat 50% 50%; opacity: 0.3; background-size:30px;}
.pagingWrap a.on {background:#222; color:#FFF; font-weight:600; position:relative;}


/* reservation */
.rpEventBox {display:flex; justify-content:flex-start; align-items:flex-start; gap:0; padding:56px 0; border-top:1px solid #222; border-bottom:1px solid #222; margin-bottom:48px;}
.rpEventBox .txtSec {display:block; width:33%; flex:0 0 auto;}
.rpEventBox .txtSec .title {color:#222; font-size:40px; font-weight:800;}
.rpEventBox .txtSec .tel {color:#222; font-size:40px; margin:4px 0 10px 0px;}
.rpEventBox .txtSec .btnGoRes {display:inline-block;}
.rpEventBox .txtSec .btnGoRes a {display:flex; justify-content:center; align-items:center; padding:14px 24px; gap:8px; border:1px solid #ddd; border-radius:100px; transition:.4s all;}
.rpEventBox .txtSec .btnGoRes a br {display:none;}
.rpEventBox .txtSec .btnGoRes a:after {content:''; width:20px; height:20px; background:url(../img/ar_tail.svg) no-repeat 50% 50%; background-size:100%;}
.rpEventBox .txtSec .btnGoRes a:hover {border:1px solid #222;}
.rpEventBox .contSec {display:block; width:calc(100% - 33%); flex:0 0 auto; color:#222; font-size:18px; font-weight:400; line-height:1.5;}
.rpEventBox .contSec ul {position:relative;}
.rpEventBox .contSec ul li {display:block; color:#222; font-size:20px; font-weight:400; line-height:1.4; position:relative; padding-left:16px; margin-bottom:5px;}
.rpEventBox .contSec ul li:last-child {margin-bottom:0;}
.rpEventBox .contSec ul li:after {content:''; position:absolute; left:4px; top:12px; width:3px; height:3px; background:#222; border-radius:50%;}

.conPolicy {position:relative; margin-top:100px;}
.conPolicy .pTitle {color:#222; font-size:24px; font-weight:700; margin-bottom:40px;}
.conPolicy .terms {height:360px; overflow:hidden; overflow-y:auto; background:#F8F8F8; color:#222; font-size:16px; font-weight:400; line-height:1.4; padding:40px 32px;}
.conPolicy .terms .h2 {font-weight:700; margin-bottom:10px; font-size:20px;}
.conPolicy .terms .title {font-weight:700; margin-bottom:10px;}
.conPolicy .terms .desc {line-height:1.4; margin-bottom:40px;}

.conPolicy .terms h2 {font-size: 20px; font-weight:700; color: #2c3e50; margin-top: 30px; margin-bottom: 15px; border-bottom: 2px solid #eee; padding-bottom: 10px;}
.conPolicy .terms h3 {font-size: 18px; font-weight:600; color: #34495e; margin-top: 25px; margin-bottom: 10px;}
.conPolicy .terms p {margin-bottom: 10px;}
.conPolicy .terms ol, ul {padding-left: 10px; margin: 10px 0;}
.conPolicy .terms li {margin-bottom: 0px; line-height:1.6;}
.conPolicy .terms strong {font-weight: bold; color: #2980b9;}

.conPrice {position:relative;}

.pBtns {display:flex; justify-content:center; align-items:center; gap:16px; margin-top:80px;}
.pBtns a {display:block; padding:24px 40px; color:#222; font-size:20px; font-weight:500; border:1px solid #222; border-radius:100px; transition:.4s all;}
.pBtns a:hover {background:#222; color:#FFF;}

.resPriceSec {position:relative;}
.resPriceSec .rTyTab {display:flex; justify-content:center; align-items:center; gap:16px; margin-bottom:80px;}
.resPriceSec .rTyTab .tabMenu {display:inline-block;}
.resPriceSec .rTyTab .tabMenu a {display:block; padding:14px 25px; border:1px solid #222; border-radius:100px; color:#222; font-size:16px; font-weight:500; transition:.4s all;}
.resPriceSec .rTyTab .tabMenu a:hover {background:#f8f8f8;}
.resPriceSec .rTyTab .tabMenu a.on {background:#222; color:#FFF;}

.itemBox {position:relative; margin-top:40px;}
.itemBox .itemTitle {color:#222; font-size:24px; font-weight:700; margin-bottom:16px; display:flex; justify-content:flex-start; align-items:center; gap:4px;}
.itemBox .itemTitle:before {content:''; width:24px; height:24px; background:url(../img/ico_item.svg) no-repeat 50% 50%; background-size:100%;}
.itemBox li {display:block; color:#222; font-size:18px; font-weight:400; line-height:1.4; position:relative; padding-left:28px; margin-bottom:8px;}
.itemBox li:last-child {margin-bottom:0;}
.itemBox li:after {content:''; position:absolute; left:10px; top:10px; width:4px; height:4px; background:#D9D9D9; border-radius:50%;}
.itemBox.package {margin-top:80px;}
.itemBox.package .itemTitle {margin-bottom:40px;}

.packInfo {display:flex; justify-content:flex-start; align-items:stretch; border:1px solid #ddd;}
.packInfo .perInfo {display:block; width:33.33334%; border-right:1px solid #ddd;}
.packInfo .perInfo:last-child {border-right:0;}
.packInfo .perInfo .title {padding:20px 0; color:#222; font-size:18px; font-weight:400; background:#F8F8F8; text-align:center; border-bottom:1px solid #ddd;}
.packInfo .perInfo .ipCon {padding:20px 0; color:#222; font-size:18px; font-weight:400; line-height:1.8; text-align:center;}
.raTxt {margin-top:16px; color:#222; font-size:16px; font-weight:400; position:relative; padding-left:16px;}
.raTxt em {position:absolute; left:0; top:0;}

/* signature Care */
.signatureCont {position:relative; width:100%; max-width:1440px; margin:0 auto; padding-top:80px; border-top:1px dashed #ddd;}
.signatureCont .signItems {position:relative;}
.signatureCont .raTxt {margin-top:16px; color:#222; font-size:14px; font-weight:400; line-height:1.4; padding-left:12px;}
.signatureCont .raTxt em {position:absolute; left:0; top:0;}
.sgTitle {color:#222; font-size:40px; font-weight:600; margin-bottom:40px; font-family:"Figtree", sans-serif;}
.headSign {display:flex; justify-content:flex-start; align-items:center; margin-bottom:100px;}
.headSign .imgSec {width:50%; height:794px; border-radius:0 380px 380px 0; overflow:hidden; position:relative;}
.headSign .imgSec .logo {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:266px; height:266px;}
.headSign .imgSec .logo.spa {background:url(../img/spa_logo.svg) no-repeat 50% 50%; background-size:100%; z-index:1;}
.headSign .imgSec .logo.moms {background:url(../img/moms_logo.svg) no-repeat 50% 50%; background-size:100%; z-index:1;}
.headSign .imgSec img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
.headSign .txtSec {width:100%; max-width:720px;}
.headSign .txtSec .inner {padding-left:14%;}
.headSign .txtSec .inner .title {color:#222; font-size:40px; font-weight:800; line-height:1.3;}
.headSign .txtSec .inner .title.figtree {font-weight:600;}
.headSign .txtSec .inner .desc {margin-top:40px; color:#222; font-size:20px; font-weight:500; line-height:1.8;}
.headSign.reverse {flex-direction:row-reverse;}
.headSign.reverse .imgSec {border-radius:380px 0 0 380px;}
.headSign .txtSec .inner .title.about {font-size:76px; font-weight:600;}

.eduList {display:flex; justify-content:flex-start; align-items:stretch; gap:56px 24px; flex-wrap:wrap;}
.eduList .perEdu {width:calc(33.33334% - 16px);}
.eduList .perEdu .thumb {position:relative; border-radius:0 0 48px 0; overflow:hidden;}
.eduList .perEdu .thumb:after {content:''; display:block; height:auto; padding-bottom:65%;}
.eduList .perEdu .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
.eduList .perEdu .txt {margin-top:16px; text-align:center; color:#222; font-size:20px; font-weight:500; line-height:1.3;}
.eduList .perEdu .txt span {display:block; font-size:14px; font-weight:400;}

.programCont {position:relative; margin-top:100px;}
.programCont:first-child {margin-top:0;}
.programCont .inItem {display:flex; justify-content:flex-start; align-items:flex-start; gap:40px;}
.programCont .inItem .imgSec {width:36%; border-radius:0 0 140px 0; overflow:hidden; flex:0 0 auto;}
.programCont .inItem .txtSec .proMidTitle {color:#222; font-size:24px; font-weight:800;}
.programCont .inItem .txtSec .proMidDesc {color:#222; font-size:18px; font-weight:600; margin-top:10px;}
.programCont .inItem .txtSec .txt {color:#222; font-size:18px; font-weight:400; line-height:1.6; margin:24px 0;}
.programCont .inItem .txtSec .txt.eng {margin:0;}

.coatchBox {display:flex; justify-content:flex-start; align-items:flex-start; gap:70px; margin-top:100px;}
.coatchBox .imgSec {width:250px;}
.coatchBox .imgSec .coatchPhoto {position:relative;}
.coatchBox .imgSec .coatchPhoto:after {content:''; display:block; height:auto; padding-bottom:100%;}
.coatchBox .imgSec .coatchPhoto:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#E0D9C0; border-radius:50%;}
.coatchBox .imgSec .coatchPhoto img {position:absolute; left:50%; bottom:0; transform:translate(-50%, 0); width:180px; height:auto;}
.coatchBox .imgSec .name {margin-top:12px; text-align:center; color:#222; font-size:18px; font-weight:400;}
.coatchBox .txtSec {flex:1 0 auto;}
.coatchBox .txtSec .tGreet {display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:32px;}
.coatchBox .txtSec .tGreet .txt {color:#222; font-size:18px; font-weight:600; line-height:1.6;}
.coatchBox .txtSec .tGreet a {display:flex; justify-content:center; align-items:center; gap:4px; padding:14px 25px; color:#222; font-size:16px; font-weight:500; border:1px solid #ddd; border-radius:100px; transition:.4s all;}
.coatchBox .txtSec .tGreet a:before {content:''; width:24px; height:24px; background:url(../img/ico_tel.svg) no-repeat 50% 50%; background-size:100%;}
.coatchBox .txtSec .tGreet a:hover {border:1px solid #222;}
.coatchBox .txtSec ul {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:12px;}
.coatchBox .txtSec li {display:block; padding-left:14px; color:#222; font-size:18px; font-weight:400; position:relative; line-height:1.4;}
.coatchBox .txtSec li:after {content:''; position:absolute; left:0; top:10px; width:4px; height:4px; background:#D9D9D9; border-radius:50%;}
.coatchBox .txtSec .depart {display:flex; justify-content:flex-start; align-items:flex-start;}
.coatchBox .txtSec .depart ul {width:40%;}

.signBtns {display:flex; justify-content:space-between; align-items:center; padding-top:80px; border-top:1px dashed #ddd; width:100%; max-width:1440px; margin:80px auto 0;}
.signBtns a.btnOther {display:flex; justify-content:flex-start; align-items:center; color:#666; font-size:18px; font-weight:400; gap:8px; transition:.3s all;}
.signBtns a.btnOther.prev:before {content:''; width:34px; height:34px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); transition:.3s all;}
.signBtns a.btnOther.next:after {content:''; width:34px; height:34px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; transition:.3s all;}
.signBtns a.btnOther.prev:hover {color:#222;}
.signBtns a.btnOther.next:hover {color:#222;}
.signBtns a.btnOther.prev:hover:before {background-size:260%; background-position:right 50%;}
.signBtns a.btnOther.next:hover:after {background-size:260%; background-position:right 50%;}
.signBtns a.btnCta {display:block; padding:24px 40px; border:1px solid #222; border-radius:100px; color:#222; font-size:20px; font-weight:500; transition:.4s all;}
.signBtns a.btnCta:hover {background:#222; color:#FFF;}

.svrBi {position:relative; width:100%; max-width:465px;}

/* Exclusive Stay */
.stayGallery {position:relative; width:100%; overflow:hidden;}
.stayGallery .stayRolling.swiper-container {cursor: grab;}
.stayGallery .stayRolling .swiper-wrapper {align-items:flex-end;}
.stayGallery .stayRolling .swiper-slide {display:block; width:452px; height:794px;}
.stayGallery .stayRolling .swiper-slide img {position:absolute; left:0; bottom:0; border-radius:72px 0 0 0; transition: border-radius 0.4s ease;}
.stayGallery .stayRolling .swiper-slide.swiper-slide-active {width:1196px;}
.stayGallery .stayRolling .swiper-slide.swiper-slide-active img {border-radius:0 380px 0 0;}
.stayGallery .stayRolling .swiper-slide.exp img {border-radius:0 72px 0 0;}
.stayGallery .stayRolling .swiper-slide.exp.swiper-slide-active img {border-radius:380px 0 0 0;}

.stayGallery .roomType {position:absolute; left:1228px; top:0; width:calc((100% - 1196px) - 32px); padding:80px 0 0 0; height:calc(100% - 352px); z-index:10;}
.stayGallery .roomType .inner {height:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column;}
.stayGallery .roomType .roomInfo {position:relative;}
.stayGallery .roomType .roomInfo .rType {color:#222; font-weight:800; font-size:40px; margin-bottom:30px;}
.stayGallery .roomType .roomInfo .rTypeSub {color:#222; font-size:20px; font-weight:400; line-height:1.6;}
.stayGallery .roomType .rollingFunc {display:flex; justify-content:center; align-items:center; gap:0px;}
.stayGallery .roomType .rollingFunc .stay-prev {width:60px; height:60px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); cursor:pointer; flex:0 0 auto;}
.stayGallery .roomType .rollingFunc .stay-next {width:60px; height:60px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; flex:0 0 auto;}
.stayGallery .roomType .rollingFunc .stay-pagination {font-size:18px; font-weight:500; color:#222; display:flex; justify-content:center; align-items:center; gap:5px; width:58px;}
.stayGallery .roomType .rollingFunc .stay-pagination .swiper-pagination-current {font-weight:700;}
.stayGallery .roomType.exp {left:unset; right:1228px; top:0; width:calc((100% - 1196px) - 32px); padding:80px 0 0 0; height:calc(100% - 352px); z-index:10;}
.stayGallery .roomType.exp {left:calc(50% - 360px); top:0; transform:translate(-50%, 0); height:auto; z-index:1;}
.stayGallery .roomType.exp .inner {padding-top:320px;}
.stayGallery .roomType.exp .rollingFunc .stay-prev {width:60px; height:60px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); cursor:pointer; flex:0 0 auto;}
.stayGallery .roomType.exp .rollingFunc .stay-next {width:60px; height:60px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; flex:0 0 auto;}

.stayCont {position:relative; padding-top:120px;}
.stayCont .inner {width:100%; max-width:1440px; margin:0 auto;}
.stayCont .perStayCont {display:flex; justify-content:flex-start; align-items:flex-start; width:100%; gap:30px; margin-bottom:120px;}
.stayCont .perStayCont .psTitle {color:#222; font-size:40px; font-weight:800; width:calc(33% - 30px); flex:0 0 auto;}
.stayCont .perStayCont .psCont {width:calc(100% - 33%);}
.stayCont .perStayCont .psCont .psConcept {color:#222; font-size:30px; font-weight:500; line-height:1.5; margin-bottom:40px;}
.stayCont .perStayCont .psCont .psDesc {color:#222; font-size:20px; font-weight:400; line-height:1.5;}
.stayCont .perStayCont .psCont .cauTxt {margin-top:16px; color:#999; font-size:16px; line-height:1.3; display:flex; justify-content:flex-start; align-items:flex-start; gap:5px;}
.stayCont .perStayCont .psCont ul {display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:5px 0;}
.stayCont .perStayCont .psCont ul li {display:block; padding-left:18px; color:#222; font-size:20px; font-weight:500; line-height:1.5; position:relative; width:50%;}
.stayCont .perStayCont .psCont ul li:after {content:''; position:absolute; left:0; top:12px; width:4px; height:4px; background:#222; border-radius:50%;}
.stayCont .perStayCont .psCont ul.single li {width:100%;}
.stayCont .perStayCont .sItems {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap;}
.stayCont .perStayCont .sItems.fix {margin-top:56px;}
.stayCont .perStayCont .sItems .perItem {width:calc(25% - 18px); background:#F8F8F8; border-radius:32px; padding:56px 0; text-align:center;}
.stayCont .perStayCont .sItems .perItem .ico {display:block; width:70px; height:70px; margin:0 auto;}
.stayCont .perStayCont .sItems .perItem .txt {color:#222; font-size:20px; font-weight:500; line-height:1.4; margin-top:24px;}

/* Stay Exprience */
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height:auto !important;}
#lnbNav {position:fixed; right:48px; top:50%; transform:translate(0, -50%); z-index:150; display:flex; justify-content:flex-start; align-items:flex-start; gap:20px; flex-direction:column; opacity:1.0; transition:.4s all;}
#lnbNav li {position:relative;}
#lnbNav li a {display:block; width:10px; height:10px; border-radius:50%; border:2px solid #FFF; background:transparent; text-indent:-9999px;}
#lnbNav li.active a {background:#FFF;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {display:none;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {display:none;}

#lnbNav.gray {opacity:0;}

.section {position:relative;}
.section .secDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4);}
.section.lounge01 {background:url(../img/exp_lounge01.jpg) no-repeat center/cover; background-size:cover;}
.section.lounge02 {background:url(../img/exp_lounge02.jpg) no-repeat center/cover; background-size:cover;}
.section.lounge03 {background:url(../img/exp_lounge03.jpg) no-repeat center/cover; background-size:cover;}
.section.lounge04 {background:url(../img/exp_lounge04.jpg) no-repeat center/cover; background-size:cover;}

.section.spa01 {background:url(../img/exp_spa01.jpg) no-repeat center/cover; background-size:cover;}
.section.spa02 {background:url(../img/exp_spa02.jpg) no-repeat center/cover; background-size:cover;}
.section.spa03 {background:url(../img/exp_spa03.jpg) no-repeat center/cover; background-size:cover;}
.section.spa04 {background:url(../img/exp_spa04.jpg) no-repeat center/cover; background-size:cover;}

.section.baby01 {background:url(../img/exp_baby01.jpg) no-repeat center/cover; background-size:cover;}
.section.baby02 {background:url(../img/exp_baby02.jpg) no-repeat center/cover; background-size:cover;}
.section.baby03 {background:url(../img/exp_baby03.jpg) no-repeat center/cover; background-size:cover;}

.section.infant01 {background:url(../img/exp_infant01.jpg) no-repeat center/cover; background-size:cover;}
.section.infant02 {background:url(../img/exp_infant02.jpg) no-repeat center/cover; background-size:cover;}
.section.infant03 {background:url(../img/exp_infant03.jpg) no-repeat center/cover; background-size:cover;}
.section.infant04 {background:url(../img/exp_infant04.jpg) no-repeat center/cover; background-size:cover;}

.section.garden01 {background:url(../img/exp_garden01.jpg) no-repeat center/cover; background-size:cover;}
.section.garden02 {background:url(../img/exp_garden02.jpg) no-repeat center/cover; background-size:cover;}

.section .mSec.m06 {background:#000 url(../img/bg_main_footer.jpg) no-repeat center/cover; background-size:cover;}
.section.slideSec {background:#FFFEFB;}
.section.slideSec .fp-tableCell {vertical-align:bottom;}

.floatTitleSec {position:fixed; left:calc(50% - 360px); top:20%; transform:translate(-50%, 0); width:100%; max-width:720px; height:auto; z-index:1; border:0px solid #FFF; transition: opacity 0.3s ease; opacity:1.0; pointer-events: none;}
.floatTitleSec.hidden {opacity:0;}
.floatTitleSec.shown {opacity:1;}
.floatTitleSec h2 {color:#FFF; font-size:80px; font-weight:600; margin-bottom:16px; opacity:0; display:none; transition:.8s all;}
.floatTitleSec .subTitle {color:#FFF; font-size:28px; font-weight:600; line-height:1.5; margin-bottom:20px; opacity:0; display:none; transition:.8s all;}
.floatTitleSec h2.blk {color:#222;}
.floatTitleSec .subTitle.blk {color:#222;}
.floatTitleSec .ftDesc {color:#FFF; font-size:20px; font-weight:400; line-height:1.4; margin-bottom:28px; opacity:0; display:none; transition:.8s all;}
.floatTitleSec .ftDesc:last-child {margin-bottom:0;}

/* about us */
.aboutTxtDeco {position:relative; margin-bottom:100px;}
.aboutTxtDeco .flowTxt {color:rgba(255, 255, 255, 0);   -webkit-text-stroke: 1px rgba(0, 0, 0, 0.25); position:relative; display:block; padding:0 20px;}
.aboutTxtDeco .flowTxt.top {left:unset; bottom:unset; text-align:left;}
.aboutTxtDeco .flowTxt.bottom {right:unset; bottom:unset; text-align:right;}

.contactCont {position:relative;}
.contactCont .inner {position:relative; width:100%; max-width:1440px; margin:0 auto;}
.contactCont .mapCont {position:relative; border:1px solid #ddd;}
.contactCont .mapInfo {display:flex; justify-content:space-between; align-items:center; padding:56px 0; border-bottom:1px solid #ddd;}
.contactCont .mapInfo .txtSec {display:block;}
.contactCont .mapInfo .txtSec .address {color:#222; font-size:20px; font-weight:500; margin-bottom:5px;}
.contactCont .mapInfo .txtSec .teleInfo {display:flex; justify-content:flex-start; align-items:center; gap:12px;}
.contactCont .mapInfo .txtSec .teleInfo span {color:#222; font-size:16px; line-height:1.2;}
.contactCont .mapInfo .txtSec .teleInfo a {display:block; color:#222; font-size:40px; font-weight:600;}
.contactCont .mapInfo .mapFunc {display:flex; justify-content:flex-start; align-items:stretch; gap:12px;}
.contactCont .mapInfo .mapFunc .perFunc {width:80px; height:80px; border:1px solid #222; padding:8px 12px 14px;}
.contactCont .mapInfo .mapFunc .perFunc .ico {display:block; width:34px; height:34px; margin:0 auto 10px;}
.contactCont .mapInfo .mapFunc .perFunc .ico img {width:34px; height:34px;}
.contactCont .mapInfo .mapFunc .perFunc .txt {color:#222; font-size:16px; line-height:1.0; text-align:center;}

.contactCont .trafficInfo {position:relative; margin-top:56px;}
.contactCont .trafficInfo .perTraffic {display:flex; justify-content:flex-start; align-items:flex-start; gap:20px; margin-bottom:80px;}
.contactCont .trafficInfo .perTraffic:last-child {margin-bottom:0;}
.contactCont .trafficInfo .perTraffic .wayTo {display:flex; justify-content:flex-start; align-items:center; gap:8px; position:relative; color:#222; font-size:28px; font-weight:700; width:calc(23% - 20px);}
.contactCont .trafficInfo .perTraffic .wayTo:before {content:''; width:34px; height:34px;}
.contactCont .trafficInfo .perTraffic .wayTo.subway:before {background:url(../img/ico_subway.svg) no-repeat 50% 50%; background-size:100%;}
.contactCont .trafficInfo .perTraffic .wayTo.bus:before {background:url(../img/ico_bus.svg) no-repeat 50% 50%; background-size:100%;}
.contactCont .trafficInfo .perTraffic .wayTo.car:before {background:url(../img/ico_car.svg) no-repeat 50% 50%; background-size:100%;}
.contactCont .trafficInfo .perTraffic .wayTo.parking:before {background:url(../img/ico_parking.svg) no-repeat 50% 50%; background-size:100%;}
.contactCont .trafficInfo .perTraffic .wayCont {width:77%;}
.contactCont .trafficInfo .perTraffic .wayCont ul {display:flex; justify-content:flex-start; align-items:flex-start; gap:12px; flex-direction:column;}
.contactCont .trafficInfo .perTraffic .wayCont ul li {display:flex; justify-content:flex-start; align-items:flex-start; width:100%; gap:12px; position:relative;}
.contactCont .trafficInfo .perTraffic .wayCont ul li .item {width:162px; padding:9px 0; border-radius:100px; text-align:center; color:#FFF; font-size:20px; font-weight:700; flex:0 0 auto;}
.contactCont .trafficInfo .perTraffic .wayCont ul li .item.sub05 {background:#75179E;}
.contactCont .trafficInfo .perTraffic .wayCont ul li .item.busTy01 {background:#3659B5;}
.contactCont .trafficInfo .perTraffic .wayCont ul li .item.busTy02 {background:#51BF29;}
.contactCont .trafficInfo .perTraffic .wayCont ul li .item.busTy03 {background:#A37455;}
.contactCont .trafficInfo .perTraffic .wayCont ul li .item.air {background:#24AAE3;}
.contactCont .trafficInfo .perTraffic .wayCont ul li .ipCon {color:#222; font-size:20px; font-weight:500; line-height:1.4; margin-top:9px;}
.contactCont .trafficInfo .perTraffic .wayCont ul li .ipCon .bar {display:inline-block; position:relative; margin-right:8px; padding-right:12px;}
.contactCont .trafficInfo .perTraffic .wayCont ul li .ipCon .bar:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:14px; background:#222;}
.contactCont .trafficInfo .perTraffic .wayCont ul li em.n05 {color:#75179E; font-weight:700;}
.contactCont .trafficInfo .perTraffic .wayCont ul li em.blue {color:#3659B5; font-weight:700;}
.contactCont .trafficInfo .perTraffic .wayCont ul li em.green {color:#51BF29; font-weight:700;}
.contactCont .trafficInfo .perTraffic .wayCont ul li em.blk {color:#000; font-weight:700;}
.contactCont .trafficInfo .perTraffic .wayCont ul li strong {font-weight:700; margin-right:5px;}
.contactCont .trafficInfo .perTraffic .wayCont ul.single {margin-bottom:30px;}
.contactCont .trafficInfo .perTraffic .wayCont ul.single:last-child {margin-bottom:0px;}
.contactCont .trafficInfo .perTraffic .wayCont ul.single li {padding-left:12px; color:#222; font-size:20px; font-weight:500; line-height:1.4; display:flex; justify-content:flex-start; align-items:center; gap:0;}
.contactCont .trafficInfo .perTraffic .wayCont ul.single li:before {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#222; border-radius:50%;}
.contactCont .trafficInfo .perTraffic .wayCont ul.single li span.ar {display:flex; justify-content:flex-start; align-items:center; gap:0;}
.contactCont .trafficInfo .perTraffic .wayCont ul.single li span.ar:after {content:''; width:30px; height:14px; background:url(../img/ar_map.svg) no-repeat 50% 50%; background-size:auto 12px;}
.contactCont .trafficInfo .perTraffic .wayCont ul.single li span.ar:last-child:after {display:none;}

.doVodSec {position:relative; width:100%; max-width:1440px; margin:0 auto 100px; padding-top:50px;}
.doVodSec .vodMenu {position:relative; display:flex; justify-content:center; align-items:center; gap:40px; margin-bottom:50px;}
.doVodSec .vodMenu a {display:block; color:#999; font-size:30px; font-weight:500; position:relative;}
.doVodSec .vodMenu a:after {content:''; position:absolute; left:50%; transform:translate(-50%, 0); bottom:-4px; width:0; height:2px; background:#000; opacity:0; transition:.4s all;}
.doVodSec .vodMenu a.on {color:#222; font-weight:700;}
.doVodSec .vodMenu a.on:after {width:100%; opacity:1.0;}
.doVodSec .tabCont {position:relative; border-radius:60px; overflow:hidden; display:none;}
.doVodSec .tabCont .playerWrap {position:relative;}
.doVodSec .tabCont .playerWrap:after {content:''; display:block; height:auto; padding-bottom:56.25%;}
.doVodSec .tabCont .playerWrap iframe {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}

.mSec.m06 .inner .vodMenu {margin-left:10px;}
.mTitleSec .vodMenu {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:20px; margin-top:20px;}
.mTitleSec .vodMenu a {display:block; color:#FFF; font-size:16px; font-weight:500; position:relative; opacity:0.6; transition:.4s all;}
.mTitleSec .vodMenu a:after {content:''; position:absolute; left:50%; transform:translate(-50%, 0); bottom:-5px; width:100%; height:1px; background:#FFF;}
.mTitleSec .vodMenu a:hover {opacity:1.0;}

.linkDetail {pointer-events:none; cursor:default;}