form {margin:0;}
p {margin-top:0; margin-bottom:0;}
td,table {font-size:1rem; color:var(--basic); line-height:150%;}

select,
.input {font-size:1rem; font-family:var(--eng); color:var(--black); -webkit-appearance:none; appearance:none; border:1px solid rgba(17,17,17,0.1); border-radius:var(--borderR5); padding:0 20px; box-sizing:border-box; width:100%; height:60px; line-height:60px; outline:none; background:var(--white);}
.input::placeholder,
.textarea::placeholder {color:var(--light); opacity:0.8;}
.input_file {display:block; font-size:1rem; color:var(--basic); -webkit-appearance:none; border:1px solid rgba(17,17,17,0.1); border-radius:var(--borderR5); padding:0 20px; box-sizing:border-box; width:100%; height:60px; line-height:60px; outline:none;}
.input.input_l {width:100%;}
.textarea {font-size:1rem; font-family:var(--eng); color:var(--black); border:1px solid rgba(17,17,17,0.1); border-radius:var(--borderR5); padding:15px 20px; box-sizing:border-box; width:100%; height:150px; outline:none; -webkit-appearance:none; resize:vertical;}
.blind {font-size:0; line-height:0; width:0; height:0;}

/*** File ***/
.filebox {display:flex; position:relative; width:100%; box-sizing:border-box;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.filebox label {display:inline-block; flex-shrink:0; width:100px; height:60px !important; color:var(--white); background:var(--black); cursor:pointer; font-size:0.889rem; line-height:60px !important; font-weight:500; box-sizing:border-box; transition:background 0.3s linear; text-align:center; letter-spacing:var(--letter-spacing-button); padding:0; border-radius:var(--borderR5) 0 0 var(--borderR5);}
.filebox label:hover {background:var(--main);}
.filebox .upload-name {width:calc(100% - 100px); height:60px; box-sizing:border-box; padding:0 20px; font-size:0.889rem; line-height:58px; color:var(--basic); display:block; border:1px solid rgba(17,17,17,0.1); border-left:0; border-radius:0 var(--borderR5) var(--borderR5) 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*** Fields ***/
.form_txt {display:none;}
.form_table {width:100%; text-align:left; border:0; display:flex; flex-direction:column; gap:10px;}
.form_table dl {display:flex; align-items:center; gap:20px; width:100%;}
.form_table dl:has(.textarea) {align-items:flex-start;}
.form_table dt {width:150px; flex-shrink:0; font-size:1rem; font-family:var(--eng); color:var(--black); font-weight:500; letter-spacing:0; line-height:166.67%; padding:0; box-sizing:border-box; background:transparent; border:0; display:flex; align-items:center;}
.form_table dl:has(.textarea) dt {padding-top:10px; align-items:flex-start;}
.form_table dt span {color:var(--main); margin-left:4px;}
.form_table dd {flex:1; min-width:0; font-size:1rem; color:var(--basic); font-weight:400; letter-spacing:0; line-height:166.67%; padding:0; box-sizing:border-box; background:transparent; border:0; display:flex; align-items:center; gap:5px; flex-wrap:wrap;}
.form_table dd .input,
.form_table dd select {flex:1; min-width:0; width:auto;}
.form_table dd .textarea {width:100%;}
.form_table dd .sub_txt {display:block; width:100%; text-align:left; font-size:0.889rem; padding:5px 0 0; color:var(--light);}
.form_table dd .sub_txt a:hover {color:var(--black); transition:all .3s linear;}
.form_table dd span.hipen {display:inline-block; width:20px; text-align:center; font-size:1rem; flex-shrink:0;}
.form_table dd .btn_address {-webkit-appearance:none; border-radius:var(--borderR5); width:100px; margin-left:5px; height:60px; line-height:58px; padding:0; box-sizing:border-box; border:1px solid var(--black); text-align:center; color:var(--white); font-size:0.889rem; font-weight:500; background:var(--black); outline:none; cursor:pointer; transition:all .3s linear; flex-shrink:0;}
.form_table dd .btn_address:hover {background:var(--main); border-color:var(--main);}
.form_table dd .input_address {margin:5px 0 0; width:100%;}
.form_table dd .select_num,
.form_table dd .input_num,
.form_table dd .input_email,
.form_table dd .select_email {width:auto; flex:1; min-width:0; margin-left:0;}
.form_table dd .select_email {margin-left:5px;}
.form_table dd .norobot_img {display:inline-block; vertical-align:top; padding:7px 0; box-sizing:border-box;}
.form_table dd .vcode {display:inline-block; vertical-align:top; width:calc(50% - 80px);}
.input_pdate {position:relative; display:inline-block; width:100%; max-width:100%; flex:1;}
.input_pdate .input {padding:0 50px 0 20px; width:100%;}
.input_pdate img {position:absolute; right:15px; top:50%; margin-top:-12px; width:22px; height:auto;}

/*** Bottom ***/
.form_b {margin:0; position:relative; width:100%;}
.form_b .agree_con {display:flex; flex-direction:column; gap:10px; align-items:flex-start;}
.form_b .spam_check {line-height:0;}
.privacy_head {display:flex; flex-wrap:wrap; align-items:center; gap:6px;}
.privacy_head input[type="checkbox"] {display:inline-block; vertical-align:middle; margin:0; width:22px; height:22px; border:1px solid #bbb; border-radius:var(--borderR5); box-sizing:border-box; accent-color:var(--main); cursor:pointer;}
.privacy_head .checkbox_wrap {font-size:0.778rem; font-family:var(--eng); letter-spacing:0; line-height:150%; color:var(--black); opacity:0.7; cursor:pointer;}
.privacy_head .option {font-size:0.778rem; font-family:var(--eng); letter-spacing:0; line-height:150%; font-weight:700; color:var(--black); cursor:pointer; text-decoration:underline; border:0;}
.privacy_agree {position:absolute; left:0; bottom:calc(100% + 10px); z-index:30; width:100%; height:180px; display:none;}
.privacy_agree textarea {padding:15px; box-sizing:border-box; font-size:0.889rem; letter-spacing:var(--letter-spacing-input); width:100%; height:100%; line-height:170%; color:var(--basic); border:1px solid rgba(17,17,17,0.1); border-radius:var(--borderR5); background:var(--white);}
.formBtn {position: absolute; right: 0; top: 0;}
.formBtn .btn {display:none;}
.formBtn .more-btn {border:0; background:transparent; font-family:inherit;}
.formBtn .more-btn .more-btn-txt{margin-top: 1px;}


/*******************************************************************************
	@media ~680px
*******************************************************************************/
@media all and (max-width:680px){


	select,
	.input {padding: 0 15px; height:50px; line-height:50px;}
	.input_file {padding:0 15px; height:50px; line-height:50px;}
	.textarea {padding:15px; height:100px;}
	
	/*** File ***/
	.filebox label {height:50px !important; line-height:50px !important;}
	.filebox .upload-name {height:50px; padding:0 15px; line-height:48px;}
	
	/*** Fields ***/
	.form_table {gap:20px;}
	.form_table dl {gap:5px; flex-wrap: wrap;}
	.form_table dt {width:100%;}
	.form_table dl:has(.textarea) dt {padding-top:0;}
	.form_table dd{flex: auto; width: 100%;}

	
	/*** Bottom ***/
	.form_b .agree_con {align-items: center;}
	.spam_check{transform: scale(0.85);}
	.privacy_head{justify-content: center;}
	.privacy_head input[type="checkbox"] {width:16px; height:16px;}
	.formBtn {position: relative; right: auto; top: auto; margin: 20px auto 0; display: flex; justify-content: center;}

	
}
