/* 
* @project  MUWAJADE
* @author   www.fave.kr
* @build    2025-02-27 10:23:22
 */ 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{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}button{background-color:transparent;border:none;cursor:pointer}@font-face{font-family:Pretendard;font-weight:900;font-display:swap;src:local("Pretendard ExtraBold"),url(../../resources/fonts/pretendard/Pretendard-ExtraBold.woff2) format("woff2"),url(../../resources/fonts/pretendard/Pretendard-ExtraBold.woff2) format("woff")}@font-face{font-family:Pretendard;font-weight:800;font-display:swap;src:local("Pretendard Bold"),url(../../resources/fonts/pretendard/Pretendard-Bold.woff2) format("woff2"),url(../../resources/fonts/pretendard/Pretendard-Bold.woff2) format("woff")}@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:local("Pretendard SemiBold"),url(../../resources/fonts/pretendard/Pretendard-SemiBold.woff2) format("woff2"),url(../../resources/fonts/pretendard/Pretendard-SemiBold.woff2) format("woff")}@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:local("Pretendard Medium"),url(../../resources/fonts/pretendard/Pretendard-Medium.woff2) format("woff2"),url(../../resources/fonts/pretendard/Pretendard-Medium.woff2) format("woff")}@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:local("Pretendard Regular"),url(../../resources/fonts/pretendard/Pretendard-Regular.woff2) format("woff2"),url(../../resources/fonts/pretendard/Pretendard-Regular.woff2) format("woff")}@font-face{font-family:Pretendard;font-weight:300;font-display:swap;src:local("Pretendard Light"),url(../../resources/fonts/pretendard/Pretendard-Light.woff2) format("woff2"),url(../../resources/fonts/pretendard/Pretendard-Light.woff2) format("woff")}@font-face{font-family:Optima LT Pro;font-weight:500;font-style:normal;font-display:swap;src:url(../../resources/fonts/OptimaLTPro-Roman.woff) format("woff")}*{box-sizing:border-box}body{font-family:Optima LT Pro,Pretendard;word-break:keep-all;--side-margin: 80px}.container{width:100%;height:100%}section{width:100%;height:200vh}.sticky{overflow:hidden;position:sticky;top:0;width:100%;height:100vh}.inwrap{overflow:hidden;width:100%;height:100%;padding:0 80px}img{display:block;max-width:100%}canvas{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999}.btn-menu{position:relative;width:24px;height:24px}.btn-menu span{display:block;position:absolute;top:15%;left:0;width:100%;height:2px;background-color:#fff}.btn-menu span:nth-child(2){top:50%;transform:translateY(-50%)}.btn-menu span:nth-child(3){top:auto;bottom:15%;width:75%}.header{position:fixed;top:-100px;left:0;z-index:9;width:100%;height:100px;padding:0 var(--side-margin);mix-blend-mode:difference;background:linear-gradient(4deg,#0000 3.01%,#0000000f 97.14%);backdrop-filter:blur(15px);transition:top .5s ease-in-out}.header.active{top:0}.header .inwrap{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;height:100%;padding:0;border-bottom:1px solid #fff}.header .logo{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:40px}.header .btn-menu{width:24px;height:24px}.header .btn-book{display:inline-flex;align-items:center;height:40px;padding:0 36px;border:1px solid #fff;font-size:12px;font-weight:700;color:#fff;line-height:1.3}.intro{position:relative;z-index:2;height:100vh;background-color:#000}.intro .video{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);height:246px}.intro video{width:100%;height:100%;object-fit:cover}.intro .scroll{position:absolute;bottom:0;left:50%;transform:translate3d(-50%,0,0);width:1px;height:75px;background-color:#333}.intro .scroll:after{content:"";position:absolute;top:0;left:0;width:100%;height:20%;background:#fff}.intro .scroll.active:after{animation:scroll 1s ease-in-out infinite}@keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(400%)}}.about{height:400vh;background-color:#000;color:#fff}.about .inwrap{display:flex;flex-direction:column;justify-content:space-between;position:relative;padding-top:160px;padding-bottom:100px}.about .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url(../../resources/images/about-bg.jpg) no-repeat center/cover;opacity:.5}.about .graphic{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:100vw;height:100vh}.about .date{font-family:Optima LT Pro;font-size:48px;font-weight:400}.about .title{font-family:Optima LT Pro;font-size:99px;font-weight:400;text-align:center}.about .meter{font-family:Optima LT Pro;font-size:24px;font-weight:400;text-align:right}.about .meter strong{font-size:48px}.story{height:850vh;background-color:#f2f2f2}.story .stories{display:flex;flex-direction:column;gap:160px;width:calc(100% - 525px);height:auto;padding-top:700px;padding-bottom:140px}.story .stories .item{display:flex;align-items:center;gap:80px}.story .stories .item2{justify-content:flex-end}.story .stories .item3{padding-left:148px}.story .stories .image{flex:none;width:440px;aspect-ratio:440/665}.story .stories .texts{display:flex;flex-direction:column;gap:40px;width:240px}.story .stories .texts .title{font-family:Optima LT Pro;font-size:32px;font-weight:400;letter-spacing:3.2px;line-height:1.6;text-transform:uppercase}.story .stories .texts .text{font-size:14px;font-weight:500;line-height:1.8;text-transform:uppercase;color:#6a6a6a}.story .viewmobile{position:absolute;top:0;left:0;z-index:2;width:100%;height:100vh;background:url(../../resources/images/viewmobile-bg.jpg) no-repeat center/cover}.story .viewmobile .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#1515151a;backdrop-filter:blur(20px)}.m-viewer{----bg-progress: 1;position:fixed;top:0;right:0;z-index:3;width:525px;height:100vh;perspective:1000px;transform:translateY(100vh)}.m-viewer.zoomout .m-header{opacity:1;visibility:visible}.m-viewer.zoomout .wrap{box-shadow:0 0 100px #00000080}.m-viewer.moveon .wrap{overflow:hidden;transition:box-shadow .5s ease-in-out,transform .1s ease-out;box-shadow:0 0 100px #000c}.m-viewer:not(.moveon) .wrap{transform:rotateX(0) rotateY(0)!important}.m-viewer .wrap{position:relative;width:100%;height:100%;background:#000;transform-style:preserve-3d;perspective:1000px;transition:box-shadow .5s ease-in-out,transform .3s ease-out}.m-viewer .m-header{display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;z-index:2;width:100%;height:100px;padding:0 20px;opacity:0;visibility:hidden;transition:opacity .3s ease-out}.m-viewer .m-header .logo{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:33px}.m-viewer .m-header .logo img{width:100%}.m-viewer .m-header .btn-menu span{height:1px}.m-viewer .m-header .btns{display:flex;gap:20px}.m-viewer .m-header .btns a{width:24px;height:24px}.m-viewer .m-header .btns img{width:100%}.m-viewer .m-contents{overflow:hidden;position:relative;flex:1;width:100%;height:100%;text-align:center}.m-viewer .m-contents .bg{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) rotate(-45deg);width:155%;aspect-ratio:1/1}.m-viewer .m-contents .bg:before{content:"";position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:1px;height:calc(100% * var(--bg-progress));background:#ffffff3d}.m-viewer .m-contents .bg:after{content:"";position:absolute;top:50%;left:50%;transform:translate3d(0,-50%,0);width:calc(50% * var(--bg-progress));height:1px;background:#ffffff3d}.m-viewer .m-contents .info{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:180px 0 170px}.m-viewer .m-contents .info .logo{height:123px}.m-viewer .m-contents .info video{height:100%}.m-viewer .m-contents .info .text{font-size:13px;font-weight:500;line-height:1.8;color:#f2f2f2}.m-viewer .m-contents .menu{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;bottom:calc(50% - 8px);left:50%;transform:translate3d(-50%,0,0);width:141px}.m-viewer .m-contents .menu nav{width:100%}.m-viewer .m-contents .menu ul{display:flex;flex-direction:column;gap:28px;width:100%}.m-viewer .m-contents .menu li{width:100%}.m-viewer .m-contents .menu li:last-child{margin-top:64px;position:relative;left:100%}.m-viewer .m-contents .menu a{font-size:16px;font-weight:500;line-height:.14;color:#fff;white-space:nowrap}.m-viewer .m-quick{position:absolute;bottom:0;left:0;width:100%;height:330px;background:#232323}.m-viewer .m-quick nav{width:100%;height:100%}.m-viewer .m-quick a{display:flex;justify-content:center;align-items:center;width:100%;font-size:14px;font-weight:500;line-height:1.8;color:#fff;line-height:1.4}.m-viewer .m-quick .box-top{display:flex;width:100%;height:241px}.m-viewer .m-quick .box-top div{display:flex;flex-direction:column;width:100%}.m-viewer .m-quick .box-top .btn-home{flex:none;width:344px;border-right:1px solid #464646}.m-viewer .m-quick .box-top .btn-book{flex:none;width:100%;height:143px;border-bottom:1px solid #464646}.m-viewer .m-quick .box-top .btn-service{height:100%}.m-viewer .m-quick .box-btt{display:flex;width:100%;height:89px;border-top:1px solid #464646}.m-viewer .m-quick .box-btt .btn-center{width:100%}.m-viewer .m-quick .box-btt .btn-help{flex:none;width:88px;background-color:#006544}
