@charset "utf-8";

#footer {display: none;}

#header[data-now-page="contact"] .header__contact-link {
    display: none;
}



/* .contact__slide:nth-child(1) {background-color: #7a4ea1;}
.contact__slide:nth-child(2) {background-color: #709abe;}
.contact__slide:nth-child(3) {background-color: #56349f;}
.contact__slide:nth-child(4) {background-color: #043414;}
.contact__slide:nth-child(5) {background-color: #13bf58;}
.contact__slide:nth-child(6) {background-color: #5a4040;}
.contact__slide:nth-child(7) {background-color: #1cc25c;}
.contact__slide:nth-child(8) {background-color: #1d8ec2;}
.contact__slide:nth-child(9) {background-color: #bf3385;}
.contact__slide:nth-child(10) {background-color: #1d964b;} */



.contact__slide-wrap {
    position: relative;
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.contact__slide-wrap label {
    display: block;
}

.contact__slide-wrap textarea {
    resize: none;
    width: 100%;
    border: 0.1rem solid var(--ir-color-dark-gray);
    border-radius: 1rem;
    padding: 1.8rem;
}

.contact__slide-wrap .error-title textarea {
    border: 0.1rem solid var(--ir-color-red);
}

.contact__slide-wrap input[type="text"] {
    border-bottom: 0.1rem solid var(--ir-color-dark-gray);
    padding: min(1.50rem, 0.78vw) 0;
}

.contact__slide-wrap .contact__progress-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    background-color: var(--ir-color-light-gray);
    z-index: 100;
}

.contact__slide-wrap .contact__progress-bar.off {
    visibility: hidden;
}

.contact__slide-wrap .contact__slide {
    position: relative;
    width: 100%;
    /* height: 100%; */
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.contact__slide .contact__inner {
    display: flex;
    /* height: 100%; */
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    /* height: fit-content; */
    flex-direction: column;
    /* justify-content: center; */
    justify-content: space-between;

    /* padding: min(22.80rem, 11.88vw) 0 min(16.10rem, 8.39vw) 0; */
}

.contact__slide:not(.contact__intro, .contact__step-outro) .contact__inner {
    height: auto;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* .contact__intro {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
} */
.contact__intro-header {
    /* margin-bottom: 15.52vw; */
    /* margin-bottom: min(22.10rem, 11.51vw); */
    padding-top: min(22.80rem, 11.88vw);
}

.contact__intro-header .red-dot {
    width: var(--en-dot-22);
    margin-left: var(--dot-margin-8);
}

.contact__header-title {
    margin-bottom: min(1.90rem, 0.99vw);
    font-family: var(--lang-en);
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-150);
    line-height: var(--lh-100);
    letter-spacing: var(--ls-tight);
}

.contact__header-desc {
    font-family: var(--lang-en);
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-48);
    line-height: var(--lh-120);
}

.contact__intro-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: min(15.00rem, 7.81vw);
}

.contact__company {
    width: 100%;
}

.contact__address {
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-24);
    line-height: var(--lh-140);
    letter-spacing: var(--ls-normal);
}

.contact__intro-footer .contact__point {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contact__intro-footer .contact__point-item {
    display: inline-block;
}

.contact__intro-footer .contact__point-item + .contact__point-item {
    /* margin-left: 5rem; */
}

.contact__intro-footer .contact__point-item.address {}

.contact__intro-footer .contact__point-title {
    margin-bottom: min(1.00rem, 0.52vw);
    color: var(--ir-color-dark-gray);
    font-family: var(--lang-en);
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-16);
    line-height: var(--lh-120);
}

.contact__intro-footer .contact__point-value {
    font-family: var(--lang-en);
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-20);
    line-height: var(--lh-120);
}

.contact__point-item.address .contact__point-value {
    font-family: var(--lang-ko);
    font-variation-settings: 'wght' var(--weight-400);
    font-size: var(--font-size-20);
    line-height: var(--lh-135);
}

.contact__intro-footer .contact__point-value .bt-line-motion::after {
    background-color: var(--ir-color-black);
}

.contact__start-btn {
    font-family: var(--lang-en);
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-32);
    line-height: var(--lh-120);
    background-color: var(--ir-color-red);
    color: var(--ir-color-white);
    margin-top: min(4.40rem, 2.29vw);
    border: 0.1rem solid var(--ir-color-red);
    padding: min(1.56vw, 3rem) min(3.13vw, 6rem);
}

