@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.filebox input[type="file"] {  display: none; }
.filebox label { width: 20%; text-align: center;  color: #fff;  font-size: 1rem; margin-left: 10px; line-height: 45px;  letter-spacing: -0.35px;  background: #898A8A;  cursor: pointer;}

input:focus { outline-offset: 0px; outline: -webkit-focus-ring-color auto 0px;}
textarea:focus {outline-offset: 0px;outline: -webkit-focus-ring-color auto 0px; }
label span {vertical-align: middle;}
input[type="radio"] {vertical-align: middle; appearance: none; border: max(2px, 0.1em) solid #80c3f0; border-radius: 50%; width: 1.25em; height: 1.25em; transition: border .4s ease-in-out;}
[type="radio"]:checked { border: .3rem solid #D78796;}

select {    
    /* ����Ƽ�� ���� ���߱� */ 
    -webkit-appearance: none;  
    -moz-appearance: none; 
    appearance: none;
}

/* IE 10, 11�� ����Ƽ�� ȭ��ǥ ����� */
select::-ms-expand { display: none; }
select {
    width: 100%; 
    /* ���ϴ� �ʺ��� */
    /* �������� ���� ���� */                                    
    font-family: inherit;                                    
    /* ��Ʈ ��� */                                    
    background: url(../img/select.png) no-repeat 90% 50%;
    /* ����Ƽ�� ȭ��ǥ ��ü */                                    
    border: 0px solid #999;                                    
    border-radius: 0px;                                    
    /* iOS �ձٸ𼭸� ���� */                                    
    -webkit-appearance: none;                                    
    /* ����Ƽ�� ���� ���߱� */
    -moz-appearance: none;                                    
    appearance: none;                                    
    cursor: pointer;                                    
    text-align-last: left; 
    transform: skewX(-0.3deg);
    background-color: transparent;
}

.black {color: #333;}
.grey {color: #808080;}

.container { width: 100%;}




#form_txt {font-size: 20px; padding: 16px; line-height : 28px; letter-spacing : -1px; border: 1px solid #fff; color: #fff;}
#form_txt p {margin-top: 35px;}
#form_txt h4:last-of-type {margin-top: 35px;}


#mail_to {margin-bottom: 30px; display: none;}

.FormWrap {display: flex;}
.FormWrap .filebox {display: flex; align-items: center;}
.radioWrap {display: flex; justify-content: center; margin-top: 30px; gap: 70px;}
.radioWrap .checkbox span {cursor: pointer;}
.form_ul {margin: 70px 0 50px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.form_ul li {border-bottom: 1px dashed #909090;}
.form_ul li:last-child {border-bottom: none;}
#form_attached_1 {flex: 3; margin: 10px;}
#form_content_1 {height: 125px;}


.f_title {flex: .4; padding: 0 35px; font-size: 1rem; line-height: 60px;  letter-spacing: -0.35px;  text-transform: capitalize; background: #F0F0F0; margin-right: auto; font-family: 'Pretendard';position: relative;} 
.f_title::before {content: '*';position: absolute; color: #D78796; font-size: 1.38rem; left: 20px; top: 4px;font-weight: 100;}
#form_mail::before {content: none;}
.f_Box {display: flex; flex: 3; gap: 20px; padding: 10px;}
.dateWrap {display: flex; flex-direction: column; flex: 3;}
.f_w {flex: .39;}

.f_cont {flex: 3; margin: 10px; height: 45px;background: #fff; border: 1px solid #999; }
.f_file {padding: 10px; margin: 0;}

.f_cont_num, .f_cont_email { height: 45px; background: #fff; border: 1px solid #999; }
.f_cont_num {min-width: 130px;}
.f_cont_num select {color: #333; padding: 0 10px;}
.f_cont_email {min-width: 130px; width: 26%;}
.f_cont_email select {color: #808080; padding: 0 10px;}
.f_cont_num_icon, .f_cont_email_icon {height: 45px; line-height: 45px; padding: 0; border: none; color: #fff;}

.f_cont p { color: #808080; font-size: 1.1rem; height: 25px; line-height: 25px; padding: 5px 0px;}


.f_input { width: 100%; height: 45px; line-height: 45px; padding: 10px; border: 0px; background-color: transparent; font-family: 'SpoqaHanSansNeo-Regular';   font-size: 0.8rem;}
.f_input_radio { margin-right: 5px;}
.form_cate_span {margin-right: 10px;}
.f_input2 { height: 110px;  width: 100%; padding: 10px;  border: 0px;; background-color: transparent; font-family: 'SpoqaHanSansNeo-Regular';   font-size: 0.8rem; }
.upload-name { flex: 1; padding: 0px 8px;  font-size: 0.8rem;  line-height: 40px;  color: #808080;  vertical-align: middle;  background-color: #fff;  border: 0px;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; border: 1px solid #ddd;  width: 78%;  margin-right: 2%;  box-sizing: border-box; font-family: 'SpoqaHanSansNeo-Regular';   font-size: 0.8rem; }



#form_send { width: 100%;  padding-bottom: 200px;}
#form_send_1 { width: 100%;  text-align: center; }


.submit {  font-size: 20px;  line-height: 35px;  letter-spacing: -0.35px;  height: 45px; width: 100%; max-width: 150px; text-align: center;  margin: 10px 20px;   cursor: pointer;  transition: all 0.4s; background: #80c3f0; border: 1px solid #80c3f0;  text-transform: uppercase;  font-family: 'SpoqaHanSansNeo-Regular';  border-radius: 35px;}

.reset { font-size: 20px; line-height: 35px; letter-spacing: -0.35px; height: 45px; width: 100%; max-width: 150px; text-align: center; margin: 10px 20px; background: transparent; cursor: pointer; transition: all 0.4s; border: 1px solid #fff;  text-transform: uppercase; font-family: 'SpoqaHanSansNeo-Regular';  border-radius: 35px; }


@media screen and (max-width: 780px) {


    .f_cont.width50 {width: 100%;}
    .f_title {width:100%; border-right: 0px;}
    .f_cont {margin-bottom: 30px;}
    .f_cont_email { width: 35%; margin-bottom: 30px;}
    .f_cont_email.icon { width: 8%;}
    .f_cont_email#form_mail_3 { width: 57%;}
    .f_cont_num { width: 29%; margin-bottom: 30px; padding-left: 10px;    padding-right: 10px;}
    .f_cont_num.icon { width: 6%; }
    .container { padding: 35px 10px 160px; }
    .f_cont {width: 100%;}
    .f_cont2 { width: 100%; margin-bottom: 30px; }
    #form_send_1 { width: 100%; }
    .submit { margin: 10px 5px; display: inline-block; }
    .reset { margin: 10px 0; display: inline-block; }
    .f_title.width2 { width: 100%; }
    .f_cont3 {  width: 100%;  margin-bottom: 30px; }
    .upload-name { width: 69%;}
    .filebox label { width: 29%; }
    select {background: url(../image/select.png) no-repeat 95% 65%;    padding: 0px; background-size: 20%; }
    #form_send {padding-top: 0px;}



}