.contact-section{justify-content:center;width:100%;display:flex}.contact-container{flex-direction:column;align-items:center;width:auto;max-width:1024px;height:auto;display:flex}.contact-container.open,.contact-wrapper.open{height:1486px}.contact-form.open{height:804px}.contact-title{justify-content:center;align-items:center;width:100%;height:160px;display:flex}.contact-title h1{font-size:32px;font-weight:700}.contact-textbox h2{font-size:24px;font-weight:700}.contact-textbox p{font-size:16px;font-weight:500;line-height:1.6}.contact-textbox{border-bottom:.5px solid gray;flex-direction:column;justify-content:center;gap:10px;width:100%;height:auto;padding:48px 36px;display:flex}.contact-type{justify-content:center;align-items:center;width:100%;height:48px;display:flex}.contact-type button{cursor:pointer;color:#767676;background-color:#f0f0f0;border-radius:25px;width:50%;height:100%;margin:-15px;font-size:16px;font-weight:600}.contact-type button.active{color:#fff;z-index:2;background-color:#000}.form-agree label{font-size:16px;line-height:1.4}.contact-form{flex-direction:column;align-items:flex-start;gap:24px;width:100%;height:612px;display:flex}.contact-wrapper{flex-direction:column;gap:48px;width:100%;height:940px;padding:60px 36px;display:flex}.form-row{flex-direction:column;gap:8px;width:100%;height:76px;display:flex}.form-row.message-row{height:168px}.form-row label{height:24px;font-size:14px}.form-row input{border:.5px solid #c3c3c3;border-radius:8px;width:100%;height:48px;padding:16px}.form-row textarea{resize:none;border:.5px solid #c3c3c3;border-radius:8px;width:100%;height:140px;padding:16px;font-size:16px}.terms-box{border:.5px solid #c3c3c3;border-radius:8px;width:100%;height:140px;padding:16px;font-size:16px}.textarea-placeholder{color:#999;pointer-events:none;font-size:14px;font-weight:500;position:absolute;top:16px;left:16px;right:16px}.textarea-placeholder ul{margin:0;padding-left:16px}.textarea-placeholder li{list-style-type:disc}input::placeholder{font-size:14px}.form-agree{justify-content:flex-start;align-items:center;gap:6px;height:20px;font-size:14px;display:flex}.form-agree input[type=checkbox]{appearance:none;cursor:pointer;border:1.5px solid #999;border-radius:50%;outline:none;width:20px;height:20px;position:relative}.form-agree input[type=checkbox]:checked{background-color:#01aaa7;border-color:#01aaa7}.form-agree input[type=checkbox]:checked:after{content:"";color:#fff;filter:brightness(2000%)contrast(300%)drop-shadow(0 0 2px #ffffffe6);background:url(/image/check-white.png) 50%/cover no-repeat;width:15px;height:15px;font-size:12px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.submit-btn{color:#fff;background-color:#bce5e2;border-radius:45px;width:100%;height:64px;font-size:20px;font-weight:700}.submit-btn:hover{cursor:pointer;background-color:#01aaa7}.submit-btn:disabled{cursor:not-allowed;background-color:#bce5e2}.submit-btn:not(:disabled){background-color:#01aaa7}.form-row textarea::placeholder{white-space:pre-line}.textarea-wrapper{width:100%;position:relative}.spinner{border:3px solid #ddd;border-top-color:#01aaa7;border-radius:50%;width:18px;height:18px;margin:0 auto;animation:.8s linear infinite spin}.form-row.term-row{height:168px}.terms-box{border:.5px solid #c3c3c3;border-radius:8px;width:100%;height:168px;padding:16px;font-size:14px;overflow-y:auto}.terms-text{white-space:pre-wrap;color:#333;font-size:14px;line-height:1.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:480px){.contact-container{height:1075px}.contact-textbox{gap:8px;height:auto;padding:24px}.textarea-placeholder{font-size:10px}.contact-wrapper{gap:32px;height:auto;padding:48px 24px}.contact-form{height:auto}.form-row.message-row{height:165px}.form-row{height:73px}.contact-type{height:36px}.contact-title{height:80px}.contact-title h1{font-size:18px}.contact-textbox h2{font-size:16px}.contact-textbox p{font-size:10px}.form-row input::placeholder{font-size:14px}.submit-btn{height:56px}.contact-container.open,.contact-wrapper.open,.contact-form.open{height:auto}.terms-text{font-size:10px}.form-agree label{font-size:12px}}