.contact__start-btn:hover .hover-motion-text2 {
    background-color: var(--ir-color-red);
}

.contact__question-header {
    margin-bottom: min(3.40rem, 1.77vw);
}

.contact__question-header .red-dot {
    width: var(--en-dot-11);
    margin-left: var(--dot-margin-4);
}

.contact__question-num {
    font-family: var(--lang-en);
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-32);
    line-height: var(--lh-120);
}

.contact__question-title {
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-60);
    line-height: var(--lh-120);
}

.contact__step-intro .contact__answer {
    width: 100%;
    max-width: 57.4rem;
}

.contact__step-intro .contact__input {
    display: inline-block;
    width: min(57.40rem, 29.90vw);
    height: fit-content;
}

.contact__step-intro .contact__input + .contact__input {
    margin-top: min(5.00rem, 2.60vw);
}

.contact__step-intro .contact__input-btn {
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-32);
    line-height: var(--lh-140);
}

.contact__input-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: auto 574/150;
    border: 0.1rem solid var(--ir-color-dark-gray);
    border-radius: 50rem;
    cursor: pointer;
}

input[name="type"]:checked ~ .contact__input-btn,
input[name="cost_type"]:checked ~ .contact__input-btn,
input[name="project_type"]:checked ~ .contact__input-btn {
    background-color: var(--ir-color-black);
    color: var(--ir-color-white);
}

.contact__slide-wrap .contact__answer {
    width: fit-content;
    text-align: right;
}

input[type="checkbox"]:checked ~ div .contact__input-check {
    background-color: var(--ir-color-black);
}

.contact__input-check {
    position: relative;
    display: inline-block;
    width: min(2.40rem, 1.25vw);
    aspect-ratio: auto 1/1;
    border-radius: 50%;
    border: 0.1rem solid var(--ir-color-dark-gray);
    background-color: var(--ir-color-white);
    vertical-align: text-bottom;
    margin-right: min(1.00rem, 0.52vw);
}

.contact__input-check::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../../image/icon/icon_input_check-b.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: min(1.10rem, 0.57vw);
    max-width: min(1.10rem, 0.57vw);
    aspect-ratio: auto 12 / 10;
}

.contact__check-link {
    text-decoration: underline; 
    text-underline-offset: 0.2vw;
    text-decoration-color: var(--ir-color-dark-gray);
    text-decoration-thickness: 0.1rem;
    transition: text-decoration-color 0.3s ease, color 0.3s ease;
}

.contact__check-link:hover {
    text-decoration-color: var(--ir-color-black);
    color: var(--ir-color-black);
}

/* 채용 */
.contact__step-recruit1 .contact__answer {
    width: min(58.00rem, 30.21vw);
}

.contact__step-recruit1 .contact__input + .contact__input {
    margin-top: min(2.00rem, 1.04vw);
    text-align: left;
}

.contact__step-recruit1 .contact__input-text {
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-32);
    line-height: var(--lh-140);
    padding: min(2.90rem, 1.51vw) 0 min(1.50rem, 0.78vw) !important;
}

.contact__step-recruit1 .contact__input:first-child .contact__input-text {
    padding-top: 0 !important;
}

.contact__step-recruit1 .contact__check-wrap {
    margin-top: 2rem;
    font-variation-settings: 'wght' var(--weight-400);
    font-size: var(--font-size-20);
    line-height: var(--lh-135);
    letter-spacing: var(--ls-normal);
    display: inline-block;
    cursor: pointer;
    color: var(--ir-color-dark-gray);
    width: 100%;
}

.contact__step-recruit2 .contact__answer {
    width: 37.60vw;
    max-width: 72.2rem;
    text-align: left;
}

.contact__step-recruit2 .contact__answer-title {
    position: relative;
    margin-bottom: 1rem;
    color: var(--ir-color-dark-gray);
    font-variation-settings: 'wght' var(--weight-400);
    font-size: var(--font-size-20);
    line-height: var(--lh-135);
    letter-spacing: var(--ls-normal);
}

.contact__step-recruit2 .contact__answer-title.error-title {
    color: var(--ir-color-red);
}

.contact__step-recruit2 .contact__answer-value {
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-32);
    line-height: var(--lh-140);
}

