.visual {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 800px; z-index: 1; overflow: hidden;}
.visual:before {animation: kv_bg .5s 1s linear alternate both; position: absolute; top: 0; right: 0; transform-origin: top; content: ''; display: block; width: 755px; height: 800px; background: url(./../img/kv_bg.png)no-repeat 50% 50%; background-size: cover; z-index: -1;}
@keyframes kv_bg {
  0% {height: 0;}
  100% {height: 100%;}
}
.visual .container {display: flex; align-items: center; justify-content: flex-start;}
.visual .txt-box {position: relative; white-space: nowrap; z-index: 1;}
.visual .txt-box .txt {font-size: 70px; font-weight: 400; line-height: 1; letter-spacing: -2.8px; color: var(--black_3);}
.visual .txt-box .txt b {font-weight: bold; color: var(--pr2);}
.visual .txt-box .sub {margin-top: 28px; font-size: 32px; font-weight: 400; line-height: 1.5; letter-spacing: -0.64px; color: var(--gray_6);}

.visual .img-box {position: absolute; bottom: 70px; right: 90px; max-width: 891px; width: 100%; height: auto; z-index: -1;}
.visual .img-box img {position: relative; animation: kv_car .5s 1.5s ease-in-out alternate both; 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; padding: 35px 0; box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.12); background-image: linear-gradient(99deg, #f06138 0%, #f8a931 100%);}
.form-area .form-box  {display: flex; align-items: center; gap: 18px;}
.input-wrap {width: 100%; height: auto; padding: 30px 78px; box-sizing: border-box; background: var(--wt); border-radius: 8px;}
.form-area .form-box .input-area {}
.input-box {display: flex; align-items: center; gap: 19px; margin-bottom: 10px;}
.input-box:last-of-type {margin-bottom: 0;}
.input-box .tit {min-width: 70px; width: 70px;; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.32px; color: var(--black_3);}
.input-box .tit span {color: var(--red);}
.input-box input {width: 100%; height: 40px; padding: 0 10px; border-radius: 3px; border: 1px solid var(--gray_d9); background: var(--wt); box-sizing: border-box; outline-color: var(--pr);}

.input-box .d-flex {display: flex; align-items: center; gap: 8px; width: 100%;}
.input-box .d-flex span {}

.ckd-box {width: 100%; height: auto; margin-top: 10px;}
.ckd-box input[type="checkbox"] {display: none;}
.ckd-box label {display: flex; align-items: center; justify-content: 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 button {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;}

.submit-btn {display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 20px; min-width: 216px; height: 230px; background: var(--pr); border-radius: 8px; background: var(--pr); font-size: 26px; font-weight: bold; line-height: 1.5; letter-spacing: -0.52px; color: var(--wt); box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.15);}
.submit-btn img {width: 70px; height: auto;}