@charset "utf-8";
#formmail-write2 {}
#formmail-write2 .board_T {margin-bottom: 25px;}
#formmail-write2 .board_T h6 {font-size: var(--fs24); font-weight: 800;}

#formmail-write2 .form_type {margin-bottom: 100px;}
#formmail-write2 .form_type .box {}
#formmail-write2 .form_type .ra_box {display: flex; justify-content: space-between; align-items: center; }
#formmail-write2 .form_type .ra {width: 24%; padding: 25px 0; border: 1px solid #d5d5d5; text-align: center; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; font-size: var(--fs20); font-weight: 600;  color: #cecece;}

#formmail-write2 .form_type .ra:hover, #formmail-write2 .form_type .active {
    border: 1px solid #1233ac;   color: #1233ac;
}
#formmail-write2 .form_info {}
#formmail-write2 .form_info .info_box { border-top: 1px solid #494949;}
#formmail-write2 .form_info .info_box .left {background: #f4f5f7;}
#formmail-write2 .form_info .content_box .left {background: #f4f5f7; height: 210px;}
#formmail-write2 .form_info .star {color: #cb2121; font-size: var(--fs18); font-weight: 600; margin-left: 6px;}
#formmail-write2 .form_info .info_box .right {padding: 25px 30px;}
#formmail-write2 .form_info .box {border-bottom: 1px solid #e5e5e5;}
#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(--fs18); font-weight: 600; width: 257px; display: block; line-height: 102px; padding-left: 35px;}
#formmail-write2 .form_info input {font-size: var(--fs16); font-weight: 500; line-height: 50px; padding-left: 25px; border: 1px solid #e5e5e5;}
#formmail-write2 .form_info input::placeholder {color: #999999;  font-size: var(--fs16); font-weight: 500;}
#formmail-write2 .form_info textarea {font-size: var(--fs16); font-weight: 500; line-height: 50px; padding-left: 25px; border: 1px solid #e5e5e5; width: 100%;}
#formmail-write2 .form_info textarea::placeholder {color: #999999;  font-size: var(--fs16); font-weight: 500;}

#formmail-write2 .file_wrap .left {height: 150px;}
#formmail-write2 .file_wrap input {padding: 0; border: 0;}
#formmail-write2 .file_wrap .txt {display: flex; align-items: start; gap: 0 3px;}
#formmail-write2 .file_wrap .txt p {font-size: var(--fs16); color: #999; line-height: 22px;}


#formmail-write2 .consent_box {margin-top: 60px;}
#formmail-write2 .consent_box .box {border: 1px solid #e5e5e5;}
#formmail-write2 .consent_box .txt {padding: 35px 40px;}
#formmail-write2 .consent_box .txt p {font-size: var(--fs15); font-weight: 300; line-height: 1.4;}
#formmail-write2 .privacy-of-use-check1 {display: flex; align-items: center; gap: 0 10px; padding: 20px 0; background: #f4f5f7; justify-content: center;}
#formmail-write2 .privacy-of-use-check1 label {font-size: var(--fs18);}

#formmail-write2 .foot_box {margin-top: 110px;}
#formmail-write2 .foot_box .formmail_btn {text-align: center;}
#formmail-write2 .foot_box .formmail_btn button {font-size: var(--fs20); font-weight: 600; color: #fff; background: #1233ac; border: none; width: 260px; text-align: center; display: inline-block; line-height: 60px; border-radius: 4px; transition: all 0.3s;}
#formmail-write2 .foot_box .formmail_btn button:hover {background: var(--color);}

#formmail-write2 input[type="email"] { border: 1px solid #e5e5e5; outline: none;}
/* #문의 분야 라디오 커스텀# */

#formmail-write2 input[type="radio"].custom2 {
    appearance: none;
    width: 24px;
    height: 24px;
    outline: none;
    cursor: pointer;
    position: relative;
    border: 2px solid transparent; 
    border-radius: 0;
    box-sizing: border-box;
    margin-right: 6px;
}

/* 선택 전 상태 */
#formmail-write2 input[type="radio"].custom2 {
    background: url(../../../img/con_selectY.png) no-repeat center center;
    background-size: cover; /* 이미지 크기를 버튼 크기에 맞춤 */
}

/* 선택된 상태 */
#formmail-write2 .ra:hover input[type="radio"].custom2 ,#formmail-write2 input[type="radio"].custom2:checked {
    background: url(../../../img/con_select.png) no-repeat center center;
    background-size: cover; /* 이미지 크기를 버튼 크기에 맞춤 */
}


#formmail-write2 .form_type .ra input[type="radio"]:checked + label{
    background: url(../../../img/con_select.png) no-repeat;
    color: #1233ac; 
}

/* #동의 체크박스 커스텀# */
#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 .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);
}

@media all and (max-width: 1320px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    #formmail-write2 .form_type {margin-bottom: 60px;}
    #formmail-write2 .form_type .ra_box {flex-wrap: wrap; gap: 10px 0;}
    #formmail-write2 .form_type .ra {width: 49%; padding: 20px 0;}
    #formmail-write2 .form_info .in_wrap {flex-wrap: wrap;}
    #formmail-write2 .form_info label {padding: 15px 0; padding-left: 10px; line-height: 1;  font-size: var(--fs24);}
    #formmail-write2 .form_info input {padding-left: 10px; font-size: var(--fs20); line-height: 40px;}
    #formmail-write2 .form_info input::placeholder {font-size: var(--fs20);}
    #formmail-write2 .form_info textarea {padding-left: 10px;}
    #formmail-write2 .form_info textarea::placeholder {font-size: var(--fs20);}
    #formmail-write2 .form_info .info_box .left {width: 100%;}
    #formmail-write2 .form_info .info_box .right {width: 100%; padding: 15px 0;}
    #formmail-write2 .form_info .content_box .left {height: auto;}
    #formmail-write2 .file_wrap .left {height: auto;}

    #formmail-write2 .consent_box .txt {padding: 15px;}
    #formmail-write2 .consent_box .txt p {font-size: var(--fs18);}
    #formmail-write2 .privacy-of-use-check1 label {font-size: var(--fs20);}
    #formmail-write2 .foot_box {margin-top: 60px;}
    #formmail-write2 .foot_box .formmail_btn button {font-size: var(--fs24);}
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
}