.form_type { width:100%; max-width:600px; margin: 0 auto; padding-bottom: 100px; box-sizing:border-box; }
.form_type .agree_box { background:transparent;padding:15px 20px 0px 40px; box-sizing:border-box; }
.form_type .agree_box textarea { border: 1px solid #dadada; resize:none; width:100%; height:100px;background:transparent;color:#fff;font-size:14px;padding:20px }
.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;color: #fff }

.form_type .write_form { padding: 0px 0px; box-sizing:border-box; }
.form_type .write_form table { width:100%; border-collapse:collapse; }
.form_type .write_form table tr {color:#fff}
.form_type .write_form table tr th,
.form_type .write_form table tr td { padding: 5px 10px; box-sizing:border-box; border-top: 0px solid #eaeaea; font-size:16px; }
.form_type .write_form table tr:first-child th,
.form_type .write_form table tr:first-child td { border-top: 0; }
.form_type .write_form table tr th { position:relative; }
.form_type .write_form table tr th:after { content:""; display:inline-block; width:3px; height:30px; /*border-right: 3px dotted #eaeaea; */box-sizing:border-box; position:absolute; right:-1px; top:50%; margin-top: -15px; }
.form_type .write_form table tr td { padding-left: 20px; padding-right: 20px; }
.form_type .write_form table tr td span[id^="span_"] { display:inline-block; width:100%; }
.form_type .write_form table tr td span[id^="span_"]:first-child { margin-left: 0 !important; }
.form_type .write_form table tr td input[type="text"],
.form_type .write_form table tr td input[type="password"],
.form_type .write_form table tr td input[type="date"],
.form_type .write_form table tr td input[type="number"],
.form_type .write_form table tr td textarea,
.form_type .write_form table tr td select {
  width: 100%;
  color: #fff; /* 선택된 항목의 글자색 (닫힌 상태) */
  height: 40px;
  border-radius: 5px;
  border: 1px solid #dadada;
  padding-left: 10px;
  box-sizing: border-box;
  background: transparent;
}

.form_type .write_form table tr td select option {
  background: #fff;
  color: #000; /* 펼쳐진 목록 항목의 글자색 */
}
.form_type .write_form table tr td textarea { height:100px; max-width:100%; padding: 10px;}
.form_type .write_form table tr td select { max-width:100%; }
.form_type .write_form table tr td input[type="button"] { height:35px; width:150px; background:#222; color:#fff; border: 0; border-radius:5px; cursor:pointer; }

/* name */
.form_type .write_form table tr td span[id^="span_"].name { max-width:200px; }

/* chkeckBox, radio */
.form_type .write_form table tr td span[id^="span_"].radio,
.form_type .write_form table tr td span[id^="span_"].checkbox { margin-left: 15px; width:auto; }
.form_type .write_form table tr td input[id*="checkbox"],
.form_type .write_form table tr td input[id*="radio"] { vertical-align: middle; width:16px; height:16px; }

/* chkeckBox, radio */
.form_type .write_form table tr td span[id^="span_"].datepicker { max-width:200px; }

/* select */
.form_type .write_form table tr td span[id^="span_"].select { max-width:300px; }

/* 년월일시 */
.form_type .write_form table tr td span[id^="span_"].date,
.form_type .write_form table tr td span[id^="span_"].datetime,
.form_type .write_form table tr td span[id^="span_"].timehis { max-width:90px; margin-left: 10px; margin-right: 5px; }
.form_type .write_form table tr td span[id^="span_"].date select,
.form_type .write_form table tr td span[id^="span_"].datetime select,
.form_type .write_form table tr td span[id^="span_"].timehis select { width:calc(100% - 25px); margin-right: 5px; }

/* 전화번호 */
.form_type .write_form table tr td span[id^="span_"].tel,
.form_type .write_form table tr td span[id^="span_"].hp { max-width:125px; }
.form_type .write_form table tr td span[id^="span_"].tel:first-child,
.form_type .write_form table tr td span[id^="span_"].hp:first-child { width:80px; }

/* mail */
.form_type .write_form table tr td span[id^="span_"].email { max-width:125px;color:#fff }

/* 주소 */
.form_type .write_form table tr td span[id^="span_"].address { width:100%; margin-top: 5px; }
.form_type .write_form table tr td input[id*="address"] { max-width:100%; }
.form_type .write_form table tr td span[id^="span_"].address:first-child { width:100%; margin-top: 0; }
.form_type .write_form table tr td span[id^="span_"]:first-child input[id*="address"] { max-width:200px; margin-right: 4px; }

.form_type .write_form table tr td input:focus,
.form_type .write_form table tr td textarea:focus,
.form_type .write_form table tr td select:focus { background:transparent; }
.form_type .write_form table tr td input[type="button"]:focus { background:#222; }



.form_type .btn_confirm { text-align: right; }
.form_type .btn_confirm input[type="submit"] { width:180px;height:50px; font-size:16px; color:#fff; background:#004499; cursor:pointer; font-weight: 600;border-radius:25px;border:0px}















