@charset "utf-8";

#quick_form{width:610px}
#quick_form .form_txt{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:43px;font-family:'Cabin', sans-serif}
#quick_form .form_txt p{font-size:30px;line-height:1.35;font-weight:700;white-space:pre-line;word-break:keep-all;color:#000}
#quick_form .form_txt #btn_submit{width:150px;height:55px;margin-bottom:9px;border:none;border-radius:50px;font-weight:500;color:#fff;background:#000;transition:all .2s;font-family:'Cabin', sans-serif}
#quick_form .input_area{display:flex;flex-wrap:wrap;justify-content:space-between}
#quick_form .input_area li{width:calc(100%/2 - 7.5px)}
#quick_form .input_area li:last-child{width:100%}
#quick_form .input_area li input{width:100%;height:60px;padding:0 20px;border:none;border-bottom:1px solid #000;font-size:15px;color:#888;background:none;font-family:'Cabin','Pretendard'}
#quick_form .input_area li input::placeholder{color:#888}
#quick_form .input_area li textarea{width:100%;max-width:100%;height:60px;padding:20px 20px 0;border:none;border-bottom:1px solid #000;font-size:15px;color:#888;background:none;font-family:'Cabin','Pretendard'}
#quick_form .input_area li textarea::placeholder{color:#888}
#quick_form .agree .agree_btn{font-size:13px;color:#666;font-family:'Cabin', sans-serif}
#quick_form .agree .agree_btn a{position:relative;top:2px;color:#333;cursor:pointer}
#quick_form .agree .q_agree{width:13px;height:13px;margin:5px 6px 0 0;border:1px solid #111;background:#eee;cursor:pointer;-webkit-appearance:none;-ms-appearance:none}
#quick_form .agree .q_agree:after{display:none;content:url(./check.png);text-align:center;line-height:7px}
#quick_form .agree .q_agree:checked{border-color:#111;background:#111}
#quick_form .agree .q_agree:checked:after{display:block}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, select:active{box-shadow:none;border:none!important;border-bottom:1px solid #000!important}
input[type=submit]:focus{outline:none}

/* 모바일 호버 X */
@media (hover: hover) {
#quick_form .form_txt #btn_submit:hover{background:var(--primary)}
}

/* 반응형 [s] */
@media (max-width:1430px){
#quick_form{width:560px}
#quick_form .form_txt p{font-size:28px}
}
@media (max-width:1230px){
#quick_form{width:100%}
#quick_form .form_txt p{width:calc(100% - 130px);padding-right:15px;font-size:25px;white-space:normal}
#quick_form .form_txt #btn_submit{width:130px;height:50px}
}
@media (max-width:1024px){
#quick_form{width:75%;padding-bottom:70px}
#quick_form .form_txt p{white-space:pre-line}
}
@media (max-width:768px){
#quick_form{width:100%}
#quick_form .form_txt p{font-size:23px}
}
@media (max-width:480px){
#quick_form{position:relative;padding-bottom:75px}
#quick_form .form_txt{margin-bottom:25px}
#quick_form .form_txt p{width:100%;font-size:20px}
#quick_form .input_area li input{padding:0 10px;font-size:13px}
#quick_form .input_area li textarea{padding:20px 10px 0;font-size:13px}
#quick_form .form_txt #btn_submit{position:absolute;left:0;bottom:0;width:100%;height:50px;margin-bottom:0;border-radius:0}
}
@media (max-width:380px){}
/* 반응형 [e] */