/* TODO */
.contact__type-view {
    display: none !important;
}

.contact__type-view.show {
    display: block !important;
}

/* 프로젝트 */
.contact__step-project1 .contact__question-desc {
    font-variation-settings: 'wght' var(--weight-400);
    font-size: var(--font-size-20);
    line-height: var(--lh-135);
    letter-spacing: var(--ls-normal);
    color: var(--ir-color-dark-gray);
    margin-top: min(1.00rem, 0.52vw);
}

.contact__step-project1 .contact__answer {
    /* width: min(30.00rem, 15.63vw); */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(3.00rem, 1.56vw) min(5.00rem, 2.60vw);
}

.contact__step-project1 .contact__answer label {
    width: min(30.00rem, 15.63vw);
}

.contact__step-project1 .contact__input-btn {
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-24);
    line-height: var(--lh-140);
    letter-spacing: var(--ls-normal);
}

.contact__step-project2 .contact__answer {
    width: 30.21vw;
    max-width: 58rem;
    text-align: left;
}

.contact__step-project2 .contact__input + .contact__input {
    margin-top: min(5.50rem, 2.86vw);
}

.contact__step-project2 .contact__answer-title {
    font-variation-settings: 'wght' var(--weight-400);
    font-size: var(--font-size-20);
    line-height: var(--lh-135);
    letter-spacing: var(--ls-normal);
    color: var(--ir-color-dark-gray);
}

.contact__step-project2 .contact__input-date {
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-48);
    line-height: var(--lh-120);
}

.contact__step-project3 .contact__answer {
    width: min(57.40rem, 29.90vw);
}

.contact__step-project3 .contact__input + .contact__input {
    margin-top: min(2.00rem, 1.04vw);
}

.contact__step-project3 .contact__input-btn {
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-32);
    line-height: var(--lh-140);
}

.contact__step-project4 .contact__answer {
    width: min(72.20rem, 37.60vw);
    text-align: left;
}

.contact__step-project4 .contact__answer .contact__input:first-child {
    margin-bottom: min(5.00rem, 2.60vw);
}

.contact__step-project4 .contact__answer-title {
    margin-bottom: min(1.00rem, 0.52vw);
    color: var(--ir-color-dark-gray);
    font-variation-settings: 'wght' var(--weight-400);
    font-size: var(--font-size-20);
    line-height: var(--lh-135);
    letter-spacing: var(--ls-normal);
}

.contact__step-project4 .contact__answer-value {
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-32);
    line-height: var(--lh-140);
}

.contact__step-project5 .contact__answer {
    width: min(58.00rem, 30.21vw);
    text-align: left;
}

.contact__step-project5 .contact__input-text {
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-32);
    line-height: var(--lh-140);

    padding-top: min(2.90rem, 1.51vw) !important;
    padding-bottom: min(1.50rem, 0.78vw) !important;
}

.contact__step-project5 .contact__input:first-child .contact__input-text {
    padding-top: 0 !important;
}

.contact__step-project5 .contact__check-wrap {
    margin-top: min(2.00rem, 1.04vw);
    font-variation-settings: 'wght' var(--weight-400);
    font-size: var(--font-size-20);
    line-height: var(--lh-135);
    letter-spacing: var(--ls-normal);
    display: inline-block;
    cursor: pointer;
    color: var(--ir-color-dark-gray);
}

.contact__step-project6 {
    background-color: var(--ir-color-black);
    color: var(--ir-color-white);
}

.contact__step-project6 .contact__question-desc {
    color: var(--ir-color-dark-gray);
    margin-top: min(1.30rem, 0.68vw);
    font-variation-settings: 'wght' var(--weight-400);
    font-size: var(--font-size-20);
    line-height: var(--lh-135);
    letter-spacing: var(--ls-normal);
}

.contact__step-project6 .contact__answer {
    width: min(72.00rem, 37.50vw);
    aspect-ratio: auto 720/530;
    overflow: hidden;
    background-color: var(--ir-color-white);
    color: var(--ir-color-black);
    padding: min(4.00rem, 2.08vw) min(2.00rem, 1.04vw) min(4.00rem, 2.08vw) min(4.00rem, 2.08vw);
    border-radius: 0.5rem;
    text-align: left;
}

