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));}


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:0.889rem; color:var(--basic); -webkit-appearance: none; -webkit-border-radius: 0; box-sizing:border-box; outline:none; width: 100%; border: 0; padding: 0;}
.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:0.889rem; color:var(--basic); box-sizing:border-box; width: 100%; height: 160px; outline:none; -webkit-appearance: none; -webkit-border-radius: 0; border: 0; padding: 0; resize: none;}
.blind {font-size:0; line-height:0; width:0px; height:0px;}

.input::placeholder {color:var(--black); opacity: 0.5; font-size:0.889rem; letter-spacing: -0.03em; line-height: 162.5%;}
.textarea::placeholder {color:var(--black); opacity: 0.5; font-size:0.889rem; letter-spacing: -0.03em; line-height: 162.5%;}

label {cursor: pointer;}
input[type="radio"] {margin:0; -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin: 0; border: 1px solid var(--border); border-radius: 50%; outline: none; cursor: pointer;}
input[type='radio']:checked {background-color: rgba(119, 119, 119, 0.9); border: 5px solid #fff;box-shadow: 0 0 0 1px var(--border);}
  


/* 첨부파일 */
.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; letter-spacing: var(--letter-spacing-button); 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_table{width:100%; text-align:left; gap: 10px; display: flex; flex-wrap: wrap;}

.form_table dl{display: flex; flex-wrap:wrap; border: 1px solid var(--border); width: calc((100% - 10px) / 2); box-sizing:border-box; padding: 20px;}

.form_table dl dt {width: 140px;}
.form_table dt span{color:var(--main);}
.form_table dl dd {width: calc(100% - 140px); padding-left: 10px;}

.form_table dl:has(input[type="radio"]) {width: 100%;}
.form_table dl:has(textarea) {width: 100%;}
.form_table dl:has(.vcode) {width: 100%;}

.form_table dl:has(input[type="radio"]) dd {display: flex; gap:5px 20px; flex-wrap: wrap;}
.form_table dl:has(input[type="radio"]) dd label {display: flex; align-items: center; gap: 8px; font-size:inherit; letter-spacing: inherit; line-height: inherit;}

.form_table dl:has(.vcode) dt {padding-top:7px}
.form_table dl:has(.vcode) dd {display: flex; align-items: center; flex-wrap: wrap; gap: 8px 0;}

.form_table dd .sub_txt{display: block; text-align:left; font-size:0.889rem; color:rgba(26, 26, 26, 0.7); line-height: 162.5%; letter-spacing: -0.03em; margin: 0 0 0 10px;}
.form_table dd .norobot_img{display:inline-block; vertical-align: top; padding:6px 0; box-sizing:border-box;}
.form_table dd .vcode{width:240px; background: var(--grayBg); border-radius: 0 5px 5px 0; padding: 0 10px; height: 45px;}

.form_table dd .sub_txt a:hover {color: var(--black);}




.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 {position: relative; padding-left: 26px;}
.privacy_head input.agree_checkbox{-webkit-appearance: none; appearance: none; display: inline-block; vertical-align: middle; flex-shrink: 0; margin: 0; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid var(--black); border-radius: 0; background: var(--white); cursor: pointer; margin: 0 10px 0 0; position: absolute; top:7px; left: 0;}
.privacy_head input.agree_checkbox:checked{background-color: var(--black); background-image: url("/community/img/checkbox-check.svg"); background-size: 10px 10px; background-position: center; background-repeat: no-repeat;}
.privacy_head input.agree_checkbox:focus-visible{outline: 2px solid var(--black); outline-offset: 2px;}

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

.formBtn button {border: 0; background:none; cursor: pointer;}
.formBtn button .btn_txt span {color:#C20000}
.formBtn button .btn_icon::before {color:#C20000}
.formBtn button::after {background:#C20000}







/*******************************************************************************
	@media ~980px
*******************************************************************************/
@media all and (max-width:980px){
.form_table {gap: 5px;}
.form_table dl {padding: 15px; width: 100%;}
.form_table dl dt {width: 110px;}
.form_table dl dd {width: calc(100% - 110px);}

.form_table dd .sub_txt {width: 100%; margin: 0;}
.form_table dd .vcode {width: calc(100% - 80px);}
}

/*******************************************************************************
	@media ~680px
*******************************************************************************/
@media all and (max-width:680px){
.input {height: 35px;}
.textarea {height: 100px;}
input[type="radio"] {width: 16px; height: 16px;}
input[type='radio']:checked {border: 4px solid #fff;}
	
.form_table dl {flex-direction: column; padding: 10px; gap: 10px;}
.form_table dl dt {width: 100%;}
.form_table dl dd {width: 100%; padding-left: 0;}

.form_table dl:has(input[type="radio"]) dd label {gap: 6px;}

.form_table dl:has(.vcode) dt {padding-top: 0;}
.form_table dd .norobot_img {padding: 1px 0;}
.form_table dd .vcode {height: 35px;}

.form_b {flex-direction: column; gap: 15px;}
.privacy_head {padding-left: 21px;}
.privacy_head input.agree_checkbox {width: 14px; height: 14px; top: 5px;}

.privacy_agree {bottom: auto; top: -20px; transform: translateY(-100%);}
}