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


/* 첨부파일 */
.filebox {display:flex; position:relative; 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; flex-shrink:0; 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:background 0.3s linear; text-align:center; letter-spacing:var(--letter-spacing-button); padding:0;}
.filebox label:hover {background:var(--main);}
.filebox .upload-name {width:calc(100% - 100px); height:45px; box-sizing:border-box; padding:0 15px; font-size:0.889rem; line-height:43px; color:var(--basic); display:block; border:1px solid var(--border); border-left:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}


/* 입력항목 */
.form_txt {display:none; 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%;}
.form_table dl {display: flex; flex-wrap:wrap; padding:15px 20px; background:var(--white); box-sizing:border-box; margin-bottom:4px;}
.form_table dl:last-child {margin-bottom:0;}
.form_table dt {position:relative; width: 170px; color:var(--black); font-weight:600; line-height: 150%; box-sizing:border-box;}
.form_table dt p {display:flex; align-items:center; height:100%;}  
.form_table dt span {color:var(--main); margin-left: 5px;}
.form_table dd {width: calc(100% - 170px); color:var(--basic); letter-spacing:var(--letter-spacing-body); box-sizing:border-box; line-height:1; border-left:1px solid var(--border); padding-left:20px;}
.form_table dd .sub_txt {display: block; text-align:left; font-size:0.889rem; letter-spacing:var(--letter-spacing-body); padding:5px 0 0;}
.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;}
.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:7px 0; box-sizing:border-box;}
.form_table dd .vcode {display:inline-block; vertical-align: top; width:260px; background:#f4f4f4;}

.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_b {display: flex; justify-content:space-between; align-items: center; margin:20px 0 0; position: relative; width: 100%;}
.form_b.recaptcha_on {align-items: flex-start;}
.form_b .agree_con {display: flex; flex-direction: column; gap:10px;}

.privacy_head{display: flex; flex-wrap: wrap; align-items: center; gap:5px;}
.privacy_head input[type="checkbox"]{display: inline-block; vertical-align: middle; margin:0; width: 18px; height: 18px;}
.privacy_head .checkbox_wrap {color:var(--basic);}
.privacy_head .option {font-weight:600; color:var(--main); cursor:pointer; border-bottom: 1px solid var(--main);}

.privacy_agree {position: absolute; left: 0; bottom: 60px; z-index: 30; width: 100%; height: 150px; display: none;}
.form_b.recaptcha_on .privacy_agree {bottom: 35px;}
.privacy_agree textarea {padding: 15px; box-sizing:border-box; border:0; font-size:0.889rem; letter-spacing:var(--letter-spacing-input); width: 100%; height: 100%; line-height: 170%; color:var(--basic); border:1px solid var(--black);}

.formBtn .btn {display:inline-block; vertical-align: top; padding: 0; margin: 0; outline:none; cursor:pointer; width:180px; height:64px; box-sizing:border-box; text-align:center; transition:all .3s linear; border:1px solid var(--main); background:var(--main); position:relative; transition:all .3s linear; padding:0 20px 0 30px; border-radius:var(--borderAll);}
/*.formBtn .btn:before {content:''; display:block; width:0; height: 100%; background:var(--white); position:absolute; left:0; top:0; transition:all .3s linear;}
.formBtn .btn:hover:before {width: 100%;}*/
.formBtn .btn span {display:flex; align-items:center; justify-content:space-between; position:relative; z-index: 1; font-size:1rem; letter-spacing:var(--letter-spacing-button); font-weight:500; color:var(--white); transition:all .3s linear;}
.formBtn .btn span::after {font-family:var(--icon); font-size:24px; color:var(--white); content:"chevron_forward"; width:24px; height:24px; line-height:1;}
.formBtn .btn:hover {background:var(--white);}
.formBtn .btn:hover span {color:var(--main);}
.formBtn .btn:hover span::after {color:var(--main);}


/** 메인 하단 폼메일 css **/
.form_table.main dl {background:var(--white_10); border:1px solid var(--white_15); backdrop-filter:blur(10px);}
.form_table.main dt {color:var(--white);}
.form_table.main dt span {color:var(--sub);}
.form_table.main dd {border-left:1px solid rgba(255,255,255,0.3); color:var(--white);}
.form_table.main dd .sub_txt {color:var(--light_f);}
.form_table.main dd .sub_txt a:hover {color:var(--white);}
.form_table.main dd .vcode {background:var(--white_10);}
.form_table.main input[type='text'], .form_table.main textarea {background-color:transparent; color:var(--light_f);} 
.form_table.main select {color:var(--white); background-image:url('/img/cat_arrow_wh.svg');}
.form_table.main select option {color:var(--basic);}

.form_b.main .privacy_head .checkbox_wrap {color:var(--light_f);}
.form_b.main .privacy_head .option { color:var(--white); border-color:var(--white);}


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

.form_table dl {padding:12px 15px;}
.form_table dt {width: 150px;}
.form_table dd {width: calc(100% - 150px); padding-left:15px;}

}


/*******************************************************************************
	@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;}

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


/* 입력항목 */
.form_table dl {padding:15px;}
.form_table dt {width: 130px;}
.form_table dd {width: calc(100% - 130px); padding-left:10px;}
.form_table dd .vcode {width:calc(100% - 85px);}
.form_table dd .norobot_img {padding:4px 0;}

.input_pdate {max-width: 100%;}

.privacy_head input[type="checkbox"] {width: 16px; height: 16px;}
.privacy_agree {bottom:70px;}
.form_b.recaptcha_on .privacy_agree {bottom: 30px;}

.formBtn .btn {width:163px; height:58px; padding:0 20px 0 25px;}
.formBtn .btn span::after {font-size:22px; width:22px; height:22px;}

}

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

.textarea {height: 100px;}



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

.form_table dl {padding:10px;}
.form_table dt {width:100%; margin-bottom:5px;}
.form_table dd {width:100%; padding-left:0; border-left:none;}

.form_b {margin: 20px 0 0; flex-wrap: wrap; gap: 20px; justify-content: center;}
.form_b .agree_con {width: 100%; display: flex; flex-direction: column; align-items: center;}
.form_b .agree_pri {position: relative; width: 100%;}

.privacy_head{justify-content: center;}
.privacy_head input[type="checkbox"]{width: 14px; height: 14px;}
.privacy_agree {bottom:30px; height: 100px;}
.form_b.recaptcha_on .privacy_agree{bottom: 30px;}
.privacy_agree textarea{padding: 10px;}

.formBtn .btn {width:150px; height:50px;}
.formBtn .btn {width:141px; height:50px; padding:0 15px 0 20px;}
.formBtn .btn span::after {font-size:20px; width:20px; height:20px;}

/** 메인 하단 폼메일 css **/
.form_table.main dd {border-left:none;}


}


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

.form_table dd .input_email {width:calc((100% - 25px) / 2);}
.form_table dd .select_email { width: 100%; margin-left:0; margin-top:5px; border-top:1px solid var(--border);}


/** 메인 하단 폼메일 css **/
.form_table dd .select_email {border-top-color:var(--white_15);}


}