@charset "utf-8";


#formmail-write .form-body {display: flex; align-items: center; justify-content: center;}

#formmail-write .contact-box {text-align: center;}
#formmail-write .contact-box h6 { font-size: var(--fs20); font-weight: 700; }
#formmail-write .contact-box p { font-size: var(--fs16);
font-weight: 500; color: var(--c1); background: #e0f3fd; line-height: 1; padding: 7px 12px; border-radius: 14px;margin-top: 10px;}



#formmail-write .form-body .box_wrap {display: flex; align-items: center; justify-content:center; gap: 10px; margin: 0 35px;}
#formmail-write .form-body .box_wrap .form-group1 {width: 250px;}
#formmail-write .form-group1 input {width: 100%; height: 52px; line-height: 52px;      font-size: var(--fs16); color: #a8a8a8; border: 1px solid #d3d3d3; padding-left: 15px;}
#formmail-write .form-group1 input::placeholder {   font-size: var(--fs16); color: #a8a8a8;}


#formmail-write .privacy-of-use-check {display: flex; align-items: center;}
#formmail-write .privacy-of-use-check label { display: flex; align-items: center; }
#formmail-write .privacy-of-use-check  span {font-weight: 600; cursor: pointer; display: inline-block; color: #4b4b4b; border-bottom: 1px solid #4b4b4b;}


#formmail-write #btn_submit {width: 248px; text-align: center; display: block; border: none; background: var(--c1); font-size: var(--fs20);  color: #fff; line-height: 56px; text-align: center; font-weight: 700; margin-left: 35px; }


/* 팝업 */
.pop_wrap {display: none ; position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.3);width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90%;  max-width: 768px;  height: 50vh;  max-height: 760px;  padding: 50px 20px;  background: #fff;  line-height: 25px;}
.pop-close {  position: absolute;  top: 5px;  right: 5px;  width: 30px;  height: 30px;  cursor: pointer;}
.pop-close i{font-size: 24px;}
.pop_wrap .pop-inner h3{text-align: center; font-size: 2.0rem; font-weight: bold; margin-bottom: 20px;}
.pop-text{height: 40vh;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #fff}

#formmail-write .privacy-of-use-check input[type="checkbox"].required {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 25px;
    height: 25px;
    background: #d9d9d9;
    /* 체크 전 배경 */
    border-radius: 100px;
    outline: none;
    cursor: pointer;
    position: relative;
    margin-right: 8px;
}

#formmail-write .privacy-of-use-check input[type="checkbox"].required::after {
    content: '✓';
    color: white;
    /* 체크 전에도 흰색 */
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#formmail-write .privacy-of-use-check input[type="checkbox"].required:checked {
    background-color: var(--c1);
}


@media all and (max-width: 1640px){
#formmail-write .form-body .box_wrap {margin: 0 20px;}
#formmail-write .form-body .box_wrap .form-group1 {width: 130px;}
#formmail-write #btn_submit {width: 130px; margin-left: 20px;}
}
@media all and (max-width: 1200px){}
@media all and (max-width: 1024px){
#formmail-write .form-body {flex-direction: column; gap: 20px 0; width: 100%; margin: 0 auto;}
#formmail-write .form-body .box_wrap {margin: 0 0; flex-direction: column; width: 100%;}
#formmail-write .form-body .box_wrap .form-group1 {width: 100%;}
#formmail-write .contact-box {margin-top: 20px; margin-bottom: 10px;}
#formmail-write .form-footer {width: 100%;}
#formmail-write #btn_submit {width: 130px; margin-left: 0px; width: 100%;}
#formmail-write2 .box-wrap .ra-box {gap: 0 10px;}
}
@media all and (max-width: 900px){}
@media all and (max-width: 850px){}
@media all and (max-width: 768px){}
@media all and (max-width: 650px){}