@charset "UTF-8";
.main_section {
     min-height: calc(100vh - 120px);
     padding-top: 120px;
}






/*진단*/
.counsel_test_whole {
     width: 100%;
     height: auto;
     margin: 50px auto 150px auto;
}

.counsel_test_row#counsel_test_row0 {
     display: block;
}

.counsel_test_row {
     width: 100%;
     height: auto;
     margin: 0 auto;
     display: none;
}

.counsel_test_title_whole {
     width: 100%;
     height: auto;
     margin: 0 auto;
}

.counsel_test_title_whole p {
     font-size: 24px;
     line-height: 36px;
     font-weight: 500;
     color: #2BA9BC;
     text-align: center;
     margin: 0 auto;
}

.counsel_test_title_whole p + p {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: #191919;
     margin: 20px auto 0 auto;
}

.counsel_test_title_whole p:last-child {
     margin-bottom: 40px;
}

.counsel_test_inner {
     width: 100%;
     max-width: 596px;
     height: auto;
     margin: 0 auto;
}

.counsel_test_radio_whole {
     width: 100%;
     height: auto;
     margin: 0 auto;
}

.counsel_test_radio_whole label {
     display: block;
     width: calc(50% - 10px);
     height: auto;
     margin: 20px 0 0 0;
}

.counsel_test_radio_whole label,
.counsel_test_radio_whole label * {
     cursor: pointer;
}

.counsel_test_radio_whole label:nth-child(1),
.counsel_test_radio_whole label:nth-child(2) {
     margin-top: 0;
}

.counsel_test_radio_whole label:nth-child(2n) {
     margin-left: 20px;
}

input[class="counsel_test_radio"] + span {
     display: block;
     width: calc(100% - 2px);
     height: auto;
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     color: #404040;
     text-align: center;
     border: 1px solid #BFBFBF;
     border-radius: 10px;
     padding: 13px 0;
}

input[class="counsel_test_radio"]:hover + span {
     background-color: #F4FEFF;
}

input[class="counsel_test_radio"]:checked + span {
     width: calc(100% - 4px);
     border: 2px solid #2BA9BC;
     padding: 12px 0;
}

/*버튼*/
.counsel_test_btn_whole {
     width: 100%;
     height: auto;
     margin: 60px auto 0 auto;
}

.counsel_test_btn {
     display: block;
     width: 100%;
     max-width: 150px;
     height: 44px;
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     border-radius: 10px;
     margin: 0;
     border: 1px solid #2BA9BC;
}

.counsel_test_btn.counsel_test_btn_prev {
     color: #2BA9BC;
     background-color: #FFFFFF!important;
     margin-right: 10px;
}

.counsel_test_btn.counsel_test_btn_next {
     color: #FFFFFF;
     background-color: #2BA9BC;
}

.counsel_test_btn.counsel_test_btn_prev:hover {
     background-color: #F9F9F9;
}

.counsel_test_btn.counsel_test_btn_prev:disabled {
     border-color: #BFBFBF;
}

.counsel_test_btn.counsel_test_btn_next:hover {
     background-color: #238493;
}



/*문제1~*/
.counsel_test_inner2 {
     max-width: 520px;
}

.counsel_test_num#counsel_test_num1 {
     display: block;
}

.counsel_test_num {
     width: 100%;
     height: auto;
     margin: 0 auto;
     display: none;
}

p.counsel_test_title {
     font-size: 15px;
     line-height: 22px;
     font-weight: 500;
     color: #333544;
     margin: 0 auto;
     word-break: break-all;
}

.counsel_test_box {
     width: calc(100% - 40px);
     height: auto;
     padding: 20px;
     border-radius: 10px;
     background-color: #FAFAFA;
     margin: 20px auto;
}

.counsel_test_box p {
     font-weight: bold;
     color: #333544;
}

p.counsel_test_box_title {
     font-size: 16px;
     line-height: 24px;
     text-align: center;
}

p.counsel_test_box_name {
     font-size: 14px;
     line-height: 20px;
     text-align: end;
     margin: 25px 0 12px auto;
}

p.counsel_test_box_txt {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     text-align: center;
     margin-bottom: 24px;
     word-break: break-all;
}

