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


/* 입력항목 */
.form_txt {text-align:right; font-weight: 400; word-break:keep-all; padding: 0 0 15px 0;}
.form_txt font {font-weight: 700;}

.form_table {width:100%;}
.form_table dl {width:100%; display: flex; flex-wrap:wrap; background:var(--grayBg); padding:13px 0; border-radius:var(--borderR5);}
.form_table dl + dl, .form_table dl:last-child {margin-top:4px;}
.form_table dt {width:150px; padding:0 20px; box-sizing:border-box; display: flex; align-items:center;}
.form_table dt p {color:var(--black); font-weight:600; letter-spacing:var(--letter-spacing-body); line-height: 150%;}
.form_table dt p span {color:var(--main); margin-left: 5px;}
.form_table dd {position:relative; width: calc(100% - 150px); padding:0 20px 0 15px; color:var(--basic); font-weight: 400; letter-spacing:var(--letter-spacing-body); line-height: 150%; box-sizing:border-box;}
.form_table dd::before {position:absolute; left:0; top:0; width:1px; height:100%; background:var(--border); content:""; z-index:5;}
.form_table dd .sub_txt {display: block; text-align:left; font-size:1rem; letter-spacing:var(--letter-spacing-body); padding:5px 0 0; color:rgba(33,33,33,0.7);}
.form_table dd .sub_txt a:hover {color:var(--black); transition:all .3s linear;}
.form_table dd span.hipen {display:inline-block; width:25px; 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% - 50px)/3);}
.form_table dd .input_num{width:calc((70% - 50px)/3);}
.form_table dd .input_email{width:calc((70% - 30px)/3);}
.form_table dd .select_email{width:calc((70% - 30px)/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;}

.form_foot {position:relative; margin-top:20px; display:flex; justify-content:space-between;}

/* 개인정보 동의 */
.agree_con {position:relative; width:100%; margin-top:15px;}
.agree_con .privacy_agree {position:absolute; left:0; bottom:50px; width:100%; z-index:10; box-sizing:border-box; border:1px solid var(--black); line-height:0; background:var(--white);}
.agree_con .privacy_agree > h4 {color:var(--black); font-weight:600;padding:10px; box-sizing:border-box;}
.agree_con .privacy_agree .textarea {border:0; font-size:0.938rem; font-family:var(--kor); letter-spacing:var(--letter-spacing-body); background:var(--grayBg); line-height: 160%;}
.agree_con .privacy_head { font-weight:400; letter-spacing:var(--letter-spacing-body); line-height:150%; word-break:keep-all;}
.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 {font-weight:400; word-break:keep-all;}
.agree_con .privacy_head .option {display:inline-block; margin-left: 5px; cursor:pointer; color:var(--main); font-weight:500; text-decoration:underline;}


/* 확인/취소 버튼 */
.formBtn {position:absolute; right:0;}
.formBtn .btn {position:relative; display:flex; align-items:center; justify-content:space-between; width:200px; height:65px; box-sizing:border-box; padding:0 10px 0 30px; border-radius:var(--borderRall); overflow:hidden; transition:all .3s linear; border:1px solid var(--main); background:transparent;}
.formBtn .btn::before {position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:""; z-index:1; background:var(--main);}
.formBtn .btn span {position:relative; z-index:5; color:var(--white); transition:all .5s linear;}
.formBtn .btn em {width:45px; height:45px; display:flex; align-items:center; justify-content:center; position:relative; z-index:5; font-style:normal;}
.formBtn .btn em::after {position:absolute; content:'arrow_forward'; display:flex; align-items:center; justify-content:center; font-family:var(--icon); color:var(--main); font-size:22px; line-height:1; transition:all .5s linear; z-index:5;}
.formBtn .btn::after {position:absolute; right:10px; top:50%; transform:translateY(-50%); width:45px; height:45px; border-radius:var(--borderRall); background:var(--white); display:flex; align-items:center; justify-content:center; pointer-events:none; transition:all .5s linear; z-index:2; content:"";}
.formBtn .btn:hover {padding:0 25px 0 40px;}
.formBtn .btn:hover span {color:var(--main);}
.formBtn .btn:hover::after {right:5px; width:calc(100% - 10px); height:calc(100% - 8px); border-radius:var(--borderRall);}

.formBtn .btn_cancel {display:none; 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:35px; width: 100%;}
.input {padding:0 10px; line-height:35px; width: 100%;}
.input_file {padding:0 10px; height:35px; line-height:35px; width: 100%;}
.textarea {padding:10px;}

.form_table dt {width:130px; padding:0 15px;}
.form_table dd {width: calc(100% - 130px); padding:0 15px 0 10px;}
.form_table dd .select_num{width:calc((100% - 50px)/3);}
.form_table dd .input_num{width:calc((100% - 50px)/3);}
.form_table dd .input_email{width:calc((100% - 30px)/3);}
.form_table dd .select_email{width:calc((100% - 30px)/3); margin-left: 5px;}
.form_table dd .vcode {width:calc(100% - 80px);}

/* 확인/취소 버튼 */
.formBtn .btn {width:185px; height:60px; padding:0 10px 0 25px; }
.formBtn .btn em {width:40px; height:40px;}
.formBtn .btn em::after {font-size:20px;}
.formBtn .btn::after {width:40px; height:40px;}
.formBtn .btn:hover {padding:0 25px 0 35px;}


/* 개인정보 동의 */
.agree_con {margin-top:15px;}
.agree_con .privacy_agree {bottom:50px; }
.agree_con .privacy_agree > h4 {padding:10px;}
.agree_con .privacy_head .agree_checkbox {width:17px; height:17px; margin:-1px 5px 0 0;}


}

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

select {line-height:30px;}
.input {line-height:30px;}
.input_file {height:30px; line-height:30px;}
.textarea {height: 100px;}

/* 입력항목 */
.form_txt {padding:0 0 10px;}
.form_table dl {padding:15px 0 10px 0;}
.form_table dt {padding:0 10px 10px 10px; width:100%;}
.form_table dd {width:100%; padding:0 10px;}
.form_table dd::before {display:none;}
.form_table dd .norobot_img {padding:0;}
.form_foot {flex-direction:column; justify-content:center;}


/* 확인/취소 버튼 */
.formBtn {position: relative; text-align:center; right: auto;}
.formBtn .btn {width:170px; height:55px; padding:0 5px 0 20px; margin:20px auto 0 auto;}
.formBtn .btn em {width:35px; height:35px;}
.formBtn .btn em::after {font-size:18px;}
.formBtn .btn::after {right:5px; width:35px; height:35px;}
.formBtn .btn:hover {padding:0 20px 0 30px;}
.formBtn .btn:hover::after {right:5px; width:calc(100% - 10px); height:calc(100% - 6px);}

/* 개인정보 동의 */
.agree_con {margin-top:0;}
.agree_con .privacy_agree {bottom: 40px;}
.agree_con .privacy_agree .textarea {padding: 12px;}
.agree_con .privacy_head {text-align:center;}
.agree_con .privacy_head .agree_checkbox{width:15px; height:15px; margin:-2px 5px 0 0;}


}


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

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

/* 확인/취소 버튼 */
.formBtn .btn {width:150px; height:45px;}
.formBtn .btn em {width:30px; height:30px;}
.formBtn .btn em::after {font-size:16px;}
.formBtn .btn::after {right:5px; width:30px; height:30px;}
.formBtn .btn:hover {padding:0 15px 0 25px;}
.formBtn .btn:hover::after {right:5px; width:calc(100% - 10px); height:calc(100% - 6px);}


}