/* 문의폼 페이지 */

input, textarea, button{ border: none; background: none; font-size: 16px; letter-spacing: -0.025em; color: #fff; resize: none; margin: 0; padding: 0; }

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active{ -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0) inset; transition: background-color 5000s ease-in-out 0s; color: #fff; caret-color: #fff; font-family: 'Pretendard'; letter-spacing: -0.025em; }


._sub._contact{ position: relative; width: 100%; overflow: hidden; word-break: keep-all; }
._sub._contact .section._01 .wrap{ display: flex; height: 100%; padding-top: calc(240 / 960 * 100vh); box-sizing: border-box; }
._sub._contact .section._01 .wrap .lbx{ width: calc(1060 / 1440 * 100%); padding-right: 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 70px; box-sizing: border-box; align-items: flex-start; }
._sub._contact .section._01 .wrap .lbx .covertxt{ position: relative; }
._sub._contact .section._01 .wrap .lbx .covertxt p{ background: linear-gradient(90deg, #fff 1%, #333333 1%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; font-size: 28px; letter-spacing: -0.025em; line-height: calc(40 / 28); font-weight: 600; display: inline; }
._sub._contact .section._01 .wrap .lbx .titlebx{ display: flex; justify-content: flex-start; align-items: flex-end; font-size: 7.2917vw; cursor: pointer; }
._sub._contact .section._01 .wrap .lbx .titlebx strong{ display: block; line-height: calc(160 / 140); margin-right: 45px; letter-spacing: -0.01em; font-family: 'Inter'; font-weight: 600; }
._sub._contact .section._01 .wrap .lbx .titlebx .icon{ position: relative; font-size: calc(115 / 140 * 1em); }
._sub._contact .section._01 .wrap .lbx .titlebx .icon::after{ content: ''; display: block; border-radius: 50%; background-color: #ffb440; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(77 / 115 * 1em); height: calc(77 / 115 * 1em); z-index: -1; }
._sub._contact .section._01 .wrap .lbx .titlebx .icon i{ display: block; transform: translateY(-40px); transition-duration: 0.4s; }


@media screen and (min-width: 1921px){
    ._sub._contact .section._01 .wrap .lbx .titlebx strong{ font-size: 140px; }
}

@media screen and (min-width: 821px){
    ._sub._contact .section._01 .wrap .lbx .titlebx:hover .icon i{ transform: translateY(-10px); }
}

@keyframes arrowright {
    0%{ transform: translateY(-20px); }
    100%{ transform: translateY(-10px); }
}



._sub._contact .section._01 .wrap .rbx{ width: calc(380 / 1440 * 100%); height: 100%; padding-top: calc(210 / 960 * 100vh); }

._sub._contact .section .cttinfo dt{ font-size: 30px; letter-spacing: -0.025em; line-height: 1.3; font-family: 'Urbanist'; font-weight: 600; }
._sub._contact .section .cttinfo dd{ font-size: 20px; letter-spacing: -0.025em; line-height: 1.6; margin-top: 15px; }

@media screen and (max-width: 1280px){
    ._sub._contact .section._01 .wrap{ padding-top: calc(150 / 960 * 100vh); }
    ._sub._contact .section._01 .wrap .lbx{ width: 60%; }
    ._sub._contact .section._01 .wrap .lbx .covertxt p{ font-size: 22px; }
    ._sub._contact .section._01 .wrap .lbx .titlebx{ font-size: 8.3vw; }
    ._sub._contact .section._01 .wrap .lbx .titlebx strong{ margin-right: 25px; }
    ._sub._contact .section._01 .wrap .rbx{ width: 40%; }

    ._sub._contact .section .cttinfo dt{ font-size: 24px; }
    ._sub._contact .section .cttinfo dd{ font-size: 16px; }

    ._sub._contact .section._01 .wrap .lbx .titlebx .icon i{ transform: translateY(-20px); }
}

@media screen and (max-width: 820px){
    ._sub._contact .section._01 .wrap{ flex-direction: column; justify-content: space-between; padding: 90px 0; height: 100vh; box-sizing: border-box; }
    ._sub._contact .section._01 .wrap .lbx{ width: 100%; padding: 0; flex-direction: column-reverse; }
    ._sub._contact .section._01 .wrap .lbx .titlebx{ font-size: 10vw; }
    ._sub._contact .section._01 .wrap .lbx .titlebx .icon i{ animation: arrowright .8s infinite alternate; }

    ._sub._contact .section._01 .wrap .lbx .covertxt{ margin-top: 35px; }
    ._sub._contact .section._01 .wrap .lbx .covertxt p{ font-size: 18px; }

    ._sub._contact .section._01 .wrap .rbx{ width: 100%; padding: 0; height: auto; }

    ._sub._contact .section .cttinfo dt{ font-size: 20px; }
    ._sub._contact .section .cttinfo dd{ font-size: 14px; }

    .fp-tableCell{ height: auto !important; }
    .fp-section.fp-table, .fp-slide.fp-table{ height: auto !important; }
    

}

@media screen and (max-width: 500px){
    ._sub._contact .section._01 .wrap .lbx .titlebx{ font-size: 11vw; }
    ._sub._contact .section._01 .wrap .lbx .covertxt p{ font-size: 16px; }

    ._sub._contact .section .cttinfo dt{ font-size: 18px; }
}



._sub._contact .section._02 .wrap{ display: flex; align-items: center; }
._sub._contact .section._02 .wrap .lbx{ width: 50%; }
._sub._contact .section._02 .wrap .rbx{ width: 50%; }
._sub._contact .section._02 .wrap .rbx .formsw{ width: 100%; height: 100%; }
._sub._contact .section._02 .wrap .rbx .formsw .swiper-slide{ height: calc(100vh - 160px); display: flex; flex-direction: column; justify-content: center; padding: 0 1px; box-sizing: border-box; }

._sub._contact .section._02 .wrap .rbx .formsw .swiper-slide .inner{ max-height: 100%; overflow: auto; box-sizing: border-box; padding: 5px; box-sizing: border-box; } 
._sub._contact .section._02 .wrap .rbx .formsw .swiper-slide .inner::-webkit-scrollbar{ width: 8px; background-color: rgba(255,255,255,0.1); }
._sub._contact .section._02 .wrap .rbx .formsw .swiper-slide .inner::-webkit-scrollbar-thumb{ background-color: #ffb440; }

._sub._contact .section._02 .wrap .rbx .formsw .swiper-slide .controls{ flex-shrink: 0; } 

._sub._contact .section._02 .wrap .rbx .controls{ display: flex; justify-content: flex-end; gap: 10px; margin-top: 50px; }
._sub._contact .section._02 .wrap .rbx .controls > div{ font-size: 20px; width: calc(150 / 20 * 1em); height: calc(60 / 20 * 1em); display: flex; align-items: center; justify-content: center; text-align: center; gap: 10px; border: 1px solid #fff; box-sizing: border-box; cursor: pointer; transition-duration: 0.2s; }
._sub._contact .section._02 .wrap .rbx .controls .submit{ border-color: #ffb440; color: #ffb440; }


@media screen and (min-width: 821px){
    ._sub._contact .section._02 .wrap .rbx .controls > div:hover{ background-color: #fff; color: #333; }
    ._sub._contact .section._02 .wrap .rbx .controls > .submit:hover{ background-color: #ffb440; color: #fff; }
}


@media screen and (max-width: 1440px){
    ._sub._contact .section._02 .wrap .lbx{ width: 40%; }
    ._sub._contact .section._02 .wrap .rbx{ width: 60%; }
}


@media screen and (max-width: 1280px){
    ._sub._contact .section._02 .wrap .rbx .controls > div{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._sub._contact .section._02{ padding: 100px 0; }
    ._sub._contact .section._02 .wrap{ flex-direction: column-reverse; }
    ._sub._contact .section._02 .wrap .lbx{ display: none; }
    ._sub._contact .section._02 .wrap .rbx{ width: 100%; }

    ._sub._contact .section._02 .wrap .rbx .formsw .swiper-slide{ height: auto; justify-content: flex-start; }
    
    ._sub._contact .section._02 .wrap .rbx .controls > div{ font-size: 14px; }
}




._sub form{ width: 100%; position: relative;  }
._sub form .inner > p{ font-size: 20px; letter-spacing: -0.025em; margin-bottom: 20px; }
._sub form .inner > p span{ color: #ffb440; }
._sub form .inner > strong{ font-size: 40px; font-weight: 600; letter-spacing: -0.025em; line-height: calc(56 / 40); display: block; margin-bottom: 40px; }

._sub form .forms{  display: flex; flex-wrap: wrap; gap: 0 20px; }
._sub form .forms li{ width: 100%; position: relative; margin-bottom: 20px; }
._sub form .forms li.half{ width: calc(50% - 10px); }
._sub form .forms li:last-of-type{ margin-bottom: 0; }

._sub form .forms li > label{ display: flex; align-items: center; margin-bottom: 10px; }
._sub form .forms li > label span{ display: block; position: relative; font-size: 20px; letter-spacing: -0.025em; line-height: 1.4; font-weight: 600; padding-right: 25px; cursor: pointer; }
._sub form .forms li > label span i{ position: absolute; top: 0; right: 10px; font-size: 20px; }
._sub form .forms li > label em{ font-size: 16px; letter-spacing: -0.025em; color: #7c7c7c; }
._sub form .forms li .chkbx{ display: flex; flex-wrap: wrap; gap: 10px; }
._sub form .forms li .chkbx .chk{ width: calc((100% - (10px * 3)) / 4); position: relative; }
._sub form .forms li .chkbx .chk input{ position: absolute; visibility: hidden; }
._sub form .forms li .chkbx .chk label{ font-size: 18px; width: 100%; padding: 1em 0; box-sizing: border-box; color: rgba(255,255,255,0.2); text-align: center; display: block; background-color: rgba(255,255,255,0.1); cursor: pointer; transition-duration: 0.2s; }
._sub form .forms li .chkbx .chk input:checked ~ label{ background-color: #ffb440; color: #000; font-weight: 700; }

@media screen and (min-width: 821px){
    ._sub form .forms li .chkbx .chk label:hover{ background-color: #333333; }
}

._sub form .forms li .gray{ background-color: rgba(255,255,255,0.1); height: 54px; display: flex; justify-content: space-between; padding: 0 30px; box-sizing: border-box; margin-bottom: 10px; }
._sub form .forms li .gray:last-of-type{ margin-bottom: 0; }
._sub form .forms li .gray input{ width: 100%; font-size: 18px; letter-spacing: -0.025em; height: 100%; }
._sub form .forms li .gray input::placeholder{ color: rgba(255,255,255,0.2); }

._sub form .forms li .gray .del{ font-size: 24px; color: rgba(255,255,255,0.4); cursor: pointer; }
._sub form .forms li .plus{ display: flex; justify-content: center; margin-top: 10px; }
._sub form .forms li .plus > button{ width: 36px; height: 36px; border-radius: 50%; border: 1px solid #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; }
._sub form .forms li .border{ width: 100%; height: 1px; background-color: rgba(255,255,255,0.1); margin-top: 20px; }

._sub form .forms li .flex{ display: flex; position: relative; width: 100%; box-sizing: border-box; }
._sub form .forms li .flex > label{ display: block; font-size: 18px; letter-spacing: -0.025em; width: calc(150 / 18 * 1em); height: calc(54 / 18 * 1em); text-align: center; background-color: #fff; color: #000; cursor: pointer; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
._sub form .forms li .flex > input{ visibility: hidden; position: absolute; width: 100%; }

._sub form .forms li .flex .filenamearea{ padding-top: 15px; width: calc(100% - 300px); margin-left: 15px; }
._sub form .forms li .flex .filenamearea.card{ width: calc(100% - 170px); }
._sub form .forms li .flex .filenamearea .filename{ display: flex; align-items: center; font-size: 16px; letter-spacing: -0.025em; color: rgba(255,255,255,0.2); position: relative; gap: 10px; }
._sub form .forms li .flex .filenamearea .filename > input{ position: absolute; visibility: hidden; }
._sub form .forms li .flex .filenamearea .filename p{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 5px 0; }
._sub form .forms li .flex .filenamearea .filename .del{ display: flex; align-items: center; justify-content: center; font-size: 20px; color: rgba(255,255,255,0.2); cursor: pointer; padding: 5px 0; }

._sub form .forms li textarea{ width: 100%; height: 195px; padding: 30px 20px; box-sizing: border-box; line-height: 1.4; background-color: rgba(255,255,255,0.1); }
._sub form .forms li textarea::-webkit-scrollbar{ width: 8px; }
._sub form .forms li textarea::-webkit-scrollbar-thumb{ background-color: rgba(255,255,255,0.5); }


._sub form .privbtn{ margin-top: 10px; display: flex; align-items: center; position: relative; }
._sub form .privbtn label{ display: flex; font-size: 16px; letter-spacing: -0.025em; line-height: 1.3; color: rgba(255,255,255,0.3); cursor: pointer; padding: 10px; gap: 10px; }
._sub form .privbtn label i{ font-size: calc(20 / 16 * 1em); gap: 10px; }
._sub form .privbtn span{ font-size: 14px; cursor: pointer; padding: 10px; text-decoration: underline; color: rgba(255,255,255,0.2); padding-left: 0; }

._sub form .privbtn input{ visibility: hidden; position: absolute; }
._sub form .privbtn input:checked ~ label{ color: #fff; }




@media screen and (max-width: 1280px){
    ._sub form .inner > p{ font-size: 16px; }
    ._sub form .inner > strong{ font-size: 32px; margin-bottom: 30px; }

    ._sub form .forms li{ margin-bottom: 10px; }
    ._sub form .swiper-slide._2 .forms li.half{ width: 100%; }
    ._sub form .forms li > label span{ font-size: 18px; }
    ._sub form .forms li > label em{ font-size: 14px; }
    ._sub form .forms li .chkbx .chk label{ font-size: 16px; }
    ._sub form .forms li .gray{ padding: 0 20px; height: 48px; }
    ._sub form .forms li .gray input{ font-size: 16px; }
    ._sub form .forms li .border{ margin-top: 10px; }
    ._sub form .forms li .flex > label{ font-size: 16px; }
    ._sub form .forms li .flex .filenamearea{ padding-top: 10px; }
    ._sub form .forms li textarea{ height: 140px; padding: 20px; }

    ._sub form .privbtn{ margin-top: 15px; }
}

@media screen and (max-width: 820px){
    ._sub form .inner > p{ font-size: 14px; }
    ._sub form .inner > strong{ font-size: 24px; }

    ._sub form .forms li > label span{ font-size: 16px; padding-right: 15px; }
    ._sub form .forms li > label span i{ right: 5px; }

    ._sub form .forms li .chkbx .chk label{ font-size: 14px; }
    
    ._sub form .forms li .gray{ padding: 0 10px; height: 40px; }
    ._sub form .forms li .gray input{ font-size: 14px; }

    ._sub form .forms li .flex > label{ font-size: 14px; width: calc(100 / 18 * 1em); font-size: 13px; }
    ._sub form .forms li .flex .filenamearea{ width: calc(100% - 100px); padding-top: 5px; }
    ._sub form .forms li .flex .filenamearea.card{ width: calc(100% - 100px); }
    ._sub form .forms li .flex .filenamearea .filename{ font-size: 14px; }
    
    ._sub form .forms li textarea{ font-size: 14px; padding: 10px; }

    ._sub form .privbtn label{ padding: 10px 0; padding-right: 5px; font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._sub form .inner > strong{ font-size: 20px; }

    
    ._sub form .forms li.half{ width: 100%; }
    ._sub form .forms li > label span{ font-size: 14px; }

    ._sub form .forms li .chkbx{ gap: 5px; }
    ._sub form .forms li .chkbx .chk{ width: calc((100% - 5px) / 2); }

}





/* 문의완료페이지 */
._sub._contact .complete{ height: 100vh; display: flex; align-items: center; justify-content: center; padding: 100px 0; box-sizing: border-box; word-break: keep-all; text-align: center; }

._sub._contact .complete span{ font-size: 18px; letter-spacing: -0.01em; color: #ffb440; font-family: 'Urbanist'; display: block; }
._sub._contact .complete dl dt{ font-size: 54px; letter-spacing: -0.03em; font-weight: 600; line-height: 1.3; margin-top: 10px; }
._sub._contact .complete dl dd{ font-size: 20px; letter-spacing: -0.03em; color: #7c7c7c; margin-top: 10px; }


._sub._contact .complete .wrap .btnWrap{ display: flex; justify-content: center; margin-top: 55px; }
._sub._contact .complete .wrap .btnWrap .viewmore{ border-color: #ffb71b; color: #ffb440; }
._sub._contact .complete .wrap .btnWrap .viewmore .icon i{ transition-duration: 0.2s; }

@media screen and (min-width: 821px){
    ._sub._contact .complete .wrap .btnWrap .viewmore:hover .icon i{ color: #000; }
}

@media screen and (max-width: 1280px){
    ._sub._contact .complete span{ font-size: 16px; }
    ._sub._contact .complete dl dt{ font-size: 40px; }
    ._sub._contact .complete dl dd{ font-size: 18px; }
}

@media screen and (max-width: 820px){
    ._sub._contact .complete span{ font-size: 14px; }
    ._sub._contact .complete dl dt{ font-size: 35px; }
    ._sub._contact .complete dl dd{ font-size: 16px; }
}

@media screen and (max-width: 500px){
    ._sub._contact .complete dl dt{ font-size: 26px; }
    ._sub._contact .complete dl dd{ font-size: 14px; }
}