@charset "utf-8";
/*
------------------------------------------------------------------------------------------------------------------------
폼메일 쓰기 스타일
------------------------------------------------------------------------------------------------------------------------
*/
#formmail-write {}

#formmail-write .consent h2 {font-weight: 600; font-size: var(--fs18);margin-bottom: 20px;}
#formmail-write .consent .txt_wrap {background: #f5f5f5;  padding: 45px 55px;}
#formmail-write .consent .txt_wrap p {color: #838383; font-size: var(--fs16); line-height: 1.5;}
#formmail-write .consent .privacy-of-use-check label {font-weight: 600; display: flex; align-items: center; justify-content: left;  font-size: var(--fs18); margin-top: 20px;}
#formmail-write .consent .privacy-of-use-check input {margin-right: 6px;}

#formmail-write .contact_info {margin-top: 90px;}
#formmail-write .contact_info .con_title {padding-bottom: 28px;}
#formmail-write .contact_info .con_title h2 {font-weight: 600; font-size: var(--fs28);}


#formmail-write .contact_info .box_wrap {background: #f5f5f5;  padding: 45px 55px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 35px 0;}

#formmail-write .contact_info .in_box {width: 49.5%; }
#formmail-write .contact_info .full_box {width: 100%; }

#formmail-write .contact_info .in_box label {width: 100%;  font-size: var(--fs20); font-weight: 500; display: block; margin-bottom: 20px; }
#formmail-write .contact_info .in_box input {width: 100%; line-height: 56px; border-radius: 10px; border: 1px solid #dedede; padding-left: 19px;  font-size: var(--fs16);  }

#formmail-write .contact_info .de_box input {width: 100%; line-height: 56px; border-radius: 10px; border: 1px solid #dedede; padding:0 19px;  font-size: var(--fs16);  color: #aeaeae;   -webkit-appearance: none; /* iOS 사파리 기본 스타일 제거 */
    -moz-appearance: none;    /* Firefox 기본 스타일 제거 */
    appearance: none;   background: #fff;  }

#formmail-write .contact_info .in_box input::placeholder {font-size: var(--fs16); color: #aeaeae; }

#formmail-write .contact_info .ch_box h4 {font-size: var(--fs20); font-weight: 500; margin-bottom: 30px; margin-top: 10px;}
#formmail-write .contact_info .ch_box label {font-size: var(--fs18); font-weight: 500; display: inline-block; color: #666666; margin:  0 10px 0 0; }

#formmail-write .form-footer {text-align: center; margin-top: 90px;}
#formmail-write .form-footer .applybtn {font-size: var(--fs20); font-weight: 600; color: #fff; padding: 17px 50px; border-radius: 27px; border: none; background: #ef5a24;}

#formmail-write .form-group {display: flex; align-items: center; padding: 23px 15px; border-bottom: 1px solid #dedede;}
#formmail-write .form-group label{width: 170px; display: inline-block; font-size: var(--fs20); font-weight: 400; color: #494949;}

#formmail-write input[type="date"] {  font-size: 18px;  /* 폰트 크기 변경 */
    color: #333333;   }

/* 체크박스 커스텀 */
#formmail-write input[type="checkbox"].required {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #999;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    position: relative;
    margin-right: 5px;
}

/* 체크된 상태 스타일 */
#formmail-write input[type="checkbox"].required:checked {
    background-color: var(--main-color); 
    border-color: var(--main-color); 
}

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


/* 체크박스 커스텀 */
#formmail-write input[type="radio"].required {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #999;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    position: relative;
    margin-right: 5px;
}

/* 체크된 상태 스타일 */
#formmail-write input[type="radio"].required:checked {
    background-color: var(--main-color); 
    border-color: var(--main-color); 
}

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



@media all and (max-width: 1024px) {
    #formmail-write {}

#formmail-write .consent .txt_wrap {padding: 30px 20px;}

#formmail-write .contact_info {margin-top: 40px;}
#formmail-write .contact_info .con_title {padding-bottom: 18px;}


#formmail-write .contact_info .box_wrap {padding: 30px 20px; gap: 20px 0;}

#formmail-write .contact_info .in_box {width: 100%; }
#formmail-write .contact_info .full_box {width: 100%; }

#formmail-write .contact_info .in_box label { margin-bottom: 10px; }
#formmail-write .contact_info .in_box input { line-height: 40px; border-radius: 5px; padding-left: 10px;   }

#formmail-write .contact_info .de_box input { line-height: 40px; border-radius: 5px; }

#formmail-write .form-footer {margin-top: 40px;}
/* 체크박스 커스텀 */
#formmail-write input[type="checkbox"].required {
    width: 16px;
    height: 16px;
}


/* 체크박스 커스텀 */
#formmail-write input[type="radio"].required {
    width: 16px;
    height: 16px;
}


}

@media all and (max-width: 650px) {
}