@charset "utf-8";
#formmail-write2 {}
#formmail-write2 .board_T {gap: 0 25px; margin-bottom: 30px; display: flex; align-items: end;}
#formmail-write2 .board_T h6 {font-size: var(--fs40); font-weight: 700;}
#formmail-write2 .board_T p {font-size: var(--fs20); font-weight: 500;}

#formmail-write2 .form_type {margin-bottom: 100px;}
#formmail-write2 .form_type .box {background: #f4f4f4; padding: 0 50px;}
#formmail-write2 .form_type .ck_box {display: flex; align-items: center; padding: 25px 0; }
#formmail-write2 .form_type .ck {width: 16.6%;}
#formmail-write2 .form_type input {}
#formmail-write2 .form_type label {font-size: var(--fs20); font-weight: 500; margin-left: 12px;}

#formmail-write2 .form_info .info_box {padding: 50px; background: #f4f4f4; }
#formmail-write2 .form_info .box {margin-bottom: 20px; }
#formmail-write2 .form_info .in_box {width: 100%;}
#formmail-write2 .form_info .in_box input {width: 100%;} 
#formmail-write2 .form_info .half_box {width: 49%;}
#formmail-write2 .form_info .in_wrap {display: flex; align-items: start; }
#formmail-write2 .form_info label {font-size: var(--fs16); font-weight: 700; width: 170px; display: block; line-height: 45px;}
#formmail-write2 .form_info input {font-size: var(--fs16); font-weight: 300; line-height: 45px; padding-left: 20px;}
#formmail-write2 .form_info input::placeholder {color: #adadad;}
#formmail-write2 .form_info textarea {font-size: var(--fs16); font-weight: 300; padding: 20px; width: 100%;}
#formmail-write2 .form_info textarea::placeholder {color: #adadad;}
#formmail-write2 .form_info .ra_box {display: flex; align-items: center; width: 100%; gap: 0 35px; line-height: 45px;}
#formmail-write2 .form_info .ra { display: flex; align-items: center; gap: 0 15px;}
#formmail-write2 .form_info .ra input {padding-left: 0 !important;}
#formmail-write2 .form_info .ra p {font-size: var(--fs16); font-weight: 500;}

#formmail-write2 .file_box .form-group {display: flex;}
#formmail-write2 .file_box  input {width: 100%;}

#formmail-write2 .foot_box .privacy-of-use-check {text-align: right; margin: 20px  0 60px 0;}
#formmail-write2 .foot_box .privacy-of-use-check label {font-size: var(--fs16); font-weight: 500;}
#formmail-write2 .foot_box .formmail_btn {text-align: center;}
#formmail-write2 .foot_box .formmail_btn button {font-size: var(--fs18); font-weight: 600; color: #fff; background: var(--color); border: none; width: 260px; text-align: center; display: inline-block; line-height: 60px;}

/* 기본 체크박스 스타일 */
#formmail-write2 input[type="email"] {border: none; outline: none;}
#formmail-write2 input[type="checkbox"].custom {
    appearance: none;
    width: 26px;
    height: 26px;
    outline: none;
    cursor: pointer;
    position: relative;
    background: #fff;
}

/* 체크 전에도 체크 표시 스타일 */
#formmail-write2 input[type="checkbox"].custom::after {
    content: '✓';
    color: #a1a1a1; /* 흐릿한 회색으로 표시 */
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}

/* 체크된 상태 스타일 */
#formmail-write2 input[type="checkbox"].custom:checked::after {
    content: '✓';
    color: var(--color); /* 선택된 색상 */
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1; 
}

/* 체크박스 커스텀 */
#formmail-write2 .privacy-of-use-check input[type="checkbox"].required {
    content: '✓';
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #e2e2e2;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    border-radius: 50px;
}

#formmail-write2 .privacy-of-use-check input[type="checkbox"].required::before {
    content: '✓'; /* 체크 모양 */
    color: #e2e2e2; /* 체크 전 기본 색상 */
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* 클릭 불가 */
}

/* 체크된 상태 스타일 */
#formmail-write2 .privacy-of-use-check input[type="checkbox"].required:checked {
    border: 2px solid var(--color); color: var(--color);
}

/* 체크 표시 스타일 */
#formmail-write2 .privacy-of-use-check input[type="checkbox"].required:checked::after {
    content: '✓';
    color: var(--color);
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1; /* 필요에 따라 추가 */
}



/* 기본 라디오 버튼 스타일 (체크박스처럼 보이게) */
#formmail-write2 input[type="radio"].custom {
    appearance: none;
    width: 20px;
    height: 20px;
    outline: none;
    cursor: pointer;
    position: relative;
    background: #fff;
    border: 2px solid transparent; 
    border-radius: 0;
    box-sizing: border-box;
}

/* 체크 모양 (선택 전 상태) */
#formmail-write2 input[type="radio"].custom::after {
    content: '✓';
    color: #d3d3d3; 
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}

/* 체크된 상태 스타일 */
#formmail-write2 input[type="radio"].custom:checked {
    background-color: #fff; 
}

/* 체크 모양 (선택된 상태) */
#formmail-write2 input[type="radio"].custom:checked::after {
    content: '✓';
    color: var(--color); /* 선택된 색상 */
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}


@media all and (max-width: 1400px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    #formmail-write2 .form_type {margin-bottom: 60px;}
    #formmail-write2 .form_type .box {padding: 0 20px;}
    #formmail-write2 .form_type .ck_box {gap: 20px 15px; flex-wrap: wrap;}
    #formmail-write2 .form_type label {margin-left: 6px ;}
    #formmail-write2 .form_type .ck {width: auto;}
    #formmail-write2 .form_info .info_box {padding: 30px 20px;}
    #formmail-write2 .form_info .box_wrap {flex-wrap: wrap;}
    #formmail-write2 .form_info .half_box {width: 100%;}
    #formmail-write2 .form_info .ra_box {gap: 0;}
    #formmail-write2 .form_info .ra {width: 25%;}
}
@media all and (max-width: 900px) {
}
@media all and (max-width: 768px) {
    #formmail-write2 .form_info label {width: 100px;}
}
@media all and (max-width: 650px) {
    #formmail-write2 .form_info .in_wrap {flex-wrap: wrap;}
    #formmail-write2 .form_info label {line-height: 1; margin-bottom: 15px;}
    #formmail-write2 .form_info .ra_box {flex-wrap: wrap;}
    #formmail-write2 .form_info .ra {width: 50%;  gap: 0 6px;}
    #formmail-write2 .file_box .form-group label {line-height: 45px; margin-bottom: 0; line-height: 39px;}
    #formmail-write2 .foot_box .privacy-of-use-check {margin: 20px  0 30px 0;}
    #formmail-write2 .foot_box .formmail_btn button {width: 200px; line-height: 50px;}

    #formmail-write2 input[type="checkbox"].custom {
        width: 20px;
        height: 20px;
    }
    
    /* 체크 전에도 체크 표시 스타일 */
    #formmail-write2 input[type="checkbox"].custom::after {
        font-size: 14px;
    }
    
    /* 체크된 상태 스타일 */
    #formmail-write2 input[type="checkbox"].custom:checked::after {
        font-size: 14px;
    }
    


}