@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--primary-color: #c47135;--accent-color: #ff7d4d;--text-light: #f7f9f9;--text-dark: #000000;--background-overlay: rgba(0, 0, 0, .8)}@font-face{font-family:IBMPlexSansKR-Regular;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:IBMPlexSansKR-SemiBold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-SemiBold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:IBMPlexSansKR-Bold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Bold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:ROKABold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.1/ROKABold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:ROKAMedium;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.1/ROKAMedium.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:NanumBarunGothic;font-style:normal;font-weight:400;src:url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot);src:url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix) format("embedded-opentype"),url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff) format("woff"),url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf) format("truetype")}@font-face{font-family:NanumBarunGothic;font-style:normal;font-weight:700;src:url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot);src:url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix) format("embedded-opentype"),url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff) format("woff"),url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf) format("truetype")}@font-face{font-family:NanumBarunGothic;font-style:normal;font-weight:300;src:url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot);src:url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix) format("embedded-opentype"),url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff) format("woff"),url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}body{background:url(/static/mbti/images/ring.png);background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;height:100%;width:100%;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}li{list-style-type:none;padding-bottom:15px}i{padding:5px}img{max-width:100%;height:auto}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}.noselect{-webkit-user-select:none;user-select:none}.adsense-box{width:200px;height:200px}.container{width:100%;height:100%;padding:0!important;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;position:relative}.wrapper{text-align:center;padding:20px 0;width:100%}.wrapper-top{text-align:center;padding:40px 0 10px;width:100%}.wrapper-explaination{text-align:center;padding:20px 0;width:100%}.wrapper-loading{width:100%;height:100%;padding:20px 0;text-align:center}.partner-wrapper{display:flex;justify-content:space-evenly}.wrapper-question{text-align:center;padding:20px 0 0;width:100%;height:calc(100vh - 200px);display:flex;flex-direction:column;justify-content:space-between}.layout-container{width:100vw;height:100vh;display:flex;flex-direction:column}.layout-main{display:flex;align-items:center;flex:1;width:100%;max-width:475px;margin:0 auto;padding:20px 20px 0}.layout-footer{text-align:center;padding:20px;font-size:14px;color:#666}.footer{position:absolute;text-align:center;bottom:0;width:100%;padding:15px 0}.footer-result{position:relative;text-align:center;bottom:0;width:100%;padding:15px 0}.footer__text{color:#373737;display:block}.fade-in--quick{animation:fadein .5s}.fade-in{animation:fadein 1s}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (hover: none) and (pointer: coarse){.btn-fade:active{background:#ff7d4d;transition:.2s ease-in}}@media (hover: hover) and (pointer: fine){.btn-fade:hover{background:#ff7d4d;transition:.3s ease-in}}.start-btn{width:230px;background-color:#c47135;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:28px;line-height:1.5em;margin:15px 40px;outline:none;padding:12px 40px 10px;position:relative;text-transform:uppercase;font-weight:700;font-family:IBMPlexSansKR-Bold}.start-btn:before,.start-btn:after{border-color:transparent;-webkit-transition:all .25s;transition:all .25s;border-style:solid;border-width:0;content:"";height:24px;position:absolute;width:24px}.start-btn:before{border-color:#c47135;border-right-width:2px;border-top-width:2px;right:-5px;top:-5px}.start-btn:after{border-bottom-width:2px;border-color:#c47135;border-left-width:2px;bottom:-5px;left:-5px}.start-btn:hover,start-btn.hover{background-color:#c47135}.start-btn:hover:before,start-btn.hover:before,.start-btn:hover:after,.start-btn.hover:after{height:100%;width:100%}.question-btns{margin-top:40px}.question-btns button{font-family:NanumBarunGothic!important;width:100%;margin-bottom:15px;padding:35px 20px;outline:none;font-size:18px;border-radius:15px;border:2px solid darkorange;color:#f7f9f9}.retest-btn{background:#fff;border:2px solid gray;border-radius:15px;outline:none;font-size:24px;font-family:ROKAMedium;font-weight:700;width:80%;height:60px;margin:20px 0}.btn-fade{background:#ffbaa1;background:#000c}.btn-overlay{background:#7ba428;position:relative;overflow:hidden}.btn-overlay:after{content:"";position:absolute;width:115%;height:200px;background:#9acd32;transform:translateY(-45%) skew(25deg) scale(0);left:-5%;transition:.2s ease-in-out}.btn-overlay:hover:after{transform:translateY(-45%) skew(25deg) scale(1)}.btn-overlay span{position:relative;z-index:1}.btn-collection{padding:10px}.folder-button{display:block;margin-left:auto;margin-right:auto;font-size:16px;font-weight:700}.folder{margin-top:10px}.folder-content{display:none}.folder-content ul{margin-top:10px}.folder-footer{display:none;margin-top:10px}.folder-button-down{display:block;margin-left:auto;margin-right:auto;font-size:16px;font-weight:700}.start-img{width:120%;max-width:250px;margin:0}.start-title-wrapper{margin:30px 0}.start-title{font-family:ROKAMedium;display:inline-block;font-size:42px;line-height:45px;letter-spacing:-2px;color:#f7f9f9}.start-title.line-break{display:block}.start-title-bold{font-family:ROKABold;display:inline-block;letter-spacing:-5px;color:#fff;margin:-10px 6px;font-size:72px}.question-title{font-family:NanumBarunGothic!important;font-weight:700;font-size:28px;padding:20px;line-height:40px;margin-top:70px;color:#f7f9f9}.result-title{font-family:ROKABold;color:#f5f5f5;text-align:center;display:block;margin:0;font-size:68px}.result-sub-title{font-family:ROKABold;color:#f5f5f5;text-align:center;display:block;margin:5px 0 0;font-size:32px}.result-title-black{font-family:ROKABold;color:#000;text-align:center;display:block;margin:5px 0 30px;line-height:1.1;font-size:38px}.result-img{width:300px;height:300px;margin:10px 0;-o-object-fit:cover;object-fit:cover}.result-partner-img{width:150px;height:150px;margin:-10px 5px 10px;-o-object-fit:cover;object-fit:cover}.result-subtitle{text-align:center;font-family:ROKAMedium;line-height:1.5;margin:0 10px 20px;padding:10px 0;display:block;font-size:22px;color:#f7f9f9;background:#880701e6;border-radius:0}.result-quote{padding:0 30px}.result-share-text{font-family:ROKABold;text-align:center;font-size:28px;color:#fff;margin:10px 0}.result-text{font-family:NanumBarunGothic!important;text-align:center;font-size:16px;margin:10px;color:#fff;text-shadow:-.5px .5px 0 #000,.5px .5px 0 #000,.5px -.5px 0 #000,-.5px -.5spx 0 #000}.result-text-white{font-family:NanumBarunGothic!important;text-align:center;font-size:16px;margin:0 0 -10px;color:#fff}.result-text-left{font-family:NanumBarunGothic!important;text-align:left;font-size:16px;margin:10px;color:#000}.result-text-black-best{font-family:IBMPlexSansKR-SemiBol!important;text-align:center;font-size:24px;font-weight:700;margin:10px 0;padding:5px;color:#fff;background:#006809;border-radius:.27em}.result-text-black-worst{font-family:IBMPlexSansKR-SemiBol!important;text-align:center;font-size:24px;font-weight:700;margin:10px 0;padding:5px;color:#fff;background:#9b0000;border-radius:.27em}.result-rank{font-size:22px;font-family:ROKAMedium;padding:10px;margin:5px 10px 10px;line-height:30px;color:#f7f9f9;background:#d46600cc;border-radius:.27em}.result-rank-ment{display:inline!important}.result-explanation{font-size:16px;font-family:ROKAMedium;padding:15px;margin:20px 10px 10px;line-height:1.3;color:#000;background:#ffffffd9;border-radius:.27em}.best-partner,.worst-partner,.best-partner *,.worst-partner *{text-decoration:none!important}.result-char-wrapper{background:#ffffffcb;border-radius:.5em;cursor:pointer;padding:5px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1)}.best-partner:hover .result-char-wrapper,.worst-partner:hover .result-char-wrapper{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d;background:#fffffff2}.best-partner:active .result-char-wrapper,.worst-partner:active .result-char-wrapper{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 20px #00000040}.icon-quote{font-size:18px!important;margin:0 5px -30px;display:flex;justify-content:space-between}.wrapper-progress{position:absolute;width:100%;margin:0 auto;left:0;right:0;text-align:center;top:20px}.progress-page-num{padding-bottom:7px;color:#fff;text-align:center}::-webkit-scrollbar{display:none}.percentage{color:#f4c91b;font-size:28px}.loading-title{font-size:28px;font-weight:700;padding:20px;line-height:40px;margin-top:20px;color:#f7f9f9}.eye{width:20px;height:8px;background-color:#f0dcdc;border-radius:0 0 20px 20px;position:relative;left:10px;top:40px;box-shadow:40px 0 #f0dcdc}.loading-head{position:relative;margin:-250px auto;width:80px;height:80px;background-color:#111;border-radius:50px;box-shadow:inset -4px 2px #f0dcdc;animation:headAnim 1.5s infinite alternate}.loading-body{position:relative;margin:90px auto;width:140px;height:120px;background-color:#111;border-radius:50px/25px;box-shadow:inset -5px 2px #f0dcdc;animation:bodyAnim 1.5s infinite alternate}.circ{margin:60px auto;width:180px;height:180px;border-radius:0 0 50px 50px;position:relative;z-index:-1;left:0%;top:20%;overflow:hidden}.loading-hands{margin-top:140px;width:120px;height:120px;position:absolute;background-color:#111;border-radius:20px;box-shadow:-1px -4px #f0dcdc;top:75%;left:16%;z-index:1;animation:bodyAnim 1.5s infinite alternate}@keyframes headAnim{0%{top:0}50%{top:10px}to{top:0}}@keyframes bodyAnim{0%{top:-5px}50%{top:10px}to{top:-5px}}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}