html, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; filter: expression(document.execCommand('BackgroundImageCache', false, true));}


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

select {font-size: 0.888rem; font-weight: 400; line-height: 187.5%; letter-spacing: var(--letter-spacing-caption); color:var(--basic); -webkit-appearance: none; -webkit-border-radius: 0; border:1px solid var(--border); padding:0 10px; box-sizing:border-box; width: 100%; line-height:42px; outline:none;}
.input {font-size: 0.888rem; font-weight: 400; line-height: 187.5%; letter-spacing: var(--letter-spacing-caption); color:var(--basic); -webkit-appearance: none; -webkit-border-radius: 0; border:1px solid var(--border); padding:0 10px; box-sizing:border-box; width: 100%; line-height:42px; outline:none;}
.input_file {display:block; font-size: 0.888rem; font-weight: 400; line-height: 187.5%; letter-spacing: var(--letter-spacing-caption); color:var(--basic); -webkit-appearance: none; -webkit-border-radius: 0; border:1px solid var(--border); padding:0 10px; box-sizing:border-box; width: 50%; height:44px; line-height:42px; outline:none;}
.input.input_l{width: 100%;}
.textarea {font-size: 0.888rem; font-weight: 400; line-height: 187.5%; letter-spacing: var(--letter-spacing-caption); color:var(--basic); border:1px solid var(--border); padding:10px; box-sizing:border-box; width: 100%; height: 135px; outline:none; -webkit-appearance: none; -webkit-border-radius: 0;}
.blind {font-size:0; line-height:0; width:0px; height:0px;}


/* 첨부파일 */
.filebox {display: flex; width: 50%; 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; width: 100px; height: 45px !important; color: var(--white); background:var(--black); cursor: pointer; font-size: 0.889rem; line-height: 45px !important; font-weight: 500; box-sizing:border-box; transition:all .3s linear; text-align:center; letter-spacing: var(--letter-spacing-button); padding: 0;}
.filebox label:hover {background: var(--black);}
.filebox .upload-name {width: calc(100% - 100px); box-sizing:border-box; padding: 0 15px; font-size: 1rem; line-height: 43px; color: var(--basic); display: block; border:1px solid var(--border); border-left: 0; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}




/* 입력항목 */
.form_txt{text-align:right; font-size:15px; font-weight: 400; letter-spacing: var(--letter-spacing-caption); line-height:150%; word-break:keep-all; padding:0 0 24px;}
.form_txt font{font-weight: 700;}

