@import url(https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Do+Hyeon&display=swap);@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);:root{--bg-color:#ededed;--font-color:#000;--title-font:sans-serif,"NanumSquare","Noto Sans";--content-font:sans-serif,"NanumSquare","Noto Sans"}body{display:block;background-color:#ededed;background-color:var(--bg-color);text-align:center}.main-header,body{height:auto;justify-content:center}.main-header{display:flex;width:100%;max-width:450px;margin:0 auto 1rem}.main-link-div{margin:0 auto;max-width:500px}.main-link-block{display:inline-block;margin:auto 0}.test-main-img{margin:0 auto .5rem;width:100%;max-width:450px;display:block;cursor:pointer}.PPL-Ads-link{margin:3rem auto .5rem;max-width:414px;cursor:pointer}.to-buymeacoffee-btn{background-color:gold;font-size:1rem;font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font);cursor:pointer;border-color:transparent;border-radius:3px;height:4.5rem;width:19rem;margin:.5rem auto 3rem;display:block}.to-other-lang-test-banner-text{display:inline;margin:0 .3rem}.go-to-each-language-main{margin:2rem auto;display:block;font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font)}.intro{margin:0 auto 2.5rem;padding:0}.intro-main-img{margin:0 auto;max-width:550px;width:100%;height:auto;cursor:pointer}.go-to-each-language,.intro-main-img{font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font)}.go-to-each-language{display:block}.language-icon{display:inline;width:2rem}.test-intro-with-friend{margin:1.5rem auto 1rem;font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font)}.test-intro-to-main-img,.test-intro-with-friend-img{cursor:pointer}.start-btn-participants{margin:.5rem;font-size:1rem}.intro-footer,.start-btn-participants{font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font);font-weight:800}.intro-footer{margin:3rem auto;color:#cecfd0}.question{margin:3rem 3rem 2rem;color:#000;color:var(--font-color);font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font)}.question-p{white-space:pre-line;font-size:1.2rem;font-weight:800}.option-btn-div{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.option-btn:active,.option-btn:focus,.option-btn:hover,.option-btn:visited{outline:none;outline-offset:none;box-shadow:none}.btn-outline-dark:hover,.option-btn:active,.option-btn:focus,.option-btn:hover,.option-btn:visited{background-color:#ededed;background-color:var(--bg-color);color:#000;color:var(--font-color)}.option-btn{background-color:#ededed;background-color:var(--bg-color);font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--content-font);font-weight:bolder;font-size:.8rem;font-weight:800;height:9em;width:20rem;margin:.5em;word-break:keep-all;white-space:pre-line;cursor:pointer}.question-progress{margin:3rem 5rem;position:relative;display:block}.progress-bar{margin-bottom:2rem}.question-count{margin-top:1rem;color:#000;color:var(--font-color);font-size:1.3rem;font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font);font-weight:800}.answer-option-img{margin:0 auto 2rem;max-width:414px}.dog-sounds-input-div{position:relative}.dog-sounds-input-img{width:20rem}.go-to-analysis-img,.go-to-record-img{cursor:pointer}.dog-sound-record-start-btn{background-color:#f7392e;width:7rem;height:7rem;border:none;border-radius:100%;margin:1rem auto;color:#fff;font-weight:700;font-size:1.2rem;cursor:pointer}.dog-sounds-input{border:.5px solid #d3d3d3;font-size:20px;height:3rem;width:15rem;margin:0 auto 2rem}.dog-sounds-input:active,.dog-sounds-input:focus,.dog-sounds-input:hover,.dog-sounds-input:visited{outline:none;outline-offset:none;box-shadow:none}.dog-sound-record-title-img{width:20rem;margin:3rem auto}.audio-react-recorder,.audio-react-recorder__canvas{width:70%;margin:2rem auto}.dog-sounds-guidance{color:#cecfd0}.face-image-uploader{margin:1rem auto;max-width:15rem}.fileContainer{height:20rem;background-color:#fff}.face-image-option-div{color:grey;margin:3rem auto 0;font-size:1.3rem}.face-image-option{margin:0 .4rem}.birth-title{margin:2rem auto}.birthCalcDay,.birthCalcMonth{width:10rem;height:1.5rem;margin:.5rem auto}.birth-input{margin:5rem 2rem}.birth-input,.birthday-submit-btn{font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font)}.birthday-submit-btn{width:10rem;height:3rem;margin:3rem 1rem;border-radius:5%}.private-info-desc{color:#cecfd0}.storytelling-img{height:auto;width:23rem;margin:1rem auto}.loading{margin-top:12rem;margin-bottom:3rem}.loading-upper{color:#ededed;color:var(--bg-color)}.dualColor-title{margin:2rem auto}.dualColor-input{font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font);margin:5rem auto}.dualColor-input-group{position:relative;display:flex;justify-content:center;align-items:center}.dualColor-eachForm{margin:0 1rem}.dualMBTI-submit-btn{margin:3rem 1rem}.to-personalColor-test-btn{margin:0 auto 2rem}.result{max-width:100%;margin:0 1rem 1rem;text-align:center}.result,.result-value{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.result-value{margin:0 .5rem;word-break:normal}.result-card{width:20rem}.result-title{font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font);font-size:1.2rem}.result-p{text-align:left;font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--content-font);white-space:pre-line;word-break:keep-all;font-size:.9rem;margin:1.5rem auto}.result-header{margin:1rem .5rem}.result-header,.result-img{font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font);color:#000;color:var(--font-color)}.result-img{height:auto;width:23rem;margin:0 auto}.result-user-pic{width:20rem;margin:1rem auto}.facialExpressionAnalyzer-title-img{width:27rem;margin:1rem auto 0}.result-ment{position:relative;margin:1rem auto;width:20rem;height:4rem;color:#7a7a7a;font-weight:700;text-align:center;line-height:4rem;background:#b3b4b3}.result-ment:after{border-color:transparent transparent #b3b4b3;border-style:solid;border-width:0 10px 10px;content:"";position:absolute;top:-10px;left:200px}.ppl-banner-img{width:23rem;margin:0 auto;display:block}.to-peopleColor-test-banner-text{font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font);font-weight:800}.to-peopleColor-test-banner-img{max-width:414px}.to-personalColorOut-test-banner-text{display:inline;margin:0 .3rem}.share-title{font-size:1.2rem;margin:0 1rem 1.5rem;color:#000;color:var(--font-color)}.share,.share-title{font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font)}.share{display:inline;margin:1rem 0 0}.share-btn-img{cursor:pointer}.re-test-btn{font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font);display:inline;margin:3rem 0}.re-test-btn-img{cursor:pointer}.back-to-main{font-family:sans-serif,NanumSquare,Noto Sans;font-family:var(--title-font);display:inline;margin:1.5rem 1rem 0}.back-to-main-btn-img{cursor:pointer}.guide-desc{color:#000;color:var(--font-color);margin:10rem 5rem 5rem}.horizontal-scrolling{margin:3rem 1rem}.menu-item{margin:1rem 2rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border:1px solid transparent}.scroll-menu-arrow{padding:1rem;cursor:pointer;font-size:2rem}.menu-item-wrapper{width:15rem}.menu-item-wrapper:active,.menu-item-wrapper:focus,.menu-item-wrapper:hover,.menu-item-wrapper:visited{outline:none;outline-offset:none;box-shadow:none;background-color:#ededed;background-color:var(--bg-color);color:#000;color:var(--font-color)}::-webkit-input-placeholder{opacity:.4}:-ms-input-placeholder{opacity:.4}::placeholder{opacity:.4}.login-submit-div{display:flex;justify-content:center;align-items:center;margin:5rem auto 0}.login-submit-form{display:flex;flex-direction:column}.login-email-form,.login-password-form{width:15rem;margin:1rem auto}.login-to-register-div{text-align:center;margin:2.5rem auto}.login-to-register-link{margin:2rem auto}.login-to-register-link,.register-submit-div{display:flex;justify-content:center;align-items:center}.register-submit-div{margin:5rem auto 0}.register-submit-form{display:flex;flex-direction:column}.register-email-form,.register-nickname-form,.register-password-form,.register-passwordConfirm-form{width:15rem;margin:1rem auto}.register-submit-btn{width:15rem;margin:2rem auto}.category-btn-div{display:inline-flex;text-align:center;font-weight:700;justify-content:center;width:3rem;margin:1rem .5rem;padding:1rem;background-color:#fff;border-radius:1.5%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.category-btn-div:hover{cursor:pointer}.article-list-link{text-decoration:none;color:inherit}.article-list-div{text-align:left;margin:1rem .5rem;padding:1.2rem 1.2rem .5rem;background-color:#fff;border-radius:1.5%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.article-list-date{color:grey}.article-list-go-back-link{text-decoration:none;color:#000}.go-to-back-btn{margin:1rem auto;height:3rem;width:15rem;font-weight:700;background-color:#fff;border-radius:3%;border:none;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);padding:1.8rem 0 0}.article-div{display:grid;justify-content:center;align-items:center}.article-title{font-size:1.5rem;align-items:center;justify-content:center}.article-date,.article-title{text-align:left;margin:1rem 7%;line-height:150%}.article-date{color:grey}.article-contents{text-align:center;line-height:150%;font-size:0}.go-to-back-btn-article{margin:1rem auto;height:3rem;width:15rem;font-weight:700;background-color:#fff;border-radius:3%;border:none;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);padding:1.8rem 0 0}.article-go-back-link{text-decoration:none;color:#000}.related-article-link{text-decoration:none;color:inherit}.related-article-div{justify-content:center;align-items:center;text-align:left;margin:1rem 7% .5rem;padding:1.2rem 1.2rem .5rem;background-color:#fff;border-radius:1.5%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.related-article-date{color:grey}
/*# sourceMappingURL=main.a10dcef3.chunk.css.map */