@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
/*
font-family: 'Black Han Sans', sans-serif;
font-family: "brandon-grotesque";
*/
/* common */
.moma-mbti{background-color: #eef7fc;text-align: center;}
.moma-mbti .inner{max-width:750px;margin:0 auto;padding:0 40px;box-sizing: border-box;}
.moma-mbti p{margin:0;}
.moma-mbti .pc-only{display: block;}
.moma-mbti .mo-only{display: none;}
@media all and (min-width:751px){
.moma-mbti{background: url('/kr/ko/assets/image/mbti/main_bg_pc.jpg') no-repeat center top / cover;}
.moma-mbti > div{max-width: 750px;margin: 0 auto;background-color: #eef7fc;}
}
@media all and (max-width:750px){
.moma-mbti .inner{padding:0 5.333vw;}
.moma-mbti .pc-only{display: none;}
.moma-mbti .mo-only{display: block;}
}
/* mbti-main */
.mbti-main{padding: 200px 0 160px;background: url('/kr/ko/assets/image/mbti/main_bg.jpg') no-repeat center top;}
.mbti-main h1 span{display: inline-block;font-size:130px;line-height:0.8;color:#454d54;font-family: 'Black Han Sans', sans-serif;}
.mbti-main h1 .tit1{margin-left: -100px;}
.mbti-main h1 .tit2{color:#2f6291;position:relative;z-index: 2;}
.mbti-main h1 .tit2 img{position:absolute;top:-57px;right:-36px;width: 81px;z-index: -1;}
.mbti-main h1 .tit3{padding-left: 180px;}
.mbti-main .desc{margin-top:70px;font-size: 32px;color:#8da5ba;line-height: 1.375;letter-spacing: -0.025em;}
.mbti-main .desc b{display: inline-block;margin-top:20px;font-size: 38px;}
.mbti-main .btn-search{display:block;width:83.5%;margin:70px auto 0;padding: 27px 0;background-color: #5382ad;font-size: 38px;color:#fff;letter-spacing: -0.025em;font-weight: bold;}
.mbti-main .mark{margin-top: 90px;}
.mbti-main .mark h5{font-size: 28px;color:#646464;font-family: "brandon-grotesque";}
.mbti-main .mark p{margin-top: 15px;font-size: 24px;color:#878787;line-height: 1.5;letter-spacing: -0.025em;}
.mbti-main .mark .noti{margin-top: 40px;font-size: 22px;line-height: 1.54;}
.participants-box{margin-top: 55px;padding:45px 0 55px;border-radius:20px;background:url('/kr/ko/assets/image/mbti/participants-box-bg.png') no-repeat center top / cover;}
.participants-box h3 span{font-size: 34px;color:#454d54;letter-spacing: -0.025em;display: inline-block;position:relative;z-index: 2;font-weight: bold;}
.participants-box h3 span:after{content:'';display:block;width:106%;height:23px;background-color: #c7d6e2;position:absolute;bottom:10%;left:-3%;z-index: -1;}
.participants-box .num p{margin-top:10px;font-size: 70px;color:#454d54;font-family: "brandon-grotesque";font-weight: 600;line-height: 1;}
.participants-box .type{margin-top: 40px;}
.participants-box .type ul{margin-top: 40px;padding:0 9%;box-sizing: border-box;}
.participants-box .type li{display:inline-block;vertical-align:top;width: 38%;}
.participants-box .type li + li{margin-left: 44px;}
.participants-box .type h4 span{display: inline-block;padding:2px 22px;font-size:28px;color:#fff;line-height:1;background-color: #8da5ba;letter-spacing: -0.025em;border-radius:17px;}
.participants-box .type li:nth-of-type(2) h4 span{background-color: #cc93b1;}
.participants-box .type h5{margin-top:20px;font-size: 32px;color:#454d54;line-height:1.25;letter-spacing: -0.025em;}
.participants-box .img{margin-top:20px;border:1px solid #dadada;}
.participants-box .img img{display: block;width:100%;}
@media all and (max-width:750px){
.mbti-main{padding: 26.667vw 0 21.333vw;padding-bottom: 20%;background-size:cover;}
.mbti-main h1 span{font-size:17.333vw;}
.mbti-main h1 .tit1{margin-left: -13.333vw;}
.mbti-main h1 .tit2 img{top:-7.600vw;right:-4.800vw;width: 10.800vw;}
.mbti-main h1 .tit3{padding-left: 24vw;}
.mbti-main .desc{margin-top:9.333vw;font-size: 4.267vw;}
.mbti-main .desc b{margin-top:2.667vw;font-size: 5.067vw;}
.mbti-main .btn-search{margin:9.333vw auto 0;padding: 3.600vw 0;font-size: 5.067vw;}
.mbti-main .mark{margin-top: 12vw;}
.mbti-main .mark h5{font-size: 3.733vw;}
.mbti-main .mark p{margin-top: 2vw;font-size: 3.200vw;}
.mbti-main .mark .noti{margin-top: 5.333vw;font-size: 2.933vw;}
.participants-box{margin-top: 7.333vw;padding:6vw 0 7.333vw;border-radius:2.667vw;background-size:contain;}
.participants-box h3 span{font-size: 4.533vw;}
.participants-box h3 span:after{height:3.067vw;}
.participants-box .num p{margin-top:1.333vw;font-size: 9.333vw;}
.participants-box .type{margin-top: 5.333vw;}
.participants-box .type ul{margin-top: 5.333vw;}
.participants-box .type li + li{margin-left: 5.867vw;}
.participants-box .type h4 span{padding:1px 2.933vw;font-size:3.733vw;border-radius:2.267vw;}
.participants-box .type h5{margin-top:2.667vw;font-size: 4.267vw;}
.participants-box .img{margin-top:2.667vw;}
}
/* mbti-question */
.mbti-question{padding: 8% 0 44%;font-weight: bold;}
.progress_bar{height:5px;background-color: #b6c4d1;position:relative;width:100%;overflow: hidden;}
.progress_bar span{width:10%;height:100%;background-color: #2f6291;position:absolute;top:0;left:0;transition:width 0.3s;}
.question-list{margin-top: 70px;}
.question-item .num{font-size: 80px;color:#ccdbe8;line-height:1;letter-spacing: 0.02em;font-family: "brandon-grotesque";}
.question-item .icon{margin-top: 55px;}
.question-item .icon img{width: 160px;}
.question-item .question-title{margin-top:30px;height:270px;font-size: 40px;line-height: 1.45;letter-spacing: -0.025em;color:#454d54;}
.answer-list.list3{margin-top: -10%;}
.answer-list li{height:175px;border:3px solid #f0f0f0;border-radius:15px;background-color: #fff;box-sizing: border-box;position:relative;cursor: pointer;}
.answer-list li p{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size: 36px;color:#5382ad;line-height: 1.38;letter-spacing: -0.025em;}
.answer-list li + li{margin-top: 36px;}
.answer-list.list3 li + li{margin-top: 12px;}
.answer-list li.on,
.answer-list li:hover{border-color:#5382ad;background-color: #5382ad;}
.answer-list li.on p,
.answer-list li:hover p{color:#fff;}
@media all and (min-width:751px){
.mbti-question{padding:4% 0 10%;}
}
@media all and (max-width:750px){
.progress_bar{height:3px;}
.question-list{margin-top: 9.333vw;}
.question-item .num{font-size: 9.333vw;}
.question-item .icon{margin-top: 7.333vw;}
.question-item .icon img{width: 21.333vw;}
.question-item .question-title{margin-top:4vw;height:36vw;font-size: 5.333vw;}
.answer-list li{height:23.333vw;border-width:2px;border-radius:2vw;}
.answer-list li p{font-size: 4.800vw;}
.answer-list li + li{margin-top: 4.800vw;}
.answer-list.list3 li + li{margin-top: 1.600vw;}
}
/* mbti-bridge */
.mbti-bridge{position:relative;padding:320px 0;}
.mbti-bridge .loading{width: 93px;animation: loading 2s infinite;}
.mbti-bridge .magnifying{display:block;width: 108px;margin: 45px auto 0;}
.mbti-bridge p{margin-top:30px;font-size: 36px;color:#646464;line-height: 1.38;letter-spacing: -0.025em;}
@keyframes loading{
0%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(360deg);}
}
@media all and (max-width:750px){
.mbti-bridge{padding: 42.667vw 0 0;}
.mbti-bridge .loading{width: 12.400vw;}
.mbti-bridge .magnifying{width: 14.400vw;margin: 6vw auto 0;}
.mbti-bridge p{margin-top:4vw;font-size: 4.800vw;}
}
/* mbti-result */
/*
theme01 - 파란색 theme
theme02 - 분홍색 theme
*/
.mbti-result{padding: 58px 0 155px;}
.result-img{border:2px solid #dadada;border-radius:3px;box-sizing: border-box;}
.result-img img{display: block;width:100%;}
.result-tit{margin-top: 64px;}
.result-tit h2 span{display:inline-block;height:42px;padding:0 30px;font-size: 32px;color:#fff;letter-spacing: -0.025em;line-height: 42px;border-radius:21px;}
.result-tit h3{margin:30px -40px 0;font-size:55px;color:#454d54;font-family: 'Black Han Sans', sans-serif;letter-spacing: -0.05em;line-height: 1.345;}
.result-tit h3 p{display:inline-block;position:relative;z-index: 2;}
.result-tit h3 p i{font-style:normal;font-family:'Arita',sans-serif;font-weight: 700;}
.result-tit h3 p:after{content:'';display:block;width:106%;height:30px;position:absolute;bottom:10%;left:-3%;z-index: -1;}
.result-txt{margin-top:55px;padding:78px 0 45px;border-radius:20px;background: url('/kr/ko/assets/image/mbti/result-tit01.png') no-repeat center top / cover;}
.result-txt .quote{font-size: 32px;line-height: 1.5;letter-spacing: -0.025em;color:#454d54;}
.result-txt .quote span{display:block;font-size: 90px;line-height: 0.1;}
.result-txt .list{margin-top:66px;padding-left:30px;text-align: left;color:#454d54;}
.result-txt .list li{padding-left: 20px;position:relative;font-size: 32px;line-height: 1.3125;letter-spacing: -0.025em;box-sizing: border-box;}
.result-txt .list li:after{content:'*';display:block;font-size: 32px;line-height: 1.3125;position:absolute;top:0;left:0;}
.result-txt .list li + li{margin-top: 10px;}
.result-txt .keyword{margin-top: 60px;}
.result-txt .keyword h4 span{display: inline-block;height:40px;padding: 0 7px;font-size: 32px;color:#fff;line-height:40px;letter-spacing: -0.025em;}
.result-txt .keyword p{margin-top:10px;font-size: 32px;line-height: 1.5;letter-spacing: -0.025em;}
.result-mate{margin-top: 45px;font-size: 0;}
.result-mate li{display:inline-block;vertical-align:top;width:calc(50% - 8.5px);min-height:515px;padding-top:45px;border-radius:15px;background-color: #fff;border:3px solid #f0f0f0;box-sizing: border-box;}
.result-mate li + li{margin-left: 17px;}
.result-mate h3 *{display: inline-block;vertical-align: middle;}
.result-mate h3 img{width: 43px;}
.result-mate h3 span{margin-left: 11px;font-size: 34px;color:#000;letter-spacing: -0.025em;position:relative;z-index: 2;font-weight: bold;}
.result-mate h3 span:after{content:'';display:block;width:106%;height:25px;position:absolute;bottom:10%;left:-3%;z-index: -1;}
.result-mate .best-mate h3 span:after{background-color: #ede5f5;}
.result-mate .worst-mate h3 span:after{background-color: #eef7fc;}
.result-mate .img{width:172px;height:172px;margin:35px auto 0;position:relative;border-radius:50%;overflow:hidden;}
.result-mate .img img{width:180px;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);}
.result-mate .txt{margin-top: 45px;color:#575757;letter-spacing: -0.025em;}
.result-mate .txt.line4{margin-top: 26px;}
.result-mate .txt h4{font-size: 32px;font-weight: bold;line-height:1.25;}
.result-mate .txt p{margin-top:10px;font-size: 28px;line-height: 1.28;}
.mbti-poll{padding:77px 0 40px;background: none;}
.mbti-poll .inner{position:relative;}
.poll-tit{width:92.5%;padding:63px 0;font-family: 'Black Han Sans', sans-serif;position:absolute;top:-172px;left:3.75%; display: none;}
.poll-tit h3{font-size: 44px;line-height: 1.227;letter-spacing: -0.05em;}
.poll-tit h4{font-size: 52px;line-height: 1.038;letter-spacing: -0.06em;}
.poll-box{padding:56px 0 109px;background-color: rgba(255,255,255,0.8);border-radius:15px;}
.poll-box h1{line-height: 0;}
.poll-box h1 img{width: 193px;}
.poll-box h2{margin-top: 20px;}
.poll-box h2 p{display:inline-block;font-size: 56px;line-height: 1;letter-spacing: -0.05em;color:#454d54;position:relative;z-index: 2;font-family: 'Black Han Sans', sans-serif;}
.poll-box h2 p:after{content:'';display:block;width:102%;height:34px;position:absolute;bottom:-5%;left:-1%;z-index: -1;}
.poll-box .dots{margin-top: 33px;font-size: 0;}
.poll-box .dots span{display:inline-block;vertical-align:top;width: 9px;height: 9px;border-radius:50%;}
.poll-box .dots span + span{margin-left: 20px;}
.poll-box .txt{margin-top: 30px;}
.poll-box .txt p{font-size: 30px;line-height: 1.4;letter-spacing: -0.025em;color:#454d54;}
.poll-box .txt p b{font-weight: bold;}
.poll-box .txt p + p{margin-top: 25px;}
.poll-box .coupon{margin-top: 30px;position:relative;}
.poll-box .coupon img{width: 267px;}
.poll-box .coupon p{position:absolute;top:26%;left:0;width:100%;font-size: 20px;line-height: 1.2;letter-spacing: -0.025em;color:#333;}
.poll-box .coupon p b{display: block;margin-top: 5px;font-size:34px;font-family: 'Black Han Sans', sans-serif;font-weight: 500;}
.poll-btn{width:83%;margin:-68px auto 0;}
.poll-btn a{display: block;padding:27px 0;}
.poll-btn a *{display: inline-block;vertical-align: middle;}
.poll-btn a span{font-size: 38px;color:#fff;letter-spacing: -0.025em;}
.poll-btn a img{width: 14px;margin-left: 33px;}
.poll-noti{margin-top:45px;padding:0 37px;box-sizing: border-box;font-size: 22px;color:#878787;line-height: 1.54;letter-spacing: -0.05em;text-align: left;position:relative;}
.poll-noti:before{content:'*';display: block;font-size: 22px;color:#878787;line-height: 1.54;position:absolute;top:0;left:20px;}
.poll-again{margin-top: 40px;}
.poll-again a{display: block;}
.poll-again a *{display: inline-block;vertical-align: middle;}
.poll-again a img{width: 31px;}
.poll-again a span{margin-left:15px;font-size: 32px;color:#333;letter-spacing: -0.025em;font-weight: bold;}
.mbti-share{padding:50px 0;background-color: #e5e5e5 !important;}
.mbti-share h3 span{display: inline-block;padding:0 5px;font-size: 30px;color:#575757;letter-spacing: -0.025em;border-bottom:1px solid #575757;}
.mbti-share .noti{margin-top:50px;padding:0 15px;text-align: left;box-sizing: border-box;}
.mbti-share .noti *{font-size: 22px;color:#878787;letter-spacing: -0.05em;line-height: 1.54;letter-spacing: -0.09em;}
.mbti-share .noti p{margin-top:26px;}
.mbti-share ul{margin-top:55px;font-size: 0;}
.mbti-share li{display: inline-block;vertical-align: top;}
.mbti-share li + li{margin-left: 106px;}
.mbti-share li a{display: block;}
.mbti-share li img{height:76px;}
/* theme01 */
.theme01 .result-tit h2 span{background-color: #8da5ba;}
.theme01 .result-tit h3 p:after{background-color: #daeef8;}
.theme01 .result-tit h3 p span{color:#2f6291;}
.theme01 .result-txt{background: url('/kr/ko/assets/image/mbti/result-tit01.png') no-repeat center top / 100% 100%;}
.theme01 .result-txt .list li:after{color:#5382ad}
.theme01 .result-txt .keyword h4 span{background-color: #8da5ba;}
.theme01 .result-txt .keyword p{color:#8da5ba;}
.theme01 .poll-tit{background: url('/kr/ko/assets/image/mbti/poll-tit-theme1.png') no-repeat center top / cover;}
.theme01 .poll-tit h3{color:#f0faff;}
.theme01 .poll-tit h4{color:#cfeeff;}
.theme01 .poll-box h2 p:after{background-color: #e5e8ee;}
.theme01 .poll-box h2 p span{color:#5382ad;}
.theme01 .poll-box h2 p span:last-of-type{color:#749dc1;}
.theme01 .poll-box .dots span:nth-of-type(1){background-color: #bdc9da;}
.theme01 .poll-box .dots span:nth-of-type(2){background-color: #819ebb;}
.theme01 .poll-box .dots span:nth-of-type(3){background-color: #2f6291;}
.theme01 .poll-btn a{background-color: #5382ad;box-shadow:12px 15px 0 #326491;}
/* theme02 */
.theme02 .result-tit h2 span{background-color: #cc93b1;}
.theme02 .result-tit h3 p:after{background-color: #ede5f5;}
.theme02 .result-tit h3 p span{color:#c47fa3;}
.theme02 .result-txt{background: url('/kr/ko/assets/image/mbti/result-tit02.png') no-repeat center top / 100% 100%;}
.theme02 .result-txt .list li:after{color:#cc93b1;}
.theme02 .result-txt .keyword h4 span{background-color: #cc93b1;}
.theme02 .result-txt .keyword p{color:#cc93b1;}
.theme02 .poll-tit{background: url('/kr/ko/assets/image/mbti/poll-tit-theme2.png') no-repeat center top / cover;}
.theme02 .poll-tit h3{color:#fffcff;}
.theme02 .poll-tit h4{color:#ffecf8;}
.theme02 .poll-box h2 p:after{background-color: #eee5ee;}
.theme02 .poll-box h2 p span{color:#bc7198;}
.theme02 .poll-box h2 p span:last-of-type{color:#cc93b1;}
.theme02 .poll-box .dots span:nth-of-type(1){background-color: #edd5e2;}
.theme02 .poll-box .dots span:nth-of-type(2){background-color: #dab2c7;}
.theme02 .poll-box .dots span:nth-of-type(3){background-color: #aa6e8e;}
.theme02 .poll-btn a{background-color: #cc93b1;box-shadow:12px 15px 0 #aa6e8e;}
/* type06 */
.type06 .result-tit h3{font-size: 52px;letter-spacing: -0.075em;}
.type06 .result-tit h3 p{font-size: 62px;letter-spacing: -0.05em;}
@media all and (max-width:750px){
.mbti-result{padding: 7.733vw 0 0vw;}
.result-img{border-width:1px;border-radius:2px;}
.result-tit{margin-top: 8.533vw;}
.result-tit h2 span{height:5.600vw;padding:0 4vw;font-size: 4.267vw;line-height: 5.600vw;border-radius:2.800vw;}
.result-tit h3{margin:4vw -5.333vw 0;font-size:7.333vw;}
.result-tit h3 p:after{height:4vw;}
.result-txt{margin-top:7.333vw;padding:10.400vw 0 6vw;border-radius:2.667vw;}
.result-txt .quote{font-size: 4.267vw;}
.result-txt .quote span{font-size: 12vw;}
.result-txt .list{margin-top:8.800vw;padding-left:4vw;}
.result-txt .list li{padding-left: 3vw;font-size: 4.267vw;}
.result-txt .list li:after{font-size: 4.267vw;}
.result-txt .list li + li{margin-top: 1.333vw;}
.result-txt .keyword{margin-top: 8vw;}
.result-txt .keyword h4 span{height:5.333vw;padding: 0 3px;font-size: 4.267vw;line-height:5.333vw;}
.result-txt .keyword p{margin-top:1.333vw;font-size: 4.267vw;}
.result-mate{margin-top: 6vw;}
.result-mate li{width:calc(50% - 1.133vw);min-height:68.667vw;padding-top:6vw;border-radius:2vw;border-width:2px;}
.result-mate li + li{margin-left: 2.267vw;}
.result-mate h3 img{width: 5.733vw;}
.result-mate h3 span{margin-left: 1.467vw;font-size: 4.533vw;}
.result-mate h3 span:after{height:3.333vw;}
.result-mate .img{width:22.933vw;height:22.933vw;margin:4.667vw auto 0;}
.result-mate .img img{width:24vw;}
.result-mate .txt{margin-top: 6vw;}
.result-mate .txt.line4{margin-top: 3.467vw;}
.result-mate .txt h4{font-size: 4.267vw;}
.result-mate .txt p{margin-top:1.333vw;font-size: 3.733vw;}
.mbti-poll{padding:10.267vw 0 5.333vw;}
.poll-tit{padding:8.400vw 0;top:-22.933vw;}
.poll-tit h3{font-size: 5.867vw;}
.poll-tit h4{font-size: 6.933vw;}
.poll-box{padding:7.467vw 0;border-radius:2vw;}
.poll-box h1 img{width: 25.733vw;}
.poll-box h2{margin-top: 2.667vw;}
.poll-box h2 p{font-size: 7.467vw;}
.poll-box h2 p:after{height:4.533vw;}
.poll-box .dots{margin-top: 4.400vw;}
.poll-box .dots span{width: 5px;height: 5px;}
.poll-box .dots span + span{margin-left: 2.667vw;}
.poll-box .txt{margin-top: 4vw;}
.poll-box .txt p{font-size: 4vw;}
.poll-box .txt p + p{margin-top: 3.333vw;}
.poll-box .coupon{margin-top: 4vw;}
.poll-box .coupon img{width: 35.600vw;}
.poll-box .coupon p{font-size: 2.667vw;}
.poll-box .coupon p b{margin-top: 3px;font-size:4.533vw;}
.poll-btn{margin:-9.067vw auto 0;}
.poll-btn a{padding:3.600vw 0;}
.theme01 .poll-btn a{box-shadow: 1.600vw 2vw 0 #326491;}
.theme02 .poll-btn a{box-shadow: 1.600vw 2vw 0 #aa6e8e;}
.poll-btn a span{font-size: 5.067vw;}
.poll-btn a img{width: 1.867vw;margin-left: 4.400vw;}
.poll-noti{margin-top:6vw;padding:0 4.933vw;font-size: 2.933vw;}
.poll-noti:before{font-size: 2.933vw;left:2.667vw;}
.poll-again{margin-top: 5.333vw;}
.poll-again a img{width: 4.133vw;}
.poll-again a span{margin-left:2vw;font-size: 4.267vw;}
.mbti-share{padding:6.667vw 0;}
.mbti-share h3 span{padding:0 3px;font-size: 4vw;}
.mbti-share ul{margin-top:7.333vw;}
.mbti-share li + li{margin-left: 14.133vw;}
.mbti-share li img{height:10.133vw;}
.mbti-share .noti{margin-top:6.667vw;padding:0;}
.mbti-share .noti *{font-size: 2.933vw;}
.mbti-share .noti p{margin-top:3.467vw;}
/* type06 */
.type06 .result-tit h3{font-size: 6.933vw;}
.type06 .result-tit h3 p{font-size: 8.267vw;}
}
/* 20210416 한 화면에 들어오도록 간격 및 폰트 조정 */
.answer-list.list3{margin-top: 0;}
.moma-mbti .inner{padding:0 30px;}
/* pc */
@media (min-width: 751px){
.moma-mbti > div{max-width:500px;}
.mbti-main{padding:100px 0;}
.mbti-main h1 span{font-size: 90px;}
.mbti-main h1 .tit1{margin-left: -74px;}
.mbti-main h1 .tit2 img{width: 65px;right: -35px;top: -47px;}
.mbti-main h1 .tit3{padding-left: 120px;}
.mbti-main .desc{margin-top: 50px;font-size: 22px;}
.mbti-main .desc b{font-size: 22px;}
.mbti-main .btn-search{margin:45px auto 0;font-size: 22px;padding:20px 0;}
.mbti-main .mark{margin-top: 50px;}
.mbti-main .mark h5{font-size: 16px;}
.mbti-main .mark p{font-size: 16px;}
.mbti-main .mark .noti{margin-top: 20px;font-size: 16px;}
.participants-box{margin-top: 35px;padding:30px 0 40px;border-radius:10px;background-size:100% 100%;}
.participants-box h3 span{font-size: 26px;}
.participants-box h3 span:after{height: 15px;}
.participants-box .num p{font-size: 50px;}
.participants-box .type{margin-top: 25px;}
.participants-box .type ul{margin-top: 30px;}
.participants-box .type li + li{margin-left: 30px;}
.participants-box .type h4 span{font-size: 20px;}
.participants-box .type h5{margin-top: 10px;font-size: 26px;}
.question-list{margin-top: 40px;}
.question-item .num{font-size: 60px;}
.question-item .icon{margin-top: 20px;}
.question-item .icon img{width: 120px;}
.question-item .question-title{margin-top: 20px;font-size: 26px;height:140px;}
.answer-list li{height: 120px;}
.answer-list li + li{margin-top: 24px;}
.answer-list li p{font-size: 22px;}
.mbti-bridge{padding:235px 0;}
.mbti-bridge .loading{width:85px;}
.mbti-bridge .magnifying{width:80px;}
.mbti-bridge p{font-size: 30px;}
.mbti-result{padding:58px 0 0;}
.result-tit{margin-top: 50px;}
.result-tit h2 span{font-size: 24px;}
.result-tit h3{font-size: 38px;}
.result-txt{margin-top: 30px;padding:60px 0 40px;}
.result-txt .quote{font-size: 20px;}
.result-txt .quote span{font-size: 70px;}
.result-txt .list{margin-top: 40px;}
.result-txt .list li,
.result-txt .list li:after{font-size: 20px;}
.result-txt .keyword{margin-top: 40px;}
.result-txt .keyword h4 span{height: 34px;font-size: 22px;line-height: 32px;}
.result-txt .keyword p{font-size: 20px;}
.result-mate{margin-top: 30px;}
.result-mate li{padding-top: 30px;min-height: 420px;}
.result-mate h3 img{width: 35px;}
.result-mate h3 span{font-size: 24px;}
.result-mate h3 span:after{height: 15px;}
.result-mate .img{width: 160px;height: 160px;margin:25px auto 0;}
.result-mate .txt{margin-top: 30px;}
.result-mate .txt h4{font-size: 20px;}
.result-mate .txt p{font-size: 18px;}
.mbti-poll{padding:40px 0;}
.poll-tit{padding:42px 0;top:-120px;}
.poll-tit h3{font-size: 30px;}
.poll-tit h4{font-size: 34px;}
.poll-box{padding:40px 0;}
.poll-box h1 img{width: 145px;}
.poll-box h2 p{font-size: 36px;}
.poll-box h2 p:after{height: 24px;}
.poll-box .dots{margin-top: 24px;}
.poll-box .txt p{font-size: 20px;}
.poll-box .txt p + p{margin-top: 15px;}
.poll-box .coupon img{width: 200px;}
.poll-box .coupon p{font-size: 15px;}
.poll-box .coupon p b{font-size: 28px;}
.poll-btn a{padding:20px 0;}
.poll-btn a span{font-size: 22px;}
.poll-btn a img{width: 10px;margin-left: 25px;}
.poll-noti{margin-top: 35px;padding:0 30px;font-size: 14px;}
.poll-noti:before{font-size: 14px;left: 16px;}
.poll-again{margin-top: 30px;}
.poll-again a img{width: 26px;}
.poll-again a span{font-size: 24px;}
.mbti-share h3 span{font-size: 20px;}
.mbti-share ul{margin-top: 35px;}
.mbti-share li + li{margin-left: 15%;}
.mbti-share li img{height: 55px;}
.mbti-share .noti{margin-top: 40px;}
.mbti-share .noti *{font-size: 14px;}
.mbti-share .noti p{margin-top: 15px;}
.type06 .result-tit h3{font-size: 34px;}
.type06 .result-tit h3 p{font-size: 44px;}
}
/* mo */
@media (max-width: 750px){
.moma-mbti .inner{padding:0 15px;}
.mbti-main{padding:18vw 0;}
.mbti-main .desc{margin-top: 4vw;}
.mbti-main .btn-search{margin:4vw auto 0;}
.mbti-main .mark{margin-top: 7vw;}
.question-list{margin-top: 7vw;}
.question-item .icon{margin-top: 3vw;}
.question-item .icon img{width: 18vw;}
.question-item .question-title{height:28vw;margin-top: 3vw;font-size: 5vw;}
.answer-list li{height:20vw;}
.answer-list li + li{margin-top: 3vw;}
.answer-list li p{font-size: 4.2vw;}
}
.mbti-share .noti, .poll-box .coupon, .poll-btn, .poll-noti {
display: none;
}