.form_table{width:100%; text-align:left; border-top:2px solid var(--main);}
.form_table dl{display: flex; flex-wrap:wrap;}
.form_table dt{color:var(--black); width: 140px; font-size: 0.888rem; font-weight: 600; line-height: 162.5%; letter-spacing: var(--letter-spacing-caption); padding:18px 15px; box-sizing:border-box; background:var(--grayBg); border-bottom:1px solid var(--border); }
.form_table dt span{color:#FFA82D; margin-left: 1px;}
.form_table dd{width: calc(100% - 140px);  font-size:1rem; color:var(--basic); font-weight: 400; letter-spacing:var(--letter-spacing-body); line-height: 150%; padding:10px; box-sizing:border-box; background:#fff; border-bottom:1px solid var(--border);}
.form_table dd .sub_txt{display: block; text-align:left; font-size: 15px; font-weight: 400; line-height: 166.667%; letter-spacing: -0.45px; padding:5px 0 0;}
.form_table dd .sub_txt a {color: #FFA82D; letter-spacing: inherit; line-height: inherit;}
.form_table dd .sub_txt a:hover{color:var(--main); transition:all .3s linear;}
.form_table dd span.hipen{display:inline-block; width:20px; text-align:center; font-size:0.888rem;}

.form_table dd .btn_address{-webkit-appearance: none; -webkit-border-radius: 0; width:100px; margin-left: 5px; height:45px; line-height:43px; padding:0; box-sizing:border-box; border:1px solid var(--black); text-align:center; color:#fff; font-size:0.938rem; font-weight:500; background:var(--black); outline:none; cursor:pointer; transition:all .3s linear;}
.form_table dd .btn_address:hover{background:var(--main); border-color:var(--main);}
.form_table dd .input_address{margin:5px 0 0;}

.form_table dd .select_num{width:calc((100% - 40px)/3);}
.form_table dd .input_num{width:calc((100% - 40px)/3);}
.form_table dd .input_email{width:calc((100% - 25px)/3);}
.form_table dd .select_email{width:calc((100% - 25px)/3); margin-left: 5px;}
.form_table dd .norobot_img{display:inline-block; vertical-align: top; padding:5px 0 6px; box-sizing:border-box;}
.form_table dd .vcode{display:inline-block; vertical-align: top; width:calc(50% - 85px); margin-left:5px;}


.input_pdate{position: relative; display: inline-block; width: 100%; max-width: 50%;}
.input_pdate .input{padding: 0 50px 0 15px; width: 100%;}
.input_pdate img{position: absolute; right: 15px; top:50%; margin-top: -12px; width: 22px; height: auto;}


/* 개인정보 동의 */
.form_foot {display:flex; flex-wrap: wrap; gap:20px; align-items: center; margin-top:35px; justify-content: space-between;}
.agree_con {}
.privacy_agree{box-sizing:border-box; border:1px solid var(--border); margin:50px 0 0; height:150px;}
.privacy_agree .textarea{border:0; font-size:0.938rem; color:#999; padding: 20px; line-height: 160%; height:100%;}
.agree_con .privacy_head {display:flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.agree_con .privacy_head .agree_checkbox {appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; width:16px; aspect-ratio: 1 / 1; border:1px solid rgba(0,0,0,0.4); margin:0; margin-right: 10px; display:inline-grid; place-items:center; cursor:pointer; display:flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-shrink: 0; position: relative;top:-1px;}
.agree_con .privacy_head .agree_checkbox:checked {background:var(--main); border-color: var(--main);}
.agree_con .privacy_head .agree_checkbox:checked::before {content:'\e5ca'; font-size:14px; line-height:1; display:block; font-family:var(--icon); font-weight:400; color:var(--white);}
.agree_con .privacy_head .checkbox_wrap{}
.agree_con .privacy_head .option{display:inline-block; margin-left: 5px; cursor:pointer; color:var(--black); font-weight:500; text-decoration:underline;}



/* 확인/취소 버튼 */
.formBtn{text-align:center; font-size:0;}
.formBtn .btn {width:180px; height: 56px; padding:0 25px 0 30px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background:var(--main); border:1px solid var(--main); border-radius: 50px; cursor:pointer; transition:all .3s linear;}
.formBtn .btn span {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: 15px; font-weight: 600; line-height:166.667%; letter-spacing: -0.45px; color:var(--white); width: 100%; transition:all .3s linear;}
.formBtn .btn span::after {content:'\e941'; font-size:22px; line-height:1; display:block; font-family:var(--icon); font-weight:400; transition:all .3s linear;}
.formBtn .btn:hover {background:var(--white); border-color:var(--main);  transition:all .3s linear;}
.formBtn .btn:hover span {color:var(--main); transition:all .3s linear;}


.formBtn .btn_cancel{border-color:var(--black);}
.formBtn .btn_cancel:before{background:var(--black);}
.formBtn .btn_cancel span{color:var(--black);}





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



/* 첨부파일 */
.filebox {width: 100%;}
.filebox label {width: 80px; height: 40px !important; line-height: 40px !important;}
.filebox .upload-name {width: calc(100% - 80px); padding: 0 10px; line-height: 38px;}


/* 입력항목 */



.input_pdate{max-width: 100%;}

/* 개인정보 동의 */


/* 확인/취소 버튼 */




}

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


select {padding:0 10px; line-height:38px; width: 100%;}
.input {padding:0 10px; line-height:38px; height:40px; width: 100%;}
.input_file {padding:0 10px; height:40px; line-height:38px; width: 100%;}
.textarea {padding:10px;  height: 100px;}


/* 입력항목 */
.form_txt{padding:0 0 10px;}

.form_table dt{padding: 10px; width:100%;}
.form_table dd{width:100%; padding: 10px;}
.form_table dd .input_num.input_add{width:calc(100% - 105px);}
.form_table dd .norobot_img {padding:4px 0}
.form_table dd .vcode {width: calc(100% - 85px);}
.form_table dd .sub_txt {font-size: 13px;;}


/* 개인정보 동의 */
.privacy_agree {margin-top: 25px;;}
.form_foot {justify-content: center; margin-top: 25px;;}


/* 확인/취소 버튼 */
.formBtn .btn {width:140px; height: 48px; padding:0 20px;}
.formBtn .btn span::after {font-size: 20px;}
.formBtn .btn span {font-size: 13px;}

}

