/* 첨부파일 */
.filebox_wrap{display: flex; flex-wrap:wrap; align-items:center; gap:10px 20px; width: 100%;}
.filebox {display: flex; width: 420px; 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: 80px; height: 56px !important; color: var(--white); background:var(--black); cursor: pointer; font-size: 0.778rem; line-height: 54px !important; font-weight: 500; box-sizing:border-box; transition:all .3s linear; text-align:center; letter-spacing: var(--letter-spacing-button); padding: 0;}
.filebox label:hover {background: var(--black);}
.filebox .upload-name {width: calc(100% - 80px); box-sizing:border-box; padding: 0 15px; font-size: 0.889rem; line-height: 54px; 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_tab */
.form_tab{display: flex; gap: 30px; margin: 0 0 50px; padding: 0; list-style: none;}
.form_tab li{flex: 1 0 0; min-width: 0;}
.form_tab li a{display: flex; align-items: center; gap: 15px; padding: 22px 35px; box-sizing: border-box; min-height: 76px; background: var(--grayBg); color: var(--black); font-size: 1.333rem; font-weight: 700; line-height: 36px; letter-spacing: 0.5pt; text-decoration: none; transition: background 0.3s ease, color 0.3s ease, opacity 0.3s ease; font-family: var(--eng);}
.form_tab li:not(.on) a{opacity: 0.5;}
.form_tab li:not(.on) a:hover{opacity: 0.8; color:var(--main);}
.form_tab li a::before{content: '\e876'; font-family: var(--icon); font-size: 18px; width: 32px; height: 32px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--white); border-radius: 50%; color: var(--basic); transition: color 0.3s ease;}
.form_tab li.on a{background: var(--main); color: var(--white); opacity: 1; border: 1px solid var(--main);}
.form_tab li.on a::before{color: var(--main);}
.form_tab li a:hover::before{color: var(--main);}


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: 100%; line-height:54px; height:56px; outline:none; background: url("/img/cat_arrow_bk.svg") no-repeat right 20px center/10px auto;}
.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: 100%; line-height:54px; height:56px; 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: 100%; height:56px; line-height:54px; outline:none;}
.input.input_l{width: 100%;}
.textarea {font-size:1rem; color:var(--basic); border:1px solid var(--border); padding:12px 15px; box-sizing:border-box; width: 100%; height: 170px; outline:none; -webkit-appearance: none; -webkit-border-radius: 0;}
.blind {font-size:0; line-height:0; width:0px; height:0px;}


.checkbox_wrap{display:inline-block; vertical-align:middle; min-width:115px; }
.checkbox_wrap input[type="checkbox"]{display:none;}
.checkbox_wrap label{font-size:1rem; letter-spacing:var(--letter-spacing-input); line-height:150%; padding-left:26px; box-sizing:border-box; position:relative; cursor:pointer;}
.checkbox_wrap label::before{content:'\f88b'; display:block; width:20px; height:20px; line-height:20px; font-size:18px; box-sizing:border-box; border:1px solid var(--border); border-radius:3px; position:absolute; left:0; top:0; background:var(--white); font-family:var(--icon); color:var(--white);}
.checkbox_wrap input[type="checkbox"]:checked + label::before{background:var(--main); color:var(--white); border-color:var(--main);}






