@charset "utf-8";

/* 자동완성 스타일 초기화 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-text-fill-color: var(--main); -webkit-box-shadow: 0 0 0px 40rem #fff inset !important;}

/* 폼 공통 */
.form_wrap{}
.form_wrap .form_table .chkwrap input + label{font-weight: var(--fwm); font-size: 1rem;}

/* 양식 테이블 */
.form_wrap .form_table{clear: both; width: 100%; margin: 0 auto; /* table-layout: fixed; */ border-collapse: collapse; font-size: 1rem; word-break: keep-all; overflow: hidden; border-top: 1px solid var(--main); box-sizing: border-box; background-color: transparent;}
.form_wrap .form_table colgroup col:nth-child(1){width: 172px;}
.form_wrap .form_table colgroup col:nth-child(2){width: calc(100% - 172px);}

/* ▼▼▼ ONLY 맥북 사파리 (아이폰X, 아이패드X) ▼▼▼ */
@media not all and (min-resolution:.001dpcm){
    @supports (-webkit-appearance:none) and (stroke-color:transparent){
        .form_wrap .form_table colgroup col:nth-child(1){width: auto !important;}
        .form_wrap .form_table colgroup col:nth-child(2){width: auto !important;}
    }
}
/* ▲▲▲ ONLY 맥북 사파리 (아이폰X, 아이패드X) ▲▲▲ */

