

.form_type {  }
.form_type .tit_box {  }
.form_type .tit_box .tit { margin-bottom: 6rem; }

.form_type form { box-sizing:border-box; position:relative; } 

/* .form_type form .write_form { border: solid #222; box-sizing:border-box; border-width:4px 0; margin-top: 5rem; }
.form_type .itit { font-size:2rem; color:#222; font-weight: 600; margin-top: 0; }
.form_type .itit small { display:block; color:#de3d4c; font-size:14px; font-weight: 600; margin-top: 1rem; }
.form_type .top_box,
.form_type ul { padding: 3.5rem 0 3.5rem; box-sizing:border-box; }

.form_type .top_box { border-bottom: 1px solid #dadada; }
.form_type .top_box .inputBox { display:flex; flex-wrap:wrap;  }
.form_type .top_box .itit { margin-bottom: 2rem; }
.form_type .top_box .inputBox input { position:absolute; opacity:0; left:0; top:0; }
.form_type .top_box .inputBox > div { width:33.33%; margin: 13px 0; position:relative; }
.form_type .top_box .inputBox label { display:inline-flex; }
.form_type .top_box .inputBox label i { margin-right: 7px; display:inline-flex; width:20px; height:20px; border: 2px solid #ccc; box-sizing:border-box; align-items:center; justify-content:center; text-align: center; font-style:normal; border-radius:5px; transition:all 0.2s; }
.form_type .top_box .inputBox label i:before { content:"\f00c"; font-family: "Font Awesome 5 Free"; font-size:12px; color:#222; transition:all 0.2s; opacity:0; }

.form_type .top_box .inputBox input:checked + label > i { background:var(--main_c1); border-color:transparent; }
.form_type .top_box .inputBox input:checked + label > i:before { opacity:1; } */


.form_type .write_form ul { display:flex; flex-wrap:wrap; gap:3rem 3rem; }
.form_type .write_form ul li { width:calc(50% - 1.5rem); }
.form_type .write_form ul .tit { font-size:14px; color:#666; font-weight: 600; margin-bottom: 10px; }
.form_type .write_form ul .tit small { color:#de3d4c; }
.form_type .write_form ul .inputBox {  }
.form_type .write_form ul .inputBox input[type="text"],
.form_type .write_form ul .inputBox select,
.form_type .write_form ul .inputBox textarea,
.form_type .write_form ul .inputBox .file_box .uname { font-size:16px; color:#3a3a3a; border: 0 !important; box-shadow:0 0 0 0 !important; border: 2px solid #dadada !important; box-sizing:border-box; border-radius:0 !important; font-weight: 500; width:100%; }
.form_type .write_form ul .inputBox input[type="text"],
.form_type .write_form ul .inputBox select,
.form_type .write_form ul .inputBox .file_box .uname { height:55px; padding: 0; padding-left: 10px; }
/* .form_type .write_form ul .inputBox select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } */

.form_type .write_form ul .inputBox input[type="text"]:focus,
.form_type .write_form ul .inputBox select:focus { border: 2px solid #222 !important; }

.form_type .write_form ul .sel_type { position:relative; }
.form_type .write_form ul .sel_type select { position:relative; z-index:0; background:#fff; }
.form_type .write_form ul .sel_type:before { content:"\f107"; font-family: "Font Awesome 5 Free"; font-weight: 600; position:absolute; right:20px; bottom:0; height:55px; display:flex; align-items:center; color:#666; z-index:1; }

.form_type .write_form ul .inputBox.mail_type { display:flex; align-items:end; }
.form_type .write_form ul .inputBox.mail_type > .imt { display:inline-block; width:calc(100% - 150px); padding-right: 10px; box-sizing:border-box; }
.form_type .write_form ul .inputBox.mail_type .help-block { width:150px; display:inline-flex; height:55px; text-align: center; justify-content:center; align-items:center; position:relative; margin: 0; }
.form_type .write_form ul .inputBox.mail_type .help-block input { position:absolute; left:0; top:0; opacity:0; }
.form_type .write_form ul .inputBox.mail_type .help-block label { argin-left: 0; padding-left: 0; transition:all 0.5s;  border: 1px solid #dadada; box-sizing:border-box; display:flex; width:100%; height:100%; text-align: center; justify-content:center; align-items:center; }
.form_type .write_form ul .inputBox.mail_type .help-block label i { display:inline-flex; align-items:center; text-align: center; justify-content:center; width:20px; height:20px; background-color:#eaeaea; border-radius:50%; background-repeat:no-repeat; background-position:center center; margin-right: 5px; }
.form_type .write_form ul .inputBox.mail_type .help-block input:checked ~ label { background:var(--main_c1); color:#222; font-weight: 500; border: 1px solid transparent; }
.form_type .write_form ul .inputBox.mail_type .help-block input:checked ~ label i { background-image:url(../../../img/chk_icon.png); background-color:var(--main_c1); }

.form_type .write_form ul .inputBox .textarea { display:block; padding-bottom: 24px; height:235px; border-bottom: 2px solid #dadada !important; }
.form_type .write_form ul .inputBox .textarea textarea { resize:none; height: 100%; background-attachment: local; background-image: linear-gradient(270deg, #fff 1px, transparent 0), linear-gradient(#fff 50px, #dadada 0); background-size: 4px 51px; line-height: 50px; border: 0 !important; padding-bottom: 5px; }

.form_type .write_form ul .inputBox .file_box { display:flex; align-items:end; justify-content:space-between; }
.form_type .write_form ul .inputBox .file_box .uname { color:#aaa; font-weight: 400; width:calc(100% - 150px - 10px); }
.form_type .write_form ul .inputBox .file_box label { cursor:pointer; width:150px; height:55px; font-size:14px; color:#fff; font-weight: 500; display:inline-flex; align-items:center; justify-content:center; background:#999; margin-bottom: 0; }
.form_type .write_form ul .inputBox .file_box label i { margin-left: 7px; }
.form_type .write_form ul .inputBox .file_box input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

.form_type .write_form ul .inputBox input:-ms-input-placeholder,
.form_type .write_form ul .inputBox input::-webkit-input-placeholder,
.form_type .write_form ul .inputBox input::-moz-placeholder,
.form_type .write_form ul .inputBox input::-moz-placeholder { color: #fff !immportant; font-weight: 400 !immportant; }


.form_type .agree_chk { margin-top: 3rem; display:flex; align-items:center; position:absolute; right:0; bottom:110px; }
.form_type .agree_chk label { display:inline-flex; align-items:center; margin-bottom: 0; }
.form_type .agree_chk input { margin-right: 10px; width:16px; height:16px; margin-top: 0; }
.form_type .agree_chk a { border-bottom: 1px solid #aaa; box-sizing:border-box; display:inline-block; margin-left: 2rem; }
.form_type .agree_chk label small { color:#de3d4c; }

.form_type .btn_confirm { text-align: center; margin-top: 3rem; }
.form_type .btn_confirm input { width:200px; height:55px; border-radius:5px; background:#222; color:#fff; font-weight: 600; font-size:16px; border: 0; }



@media (max-width:1200px){


 
}


@media (max-width:992px){

}


@media (max-width:768px){

	.form_type .write_form ul { flex-direction:column; }
	.form_type .write_form ul li { width:100%; }

}


@media (max-width:640px){

	.form_type .agree_chk { position:static; }

}


@media (max-width:560px){

}


@media (max-width:479px){

}