.contact__step-project6 .contact__answer .contact__summary-inner {
    height: 100%;
    overflow-y: auto;
    /* overflow-y: auto;
    padding-right: 1rem;
    margin-right: -1rem; */
}

.contact__step-project6 .contact__answer .contact__summary-inner::-webkit-scrollbar {
    width: 0.5rem;
}

.contact__step-project6 .contact__answer .contact__summary-inner::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 0.25rem;
}

.contact__step-project6 .contact__answer .contact__summary-inner::-webkit-scrollbar-thumb {
    background-color: var(--ir-color-dark-gray);
    border-radius: 0.25rem;
}

.contact__step-project6 .contact__summary-item {
    cursor: pointer;
}
.contact__step-project6 .contact__summary-item + .contact__summary-item {
    margin-top: min(3.00rem, 1.56vw);
}

.contact__step-project6 .contact__summary-title {
    font-variation-settings: 'wght' var(--weight-700);
    font-size: var(--font-size-24);
    line-height: var(--lh-140);
    letter-spacing: var(--ls-normal);
}

.contact__step-project6 .contact__summary-answer {
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-24);
    line-height: var(--lh-140);
    letter-spacing: var(--ls-normal);
}

.contact__step-project6 .contact__summary-answer.project_start_day,
.contact__step-project6 .contact__summary-answer.project_live_day,
.contact__step-project6 .contact__summary-answer.company,
.contact__step-project6 .contact__summary-answer.user_name {
    display: inline-block;
}

.contact__step-project6 .contact__summary-answer.project_start_day,
.contact__step-project6 .contact__summary-answer.project_live_day {
    margin-right: 0.5rem;
}

.contact__step-outro {
    background-color: var(--ir-color-black);
    color: var(--ir-color-white);
}

.contact__step-outro .contact__inner {
    align-items: center;
    text-align: center;
    justify-content: center;
}

.contact__step-outro .contact__completed {
    margin-bottom: 7rem;
    font-family: var(--lang-en);
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-150);
    line-height: var(--lh-100);
    letter-spacing: var(--ls-tight);
}

.contact__step-outro .contact__completed-desc {
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-32);
    line-height: var(--lh-140);
}

