@charset "utf-8";

.sub-wrapper{margin: 0 auto;max-width: 720px;text-align: center;padding:46px 40px;}
.sub-wrapper .img-box > img{width: 100%;display: block;}
.sub-wrapper .title {font-family: Jalnan,sans-serif;font-size: 36px;font-weight: 700;line-height: 1.34em;color: #60725A;}
.sub-wrapper .exp {font-family: Noto Sans KR,sans-serif;font-size: 20px;font-weight: 500;line-height: 1.448;text-align: center;color:#000000;margin-top: 20px;}
.sub-wrapper .question-box{margin-top: 20px;width: 100%;}

.sub-wrapper .form-box{display: flex;flex-direction: column;row-gap: 18px;margin-top: 24px;}
.sub-wrapper .form-box .row-box{}
.sub-wrapper .form-box .row-box .input-box{display: flex;flex-direction: column;align-items: flex-start;row-gap: 10px;}
.sub-wrapper .form-box .row-box .input-box > label{font-family: Noto Sans KR,sans-serif;font-size: 18px;font-weight: 400;line-height: 1.44;text-align: left;padding-left: 42px;position: relative;}
.sub-wrapper .form-box .row-box .input-box > label > span{display: block;font-size: 16px;color:#AEAEAE;}
.sub-wrapper .form-box .row-box .input-box > label::before{position: absolute;left: 0;font-family: Inter,sans-serif;font-size: 24px;font-weight: 700;line-height: 1;text-align: left;color: #8E2C3E;width: 37px;display:inline-block;margin-right: 5px;top:50%;transform: translateY(-50%);}
.sub-wrapper .form-box .row-box:nth-of-type(1) .input-box > label::before{content:'Q1.'}
.sub-wrapper .form-box .row-box:nth-of-type(2) .input-box > label::before{content:'Q2.'}
.sub-wrapper .form-box .row-box .input-box select{width: 100%;margin-top: 10px;height: 45px;border-radius: 10px;border: 3px solid #BAA59A;font-family: Noto Sans KR,sans-serif;font-size: 16px;font-weight: 400;line-height: 1.448125;text-align: center;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('../images/icons/icon-select-arrow.svg') calc(100% - 8px) center no-repeat;}
.sub-wrapper .button{width: 100%;height: 52px;font-family: Noto Sans KR,sans-serif;font-size: 20px;font-weight: 700;line-height: 1;letter-spacing: -0.02em;border-radius: 10px;background-image: url("../images/bg-button.png");color: #FFFBF4;display: flex;align-items: center;justify-content: center}
.sub-wrapper .button1{width: 100%;height: 52px;font-family: Noto Sans KR,sans-serif;font-size: 20px;font-weight: 700;line-height: 1;letter-spacing: -0.02em;border-radius: 10px;background-image: url("../images/bg-button.png");color: #FFFBF4;display: flex;align-items: center;justify-content: center}
.sub-wrapper .button-box > p{font-family: Noto Sans KR,sans-serif;font-size: 16px;font-weight: 500;line-height: 1;text-align: center;color:#000000;margin-top: 15px;}
.sub-wrapper .button-box > p .count {color: #60725A;}
.sub-wrapper .share-box > h3{font-family: Noto Sans KR,sans-serif;font-size: 16px;font-weight: 500;line-height: 1;text-align: center;}
.sub-wrapper .share-box .sns-button{margin-top: 15px;display: flex;justify-content: center;column-gap: 11px;}
.sub-wrapper .share-box .sns-button img{width: 46px;height: 46px;display: block;}

.sub-wrapper .result-box{margin-top: 25px;    border-radius: 10px;overflow: hidden;}
.sub-wrapper .result-box .count-box{background-image: url("../images/img-result.png");background-size: contain;width: 100%;aspect-ratio: 1 / 1;display: flex;justify-content: center;align-items: center;font-size: 45px;}
.sub-wrapper .result-box .count-box .count-text {font-family: UhBeeSe_hyun,sans-serif;font-size: 1em;font-weight: 500;line-height: 1;-webkit-text-stroke: 4px #8E2C3E;text-shadow: -3px 0 #8E2C3E, 0 3px #8E2C3E, 3px 0 #8E2C3E, 0 -3px #8E2C3E;color:#ffffff;letter-spacing: -0.05em;}
.sub-wrapper .result-box .text-box{background-color: #F65775;font-family: GangwonEdu_OTFBoldA,sans-serif;font-size: 24px;font-weight: 400;line-height: 1.2;text-align: center;padding:12px 21px;color: #FFFFFF;}
@media all and (min-width: 720px) {
    .sub-wrapper .result-box .count-box{font-size: 90px;}
}

@media all and (max-width: 720px) {
    .sub-wrapper .result-box .count-box{font-size: 12.5vw;}
}



.sub-wrapper .mt40{margin-top: 40px;}
.sub-wrapper .mt50{margin-top: 50px;}
.sub-wrapper .mt70{margin-top: 70px;}