@import url(https://fonts.googleapis.com/css2?family=Gabriela&family=Gowun+Dodum&family=Nanum+Gothic&family=Purple+Purse&family=Smythe&display=swap);.popup{background-color:#d6d4c6;bottom:0;box-sizing:border-box;font-family:Nanum Gothic;height:auto;left:0;padding-top:.5%;position:fixed;right:0;width:100vw;z-index:999}.img{margin-bottom:0;position:relative;z-index:-9}.img,.img img{object-fit:cover}.img img{animation:margin-left 2s .2s;margin-left:0;max-height:88vh;object-position:center;width:50%}@keyframes margin-left{0%{filter:blur(5px);margin-left:50%}}.title{font-size:4.5vw;top:30%}.content,.title{animation:move 3s .5s;left:60%;margin:0;position:absolute;white-space:pre-wrap;white-space:nowrap;z-index:1}.content{font-size:3vw;top:60%}@keyframes move{0%{display:inline-block;left:100%;white-space:nowrap}}.checkbox{align-items:center;display:inline-flex;float:right}.checkbox>label,input{cursor:pointer;display:flex}.pop-close{background:none;border:0;color:#000;cursor:pointer;font-size:100%}.pop-close span{background:#000;display:block;height:.1vw;margin:.5vw;transform:rotate(45deg);width:2.5vh}.pop-close span:first-child{transform:rotate(45deg) translate(.2vw) translateY(.2vw)}.pop-close span:nth-child(2){transform:rotate(-45deg) translate(.2vw) translateY(-.2vw)}.about{background-color:#d6d4c6;height:100%;padding-bottom:50vh;position:relative}.scroll.on{opacity:1}.parallax{height:100%;width:100vw}.scroll{opacity:.5;padding-top:10%}.scroll:first-child{animation:top 2s cubic-bezier(.68,-.6,.32,1.6)}.scroll img{min-height:70vw!important;object-fit:cover;width:50vw}.about1{animation:top 2s cubic-bezier(.68,-.6,.32,1.6);padding-left:40%;padding-top:20%}@keyframes top{0%{padding-top:50%}}.about2{margin-top:20%;padding-left:20%}.about3{margin-top:20%;padding-left:45%}.about4{margin-top:20%;padding-left:10%}.about5{margin-top:20%;padding-left:25%}.store{font-size:50vh;height:100%;left:0;position:relative;top:7vh;width:100vw}.store1{animation:left 2s cubic-bezier(.68,-.6,.32,1.6);bottom:27%;color:#6f9065;display:inline;font-family:Smythe;left:80%;letter-spacing:.7vw;position:fixed;text-shadow:0 0 5px #fff;white-space:nowrap}@keyframes left{0%{left:100%}}.store2{bottom:7%;color:#6f9065;font-family:Smythe;left:120%;letter-spacing:.7vw;position:fixed;text-shadow:0 0 5px #fff;white-space:nowrap}.introduce{background:#6f9065;bottom:5vh;color:#fff;font-family:Nanum Gothic;font-size:2.5vw;padding:1.5vw 0;position:fixed;width:100%;z-index:1}@media screen and (max-width:1300px){.store{font-size:40vw}}@media screen and (max-width:800px){.introduce{font-size:5vw;width:200%}.introduce_ani{animation:introduce1 12s linear infinite}.store{font-size:35vw}}@media screen and (max-width:300px){.introduce{font-size:5vw;width:200%}.store{font-size:20vw}}.introduce_ani{animation:introduce1 8s linear infinite;display:flex;left:0;margin:0;padding:0}.introduce_ani,.introduce_ani li{position:relative;white-space:nowrap}.introduce_ani li{box-sizing:border-box;flex-shrink:0;list-style:none;padding-left:10%;width:120%}@keyframes introduce1{to{left:-120%}}.contact{font-family:Nanum Gothic;margin:auto;padding:10% 5%}.inform{font-size:2vw;opacity:0;text-align:center;transform:translateY(100%);transition:.3s ease-in-out .1s;white-space:nowrap}.inform.on{opacity:1;transform:translateY(0)}@media screen and (max-width:1000px){.inform{font-size:3vw}.layout{font-size:2vw!important}.icon a>*{height:10vw;width:10vw}}@media screen and (max-width:700px){.inform{font-size:4vw}.layout{display:block!important;font-size:4vw!important}}.layout{align-items:center;display:flex;font-size:1.5vw;justify-content:space-evenly;margin:5% 5% 0;opacity:0;transform:translateY(-10%);transition:.3s ease-in-out .5s}.layout.on{opacity:1;transform:translateY(0)}section{margin:1%;text-align:center}.key{font-weight:700}address{display:inline;white-space:nowrap}.map iframe{height:50vw;width:50vw}.insta{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-radius:10%;color:#fff;margin-right:5%}body,html{margin:0;padding:0;width:100%}#root{height:100%;overflow-x:hidden;position:relative}#top_area{display:block;height:1vw;width:100%}header{align-items:center;background:#fff;display:flex;height:7vw;justify-content:space-between;position:fixed;top:0;width:100%;z-index:99}.show{animation:show 1.5s ease;background:#6f9065;height:100vh;position:absolute;top:-100%;width:100vw;z-index:9999}@keyframes show{0%{top:0}to{top:100%}}.logo{align-items:center}.logo_img{cursor:pointer;padding:0 1vh;width:5vw;z-index:9}.ham{cursor:pointer;transition:.4s;z-index:999}.ham span{background:#000;display:block;height:.3vh;margin:1vh;transition:all .4s ease-out;width:5vh}@media (hover:hover){.ham:hover span:nth-child(2){background:none}}.ham.on span:first-child{transform:rotate(45deg) translateY(.5vh) translateX(.5vh)}.ham.on span:nth-child(2){display:none}.ham.on span:nth-child(3){transform:rotate(-45deg) translateX(.5vh) translateY(-.5vh)}.ham.on{animation:right 1s ease-in-out;cursor:pointer}@keyframes right{to{right:100%}}.ham.on:hover{transform:rotate(1turn)}@media screen and (max-width:1000px){.top_area{height:100px}.logo_img{height:auto;max-width:10vw}.ham span{height:.3vw;margin:1vw;width:5vw}.ham.on span:first-child{transform:rotate(45deg) translateY(.5vw) translateX(.5vw)}.ham.on span:nth-child(3){transform:rotate(-45deg) translateX(.5vw) translateY(-.5vw)}}@media screen and (max-width:400px){.logo_img{height:auto;max-width:10vw}.ham span{height:.6vw;margin:2vw;width:10vw}.ham.on span:first-child{transform:rotate(45deg) translateY(1vw) translateX(1vw)}.ham.on span:nth-child(3){transform:rotate(-45deg) translateX(1vw) translateY(-1vw)}}main{display:block;height:100%;width:100%}main video{bottom:0;height:calc(100vh - 10px);object-fit:cover;object-position:50% 50%;width:100vw}footer{display:block;height:100%;width:100%}.menubox{background:#6f9065;color:#000;display:none;height:70%;left:50%;overflow:hidden;position:fixed;text-align:center;top:55%;transform:translate(-50%,-50%);width:80%;z-index:99}.name{display:inline-block;height:100%;mix-blend-mode:overlay;width:20%}.menuEname{color:#000;font-family:Smythe;font-size:6vw;left:14%;letter-spacing:.3vw;position:absolute;text-overflow:ellipsis;top:90%;transform:rotate(-90deg);transform-origin:left top}@media screen and (max-width:1700px){.menuEname{font-size:4vw;left:16%;top:90%}}@media screen and (max-width:700px){.menuEname{font-size:4vw;left:16%;top:90%}}@media screen and (max-width:400px){.menuEname{font-size:12vw;left:9%;top:90%}}.menucontent{background:#d4795f57;background-blend-mode:darken;float:right;height:100%;width:80%}.menuimg{float:right}.menuimg,.menuimg img{height:100%;opacity:1;width:100%}.menuimg img{object-fit:cover}.menutxt{bottom:50%;display:none;font-family:Nanum Gothic;font-size:2vw;font-weight:700;right:0;white-space:pre-wrap;width:80%}.close,.menutxt{color:#000;position:absolute}.close{background-color:initial;border:none;cursor:pointer;left:1vw;top:1vh;z-index:1}.close span{background:#000;display:block;height:.1vw;margin:.5vw;transform:rotate(45deg);width:2.5vh}.close span:first-child{transform:rotate(45deg) translate(.2vw) translateY(.2vw)}.close span:nth-child(2){transform:rotate(-45deg) translate(.2vw) translateY(-.2vw)}h2{font-family:Smythe;font-size:5vw;letter-spacing:.5vw;margin-top:10vh;padding:5%;text-align:center}.menu{background:#d6d4c6;display:flex;flex-wrap:wrap;line-height:0;min-height:calc(100vh - 159px)}.menu>div{aspect-ratio:1/1;overflow:hidden;position:relative;vertical-align:bottom;width:50%}.menu>div:nth-child(2n){top:25vw}.menu a{display:block}.menu img{cursor:pointer;filter:contrast(120%);height:100%;object-fit:cover;position:absolute;width:100%}.menu img:hover{scale:1.3;transition:scale 1s}a{color:#000;text-decoration:none}.mbox{height:100vh;left:100%;position:absolute;top:0;transition:left 1.5s;width:100vw}.mbox.on{left:0;transition:left 1s}@media screen and (max-width:600px){.mlist{font-size:6vw!important}}.mlist{background-color:#6f9065;box-sizing:border-box;font-family:Smythe;font-size:4vw;height:100%;letter-spacing:.5vw;padding-top:20vh;position:absolute;text-align:center;top:0;width:30%}.mlist,.mlist.on{right:0}.mlist div{box-sizing:border-box;cursor:pointer;height:5vw;margin:10vh 5vw;text-align:center}@media (hover:hover){.mlist div:hover>span{transform:translateY(-5px) rotateX(-90deg);transform-origin:0 0;transform-style:preserve-3d;transition:transform .5s}.mlist div:hover a>span{animation:mlist-txt .7s ease;font-style:italic;opacity:1;text-transform:uppercase}}@keyframes mlist-txt{0%{margin-top:30%}to{margin-top:0}}.mlist div>span{cursor:pointer;margin-bottom:-23%;transform-origin:0 0}.mlist div a>span{opacity:0}.mlist span{display:block}.preview{background-color:#6f9065;height:100%;position:absolute;top:0;width:70%}.preview.on{left:0}.preview.off{overflow:hidden;position:fixed;transform:translateX(-300%);transition:transform 1.5s}.preview img{height:100%;position:absolute;width:70%}
/*# sourceMappingURL=main.ba9339cb.css.map*/