@charset "utf-8";
/*
------------------------------------------------------------------------------------------------------------------------
폼메일 쓰기 스타일
------------------------------------------------------------------------------------------------------------------------
*/

.form-body {display: flex; align-items: center; justify-content: space-between;}

.form-group h2 {font-size: var(--fs28); font-weight: 700; color: #383431;}


.form-group1 {width: 14%;}
.form-group2 {width: 26%;}
.form-group3 {width: 14%;}
.form-footer {width: 15%;}
.form-group1 input {width: 100%; height: 54px; line-height: 54px; padding-left: 25px; border: 1px solid #b7b7b7; border-radius: 5px; color: #8c8c8c; font-size: var(--fs18);}

.form-group1 select {width: 100%; height: 54px; line-height: 54px;  border: 1px solid #b7b7b7; border-radius: 5px; color: #8c8c8c; font-size: var(--fs18); padding-left: 18px; }


#formmail-write select {
    -webkit-appearance: none;  /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none;  /* 화살표 없애기 */
    background: #fff;
}
	
#formmail-write .select_renewal{
    background: #fff url(../../../img/select_btn.png) no-repeat 90% 50%;
}



.privacy-of-use-check {display: flex; align-items: center;}
.privacy-of-use-check label {color: #fff; font-size: var(--fs18); display: flex; align-items: center;}
.privacy-of-use-check  span {color: #fff; font-size: var(--fs18); cursor: pointer; display: inline-block;}


.main_contact #btn_submit {width: 100%; text-align: center; display: inline-block; border: none; background: #9d8c7d; font-size: var(--fs32); font-weight: 700; color: #fff; padding: 12px 0; border-radius: 5px;}


/* 팝업 */
.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: 20px;
    height: 20px;
    border: 2px solid #b7b7b7;
    background: #fff;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    position: relative;
    margin-right: 3px;
    margin-top: 1px;
}

/* 체크된 상태 스타일 */
#formmail-write .privacy-of-use-check input[type="checkbox"].required:checked {
    background-color: #2e251c; 
    border-color: #2e251c; 
}

/* 체크 표시 스타일 */
#formmail-write .privacy-of-use-check input[type="checkbox"].required:checked::after {
    content: '✓';
    color: white;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}





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

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

}
@media all and (max-width: 900px){
}
@media all and (max-width: 850px){
}
@media all and (max-width: 768px){

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