/* 입력항목 */
.form_table{width:100%; text-align:left; border-top:3px solid var(--main);}
.form_table dl{display: flex; flex-wrap:wrap;}
.form_table dt{width: 200px; font-size:1rem; color:var(--black); font-weight: 700; font-family: var(--eng); letter-spacing:var(--letter-spacing-body); line-height: 150%; padding:10px; box-sizing:border-box; border-bottom:1px solid var(--border); display: flex; align-items:center;}
.form_table dt span{color:var(--main); font-weight: 500; margin-left: 5px;}
.form_table dd{width: calc(100% - 200px);  font-size:1rem; color:var(--basic); font-weight: 400; letter-spacing:var(--letter-spacing-body); line-height: 150%; padding:12px 10px; box-sizing:border-box; background:var(--white); border-bottom:1px solid var(--border); display: flex; flex-wrap:wrap; align-items:center;}
.form_table dd span.hipen{display:inline-block; width:30px; 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:var(--white); 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 dl:nth-of-type(2) dd select{width:calc((100% - 60px)/3);}
.form_table dd .select_num{width:calc((100% - 60px)/3);}
.form_table dd .input_num{width:calc((100% - 60px)/3);}
.form_table dd .input_email{width:calc((100% - 34px)/3);}
.form_table dd .select_email{width:calc((100% - 34px)/3); margin-left: 4px;}
.form_table dd .textarea::placeholder{color:rgba(20,22,24,.35); letter-spacing:var(--letter-spacing-input); }


.spam_check{display: flex; flex-wrap:wrap; align-items:center; gap:10px 0; width: 100%;}
.spam_check .norobot_img{padding: 11px 0 10px; width: 80px;}
.spam_check .norobot_img img{width: 100%; height: auto;}
.spam_check .vcode{width: 340px;}
.spam_check .sub_txt{padding: 0 0 0 20px; font-size:1rem; color:var(--basic); letter-spacing: var(--letter-spacing-input); line-height: 150%;}
.spam_check .sub_txt a{display: inline-block; letter-spacing: inherit; line-height: inherit; transition:all .3s linear;}
.spam_check .sub_txt a:hover{color:var(--black);}



.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{margin:30px 0 0; background:var(--grayBg);}
.agree_con .privacy_agree{box-sizing:border-box; padding: 0 20px 20px;}
.agree_con .privacy_agree .textarea{border:0; font-size:0.938rem; color:var(--light); padding: 20px; line-height: 160%;}
.agree_con .privacy_head{padding:22px 20px 24px; font-size:1rem; font-weight:400; letter-spacing:var(--letter-spacing-body); line-height:150%; word-break:keep-all; text-align:center;}
.agree_con .privacy_head .option{display:inline-block; margin-left: 5px; cursor:pointer; color:var(--black); font-weight:700; border-bottom: 1px solid var(--black); letter-spacing:var(--letter-spacing-input); line-height: 140%; }



/* 확인/취소 버튼 */
.formBtn{display: flex; gap: 5px; justify-content: center; padding: 30px 0 0;}
.formBtn .btn{display: flex; align-items: center; justify-content: center; width: 200px; height: 64px; padding: 0 82px; box-sizing: border-box; border: none; border-radius: 500px; font-size: 1.125rem; font-weight: 700; line-height: 32px; letter-spacing: 0.5pt; color: var(--white); cursor: pointer; transition: opacity 0.3s ease; font-family: var(--eng);}
.formBtn .btn:hover{opacity: 0.9;}
.formBtn .btn_confirm{background: var(--main);}
.formBtn .btn_cancel{background: var(--gray);}





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


	.spam_check .sub_txt{width: 100%; padding: 0;}
}

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

/* 첨부파일 */
.filebox {width: 100%;}



.form_tab{gap: 10px; margin-bottom: 30px;}
.form_tab li a{padding: 15px 20px; font-size: 1.125rem; min-height:60px;}

/* 입력항목 */
.form_table dt{width: 170px;}
.form_table dd{width: calc(100% - 170px);}
.form_table dd span.hipen{width:20px;}

.form_table dl:nth-of-type(2) dd select{width: 100%;}
.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% - 24px)/3);}
.form_table dd .select_email{width:calc((100% - 24px)/3);}

.spam_check .vcode{width: calc(100% - 80px);}

.formBtn .btn{width: 150px; height: 56px; padding: 0 20px; font-size: 1rem;}

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


/* 첨부파일 */
.filebox label {height: 40px !important; line-height: 38px !important;}
.filebox .upload-name {padding: 0 10px; line-height: 38px;}


.form_tab{flex-direction: column; gap:5px; margin-bottom: 20px;}
.form_tab li a{padding: 7px 15px; font-size: 1rem; min-height: 50px;}
.form_tab li a::before{width: 24px; height: 24px; font-size: 14px;}

select {padding:0 10px; line-height:38px; height:40px; background-position: right 10px center !important;}
.input {padding:0 10px; line-height:38px; height:40px;}
.input_file {padding:0 10px; height:38px; line-height:40px;}
.textarea {padding:10px;}


.checkbox_wrap{min-width:90px;}
.checkbox_wrap label{padding-left:22px;}
.checkbox_wrap label::before{width:18px; height:18px; line-height:18px; font-size:16px;}



/* 입력항목 */
.form_table{border-width:2px;}
.form_table dl{flex-wrap:wrap;}
.form_table dt{width: 100%; padding:10px 10px 8px; border-bottom: 0;}
.form_table dt span{margin-left: 5px;}
.form_table dd{width: 100%; padding:0 10px 10px;}

.form_table dd .btn_address{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:var(--white); 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 .input_email{width:calc((100% - 20px)/2);}
.form_table dd .select_email{width:100%; margin: 4px 0 0;}
.form_table dd .norobot_img{padding:3px 0;}



/* 개인정보 동의 */
.agree_con{margin:20px 0 0;}
.agree_con .privacy_agree .textarea{padding: 15px;}
.agree_con .privacy_head{padding:18px 15px;}





/* 확인/취소 버튼 */
.formBtn{padding: 20px 0 0;}
.formBtn .btn{width: calc((100% - 5px) / 2); max-width: 130px; height: 45px; padding: 0 15px;}



}