#mbti-event{background-color:#5742e7}#mbti-event .intro{width:100%;max-width:768px;margin:0 auto;background-color:transparent;background-image:url(/m/images//event/mbti-event/intro-back.png);background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;padding-top:4.1666666667rem;height:39.5833333333rem;position:relative}#mbti-event .intro .title-box{height:30.8333333333rem;-webkit-display:flex;display:-ms-flex;display:flex;flex-direction:column}#mbti-event .intro .title-box .title{font-size:2.5rem;color:#fff;line-height:1.2;font-weight:800;letter-spacing:-.0625rem;text-shadow:2px 2px 2px #20097b;text-align:center}#mbti-event .intro .title-box .title>small{display:inline-block;color:#fad92f;border:.1875rem solid #fad92f;padding:.5rem 1.875rem;border-radius:1.875rem;font-size:1.0416666667rem;font-family:GmarketSans;margin-bottom:1.25rem}#mbti-event .intro .title-box .btn-next-page{margin:auto auto 0 auto;border-radius:.9375rem;background-color:#fff;color:#20097b;font-size:1.2916666667rem;width:15.5416666667rem;height:3.0833333333rem;position:relative;-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:.75rem .75rem .125rem 0 #20097b;font-weight:600;font-family:GmarketSans}#mbti-event .intro .title-box .btn-next-page .italic{font-style:italic}#mbti-event .intro .character-box{width:16.3541666667rem;height:9.375rem;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);webkit-animation:tong 3s ease-in-out infinite;-o-animation:tong 3s ease-in-out infinite;-moz-animation:tong 3s ease-in-out infinite;animation:tong 3s ease-in-out infinite}@-webkit-keyframes tong{0%{transform:translate(-50%,0)}50%{transform:translate(-50%,-50.0015%)}100%{transform:translate(-50%,0)}}@-moz-keyframes tong{0%{transform:translate(-50%,0)}50%{transform:translate(-50%,-50.0015%)}100%{transform:translate(-50%,0)}}@-o-keyframes tong{0%{transform:translate(-50%,0)}50%{transform:translate(-50%,-50.0015%)}100%{transform:translate(-50%,0)}}@keyframes tong{0%{transform:translate(-50%,0)}50%{transform:translate(-50%,-50.0015%)}100%{transform:translate(-50%,0)}}#mbti-event .intro .character-box>img{width:100%}#mbti-event .step{position:relative;width:100%;background-color:transparent;background-image:url(/m/images//event/mbti-event/step-back.jpg);background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-position:center center;background-size:auto 100%;-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;background-color:#5742e7;height:calc(100vh - 4.1666666667rem);min-height:39.5833333333rem}#mbti-event .step:after{content:"";width:100%;height:100%;background-color:transparent;background-image:url(/m/images//event/mbti-event/step-top-back.png);background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-repeat:repeat-x;position:absolute;top:-7.5rem;background-size:cover}#mbti-event .step .container-inner{width:100%}#mbti-event .step .step-container{-webkit-display:flex;display:-ms-flex;display:flex;flex-direction:column;margin:0 auto;position:relative;z-index:5}#mbti-event .step .step-container .step-header{-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;justify-content:flex-end;margin-bottom:.625rem}#mbti-event .step .step-container .step-prev{border:none;font-size:1.125rem;background-color:transparent;color:#fff;-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;justify-content:center;margin-right:auto;font-family:GmarketSans;padding-left:0}#mbti-event .step .step-container .step-prev>i{font-size:1.875rem}#mbti-event .step .step-container .step-progress{height:1rem;width:100%;position:relative;background-color:#e6e6e6;flex-shrink:0;border-radius:3.125rem}#mbti-event .step .step-container .step-progress .step-progress-inner{position:absolute;top:0;left:0;height:1rem;background-color:#fa772f;border-radius:3.125rem;transition:width .45s ease-in-out}#mbti-event .step .step-container .step-progress .step-stage-title{margin:0 auto;font-size:1.125rem;font-family:GmarketSans;text-align:center;flex-grow:1}#mbti-event .step .step-container .step-stage{color:#fff;font-size:.8125rem;font-weight:700;font-family:GmarketSans;text-align:right}#mbti-event .step .step-body{width:100%;padding:1.5625rem .9375rem 1.875rem .9375rem;margin:1.875rem auto 0 auto;flex-grow:1;overflow-y:auto;border-radius:1.875rem;background-color:#fff;box-shadow:.9791666667rem 1.6959583333rem 3.75rem 0 rgba(0,0,0,.8)}#mbti-event .step .step-body .question-item{padding:6.25rem 0 4.6875rem}#mbti-event .step .step-body .question-item+.question-item{border-top:.125rem solid #e6e6e6}#mbti-event .step .step-body .question-title{color:#222;font-size:1.25rem;text-align:center;line-height:1.35;margin-top:0;font-weight:700;margin-bottom:1.875rem;word-break:keep-all;word-wrap:break-word;position:relative;padding-top:3.125rem;letter-spacing:-.0625rem}#mbti-event .step .step-body .question-title .number{position:absolute;top:0;left:50%;transform:translate(-50%,0);font-family:GmarketSans;color:#5742e7;font-size:1.875rem;font-weight:400}#mbti-event .step .step-body .question-options .question-option{-webkit-display:flex;display:-ms-flex;display:flex;justify-content:center;align-items:center;padding:.9375rem;width:100%;margin:0 auto;background:#fff;min-height:4.375rem;border:.125rem solid #666;box-shadow:.75rem .75rem 0 0 #666;letter-spacing:-1px;font-weight:600;color:#666;font-size:.875rem;border-radius:1.25rem;white-space:normal;word-break:keep-all;word-wrap:break-word;line-height:1.5}#mbti-event .step .step-body .question-options .question-option+.question-option{margin-top:1.25rem}#mbti-event .step .step-body .question-options .question-option:active,#mbti-event .step .step-body .question-options .question-option:focus{outline:0;background-color:#20097b;color:#fff}#mbti-event .result{position:relative;width:100%;height:100%;background-color:transparent;background-image:url(/m/images//event/mbti-event/step-back.jpg);background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-position:top center;background-color:#5742e7;padding:6.25rem 0 2.5rem 0}#mbti-event .result:after{content:"";width:100%;height:100%;background-color:transparent;background-image:url(/m/images//event/mbti-event/step-top-back.png);background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-position:top center;position:absolute;top:-7.0833333333rem}#mbti-event .result .container-inner{position:relative;z-index:10}#mbti-event .result .result-box .title{text-align:center}#mbti-event .result .result-box .title>small{color:#fa772f;display:inline-block;margin-bottom:1.875rem;line-height:1;border:.25rem solid #fa772f;padding:.5rem 2.5rem;border-radius:1.875rem;font-size:1rem}#mbti-event .result .result-box .middle-title{font-size:1.75rem;margin:4.375rem 0 1.875rem 0;color:#000;text-align:center;word-break:keep-all;word-wrap:break-word;font-weight:600}#mbti-event .result .result-box .middle-title>strong{font-size:1.875rem;font-weight:800}#mbti-event .result .result-box .big-title{-webkit-display:flex;display:-ms-flex;display:flex;align-items:flex-start;justify-content:center;color:#fff;font-size:1.875rem;position:relative;line-height:1.35;word-wrap:break-word;word-break:keep-all}#mbti-event .result .result-box .big-title:before{content:"󰝗";font-family:"Material Design Icons";font-size:2.5rem;line-height:1}#mbti-event .result .result-box .big-title:after{content:"󰉾";font-family:"Material Design Icons";font-size:2.5rem;line-height:1}#mbti-event .result .result-box .character-img{display:block;width:135%;transform:translate(-13%,0)}#mbti-event .result .result-box .individuality{text-align:center;max-width:760px;margin:0 auto}#mbti-event .result .result-box .individuality>li{background-color:#fff;box-shadow:6px 10.392px 38px 0 rgba(0,0,0,.21);border-radius:.625rem;min-height:5.625rem;color:#000;font-size:1rem;padding:.9375rem .625rem;-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;justify-content:center;line-height:1.35;word-wrap:break-word;word-break:keep-all}#mbti-event .result .result-box .individuality>li+li{margin-top:.875rem}#mbti-event .result .result-box .jobs{-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 auto;padding-left:.625rem}#mbti-event .result .result-box .jobs>li{-webkit-display:flex;display:-ms-flex;display:flex;justify-content:space-between;align-items:center;width:10.4166666667rem;height:11.1458333333rem;background-color:transparent;background-image:url(/m/images//event/mbti-event/job-backs.png);background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:100%;position:relative;margin-bottom:.9375rem;margin-left:-.625rem}#mbti-event .result .result-box .jobs>li .name{position:absolute;width:100%;left:48%;top:50%;transform:translate(-50%,-50%);font-size:1.0625rem;color:#fff;text-align:center;line-height:1.5}#mbti-event .lecture{-webkit-display:flex;display:-ms-flex;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 .625rem}#mbti-event .lecture .item{width:48%;-webkit-display:flex;display:-ms-flex;display:flex;align-items:stretch;margin-bottom:1.25rem;background-color:#fff;border-radius:1.25rem;box-shadow:6.5px 11.258px 40px 0 rgba(0,0,0,.45)}#mbti-event .lecture .item:nth-child(odd){margin-right:2%}#mbti-event .lecture .item .link{-webkit-display:flex;display:-ms-flex;display:flex;align-items:stretch;position:relative;z-index:3;width:100%;padding:.9375rem .625rem;flex-direction:column;justify-content:space-between}#mbti-event .lecture .item .link .lecture-name{color:#5742e7;position:relative;padding-top:1.25rem}#mbti-event .lecture .item .link .lecture-name:before{content:"";width:4.1666666667rem;height:.75rem;background-color:transparent;background-image:url(/m/images//event/mbti-event/deco-logo.png);background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;position:absolute;left:0;top:0}#mbti-event .lecture .item .link .lecture-name>p{width:100%;font-size:1.2083333333rem;line-height:1.25;font-weight:700;word-break:keep-all;word-wrap:break-word;letter-spacing:-.075rem}#mbti-event .lecture .item .link .img{display:block;width:7.625rem;height:7.625rem;border-radius:.625rem;background-position:center center;background-size:cover;margin:.625rem auto 0 auto;position:relative}#mbti-event .lecture .item .link .img:after{content:"󰅂";font-family:"Material Design Icons";width:1.25rem;height:1.25rem;-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;justify-content:center;color:#000;background-color:#fff;border-radius:1.25rem;position:absolute;right:.625rem;bottom:.625rem;font-size:1.0833333333rem;font-weight:900}#mbti-event .btn-wrap{margin:4.375rem auto 0 auto;padding:0 .625rem 6.25rem .625rem;-webkit-display:flex;display:-ms-flex;display:flex;flex-direction:column;align-items:center}#mbti-event .btn-wrap .btn{width:90%;height:4.375rem;border-radius:.9375rem;position:relative;-webkit-display:flex;display:-ms-flex;display:flex;align-items:center;justify-content:center;z-index:2;letter-spacing:-.0625rem;font-weight:700;font-size:1.1875rem;color:#20097b;background-color:#fff;box-shadow:.75rem .75rem .125rem 0 #00105d}#mbti-event .btn-wrap .btn+.blue{color:#263475;background-color:#7a8cde;box-shadow:.75rem .75rem .125rem 0 #263475}#mbti-event .btn-wrap .btn+.btn{margin-top:1.25rem}
/*# sourceMappingURL=mbti-event.min.css.map */