@import url('/comm/css/root.css'); /* 변수css */ 

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; border-radius:var(--borderR5);}
.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:45px; outline:none; border-radius:var(--borderR5);}
.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:1px solid var(--border); 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;}


/* 첨부파일 */
.filebox {display:flex; position:relative; width:100%; 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; border-radius:var(--borderR5) 0 0 var(--borderR5);}
.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; border-radius:0 var(--borderR5) var(--borderR5) 0;}


/* 입력항목 */
.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%; border:1px solid var(--border); border-radius:var(--borderR30); padding:50px 80px; box-sizing:border-box;}
.form_table dl {display: flex; flex-wrap:wrap; border-bottom:1px solid var(--border); padding:15px 0;}
.form_table dl:last-child {padding:15px 0 0 0; border-bottom:0;}
.form_table dt {font-size:1rem; font-weight:700; letter-spacing:var(--letter-spacing-default); width: 150px; color:var(--black); box-sizing:border-box; display: flex; align-items:center;}
.form_table dt span {color:var(--main); margin-left: 5px; font-weight:normal;}
.form_table dd {font-size:1rem; letter-spacing:var(--letter-sapcing-default); width: calc(100% - 150px); color:var(--basic); font-weight: 400; box-sizing:border-box;}
.form_table dd .sub_txt {display:inline-block; text-align:left; font-size:16px; letter-spacing:var(--letter-sapcing-default); padding:8px 0 0 5px; color:var(--basic);}
.form_table dd .sub_txt a {color:var(--main); transition:all .3s linear;}
.form_table dd .sub_txt a:hover {color:var(--black);}
.form_table dd span.hipen {display:inline-block; width:20px; text-align:center; font-size:1rem;}
.form_table dd input[id='1_f0_0'], .form_table dd input[id='1_f3_0'], .form_table dd input[id='1_f4_0'] {width:100%;}
.form_table dd textarea {border-radius:var(--borderR5);}
.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_box {display:inline-flex; align-items:center; padding:10px; border:1px solid var(--border); border-radius:var(--borderR5); box-sizing:border-box;}
.form_table dd .norobot_img {display:inline-block; vertical-align: top; padding:0; box-sizing:border-box;}
.form_table dd .vcode {display:inline-block; vertical-align: top; width:auto; min-width:250px; border:none;  line-height:33px;}

.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_b {display: flex; justify-content:space-between; align-items: center; 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 {display: flex; flex-wrap: wrap; align-items: center; gap:5px;}
.privacy_head input[type="checkbox"] {display: inline-block; vertical-align: middle; margin:0; width:20px; height:20px;}
.privacy_head .checkbox_wrap {font-size: 1rem; letter-spacing: var(--letter-spacing-input); line-height: 150%; color:var(--basic);}
.privacy_head .option {font-size: 1rem; letter-spacing: var(--letter-spacing-input); line-height: 140%; font-weight: 600; color:var(--black); cursor:pointer; border-bottom: 1px solid var(--black);}

.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; font-family:var(--kor); letter-spacing:var(--letter-spacing-input); width: 100%; height: 100%; line-height: 170%; color:var(--basic); border:1px solid var(--black);}

.formBtn .btn {position:relative; display:inline-block; vertical-align: top; padding: 0; margin: 0; outline:none; cursor:pointer; width:190px; height:54px; box-sizing:border-box; transition:all .3s linear; border:1px solid var(--main); padding:12px 20px; border-radius:vaR(--borderR8); overflow:hidden;}
.formBtn .btn:before {position:absolute; left:0; top:0; content:''; display:block; width:100%; height: 100%; background:var(--main); transition:all .3s linear;}
.formBtn .btn:hover:before {background:var(--white);}
.formBtn .btn span {position:relative; 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:"arrow_forward";}
.formBtn .btn:hover span {color:var(--main);}
.formBtn .btn:hover span::after {color:var(--main);}



/*******************************************************************************
	@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 {padding:30px 50px;}
.form_table dl {padding:12px 0;}
.form_table dt {width: 120px;}
.form_table dd {width: calc(100% - 120px);}
.form_table dd .sub_txt {display:block; font-size:15px; padding:8px 0 0 0px;}
.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_box {padding:8px; width:100%;}
.form_table dd .vcode {min-width:auto; width:calc(100% - 85px);}

.form_table dd .btn_address{width:100px; margin-left: 5px; height:40px; line-height:38px;}
.form_table dd .input_address{margin:5px 0 0;}

.input_pdate{max-width: 100%;}

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

.formBtn .btn {width:169px; height:48px; padding:10px 20px; }
.formBtn .btn span::after {font-size:20px;}

}

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

.textarea {height: 100px;}

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

/* 입력항목 */
.form_table {padding:20px 30px;}
.form_table dl {padding:10px 0;}
.form_table dt {width:100%; padding-bottom:5px;}
.form_table dd {width:100%;}
.form_table dd .input_num.input_add{width:calc(100% - 105px);}

.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: 16px; height: 16px;}
.privacy_agree{bottom:40px; height: 100px;}
.form_b.recaptcha_on .privacy_agree{bottom: 25px;}
.privacy_agree textarea {padding: 10px;}

.formBtn .btn {width:155px; height:44px; padding:7px 15px; }
.formBtn .btn span::after {font-size:18px;}

}



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

/* 입력항목 */
.form_table {padding: 20px;}

}