.visual {width: 100%; height: 890px; background: url(./../img/kv_bg.png)no-repeat 50% 50%; background-size: cover; overflow: hidden;}
.visual .container {display: flex; align-items: center; justify-content: center; gap: 131px; height: 100%;}
.visual .txt-box {white-space: nowrap;}
.visual .txt-box .box {display: flex; align-items: center; justify-content: center; width: 228px; height: 47px; margin-bottom: 24px; border-radius: 60px; background: var(--pr); font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.36px; color: var(--wt);}
.visual .txt-box .tit {margin-bottom: 30px; font-size: 70px; font-weight: bold; line-height: 1.2; letter-spacing: -1.4px; color: var(--black_3);}
.visual .txt-box .txt {font-size: 26px; font-weight: 400; line-height: 1.5; letter-spacing: -0.52px; color: var(--gray_6);}

.visual .img-box {width: 715px; height: auto;}
.visual .img-box img {animation: kv_car .5s 1s ease-in-out alternate both; position: relative; top: 33px; width: 100%; height: auto;}
@keyframes kv_car {
  0% {opacity: 0; left: 30%;}
  100% {opacity: 1; left: 0%;}
}

/* form-area */
.form-area {width: 100%; height: auto; margin-top: -162px;}
.form-area .form-box {width: 100%; height: auto; padding: 45px; box-sizing: border-box; border-radius: 8px; background: var(--wt); box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.12);}
.form-area .form-box .form-tit {margin-bottom: 38px; text-align: center;}
.form-area .form-box .form-tit .tit {font-size: 40px; font-weight: bold; line-height: 1; letter-spacing: -0.8px; color: var(--black_3);}
.form-area .form-box .form-tit .tit span {color: var(--pr);}
.form-area .form-box .form-tit .sub {margin-top: 12px; font-size: 18px; font-weight: 400; line-height: 1; letter-spacing: -0.36px; color: var(--gray_6);}

.input-box {display: flex; gap: 23px;}
.input-box .d-block {width: 100%;}
.form-area .form-box .input-wrap .input-area .input-box .d-flex {gap: 6px;}
.input-box .tit {min-width: 66px; width: 66px; padding-top: 11px; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.32px; color: var(--black_3); white-space: nowrap;}
.input-box .tit span {color: var(--red);}
.input-box input:not(input[type="checkbox"]) {width: 100%; height: 40px; padding: 0 10px; border-radius: 3px; border: 1px solid var(--gray_d9); box-sizing: border-box; font-size: 15px; font-weight: 400; line-height: 1; color: var(--black_3); outline-color: var(--pr);}
.input-box input:not(input[type="checkbox"])::placeholder {color: var(--gray_d9);}

.form-area .form-box .input-wrap {display: flex; align-items: flex-start; gap: 16px; justify-content: center;}
.form-area .form-box .input-wrap .input-area {display: flex; flex-flow: column; gap: 16px;}
.form-area .form-box .input-wrap .input-area .d-flex {display: flex; align-items: center; gap: 40px;}

/* ckd-box */
.ckd-box {width: 100%; height: auto; margin-top: 8px;;}
.ckd-box input[type="checkbox"] {display: none;}
.ckd-box label {display: flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: -0.28px; color: var(--gray_6);}
.ckd-box label a {font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: -0.28px; color: var(--gray_6);}
.ckd-box label:before {content: ''; display: block; width: 16px; height: auto; aspect-ratio: 1; background: url(./../img/ckd_off.png)no-repeat 50% 50%; background-size: cover;}
.ckd-box input[type="checkbox"]:checked + label:before {content: ''; display: block; width: 16px; height: auto; aspect-ratio: 1; background: url(./../img/ckd_on.png)no-repeat 50% 50%; background-size: cover;}

.form-area .form-box .submit-btn {display: flex; align-items: center; justify-content: center; min-width: 180px; width: 180px; height: 151px; background: var(--pr); text-align: center; border-radius: 3px; font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.32px; color: var(--wt);}