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: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: 150px; outline:none; -webkit-appearance: none; -webkit-border-radius: 0;}
.blind {font-size:0; line-height:0; width:0px; height:0px;}

.input::placeholder, .textarea::placeholder {color:rgba(33,33,33,.5); font-size:16px; line-height:150%; }

/* 첨부파일 */
.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; 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; line-height:150%; word-break:keep-all; padding:0 0 24px;}
.form_txt font{font-weight: 700;}

.form_table {width:100%; display: flex; flex-wrap:wrap; gap:10px;}
.form_table dl {width:calc((100% - 10px) / 2); display: flex; flex-wrap:wrap; border-radius:var(--borderR5); border:1px solid var(--border); padding:13px 20px; box-sizing:border-box; height:100%;}
.form_table dl:nth-child(3) {width:100%;}
.form_table dl:nth-child(4), .form_table dl:nth-child(4), .form_table dl:last-child {width:100%; padding:19px 20px;}
.form_table dl:nth-child(4) dt > p, .form_table dl:last-child dt > p {align-items:flex-start;}
.form_table dt {width: 120px; box-sizing:border-box;}
.form_table dt > p {position:relative; display: flex; flex-wrap:wrap; align-items:center; color:var(--black); font-weight: 700; height:100%;}
.form_table dt p > span {color:var(--main); margin-left: 5px;}
.form_table dd {width: calc(100% - 120px); box-sizing:border-box;}
.form_table dd input[type=text] {width:100%;}
.form_table dd .sub_txt {display: block; text-align:left; padding:5px 0 0;}
.form_table dd .sub_txt .mo {display:none;}
.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;}
.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(100% - 80px) !important; background:var(--grayBg);}

.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 {margin: 30px 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 {position:relative; display: flex; flex-wrap: wrap; align-items: center; gap:5px; padding-left:25px;}
.privacy_head input[type="checkbox"] {position:absolute; left:0; top:5px; z-index:5; display: inline-block; vertical-align: middle; margin:0; width: 18px; height: 18px;}
.privacy_head .checkbox_wrap {font-size: 1rem; line-height: 150%; color:var(--black); box-sizing:border-box;}
.privacy_head .checkbox_wrap em {color:var(--main); font-style:normal; font-weight:600;}
.privacy_head .option {font-size: 1rem; line-height: 140%; font-weight: 600; color:var(--black); cursor:pointer; border-bottom: 1px solid var(--black);}

.privacy_agree {position: absolute; left: 0; top:-170px; 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; width: 100%; height: 100%; line-height: 170%; color:var(--basic); border:1px solid var(--border);}

.formBtn {padding-top:30px; display:flex; justify-content:flex-end;}
.formBtn .btn{display:inline-block; width:240px; height:70px; background:var(--black); border-radius:var(--borderR5); position:relative; overflow:hidden; border:0; cursor:pointer;}
.formBtn .btn::before{content:""; display:block; width:100%; height:100%; background:var(--main); position:absolute; left:0; top:0; transform:translateX(-100%); transition:transform .35s ease;}
.formBtn .btn::after{content:""; display:block; width:1px; height:100%; background:var(--white); position:absolute; right:70px; top:0; opacity:.2; z-index:2;}
.formBtn .btn span {display:flex; align-items:center; height:70px; padding-left:24px; box-sizing:border-box; font-weight:700; color:var(--white); letter-spacing:0; position:relative; z-index:3;}
.formBtn .btn span::after {content:"arrow_circle_right"; font-family:var(--icon); font-size:22px; font-weight:400; font-variation-settings:'FILL' 1,'wght' 400; color:var(--white); line-height:1; position:absolute; right:18px; top:50%; transform:translateY(-50%);}
.formBtn .btn:hover::before {transform:translateX(0);}


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

.input::placeholder, .textarea::placeholder {font-size:15px;}

/* 첨부파일 */
.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;}

/* 입력항목 */
.form_table dl {padding:10px 15px;}
.form_table dt {width: 110px;}
.form_table dd {width: calc(100% - 110px);}
.form_table dl:nth-child(4), .form_table dl:last-child {padding:15px;}

.form_table dd .norobot_img{padding:4px 0;}
.form_table dd .vcode{width:calc(100% - 80px);}

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

.formBtn .btn{width:206px; height:60px;}
.formBtn .btn::after{right:60px;}
.formBtn .btn span {height:60px; padding-left:20px;}
.formBtn .btn span::after{font-size:20px; right:14px;}



}


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

.textarea {height: 100px;}

.input::placeholder, .textarea::placeholder {font-size:14px;}


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

.form_table {gap:5px;}
.form_table dl {width:100%; padding:10px;}
.form_table dt {width:90px;}
.form_table dd {width: calc(100% - 90px);}

.form_table dl:nth-child(4), .form_table dl:last-child {padding:10px;}

.form_b{margin: 20px 0 0; flex-wrap: wrap; gap: 20px; justify-content: center;}
.form_b .agree_pri{position: relative; width: 100%;}
.privacy_head input[type="checkbox"]{width: 14px; height: 14px;}
.privacy_agree {top:-120px; height: 100px;}
.form_b.recaptcha_on .privacy_agree{bottom: 25px;}
.privacy_agree textarea{padding: 10px;}

.form_table dd .sub_txt .pc {display:none;}
.form_table dd .sub_txt .mo {display:block;}

.formBtn .btn{width:171px; height:50px;}
.formBtn .btn::after{right:50px;}
.formBtn .btn span {height:50px; padding-left:16px;}
.formBtn .btn span::after{font-size:18px; right:9px;}


}


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

.form_table dt {width:100%; padding-bottom:5px;}
.form_table dt > p br {display:none;}
.form_table dd {width:100%;}

.formBtn .btn{width:137px; height:40px;}
.formBtn .btn::after{right:40px;}
.formBtn .btn span {height:40px; padding-left:10px;}
.formBtn .btn span::after{font-size:16px; right:7px;}

}