p.counsel_test_box_by {
     font-size: 12px;
     line-height: 18px;
     text-align: end;
}

/*답선택*/
.counsel_answer_whole {
     width: 100%;
     height: auto;
     margin: 20px auto 0 auto;
}

.counsel_answer_whole label {
     display: block;
     width: 100%;
     height: auto;
     margin: 0 auto;
}

.counsel_answer_whole label,
.counsel_answer_whole label * {
     cursor: pointer;
}

.counsel_answer_whole label + label {
     margin-top: 8px;
}

input[class="counsel_answer_radio"] + .counsel_answer_flex {
     width: calc(100% - 48px);
     height: auto;
     padding: 11px 23px;
     border: 1px solid #D9D9D9;
     background-color: #FFFFFF;
     border-radius: 10px;
}

input[class="counsel_answer_radio"]:hover + .counsel_answer_flex {
     background-color: #F4FEFF;
}

input[class="counsel_answer_radio"]:checked + .counsel_answer_flex {
     padding: 10px 22px;
     border: 2px solid #2BA9BC;
}

.counsel_answer_flex p {
     font-size: 16px;
     line-height: 24px;
     font-weight: bold;
     color: #333544;
}

.counsel_answer_flex p + p {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     margin-left: 24px;
     word-break: break-all;
}



.counsel_test_progress {
     text-align: center;
     color: #8D92A5;
     font-size: 16px
}

.progress_whole {
     width: 100%;
     max-width: 520px;
     font-size: 13px;
     font-weight: 600;
     margin: 18px auto 40px auto;
}

.progressbar {
     width: 100%;
     height: 8px;
     border-radius: 4px;
     background-color: #CAEBEF;
     overflow: hidden;
}

.progressbar .fill {
     width: max-content;
     height: 8px;
     border-radius: 10px;
     background-color: #2BA9BC;
     margin: 0!important;
}



@media (min-width: 1024px) {
     .main_section {
          min-height: calc(100vh - 211px);
          padding-top: 211px;
     }


     /*진단*/
     .counsel_test_title_whole p {
          font-size: 35px;
          line-height: 52px;
     }

     .counsel_test_title_whole p + p {
          font-size: 20px;
          line-height: 29px;
     }
     
     .counsel_test_radio_whole label {
          width: calc(50% - 18px);
          margin-top: 34px;
     }

     .counsel_test_radio_whole label:nth-child(2n) {
          margin-left: 36px;
     }
     
     input[class="counsel_test_radio"] + span {
          font-size: 22px;
          line-height: 33px;
          padding: 28px 0 27px 0;
     }

     input[class="counsel_test_radio"]:checked + span {
          width: calc(100% - 6px);
          border: 3px solid #2BA9BC;
          padding: 26px 0 25px 0;
     }
     
     /*버튼*/
     .counsel_test_btn {
          min-width: 160px;
          max-width: 160px;
          height: 50px;
          font-size: 22px;
          line-height: 33px;
     }
     
     .counsel_test_btn.counsel_test_btn_prev {
          margin-right: 15px;
     }





     /*문제1~*/
     p.counsel_test_title {
          font-size: 18px;
          line-height: 27px;
     }

     .counsel_test_box {
          margin: 20px auto 26px auto;
     }

     p.counsel_test_box_title {
          font-size: 18px;
          line-height: 27px;
     }

     p.counsel_test_box_name {
          font-size: 16px;
          line-height: 24px;
          margin: 15px 0 10px auto;
     }

     p.counsel_test_box_txt {
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 8px;
     }

     p.counsel_test_box_by {
          font-size: 14px;
          line-height: 20px;
     }

     /*답선택*/
     .counsel_answer_whole label + label {
          margin-top: 14px;
     }

     input[class="counsel_answer_radio"] + .counsel_answer_flex {
          width: calc(100% - 50px);
          padding: 12px 24px;
     }

     input[class="counsel_answer_radio"]:checked + .counsel_answer_flex {
          padding: 10px 22px;
          border: 3px solid #2BA9BC;
     }

     .counsel_answer_flex p {
          font-size: 18px;
          line-height: 27px;
     }

     .counsel_answer_flex p + p {
          font-size: 16px;
          line-height: 24px;
          margin-left: 26px;
     }
}