@charset "UTF-8";@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);@import url(https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap);*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:60%}@media only screen and (max-width:640px){html{width:100%}}body{font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic","맑은고딕",sans-serif,arial;line-height:1.5;letter-spacing:-.07rem;min-height:100vh;display:flex;flex-direction:column}@media only screen and (max-width:640px){body{width:100%;overflow-x:hidden}}h1,h2,h3,h4,h5,h6,p{margin:0}a{text-decoration:none;color:inherit}li,ul{list-style:none}input[type=radio]{display:none}button{background:none;border:0}button:focus,select{outline:0}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:none}table{border-collapse:collapse}p{font-size:1rem;color:#030216}.dohyeon{font-family:"Do Hyeon"}.bold{font-weight:700}.textCenter{text-align:center}.title{font-size:3.8rem;font-weight:700;letter-spacing:-2px;margin-bottom:2rem;color:#030216}@media only screen and (max-width:640px){.title{font-size:3rem}}.subtitle{font-size:2.2rem}.intro-title{font-size:3rem;font-weight:500}.category-title{font-size:2.5rem;font-weight:600}.text-result{font-size:1.8rem;line-height:3.2rem}.text-highlight{background-color:#ffd300;color:#000;padding:0 5px}#root{background-color:#fbb200}.App{background-color:#fff;width:640px;min-height:100vh;margin:0 auto;padding:0;color:#141414}@media only screen and (max-width:640px){.App{width:100%;height:100vh}}.contents{width:80%;margin:0 auto;padding:1rem 2rem}@media only screen and (max-width:640px){.contents{width:90%;padding:1rem 0}}.btn{display:block;width:400px;padding:17px 0;margin:1.5rem auto;border-radius:50px;line-height:24px;font-size:1.8rem;font-weight:400;border:2px solid #f0f0f0;box-shadow:0 1px 4px 0 rgba(36,45,68,.1)}@media only screen and (max-width:640px){.btn{width:100%}}.btn-Box{width:100%;position:relative}@media only screen and (max-width:640px){.btn-Box{width:90%;margin:0 auto}}.btn:hover{border-color:#fbb200;border-width:2px}.introBox{width:100%;height:100vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.titleImg{width:60%;margin:0 auto;display:block}.iconRibbon-container{width:100%;overflow:hidden;display:flex;position:relative}.iconRibbon-box{display:flex;flex-wrap:nowrap;-webkit-animation:drift 10s linear infinite;animation:drift 10s linear infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.iconRibbon-box2{display:flex;flex-wrap:nowrap;position:absolute;left:-780px;-webkit-animation:drift 10s linear 0s infinite backwards;animation:drift 10s linear 0s infinite backwards;-webkit-animation-direction:alternate;animation-direction:alternate}.iconRibbon-box3{left:640px;display:flex;flex-wrap:nowrap;-webkit-animation:driftRight 10s linear infinite;animation:driftRight 10s linear infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.iconRibbon-box4{display:flex;flex-wrap:nowrap;position:absolute;left:-780px;-webkit-animation:driftRight 10s linear 0s infinite;animation:driftRight 10s linear 0s infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.iconRibbon-icon{font-size:3.4rem;display:inline-block;text-align:center;width:50px;height:50px;margin-right:1rem;margin-bottom:1rem;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:50%;box-shadow:inset 0 2px 2px 0 #fff,inset 0 -1px 2px 0 rgba(0,0,0,.2),0 5px 5px rgba(0,0,0,.13),inset 0 10px 15px -10px rgba(0,0,0,.2),inset 0 -15px 15px -5px #fff}@-webkit-keyframes drift{0%{transform:translateX(0)}to{transform:translateX(640px)}}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(640px)}}@-webkit-keyframes driftRight{0%{transform:translateX(640px)}to{transform:translatex(0)}}@keyframes driftRight{0%{transform:translateX(640px)}to{transform:translatex(0)}}.section{margin:4rem 0;padding:2rem;border-radius:8px;border:1px solid #efefef;box-shadow:0 1px 4px 0 rgba(36,45,68,.1)}.loading-box{width:100%;text-align:center;position:absolute;top:45vh;left:0;padding:0 2rem}.loading-icon{font-size:4rem}@media only screen and (max-width:640px){.loading-icon{font-size:3rem}}.loading-message{font-size:1.8rem;margin-top:1rem;font-weight:300}.loading-animation{-webkit-animation:foods 3s infinite;animation:foods 3s infinite;letter-spacing:5px}@media only screen and (max-width:640px){.loading-animation{-webkit-animation:foodsMobile 3s infinite;animation:foodsMobile 3s infinite}}@-webkit-keyframes foods{0%{letter-spacing:10px}40%{letter-spacing:30px}80%{letter-spacing:5px}}@keyframes foods{0%{letter-spacing:10px}40%{letter-spacing:30px}80%{letter-spacing:5px}}@-webkit-keyframes foodsMobile{0%{letter-spacing:10px}40%{letter-spacing:20px}80%{letter-spacing:5px}}@keyframes foodsMobile{0%{letter-spacing:10px}40%{letter-spacing:20px}80%{letter-spacing:5px}}.slct-box{width:90%;text-align:center;position:absolute;top:30vh;left:5%}.slct-message{font-size:2.5rem;margin-top:1rem;font-weight:600}.currentCity-box,.slct-btnbox,.slct-message{margin-bottom:2rem}.currentCity-box{width:100%;text-align:center}.currentCity-text{margin:0;font-size:1.8rem}.ranking{width:100%;margin:1rem auto;table-layout:fixed;word-break:break-all}.ranking-td{padding:1rem;font-size:1.8rem;color:#030216}@media only screen and (max-width:640px){.ranking-td{font-size:1.4rem}}.ranking-num{width:14%;text-align:center;font-weight:700;color:#fbb200}.ranking-medal{font-size:2.8rem;line-height:0}@media only screen and (max-width:640px){.ranking-medal{font-size:2.4rem}}.ranking-name{width:48%;font-weight:500}.ranking-money{width:48%;letter-spacing:.1rem;font-weight:400}.icon-title{font-size:7rem}.icon-subtitle,.icon-title{margin:0!important;text-shadow:2px 2px 2px rgba(36,45,68,.3)}.icon-subtitle{font-size:4rem}.icon-menu{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;margin:4rem 0}@media only screen and (max-width:640px){.icon-menu{justify-content:center}}.icon-btn{flex:0 0 auto;width:80px;height:80px;margin:0;padding:15px 0;text-align:center;font-size:1.3rem;font-weight:400;line-height:1;border:1px solid #efefef;border-radius:8px;box-shadow:0 1px 4px 0 rgba(36,45,68,.1)}@media only screen and (max-width:640px){.icon-btn{width:70px;height:70px;margin:0;font-size:.9rem}}.icon-btn:hover{border:1px solid #fbb200}.icon-unicode{font-size:3.8rem;margin:0 0 10px;text-shadow:2px 2px 2px rgba(36,45,68,.3)}@media only screen and (max-width:640px){.icon-unicode{font-size:3rem}}.emojiAnimation{-webkit-animation:toLandingIcon 2s ease-in-out infinite;animation:toLandingIcon 2s ease-in-out infinite}.emojiAnimationDown{-webkit-animation:toLandingIcon_Down .5s linear;animation:toLandingIcon_Down .5s linear}@-webkit-keyframes toLandingIcon{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}@keyframes toLandingIcon{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}@-webkit-keyframes toLandingIcon_Down{0%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes toLandingIcon_Down{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.figure-animation{position:relative;display:inline-block}.shareBtn{width:50px;border-radius:50%;box-shadow:0 1px 6px 0 rgba(36,45,68,.2);margin:1rem;align-self:flex-start}.shareBtn-Box{width:80%;margin:3rem auto;display:flex;justify-content:space-around}.credit{width:calc(640px - 8rem);height:95vh;overflow-y:scroll;margin:2rem 0;padding:4rem;position:fixed;top:0;left:calc(50% - 320px + 4rem);border:2px solid #000;border-radius:8px;box-shadow:0 3px 4px 5px rgba(36,45,68,.1);background-color:#fff;text-align:center}@media only screen and (max-width:640px){.credit{width:96%;height:95vh;margin:1rem 0;padding:2rem;position:fixed;top:0;left:2%;overflow-y:scroll}}.credit-logo{width:80px;height:auto;margin:1rem auto;padding:1rem;background-color:#000}.credit-title{font-size:2.5rem;font-weight:700;line-height:6rem}.credit-names{font-size:1.5rem;font-weight:300}.credit-btn{display:block;width:90%;padding:10px 0;margin:1rem auto;border-radius:10px;line-height:24px;font-size:1.5rem;font-weight:400;border:2px solid #f0f0f0;box-shadow:0 1px 4px 0 rgba(36,45,68,.1)}.credit-btn:hover{border:2px solid #fbb200}.credit-close{width:30px;height:30px;position:absolute;top:20px;right:20px}@media only screen and (max-width:640px){.credit-close{position:fixed}}
/*# sourceMappingURL=main.6abc653d.chunk.css.map */