.contact__arrow-wrap {
    position: absolute;
    /* bottom: 4.69vw; */
    bottom: min(9.00rem, 4.69vw);
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 0 4.17vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact__arrow-btn .contact__arrow-icon {
    width: min(7.20rem, 3.75vw);
    aspect-ratio: auto 72/72;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.contact__arrow-btn.prev-btn .contact__arrow-icon {
    background-image: url('../../image/icon/btn_f_arrow_left-b.svg');
}

.contact__arrow-btn.prev-btn .contact__arrow-icon.bg-black {
    background-image: url('../../image/icon/btn_f_arrow_left-w.svg');
}

.contact__arrow-btn.next-btn .contact__arrow-icon {
    background-image: url('../../image/icon/btn_e_arrow_right-g.svg');
    transition: background-image 0.5s ease;
}
.contact__arrow-btn.next-btn:hover .contact__arrow-icon {
    background-image: url('../../image/icon/btn_f_arrow_right-b.svg');
}

.contact__arrow-btn.next-btn .contact__arrow-icon.ok {
    background-image: url('../../image/icon/btn_f_arrow_right-b.svg');
}

.contact__submit-btn {
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-24);
    line-height: var(--lh-140);
    padding: min(1.25vw, 2.4rem) min(2.08vw, 4rem);
    border-radius: 5.1rem;
}

.contact__submit-btn.submit-project {
    color: var(--ir-color-white);
    border: 0.1rem solid var(--ir-color-dark-gray);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.contact__submit-btn.submit-recruit {
    border: 0.1rem solid var(--ir-color-medium-gray);
}

.contact__input {
    position: relative;
}

.contact__input.error-title .contact__answer-title {
    position: relative;
    color: var(--ir-color-red);
    padding-left: min(2.20rem, 1.15vw);
}

.contact__input.error-title .contact__answer-title::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: min(1.70rem, 0.89vw);
    aspect-ratio: auto 1/1;
    background-image: url('../../image/icon/icon_bang_mark.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.contact__input.error-title .contact__input-date {
    border-color: var(--ir-color-red);
}

.contact__input .error-text {
    color: var(--ir-color-red);
    display: none;
}

.contact__input.error-title .error-text {
    display: block;
}

.contact__input.error-title .error-text {
    position: absolute;
    bottom: min(6.00rem, 3.13vw);
    left: 0;
    padding-left: min(2.20rem, 1.15vw);
    color: var(--ir-color-red);
    font-variation-settings: 'wght' var(--weight-400);
    line-height: var(--lh-135);
    font-size: var(--font-size-20);
}

.contact__input.error-title .error-text::before {
    content: '';
    display: inline-block;
    width: min(1.70rem, 0.89vw);
    aspect-ratio: auto 1/1;
    background-image: url('../../image/icon/icon_bang_mark.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.contact__slide-wrap .contact__input.error-title input[type="text"] {
    border-bottom: 0.1rem solid var(--ir-color-red);
}
.contact__check-line {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
}
.contact__slide-wrap .contact__input.error-title .contact__check-line {
    position: relative;
}

.contact__slide-wrap .contact__input.error-title .contact__check-line::after {
    content: '';
    position: absolute;
    top: 47%;
    right: min(-2.20rem, -1.15vw);
    transform: translateY(-50%);
    width: min(2.00rem, 1.04vw);
    aspect-ratio: auto 1 / 1;
    background-image: url(../../image/icon/icon_bang_mark.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.contact__modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease;
}

.contact__modal-wrap.show {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.3s ease;
}

.contact__modal-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(72.00rem, 37.50vw);
    max-height: min(53.00rem, 27.60vw);
    background-color: var(--ir-color-white);
    border-radius: 0.5rem;
    padding: min(4.00rem, 2.08vw);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.contact__modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: min(2.20rem, 1.15vw);
}

.contact__modal-close {
    width: min(3.60rem, 1.88vw);
    aspect-ratio: auto 1/1;
    background-image: url('../../image/icon/icon_btn_close-b.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.contact__modal-body {
    max-height: calc(90vh - 10rem);
    overflow-y: auto;
    padding-right: 1rem;
    margin-right: -1rem;
}

/* .contact__modal-body::-webkit-scrollbar {
    width: 0.5rem;
}

.contact__modal-body::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 0.25rem;
}

.contact__modal-body::-webkit-scrollbar-thumb {
    background-color: var(--ir-color-dark-gray);
    border-radius: 0.25rem;
} */


.contact__modal-title {
    font-variation-settings: 'wght' var(--weight-600);
    font-size: var(--font-size-32);
    line-height: var(--lh-120);
}

.contact__modal-desc {
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-20);
    line-height: var(--lh-140);
    margin-bottom: 1.56vw;
}

.contact__sub-title {
    font-variation-settings: 'wght' var(--weight-700);
    font-size: var(--font-size-24);
    line-height: var(--lh-140);
}

.contact__modal-list + .contact__modal-list {
    margin-top: 1.56vw;
}

.contact__list-inner {
    /* padding-left: 2rem; */
    font-variation-settings: 'wght' var(--weight-500);
    font-size: var(--font-size-24);
    line-height: var(--lh-140);
}

@media all and (max-width: 1000px) {
    .contact__slide .contact__inner {
        /* justify-content: center; */
    }
    .contact__intro-header {
        padding-top: max(13.30rem, 35.47vw);
        /* padding-bottom: max(6.00rem, 16.00vw); */
        padding-bottom: 0;
    }
    .contact__header-title {
        font-variation-settings: 'wght' var(--weight-600);
        font-size: var(--font-size-48-m);
        margin-bottom: max(1.00rem, 2.67vw);
    }
    .contact__intro-header .red-dot {
        width: var(--en-dot-10-m);
        margin-left: var(--dot-margin-3-m);
    }
    .contact__header-desc {
        font-size: var(--font-size-16-m);
    }
    .contact__address {
        font-variation-settings: 'wght' var(--weight-600);
        font-size: var(--font-size-20-m);
    }
    .contact__intro-footer {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: max(6.00rem, 16.00vw);
    }
    .contact__intro-footer .contact__point {
        flex-direction: column;
        margin-top: 0;
    }
    .contact__intro-footer .contact__point-item {
        display: block;
    }
    .contact__intro-footer .contact__point-title,
    .contact__intro-footer .contact__point-value {
        font-size: var(--font-size-10-m);
        margin-bottom: max(0.20rem, 0.53vw);
    }
    .contact__intro-footer .contact__point-item + .contact__point-item {
        margin-left: 0;
        margin-top: max(2.20rem, 5.87vw);
    }
    .contact__point-item.address .contact__point-value {
        font-size: var(--font-size-14-m);
        font-weight: var(--weight-500);
        line-height: var(--lh-130);
    }
    .contact__point-tel {
        margin-top: max(0.50rem, 1.33vw);
    }
    .contact__start-btn {
        margin-top: max(2.50rem, 6.67vw);
        font-size: var(--font-size-14-m);
        /* padding: min(4.27vw, 1.6rem) min(8.53vw, 3.2rem); */
        padding: max(4.27vw, 1.6rem) max(8.53vw, 3.2rem);
        font-variation-settings: 'wght' var(--weight-500);
    }
    .contact__slide:not(.contact__intro, .contact__step-outro) .contact__inner {
        flex-direction: column;
    }
    .contact__input-btn {
        aspect-ratio: auto 327/76;
    }
    .contact__input-check {
        margin-right: max(0.60rem, 1.60vw);
    }
    .contact__input-check::after {
        width: 9vw;
        max-width: 1.1rem;
        aspect-ratio: auto 12 / 10;
    }
    .contact__check-link {
        text-underline-offset: 1.2vw;
    }

    /* 공통 */
    .contact__slide {
        height: 100%;
    }
    .contact__answer {
        width: 100% !important;
        max-width: 100% !important;
    }
    .contact__question-header {
        margin-bottom: max(1.00rem, 2.67vw);
    }
    .contact__question-header .red-dot {
        width: var(--en-dot-6-m);
        margin-left: var(--dot-margin-2-m);
    }
    .contact__question-num {
        font-size: var(--font-size-20-m); 
    }
    .contact__question-title {
        font-size: var(--font-size-32-m);
    }
    .contact__question {
        margin-bottom: max(8.00rem, 21.33vw);
    }
    .contact__input {
        width: 100% !important;
        max-width: 100% !important;
    }

    .contact__answer-title {
        font-variation-settings: 'wght' var(--weight-500) !important;
        font-size: var(--font-size-16-m) !important;
        margin-bottom: 1.6vw !important;
    }
    .contact__slide-wrap input[type="text"] {
        font-size: var(--font-size-24-m);
        padding: 2.67vw 0;
    }
    

    /* ============== */

    .contact__step-intro .contact__input + .contact__input {
        margin-top: max(1.80rem, 4.80vw);
    }
    .contact__step-intro .contact__input-btn {
        font-variation-settings: 'wght' var(--weight-400);
        font-size: var(--font-size-20-m);
    }

    .contact__step-recruit1 .contact__input + .contact__input {
        margin-top: max(1.50rem, 4.00vw);
    }
    .contact__step-recruit1 .contact__input-text {
        font-size: var(--font-size-24-m);
    }

    
    .contact__step-recruit2 .contact__answer-title {
        font-size: var(--font-size-16-m);
        font-variation-settings: 'wght' var(--weight-500);
    }
    .contact__step-recruit2 .contact__answer-value {
        font-size: var(--font-size-16-m);
        font-variation-settings: 'wght' var(--weight-700);
    }
    .contact__step-recruit1 .contact__input-text {
        font-size: var(--font-size-24-m);
        padding: max(2.70rem, 7.20vw) 0 max(1.00rem, 2.67vw) !important;
    }
    .contact__step-project1 .contact__question-desc {
        font-size: var(--font-size-16-m);
        margin-top: max(0.60rem, 1.60vw);
    }
    .contact__step-project1 .contact__input-btn {
        font-size: var(--font-size-14-m);
        aspect-ratio: auto 154/42;
    }
    .contact__step-project1 .contact__answer {
        gap: 4.8vw 5.07vw;
    }

    .contact__step-project2 .contact__input-date {
        font-size: var(--font-size-24-m);
    }
    .contact__step-project2 .contact__input + .contact__input {
        margin-top: 13.33vw;
    }
    .contact__step-project3 .contact__input-btn {
        font-variation-settings: 'wght' var(--weight-400);
        font-size: var(--font-size-20-m);
    }
    .contact__step-project3 .contact__input + .contact__input {
        margin-top: 4.8vw;
    }

    .contact__step-project4 .contact__answer-value {
        font-variation-settings: 'wght' var(--weight-700);
        font-size: var(--font-size-16-m);
    }
    .contact__step-project4 .contact__answer .contact__input:first-child {
        margin-bottom: 8vw;
    }
    .contact__step-project5 .contact__input-text {
        font-variation-settings: 'wght' var(--weight-600);
        font-size: var(--font-size-24-m);
    }
    .contact__step-recruit1 .contact__check-wrap,
    .contact__step-project5 .contact__check-wrap {
        font-variation-settings: 'wght' var(--weight-300);
        font-size: var(--font-size-16-m);
    }
    .contact__step-project6 .contact__question-title {
        font-size: var(--font-size-24-m);
    }
    .contact__step-project6 .contact__question-desc {
        font-variation-settings: 'wght' var(--weight-300);
        font-size: var(--font-size-12-m);
    }
    .contact__step-project6 .contact__answer {
        padding: 5.33vw;
    }
    .contact__step-project6 .contact__summary-title {
        font-size: var(--font-size-16-m);
    }
    .contact__step-project6 .contact__summary-answer {
        font-variation-settings: 'wght' var(--weight-400);
        font-size: var(--font-size-16-m);
    }
    .contact__step-project6 .contact__question {
        margin-bottom: 8vw;
    }
    .contact__step-outro .contact__completed {
        font-variation-settings: 'wght' var(--weight-600);
        font-size: var(--font-size-48-m);
    }
    .contact__step-outro .contact__completed-desc {
        font-variation-settings: 'wght' var(--weight-400);
        font-size: var(--font-size-18-m);
    }
    .contact__input-check {
        font-size: var(--font-size-16-m);
        width: max(2.40rem, 6.40vw);
    }
    .contact__arrow-wrap {
        bottom: max(2.60rem, 6.93vw);
        padding: 0 max(2.40rem, 6.40vw);
    }
    .contact__arrow-btn .contact__arrow-icon {
        width: max(3.60rem, 9.60vw);
    }
    .contact__step-project6 .prev-btn,
    .contact__step-recruit2 .prev-btn {
        display: none;
    }
    .contact__submit-btn {
        width: 100%;
        font-size: var(--font-size-14-m);
        padding: 4.27vw 0;
    }

    
    .contact__modal-close {
        /* width: max(3.60rem, 9.60vw); */
        width: max(3.00rem, 8.00vw);
    }
    .contact__modal-inner {
        width: 100%;
        max-height: 100%;
        padding: max(2.00rem, 5.33vw);
    }

    .contact__modal-header {
        margin-bottom: max(2.40rem, 6.40vw);
    }
    .contact__modal-title {
        font-size: var(--font-size-24-m);
    }
    
    .contact__modal-desc {
        font-size: var(--font-size-16-m);
    }
    
    .contact__sub-title {
        font-variation-settings: 'wght' var(--weight-700);
        font-size: var(--font-size-16-m);
    }
    
    .contact__modal-list + .contact__modal-list {
        margin-top: max(2.20rem, 5.87vw);
    }
    
    .contact__list-inner {
        font-variation-settings: 'wght' var(--weight-400);
        font-size: var(--font-size-16-m);
    }


    /* 오류 */
    .contact__input.error-title .contact__answer-title::before {
        width: max(1.70rem, 4.53vw);
    }
    .contact__input.error-title .error-text {
        font-variation-settings: 'wght' var(--weight-500);
        font-size: var(--font-size-14-m);
        padding-left: max(2.00rem, 5.33vw);
        bottom: max(5.20rem, 13.87vw);
        line-height: var(--lh-120);
    }
    .contact__input.error-title .contact__answer-title {
        padding-left: max(2.00rem, 5.33vw);
    }
    .contact__input.error-title .error-text::before {
        width: max(1.70rem, 4.53vw);
    }

}


@media all and (max-height: 1000px) and (min-width: 670px) {
    /* 모바일 대 화면에서 화면 확대 */
    /* .contact__slide .contact__inner {
        zoom: 0.8;
    } */
}

/* @media all and (min-width: 1001px) {
    .contact__step-project6 .contact__answer {
        overflow-y: overlay;
    }
    
    .contact__step-project6 .contact__answer .contact__summary-inner {
        overflow-y: visible;
    }
} */