.step_box {width: 100%; height: auto; padding-bottom: 50px; margin-top: -60px;}
.step_box .step_kv {width: 100%; height: auto; padding: 14px 30px 50px; background: var(--pr); box-sizing: border-box;}
.step_box .step_kv .icon_box {display: none; width: 240px; height: auto; margin: 0 auto;}
.step_box .step_kv .icon_box img {animation: wobble-ver-left 0.8s both; width: 100%; height: auto;}
@keyframes wobble-ver-left {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(-6deg);
            transform: translateY(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(6deg);
            transform: translateY(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(-3.6deg);
            transform: translateY(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(2.4deg);
            transform: translateY(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(-1.2deg);
            transform: translateY(-6px) rotate(-1.2deg);
  }
}

.step_box .step_kv .step_txt {display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 15px; margin: 36px 0 0; box-sizing: border-box; background: var(--wt); border-radius: 8px; font-size: 13px; font-weight: 600; line-height: 1.5; letter-spacing: -0.28px; color: var(--pr);}
.step_box .step_kv .step_txt img {width: 14px;}

.step_box .step_kv .step_current {width: 100%; height: auto; padding-top: 30px;}
.step_box .step_kv .step_current ul {display: flex; align-items: center; justify-content: space-between; text-align: center; text-align: center;}
.step_box .step_kv .step_current ul li {position: relative; width: calc(100% / 5);}
.step_box .step_kv .step_current ul li:before {position: absolute; top: 14px; right: -26px; content: ''; display: block; width: 51px; height: 1px; background: var(--wt); opacity: 0.5;}
.step_box .step_kv .step_current ul li:last-of-type:before {display: none;}
.step_box .step_kv .step_current ul li .child-box {}
.step_box .step_kv .step_current ul li .child-box .img-box {display: flex; align-items: center; justify-content: center; width: 30px; height: auto; margin: 0 auto; margin-bottom: 6px;}
.step_box .step_kv .step_current ul li .child-box .img-box:before {content: ''; width: 30px; height: auto; aspect-ratio: 1/1; border-radius: 100%; background: var(--wt);}

.step_box .step_kv .step_current ul li:nth-child(1) .child-box .img-box:before {background: url(./../img/step_icon1_off.png)no-repeat 50% 50%; background-size: cover;}
.step_box .step_kv .step_current ul li:nth-child(2) .child-box .img-box:before {background: url(./../img/step_icon2_off.png)no-repeat 50% 50%; background-size: cover;}
.step_box .step_kv .step_current ul li:nth-child(3) .child-box .img-box:before {background: url(./../img/step_icon3_off.png)no-repeat 50% 50%; background-size: cover;}
.step_box .step_kv .step_current ul li:nth-child(4) .child-box .img-box:before {background: url(./../img/step_icon4_off.png)no-repeat 50% 50%; background-size: cover;}
.step_box .step_kv .step_current ul li:nth-child(5) .child-box .img-box:before {background: url(./../img/step_icon5_off.png)no-repeat 50% 50%; background-size: cover;}

.step_box .step_kv .step_current ul li.active:nth-child(1) .child-box .img-box:before {background: url(./../img/step_icon1.png)no-repeat 50% 50%; background-size: cover;}
.step_box .step_kv .step_current ul li.active:nth-child(2) .child-box .img-box:before {background: url(./../img/step_icon2.png)no-repeat 50% 50%; background-size: cover;}
.step_box .step_kv .step_current ul li.active:nth-child(3) .child-box .img-box:before {background: url(./../img/step_icon3.png)no-repeat 50% 50%; background-size: cover;}
.step_box .step_kv .step_current ul li.active:nth-child(4) .child-box .img-box:before {background: url(./../img/step_icon4.png)no-repeat 50% 50%; background-size: cover;}
.step_box .step_kv .step_current ul li.active:nth-child(5) .child-box .img-box:before {background: url(./../img/step_icon5.png)no-repeat 50% 50%; background-size: cover;}

.step_box .step_kv .step_current ul li .child-box .txt-box {}

.step_box .step_kv .step_current ul li .child-box .txt-box .tit {margin-bottom: 6px; font-size: 12px; font-weight: bold; line-height: 1.3; letter-spacing: -0.48px; color: rgba(255, 255, 255, 0.5);}
.step_box .step_kv .step_current ul li.active .child-box .txt-box .tit {color: var(--wt);}

.step_box .step_kv .step_current ul li .child-box .txt-box .txt {font-size: 10px; font-weight: 500; line-height: 1.3; letter-spacing: -0.4px; color: rgba(255, 255, 255, 0.5);}
.step_box .step_kv .step_current ul li.active .child-box .txt-box .txt {color: var(--wt);}

/* form */
.form_box {width: 100%; height: auto; padding: 0 30px; box-sizing: border-box;}
.form_box .form_tit {display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 12px; margin-bottom: 50px;}
.form_box .form_tit img {width: 50px; height: auto;}
.form_box .form_tit .point {font-size: 20px; font-weight: bold; line-height: 130%; color: var(--pr); letter-spacing: -4%;}
.form_box .form_tit .txt {font-size: 24px; font-weight: 500; line-height: 130%; color: var(--gray_6); letter-spacing: -4%;}
.input-box {display: flex; flex-flow: column; gap: 15px; margin-bottom: 50px;}
.input-box .tit {font-size: 18px; font-weight: bold; line-height: 1.3; letter-spacing: -0.72px; color: var(--black_3);}
.input-box .tit span {font-size: 14px; font-weight: 400; line-height: 130%; color: var(--gray_6);}
.input-box .cr_box {display: flex; align-items: center; flex-wrap: wrap; gap: 10px 0; margin: 0 -5px;}
.input-box .cr_box input[type="radio"] {display: none;}
.input-box .cr_box input[type="checkbox"] {display: none;}
.input-box .cr_box label {width: calc(100% / 2); padding: 0 5px; box-sizing: border-box;}
.input-box .cr_box.calc3 label {width: calc(100% / 3);}
.input-box .cr_box label span {display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; border: 1px solid var(--gray_ca); border-radius: 4px; box-sizing: border-box; font-size: 14px; font-weight: 600; line-height: 1.3; letter-spacing: -0.28px; color: var(--gray_6); text-align: center; word-break: keep-all;}
.input-box .cr_box input[type="radio"]:checked + label span {border-color: var(--pr); background: var(--pr2); color: var(--pr);}
.input-box .cr_box input[type="checkbox"]:checked + label span {border-color: var(--pr); background: var(--pr2); color: var(--pr);}

.input-box .cr_box textarea {width: 100%; height: 73px; padding: 13px 10px; box-sizing: border-box; border-bottom: 1px solid var(--gray_ca); font-size: 12px; font-weight: 400; line-height: 150%; color: var(--gray_9); resize: none; outline: none;}
.input-box .cr_box textarea::-webkit-scrollbar,
.input-box .cr_box textarea::-webkit-scrollbar-thumb,
.input-box .cr_box textarea::-webkit-scrollbar-track {display:none;}

/* form_btn */
.form_btn {display: flex; align-items: center; justify-content: center; gap: 10px;}
.form_btn button {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; border-radius: 8px; font-size: 14px; font-weight: 600; line-height: 1.3; letter-spacing: -0.28px;}
.form_btn button img {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 18px; height: auto;}
.form_btn button img.left {right: auto; left: 20px;}