.home{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 15px}.header{display:flex;flex-direction:column;align-items:center;height:60px;margin:10px 0 3px;cursor:pointer;font-weight:700}.header_url{margin-top:-10px;width:100%;text-align:start;font-size:10px;font-weight:400}.header_title{display:flex;flex-direction:row;align-items:center;font-size:22px}.header_title>img{width:50px;height:50px;margin:0 -10px 10px}.header_point_font{font-size:44px;color:#ffa74f;text-shadow:0px 1px #ab7035,1px 0px #ab7035}.header>p:nth-of-type(1),p:nth-of-type(2){margin-right:10px}.header>p{color:#000;margin-bottom:10px}.main{display:flex;flex-direction:column;align-items:center;font-size:15px;width:100%;height:100%;margin-top:10px}.main_img{width:100%;margin:20px 0 15px;display:flex;justify-content:center;align-items:center}.main_img>img{width:100%;height:100%;border-radius:10px}.main>p{margin:-3px 0 10px}.test_start_text{font-size:14px;color:#9f9f9f}.button{border:none;font-size:18px;border-radius:15px;cursor:pointer;color:#fff;box-shadow:0 0 40px 40px #ffa74f inset,0 0 #ffa74f;transition:all .1s ease-in-out;text-shadow:0px 1px #ab7035,1px 0px #ab7035;background-color:#fff}.button:active{position:relative;top:1px;left:1px}.button:hover{box-shadow:0 0 10px #ffa74f inset,0 0 10px 4px #ffa74f;color:#000;text-shadow:none}@media (hover: none){.button:hover{color:#fff;box-shadow:0 0 40px 40px #ffa74f inset,0 0 #ffa74f;transition:all .1s ease-in-out;text-shadow:0px 1px #ab7035,1.5px 0px #ab7035}}.button_main{width:70%;height:50px;margin:10px 0;font-weight:700}.button_urlShare{width:70%;height:50px;margin:10px 0;font-weight:700;cursor:pointer}.button_submit{width:70%;height:50px;margin-top:-5px;font-weight:700}.button_QnA{width:100%;height:60px;margin:10px 0;padding-left:13px;font-size:16px;text-align:start}.testGuide{margin-top:50px;width:95%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:#6363634d 0 0 30px;font-size:18px;border-radius:20px}.testGuide_emoji{font-size:44px;margin-bottom:-10px}.testGuide>h2{color:#dc143c}.reTest{margin-top:50px;width:95%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:#6363634d 0 0 30px;font-size:18px;border-radius:20px}.reTest>img{width:130px;height:130px;margin:-5px 0 0}.testQnA{width:100%;height:80dvh;display:flex;flex-direction:column}.question_box{width:100%;height:45px;margin-bottom:5px}.testQnA_content{display:flex;flex-direction:column;margin:auto 0}.question_box>div{font-size:18px}.result{display:flex;flex-direction:column;justify-content:center;align-items:center}#result_save_box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 15px}#result_save_box:after{content:"";display:block;width:100%;margin:30px 0 -30px;border-bottom:1px dashed rgba(0,0,0,.3)}.result_wrapper{margin-top:10px}.result_img{width:100%;margin:20px 0 15px;display:flex;justify-content:center;align-items:center}.result_img>img{width:100%;height:100%;border-radius:10px}.background_paw{width:100%;height:95px;display:flex;justify-content:end;margin-top:-20px}.background_paw>img{height:95px}.result_text{margin:-70px 0 10px;font-size:14px}.species_point{font-size:20px;font-weight:700;margin:5px 0 7px}.result_description1,.result_description2,.result_description3{margin-top:5px}.result_type_wrapper{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-top:10px}.result_type_box{background-color:#ffa74f;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;height:110px;border-radius:20px;color:#fff;text-shadow:0px 1px #ab7035,1px 0px #ab7035;font-size:14px}.result_type_wrapper>.result_type_box:nth-child(1){width:28%}.result_type_wrapper>.result_type_box:nth-child(1)>div:nth-child(3){background-color:#fff;width:100%;height:60px;font-size:20px;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:10px 10px 20px 20px;color:#000;text-shadow:none;margin:10px 0 -3px}.result_type_wrapper>.result_type_box:nth-child(2){width:55%}.result_type_wrapper>.result_type_box:nth-child(2)>div:nth-child(1){margin-top:10px}.result_type_wrapper>.result_type_box:nth-child(2)>div:nth-child(2){background-color:#fff;width:100%;height:60px;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:10px 10px 20px 20px;color:#000;text-shadow:none;margin:17px 0 -3px}.notfound{display:flex;flex-direction:column;justify-content:center;align-items:center}.notfound_img_box{width:100%;margin:30px 0 15px;display:flex;justify-content:center;align-items:center}.notfound_img_box>img{width:95%;border-radius:10px}.feedback{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 15px}.feedback_guide{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;margin-top:10px}.feedback_nicknameBox{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:5px;width:calc(100% - 15px);margin:20px 0 -20px}.feedback_nicknameBox>input{width:126px;font-size:14px;padding:15px 20px;border-radius:15px;border:1px solid rgba(0,0,0,.2)}.feedback_nicknameBox>input::placeholder{font-size:13px}.feedback_nicknameBox>div{font-size:11px;color:#0000004d}.feedback>textarea{margin:35px 0 -5px;resize:none;width:calc(90% - 15px);height:240px;padding:20px;font-size:14px;border-radius:20px;border:1px solid rgba(0,0,0,.2)}.feedback>textarea:focus,.feedback_nicknameBox>input:focus{outline:none}.feedback>textarea::placeholder{text-align:center;font-size:13px}@font-face{font-family:SB;src:url(/SB_L.otf) format("opentype");font-weight:400}@font-face{font-family:SB;src:url(/SB_M.otf) format("opentype");font-weight:700}body *{font-family:SB}html,body{margin:0;width:100%;display:flex;background-color:#fff}#root{max-width:480px;width:100%;margin:0 auto;min-height:100dvh;box-shadow:#6464644d 0 0 29px}