@charset "utf-8";
/**************************************************

	SUPERBOARD :: FORM SKIN :: default

**************************************************/
#sb-form{}
#sb-form fieldset{margin-bottom: 50px;}
#sb-form legend{display: block;margin-bottom: 20px;font-size: 22px;color: #000000;font-weight: bold;letter-spacing: -1px;}

#sb-form fieldset legend { display: none;}
#sb-form .sb-agreebox{box-sizing: border-box;}
#sb-form .sb-agreebox .agree{position: relative;border: 0;background: none;background-color: #f9f9f9;box-shadow: none;padding: 39px 30px;}
#sb-form .sb-agreebox .agree input{display: none;}
#sb-form .sb-agreebox .agree label{font-size: 19px;color: #555;letter-spacing: -1px;position: relative;padding-left: 50px;font-weight: 300;}
#sb-form .sb-agreebox .agree label:before{content: '';display: block;position: absolute;top: 50%;transform: translate(0, -50%);left: 0;width: 38px;height: 38px;background-color: transparent;box-sizing: border-box;border-radius: 50%;}
#sb-form .sb-agreebox .agree label:after{content: '\f1ad';display: block;position: absolute;top: 50%;transform: translate(0, -50%);left: 0;width: 38px;line-height: 38px;text-align: center;font-family: 'axicon';font-size: 16px;color: #fff;display: none;}
#sb-form .sb-agreebox .agree input:checked + label::before { background-color: var(--col-red); }
#sb-form .sb-agreebox .agree input:checked + label:after { display: block;}
#sb-form .sb-agreebox .agree button{background: transparent;font-size: 20px;letter-spacing: -1px;border: 0;background-color: var(--col-red);color: #fff;font-weight: bold;text-decoration: none;font-weight: bold;position: absolute;top: 50%; right: 30px; transform: translateY(-50%);border-radius: 10px;width: 175px; height: 57px;text-align: center;align-content: center;}
#sb-form .sb-agreebox .privacy{position: relative;z-index: 2;border-color: #dbdbdb;margin-top: -1px;padding: 15px;height: 300px;overflow-y: auto;display: none;background: #fff;text-align: left;}
#sb-form .sb-agreebox .privacy.on{display: block;}

#sb-form.inquiry_box .list_box { padding-top: 70px; box-sizing: border-box; }
#sb-form.inquiry_box ul { display: flex; flex-wrap: wrap; margin: -20px;}
#sb-form.inquiry_box li { width: calc(100% / 3); padding: 20px; box-sizing: border-box;}
#sb-form.inquiry_box li.half { width: 50%;}
#sb-form.inquiry_box li.full { width: 100%;}
#sb-form.inquiry_box li dl { }
#sb-form.inquiry_box li dt { padding: 5px; font-size: 22px; font-weight: bold;}
#sb-form.inquiry_box li dd { margin-top: 10px;}
#sb-form.inquiry_box li .inp,
#sb-form.inquiry_box li select { width: 100%; height: 70px; padding: 0 15px; color: #333; background-color: #fff; border: 1px solid #d8d8d8; border-radius: 8px; font-size: 18px; }
#sb-form.inquiry_box li .inp::placeholder,
#sb-form.inquiry_box li select { color: #666; }
#sb-form.inquiry_box li select { appearance: none; background: url(/images/layout/select_arrow.png) no-repeat 98% 50%;}
#sb-form.inquiry_box li .inp { }
/* #sb-form .inquiry_box li select { color: #333;} */
#sb-form.inquiry_box li textarea { width: 100%; padding: 15px; background-color: #fff; box-sizing: border-box; font-size: 18px; border: 1px solid #d8d8d8; border-radius: 8px;}
#sb-form .inquiry_box .submit_btn { display: block; width: 100%; max-width: 200px; height: 60px; margin: 60px auto 0; background-color: var(--col-red); color: #fff; font-weight: bold; font-size: 22px; border: 0; border-radius: 99px; }

#sb-form.inquiry_box li .many-inputs { display: flex; align-items: center; margin: 10px -5px 0; }
#sb-form.inquiry_box li .many-inputs > * { margin: 0 5px;}
#sb-form.inquiry_box li .w33p { width: 33%; }