@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard-dynamic-subset.css");@font-face{font-family:GmarketSansBold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{background:#fcfff8;word-wrap:break-word}html:lang(ko){word-break:keep-all}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button:active{-webkit-transform:scale(.97);transform:scale(.97)}@media(hover:hover){button:hover{opacity:.7}}.Wrapper{justify-content:center}.Container,.Wrapper{display:flex;box-sizing:border-box}.Container{flex:1 1;flex-direction:column;max-width:375px;padding:20px;margin:0 auto}.StartButton{white-space:normal;width:100%;height:80px;background-color:#18cd72;border:none;border-radius:10px;color:#fff;font-size:12px;cursor:pointer}.AnswerButton{flex:1 1;width:100%;background:#f7ffef;border:1px solid #18cd72;box-sizing:border-box;border-radius:10px;padding:20px 10px;font-style:normal;font-weight:700;font-size:13px;line-height:19px;text-align:center;letter-spacing:-.02em;color:#191b1d;margin:10px 0 0;min-height:64px;cursor:pointer}.AnswerContainer{display:flex;flex-direction:column;padding:0 0 30%}.QuestionTitle{font-style:normal;font-weight:700;font-size:18px;line-height:27px;text-align:center;color:#191b1d;margin-top:20%}.QuestionTini{height:50px;transition:.5s}.MBTILabel{font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:-.02em;color:#93999f;margin-bottom:10px}.SectionSubtitleBox{background:#26de81;padding:0 4px;margin-top:20px;margin-bottom:5px}.SectionSubtitle{font-style:normal;font-weight:700;font-size:16px;line-height:24px;display:flex;align-items:center;text-align:center;letter-spacing:-.02em;color:#fff;padding:0;margin:0}.SectionTitle{font-weight:900;font-size:25px;line-height:126%;text-align:center;letter-spacing:.005em;color:#34373a;margin:14px 0 0;padding:0}.SectionTitle.p{margin:0}.RoutineHeader{padding:0;font-weight:700;letter-spacing:-.02em;color:#18cd72;margin:0 0 -14px}.BubbleBox,.RoutineHeader{font-size:14px;line-height:21px}.BubbleBox{background:#fff;border:2px solid #64686c;box-sizing:border-box;border-radius:15px;padding:5px 25px;margin-bottom:30px;color:#34373a;font-weight:400}.ExtraSubtitle{font-style:normal;font-weight:700;font-size:16px;line-height:24px;display:flex;align-items:center;text-align:center;letter-spacing:-.02em;color:#26de81;margin:0 0 10px;padding:0 5px}.BubbleSmall{min-height:200px;flex-direction:column;background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:transparent;padding:0 15px;border:none;margin:0}.BubbleSmall,.Button{display:flex;justify-content:center;align-items:center;cursor:pointer}.Button{height:60px;border-radius:10px;font-style:normal;font-weight:700;font-size:16px;line-height:24px;text-align:center;border:0;margin-top:12px;margin-bottom:6px;width:100%}.RoutineGreenFilledButton{width:100%;background:#3fea87;color:#191b1d;margin-top:5px;margin-bottom:10px}.RoutineGreenborderButton{width:100%;background:#fff;border:1px solid #18cd72;color:#191b1d;margin-top:5px;margin-bottom:30px}.RoutineGreenOutlinedButton{background:#fff;color:#26de81;border:1px solid #26de81;box-sizing:border-box}.RoutineTitle{font-size:14px;line-height:21px;letter-spacing:-.02em;color:#2f4b33;margin:10px}.RoutineEmoji,.RoutineTitle{font-style:normal;font-weight:400}.RoutineEmoji{font-size:20px;line-height:24px}.SmallTitle{margin:10px 0 0;font-weight:900;font-size:14px;line-height:126%;text-align:center;letter-spacing:.005em;color:#34373a}.YellowFilledButton{background:#ffeb00;color:#494d51}.YellowFilledButton span{margin-left:5px}.YellowFilledButton img{margin-top:4px}.GreenFilledButton{background:#1ec115;color:#fff}.BlueFilledButton{background:#01a2f3;color:#fff}.GreenFilledButton span{margin-left:5px}.GreenFilledButton img{margin-top:4px}.mainBg{position:absolute;bottom:21%;left:0;max-width:320px;width:100%;height:257px;z-index:-1}