@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:#f8f5ed;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%;max-width:375px;height:80px;background-color:#5c4033;border:none;border-radius:10px;color:#fff;font-size:12px;cursor:pointer}.AnswerButton{flex:1 1;width:100%;background:#fff;border:1px solid #b2aaa7;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:#34373a;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}.colorBarWrapper{display:flex;flex-direction:row;margin:32px 0;width:100%}.colorBar{width:20%;height:5px;margin:0}.SectionSubtitleBox{background:#5c4033;padding:4px 12px}.SectionSubtitle{font-style:normal;font-size:16px;line-height:24px;display:flex;align-items:center;letter-spacing:-.02em;color:#fff;margin:0}.SectionSubtitle,.SectionTitle{font-weight:700;text-align:center;padding:0}.SectionTitle{font-size:30px;line-height:126%;letter-spacing:.005em;color:#483527;margin:14px 0;font-family:GmarketSansBold}.SectionTitle.p{margin:0}.MBTIDescription{font-weight:500;font-size:16px;text-align:center;color:#494d51;line-height:1.5;margin:32px 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:1px solid #dce0e4;box-sizing:border-box;border-radius:15px;padding:28px 24px;margin-bottom:60px;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{max-width:320px;width:100%;height:320px}