body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{text-align:center;margin:0 auto;width:100%}.upbar{padding-top:10px;height:40px;background-color:#ca9f77;color:#fff;font-size:13pt}.normalcard{border-radius:10px;width:23vw;height:100px;box-shadow:0 0 5px grey;background-color:#fff;transition:box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-transform .2s}.page{width:90px;box-shadow:0 0 8px #ac7545;transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s,-webkit-transform 2s}.page,.selectedcard{height:100px;background-color:#fff;-webkit-transform:scale(.9);transform:scale(.9)}.selectedcard{width:23vw;border-radius:10px;box-shadow:0 0 8px #ca9f77;transition:box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-transform .2s}.cardname{border-radius:0 0 10px 10px;background-color:#d29f77;height:20px;margin-top:-4px;color:#fff;padding-top:5px;font-size:10pt}.step{margin-top:18px;background:#ca9f77;color:#fff;height:28px;width:60px;align-content:center;left:0;font-size:14pt}.step_question{margin-left:10px;color:#ca9f77}.name{background:#ca9f77;color:#fff;font-size:12pt}.btn{background:rgba(128,255,0,0);margin-top:10px;border:rgba(128,255,0,0)}.logo{border-radius:50px;width:200pt;height:200pt}.nextbtn{box-shadow:0 2px 5px #927878;margin:0 auto;background-color:#ca9f77;color:#fff;width:98vw;height:60px;border-radius:100px 100px 100px 100px}.nextbtn,.nextbtn:active{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.nextbtn:active{-webkit-transform:scale(.95);transform:scale(.95)}.qbox{box-shadow:0 2px 5px #919191;background-color:#fff}.qbox,.selectedqbox{margin:0 auto;color:#ca9f77;width:98vw;height:60px;border-radius:100px 100px 100px 100px;transition:background-color .2s,-webkit-transform .2s;transition:transform .2s,background-color .2s;transition:transform .2s,background-color .2s,-webkit-transform .2s}.selectedqbox{box-shadow:0 2px 5px #929292;background-color:#f3f3f3;-webkit-transform:scale(.9);transform:scale(.9)}.textinbox{margin-top:10px;font-size:15pt;padding-top:12pt}.box{margin:0 auto;width:98%;padding-left:2px}.grid{display:grid;grid-template-columns:23vw 23vw 23vw 23vw;grid-column-gap:2vw;-webkit-column-gap:2vw;column-gap:2vw;grid-row-gap:10px;row-gap:10px}.rankbox{padding-top:10px;padding-bottom:10px;width:97%;margin:0 auto;border:.5px solid #fff;background-color:#ca9f77}.borderimage{object-fit:contain;background-color:#fff;box-shadow:0 0 10px grey}.borderimage,.btnhoverrange{width:180px;height:180px;margin-top:15px;border-radius:100px}.btnhoverrange{background-color:#000;opacity:0}.rank{opacity:0}.hoverrank,.rank{transition:opacity .2s;font-size:auto;width:180px;height:107px;border-radius:0 0 100px 100px;margin-top:88px;color:#fff;background-image:linear-gradient(0deg,rgba(0,0,0,.76) 20%,rgba(0,0,0,0))}.hoverrank{-webkit-transition:-webkit-opacity .2s;opacity:1}.imgnamepad{padding-top:20px;font-size:12pt}.rankrowgrid{display:grid}.listrowgrid{margin-top:50px;grid-template-rows:300px 300px 300px;grid-row-gap:50px;row-gap:50px}.barrowgrid,.listrowgrid{display:grid;justify-items:center}.barrowgrid{grid-template-rows:0 50px 100px;grid-row-gap:0;row-gap:0}.rankcolgrid{display:grid;grid-template-columns:200px 200px;grid-column-gap:0;-webkit-column-gap:0;column-gap:0}.circlebox{margin-top:17px;background-color:#fff;width:130px;height:130px;border-radius:100px;box-shadow:0 0 10px grey}.coloredtext{font-size:15pt;color:#ca9f77}.tag{font-size:12pt;margin-top:-85px;color:#a0a0a0}.soolimg{width:75%;object-fit:contain}.anjooimg,.soolimg{border-radius:10px 10px 0 0;height:75%;background-color:#fff}.anjooimg{width:100%;object-fit:cover}.upc{margin-left:60px;margin-top:-100px}.zxc{margin-top:-20px;margin-left:80px;color:#fff;height:25px;width:40px;font-size:15pt}.tagbox,.zxc{background-color:#ca9f77}.tagbox{align-content:center;font-family:"Pretendard-Bold";border-radius:10px;margin-top:0;height:20px;width:110%}.circlebarbox{display:grid;grid-template-rows:1px 1px;grid-column-gap:3px;-webkit-column-gap:3px;column-gap:3px;grid-row-gap:10px;row-gap:10px}.circlebar{margin-top:2px;height:230px;width:230px;margin-left:-15px}.alchdo{position:absolute;margin-top:-242px;margin-left:103px;color:#464646}.chartdo{margin-top:-492px}.resultcol{margin:0 auto;width:750px;display:grid;grid-template-rows:1fr 1fr 1fr}.selectedcircle{margin:0 auto;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.selectedcircle,.unselectedcircle{width:250px;transition:opacity .2s,width .2s,-webkit-transform .2s;transition:opacity .2s,width .2s,transform .2s;transition:opacity .2s,width .2s,transform .2s,-webkit-transform .2s}.unselectedcircle{opacity:.5;-webkit-transform:scale(.5);transform:scale(.5)}.postbtn{margin-top:100px;box-shadow:0 2px 5px #927878;background-color:#ca9f77;color:#fff;width:400px;height:60px;border-radius:100px 100px 100px 100px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.taggrid{margin-top:30px;color:#fff;font-size:10pt;display:grid;grid-template-columns:repeat(3,minmax(50px,auto));grid-auto-rows:25px 25px 25px 25px;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;grid-row-gap:0;row-gap:0}.kakao-share-button{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.sharetxt{padding-top:20px;margin-top:10px}.kakao-share-button:active{-webkit-transform:scale(.95);transform:scale(.95)}.loading{padding-top:200px}.tastegrid{font-family:"Pretendard-Bold";margin-top:30px;color:#755034;display:grid;background-color:#ca9f77;grid-template-columns:70px 80px;grid-template-rows:1fr 1fr 1fr 1fr 1fr}.alchbox{padding-left:20px;margin:0 auto;width:400px;display:grid;grid-template-columns:150px 100px;grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px}.horibar{background-color:#632d63;padding-top:500px}.horibar,.recbox{width:100px;height:100px}.recbox{background-color:#ca9f77}.resultrow{padding-bottom:10px;background-color:#ca9f77}.fixedbtn,.resultrow{margin:0 auto;width:100%}.fixedbtn{color:#fff;background:#492e24;height:80px;display:grid;left:0;right:0;top:auto;bottom:0}.imgover{display:grid;grid-template-rows:0 0}@font-face{font-family:"Pretendard-Thin";src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:"Pretendard-Bold";src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal}.new_top{display:grid;height:100vh;margin:0 auto;width:100%;grid-template-rows:60vh 20vh;background-color:#d29d70}.first_container{margin:0 auto;width:98%}.first_first_container{display:inline-block;vertical-align:top;height:300px;width:100%;margin-top:1%;border:.5px solid #fff;display:grid;grid-template-rows:50px 50px 100px 50px 50px}.headline{font-family:"Pretendard-Bold";text-align:left;margin-left:2%;color:#fff;margin-top:5px;font-size:40px}.emptybox{height:100px}.sublinebox{height:50px}.subline{font-family:"Pretendard-Thin";text-align:right;margin-right:10px;color:#fff;font-size:14px}.second_container{display:grid;grid-template-rows:10px 10px 10px}.imgbox{margin:0 auto}.countbox{font-family:"Pretendard-Bold";text-align:center;color:#fff;font-size:2vh;margin-top:30px}.empty{height:20px}.logobtn{width:20vh;height:20vh;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.logobtn:active{-webkit-transform:scale(.95);transform:scale(.95)}.shoppingbtn{border-radius:10px;margin:20px auto 0;color:#fff;background:#7a5b3f;width:97%;height:50px;padding-top:25px}.shoppingbtn,.shoppingbtn:active{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.shoppingbtn:active{-webkit-transform:scale(.98,.95);transform:scale(.98,.95)}.testimg{width:100%}.logogrid{width:300px;grid-template-columns:50px 250px}.logogrid,.logogrid2{margin:0 auto;display:grid}.logogrid2{width:230px;grid-template-columns:50px 180px}@font-face{font-family:"Pretendard-Medium";src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal}.littlebold{font-family:"Pretendard-Medium";font-size:14px;color:#fff;text-align:right}.recbtngrid{display:grid;grid-template-columns:85% 15%}.heartbtngrid{margin:0 auto;display:grid;grid-template-rows:10px 10px}.heartbtn{margin-top:20px;padding-bottom:25px;height:50px;width:93%;font-size:30px;background:#fff;border-radius:10px}.heartbtn,.heartbtn:active{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.heartbtn:active{-webkit-transform:scale(.95);transform:scale(.95)}
/*# sourceMappingURL=main.7300539c.chunk.css.map */