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:1rem; color:var(--basic); -webkit-appearance: none; -webkit-border-radius: 0; border:1px solid var(--border); padding:0 15px; box-sizing:border-box; width: 50%; line-height:44px; outline:none;}
.input {font-size:1rem; color:var(--basic); -webkit-appearance: none; -webkit-border-radius: 0; border:1px solid var(--border); padding:0 15px; box-sizing:border-box; width: 50%; line-height:44px; outline:none;}
.input_file {display:block; font-size:1rem; color:var(--basic); -webkit-appearance: none; -webkit-border-radius: 0; border:1px solid var(--border); padding:0 15px; box-sizing:border-box; width: 50%; height:46px; line-height:44px; outline:none;}
.input.input_l{width: 100%;}
.textarea {font-size:1rem; color:var(--basic); border:1px solid var(--border); padding:15px; box-sizing:border-box; width: 100%; height: 200px; outline:none; -webkit-appearance: none; -webkit-border-radius: 0;}
.blind {font-size:0; line-height:0; width:0px; height:0px;}


input::placeholder {font-size: clamp(13px, 0.242vw + 0.764rem, 16px); color:rgba(119,119,119,0.7);}
textarea::placeholder {font-size: clamp(13px, 0.242vw + 0.764rem, 16px); color:rgba(119,119,119,0.7);}

/* 입력항목 */
.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:3px solid var(--main);}
.form_table dl{display: flex; flex-wrap:wrap; background:var(--white);}
.form_table dt{width: 240px; padding:24px 20px; box-sizing:border-box; background:var(--grayBg); border-bottom:1px solid var(--border); display: flex; font-weight: 600; color: var(--black);}
.form_table dt span{color:var(--main); margin-left: 5px;}
.form_table dd{width: calc(100% - 240px);  font-size:1rem; color:var(--basic); font-weight: 400; letter-spacing:var(--letter-spacing-body); line-height: 150%; padding:16px 15px; box-sizing:border-box; background:#fff; border-bottom:1px solid var(--border);}
.form_table dd .sub_txt{display: block; text-align:left; padding:9px 0 0;}
.form_table dd .sub_txt a:hover{color:var(--black); transition:all .3s linear;}
.form_table dd span.hyp{display:inline-block; width:20px; text-align:center; font-size:1rem;}

.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((70% - 40px)/3);}
.form_table dd .input_num{width:calc((70% - 40px)/3);}
.form_table dd .input_email{width:calc((70% - 25px)/3);}
.form_table dd .select_email{width:calc((70% - 25px)/3); margin-left: 5px;}
.form_table dd .norobot_img{display:inline-block; vertical-align: top; padding:6px 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: 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;}


/* 개인정보 동의 */
.agree_con{padding:80px 0 0;}
.agree_con .privacy_agree{box-sizing:border-box; border:1px solid var(--border); border-top:0;}
.agree_con .privacy_agree .textarea{border:0; font-size: clamp(13px, 0.242vw + 0.764rem, 16px); padding: 20px; line-height: 160%;}
.agree_con .privacy_head{ background:var(--grayBg); padding:20px; word-break:keep-all; text-align:center;}
.agree_con .privacy_head .agree_checkbox{display:inline-block; width:20px; height:20px; margin:-2px 7px 0 0; vertical-align:middle;}
.agree_con .privacy_head .checkbox_wrap{color:var(--black); word-break:keep-all;}
.agree_con .privacy_head .option{display:inline-block; margin-left: 5px; cursor:pointer; color:var(--black); font-weight:600; text-decoration:underline;}



/* 확인/취소 버튼 */
.formBtn{text-align:center; padding:40px 0 0; font-size:0;}
.formBtn .btn{display:inline-block; vertical-align: top; padding: 0; margin: 0; outline:none; cursor:pointer; width:180px; height:60px; box-sizing:border-box; text-align:center; transition:all .3s linear; border:1px solid var(--main); background:var(--white); position:relative; margin: 0 5px 0 0;}
.formBtn .btn:last-child{margin:0;}
.formBtn .btn:before{content:''; display:block; width:0; height: 100%; background:var(--main); position:absolute; left:0; top:0; transition:all .3s linear;}
.formBtn .btn:hover:before{width: 100%;}
.formBtn .btn span{display:block; position:relative; z-index: 1; font-size:1rem; line-height: 58px; letter-spacing:var(--letter-spacing-button); font-weight:500; color:var(--main); transition:all .3s linear;}
.formBtn .btn:hover span{color:#fff;}

.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){

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



/* 입력항목 */
.form_txt{font-size:13px; padding:0 0 18px;}

.form_table{}
.form_table dt{padding:20px 15px; width: 160px;}
.form_table dd{width: calc(100% - 160px);/*  padding:20px 15px; */}
.form_table dd .sub_txt{padding:5px 0 0;}

.form_table dd .btn_address{width:100px; margin-left: 5px; height:40px; line-height:38px;}
.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{padding:4px 0;}
.form_table dd .vcode{width:calc(100% - 80px);}


.input_pdate{max-width: 100%;}

/* 개인정보 동의 */
.agree_con{padding:60px 0 0;}
.agree_con h4{font-size:20px; padding:0 0 8px;}
.agree_con .privacy_agree .textarea{padding: 15px;}
.agree_con .privacy_head{padding:15px;}
.agree_con .privacy_head .agree_checkbox{width:18px; height:18px; margin:-2px 7px 0 0;}


/* 확인/취소 버튼 */
.formBtn{padding:40px 0 0;}



}

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

.textarea {height: 100px;}



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

.form_table dt{padding:12px 10px; width:100%;}
.form_table dd{width:100%; padding:12px 10px;}
.form_table dd .input_num.input_add{width:calc(100% - 105px);}



/* 개인정보 동의 */
.agree_con{padding:40px 0 0;}
.agree_con h4{font-size:18px;}
.agree_con .privacy_agree .textarea{padding: 12px;}
.agree_con .privacy_head{padding:12px;}
.agree_con .privacy_head .agree_checkbox{width:15px; height:15px; margin:-2px 5px 0 0;}


/* 확인/취소 버튼 */
.formBtn{padding:30px 0 0;}
.formBtn .btn{width:140px; height:50px;}
.formBtn .btn span{line-height: 48px;}


}