.form_wrap .form_table tbody{}
.form_wrap .form_table tbody tr{border-bottom: 1px solid var(--line);}
.form_wrap .form_table tbody tr th{box-sizing: border-box; vertical-align: top; padding: 20px 10px 20px var(--gap); font-size: 17px; font-weight: var(--fwsb); text-align: left; background-color: #f9f9f9;}
/* ▼▼▼ ONLY 맥북 사파리 (아이폰X, 아이패드X) ▼▼▼ */
@media not all and (min-resolution:.001dpcm){
    @supports (-webkit-appearance:none) and (stroke-color:transparent){
        .form_wrap .form_table tbody tr th:nth-child(1){padding-right: 20px;}
    }
}
/* ▲▲▲ ONLY 맥북 사파리 (아이폰X, 아이패드X) ▲▲▲ */
.form_wrap .form_table tbody tr th label,
.form_wrap .form_table tbody tr th span{position: relative; line-height: 52px; height: 52px;}
.form_wrap .form_table tbody tr th label.necessary:before,
.form_wrap .form_table tbody tr th span.necessary:before{content: "필수입력항목"; position: absolute; top: 6px; right: -14px; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--theme); font-size: 0;}
.form_wrap .form_table tbody tr td{box-sizing: border-box; padding: 20px 0 20px 0; vertical-align: middle; padding: 20px 16px;}
.form_wrap .form_table tr td span.added {font-size: 0.9rem; margin-left: 5px; color: #777;}
.form_wrap .form_table .cont.email br,
.form_wrap .form_table .cont.address br{display: none;}
.form_wrap .form_table .cont:has(select){display: flex; gap: 5px; align-items: center;}
.form_wrap .form_table .cont select{height: 52px; font-size: 1rem; width: calc( (100% - 5px) / 2 );}
.form_wrap .form_table .cont input{height: 52px; border-radius: 8px; width: calc( (100% - 5px) / 2 );}
.form_wrap .form_table .cont .hasUnit{position: relative; font-size: 15px; color: var(--main);}
.form_wrap .form_table .cont .hasUnit:before{content: attr(data-unit); position: absolute; right: 14px; line-height: 42px;}
.form_wrap .form_table .cont .hasUnit input{padding-right: 46px; text-align: right;}

.form_wrap .form_table .captha{position: absolute; left: -9999px; display: block; width: 0; height: 0; border: none; opacity: 0; overflow: hidden;}

.form_wrap .form_table .btn_radio input[type="radio"] + label{line-height: 42px; font-size: 15px;}


/* 폼 상단박스 */
.form_wrap .form_info{padding: 0 0 20px;}
.form_wrap .form_info p{}
.form_wrap .form_info > li{position: relative; padding: 0 0 0 13px; color: var(--sub_dim); font-size: 15px;}
.form_wrap .form_info > li:before{content: ""; position: absolute; top: 9px; left: 0; display: block; border-radius: 50%; width: 5px; height: 5px; background-color: #c2c2c2;}


/* 폼 상단 내, 사이드 박스 */
.form_wrap .form_info_side{display: none; margin: 0 0 10px 0; text-align: right;}
.form_wrap .form_info_side p{position: relative; display: inline-block;}
.form_wrap .form_info_side p::before{content: "필수입력항목"; position: absolute; top: 8px; left: -18px; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--theme); font-size: 0;}


/* 파일첨부 */
.form_wrap .custom-file{width: 500px; height: 44px; position: relative;}
.form_wrap .custom-file + .custom-file{margin-top: 10px;}
.form_wrap .custom-file:after{content: ""; display: block; clear: both;}
.form_wrap .custom-file label{float: left; position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 500px; height: 44px; line-height: 44px;  border: 1px solid #dbdbdb; box-sizing: border-box; text-align: left; padding: 0 150px 0 1rem; cursor: pointer; background-color: #fff; color: #bbb; font-size: 1rem;}
.form_wrap .custom-file label span {display: block; width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.form_wrap .custom-file input[type="file"]{position: absolute; left: 0; top: 0; width: 0; height: 0; line-height: 0; margin: 0; border: none; padding: 0; overflow: hidden;}
.form_wrap .custom-file input[type="file"]:focus + label{border: 1px solid #222;}
.form_wrap .custom-file .uploaded_file{position: absolute;}
.form_wrap .custom-file .upload_files_del{position: absolute; top: 0; right: 0; color: #fff; background: #222; width: 140px; line-height: 44px; text-align: center; font-size: 1rem; margin: 0; padding: 0; border: none; background-color: #e23131;}
.form_wrap .custom-file img{position: absolute; z-index: 1; width: 40px; height: 30px; left: 65px; top: 50%; transform: translateY(-50%); object-fit: scale-down;}
.form_wrap .custom-file-btn{position: absolute; top: 0; right: 0; color: #fff; background: #222; width: 140px; line-height: 44px; text-align: center; pointer-events: none;}

.form_wrap .info_list{width: 100%; margin: 10px 0 0;}
.form_wrap .info_list li{position: relative; box-sizing: border-box; padding: 0 0 0 10px; font-size: 0.9rem;}
.form_wrap .info_list li:before{content: "*"; position: absolute; top: 2px; left: 0;}
.form_wrap .add_fileform button{
    background: #222; color: #fff;
    width: 30px; height: 30px; box-sizing: border-box; padding: 0 0 2px 1px;
    font-size: 1.5rem; line-height: 1; cursor: pointer; text-align: center;
    display: inline-block; vertical-align: middle; margin-right: 0.4rem;
}
.form_wrap .add_fileform span{
    display: inline-block; vertical-align: middle; color: #888; letter-spacing: -0.3px;
}


/* 파일첨부 2 */
.form_wrap .single-file{}
.form_wrap .single-file .label-sync{box-shadow: inset 0 0 0 1px var(--line); border-radius: 8px; line-height: 40px; width: 90px; color: var(--main); font-size: 15px; font-weight: var(--fwm);}


/* 주소 입력 */
.form_wrap .address .postcode {margin-bottom: 5px;}
.form_wrap .address .postcode input{float: left;}
.form_wrap .address .postcode .search_btn {float: left; display: inline-block; margin: 0 0 0 2px; vertical-align: middle; box-sizing: border-box; padding: 0 1rem; width: 120px; line-height: 44px; font-weight: 400; color: #fff; background: #222; cursor: pointer; text-align: center;}
#daum_zipcode{display: none; border: 1px solid #222; width: 100%; flex: 0 0 auto; height: 400px; /* margin: 5px 0; */ margin: 36px 0 5px; position: relative; /* overflow: auto; */}
#daum_zipcode .custom_closer{position: absolute; z-index: 1; bottom: 100%; right: -1px; width: 26px; height: 26px; background-color: #222;}
#daum_zipcode .custom_closer:before,
#daum_zipcode .custom_closer:after{content: ""; position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background-color: #fff; transform: translate(-50%, -50%) rotate(45deg);}
#daum_zipcode .custom_closer:after{transform: translate(-50%, -50%) rotate(-45deg);}


/* 폼 개인정보취급방침 */
.form_wrap .agree{box-sizing: border-box; border-radius: 8px; margin-top: 28px; padding: 37px 30px 40px; background-color: #f0f0f0;}
.form_wrap .agree .title{font-size: 17px; font-weight: 600; margin: 0 0 0.5rem;}
.form_wrap .agree .txt{padding: 0 0 19px; margin: 0 0 20px; font-size: 15px; color: var(--sub); line-height: 1.35; border-bottom: 1px solid var(--line);}
.form_wrap .agree + .btn_wrap{padding: 2rem 0 0; gap: 12px;}
.form_wrap .agree + .btn_wrap .btn.large{width: 182px;}


/* 작성오류 시 */
.invalid-feedback{display: block; width: 100% !important; height: auto; line-height: 130%; /* margin: 1rem 0 0 5px; */ margin: 6px 0; font-size: 0.9rem; color: #dc3545;}
.member .agree .join_check + .invalid-feedback{text-align: center;}

/* 비밀번호 폼 */
.form_wrap.password{max-width: 500px; margin: 0 auto;}


@media (max-width: 1280px){
    .form_wrap .form_table colgroup col:nth-child(1){width: 140px;}
    .form_wrap .form_table colgroup col:nth-child(2){width: calc(100% - 140px);}
}
@media (max-width: 860px){
    .form_wrap .form_table{table-layout: auto;}
    .form_wrap .form_table tbody tr{display: block; padding: 20px 0;}
    .form_wrap .form_table tbody tr th{display: block; width: 100%; background-color: transparent; padding: 0 0 8px 0;}
    .form_wrap .form_table tbody tr th label {line-height: 1;}
    .form_wrap .form_table tbody tr th span {line-height: 1;}
    .form_wrap .form_table tbody tr td{display: block; width: 100%; padding: 0;}

    .form_wrap .custom-file {width: 100%;}
    .form_wrap .custom-file label {width: 100%; float: none; position: absolute;}
    .form_wrap .custom-file-btn{position: relative; float: right;}
    .form_wrap .custom-file .upload_files_del{position: relative; float: right;}

    .form_wrap .agree{padding: 25px 20px;}
}
@media (max-width: 640px){
    .form_wrap .form_table .cont:has(select){/* flex-direction: column; */}
    .form_wrap .form_table .cont select,
    .form_wrap .form_table .cont input{width: 100%;}

    .form_wrap .agree + .btn_wrap{gap: 7px;}
    .form_wrap .agree + .btn_wrap .btn.large{width: 50%;}
}
@media (max-width: 568px){
    .form_wrap .custom-file-btn{width: 96px;}
    .form_wrap .custom-file .upload_files_del{width: 96px;}
    .form_wrap .custom-file label{padding: 0 100px 0 1rem;}


}


/* 양식 테이블 type2 ( in 흰박스 ) */
.form_wrap.type2{/*background-color: var(--white); border: 1px solid var(--line);*/ border-radius: var(--radius_4); padding: 12px 2rem; background: #f9f9f9}
.form_wrap.type2 .form_table{border-top: none;}
.form_wrap.type2 .form_table colgroup col:nth-child(1){width: 124px;}
.form_wrap.type2 .form_table colgroup col:nth-child(2){width: calc(100% - 124px);}

.form_wrap.type2 .form_table .cont{display: flex; gap: 6px; flex-wrap: wrap; align-items: center;}
.form_wrap.type2 .form_table .cont + .cont,
.form_wrap.type2 .form_table .invalid-feedback + .cont{margin-top: 6px;}
.form_wrap.type2 .form_table .cont input{height: 42px; width: 100%; max-width: 365px; min-width: 365px;}
.form_wrap.type2 .form_table .cont select{height: 42px; width: 100%; max-width: 365px; font-size: 15px; font-weight: var(--fwm); color: var(--main); flex: 1;}
.form_wrap.type2 .form_table .cont input + .chkwrap,
.form_wrap.type2 .form_table .cont select + .chkwrap{margin-left: 12px;}

.form_wrap.type2 .form_table .cont > .f1{flex: 1;}
.form_wrap.type2 .form_table .cont > .f2{flex: 2;}

.form_wrap.type2 .form_table.gap2 .cont{gap: var(--gap_label);}
.form_wrap.type2 .form_table.gap2 .cont.major{flex: 0 0 auto; width: 100%; display: flex; gap: var(--gap_label);}
.form_wrap.type2 .form_table.gap2 .cont .between{margin-left: -6px; margin-right: -6px;}

.form_wrap.type2 .form_table tbody tr{border-style: dashed;}
.form_wrap.type2 .form_table tbody tr:last-child{border-bottom: none;}
.form_wrap.type2 .form_table tbody tr th{padding: 20px 10px 20px 0; font-size: 1rem;}
.form_wrap.type2 .form_table tbody tr th label,
.form_wrap.type2 .form_table tbody tr th span{line-height: 42px; height: 42px;}
.form_wrap.type2 .form_table tbody tr th span.line2 {line-height: normal;}


.form_wrap.type2 .btn_form{display: block; width: 88px; line-height: 42px; border-radius: 8px; font-size: 15px; font-weight: var(--fwm); background-color: var(--main); color: var(--white); text-align: center;}
.form_wrap.type2 .btn_form[inert]{background-color: var(--disabled); color: var(--white);}
.form_wrap.type2 .btn_form.white{background-color: var(--white); color: var(--main); box-shadow: inset 0 0 0 1px var(--line);}

.form_wrap.type2 .form_table .email{display: flex; align-items: center; gap: 6px;}
.form_wrap.type2 .form_table .email input{flex: 1.5;}
.form_wrap.type2 .form_table .email select{flex: 1.3;}

.form_wrap.type2 .form_table .region{justify-content: center;}
.form_wrap.type2 .form_table .region select{}

.form_wrap.type2 .form_table .address{display: block;}
.form_wrap.type2 .form_table .address .postcode{display: flex; gap: 6px; margin: 0 0 6px;}
.form_wrap.type2 .form_table .address .address_input{display: flex; gap: 6px; flex-direction: column;}
.form_wrap.type2 .form_table .address .address_input input{max-width: 459px;}

.form_wrap.type2 .form_table .seltxt{display: flex; gap: 0; max-width: 575px; width: 100%; flex-wrap: wrap;}
.form_wrap.type2 .form_table .seltxt > select{border-top-right-radius: 0; border-bottom-right-radius: 0; flex: 1;}
.form_wrap.type2 .form_table .seltxt > select:focus{position: relative; z-index: 1;}
.form_wrap.type2 .form_table .seltxt > input{border-top-left-radius: 0; border-bottom-left-radius: 0; flex: 2.2;}
.form_wrap.type2 .form_table .seltxt > input:focus{position: relative; z-index: 1;}
.form_wrap.type2 .form_table .seltxt > *:nth-child(n+2){margin-left: -1px;}
.form_wrap.type2 .form_table .seltxt > .select2,
.form_wrap.type2 .form_table .seltxt > .select2 *{all: revert; /* 플러그인에서 들어오는 스타일 무효화하고 아래에서 직접 스타일링 */}
.form_wrap.type2 .form_table .seltxt > .select2{display: block; border-radius: 8px 0 0 8px; border: 1px solid var(--line); cursor: pointer; font-size: 15px; box-sizing: border-box; margin-left: 0; width: 30% !important;}
.form_wrap.type2 .form_table .seltxt > .select2 *{display: block; box-sizing: border-box; width: 100%; height: 100% !important;}
.form_wrap.type2 .form_table .seltxt > .select2 .selection{width: 100%; height: 100%; line-height: 40px;}
.form_wrap.type2 .form_table .seltxt > .select2 .selection .select2-selection{padding: 0 34px 0 15px; background: url("/assets/site/img/common/sel_arr.svg") no-repeat center right 13px;}
.select2-dropdown{border: 1px solid var(--line) !important; border-radius: 8px !important;}
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true]{background-color: #f6ede5 !important; color: var(--main) !important;}

.form_wrap.type2 .form_table .list_dot{flex: none; margin: 6px 0 0; width: 100%; font-size: 14px; color: var(--sub_dim);}
.form_wrap.type2 .form_table .list_dot > li{line-height: 1.4;}
.form_wrap.type2 .form_table .list_dot > li:before{background-color: #c2c2c2; top: 7px; width: 3px; height: 3px;}

.form_wrap.type2 .form_table .business{flex-wrap: wrap;}

.form_wrap.type2 .form_table .each_form .del_each_form{display: block; margin: 20px auto 0; font-size: 15px; font-weight: var(--fwm); color: var(--sub_dim); line-height: 30px;}
.form_wrap.type2 .form_table .each_form .del_each_form:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 3px 0 0; width: 30px; height: 30px; background: url(/assets/site/img/common/btn_form_del.svg) no-repeat center; background-size: 81% auto;}
.form_wrap.type2 .form_table .each_form:nth-child(1) .del_each_form{/* display: none; */}

.form_wrap.type2 + .btn_wrap{padding: 40px 0 0;}
.form_wrap.type2 + .btn_wrap .btn.large{width: 182px;}
@media (max-width: 960px){
    .form_wrap.type2 .form_table .cont > .f1{flex: 0 0 auto; width: 100%;}
    .form_wrap.type2 .form_table .salary > input{max-width: calc(100% - 24px) !important;}

    .form_wrap.type2 .form_table .ipchk > input + .chkwrap,
    .form_wrap.type2 .form_table .ipchk > select + .chkwrap{margin-left: 0;}
}
@media (max-width: 860px){
    .form_wrap.type2 .form_table tbody tr{padding: 5px 0 15px;}
    .form_wrap.type2 .form_table tbody tr th{padding: 0;}

    .form_wrap.type2 .form_table .cont input{max-width: none;}
    .form_wrap.type2 .form_table .cont:has(.btn_form) input{width: calc(100% - 94px);}
    .form_wrap.type2 .form_table tbody tr th span.line2 {line-height: 42px;}
    .form_wrap.type2 .form_table tbody tr th span.line2 br{display: none;}
    .form_wrap.type2 .form_table .cont.salary .chkwrap {margin-left: 0 !important;}
    .form_wrap.type2 .form_table .cont input[name="j_salary"] {max-width: calc(100% - 65px) !important;}
}
@media (max-width: 640px){
    .form_wrap.type2{padding: 12px 20px;}
    .form_wrap.type2 .form_table .cont select{flex: none; max-width: none;}
    .form_wrap.type2 .form_table .email{display: flex; flex-direction: row;}
    .form_wrap.type2 .form_table .email select{flex: 0 0 auto; width: 100%; max-width: none;}

    .form_wrap.type2 .form_table .seltxt > *:nth-child(n+2){margin-left: 0; margin-top: -1px;}
    .form_wrap.type2 .form_table .seltxt > input{border-radius: 0 0 8px 8px;}
    .form_wrap.type2 .form_table .seltxt > .select2{margin-top: 0; border-radius: 8px 8px 0 0; width: 100% !important;}

    .form_wrap.type2 .form_table .address .address_input{flex-direction: column; flex-wrap: wrap;}
    .form_wrap.type2 .form_table .address .address_input input{width: 100%;}
}


.sub_container .form_agree{}
.sub_container .form_agree:first-child{margin: 0;}
.sub_container .form_agree .tit{}
.sub_container .form_agree .tit h4{font-size: 24px;}
.sub_container .form_agree .con{ /*background-color: var(--white);border: 1px solid var(--line);*/ border-radius: var(--radius_4); padding: 2rem 2rem; background: #f9f9f9;}
.sub_container .form_agree .con.ha{height: auto !important; min-height: auto !important; max-height: none !important;}
.sub_container .form_agree .con:has(.con_text){overflow-y: auto; min-height: 136px; max-height: 300px;}
.sub_container .form_agree .con.large:has(.con_text){min-height: 136px; max-height: 500px;}
.sub_container .form_agree .con:has(.con_text)::-webkit-scrollbar{width: 4px; height: 4px;}
.sub_container .form_agree .con:has(.con_text)::-webkit-scrollbar-thumb{background-color: var(--line); border-radius: 10px; border: 3px solid transparent;}
.sub_container .form_agree .con:has(.con_text)::-webkit-scrollbar-track{background-color: transparent;}
.sub_container .form_agree .con .agree{min-height: 136px; max-height: 300px; overflow-y: auto; background-color: #fff; /*border: 1px solid #e8e8e8;*/ border-radius: var(--radius_4); padding: 15px 15px;}
.sub_container .form_agree .con .agree::-webkit-scrollbar{width: 4px; height: 4px;}
.sub_container .form_agree .con .agree::-webkit-scrollbar-thumb{background-color: var(--line); border-radius: 10px; border: 3px solid transparent;}
.sub_container .form_agree .con .agree::-webkit-scrollbar-track{background-color: transparent;}
.sub_container .form_agree .con .chkwrap{margin-bottom: 16px;}
.sub_container .form_agree .con .chkwrap input[type="checkbox"] + label{font-size: 16px; font-weight: var(--fwsb); color: var(--main); line-height: 140%; padding: 0 0 0 42px;}
.sub_container .form_agree .con .chkwrap input[type="checkbox"] + label .shape{top: -5px; width: 32px; height: 32px; border-color: var(--line); border-radius: 8px;}
.sub_container .form_agree .con .chkwrap input[type="checkbox"] + label .shape:before{top: 7px; left: 6px; width: 18px; height: 11px; border-width: 3px; opacity: 1; visibility: visible; border-color: #c1c1c1;}
.sub_container .form_agree .con .chkwrap input[type="checkbox"]:checked + label .shape:before{border-color: var(--main);}
.sub_container .form_agree + .btn_wrap{padding: 40px 0 0;}
@media (max-width: 640px){
    .sub_container .form_agree .con{padding: 2rem 20px;}
    .sub_container .form_agree .con.large:has(.con_text){min-height: 136px; max-height: 420px;}
}


/* 테이블 안이 아닌 단독 인풋 */
input[type="text"].sec_form{width: 100%; border: 1px solid var(--line); border-radius: 12px; font-weight: var(--fwm); padding: 0 24px; height: 52px;}
textarea.sec_form{width: 100%; border: 1px solid var(--line); border-radius: 12px; font-weight: var(--fwm); padding: 14px 24px;}
@media (max-width: 640px){
    textarea.sec_form{padding: 14px 20px;}
    input[type="text"].sec_form{padding: 0 20px;}
}


/* 체크모양 이지만 라디오 */
.chk_list_wrap{flex: 0 0 auto; width: 100%; display: flex; gap: var(--gap_s); flex-wrap: wrap;}
.chk_list_wrap .chkwrap input + label ~ .fc_red{display: none; font-weight: var(--fwm); font-size: 16px;}
.chk_list_wrap .chkwrap input:checked + label ~ .fc_red{display: inline;}


/* 폼 그룹, 라벨링 */
:root{
    --label_size: 136px;
}
.form_group{display: flex;}
.form_group .labeling + .labeling{margin-left: -1px;}
.form_group .labeling:first-child select{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.form_group .labeling + .labeling select,
.form_group .labeling + .labeling input{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.form_group .labeling:first-child input{border-top-right-radius: 0; border-bottom-right-radius: 0;}

.labeling{height: auto; line-height: inherit; width: var(--label_size);}
.labeling.size2{width: calc( var(--label_size) * 2 );}
.labeling > span{display: block; font-size: 12px; font-weight: var(--fwm); color: var(--sub); height: auto; line-height: inherit; padding: 8px 0 3px;}
.labeling:has(select:focus),
.labeling:has(input:focus){position: relative; z-index: 2;}
.labeling input{max-width: none !important;}

.set_wrap{display: flex; gap: var(--gap_label); align-items: center;}
@media (max-width: 960px){
    :root{
        --label_size: 50%;
    }
    .form_group{width: 100%;}

    .labeling{width: 50%;}
    .labeling select{max-width: none !important;}
    .labeling.size2{width: 100%;}

    .set_wrap{width: 100%;}
}
@media (max-width: 640px){
    .form_group{flex: none !important;}
}


/* 폼 추가하기 버튼 */
.form_add{width: 100%; display: flex; justify-content: center; gap: 10px; border-top: 1px dashed var(--line); padding: 20px 0;}
.btn_form_add{font-size: 15px; font-weight: var(--fwm); color: var(--sub_dim); line-height: 30px;}
.btn_form_add:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 3px 0 0; width: 30px; height: 30px; background: url("/assets/site/img/common/btn_form_add.svg") no-repeat center; background-size: 81% auto;}


/* textarea */
textarea.resizeY{resize: vertical;}

/* 2025 08 21 */
.form_wrap.type2 .form_table .cont.input_cont {flex-direction: column; align-items: start;}
.input_group_type {display: flex; flex-direction: row;}
.input_group_type .input_type_1 {display: flex; flex-direction: row; align-items: center;gap: 6px;margin-right: 12px;}

@media (max-width: 1280px) {
    .input_group_type {flex-direction: column;max-width: 100%; min-width: 100%;}
    .input_type_1 {margin-bottom: 6px;}
    .input_type_1:last-child {margin-bottom: 0;}
    .form_wrap.type2 .form_table .cont select, .form_wrap.type2 .form_table .cont input {max-width: 100%; min-width: 100%;}
    .form_wrap.type2 .cont.business .btn_form {width: 100%;}
}
@media (max-width: 1180px) {
    .form_wrap.type2 .form_table .cont select {max-width: 100%;}
}
@media (max-width: 960px) {
    .form_wrap.type2 .form_table .salary > input {max-width: 80% !important;min-width: 86% !important;}
}
@media (max-width: 560px) {
    .form_wrap.type2 .form_table .address .address_input input {max-width: 100%;}
    .input_group_type .input_type_1 input {max-width: 88%!important; min-width: 88%!important;}
}