.form_type { width:100%; max-width:930px; margin: 0 auto; padding-bottom: 100px; box-sizing:border-box; }
.form_type .agree_box { background:#fafafa; padding: 30px; box-sizing:border-box; }
.form_type .agree_box textarea { border: 0; resize:none; width:100%; height:300px; }
.form_type .agree_box .chk_box { display:flex; align-items:center; justify-content:end; margin-top: 10px; }
.form_type .agree_box .chk_box input { width:16px; height:16px; }
.form_type .agree_box .chk_box label { font-size:16px; }

.form_type .write_form { padding: 50px 0; box-sizing:border-box; }
.form_type .write_form ul {  }
.form_type .write_form ul li { border-top: 1px solid #dadada; box-sizing:border-box; padding: 25px 10px; }
.form_type .write_form ul li:first-child { border-top: 0; }
.form_type .write_form ul li .tit,
.form_type .write_form ul li .inputBox { font-size:16px; }
.form_type .write_form ul li:first-child .tit,
.form_type .write_form ul li:first-child .inputBox {  }
.form_type .write_form ul li .tit { position:relative; margin-bottom: 10px; font-weight: 600; color:#666; }
.form_type .write_form ul li .inputBox { color:#000; }
.form_type .write_form ul li .inputBox span[id^="span_"] { display:inline-block; width:100%; }
.form_type .write_form ul li .inputBox span[id^="span_"]:first-child { margin-left: 0 !important; }
.form_type .write_form ul li .inputBox input[type="text"],
.form_type .write_form ul li .inputBox input[type="password"],
.form_type .write_form ul li .inputBox input[type="date"],
.form_type .write_form ul li .inputBox input[type="number"],
.form_type .write_form ul li .inputBox textarea,
.form_type .write_form ul li .inputBox select { width:100%; height:40px; border-radius:5px; border: 1px solid #dadada; padding-left: 10px; box-sizing:border-box; background:#fafafa; }
.form_type .write_form ul li .inputBox textarea { height:100px; max-width:100%; padding: 10px; }
.form_type .write_form ul li .inputBox select { max-width:100%; }
.form_type .write_form ul li .inputBox input[type="button"] { height:40px; width:150px; background:#222; color:#fff; border: 0; border-radius:5px; cursor:pointer; }

/* name */

/* chkeckBox, radio */
.form_type .write_form ul li .inputBox span[id^="span_"].radio,
.form_type .write_form ul li .inputBox span[id^="span_"].checkbox { width:auto; margin-right: 15px; }
.form_type .write_form ul li .inputBox input[id*="checkbox"],
.form_type .write_form ul li .inputBox input[id*="radio"] { vertical-align: middle; width:16px; height:16px; }

/* chkeckBox, radio */
.form_type .write_form ul li .inputBox span[id^="span_"].datepicker { max-width:200px; }

/* select */


/* 년월일시 */
.form_type .write_form ul li .inputBox span[id^="span_"].date,
.form_type .write_form ul li .inputBox span[id^="span_"].datetime,
.form_type .write_form ul li .inputBox span[id^="span_"].timehis { max-width:calc(33.33% - 4px - 10px); margin: 10px 10px 0 0; }
.form_type .write_form ul li .inputBox span[id^="span_"].date select,
.form_type .write_form ul li .inputBox span[id^="span_"].datetime select,
.form_type .write_form ul li .inputBox span[id^="span_"].timehis select { width:calc(100% - 25px); margin-right: 5px; }

/* 전화번호 */
.form_type .write_form ul li .inputBox span[id^="span_"].tel,
.form_type .write_form ul li .inputBox span[id^="span_"].hp { max-width:calc(33.33% - 2px); margin-left: 3px; }
.form_type .write_form ul li .inputBox span[id^="span_"].tel:first-child,
.form_type .write_form ul li .inputBox span[id^="span_"].hp:first-child { margin-left: 0; }

/* mail */
.form_type .write_form ul li .inputBox span[id^="span_"].email { max-width:calc(33.33% - 11px); }

/* 주소 */
.form_type .write_form ul li .inputBox span[id^="span_"].address { width:100%; margin-top: 5px; }
.form_type .write_form ul li .inputBox input[id*="address"] { max-width:100%; }
.form_type .write_form ul li .inputBox span[id^="span_"].address:first-child { width:100%; margin-top: 0; }
.form_type .write_form ul li .inputBox span[id^="span_"]:first-child input[id*="address"] { max-width:calc(100% - 154px); margin-right: 4px; }

.form_type .write_form ul li .inputBox input:focus,
.form_type .write_form ul li .inputBox textarea:focus,
.form_type .write_form ul li .inputBox select:focus { background:#fff; }
.form_type .write_form ul li .inputBox input[type="button"]:focus { background:#222; }



.form_type .btn_confirm { text-align: center; }
.form_type .btn_confirm input[type="submit"] { width:200px; height:50px; font-size:16px; color:#fff; background:#222; cursor:pointer; font-weight: 600; }