.contact .sv .objWrap .obj:nth-child(3) {left: 54%; top: 45%;}

.contact .flx {display: flex; align-items: flex-start; justify-content: space-between; padding: 100px calc(55/1440*100%) 160px; box-sizing: border-box;}
.contact .flx .txt {display: flex; flex-direction: column; width: calc(530/64*1em); font-size: 64px;}
.contact .flx .txt > span {font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.01em; font-family: "Poppins";}
/* .contact .flx .txt > p {padding-top: calc(30/64*1em); padding-bottom: calc(70/64*1em); font-size: inherit; font-weight: 700; line-height: calc(94/64*1em); color: #aeaeb1; letter-spacing: -0.025em; font-family: "Pretendard";} */
.contact .flx .txt > p {padding-top: calc(30/64*1em); padding-bottom: calc(70/64*1em); font-size: inherit; font-weight: 700; line-height: calc(75/64*1em); color: #aeaeb1; letter-spacing: -0.025em; font-family: "Pretendard";}
.contact .flx .txt > p b {color: #000; font-size: 0.8em;}

.contact .flx .txt .info {display: flex; flex-direction: column;}
.contact .flx .txt .info .flx_p {display: flex; align-items: flex-start; font-size: 17px; line-height: calc(30/17*1em); font-family: 'Poppins'; letter-spacing: -0.02em; color: #000;}
.contact .flx .txt .info .flx_p + .flx_p {padding-top: calc(10/17*1em);}
.contact .flx .txt .info .flx_p small {font-size: calc(20/17*1em); color: #000; margin-right: calc(10/20*1em);}
.contact .flx .txt .info .flx_p p {line-height: calc(28/17*1em);}

.contact .flx .form {display: flex; flex-direction: column; align-items: flex-end; }
.contact .flx .form dl + dl {margin-top: calc(45/18*1em);}
.contact .flx .form dl dt {display: flex; flex-direction: column; align-items: flex-start; font-size: 22px; padding-left: calc(7/22*1em);}
.contact .flx .form dl dt small {font-size: 14px; font-weight: 500; font-family: "Poppins"; letter-spacing: -0.01em; color: #a5a4a4;}
.contact .flx .form dl dt span {font-size: inherit; font-weight: 700; font-family: "Pretendard"; letter-spacing: -0.025em; color: #000; padding-top: calc(10/22*1em);}
.contact .flx .form dl dd {width: 595px; display: block;}
.contact .flx .form dl dd input {width: 100%; padding: calc(15/18*1em) calc(20/18*1em); margin-top: calc(20/18*1em); font-size: 18px; font-weight: 500; font-family: "Poppins"; letter-spacing: -0.025em; color: #000; border: 1px solid #313131; border-radius: calc(12/18*1em); box-sizing: border-box; font-family: 'Pretendard';}
.contact .flx .form dl dd input::placeholder {color: #b1b1b1;}
.contact .flx .form dl dd textarea {resize: none; width: 100%; height: calc(260/18*1em); padding: calc(15/18*1em) calc(20/18*1em); margin-top: calc(20/18*1em); font-size: 18px; font-weight: 500; font-family: "Poppins"; letter-spacing: -0.025em; color: #000; border: 1px solid #313131; border-radius: calc(12/18*1em); box-sizing: border-box; font-family: 'Pretendard';}
.contact .flx .form dl dd textarea::placeholder {color: #b1b1b1;}

.contact .flx .form .btnWrap {display: flex; align-items: flex-start; justify-content: space-between; width: 100%; margin-top: 25px;}

.contact .flx .form .checkWrap {display: flex; align-items: center; cursor: pointer; font-size: 18px; padding-top: calc(25/18*1em);}
.contact .flx .form .checkWrap input[type="checkbox"] {display: none;}
.contact .flx .form .checkWrap label {display: flex; align-items: center; cursor: pointer;}
.contact .flx .form .checkWrap label .checkBox {font-size:inherit; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: #000; border-radius: 4px; margin-right: 5px;}
.contact .flx .form .checkWrap label .checkBox i {font-size:inherit; color: #000; transition: .4s;}
.contact .flx .form .checkWrap label .checkBox i.xi-check-circle {display: none; color: #000;}
.contact .flx .form .checkWrap input[type="checkbox"]:checked + label .checkBox i.xi-check-circle {display: block;}
.contact .flx .form .checkWrap input[type="checkbox"]:checked + label .checkBox i.xi-check-circle-o {display: none;}
.contact .flx .form .checkWrap .lbl {display: flex; align-items: center;}
.contact .flx .form .checkWrap .lbl p {font-size:inherit; font-weight: 500; font-size: 16px; line-height: 1em; color: #000; margin-right: 8px;}
.contact .flx .form .checkWrap .lbl small {font-size:inherit; font-weight: 500; font-size: 14px; line-height: 1em; color: #000; border: 1px solid #000; padding: calc(5/14*1em) calc(10/14*1em); cursor: pointer;}

.contact .flx .form .btnWrap .btn {width: calc(137/14*1em); height: calc(137/14*1em); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 300; font-family: "Poppins"; letter-spacing: -0.01em; cursor: pointer; background: transparent; border: none; outline: none; position: relative;}
.contact .flx .form .btnWrap .btn .rollingBtn {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.contact .flx .form .btnWrap .btn .rollingBtn .rollTxt {width: 100%; height: 100%;}
.contact .flx .form .btnWrap .btn .rollingBtn > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(66/14*1em); height: calc(66/14*1em);}
.contact .flx .form .btnWrap .btn small {position: absolute; right: 90%; top: 0; font-size: inherit; background: #000; color: #fff; padding: calc(4/14*1em) calc(16/14*1em); border-radius: calc(30/14*1em);}
.contact .flx .form .btnWrap .btn small::after {content: ''; position: absolute; left: 0; top: 100%; width: calc(20/14*1em); height: calc(16/14*1em); background: #000; transform: rotate(-148deg) translate(-200%, 230%); z-index: -1; clip-path: polygon(0 0, 50% 50%, 100% 0);}
@keyframes roll {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}
.contact .flx .form .btnWrap .btn .rollingBtn .rollTxt img {animation: roll 6s linear infinite;}



@media (max-width: 1440px) {
    .contact .flx .txt {font-size: 54px;}
}
@media (max-width: 1280px) {
    .contact .flx .txt {font-size: 44px;}
    .contact .flx .txt .info .flx_p {font-size: 16px;}
    .contact .flx .form dl + dl {margin-top: calc(25/18*1em);}
    .contact .flx .form dl dt {font-size: 18px;}
    .contact .flx .form dl dt small {font-size: 12px;}
    .contact .flx .form dl dd {width: 400px;}
    .contact .flx .form dl dd input {font-size: 16px; margin-top: calc(10/16*1em);}
    .contact .flx .form dl dd textarea {font-size: 16px; height: calc(200/18*1em);}
    .contact .flx .form .btnWrap {align-items: flex-end; flex-direction: column; gap: 50px;}
    .contact .flx .form .checkWrap {padding-top: 0;}
}
@media (max-width: 1024px) {
    .contact .flx .txt {font-size: 34px;}
    .contact .flx .form dl dd {width: 350px;}
    .contact .flx .form dl dd input {font-size: 14px;}
    .contact .flx .form dl dd textarea {font-size: 14px; height: calc(180/14*1em);}
    .contact .flx .form .checkWrap label .checkBox {width: 20px; height: 20px;}
    .contact .flx .form .checkWrap .lbl p {font-size: 14px;}
    .contact .flx .form .checkWrap .lbl small {font-size: 12px;}
}
@media (max-width: 820px) {
    .contact .flx {flex-direction: column; gap: 50px; padding: 50px calc(55/1440*100%) 100px;}
    .contact .flx .txt {font-size: clamp(38px, 38/500*100vw, 54px);}
    .contact .flx .form {width: 100%;}
    .contact .flx .form dl {width: 100%;}
    .contact .flx .form dl dd {width: 100%;}
}
@media screen and (max-width: 500px) {
    .contact .flx .txt {font-size: clamp(30px, 30/360*100vw, 38px); width: 100%;}
    .contact .flx .txt .info .flx_p {font-size: clamp(14px, 14/360*100vw, 16px);}
    .contact .flx .form dl dt {font-size: clamp(16px, 16/360*100vw, 18px);}
    .contact .flx .form dl dd input {font-size: clamp(14px, 14/360*100vw, 16px);}
    .contact .flx .form dl dd textarea {font-size: clamp(14px, 14/360*100vw, 16px);}
}
@media screen and (max-width: 360px) {
    .contact .flx .txt {font-size: clamp(24px, 24/360*100vw, 30px);}
    .contact .flx .txt .info .flx_p {font-size: clamp(12px, 12/360*100vw, 14px);}
    .contact .flx .form dl dt {font-size: clamp(14px, 14/360*100vw, 16px);}
    .contact .flx .form dl dd input {font-size: clamp(12px, 12/360*100vw, 14px);}
    .contact .flx .form dl dd textarea {font-size: clamp(12px, 12/360*100vw, 14px);}
    .contact .flx .form .checkWrap .lbl p {font-size: clamp(12px, 12/360*100vw, 14px);}
    .contact .flx .form .checkWrap .lbl small {font-size: clamp(10px, 10/360*100vw, 12px);}
    .contact .flx .form .btnWrap .btn {font-size: 12px;}
}