/* common */
select {font-size:1rem; color:var(--basic); -webkit-appearance: none; -webkit-border-radius: 0; border:0; padding:0 15px; box-sizing:border-box; width: 100%; line-height:54px; height:54px; outline:none; background-color:var(--white);}
.input {font-size:1rem; color:var(--basic); -webkit-appearance: none; -webkit-border-radius: 0; border:0; padding:0 15px; box-sizing:border-box; width: 100%; line-height:54px; height:54px; outline:none; background-color:var(--white);}
.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: 100%; height:54px; line-height:54px; outline:none; background-color:var(--white);}
.input.input_l{width: 100%;}
.textarea {font-size:1rem; color:var(--basic); border:0; padding:12px 15px; box-sizing:border-box; width: 100%; height: 180px; outline:none; -webkit-appearance: none; -webkit-border-radius: 0; background-color:var(--white);}
.textarea::placeholder{font-size:1rem; line-height: 175%; color:rgba(16,16,16,.35);}
.blind {font-size:0; line-height:0; width:0px; height:0px;}

.items{display:inline-block; vertical-align:middle;}
.items input[type="radio"],
.items input[type="checkbox"]{display:none;}
.items label{display: inline-block; cursor:pointer; font-size:1rem; line-height: 150%; padding-left: 22px; box-sizing:border-box; position: relative;}
.checkbox-items label{padding-left: 30px;}


.radio-items label::before{content:''; display: block; width: 18px; border-radius:50%; box-sizing:border-box; border:1px solid var(--border); background:var(--white); position: absolute; left: 0; top:3px; aspect-ratio:1/1; }
.radio-items input[type="radio"]:checked + ::before{border:5px solid var(--main);}

.checkbox-items label::before{content:'\f88b'; display: block; width: 20px; line-height: 18px; font-size:16px; color:var(--white); text-align:center; font-weight: 700; border-radius:3px; font-family:var(--icon); box-sizing:border-box; border:1px solid var(--border); background:var(--white); position: absolute; left: 0; top:2px; aspect-ratio:1/1;}
.checkbox-items input[type="checkbox"]:checked + ::before{border-color:var(--main); background:var(--main);}




.form_table{padding-bottom: 30px; background:var(--grayBg); border-radius:var(--borderR10); overflow: hidden;}
.form_table dl{display: flex; padding: 7px 30px; box-sizing:border-box;}
.form_table dl.title{padding: 0; margin: 30px 0;}
.form_table dl.title:first-child{margin-top: 0;}
.form_table dl dt{width: 260px; padding: 0 50px 0 0; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center;}
.form_table dl dt p{font-size:0.882rem; font-weight: 600; color:var(--black); line-height: 150%;}
.form_table dl.title dt{width: 100%; padding: 30px; background:var(--main);}
.form_table dl.title dt h4{font-size:1.471rem; font-weight: 800; color:var(--white); line-height: 130%;}
.form_table dl.title dt p{font-size:1rem; font-weight: 400; color:var(--white); line-height: 150%; padding-top: 5px;}
.form_table dl dt span{display: inline-block; font-weight: 600; color:var(--main);}
.form_table dl dd{width: calc(100% - 260px); display: flex; align-items: center; flex-wrap:wrap; gap:5px 10px;}
.form_table dl:nth-child(7) dd,
.form_table dl:nth-child(13) dd,
.form_table dl:nth-child(14) dd,
.form_table dl:nth-child(17) dd{padding: 12px 0;}
.form_table dl dd .radio-items{width: calc((100% - 30px)/4);}
.form_table dl:nth-child(7) dd{gap:5px 60px;}
.form_table dl:nth-child(7) dd .radio-items{width: auto;}


.spamCheck{display: flex; flex-wrap:wrap;}
.spamCheck .norobot_img{width: 80px; padding: 8px 0 13px; display: inline-block;}
.spamCheck .norobot_img img{width: 100%; height: auto;}
.spamCheck .vcode{width: calc(100% - 80px);}
.spamCheck .sub_txt{width: 100%; font-size:0.882rem; line-height: 150%; color:var(--light); padding-top: 8px;}
.spamCheck .sub_txt a{display: inline-block; transition:all .3s linear;}
.spamCheck .sub_txt a:hover{color:var(--black);}


.agree_con{margin: 40px 0 0; border-radius:var(--borderR10); padding: 20px; box-sizing:border-box; background:var(--grayBg);}
.agree_con .privacy_head{display: flex; flex-wrap:wrap; justify-content: center; align-items:center; gap:5px 10px;}
.agree_con .privacy_head .option{display: inline-block; font-weight:600; color:var(--black); font-size:1rem; line-height: 120%; border-bottom: 1px solid var(--black); cursor:pointer;}
.agree_con .privacy_agree{width: 100%; height: 100px; margin-top: 10px;}
.agree_con .privacy_agree .textarea{width: 100%; height: 100%; font-size:0.882rem; color:var(--light);}


.formBtn{display: flex; flex-wrap:wrap; justify-content: center; gap:5px; padding: 40px 0 0;}
.formBtn .more_btn:hover em{transform:translateX(60px);}
.formBtn .more_btn.sub:hover em{transform:translateX(55px);}


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




.form_table dl dt{width: 200px; padding: 0 30px 0 0;}
.form_table dl dd{width: calc(100% - 200px);}

.form_table dl dd .radio-items{width: calc((100% - 10px)/2);}
.form_table dl:nth-child(7) dd{gap:5px 10px;}
.form_table dl:nth-child(7) dd .radio-items{width: calc((100% - 10px)/2);}


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




}

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

.radio-items label::before{top:2px;}

.checkbox-items label::before{top:1px;}



.form_table{padding-bottom: 20px;}
.form_table dl{padding: 7px 20px;}
.form_table dl.title{margin: 20px 0;}
.form_table dl.title dt{padding: 20px;}
.form_table dl:nth-child(7) dd .radio-items{width: 100%;}



.agree_con{margin: 30px 0 0;}


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


/* common */
select {padding:0 10px; line-height:44px; height:44px;}
.input {padding:0 10px; line-height:44px; height:44px;}
.input_file {padding:0 10px; line-height:44px; height:44px;}
.textarea {padding:10px;}


.items label{padding-left: 18px;}
.checkbox-items label{padding-left: 24px;}

.radio-items label::before{width: 14px; top:3px;}
.checkbox-items label::before{width: 16px; line-height: 14px; font-size:12px; top:2px;}


.form_table{padding-bottom: 15px;}
.form_table dl{padding: 10px 15px; flex-wrap:wrap;}
.form_table dl.title{margin: 15px 0;}
.form_table dl dt{width: 100%; padding:0 0 5px;}
.form_table dl dt p br{display: none;}
.form_table dl.title dt{padding: 15px;}
.form_table dl.title dt h4{font-size:1.235rem;}
.form_table dl.title dt p{padding-top: 2px;}
.form_table dl dd{width: 100%;}
.form_table dl:nth-child(7) dd,
.form_table dl:nth-child(13) dd,
.form_table dl:nth-child(14) dd,
.form_table dl:nth-child(17) dd{padding: 8px 0;}



.spamCheck .norobot_img{padding: 6px 0 5px;}


.agree_con{margin: 20px 0 0; padding: 15px;}


.formBtn{padding: 30px 0 0;}
.formBtn .more_btn:hover em{transform:translateX(45px);}
.formBtn .more_btn.sub:hover em{transform:translateX(40px);}


}